.-smaller {
  font-size: .86em
}
.-en {
  font-family: 'Work Sans', sans-serif
}
.-num {
  font-family: 'Work Sans', sans-serif
}
.-relative {
  position: relative
} 
html {
  -webkit-text-size-adjust: 100%;
}

main {
  box-sizing: border-box
}

main *,main ::before,main ::after {
  box-sizing: inherit;
  background-repeat: no-repeat
}
main ::before,main ::after {
  text-decoration: inherit;
  vertical-align: inherit
}
main * {
  margin: 0;
  padding: 0
}
audio:not([controls]) {
  display: none;
  height: 0
}
main hr {
  overflow: visible
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  /*display: block*/
}
summary {
  display: list-item
}
small {
  font-size: 80%
}
[hidden], template {
  display: none
}
abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}
main a {
  -webkit-text-decoration-skip: objects;
  background-color: transparent
}
main a:active,main a:hover {
  outline-width: 0
}
code, kbd, pre, samp {
  font-family: monospace, monospace
}
main b,main strong {
  font-family: 'UD Shin Go DemiBold', sans-serif;
  /*font-weight: bolder*/
}
dfn {
  font-style: italic
}
mark {
  background-color: #ff0;
  color: #000
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}
sub {
  bottom: -0.25em
}
sup {
  top: -0.5em
}
main input {
  border-radius: 0
}
button, [type="button"], [type="reset"], [type="submit"], [role="button"] {
  cursor: pointer
}
[disabled] {
  cursor: default
}
[type="number"] {
  width: auto
}
[type="search"] {
  -webkit-appearance: textfield
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
textarea {
  overflow: auto;
  resize: vertical
}
button, input, optgroup, select, textarea {
  font: inherit
}
optgroup {
  font-weight: bold
}
button {
  overflow: visible
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: 0
}
button:-moz-focusring, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText
}
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}
button, select {
  text-transform: none
}
button, input, select, textarea {
  border-style: none;
  background-color: transparent;
  color: inherit
}
select {
  -moz-appearance: none;
  -webkit-appearance: none
}
select::-ms-expand {
  display: none
}
select::-ms-value {
  color: currentColor
}
legend {
  display: table;
  max-width: 100%;
  border: 0;
  color: inherit;
  white-space: normal
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
img {
  border-style: none
}
progress {
  vertical-align: baseline
}
svg:not(:root) {
  overflow: hidden
}
audio, canvas, progress, video {
  display: inline-block
}
[aria-busy="true"] {
  cursor: progress
}
[aria-controls] {
  cursor: pointer
}
[aria-disabled] {
  cursor: default
}
::-moz-selection {
  background-color: #ddd;
  color: #000;
  text-shadow: none
}
::selection {
  background-color: #ddd;
  color: #000;
  text-shadow: none
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #333;
  font-size: 62.5%;
  line-height: 1.75
}
body {
  background: #FFF;
  position: relative;
  font-size: 1.5rem
}

.header-global{
  font-size: 1.175rem;
  line-height: 1.5
}

.breadcrumbs{
  font-size: 10px;
  line-height: 1.5
}

.nav-footer a {
  color: #fff !important;
}

.link-footer-lv1 > dt,
.link-footer-lv2 > dt {
  font-size: 1.6rem;
  line-height: 1.6;
}

.link-footer-lv1 > dd,
.link-footer-lv2 > dd {
  font-size: 1.1rem;
  line-height: 1.6;
}

.links-footer-info li {
  font-size: 1.1rem;
  line-height: 1.8;
}

.copyright {
  font-size: 1.6rem;
  line-height: 1.2
}

.container {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.column-main{
  width: 100%;
}

.column-main > main {
  position: relative;
  margin: 0 auto;
}

.column-main a:hover{
  text-decoration: none;
}

@media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .breadcrumbs{
    font-size: 10px;
    line-height: 1.5
  }
    
}

@media screen and (max-width: 650px) {
  
  .link-footer-lv1 > dt,
  .link-footer-lv2 > dt {
    font-size: 1.3rem;
    line-height: 1.6;
  }
  
  .link-footer-lv1,
  .link-footer-lv2 {
    font-size: 1.3rem;
    line-height: 1
  }

  .links-footer-info li a {
    font-size: .8rem;
    line-height: 1
  }
  
}

#wrapper {
  position: relative;
  min-width: 1200px
}
#wrapper.is-blur {
  -ms-filter: blur(6px);
  -webkit-filter: blur(6px);
  filter: blur(6px)
}
a, a:visited {
  color: inherit;
  text-decoration: none
}
a.-nolink {
  cursor: pointer;
  pointer-events: none
}
table {
  width: 100%;
  border-collapse: collapse
}
ul, li {
  list-style: none
}
li {
  letter-spacing: .02em
}
p {
  letter-spacing: .02em
}
img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  vertical-align: bottom
}
i, em {
  font-style: normal
}
h1, h2, h3, h4, h5 {
  font-size: inherit
}
hr {
  height: 1px;
  margin-bottom: 2em;
  border: none;
  background-color: #eee;
  color: #eee
}
*.-pink {
  background: #fcf2f7
}
.l-article > p + p {
  margin-top: 20px
}
.l-article .text {
  width: 100%;
  margin: 0 0 80px;
}
.l-article .text > p {
  margin-bottom: 1.5em;
  line-height: 1.86
}
.l-article .text > p a {
  border-bottom: 1px solid #aaa;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-article .text > p a:not(.c-btn)[target="_blank"] {
  display: inline-block;
  padding-right: 17px;
  background: url("/jp/-/media/ivd/medience/common/img/ico-blank-black.png") center right 1px/10px 10px no-repeat
}
.l-article .text > p a:not(.c-btn)[href*=".pdf"] {
  display: inline-block;
  padding-right: 22px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right 1px/16px 16px no-repeat
}
.l-article .text > p a.c-btn {
  border-bottom: none
}
.l-article .text > p a:hover {
  border-color: #29b8ec;
  color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-article > dl {
  margin-bottom: 1.2em
}
.l-article > dl dt {
  margin-bottom: .4em;
  color: #000;
  font-weight: 500
}
.l-article .c-title a {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  border-bottom: 1px solid #aaa;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-article .c-title a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #333;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  content: '';
  content: '';
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-article .c-title a:hover {
  border-color: #29b8ec;
  color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-article .c-title a:hover::after {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-article .c-list {
  margin-top: .4em;
  margin-bottom: 1.2em
}
.l-article .c-list a {
  border-bottom: 1px solid #aaa;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-article .c-list a[href*=".pdf"] {
  padding-right: 22px;
  background: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right 2px/16px 16px no-repeat
}
.l-article .c-list a[target="_blank"]:not([href*=".pdf"]) {
  padding-right: 18px;
  background: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 2px/10px 10px no-repeat
}
.l-article .c-list a.c-btn {
  padding-right: 20px;
  border-bottom: none;
  background: #222
}
.l-article .c-list a:hover {
  border-color: #29b8ec;
  color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-article .c-table {
  margin-bottom: 2em
}
.l-article .sp-scroll {
  margin-bottom: 2em
}
.l-article .sp-scroll .c-table {
  margin-bottom: 0
}
.l-article .c-box {
  margin-bottom: 2em
}
.l-article .c-figure {
  margin-bottom: 2em
}
.l-article .c-flex {
  margin-bottom: 2em
}
.l-article iframe {
  width: 100%;
  margin: 1.6em 0 2em
}
.l-aside {
  z-index: 10;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  min-width: 1200px;
  border-top: 1px solid #555;
  background: #f6f6f6;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside.nav-open {
  z-index: 200
}
.l-aside.-nomenu {
  padding-bottom: 12px
}
.l-aside.is-move {
  top: 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside.is-slideDown {
  top: 80px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside.is-on {
  z-index: 30;
  top: 0
}
.l-aside .inner {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 0 auto;
  background: #f6f6f6
}
.l-aside .title {
  margin: 13px 0 0 0;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .08em
}
.l-aside .title > span {
  display: inline-block;
  padding-bottom: 14px
}
.l-aside .title .toggle {
  display: none
}
.l-aside .side-nav {
  display: flex;
  font-size: 1.2rem
}
.l-aside .side-nav > li {
  margin-right: 16px
}
.l-aside .side-nav > li:last-child {
  margin-right: 0
}
.l-aside .side-nav > li > a {
  display: block;
  position: relative;
  padding: 13px 0 14px;
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .5;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .side-nav > li > a[target="_blank"] {
  padding-right: 14px;
  background: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 1px/9px 9px no-repeat
}
.l-aside .side-nav > li > a.is-active {
  opacity: 1
}
.l-aside .side-nav > li > a.-no-link {
  pointer-events: none
}
.l-aside .side-nav > li.-has-second > a {
  padding-right: 13px
}
.l-aside .side-nav > li.-has-second > a::after {
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: '';
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .side-nav > li.-has-second > a.is-on {
  opacity: 1
}
.l-aside .side-nav > li.-has-second > a.is-on::after {
  top: 23px;
  transform: rotate(225deg);
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .side-nav > li:hover > a {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .second-nav {
  display: flex;
  flex-wrap: wrap;
  width: 1000px;
  margin: 0 auto;
  border-left: 1px solid rgba(255, 255, 255, 0.12)
}
.l-aside .second-nav-wrap {
  z-index: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .second-nav-wrap.is-open {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .second-nav > li {
  width: calc(100% / 4);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.l-aside .second-nav > li > a {
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
  padding: 20px 48px 20px 24px;
  color: #fff;
  line-height: 1.6;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .second-nav > li > a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .second-nav > li > a:hover {
  background: rgba(255, 255, 255, 0.2);
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .second-nav > li > a:hover::after {
  right: 18px;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-aside .switch {
  display: none
}
.l-border {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.l-border span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #f6f6f6;
  display: none !important;
}
.l-border span:nth-child(1) {
  margin-left: -750px
}
.l-border span:nth-child(2) {
  margin-left: -500px
}
.l-border span:nth-child(3) {
  margin-left: -250px
}
.l-border span:nth-child(5) {
  margin-left: 250px
}
.l-border span:nth-child(6) {
  margin-left: 500px
}
.l-border span:nth-child(7) {
  margin-left: 750px
}
.l-breadcrumb {
  z-index: 2;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  padding: 20px 0;
  border-top: 1px solid #f4f4f4;
  background: #fff
}
.l-breadcrumb.is-stop {
  position: relative;
  bottom: auto;
  left: auto;
  margin-top: 160px
}
.l-breadcrumb .breadcrumb-list {
  display: flex;
  white-space: nowrap
}
.l-breadcrumb .breadcrumb-list > li {
  position: relative;
  max-width: 400px;
  margin-right: 10px;
  padding-right: 16px;
  overflow: hidden;
  font-size: 1.3rem;
  text-overflow: ellipsis
}
.l-breadcrumb .breadcrumb-list > li.-en {
  padding-top: 1px
}
.l-breadcrumb .breadcrumb-list > li::after {
  display: block;
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  content: ''
}
.l-breadcrumb .breadcrumb-list > li:last-child {
  margin-right: 0;
  padding-right: 0;
  font-weight: 500
}
.l-breadcrumb .breadcrumb-list > li:last-child::after {
  display: none
}
.l-breadcrumb .breadcrumb-list > li > span {
  color: #999
}
.l-breadcrumb .breadcrumb-list > li > a {
  color: #999;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-breadcrumb .breadcrumb-list > li > a:hover {
  color: #000;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-breadcrumb .breadcrumb-list > li.-home > a {
  display: inline-block;
  padding-left: 24px;
  background: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-home.png) top 2px left/16px auto no-repeat;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500
}
.l-footer {
  position: relative;
  top: 64px;
  margin-top: 160px;
  padding-top: 36px;
  background: #333;
  font-size: 1.3rem
}
.l-footer.breadcrumb-stop {
  top: 0;
  margin-top: 0
}
.l-footer .footer-nav {
  display: flex;
  margin-bottom: 48px
}
.l-footer .footer-line {
  width: 200px;
  padding-right: 20px
}
.l-footer .footer-line.-wide {
  width: 600px
}
.l-footer .footer-line h3 {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #272727;
  color: #fff
}
.l-footer .footer-line > ul > li {
  margin-bottom: 8px
}
.l-footer .footer-line > ul > li > a {
  color: #fff
}
.l-footer .footer-line > ul > li > a[target="_blank"] {
  padding-right: 16px;
  background: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-blank-white.png) center right 1px/10px 10px no-repeat
}
.l-footer .footer-line-second {
  display: flex
}
.l-footer .footer-line-second > ul {
  width: calc(100% / 3)
}
.l-footer .footer-line-second > ul > li > a {
  display: inline-block;
  margin-bottom: 8px;
  color: #fff
}
.l-footer .footer-line-second > ul > li > a[target="_blank"] {
  padding-right: 16px;
  background: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-blank-white.png) center right 1px/10px 10px no-repeat
}
.l-footer .footer-nav-second {
  margin-bottom: 20px
}
.l-footer .footer-nav-second > li {
  margin-bottom: 6px
}
.l-footer .footer-nav-second > li > a {
  color: #fff;
  opacity: .4
}
.l-footer .footer-nav-second > li > a[target="_blank"] {
  padding-right: 16px;
  background: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-blank-white.png) center right 1px/10px 10px no-repeat
}
.l-footer .footer-nav-second > li > a:hover {
  opacity: 1
}
.l-footer .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-top: 1px solid #272727;
  color: #fff
}
.l-footer .footer-bottom ul {
  display: flex;
  align-items: center
}
.l-footer .footer-bottom ul > li {
  margin-right: 16px
}
.l-footer .footer-bottom ul > li:last-child {
  margin-right: 0
}
.l-footer .footer-bottom .policy-links {
  display: flex;
  padding: 6px 20px;
  border-radius: 17px;
  background: #2f2f2f;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.4)
}
.l-footer .footer-bottom .policy-links > ul {
  position: relative;
  margin-left: 16px;
  padding-left: 16px;
  color: #fff
}
.l-footer .footer-bottom .policy-links > ul::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2px;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 3px 0 3px 6px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.2);
  content: ''
}
.l-footer a:hover {
  text-decoration: underline
}
.l-header {
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1200px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header.is-move {
  top: -80px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header.is-slideDown {
  top: 0;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header.nav-open {
  z-index: 200
}
.l-header .inner {
  display: flex;
  justify-content: space-between;
  background: #fff
}
.l-header .logo {
  width: 130px;
  margin: 26px 0 0 40px
}
.l-header .sp-search {
  display: none
}
.l-header .sp-mail {
  display: none
}
.l-header .toggle {
  display: none
}
.l-header .nav-area {
  display: flex
}
.l-header .global-nav {
  display: flex
}
.l-header .global-nav > li {
  margin-right: 32px;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .global-nav > li > a {
  display: block;
  position: relative;
  height: 80px;
  padding-right: 20px;
  font-weight: 500;
  line-height: 80px
}
.l-header .global-nav > li > a::after {
  display: block;
  position: absolute;
  top: 36px;
  right: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: '';
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .global-nav > li > a.is-active {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .global-nav > li > a.is-active::after {
  top: 38px;
  transform: rotate(225deg);
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .global-nav > li:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .global-nav > li:hover > a::after {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .second-nav {
  display: flex;
  flex-wrap: wrap;
  width: 1000px;
  margin: 0 auto;
  border-left: 1px solid rgba(255, 255, 255, 0.12)
}
.l-header .second-nav-wrap {
  z-index: 0;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  background: #29b8ec;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .second-nav-wrap.is-open {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .second-nav > li {
  width: calc(100% / 4);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.l-header .second-nav > li > a {
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
  padding: 20px 40px 20px 24px;
  color: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .second-nav > li > a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .second-nav > li > a:hover {
  background: rgba(255, 255, 255, 0.2);
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .second-nav > li > a:hover::after {
  right: 18px;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .lang-switch {
  display: flex;
  height: 36px;
  margin-top: 22px;
  padding: 3px;
  border-radius: 33px;
  background: #eee
}
.l-header .lang-switch a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #888;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 30px;
  text-align: center
}
.l-header .lang-switch a.is-active {
  background: #555;
  color: #fff
}
.l-header .other-switch {
  display: flex;
  margin-left: 32px
}
.l-header .other-switch > li {
  width: 80px;
  border-left: 1px solid #eee
}
.l-header .other-switch > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  font-size: 1rem;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .other-switch > li > a span {
  display: inline-block;
  padding-top: 26px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 20px 20px
}
.l-header .other-switch > li.-search > a span {
  background-image: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-search.png)
}
.l-header .other-switch > li.-search > a:hover {
  background: #eee;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .other-switch > li.-sitemap > a span {
  background-image: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-hamburger.png)
}
.l-header .other-switch > li.-sitemap > a:hover {
  background: #eee;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-header .other-switch > li.-contact {
  border-left: none;
  background: #555
}
.l-header .other-switch > li.-contact > a {
  color: #fff
}
.l-header .other-switch > li.-contact > a span {
  background-image: url(/jp/-/media/ivd/medience/jp/-/media/ivd/medience/common/img/ico-mail.png)
}
.l-header .other-switch > li.-contact > a:hover {
  background: #000;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-inner {
  max-width: 1280px;
  margin: 0 auto
}
.l-lowernav {
  z-index: 10;
  width: 100%;
  min-width: 1200px;
  background: #eee;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-lowernav.is-move {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-lowernav.is-slideDown {
  top: 129px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-lowernav .l-inner {
  display: flex;
  position: relative;
  justify-content: flex-end;
  width: 1000px;
  margin: 0 auto
}
.l-lowernav .title {
  position: absolute;
  top: 12px;
  left: 0;
  font-size: 1.3rem;
  font-weight: 500
}
.l-lowernav nav {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto
}
.l-lowernav nav::-webkit-scrollbar {
  height: 4px
}
.l-lowernav nav::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1)
}
.l-lowernav nav::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3)
}
.l-lowernav nav > ul {
  display: flex;
  white-space: nowrap
}
.l-lowernav nav > ul > li {
  margin-right: 16px
}
.l-lowernav nav > ul > li:last-child {
  margin-right: 0
}
.l-lowernav nav > ul > li > a {
  display: block;
  padding: 13px 0 14px;
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .5;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-lowernav nav > ul > li > a:hover {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-lowernav nav > ul > li > a.is-active {
  opacity: 1
}
.l-lowernav.-narrow nav > ul > li {
  margin-right: 10px
}
.l-lowernav.-narrow nav > ul > li:last-child {
  margin-right: 0
}
.l-main {
  padding-top: 0
}
.has-lowernav .l-main {
  padding-top: 180px
}
.l-overlay {
  display: block;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.86);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-overlay.-zindex10 {
  z-index: 10
}
.l-overlay.is-on {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-overlay.pc-nav-on {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-overlay.is-fixed {
  position: fixed
}
.l-overlay.is-flex {
  display: flex;
  align-items: center;
  justify-content: center
}
.l-overlay.search-on {
  z-index: 200;
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop {
  display: block;
  z-index: 2;
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 16px;
  background: #eee;
  text-align: center;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop::after {
  position: absolute;
  top: 14px;
  left: 12px;
  width: 8px;
  height: 8px;
  margin: auto;
  transform: rotate(-45deg);
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  content: '';
  transition: left 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop span {
  display: inline-block;
  height: 32px;
  padding-left: 20px;
  color: #fff;
  font-size: 1.3rem;
  line-height: 32px;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop.is-active, .l-pagetop:hover {
  width: 160px;
  background: #222;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop.is-active::after, .l-pagetop:hover::after {
  left: 22px;
  border-color: #fff;
  transition: left 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop.is-active span, .l-pagetop:hover span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop.is-active.message-hidden, .l-pagetop:hover.message-hidden {
  width: 32px;
  background: #eee;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop.is-active.message-hidden::after, .l-pagetop:hover.message-hidden::after {
  left: 12px;
  border-color: #888;
  transition: left 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop.is-active.message-hidden span, .l-pagetop:hover.message-hidden span {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-pagetop.is-hidden {
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-search {
  z-index: 300;
  position: fixed;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 600px;
  margin: auto;
  transform: translate(-50%, -80%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-search.is-on {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-search .inner {
  position: relative
}
.l-search .inner p {
  margin-bottom: 20px;
  color: #fff;
  font-size: 3.2rem;
  letter-spacing: .08em;
  text-align: center
}
.l-search .inner .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  cursor: pointer
}
.l-search .inner .close::before, .l-search .inner .close::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 1px;
  margin: auto;
  background: rgba(255, 255, 255, 0.8);
  content: '';
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-search .inner .close::before {
  transform: rotate(45deg)
}
.l-search .inner .close::after {
  transform: rotate(-45deg)
}
.l-search .inner .close:hover::before, .l-search .inner .close:hover::after {
  background: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-search .inner .input-wrap {
  position: relative
}
.l-search .inner input {
  width: 600px;
  padding: 20px 48px 20px 20px;
  border-radius: 33px;
  outline: none;
  background: rgba(255, 255, 255, 0.8);
  font-size: 16px
}
.l-search .inner input:focus {
  background: #fff
}
.l-search .mf_finder_searchBox {
  margin: 0
}
.l-search .mf_finder_searchBox_items {
  position: relative;
  padding: 0
}
.l-search .mf_finder_searchBox_doctype_select {
  display: none
}
.l-search .mf_finder_searchBox_misc {
  display: none
}
.l-search .mf_finder_searchBox_submit {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 20px;
  background: transparent;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-search .mf_finder_searchBox_submit::before {
  color: #222;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-search .mf_finder_searchBox_submit span {
  margin: auto
}
.l-search .mf_finder_searchBox_submit:hover {
  background: #555;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-search .mf_finder_searchBox_submit:hover::before {
  color: #fff;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.l-search .mf_finder_searchBox_suggest_items {
  padding: 0;
  overflow: hidden;
  border: none;
  border-radius: 4px;
  background: #000
}
.l-search .mf_finder_searchBox_suggest_item {
  border: none
}
.l-search .mf_finder_searchBox_suggest_item a {
  padding: 4px 12px
}
.l-search .mf_finder_searchBox_selects {
  display: none
}
.c-adobe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 80px;
  padding: 32px;
  background: #f6f6f6
}
.c-adobe > span {
  width: 112px
}
.c-adobe p {
  width: calc(100% - (112px + 32px));
  font-size: 1.3rem;
  line-height: 1.6
}
.c-archive-list {
  border-top: 1px solid #eee;
  border-left: 1px solid #f4f4f4
}
.c-archive-list > li {
  border-bottom: 1px solid #eee
}
.c-archive-list > li > a, .c-archive-list > li > div {
  display: block;
  padding: 20px 0 20px 8px;
  background: #fff
}
.c-archive-list > li > a dl, .c-archive-list > li > div dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  line-height: 1.6
}
.c-archive-list > li > a dl dt, .c-archive-list > li > div dl dt {
  width: 100px;
  padding-top: .2em;
  color: #888;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 500
}
.c-archive-list > li > a dl dd, .c-archive-list > li > div dl dd {
  box-sizing: border-box;
  position: relative;
  width: calc(100% - 100px);
  padding-right: 40px;
  padding-left: 100px
}
.c-archive-list > li > a dl dd span, .c-archive-list > li > div dl dd span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 24px;
  margin: auto;
  border-radius: 2px;
  font-size: 12px;
  line-height: 24px;
  text-align: center
}
.c-archive-list > li > a dl dd span.-info, .c-archive-list > li > div dl dd span.-info {
  left: 0;
  width: 86px;
  background: #97c730;
  color: #fff
}
.c-archive-list > li > a dl dd span.-legal, .c-archive-list > li > div dl dd span.-legal {
  left: 0;
  width: 86px;
  background: #4774e7;
  color: #fff
}
.c-archive-list > li > a dl dd span.-society, .c-archive-list > li > div dl dd span.-society {
  left: 0;
  width: 86px;
  background: #54b888;
  color: #fff
}
.c-archive-list > li > a {
  z-index: 0;
  position: relative;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-archive-list > li > a::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #f8f8f8;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-archive-list > li > a dd {
  position: relative
}
.c-archive-list > li > a dd::before, .c-archive-list > li > a dd::after {
  display: block;
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  margin: auto;
  content: ''
}
.c-archive-list > li > a dd::before {
  width: 12px;
  height: 2px;
  background: #222
}
.c-archive-list > li > a dd::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #222;
  border-right: 2px solid #222
}
.c-archive-list > li > a[href*=".pdf"] dd {
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right 8px/16px auto no-repeat
}
.c-archive-list > li > a[href*=".pdf"] dd::before, .c-archive-list > li > a[href*=".pdf"] dd::after {
  display: none
}
.c-archive-list > li > a:not([href*=".pdf"])[target="_blank"] dd {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 12px/10px auto no-repeat
}
.c-archive-list > li > a:not([href*=".pdf"])[target="_blank"] dd::before, .c-archive-list > li > a:not([href*=".pdf"])[target="_blank"] dd::after {
  display: none
}
.c-archive-list > li > a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-archive-list > li > a:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-archive-list > li > div dl dd {
  padding-right: 0
}
.c-archive-list.-no-tag > li > a dl dd, .c-archive-list.-no-tag > li > div dl dd {
  padding-left: 0
}
.c-arrow {
  padding: 32px
}
.c-arrow.-gray {
  background: #f6f6f6
}
.c-box {
  padding: 32px
}
.c-box.-gray {
  background: #f6f6f6
}

.c-title{
  font-family: 'UD Shin Go DemiBold', sans-serif;
}

.c-box .c-title {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1.4
}
.c-box .c-title.-m {
  margin-top: 0 !important;
  margin-bottom: 24px
}
.c-box .c-title.-s {
  font-size: 2rem
}
.c-box figure {
  text-align: center
}
.c-box a {
  border-bottom: 1px solid;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-box a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-box a[href*=".pdf"] {
  padding-right: 22px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right 2px/16px 16px no-repeat
}
.c-box a[target="_blank"]:not([href*=".pdf"]) {
  padding-right: 18px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 2px/10px 10px no-repeat
}
.c-btn {
  display: inline-block;
  position: relative;
  min-width: 250px;
  padding: 12px 20px;
  overflow: hidden;
  background: #222;
  text-align: center
}
.c-btn::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #464646;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-btn.-w100 {
  width: 100%
}
.c-btn span {
  display: inline-block;
  position: relative;
  padding-right: 24px;
  color: #fff
}
.c-btn span::before, .c-btn span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.c-btn span::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.c-btn span::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.c-btn[href*=".pdf"] span {
  padding-right: 26px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right/16px auto no-repeat
}
.c-btn[href*=".pdf"] span::before, .c-btn[href*=".pdf"] span::after {
  display: none
}
.c-btn:not([href*=".pdf"])[target="_blank"] span {
  padding-right: 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-white.png) center right 1px/10px auto no-repeat
}
.c-btn:not([href*=".pdf"])[target="_blank"] span::before, .c-btn:not([href*=".pdf"])[target="_blank"] span::after {
  display: none
}
.c-btn.-download span {
  padding-right: 26px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-download-white.png) center right/16px auto no-repeat
}
.c-btn.-download span::before, .c-btn.-download span::after {
  display: none
}
.c-btn.-video span {
  padding-right: 26px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-video-white.png) center right 1px/16px auto no-repeat
}
.c-btn.-video span::before, .c-btn.-video span::after {
  display: none
}
.c-btn.-border {
  border: 1px solid #000;
  background: #fff
}
.c-btn.-border span {
  color: #333;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-btn.-border span::before {
  background: #000;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-btn.-border span::after {
  border-color: #000;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-btn.-border:hover span {
  color: #fff;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-btn.-border:hover span::before {
  background: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-btn.-border:hover span::after {
  border-color: #fff;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-btn.-list span {
  padding: 0 0 0 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-list-black.png) center left/16px 16px no-repeat
}
.c-btn.-list span::before, .c-btn.-list span::after {
  display: none
}
.c-btn.-list:hover span {
  background-image: url(/jp/-/media/ivd/medience/common/img/ico-list-white.png)
}
.c-btn.c-js-video span {
  padding: 0 0 0 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-video-white.png) center left/16px 16px no-repeat
}
.c-btn.c-js-video span::before, .c-btn.c-js-video span::after {
  display: none
}
.c-btn.-contact span {
  padding: 0 0 0 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-mail.png) center left/16px 16px no-repeat
}
.c-btn.-contact span::before, .c-btn.-contact span::after {
  display: none
}
.c-btn:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-faq-list {
  border-top: 1px solid #eee
}
.c-faq-list > li {
  border-bottom: 1px solid #eee
}
.c-faq .q {
  box-sizing: border-box;
  z-index: 0;
  position: relative;
  padding: 23px 13px 23px 48px;
  border-left: 1px solid #f4f4f4;
  background: #fff;
  line-height: 1.6;
  cursor: pointer
}
.c-faq .q::before {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 50%;
  color: #000;
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  content: 'Q';
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-faq .q::after {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #f6f6f6;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-faq .q span {
  display: block;
  position: relative;
  padding-right: 48px
}
.c-faq .q span::before, .c-faq .q span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  width: 10px;
  height: 2px;
  margin: auto;
  transform: rotate(0);
  background: #555;
  content: '';
  opacity: 1
}
.c-faq .q span::before {
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-faq .q span::after {
  transform: rotate(90deg);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-faq .q:hover::after {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-faq .q.is-active span::before {
  transform: rotate(90deg);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-faq .q.is-active span::after {
  transform: rotate(180deg);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-faq .a {
  display: none;
  position: relative;
  margin-bottom: 0;
  padding: 32px 32px 32px 48px;
  background: #f6f6f6;
  line-height: 1.6
}
.c-faq .a::before {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 50%;
  color: #000;
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  content: 'A'
}
.c-faq .a figure {
  margin: 1.2em 0;
  padding: 20px;
  background: #fff;
  text-align: center
}
.c-faq .a h4 {
  margin: 1.2em 0 .6em
}
.c-faq .a .c-table th {
  background: #a2a2a2;
  color: #fff
}
.c-figure {
  padding: 32px;
  border-left: 1px solid #f4f4f4;
  background: #fff;
  text-align: center
}
.c-figure img {
  margin-bottom: .2em
}
.c-figure figcaption {
  margin-top: 2em;
  color: #888;
  font-size: 1.3rem;
  line-height: 1.4
}
.c-figure figcaption.-large {
  color: #333;
  font-size: 1.5rem
}
.c-figure figcaption.-large dl dt {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-align: left
}
.c-figure figcaption.-large dl dd {
  display: flex;
  justify-content: center;
  line-height: 1.6;
  text-align: left
}
.c-figure.-line {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}
.c-figure.-blue {
  background: #f1f8fd
}
.c-figure.-gray {
  background: #f4f4f4
}
.c-figure.-gray2 {
  background: #edeff0
}
.c-figure.-img-w100 {
  padding: 0
}
.c-figure.-img-w100 img {
  width: 100%
}
.c-figure-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
  border-bottom: 1px solid #eee;
  background: #fff
}
.c-figure-list .c-figure {
  margin-bottom: -1px
}
.c-figure-list .c-figure.-w100 {
  width: 100% !important
}
.c-figure-list.-column2 .c-figure {
  width: 50%
}
.c-figure-list.-column2 .c-figure:nth-child(2n-1) {
  border-right: none
}
.c-figure-list.-column3 .c-figure {
  width: calc(100% / 3)
}
.c-figure-list.-column3 .c-figure:not(:nth-child(3n)) {
  border-right: none
}
.c-flex {
  display: flex;
  flex-wrap: wrap
}
.c-flex.-half {
  justify-content: space-between
}
.c-flex.-half > * {
  width: calc((100% - 40px) / 2)
}
.c-flex.-half > .c-btn {
  display: flex;
  align-items: center;
  justify-content: center
}
.c-flex.-continuous_img figure {
  width: calc(97% / 3);
  overflow: hidden;
  text-align: center
}
.c-flex.-continuous_img figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.c-flex.-continuous_img figure figcaption {
  margin-top: 10px;
  line-height: 1.4
}
.c-flex.-continuous_img figure * + figure {
  margin-left: 1.5%
}
.c-flex.-continuous_img figcaption {
  margin-top: 4px;
  color: #888;
  font-size: 1.3rem
}
.c-flex.-continuous_img.-elm2 figure, .c-flex.-continuous_img.-elm2 div {
  width: calc(82% / 2);
  margin-bottom: 20px;
  overflow: hidden
}
.c-flex.-continuous_img.-elm2 figure img {
  width: 100%;
  height: auto
}
.c-flex.-continuous_img.-elm2 * + figure {
  margin-left: 0
}
.c-flex.-continuous_img.-elm2 *:nth-of-type(2n) {
  margin-left: 5%
}
.c-flex.-continuous_img.-elm2 div {
  align-items: center;
  margin-left: 5%;
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.4
}
.c-flex.-continuous_img.-elm3 {
  justify-content: space-between
}
.c-flex.-continuous_img.-elm3 > * {
  width: 32%
}
.c-flex.-right-img {
  justify-content: space-between
}
.c-flex.-right-img > *:not(figure) {
  width: calc(100% - 270px)
}
.c-js-video {
  cursor: pointer
}
.c-js-zoom {
  display: block;
  position: relative;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-js-zoom::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  background: url(/jp/-/media/ivd/medience/common/img/ico-zoom.png) center/contain no-repeat;
  content: '';
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-js-zoom img {
  margin-bottom: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-js-zoom:hover {
  background: #000;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-js-zoom:hover::after {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-js-zoom:hover img {
  opacity: .6;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.is-sp .c-js-zoom::after {
  z-index: 1;
  top: auto;
  right: -4px;
  bottom: -4px;
  left: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #333 url(/jp/-/media/ivd/medience/common/img/ico-zoom.png) 7px 7px/14px 14px no-repeat;
  opacity: 1
}
.is-sp .c-js-zoom:hover {
  background: inherit
}
.is-sp .c-js-zoom:hover img {
  opacity: 1
}
.c-label {
  padding: 3px 6px;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 1
}
.c-label.-new {
  display: inline-block;
  background: #d54a43
}
.c-labo-box {
  display: flex;
  margin: 1.6em 0 2em;
  padding: 32px;
  background: #f6f6f6
}
.c-labo-box__figure {
  width: 240px
}
.c-labo-box__figure figcaption {
  margin-top: 8px;
  color: #888;
  font-size: 1.1rem;
  line-height: 1.4;
  text-align: center
}
.c-labo-box__data {
  width: calc(100% - 240px);
  margin-top: 16px;
  padding-left: 32px
}
.c-labo-box__data dt {
  margin-bottom: 8px;
  font-weight: 500
}
.c-labo-box.-nofigure .c-labo-box__data {
  width: 100%;
  margin: 0;
  padding: 0
}
.c-link_lower {
  display: inline-block;
  padding-right: 28px;
  padding-bottom: 6px;
  border-bottom: 1px solid #fff;
  color: #fff
}
.c-link_lower::before, .c-link_lower::after {
  display: block;
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  margin: auto;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-link_lower::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.c-link_lower::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.c-link_lower:hover::before, .c-link_lower:hover::after {
  right: 0;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
a.-textlink {
  border-bottom: 1px solid;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
a.-textlink:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-list > li {
  position: relative;
  margin-bottom: 1.2em;
  padding-left: 24px
}
.c-list > li a {
  word-break: break-all
}
.c-list > li::before {
  display: block;
  position: absolute;
  top: .8em;
  left: 0;
  width: 12px;
  height: 1px;
  background: #888;
  content: ''
}
.c-list > li:last-child {
  margin-bottom: 0
}
.c-list > li p {
  margin-top: 4px;
  line-height: 1.6
}
.c-list.-num {
  font-family: 'Noto Sans JP', sans-serif;
  counter-reset: num
}
.c-list.-num > li {
  padding-left: 20px
}
.c-list.-num > li::before {
  top: auto;
  width: auto;
  height: auto;
  background: none;
  font-family: 'Work Sans', sans-serif;
  content: counter(num) ". ";
  counter-increment: num
}
.c-list.-num2 {
  counter-reset: num
}
.c-list.-num2 > li {
  padding-left: 20px
}
.c-list.-num2 > li::before {
  top: auto;
  width: auto;
  height: auto;
  background: none;
  font-family: 'Work Sans', sans-serif;
  content: counter(num) ") ";
  counter-increment: num
}
.c-list.-abc {
  counter-reset: num
}
.c-list.-abc > li {
  padding-left: 20px
}
.c-list.-abc > li::before {
  top: auto;
  width: auto;
  height: auto;
  background: none;
  font-family: 'Work Sans', sans-serif;
  content: counter(num, upper-alpha) ". ";
  counter-increment: num
}
.c-list.-lower > li {
  margin-bottom: .8em;
  padding-left: 16px
}
.c-list.-lower > li::before {
  position: absolute;
  top: .6em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #bbb
}
.c-list.-lower > li .-lower > li {
  margin-bottom: .2em
}
.c-list.-flex-2 {
  display: flex;
  flex-wrap: wrap
}
.c-list.-flex-2 > li {
  width: 50%;
  padding-right: 24px
}
.c-list.-flex-3 {
  display: flex;
  flex-wrap: wrap
}
.c-list.-flex-3 > li {
  width: calc(100% / 3);
  padding-right: 24px
}
.c-list.-small_interval > li:not(:last-of-type) {
  margin-bottom: 10px
}
.c-list.-large_interval > li::before {
  top: 1.2em
}
.c-list.-large_interval > li:not(:last-of-type) {
  margin-bottom: 24px
}
.c-list.-smaller > li {
  line-height: 1.4
}
.c-list.-smaller > li:not(:last-of-type) {
  margin-bottom: 10px
}
.c-list.-larger {
  font-size: 2rem
}
.c-list .c-title.-s {
  margin: 0;
  line-height: 1.4
}
.c-modal-dl {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-modal-dl-inner {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  padding: 32px;
  transform: translateY(-50%) translateX(-50%);
  background: #fff
}
.c-modal-dl-inner label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 0 32px;
  padding: 14px 20px;
  border-radius: 28px;
  background: #f4f8f7;
  cursor: pointer;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-modal-dl-inner label:hover {
  background: #dcf0eb;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-modal-dl-inner label input {
  margin-right: 12px
}
.c-modal-dl-inner .c-btn {
  width: 100%
}
.c-modal-dl-inner .c-btn span {
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right/16px 16px no-repeat
}
.c-modal-dl-inner .c-btn span::before, .c-modal-dl-inner .c-btn span::after {
  display: none
}
.c-modal-dl-inner .btn-close {
  display: block;
  position: absolute;
  top: -54px;
  right: -16px;
  width: 60px;
  height: 60px;
  cursor: pointer
}
.c-modal-dl-inner .btn-close::before, .c-modal-dl-inner .btn-close::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 31px;
  height: 1px;
  margin: auto;
  background: rgba(255, 255, 255, 0.7);
  content: '';
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-modal-dl-inner .btn-close::before {
  transform: rotate(45deg)
}
.c-modal-dl-inner .btn-close::after {
  transform: rotate(-45deg)
}
.c-modal-dl-inner .btn-close:hover::before, .c-modal-dl-inner .btn-close:hover::after {
  background: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-modal-dl-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.86)
}
.c-modal-dl.is-show {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-modal {
  position: relative;
  padding: 60px 20px 40px
}
.c-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh
}
.c-modal__close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  cursor: pointer
}
.c-modal__close::before, .c-modal__close::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 31px;
  height: 1px;
  margin: auto;
  background: rgba(255, 255, 255, 0.7);
  content: '';
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-modal__close::before {
  transform: rotate(45deg)
}
.c-modal__close::after {
  transform: rotate(-45deg)
}
.c-modal__close:hover::before, .c-modal__close:hover::after {
  background: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-modal figure {
  text-align: center
}
.c-modal figure img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 82vh;
  padding: 20px;
  background: #fff
}
.c-modal figure figcaption {
  margin-top: 8px;
  color: #fff;
  font-size: 1.2rem
}
.c-modal video {
  width: 640px;
  max-width: 100%;
  height: auto
}
.c-news-box .content {
  padding: 32px;
  background: #f6f6f6
}
.c-news-box .news-list-wrap {
  -webkit-overflow-scrolling: touch;
  max-height: 200px;
  padding-right: 24px;
  overflow-y: auto
}
.c-news-box .news-list-wrap::-webkit-scrollbar {
  width: 4px
}
.c-news-box .news-list-wrap::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1)
}
.c-news-box .news-list-wrap::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3)
}
.c-news-box .news-list > li {
  margin-bottom: 16px
}
.c-news-box .news-list > li:last-child {
  margin-bottom: 0
}
.c-news-box .news-list > li dl {
  display: flex;
  line-height: 1.6
}
.c-news-box .news-list > li dl dt {
  width: 100px;
  padding-top: .2em;
  color: #888;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 500
}
.c-news-box .news-list > li dl dd {
  width: calc(100% - 100px)
}
.c-news-box .news-list > li dl dd.tag {
  width: 100px
}
.c-news-box .news-list > li dl dd.tag span {
  display: block;
  padding: 2px 6px;
  border-radius: 4px;
  background: #555;
  color: #fff;
  font-size: 1.3rem;
  text-align: center
}
.c-news-box .news-list > li dl dd.detail {
  width: calc(100% - 220px);
  margin-left: 20px
}
.c-news-box .news-list > li dl dd a {
  border-bottom: 1px solid;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-news-box .news-list > li dl dd a[href*=".pdf"] {
  padding-right: 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right 2px/16px auto no-repeat
}
.c-news-box .news-list > li dl dd a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-news-box .news-list-link {
  margin-top: 24px;
  text-align: right
}
.c-news-box .news-list-link > a {
  display: inline-block;
  padding: 4px 0;
  border-bottom: 1px solid #222;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-news-box .news-list-link > a + a {
  margin-left: 10px
}
.c-news-box .news-list-link > a span {
  display: inline-block;
  padding-left: 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-list-black.png) center left/16px 16px no-repeat
}
.c-news-box .news-list-link > a:hover {
  border-color: #29b8ec;
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-pdflist {
  margin-top: 20px;
  border-top: 1px solid #eee
}
.c-pdflist .-title_l {
  font-size: 1.8rem;
  font-weight: 500
}
.c-pdflist li {
  border-bottom: 1px solid #eee
}
.c-pdflist li dl dt {
  position: relative;
  border-left: 1px solid #f4f4f4;
  background: #fff
}
.c-pdflist li dl dt p {
  box-sizing: border-box;
  z-index: 1;
  position: relative;
  padding: 23px 13px;
  padding-right: 48px;
  cursor: pointer
}
.c-pdflist li dl dt p::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #f6f6f6;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-pdflist li dl dt p:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-pdflist li dl dt a[href$=".pdf"], .c-pdflist li dl dt a[href$=".pdf#zoom=100"], .c-pdflist li dl dt a[href$=".html"] {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 48px;
  bottom: 0;
  width: 36px;
  height: 36px;
  margin: auto;
  border-radius: 50%;
  background: #146783;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-pdflist li dl dt a[href$=".pdf"] img, .c-pdflist li dl dt a[href$=".pdf#zoom=100"] img, .c-pdflist li dl dt a[href$=".html"] img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: auto
}
.c-pdflist li dl dt a[href$=".pdf"]:hover, .c-pdflist li dl dt a[href$=".pdf#zoom=100"]:hover, .c-pdflist li dl dt a[href$=".html"]:hover {
  background: #000;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-pdflist li dl dt .toggle {
  display: block;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 100%
}
.c-pdflist li dl dt .toggle::before, .c-pdflist li dl dt .toggle::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: rotate(0);
  background: #555;
  content: ''
}
.c-pdflist li dl dt .toggle::before {
  width: 10px;
  height: 2px;
  opacity: 1;
  transition: opacity 0.3s ease
}
.c-pdflist li dl dt .toggle::after {
  width: 2px;
  height: 10px;
  transform: rotate(0);
  border: none;
  transition: transform 0.3s ease
}
.c-pdflist li dl dt .toggle.is-active::after {
  transform: rotate(90deg);
  transition: 0.3s ease
}
.c-pdflist li dl dd {
  display: none;
  margin-bottom: 0;
  padding: 32px;
  background: #f6f6f6
}
.c-pdflist li dl dd p {
  box-sizing: border-box
}
.c-pdflist li dl dd p + p {
  margin-top: .8em
}
.c-pdflist li dl dd .c-pdflist {
  border-top: none
}
.c-pdflist li dl dd .c-pdflist dd {
  background: #eee
}
.c-separate_box {
  display: flex
}
.c-separate_box > * {
  width: 50%
}
.c-separate_box figure {
  overflow: hidden
}
.c-separate_box figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.c-separate_box .column-text {
  padding: 20px 30px;
  background: #fff;
  color: #333;
  font-size: 1.2rem
}
.c-separate_box .column-text .-title {
  position: relative;
  margin-bottom: 10px;
  font-size: 1.6rem
}
.c-separate_box .column-text .-title::before, .c-separate_box .column-text .-title::after {
  display: none
}
.c-separate_box .column-text .-title.-download span {
  padding-right: 26px;
  background: url(./parts/img/ico-download-red.png) center right/16px auto no-repeat
}
.c-separate_box .column-text .c-list {
  margin-bottom: 0
}
.c-separate_box .column-text .c-list > li {
  margin-bottom: 0
}
.c-table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #f6f6f6;
  background: #fff
}
.c-table.-smaller {
  font-size: 1.4rem
}
.c-table.table_style th {
  text-align: center
}
.c-table.table_style td {
  vertical-align: top
}
.c-table th, .c-table td {
  padding: 20px;
  border: 1px solid #ddd
}
.c-table th.corner, .c-table td.corner {
  background: #ddd
}
.c-table th.w250, .c-table td.w250 {
  width: 250px
}
.c-table th.-nowrap, .c-table td.-nowrap {
  white-space: nowrap
}
.c-table th.u-aC, .c-table td.u-aC {
  text-align: center
}
.c-table th {
  border-bottom: none;
  background: #f6f6f6;
  font-weight: 500;
  text-align: left
}
.c-table td a {
  border-bottom: 1px solid #aaa;
  word-break: break-all;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-table td a[target="_blank"]:not([href*=".pdf"]):not(.c-btn):not(.map-btn):not(.-pdf) {
  padding-right: 18px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 2px/10px 10px no-repeat
}
.c-table td a.c-js-zoom {
  border-bottom: none
}
.c-table td a:hover {
  border-color: #29b8ec;
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-table td a.c-btn {
  min-width: auto;
  border-bottom: none
}
.c-table caption {
  padding: 10px 20px;
  background: #555;
  color: #fff;
  text-align: left
}
.c-title {
  color: #000;
  font-weight: 500
}
.c-title h1, .c-title h2, .c-title h3, .c-title h4, .c-title h5 {
  font-weight: 500
}
.c-title.-xl {
  margin: 88px 0 56px;
  font-size: 4.4rem;
  font-weight: 500;
  letter-spacing: .16em;
  text-align: center
}
.c-title.-xl span {
  display: block;
  margin-top: 8px;
  font-size: 2.8rem
}
.c-title.-xl + .-l {
  margin-top: 0
}
.c-title.-l {
  margin: 80px 0 48px;
  padding-top: 64px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1.42
}
.c-title.-l.-noborder {
  padding-top: 0;
  border-top: none
}
.c-title.-l span {
  display: inline-block;
  padding-left: 20px;
  border-left: 1px solid #000
}
.c-title.-l span img {
  vertical-align: text-bottom
}
.c-title.-l sup {
  top: -0.8em;
  font-size: 50%
}
.c-title.-m {
  margin: 48px 0 24px;
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.5
}
.c-title.-m.-t-border {
  padding-top: 40px;
  border-top: 1px solid #ddd
}
.c-title.-s {
  margin: 30px 0 18px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .12em
}
.p-animus .l-aside {
  border-color: #018ad0
}
.p-animus .l-aside .title {
  color: #018ad0
}
.p-animus .l-aside .title .toggle span {
  background: #018ad0
}
.p-animus .p-subtop__simple-title h1 {
  color: #018ad0
}
.p-animus .c-title.-l {
  margin: 30px 0 20px;
  padding-top: 32px;
  font-size: 2.4rem;
  letter-spacing: .04em
}
.p-animus .c-title.-l span {
  padding-left: 16px
}
.p-animus .text.-title-left {
  margin-top: -55px;
  margin-bottom: 32px
}
.p-animus .latest-issue {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.p-animus .latest-issue-title .c-title {
  margin-top: 0;
  border-top: none
}
.p-animus .latest-issue-title figure img {
  max-width: 150px
}
.p-animus .latest-issue .text {
  margin: 12px 0 32px 0;
  margin-left: 0
}
.p-animus .next-issue .c-title {
  color: #018ad0
}
.p-animus .number-list {
  margin-top: 20px;
  border-top: 1px solid #eee
}
.p-animus .number-list li {
  border-bottom: 1px solid #eee
}
.p-animus .number-list li dl dt {
  position: relative;
  border-left: 1px solid #f4f4f4;
  background: #fff;
  cursor: pointer
}
.p-animus .number-list li dl dt::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #f6f6f6;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-animus .number-list li dl dt:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-animus .number-list li dl dt p {
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  padding-right: 48px
}
.p-animus .number-list li dl dt p .title {
  display: flex;
  align-items: center;
  width: calc(100% - 184px);
  font-weight: 500;
  line-height: 1.4
}
.p-animus .number-list li dl dt p .title i {
  display: inline-block;
  min-width: 50px
}
.p-animus .number-list li dl dt p .title.-new {
  color: #018ad0;
  font-size: 1.7rem;
  font-weight: 500
}
.p-animus .number-list li dl dt p .title.-new i {
  min-width: 48px;
  height: 24px;
  margin-right: 10px;
  background: #018ad0;
  color: #fff;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 24px;
  text-align: center
}
.p-animus .number-list li dl dt p .data {
  width: 160px;
  font-size: 1.3rem;
  text-align: left
}
.p-animus .number-list li dl dt p .data.-new {
  text-align: right
}
.p-animus .number-list li dl dt .toggle {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-animus .number-list li dl dt .toggle::before, .p-animus .number-list li dl dt .toggle::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #555;
  content: ''
}
.p-animus .number-list li dl dt .toggle::before {
  width: 10px;
  height: 2px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-animus .number-list li dl dt .toggle::after {
  width: 2px;
  height: 10px;
  transform: rotate(0);
  border: none
}
.p-animus .number-list li dl dt .toggle.is-active {
  transform: rotate(90deg);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-animus .number-list li dl dt .toggle.is-active::before {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-animus .number-list li dl dd {
  display: none;
  margin-bottom: 0;
  padding: 32px;
  background: #f6f6f6
}
.p-animus .number-list li dl dd .note {
  margin-bottom: 20px;
  font-size: 1.3rem
}
.p-animus .number-list li dl dd .note a {
  border-bottom: 1px solid;
  color: #018ad0;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-animus .number-list li dl dd .note a:hover {
  border-color: transparent;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-animus .number-list.-next {
  border: none
}
.p-animus .number-list.-next li {
  border: none
}
.p-animus .number-list.-next li dl dt {
  cursor: default
}
.p-animus .number-list.-next li dl dt::before {
  display: none
}
.p-animus .number-list.-next li dl dt p {
  padding: 0 16px
}
.p-animus .number-list.-next li dl dt p .data.-new {
  width: 200px
}
.p-animus .c-table {
  margin-bottom: 0
}
.p-animus .c-table th, .p-animus .c-table td {
  padding: 16px 20px;
  font-size: 1.3rem
}
.p-animus .c-table th {
  border: none;
  background: #555;
  color: #fff
}
.p-animus .c-table th.-document {
  width: 120px
}
.p-animus .c-table th.-name {
  width: 160px
}
.p-animus .c-table td {
  border-color: #f4f4f4
}
.p-animus .c-table td .-author {
  display: inline-block;
  margin: 8px 0 4px;
  color: #018ad0;
  font-weight: bold
}
.p-animus .c-table td a.-pdf {
  display: inline-block;
  position: relative;
  margin: 10px 0 0;
  padding: 4px 30px 6px 8px;
  border: none;
  border-radius: 3px;
  background: #018ad0;
  color: #fff;
  font-size: 1.2rem;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-animus .c-table td a.-pdf::after {
  display: block;
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center/contain no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: ''
}
.p-animus .c-table td a.-pdf:hover {
  background: #000;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-bownow .l-aside .side-nav {
  opacity: 0;
  pointer-events: none
}
.p-bownow .l-aside .title .toggle {
  opacity: 0;
  pointer-events: none
}
.p-clinical .l-aside {
  border-color: #29b8ec
}
.p-clinical .l-aside .title {
  color: #29b8ec
}
.p-clinical .l-aside .title .toggle span {
  background: #29b8ec
}
.p-clinical .p-subtop__title-box .title {
  background: #29b8ec
}
.p-clinical .p-subtop__title-box .title .line {
  background: #4dcaf8
}
.p-clinical .p-subtop__title-box .title .line::before, .p-clinical .p-subtop__title-box .title .line::after {
  background: #4dcaf8
}
.p-clinical .p-subtop__title-box .title .-en {
  color: #4dcaf8
}
.p-clinical .p-subtop__title-box .intro .-index_read {
  justify-content: space-between
}
.p-clinical .p-subtop__title-box .intro .-index_read > div {
  width: calc(100% - 330px)
}
.p-clinical .p-subtop__title-box .intro .-index_read > p {
  width: calc(100% - 240px)
}
.p-clinical .p-subtop__title-box .intro h2 {
  margin-bottom: 0;
  color: #29b8ec
}
.p-clinical .p-subtop__product-list > li a.-cap-hidden figure figcaption {
  background: linear-gradient(rgba(10, 76, 100, 0), rgba(10, 76, 100, 0.86))
}
.p-clinical .p-subtop__product-list > li a.-cap-hidden:hover > p {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .p-subtop__grad-box::before {
  background: #29b8ec;
  background: linear-gradient(120deg, #4bcfff, #1a72ce)
}
.p-clinical .p-subtop__grad-box .p-subtop__product-list > li > a figure figcaption {
  color: #fff
}
.p-clinical .p-subtop__grad-box .p-subtop__product-list > li > a figure figcaption::before {
  background: #fff
}
.p-clinical .p-subtop__grad-box .p-subtop__product-list > li > a figure figcaption::after {
  border-color: #fff
}
.p-clinical .p-subtop__grad-box .p-subtop__product-list > li > a[target="_blank"] figure figcaption {
  background-image: url(/jp/-/media/ivd/medience/common/img/ico-blank-white.png)
}
.p-clinical .p-subtop__link-list {
  display: flex;
  margin: 0 !important;
  padding: 40px 0 0;
  border-top: 1px solid #ddd
}
.p-clinical .p-subtop__link-list:last-of-type {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd
}
.p-clinical .p-subtop__link-list dt {
  width: 25%
}
.p-clinical .p-subtop__link-list dd {
  width: 75%
}
.p-clinical .p-subtop__link-list dd .c-flex {
  align-items: center;
  margin-bottom: 0
}
.p-clinical .p-subtop__link-list dd .c-flex li {
  width: calc(100% / 3);
  margin-bottom: 30px;
  padding-right: 28px;
  color: #999;
  font-size: 1.4rem;
  line-height: 1.2
}
.p-clinical .p-subtop__link-list dd .c-flex li a {
  display: block;
  position: relative;
  padding-right: 20px;
  color: #333;
  transition: .3s all ease
}
.p-clinical .p-subtop__link-list dd .c-flex li a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .p-subtop__link-list dd .c-flex li a:hover {
  color: #29b8ec
}
.p-clinical .p-subtop__link-list dd .c-flex li a:hover::after {
  right: -6px;
  border-color: #29b8ec;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .p-subtop__information-box {
  margin: 120px 0
}
.p-clinical .p-subtop__contact {
  position: relative;
  background: url(/jp/-/media/ivd/medience/parts/img/contact-bg.jpg) center/cover no-repeat fixed;
  background-size: cover;
  color: #fff
}
.p-clinical .p-subtop__contact .l-border {
  z-index: 0;
  opacity: .12
}
.p-clinical .p-subtop__contact .l-inner {
  z-index: 1;
  position: relative;
  padding: 40px 0 120px
}
.p-clinical .p-subtop__contact .l-inner .c-title span {
  border-color: #fff;
  color: #fff
}
.p-clinical .p-subtop__contact .l-inner .text {
  margin-left: 25%
}
.p-clinical .p-subtop__contact .-contact_tel {
  margin-bottom: 30px
}
.p-clinical .p-subtop__contact .-contact_tel p:nth-of-type(1) {
  width: calc(100% - (250px + 40px))
}
.p-clinical .p-subtop__contact .-contact_tel .p-tel_num {
  width: 250px;
  margin-left: 40px;
  padding: 18px;
  border: 1px solid #fff;
  font-family: 'Work Sans', sans-serif;
  line-height: 1;
  text-align: center
}
.p-clinical .p-subtop__contact .-contact_tel .p-tel_num span {
  padding-left: 24px;
  background: url("/common/img/ico-tel-white.png") center left/16px 16px no-repeat
}
.p-clinical.p-subtop .text.-other_service {
  margin-bottom: 120px;
  margin-left: 25%
}
.p-clinical.p-subtop .service-others {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-clinical.p-subtop .service-others li {
  width: calc(100% / 3);
  border-right: 1px solid #fff;
  background: #f6f6f6
}
.p-clinical.p-subtop .service-others li:nth-of-type(3) {
  border-right: none
}
.p-clinical.p-subtop .service-others li a {
  display: block;
  position: relative;
  height: 100%;
  padding: 30px
}
.p-clinical.p-subtop .service-others li a::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical.p-subtop .service-others li a:hover::before {
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical.p-subtop .service-others li a h3 {
  margin-bottom: 20px;
  font-size: 1.5rem;
  text-align: center
}
.p-clinical.p-subtop .service-others li a h3 span {
  position: relative;
  padding-right: 30px
}
.p-clinical.p-subtop .service-others li a h3 span::before, .p-clinical.p-subtop .service-others li a h3 span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-clinical.p-subtop .service-others li a h3 span::before {
  width: 12px;
  height: 2px;
  background: #000
}
.p-clinical.p-subtop .service-others li a h3 span::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #000;
  border-right: 2px solid #000
}
.p-clinical.p-subtop .service-others li a p {
  font-size: 1.3rem;
  line-height: 1.6
}
.p-clinical.p-subtop .service-others li.-wide_elm {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 30px;
  border-top: 2px solid #fff;
  border-right: none
}
.p-clinical.p-subtop .service-others li.-wide_elm h3 {
  margin-right: 30px;
  margin-bottom: 0;
  padding: 30px;
  white-space: nowrap
}
.p-clinical.p-subtop .service-aside {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px;
  background: #efefef
}
.p-clinical.p-subtop .service-aside .figure-qr {
  padding: 20px;
  border-radius: 5px;
  background: #fff;
  text-align: center
}
.p-clinical.p-subtop .service-aside .figure-qr figcaption {
  margin-top: 15px;
  font-size: 1.3rem;
  line-height: 1.5
}
.p-clinical.p-subtop .list-ict {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-clinical.p-subtop .list-ict::after {
  display: block;
  width: calc((100% - 50px) / 3);
  content: ''
}
.p-clinical.p-subtop .list-ict > li {
  width: calc((100% - 50px) / 3);
  margin-bottom: 32px
}
.p-clinical.p-subtop .list-ict > li:nth-last-child(-n+2) {
  margin-bottom: 0
}
.p-clinical.p-subtop .list-ict > li > a {
  display: block
}
.p-clinical.p-subtop .list-ict > li > a figure img {
  width: 100%;
  margin-bottom: 12px;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical.p-subtop .list-ict > li > a figure figcaption dl dt {
  position: relative;
  margin-bottom: 6px;
  padding-right: 24px;
  font-weight: 500
}
.p-clinical.p-subtop .list-ict > li > a figure figcaption dl dt::before, .p-clinical.p-subtop .list-ict > li > a figure figcaption dl dt::after {
  position: absolute;
  right: 2px;
  content: ''
}
.p-clinical.p-subtop .list-ict > li > a figure figcaption dl dt::before {
  top: 10px;
  width: 12px;
  height: 2px;
  background: #000
}
.p-clinical.p-subtop .list-ict > li > a figure figcaption dl dt::after {
  top: 7px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #000;
  border-right: 2px solid #000
}
.p-clinical.p-subtop .list-ict > li > a figure figcaption dl dd {
  font-size: 1.3rem
}
.p-clinical.p-subtop .list-ict > li > a figure figcaption dl dd strong {
  display: inline-block;
  margin-bottom: 4px
}
.p-clinical.p-subtop .list-ict > li > a[target="_blank"] figure figcaption dl dt {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 1px/12px 12px no-repeat
}
.p-clinical.p-subtop .list-ict > li > a[target="_blank"] figure figcaption dl dt::before, .p-clinical.p-subtop .list-ict > li > a[target="_blank"] figure figcaption dl dt::after {
  display: none
}
.p-clinical.p-subtop .list-ict > li > a:hover figure img {
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.24);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .c-news-box .news-list-wrap {
  max-height: 320px;
  padding-right: 0
}
.p-clinical .box-entry {
  width: 420px;
  margin-top: 12px;
  margin-left: calc(100% - 420px);
  padding: 16px 20px 12px;
  text-align: center
}
.p-clinical .box-entry p {
  margin-bottom: 8px
}
.p-clinical .c-box.-anchor-list {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  padding: 30px 0;
  background: #f2fafd
}
.p-clinical .c-box.-anchor-list li {
  display: flex;
  justify-content: center;
  padding: 0 16px
}
.p-clinical .c-box.-anchor-list li + li {
  border-left: 1px solid #ddd
}
.p-clinical .c-box.-anchor-list a {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  border: none;
  line-height: 1.4;
  transition: .3s all ease;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .c-box.-anchor-list a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  transform: translateY(-50%) rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: ''
}
.p-clinical .c-box.-anchor-list a[target="_blank"]:not([href*=".pdf"])::after {
  display: none
}
.p-clinical .c-box.-anchor-list a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .modtab__tab {
  display: flex;
  line-height: 1
}
.p-clinical .modtab__tab.-elml3 > * {
  width: calc(100% / 3);
  text-align: center
}
.p-clinical .modtab__tab h2 {
  font-weight: normal
}
.p-clinical .modtab__tab a {
  display: block;
  position: relative;
  text-align: center
}
.p-clinical .modtab__tab a .is-active {
  opacity: 1
}
.p-clinical .modtab__tab.-tab_info li {
  width: calc(100% / 5);
  border-bottom: 1px solid #888
}
.p-clinical .modtab__tab.-tab_info a {
  padding: 18px 12px;
  background: #fff;
  font-size: 1.5rem;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .modtab__tab.-tab_info a:hover {
  background: #ddd;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .modtab__tab.-tab_info a span {
  display: inline-block;
  position: relative;
  padding-right: 20px
}
.p-clinical .modtab__tab.-tab_info a span::after {
  display: block;
  position: absolute;
  top: calc(50% - 3.5px);
  right: 0;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  content: ''
}
.p-clinical .modtab__tab.-tab_info a.is-active {
  background: #000;
  color: #fff;
  opacity: 1
}
.p-clinical .modtab__tab.-tab_info a.is-active span::after {
  border-color: #fff
}
.p-clinical .modtab__panel {
  position: relative
}
.p-clinical .modtab__panel .panel.c-flex {
  justify-content: space-between
}
.p-clinical .modtab__panel .panel.c-flex figure {
  width: 48%
}
.p-clinical .modtab__panel .panel.c-flex figure img {
  display: block;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24)
}
.p-clinical .modtab__panel .panel.c-flex .column-text {
  position: relative;
  width: 48%;
  padding-top: 1em
}
.p-clinical .modtab__panel .panel.c-flex .column-text .c-title {
  margin-bottom: 24px;
  border-left: 1px solid #fff;
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: .1em;
  line-height: 1.4
}
.p-clinical .modtab__panel .panel.c-flex .column-text .c-title span {
  padding-left: 20px
}
.p-clinical .modtab__panel .panel.c-flex .c-link_lower {
  position: absolute;
  right: 0;
  bottom: 0
}
.p-clinical .tab_panel {
  display: none
}
.p-clinical .tab_panel.is-active {
  display: block
}
.p-clinical .info-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 26px
}
.p-clinical .info-title h1 {
  width: 480px;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.6
}
.p-clinical .info-title p {
  display: flex;
  justify-content: flex-end;
  width: 500px
}
.p-clinical .info-list {
  display: flex;
  justify-content: space-between;
  margin: 32px 0 0
}
.p-clinical .info-list > li {
  width: calc((100% - (12px * 5)) / 6)
}
.p-clinical .info-list > li a {
  display: block;
  position: relative;
  padding: 8px 0 9px;
  background: #ccc;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  text-align: center;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .info-list > li a::after {
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #ccc transparent transparent transparent;
  content: '';
  opacity: 0
}
.p-clinical .info-list > li a:hover {
  color: #000;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-clinical .info-list > li a.is-active {
  color: #000
}
.p-clinical .info-list > li a.is-active::after {
  opacity: 1
}
.p-clinical .info-list > li a[href*="01"] {
  background: #60bdeb
}
.p-clinical .info-list > li a[href*="01"]::after {
  border-color: #60bdeb transparent transparent transparent
}
.p-clinical .info-list > li a[href*="02"] {
  background: #88cfbf
}
.p-clinical .info-list > li a[href*="02"]::after {
  border-color: #88cfbf transparent transparent transparent
}
.p-clinical .info-list > li a[href*="03"] {
  background: #ffd661
}
.p-clinical .info-list > li a[href*="03"]::after {
  border-color: #ffd661 transparent transparent transparent
}
.p-clinical .info-list > li a[href*="04"] {
  background: #f1c1c0
}
.p-clinical .info-list > li a[href*="04"]::after {
  border-color: #f1c1c0 transparent transparent transparent
}
.p-clinical .info-list > li a[href*="05"] {
  background: #8e9ace
}
.p-clinical .info-list > li a[href*="05"]::after {
  border-color: #8e9ace transparent transparent transparent
}
.p-clinical .info-main .c-title.-l {
  margin: 40px 0 20px;
  padding-top: 0;
  border: none;
  font-size: 2.4rem
}
.c-table th.-code {
  width: 88px
}
.c-table.-clinical_info {
  font-size: 1.3rem
}
.c-table.-clinical_info .link {
  font-size: 1.5rem
}
.c-table.-clinical_info th, .c-table.-clinical_info td {
  padding: 6px 12px;
  vertical-align: top
}
.c-table.-clinical_info th, .c-table.-clinical_info td:not(.mdl):not(.link) {
  font-weight: normal;
  white-space: nowrap
}
.c-table.-clinical_info td {
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-table.-clinical_info td.is-hover {
  background: #f0f8fb;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-table.-clinical_info td.is-hover .c-list > li a {
  border-color: #29b8ec;
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-table.-clinical_info .-header th {
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
  top: 96px;
  background: #333;
  color: #fff;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-table.-clinical_info .-header th.is-slideDown {
  top: 176px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.c-table.-clinical_info tr:not(.-header) th {
  width: 8%;
  font-family: 'Work Sans', sans-serif
}
.c-table.-clinical_info .c-list {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.5
}
.c-table.-clinical_info .c-list > li {
  margin-bottom: 0;
  padding-left: 20px
}
.c-table.-clinical_info .c-list > li::before {
  width: 8px
}
.c-table.-clinical_info .c-list > li a {
  padding-right: 0;
  background: none
}
.c-table.-clinical_info .c-list > * + li {
  margin-top: 6px
}
.c-table.-clinical_info .mdl01, .c-table.-clinical_info .mdl05 {
  width: 12%
}
.c-table.-clinical_info .link {
  width: 60%
}
.c-table.-clinical_info .mdl {
  width: 12%;
  font-family: 'Work Sans', sans-serif;
  text-align: center
}
.c-table.-clinical_info .mdl + .mdl {
  width: 8%
}
.-panel_in .c-table.-clinical_info {
  margin-bottom: 0;
  border: none;
  background: none
}
.-panel_in .c-table.-clinical_info .-header th {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 8px 12px;
  border: none;
  border-bottom: 1px solid #ddd;
  background: #f6f6f6;
  color: #888
}
.-panel_in .c-table.-clinical_info .-header th.u-aC {
  text-align: center
}
.-panel_in .c-table.-clinical_info tr:not(.-header) th, .-panel_in .c-table.-clinical_info tr:not(.-header) td {
  padding: 8px 12px;
  border: none;
  border-bottom: 1px solid #f6f6f6;
  background: #fff
}
.-panel_in .c-table.-clinical_info tr:not(.-header) th {
  font-family: 'Work Sans', sans-serif
}
.mdl01 {
  background: #60bdeb !important
}
.mdl01 span, .mdl01 a {
  display: block;
  width: 100%;
  padding: 1px 4px 2px;
  border: none !important;
  border-radius: 3px;
  background: #60bdeb;
  color: #000;
  font-size: 1.1rem;
  text-align: center;
  text-decoration: none
}
.mdl01 a:hover {
  color: #000 !important;
  text-decoration: underline
}
.mdl02 {
  background: #88cfbf !important
}
.mdl02 span, .mdl02 a {
  display: block;
  width: 100%;
  padding: 1px 4px 2px;
  border: none !important;
  border-radius: 3px;
  background: #88cfbf;
  color: #000;
  font-size: 1.1rem;
  text-align: center;
  text-decoration: none
}
.mdl02 a:hover {
  color: #000 !important;
  text-decoration: underline
}
.mdl03 {
  background: #ffd661 !important
}
.mdl03 span, .mdl03 a {
  display: block;
  width: 100%;
  padding: 1px 4px 2px;
  border: none !important;
  border-radius: 3px;
  background: #ffd661;
  color: #000;
  font-size: 1.1rem;
  text-align: center;
  text-decoration: none
}
.mdl03 a:hover {
  color: #000 !important;
  text-decoration: underline
}
.mdl04 {
  background: #f1c1c0 !important
}
.mdl04 span, .mdl04 a {
  display: block;
  width: 100%;
  padding: 1px 4px 2px;
  border: none !important;
  border-radius: 3px;
  background: #f1c1c0;
  color: #000;
  font-size: 1.1rem;
  text-align: center;
  text-decoration: none
}
.mdl04 a:hover {
  color: #000 !important;
  text-decoration: underline
}
.mdl05 {
  background: #8e9ace !important
}
.mdl05 span, .mdl05 a {
  display: block;
  width: 100%;
  padding: 1px 4px 2px;
  border: none !important;
  border-radius: 3px;
  background: #8e9ace;
  color: #000;
  font-size: 1.1rem;
  text-align: center;
  text-decoration: none
}
.mdl05 a:hover {
  color: #000 !important;
  text-decoration: underline
}
.p-company .map-btn {
  display: inline-block;
  padding: 4px 10px;
  float: right;
  border: none;
  border-radius: 3px;
  background: #555;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  white-space: nowrap;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .map-btn span {
  padding: 1px 17px 1px 0;
  padding-right: 16px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-map.png) center right 1px/12px auto no-repeat
}
.p-company .map-btn:hover {
  background: #000;
  color: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .map-box {
  display: none;
  z-index: 1;
  position: relative;
  width: calc(100% - (16px * 2));
  max-width: 800px
}
.p-company .map-box-wrap {
  display: flex;
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .map-box-wrap.is-on {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .map-box.is-show {
  display: block
}
.p-company .map-box-close {
  display: block;
  position: absolute;
  top: -40px;
  right: -20px;
  width: 60px;
  height: 60px;
  cursor: pointer
}
.p-company .map-box-close::before, .p-company .map-box-close::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 31px;
  height: 1px;
  margin: auto;
  background: rgba(255, 255, 255, 0.7);
  content: '';
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .map-box-close::before {
  transform: rotate(45deg)
}
.p-company .map-box-close::after {
  transform: rotate(-45deg)
}
.p-company .map-box-close:hover::before, .p-company .map-box-close:hover::after {
  background: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .map-box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.86)
}
.p-company .map-box .inner {
  -webkit-overflow-scrolling: touch;
  max-height: 88vh;
  margin-top: 20px;
  overflow-y: auto;
  background: #fff
}
.p-company .map-box .c-title {
  padding: 0 20px
}
.p-company .map-box .c-figure {
  margin-bottom: 20px
}
.p-company .map-box dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 0 20px
}
.p-company .map-box dl dt {
  width: 80px;
  margin-bottom: 12px;
  font-weight: 500
}
.p-company .map-box dl dd {
  width: calc(100% - 80px);
  margin-bottom: 12px
}
.p-company .map-box dl dd .c-list {
  margin-top: 0
}
.p-company .map-box dl dd .c-list > li {
  margin-bottom: .6em
}
.p-company .base-box {
  position: relative
}
.p-company .base-box__tabs {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  border-top: 1px solid #eee
}
.p-company .base-box__tabs__item {
  border-bottom: 1px solid #eee
}
.p-company .base-box__tabs__item > a {
  display: block;
  position: relative;
  padding: 16px 0;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .base-box__tabs__item > a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  content: ''
}
.p-company .base-box__tabs__item > a:hover {
  background: #f6f6f6;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .base-box__tabs__lower__item > a {
  display: block;
  position: relative;
  padding: 16px 16px;
  background: #f6f6f6;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .base-box__tabs__lower__item > a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  content: ''
}
.p-company .base-box__tabs__lower__item > a:hover {
  background: #eee;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .base-box__tabs.is-move {
  position: fixed;
  top: calc(48px - 1px);
  left: 50%;
  margin-left: -500px
}
.p-company .base-box__tabs.is-move.is-slideDown {
  top: calc(80px + 48px - 1px);
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .base-box__tabs.is-move.is-stop {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  margin-left: auto
}
.p-company .base-box__detail {
  width: 700px;
  margin-left: 300px;
  border-top: 1px solid #eee
}
.p-company .base-box__detail__item .c-title {
  margin-top: 0;
  padding-top: 48px
}
.p-company .base-box__detail h4 {
  margin-bottom: 12px;
  font-size: 2rem;
  font-weight: 500
}
.p-company .qualification-box {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between
}
.p-company .qualification-box__figure {
  width: 250px
}
.p-company .qualification-box__figure figure {
  padding: 32px;
  background: #f6f6f6;
  text-align: center
}
.p-company .qualification-box__figure figure img[alt="ISO/IEC 17025"] {
  max-width: 170px
}
.p-company .qualification-box__text {
  width: 700px
}
.p-company .qualification-box__text p {
  margin-bottom: 1.5em
}
.p-company .qualification-box__text .c-btn {
  padding: 10px 16px
}
.p-company .qualification-box.-nofigure {
  flex-direction: row
}
.p-company .table-group .name {
  width: 200px;
  line-height: 1.4
}
.p-company .table-group .cell-tel {
  white-space: nowrap
}
.p-company .table-group a[target="_blank"] {
  display: inline-block;
  padding-right: 18px;
  border-bottom: none;
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right/10px 10px no-repeat;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .table-group a[target="_blank"]:hover {
  background-image: url(/jp/-/media/ivd/medience/common/img/ico-blank-blue.png);
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-company .c-box dl dt {
  margin-bottom: 8px;
  font-weight: bold
}
.p-company .c-box .c-list > li {
  margin-bottom: .6em
}
.p-company .c-box .c-list > li:last-child {
  margin-bottom: 0
}
.p-company .text-figure {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px
}
.p-company .text-figure__figure {
  width: 200px
}
.p-company .text-figure__text {
  width: 500px
}
.p-company .text-figure__text h3 {
  margin-top: 0
}
.p-company .text-figure__text p {
  margin-bottom: 1.5em
}
.p-contact .l-header {
  border-bottom: 1px solid #555
}
.p-contact .l-header .other-switch > li.-contact {
  display: none
}
.p-contact .l-header .sp-mail {
  display: none
}
.p-contact .l-header .sp-search {
  right: 48px
}
.p-contact .l-main {
  padding-top: 80px
}
.p-contact .intro {
  padding: 24px;
  background: #eaf3f9;
  text-align: center
}
.p-contact .intro p + p {
  margin-top: .4em
}
.p-contact .intro p a {
  display: inline-block;
  margin: 0 .2em;
  border-bottom: 1px solid;
  color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact .intro p a:hover {
  border-color: transparent;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact .alert {
  margin-top: 24px;
  padding-left: 1em;
  font-size: 1.3rem;
  text-indent: -1em
}
.p-contact .alert::before {
  content: '※'
}
.p-contact form .c-title {
  position: relative
}
.p-contact form .c-title .note {
  position: absolute;
  right: 0;
  bottom: 0;
  border: none;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0
}
.p-contact form .c-title .note .-required {
  margin: 0 .2em 0 0
}
.p-contact form .-required {
  display: inline-block;
  margin-left: 2em;
  padding: 3px 6px;
  border: none;
  background: #d54b44;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0
}
.p-contact form .c-table {
  border-bottom: none;
  background: none
}
.p-contact form th, .p-contact form td {
  padding: 32px 20px;
  border-right: none;
  border-bottom: none;
  border-left: none
}
.p-contact form th {
  background: none
}
.p-contact form th .-required {
  float: right
}
.p-contact form td .-caution {
  display: inline-block;
  margin-top: .6em;
  font-size: 1.2rem
}
.p-contact form tr:last-child td {
  padding-bottom: 0
}
.p-contact form input[type="text"], .p-contact form input[type="email"], .p-contact form input[type="tel"], .p-contact form input[type="url"], .p-contact form textarea, .p-contact form select {
  width: 100%;
  padding: 16px;
  border: 1px solid #ddd;
  background: #f4f4f4
}
.p-contact form input[type="text"]:focus, .p-contact form input[type="email"]:focus, .p-contact form input[type="tel"]:focus, .p-contact form input[type="url"]:focus, .p-contact form textarea:focus, .p-contact form select:focus {
  border: 1px solid #29b8ec;
  outline: none;
  background: #eef2f5
}
.p-contact form .select-wrap {
  position: relative
}
.p-contact form .select-wrap::before {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  right: 19px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg) translate(0, -2px);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: '';
  pointer-events: none
}
.p-contact form .select-wrap select {
  cursor: pointer
}
.p-contact form .radio-item {
  display: inline-block;
  margin-right: 24px
}
.p-contact form .radio-item label {
  position: relative;
  padding-left: 26px;
  cursor: pointer
}
.p-contact form .radio-item label::before, .p-contact form .radio-item label::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-contact form .radio-item label::before {
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #29b8ec;
  border-radius: 50%;
  background: #fff
}
.p-contact form .radio-item label::after {
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #29b8ec;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .radio-item label.is-checked::after {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .radio-item label input {
  display: none
}
.p-contact form input.zip {
  width: 200px
}
.p-contact form .animus-list > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px
}
.p-contact form .animus-list > li .animus-num {
  width: 90%
}
.p-contact form .animus-alert {
  padding-left: 1em;
  color: #d54b44;
  text-indent: -1em
}
.p-contact form .animus-alert::before {
  content: '※'
}
.p-contact form .privacy-check {
  margin: 24px 0
}
.p-contact form .privacy-check .check-label {
  display: block;
  position: relative;
  padding: 24px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .privacy-check .check-label input {
  display: none
}
.p-contact form .privacy-check .check-label span {
  display: inline-block;
  position: relative;
  padding-left: 36px
}
.p-contact form .privacy-check .check-label span::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 3px;
  background: #eee;
  content: '';
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-radius 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .privacy-check .check-label span::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 10px;
  height: 7px;
  margin: auto;
  transform: rotate(-45deg) translate(4px, 2px);
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ccc;
  content: '';
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .privacy-check .check-label.is-checked {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .privacy-check .check-label.is-checked span::before {
  border-radius: 50%;
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-radius 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .privacy-check .check-label.is-checked span::after {
  border-color: #fff;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .privacy-check .check-label:hover {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .zip-btn {
  display: inline-block;
  margin-left: 28px;
  padding: 3px 10px 4px;
  background: #29b8ec;
  color: #fff;
  font-size: 1.3rem;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .zip-btn:hover {
  background: #2599c4;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .form-btns {
  justify-content: space-between;
  margin-top: 60px
}
.p-contact form .form-btns .c-btn {
  width: calc((100% - 48px) / 2)
}
.p-contact form .form-btns .c-btn.-w100 {
  min-width: 100%
}
.p-contact form .form-btns .c-btn.-send {
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .form-btns .c-btn.-send::before {
  background: #4bcfff
}
.p-contact form .form-btns .c-btn.-send.is-disabled {
  background: #aaa;
  pointer-events: none;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact form .form-btns .c-btn.-back {
  background: #888
}
.p-contact .privacy_opener {
  cursor: pointer
}
.p-contact .privacy-popup {
  z-index: 200;
  position: fixed;
  top: 10vh;
  left: 50%;
  width: 800px;
  max-width: calc(100% - (16px * 2));
  height: 80vh;
  margin-left: -400px;
  padding: 40px;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact .privacy-popup iframe {
  display: none;
  width: 100%;
  height: 100%
}
.p-contact .privacy-popup.is-show {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact .privacy-popup.is-show iframe {
  display: block
}
.p-contact .privacy-close {
  display: block;
  position: absolute;
  top: -60px;
  right: -20px;
  width: 60px;
  height: 60px;
  cursor: pointer
}
.p-contact .privacy-close::before, .p-contact .privacy-close::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 31px;
  height: 1px;
  margin: auto;
  background: rgba(255, 255, 255, 0.7);
  content: '';
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact .privacy-close::before {
  transform: rotate(45deg)
}
.p-contact .privacy-close::after {
  transform: rotate(-45deg)
}
.p-contact .privacy-close:hover::before, .p-contact .privacy-close:hover::after {
  background: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact .method-tabs {
  display: flex;
  width: 100%;
  margin-bottom: 40px
}
.p-contact .method-tabs > li {
  width: 50%
}
.p-contact .method-tabs > li a {
  display: block;
  padding: 20px 12px;
  background: #eee;
  line-height: 1.5;
  text-align: center;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-contact .method-tabs > li a.is-active {
  background: #222;
  color: #fff
}
.p-contact .c-btn.-mail {
  margin-top: 10px;
  white-space: nowrap
}
.p-diagnostics .l-aside {
  border-color: #196c8c
}
.p-diagnostics .l-aside .title {
  color: #196c8c
}
.p-diagnostics .l-aside .title .toggle span {
  background: #196c8c
}
.p-diagnostics .p-subtop__title-box .title {
  background: #196c8c
}
.p-diagnostics .p-subtop__title-box .title .line {
  background: #2f92b7
}
.p-diagnostics .p-subtop__title-box .title .line::before, .p-diagnostics .p-subtop__title-box .title .line::after {
  background: #2f92b7
}
.p-diagnostics .p-subtop__title-box .title .-en {
  color: #2f92b7
}
.p-diagnostics .p-subtop__title-box .intro h2 {
  color: #196c8c
}
.p-diagnostics .p-subtop__product-list.-elm3 > li {
  width: calc((100% - 60px) / 3);
  margin-bottom: 40px
}
.p-diagnostics .p-subtop__product-list.-elm3 > li:nth-last-child(-n+3) {
  margin-bottom: 0
}
.p-diagnostics .p-subtop__product-list.-elm3 > li > a {
  display: flex;
  height: 100%
}
.p-diagnostics .p-subtop__product-list.-elm3 > li > a figure {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  align-items: flex-start;
  height: 100%
}
.p-diagnostics .p-subtop__product-list.-elm3 > li > a figure img {
  margin: 12px 0 0
}
.p-diagnostics .p-subtop__product-list.-elm3 > li > a figure figcaption {
  width: 100%
}
.p-diagnostics .p-subtop__product-list.-elm3 > li > a figure figcaption::before {
  top: 10px;
  bottom: auto;
  background: #196c8c
}
.p-diagnostics .p-subtop__product-list.-elm3 > li > a figure figcaption::after {
  top: 7px;
  bottom: auto;
  border-color: #196c8c
}
.p-diagnostics .p-subtop__product-list.-elm3 > li > a[target="_blank"] figure figcaption {
  background-position: right 1px top 3px
}
.p-diagnostics .p-subtop__product-list.-elm3 > li > a:hover figure figcaption {
  color: #196c8c;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box::before {
  background: linear-gradient(120deg, #257c9d, #0f5c79)
}
.p-diagnostics .p-subtop__grad-box .product-cat {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px
}
.p-diagnostics .p-subtop__grad-box .product-cat > li {
  width: calc((100% - 40px) / 2)
}
.p-diagnostics .p-subtop__grad-box .product-cat h2 {
  margin-bottom: 32px;
  padding-bottom: 12px;
  border-bottom: 1px solid #fff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center
}
.p-diagnostics .p-subtop__grad-box .product-cat h2 span {
  display: inline-block;
  padding-left: 36px
}
.p-diagnostics .p-subtop__grad-box .product-cat h2 span.-clinical {
  background: url(/jp/-/media/ivd/medience/common/img/ico-inspection-white.png) center left/24px 24px no-repeat
}
.p-diagnostics .p-subtop__grad-box .product-cat h2 span.-machine {
  background: url(/jp/-/media/ivd/medience/common/img/ico-machine-white.png) center left/24px 24px no-repeat
}
.p-diagnostics .p-subtop__grad-box .product-list > li {
  margin-bottom: 12px
}
.p-diagnostics .p-subtop__grad-box .product-list__lower {
  position: relative;
  margin-top: 8px;
  padding: 14px 20px;
  background: rgba(0, 0, 0, 0.12)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower li {
  margin-bottom: 14px
}
.p-diagnostics .p-subtop__grad-box .product-list__lower li:last-child {
  margin-bottom: 0
}
.p-diagnostics .p-subtop__grad-box .product-list__lower li > a {
  display: block;
  position: relative;
  padding-right: 20px;
  font-size: 1.3rem;
  line-height: 1.6;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower li > a::after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower li > a:hover {
  color: #e6be3b;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower li > a:hover::after {
  right: 0;
  border-color: #e6be3b;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower li > ul {
  display: none;
  margin-top: 16px
}
.p-diagnostics .p-subtop__grad-box .product-list__lower.-toggle > li:first-child > a::after {
  display: none
}
.p-diagnostics .p-subtop__grad-box .product-list__lower.-toggle > li:first-child span {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower.-toggle > li:first-child span::before, .p-diagnostics .p-subtop__grad-box .product-list__lower.-toggle > li:first-child span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 8px;
  height: 2px;
  margin: auto;
  background: #fff;
  content: '';
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower.-toggle > li:first-child span::after {
  transform: rotate(90deg)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower.-toggle > li:first-child span.is-active::after {
  transform: rotate(180deg);
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower.-toggle > li:first-child span:hover {
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list__lower.-toggle > li:first-child span:hover::before, .p-diagnostics .p-subtop__grad-box .product-list__lower.-toggle > li:first-child span:hover::after {
  background: #e6be3b;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list-links {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 48px
}
.p-diagnostics .p-subtop__grad-box .product-list-links > li {
  margin-right: 32px
}
.p-diagnostics .p-subtop__grad-box .product-list-links > li:last-child {
  margin-right: 0
}
.p-diagnostics .p-subtop__grad-box .product-list-links > li > a {
  display: inline-block;
  padding: 4px 0;
  border-bottom: 1px solid #fff;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .product-list-links > li > a span {
  display: inline-block;
  padding-left: 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-list-white.png) center left/16px 16px no-repeat
}
.p-diagnostics .p-subtop__grad-box .product-list-links > li > a:hover {
  border-color: #29b8ec;
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .p-subtop__grad-box .other-product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-diagnostics .p-subtop__grad-box .other-product-list > li {
  width: calc((100% - (20px * 2)) / 3)
}
.p-diagnostics .p-subtop__grad-box .other-product-list > li > .c-btn {
  width: 100%;
  background: #f6f6f6
}
.p-diagnostics .p-subtop__grad-box .other-product-list > li > .c-btn::before {
  background: #cde1e8
}
.p-diagnostics .p-subtop__grad-box .other-product-list > li > .c-btn span {
  color: #196c8c;
  font-weight: 500
}
.p-diagnostics .p-subtop__grad-box .other-product-list > li > .c-btn span::before {
  background: #196c8c
}
.p-diagnostics .p-subtop__grad-box .other-product-list > li > .c-btn span::after {
  border-color: #196c8c
}
.p-diagnostics .c-title.-with-img {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.p-diagnostics .c-title.-with-img img {
  margin-left: 12px
}
.p-diagnostics .product-nav {
  z-index: 2;
  width: 100%;
  min-width: 1200px;
  background: #196c8c;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .product-nav.is-move {
  top: 97px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .product-nav.is-move.is-slideDown {
  top: 177px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .product-nav .row1 {
  display: flex;
  justify-content: space-between;
  padding: 11px 0
}
.p-diagnostics .product-nav .row1 .nav > ul {
  display: flex
}
.p-diagnostics .product-nav .row1 .nav > ul > li {
  margin-right: 24px
}
.p-diagnostics .product-nav .row1 .nav > ul > li a {
  color: #fff;
  font-size: 1.2rem;
  opacity: .4;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .product-nav .row1 .nav > ul > li a:hover {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .product-nav .row1 .nav > ul > li a.is-active {
  opacity: 1
}
.p-diagnostics .product-nav .row1 .other-nav {
  display: flex
}
.p-diagnostics .product-nav .row1 .other-nav > li {
  margin-right: 24px
}
.p-diagnostics .product-nav .row1 .other-nav > li:last-child {
  margin-right: 0
}
.p-diagnostics .product-nav .row1 .other-nav > li a {
  display: inline-block;
  padding-right: 20px;
  color: #fff;
  font-size: 1.2rem
}
.p-diagnostics .product-nav .row1 .other-nav > li a[target="_blank"]:not(.-contact):not(.-download) {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-white.png) center right/12px 12px no-repeat
}
.p-diagnostics .product-nav .row1 .other-nav > li a.-contact {
  background: url(/jp/-/media/ivd/medience/common/img/ico-mail.png) center right/12px 12px no-repeat
}
.p-diagnostics .product-nav .row1 .other-nav > li a.-download {
  background: url(/jp/-/media/ivd/medience/common/img/ico-download-white.png) center right/12px 12px no-repeat
}
.p-diagnostics .product-nav .row1 .other-nav > li a.-others {
  padding-right: 0
}
.p-diagnostics .product-nav.-nonav .row1 {
  flex-direction: row-reverse
}
.p-diagnostics .product-nav .row2 {
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.12)
}
.p-diagnostics .product-nav .row2 .item-tab > ul {
  display: table;
  width: 100%
}
.p-diagnostics .product-nav .row2 .item-tab > ul > li {
  display: table-cell
}
.p-diagnostics .product-nav .row2 .item-tab > ul > li a {
  display: block;
  height: 34px;
  margin-bottom: -1px;
  padding: 0 12px;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-size: 1.2rem;
  line-height: 31px;
  text-align: center;
  text-align: center;
  opacity: .4;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), height 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), line-height 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .product-nav .row2 .item-tab > ul > li a:hover {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), height 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), line-height 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .product-nav .row2 .item-tab > ul > li a.is-active {
  background: #fff;
  color: #196c8c;
  font-weight: 500;
  opacity: 1
}
.p-diagnostics .title-area {
  display: flex;
  justify-content: space-between;
  margin-top: 80px
}
.p-diagnostics .title-area .title {
  width: 480px;
  margin-top: -28px;
  font-size: 4.2rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.6
}
.p-diagnostics .title-area .title span {
  display: inline-block;
  margin-bottom: 14px;
  padding: 6px 12px;
  background: #000;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.4
}
.p-diagnostics .title-area .title .-smaller {
  font-size: 3.2rem
}
.p-diagnostics .title-area .figure {
  width: 500px
}
.p-diagnostics .title-area .figure img {
  box-shadow: 0 8px 24px -2px rgba(20, 84, 116, 0.12)
}
.p-diagnostics .title-area.-nofigure .title {
  width: 100%;
  text-align: center
}
.p-diagnostics .sds-list .c-btn {
  min-width: auto;
  padding: 6px 12px;
  border: none;
  border-radius: 3px;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.2rem
}
.p-diagnostics .sds-list .c-btn span {
  padding-right: 22px
}
.p-diagnostics .unit {
  margin-bottom: 4px;
  overflow: hidden;
  font-size: 1.3rem
}
.p-diagnostics .unit .left {
  float: left
}
.p-diagnostics .unit .right {
  float: right
}
.p-diagnostics .performance-box {
  margin-bottom: 2px;
  padding: 32px;
  background: #f3f8fa
}
.p-diagnostics .performance-box figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  background: #fff;
  text-align: center
}
.p-diagnostics .performance-box figure.-wrap {
  flex-wrap: wrap
}
.p-diagnostics .performance-box figure .c-js-zoom {
  display: inline-block
}
.p-diagnostics .performance-box .detail {
  margin-bottom: 24px
}
.p-diagnostics .performance-box .detail h3 {
  margin-bottom: 12px;
  font-size: 2.4rem;
  font-weight: 500
}
.p-diagnostics .performance-box.-flex {
  display: flex;
  justify-content: space-between
}
.p-diagnostics .performance-box.-flex figure {
  width: 280px
}
.p-diagnostics .performance-box.-flex .detail {
  width: 380px;
  margin-bottom: 0
}

.p-diagnostics .performance-box.-flex.l_fig figure {
  width: 420px;
}
.p-diagnostics .performance-box.-flex.l_fig .detail {
  width: 420px;
}

.p-diagnostics .performance-box .c-table {
  margin-bottom: 0
}
.p-diagnostics .performance-box .c-table th, .p-diagnostics .performance-box .c-table td {
  padding: 16px 20px
}
.p-diagnostics .performance-box .c-table th {
  border: none;
  background: #196c8c;
  color: #fff;
  font-weight: normal;
  text-align: left
}
.p-diagnostics .performance-box .c-table th.corner {
  background: #0f5773
}
.p-diagnostics .performance-box .c-table td {
  border: 1px solid #f3f8fa;
  background: #fff
}
.p-diagnostics .item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px
}
.p-diagnostics .item-list > li {
  width: calc((100% - 40px) / 2);
  margin-bottom: 32px
}
.p-diagnostics .item-list > li:nth-last-child(-n+2) {
  margin-bottom: 0
}
.p-diagnostics .item-list > li > a {
  display: block
}
.p-diagnostics .item-list > li > a figure img {
  margin-bottom: 12px;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-list > li > a figure figcaption {
  position: relative;
  padding-right: 24px;
  color: #000;
  font-weight: 500;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-list > li > a figure figcaption::before, .p-diagnostics .item-list > li > a figure figcaption::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-diagnostics .item-list > li > a figure figcaption::before {
  width: 12px;
  height: 2px;
  background: #196c8c
}
.p-diagnostics .item-list > li > a figure figcaption::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #196c8c;
  border-right: 2px solid #196c8c
}
.p-diagnostics .item-list > li > a[target="_blank"] figure figcaption {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right/16px 16px no-repeat
}
.p-diagnostics .item-list > li > a[target="_blank"] figure figcaption::before, .p-diagnostics .item-list > li > a[target="_blank"] figure figcaption::after {
  display: none
}
.p-diagnostics .item-list > li > a:hover figure img {
  box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-list > li > a:hover figure figcaption {
  color: #196c8c;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-box {
  position: relative
}
.p-diagnostics .item-box__tabs {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  border-top: 1px solid #eee
}
.p-diagnostics .item-box__tabs__item {
  border-bottom: 1px solid #eee
}
.p-diagnostics .item-box__tabs__item > a {
  display: block;
  position: relative;
  padding: 16px 0;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-box__tabs__item > a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  content: ''
}
.p-diagnostics .item-box__tabs__item > a:hover {
  background: #f6f6f6;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-box__tabs__lower__item > a {
  display: block;
  position: relative;
  padding: 16px 16px;
  background: #f6f6f6;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-box__tabs__lower__item > a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  content: ''
}
.p-diagnostics .item-box__tabs__lower__item > a:hover {
  background: #eee;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-box__tabs.is-move {
  position: fixed;
  top: calc(48px - 1px);
  left: 50%;
  margin-left: -500px
}
.p-diagnostics .item-box__tabs.is-move.is-slideDown {
  top: calc(80px + 48px - 1px);
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-box__tabs.is-move.is-down {
  top: calc(96px - 1px)
}
.p-diagnostics .item-box__tabs.is-move.is-down.is-slideDown {
  top: calc(80px + 96px - 1px);
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .item-box__tabs.is-move.is-stop {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  margin-left: auto
}
.p-diagnostics .item-box__tabs.is-move.is-stop.is-slideDown {
  top: auto
}
.p-diagnostics .item-box__detail {
  width: 700px;
  margin-left: 300px;
  border-top: 1px solid #eee
}
.p-diagnostics .item-box__detail__item .c-title {
  margin-top: 0;
  padding-top: 48px
}
.p-diagnostics .constitution-list > li {
  position: relative;
  padding-right: 124px
}
.p-diagnostics .constitution-list > li .amount {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  padding: 4px;
  background: #f6f6f6;
  font-size: 1.2rem;
  text-align: center
}
.p-diagnostics .text-figure {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px
}
.p-diagnostics .text-figure__figure {
  max-width: 250px;
  text-align: right
}
.p-diagnostics .text-figure__figure figure img + img {
  margin-top: .4em
}
.p-diagnostics .text-figure__figure figure img.-shadow {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12)
}
.p-diagnostics .text-figure__figure figure figcaption {
  margin-top: .6em;
  color: #888;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center
}
.p-diagnostics .text-figure__text {
  width: 470px
}
.p-diagnostics .text-figure__text h3 {
  margin-top: 0
}
.p-diagnostics .text-figure__text p {
  margin-bottom: 1.5em
}
.p-diagnostics .measurement-table {
  border: none
}
.p-diagnostics .measurement-table th, .p-diagnostics .measurement-table td {
  width: 25%;
  border: 1px solid #ddd
}
.p-diagnostics .measurement-table .blank {
  border: none
}
.p-diagnostics .product-tag {
  display: flex;
  align-items: center;
  margin-top: 20px
}
.p-diagnostics .product-tag .sub {
  display: inline-block;
  margin-right: 8px;
  padding: 3px 8px;
  background: #000;
  color: #fff;
  font-size: 1.1rem
}
.p-diagnostics .product-tag .name {
  display: block;
  font-size: 1.3rem;
  font-weight: 500
}
.p-diagnostics .operation-order {
  margin-bottom: 2em;
  counter-reset: num
}
.p-diagnostics .operation-order > li {
  position: relative;
  margin-bottom: 20px;
  padding: 32px;
  background: #f3f8fa
}
.p-diagnostics .operation-order > li::after {
  display: block;
  position: absolute;
  bottom: -8px;
  left: 32px;
  width: 0;
  height: 0;
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #196c8c transparent transparent transparent;
  content: ''
}
.p-diagnostics .operation-order > li:last-child {
  margin-bottom: 0
}
.p-diagnostics .operation-order > li:last-child::after {
  display: none
}
.p-diagnostics .operation-order > li .text-figure__figure {
  max-width: 180px
}
.p-diagnostics .operation-order > li .text-figure__text {
  margin-right: 20px
}
.p-diagnostics .operation-order > li .text-figure__text p, .p-diagnostics .operation-order > li .text-figure__text div {
  position: relative;
  padding-left: 1.6em
}
.p-diagnostics .operation-order > li .text-figure__text p::before, .p-diagnostics .operation-order > li .text-figure__text div::before {
  position: absolute;
  top: -1px;
  left: 0;
  color: #196c8c;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.7rem;
  font-weight: bold;
  content: counter(num) ". ";
  counter-increment: num
}
.p-diagnostics .operation-order > li .text-figure__text .-red {
  margin: 0 2px;
  color: #e70a0a;
  font-size: 1.16em;
  font-weight: bold
}
.p-diagnostics .operation-order > li.-fig-wide .text-figure__figure {
  max-width: 240px
}
.p-diagnostics .operation-order > li.-fig-wide .text-figure__text {
  width: calc(100% - (240px + 20px))
}
.p-diagnostics .operation-order > li.-no-fig .text-figure__text {
  width: 100%;
  margin-bottom: 0
}
.p-diagnostics .operation-order > li.-no-fig .text-figure__text > p {
  margin-bottom: 0
}
.p-diagnostics .h2-item-list {
  display: flex;
  flex-wrap: wrap
}
.p-diagnostics .h2-item-list > li {
  width: 250px
}
.p-diagnostics .h2-item-list > li > span {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 4px 2px;
  background: #888;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.4
}
.p-diagnostics .h2-reagent-tab {
  display: table;
  width: 100%
}
.p-diagnostics .h2-reagent-tab > li {
  display: table-cell
}
.p-diagnostics .h2-reagent-tab > li > a {
  display: block;
  padding: 20px 12px;
  background: #eaf3f7;
  line-height: 1.5;
  text-align: center;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .h2-reagent-tab > li > a:hover {
  background: #cde1e8;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .h2-reagent-tab > li > a.is-active {
  background: #196c8c;
  color: #fff
}
.p-diagnostics .h2-reagent-table {
  border-top: none
}
.p-diagnostics .h2-reagent-table thead th {
  z-index: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 147px;
  background: #555;
  color: #fff;
  font-size: 1.2rem;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .h2-reagent-table thead th.is-slideDown {
  top: 227px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .h2-reagent-table .nowrap {
  white-space: nowrap
}
.p-diagnostics .h2-reagent02-table tr > td {
  width: 420px
}
.p-diagnostics .h2-reagent02-table tr > td:nth-child(2n-1) {
  width: 80px
}
.p-diagnostics .h2-item-anotate {
  margin-top: 80px
}
.p-diagnostics .h2-item-anotate > li {
  margin-bottom: .4em
}
.p-diagnostics .h2-item-anotate > li dl {
  display: flex
}
.p-diagnostics .h2-item-anotate > li dl dt span {
  display: inline-block;
  padding: 1px 4px 2px;
  background: #888;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.4;
  white-space: nowrap
}
.p-diagnostics .h2-item-anotate > li dl dd {
  margin: 2px 0 0 10px
}
.p-diagnostics .h2-item-anotate > li dl dd a {
  text-decoration: underline;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .h2-item-anotate > li dl dd a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .voice-table th {
  background: #eaf3f7
}
.p-diagnostics .voice-table th.clinic {
  background: #196c8c;
  color: #fff
}
.p-diagnostics .voice-table th.clinic a {
  border-bottom: 1px solid;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .voice-table th.clinic a[target="_blank"] {
  padding-right: 16px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-white.png) center right 1px/12px 12px no-repeat
}
.p-diagnostics .voice-table th.clinic a:hover {
  opacity: .8;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .voice-table th.clinic .doctor {
  display: inline-block
}
.p-diagnostics .voice-table td dt {
  margin-bottom: .4em;
  font-weight: bold
}
.p-diagnostics .voice-table td dd {
  margin-bottom: 1.2em
}
.p-diagnostics .voice-table td dd:last-of-type {
  margin-bottom: 0
}
.p-diagnostics .voice-table td .c-list > li {
  margin-bottom: .4em
}
.p-diagnostics .item-box .c-faq .q {
  border-left: none
}
.p-diagnostics .faq-title {
  margin: 0 0 .8em;
  padding-top: 1.6em;
  font-size: 2rem;
  font-weight: 500
}
.p-diagnostics .season-list {
  display: flex;
  flex-wrap: wrap
}
.p-diagnostics .season-list > li {
  width: 25%
}
.p-diagnostics .season-list > li a {
  display: block;
  position: relative;
  padding: 44px 16px 24px
}
.p-diagnostics .season-list > li a::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  font-size: 1.3rem;
  line-height: 24px;
  text-align: center
}
.p-diagnostics .season-list > li a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .season-list > li a figure {
  z-index: 1;
  position: relative;
  text-align: center
}
.p-diagnostics .season-list > li a figure img {
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12)
}
.p-diagnostics .season-list > li a figure figcaption {
  margin-top: 1em;
  font-weight: 500;
  line-height: 1.4
}
.p-diagnostics .season-list > li a figure figcaption span {
  display: inline-block;
  margin-bottom: .2em;
  padding: 2px 6px;
  border-radius: 3px;
  background: #fff;
  font-size: 1.1rem
}
.p-diagnostics .season-list > li a:hover::after {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-diagnostics .season-list > li a.is-active {
  opacity: .6
}
.p-diagnostics .season-list > li.-spring a {
  background: #eaf3e0
}
.p-diagnostics .season-list > li.-spring a::before {
  background: #96ca66;
  content: '春'
}
.p-diagnostics .season-list > li.-spring a figure figcaption span {
  color: #96ca66
}
.p-diagnostics .season-list > li.-summer a {
  background: #dfe8f0
}
.p-diagnostics .season-list > li.-summer a::before {
  background: #649ed6;
  content: '夏'
}
.p-diagnostics .season-list > li.-summer a figure figcaption span {
  color: #649ed6
}
.p-diagnostics .season-list > li.-autumn a {
  background: #f5ecdc
}
.p-diagnostics .season-list > li.-autumn a::before {
  background: #f8bc38;
  content: '秋'
}
.p-diagnostics .season-list > li.-autumn a figure figcaption span {
  color: #f8bc38
}
.p-diagnostics .season-list > li.-winter a {
  background: #e4f4fc
}
.p-diagnostics .season-list > li.-winter a::before {
  background: #70caec;
  content: '冬'
}
.p-diagnostics .season-list > li.-winter a figure figcaption span {
  color: #70caec
}
.p-diagnostics .season-list > li.-all {
  width: 50%
}
.p-diagnostics .season-list > li.-all a {
  padding: 32px;
  background: #f5dbe0
}
.p-diagnostics .season-list > li.-all a figure {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left
}
.p-diagnostics .season-list > li.-all a figure figcaption {
  margin: 0 0 0 20px
}
.p-diagnostics .season-list > li.-all a figure figcaption span {
  color: #f1a0b2
}
.p-diagnostics .catalog-table tr td:last-child {
  width: 100px
}
.p-diagnostics .catalog-table tr td a[href*=".pdf"] {
  padding-right: 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right 2px/16px 16px no-repeat
}
.p-diagnostics .video-link {
  position: absolute;
  top: 0;
  right: 0;
  min-width: auto;
  padding: 8px 16px 9px;
  overflow: hidden;
  border-radius: 19px;
  font-size: 1.2rem
}
.p-diagnostics .medical-message {
  max-width: 800px;
  padding: 32px;
  background: #fff
}
.p-diagnostics .medical-message p + p {
  margin-top: 16px
}
.p-diagnostics .medical-message p strong {
  font-size: 2rem
}
.p-diagnostics .transparency-list li {
  padding-left: 24px
}
.p-diagnostics .transparency-list li::before {
  top: 1px;
  font-size: 1.7rem;
  font-weight: 500
}
.p-diagnostics .transparency-list dt {
  margin: 16px 0 10px;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: .06em
}
.p-diagnostics .transparency-list dd .c-table {
  margin-top: .8em
}
.p-diagnostics .transparency-list > li {
  margin-bottom: 32px;
  padding-left: 32px
}
.p-diagnostics .transparency-list > li::before {
  top: 1px;
  font-size: 2.4rem;
  font-weight: 500
}
.p-diagnostics .transparency-list > li > dl > dt {
  font-size: 2.4rem
}
.p-diagnostics .list-sars-result {
  display: flex;
  flex-wrap: wrap
}
.p-diagnostics .list-sars-result > li {
  display: flex;
  justify-content: space-between;
  width: 50%
}
.p-diagnostics .list-sars-result > li figure {
  padding: 32px;
  text-align: center
}
.p-diagnostics .list-sars-result > li figure img {
  width: 240px;
  margin-bottom: 12px
}
.p-diagnostics .list-sars-result > li figure figcaption {
  text-align: left
}
.p-diagnostics .list-sars-result > li figure figcaption dd {
  font-size: 1.3rem
}
.p-diagnostics .list-sars-result > li.-positive figure dt, .p-diagnostics .list-sars-result > li.-negative figure dt {
  margin-bottom: 8px;
  text-align: center
}
.p-diagnostics .list-sars-result > li.-positive figure dt span, .p-diagnostics .list-sars-result > li.-negative figure dt span {
  display: inline-block;
  padding: 2px 12px 3px;
  border-radius: 16px;
  color: #fff
}
.p-diagnostics .list-sars-result > li.-positive {
  background: #f8e2e5
}
.p-diagnostics .list-sars-result > li.-positive dt span {
  background: #e3606f
}
.p-diagnostics .list-sars-result > li.-negative {
  background: #e4edf5
}
.p-diagnostics .list-sars-result > li.-negative dt span {
  background: #2a78b3
}
.p-diagnostics .list-sars-result > li.-onhold {
  position: relative;
  width: 100%;
  background: #f6f6f6
}
.p-diagnostics .list-sars-result > li.-onhold .tag {
  display: inline-block;
  position: absolute;
  top: 92px;
  left: 50%;
  padding: 2px 12px 3px;
  transform: translateX(-50%);
  border-radius: 16px;
  background: #333;
  color: #fff
}
.p-diagnostics .list-sars-result > li.-onhold figure {
  width: 50%
}
.p-diagnostics .list-sars-result > li.-onhold figure figcaption {
  font-size: 1.3rem
}
.l-main.has-video-link > .l-inner {
  position: relative
}
.has-product-nav .l-main {
  padding-top: 226px
}
.has-product-nav .item-box__tabs.is-move.is-down {
  top: calc(96px + 50px - 1px)
}
.has-product-nav .item-box__tabs.is-move.is-down.is-slideDown {
  top: calc(80px + 96px + 50px - 1px)
}
.has-product-nav .item-box__tabs.is-move.is-down.is-stop {
  top: auto !important
}
.has-product-nav-2 .l-main {
  padding-top: 266px
}
.has-product-nav-2 .item-box__tabs.is-move.is-down {
  top: calc(96px + 94px - 1px)
}
.has-product-nav-2 .item-box__tabs.is-move.is-down.is-slideDown {
  top: calc(80px + 96px + 94px - 1px)
}
.has-product-nav-2 .item-box__tabs.is-move.is-down.is-stop {
  top: auto !important
}
.p-doping .l-aside {
  border-color: #0eacab
}
.p-doping .l-aside .title {
  color: #0eacab
}
.p-doping .l-aside .title .toggle span {
  background: #0eacab
}
.p-doping .p-subtop__title-box .title {
  background: #0eacab
}
.p-doping .p-subtop__title-box .title .line {
  background: #19bdbe
}
.p-doping .p-subtop__title-box .title .line::before, .p-doping .p-subtop__title-box .title .line::after {
  background: #19bdbe
}
.p-doping .p-subtop__title-box .title .-en {
  color: #19bdbe
}
.p-doping .p-subtop__title-box .intro .-index_read {
  justify-content: space-between
}
.p-doping .p-subtop__title-box .intro .-index_read > p {
  width: calc(100% - 240px)
}
.p-doping .p-subtop__title-box .intro h2 {
  color: #0eacab
}
.p-doping .p-subtop__product-list > li > a {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-doping .p-subtop__product-list > li > a figure figcaption {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-doping .p-subtop__product-list > li > a figure figcaption::before {
  background: #0eacab
}
.p-doping .p-subtop__product-list > li > a figure figcaption::after {
  border-color: #0eacab
}
.p-doping .p-subtop__product-list > li > a:hover figure figcaption {
  color: #0eacab;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .l-aside {
  border-color: #0c6278
}
.p-drugabuse .l-aside .title {
  color: #0c6278
}
.p-drugabuse .l-aside .title .toggle span {
  background: #0c6278
}
.p-drugabuse .p-subtop__title-box .title {
  background: #0c6278
}
.p-drugabuse .p-subtop__title-box .title .line {
  background: #16758d
}
.p-drugabuse .p-subtop__title-box .title .line::before, .p-drugabuse .p-subtop__title-box .title .line::after {
  background: #16758d
}
.p-drugabuse .p-subtop__title-box .title .-en {
  color: #16758d
}
.p-drugabuse .p-subtop__title-box .intro h2 {
  color: #0c6278
}
.p-drugabuse.p-subtop .drugabuse-intro {
  margin-top: 20px;
  overflow: hidden;
  background: #f6f6f6;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12)
}
.p-drugabuse.p-subtop .drugabuse-intro-title {
  padding: 14px 32px 20px;
  background: #0c6278;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-align: center
}
.p-drugabuse.p-subtop .drugabuse-intro-title br {
  display: none
}
.p-drugabuse.p-subtop .drugabuse-intro-title span {
  display: block
}
.p-drugabuse.p-subtop .drugabuse-intro-title-sub {
  margin-top: 4px;
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.24
}
.p-drugabuse.p-subtop .drugabuse-intro-title-sub i {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal
}
.p-drugabuse.p-subtop .drugabuse-intro-title-main i {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  line-height: 1
}
.p-drugabuse.p-subtop .drugabuse-intro-title-main i::before, .p-drugabuse.p-subtop .drugabuse-intro-title-main i::after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: ''
}
.p-drugabuse.p-subtop .drugabuse-intro-title-main i::before {
  left: 0;
  border-left: 1px solid #fff
}
.p-drugabuse.p-subtop .drugabuse-intro-title-main i::after {
  right: 0;
  border-right: 1px solid #fff
}
.p-drugabuse.p-subtop .job-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 32px 12px
}
.p-drugabuse.p-subtop .job-selector-wrap {
  position: relative
}
.p-drugabuse.p-subtop .job-selector.is-active {
  padding-bottom: 10px
}
.p-drugabuse.p-subtop .job-selector-num {
  display: none
}
.p-drugabuse.p-subtop .job-selector-item {
  margin: 0 10px 10px
}
.p-drugabuse.p-subtop .job-selector-item a {
  border-bottom: 1px solid;
  letter-spacing: .012em;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-selector-item a:hover, .p-drugabuse.p-subtop .job-selector-item a.is-active {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail {
  display: none
}
.p-drugabuse.p-subtop .job-detail + .job-selector-wrap {
  margin-top: 0 !important;
  border-top: 1px solid #eaeaea
}
.p-drugabuse.p-subtop .job-detail-box {
  position: relative;
  overflow: hidden;
  background: #eaeaea
}
.p-drugabuse.p-subtop .job-detail-box::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #f6f6f6 transparent transparent transparent;
  content: ''
}
.p-drugabuse.p-subtop .job-detail-box.is-show {
  display: block
}
.p-drugabuse.p-subtop .job-detail-sort {
  z-index: 1;
  position: relative;
  margin-top: 40px;
  text-align: center
}
.p-drugabuse.p-subtop .job-detail-sort h4 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 8px 20px;
  border-radius: 2px;
  background: #0c6278;
  color: #fff;
  font-weight: normal;
  letter-spacing: .08em;
  text-align: center
}
.p-drugabuse.p-subtop .job-detail-sort a {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 60px;
  bottom: 0;
  height: 1.8em;
  margin: auto;
  padding: 0 24px 4px 0;
  border-bottom: 1px solid;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-sort a::before, .p-drugabuse.p-subtop .job-detail-sort a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-drugabuse.p-subtop .job-detail-sort a::before {
  width: 12px;
  height: 2px;
  background: #222;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-sort a::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-sort a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-sort a:hover::before {
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-sort a:hover::after {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-purpose {
  position: relative;
  padding: 12px 60px 48px
}
.p-drugabuse.p-subtop .job-detail-purpose h4 {
  margin: 0 0 10px;
  color: #0c6278;
  font-size: 2rem;
  letter-spacing: .08em;
  text-align: center
}
.p-drugabuse.p-subtop .job-detail-purpose h4 span {
  display: inline-block;
  z-index: 1;
  position: relative
}
.p-drugabuse.p-subtop .job-detail-purpose h4 span::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 3px;
  width: 100%;
  height: 8px;
  background: #ffe119;
  content: ''
}
.p-drugabuse.p-subtop .job-detail-purpose > p {
  line-height: 1.6
}
.p-drugabuse.p-subtop .job-detail-purpose > p + p {
  margin-top: .5em
}
.p-drugabuse.p-subtop .job-detail-purpose > .u-aR a {
  display: inline-block;
  position: relative;
  height: 1.8em;
  padding: 0 24px 4px 0;
  border-bottom: 1px solid;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-purpose > .u-aR a::before, .p-drugabuse.p-subtop .job-detail-purpose > .u-aR a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-drugabuse.p-subtop .job-detail-purpose > .u-aR a::before {
  width: 12px;
  height: 2px;
  background: #222;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-purpose > .u-aR a::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-purpose > .u-aR a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-purpose > .u-aR a:hover::before {
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-purpose > .u-aR a:hover::after {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-usage-box {
  margin-top: 24px;
  padding: 20px 12px 16px;
  border-radius: 3px;
  background: #fff
}
.p-drugabuse.p-subtop .job-detail-usage-box h5 {
  color: #24667d;
  font-weight: 500;
  letter-spacing: .12em;
  text-align: center
}
.p-drugabuse.p-subtop .job-detail-usage-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 6px
}
.p-drugabuse.p-subtop .job-detail-usage-list li {
  margin: 0 9px 6px 9px;
  list-style: none
}
.p-drugabuse.p-subtop .job-detail-usage-list li + li {
  margin-top: 0
}
.p-drugabuse.p-subtop .job-detail-usage-list li a {
  display: inline-block;
  position: relative;
  padding: 0 20px 2px 0;
  border-bottom: 1px solid #82b1c2;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-usage-list li a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .job-detail-usage-list li span {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 3px;
  right: 2px
}
.p-drugabuse.p-subtop .job-detail-usage-list li .circle, .p-drugabuse.p-subtop .job-detail-usage-list li .double {
  width: 12px;
  height: 12px;
  border: 1px solid #0c6278;
  border-radius: 50%
}
.p-drugabuse.p-subtop .job-detail-usage-list li .double::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  border: 1px solid #0c6278;
  border-radius: 50%;
  content: ''
}
.p-drugabuse.p-subtop .job-detail-usage-list li .triangle {
  width: 0;
  height: 0;
  border-width: 0 6px 10px 6px;
  border-style: solid;
  border-color: transparent transparent #0c6278 transparent
}
.p-drugabuse.p-subtop .job-detail-usage-list li .triangle::after {
  display: block;
  position: absolute;
  top: 2px;
  right: -4px;
  width: 0;
  height: 0;
  border-width: 0 4px 7px 4px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  content: ''
}
.p-drugabuse.p-subtop .job-detail-usage-list li .none {
  top: 8px;
  right: 3px;
  width: 8px;
  height: 1px;
  background: #0c6278
}
.p-drugabuse.p-subtop .support-list {
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee
}
.p-drugabuse.p-subtop .support-list-item {
  position: relative;
  width: calc((100% - 40px) / 2);
  margin-top: 0;
  padding: 32px 0 76px;
  border-top: 1px solid #eee
}
.p-drugabuse.p-subtop .support-list-item:nth-child(n+3) {
  margin-top: 40px
}
.p-drugabuse.p-subtop .support-list-item:nth-last-child(-n+2) {
  width: 100%
}
.p-drugabuse.p-subtop .support-list-item h3 {
  position: relative;
  margin-bottom: 16px;
  color: #0c6278;
  font-size: 1.9rem;
  font-weight: 500
}
.p-drugabuse.p-subtop .support-list-item h4 {
  margin: 16px 0 6px
}
.p-drugabuse.p-subtop .support-list-item .c-list {
  margin: 10px 0 12px;
  padding: 20px 24px 20px 24px;
  background: #f2f8fa;
  font-size: 1.3rem
}
.p-drugabuse.p-subtop .support-list-item .c-list > li {
  margin-bottom: .8em
}
.p-drugabuse.p-subtop .support-list-item .c-list > li:last-child {
  margin-bottom: 0
}
.p-drugabuse.p-subtop .support-list-item .c-list.-num > li::before {
  color: #0c6278;
  font-weight: 500
}
.p-drugabuse.p-subtop .support-list-item .c-list dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-drugabuse.p-subtop .support-list-item .c-list dl dt {
  width: 72px
}
.p-drugabuse.p-subtop .support-list-item .c-list dl dd {
  width: calc(100% - 72px)
}
.p-drugabuse.p-subtop .support-list-item .c-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}
.p-drugabuse.p-subtop .difference-box dt {
  margin-bottom: .6em;
  color: #000;
  font-weight: bold;
  letter-spacing: .12em;
  text-align: center
}
.p-drugabuse.p-subtop .usage-detail-overlay {
  display: block;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.78);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .usage-detail-overlay.is-show {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .usage-detail-list {
  display: flex;
  z-index: 10001;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .usage-detail-list.is-show {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .usage-detail-list-item {
  box-sizing: border-box;
  display: none;
  z-index: 10000;
  position: relative;
  width: 80%;
  max-width: 600px;
  padding: 30px;
  background: #fff;
  pointer-events: none
}
.p-drugabuse.p-subtop .usage-detail-list-item.is-show {
  display: block;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  pointer-events: auto
}
.p-drugabuse.p-subtop .usage-detail-list-item h5 {
  margin: 2px 0 10px
}
.p-drugabuse.p-subtop .usage-detail-list-item .c-btn {
  width: 100%;
  margin-top: 20px
}
.p-drugabuse.p-subtop .usage-detail-list-item .btn-close {
  display: block;
  position: absolute;
  top: -12px;
  right: -12px;
  width: 36px;
  height: 36px;
  transform: rotate(45deg);
  border: 2px solid #fff;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse.p-subtop .usage-detail-list-item .btn-close::before, .p-drugabuse.p-subtop .usage-detail-list-item .btn-close::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 2px;
  margin: auto;
  background: #fff;
  content: ''
}
.p-drugabuse.p-subtop .usage-detail-list-item .btn-close::after {
  transform: rotate(90deg)
}
.p-drugabuse.p-subtop .usage-detail-list-item .btn-close:hover {
  background: #555;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .purpose-list > li {
  position: relative;
  margin-bottom: 4px;
  padding: 32px;
  background: #edf4f7
}
.p-drugabuse .purpose-detail dt {
  margin: 0 0 10px;
  color: #0c6278;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-align: center
}
.p-drugabuse .purpose-detail dt span {
  display: inline-block;
  z-index: 1;
  position: relative;
  padding: 0 2px
}
.p-drugabuse .purpose-detail dt span::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 8px;
  background: #ffe119;
  content: ''
}
.p-drugabuse .purpose-detail .c-list {
  padding: 16px;
  border-radius: 3px;
  background: #fff
}
.p-drugabuse .purpose-detail .c-list > li {
  margin-bottom: .6em;
  font-size: 1.3rem
}
.p-drugabuse .purpose-detail .c-list > li:last-child {
  margin-bottom: 0
}
.p-drugabuse .purpose-detail .c-list > li::before {
  background: #0c6278
}
.p-drugabuse .purpose-detail p + p {
  margin-top: .8em
}
.p-drugabuse .aim-list {
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid #eee
}
.p-drugabuse .aim-list > li + li {
  margin-top: 32px
}
.p-drugabuse .aim-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 32px;
  border-top: 1px solid #eee
}
.p-drugabuse .aim-detail > dt {
  width: 250px;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: .1em
}
.p-drugabuse .aim-detail > dt span {
  display: inline-block;
  border-bottom: 1px solid #82b1c2
}
.p-drugabuse .aim-detail > dt i {
  color: #0c6278;
  font-family: 'Work Sans', sans-serif;
  font-style: normal
}
.p-drugabuse .aim-detail > dd {
  width: calc(100% - 250px)
}
.p-drugabuse .aim-detail > dd > p + p {
  margin-top: .8em
}
.p-drugabuse .aim-detail > dd > p sup {
  font-size: 1em;
  vertical-align: top
}
.p-drugabuse .aim-detail .c-list {
  margin-top: .8em;
  padding: 12px 15px;
  border-radius: 3px;
  background: #f6f6f6
}
.p-drugabuse .aim-detail .c-list > li {
  margin-bottom: .6em;
  font-size: 1.3rem
}
.p-drugabuse .aim-detail .c-list > li:last-child {
  margin-bottom: 0
}
.p-drugabuse .aim-detail .note {
  display: block;
  margin-top: 4px;
  color: #888;
  font-size: 12px
}
.p-drugabuse .aim-reason {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1em;
  padding: 12px 15px;
  border-radius: 3px;
  background: #f6f6f6;
  font-size: 1.3rem
}
.p-drugabuse .aim-reason > dt {
  width: 100px;
  padding-right: 10px;
  color: #0c6278;
  font-weight: bold
}
.p-drugabuse .aim-reason > dt span {
  letter-spacing: .24em
}
.p-drugabuse .aim-reason > dd {
  box-sizing: border-box;
  width: calc(100% - (100px));
  padding: 5px 0 5px 15px;
  border-left: 1px solid #ccc
}
.p-drugabuse .aim-alert {
  margin-bottom: 2em;
  padding: 20px 32px 24px;
  background: #f6f6f6
}
.p-drugabuse .aim-alert dt {
  margin-bottom: .6em;
  font-weight: bold;
  letter-spacing: .6em;
  text-align: center
}
.p-drugabuse .inquiry-box {
  margin-top: 80px;
  background: #f6f6f6
}
.p-drugabuse .inquiry-box > p {
  padding: 14px 32px;
  background: #585858;
  color: #fff;
  font-weight: 500;
  letter-spacing: .06em;
  text-align: center
}
.p-drugabuse .inquiry-box > p br {
  display: none
}
.p-drugabuse .inquiry-box .txt {
  width: 420px
}
.p-drugabuse .inquiry-box .txt i {
  display: inline-block;
  font-style: normal
}
.p-drugabuse .inquiry-box .txt p {
  line-height: 1.4
}
.p-drugabuse .inquiry-box .txt strong {
  display: inline-block;
  z-index: 1;
  position: relative;
  padding-left: 4px;
  font-weight: bold
}
.p-drugabuse .inquiry-box .txt strong::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 6px);
  height: 7px;
  background: #ffe119;
  content: ''
}
.p-drugabuse .inquiry-box .txt .note {
  display: inline-block;
  margin-top: 5px;
  padding-left: 0;
  font-size: 1.2rem
}
.p-drugabuse .inquiry-box > .c-flex {
  justify-content: space-between;
  margin-top: 0;
  padding: 32px
}
.p-drugabuse .inquiry-box .btn-wrap {
  width: calc(100% - 420px);
  max-width: 468px;
  margin-left: 0
}
.p-drugabuse .inquiry-box .btn-drug-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  border: 1px solid #ddd;
  background: #fff;
  color: #0c6278;
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: .024em;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .inquiry-box .btn-drug-contact span {
  display: inline-block;
  padding-top: 20px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-mail-black.png) center top/20px auto no-repeat
}
.p-drugabuse .inquiry-box .btn-drug-contact:hover {
  border: 1px solid #0c6278;
  text-decoration: none;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .job-title {
  margin-bottom: 14px;
  color: #222;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: .3em;
  line-height: 1;
  text-align: center
}
.p-drugabuse .job-title span {
  display: inline-block;
  position: relative;
  padding: 0 0 10px .3em
}
.p-drugabuse .job-title span::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #222;
  content: ''
}
.p-drugabuse .job-overview {
  flex-direction: row-reverse;
  justify-content: space-between
}
.p-drugabuse .job-overview .thumb {
  width: 220px
}
.p-drugabuse .job-overview .thumb img {
  width: 100%
}
.p-drugabuse .job-overview .thumb img + img {
  margin-top: .4em
}
.p-drugabuse .job-overview .txt {
  width: calc(100% - (220px + 30px));
  margin-left: 0
}
.p-drugabuse .job-overview .txt strong {
  font-weight: bold
}
.p-drugabuse .job-example {
  margin-top: 20px;
  padding: 28px 32px 32px;
  background: #f6f6f6
}
.p-drugabuse .job-example-list li {
  padding: 14px 16px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
  color: #464646;
  font-weight: bold;
  text-align: center
}
.p-drugabuse .job-example-list li + li {
  margin-top: 6px
}
.p-drugabuse .job-example-list li strong {
  display: inline-block;
  z-index: 0;
  position: relative;
  padding: 0 2px;
  color: #000;
  font-weight: bold
}
.p-drugabuse .job-example-list li strong::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 7px;
  background: #c6edff;
  content: ''
}
.p-drugabuse .job-example-list dd {
  box-sizing: border-box;
  position: relative;
  left: -15px;
  width: calc(100% + (15px * 2));
  margin-top: 12px;
  padding: 14px 20px 8px;
  border-top: 1px dotted #e6e6e6;
  font-size: 1.3rem;
  font-weight: normal;
  text-align: left
}
.p-drugabuse .job-merit {
  margin-top: 0;
  padding: 28px 32px 32px;
  background: #e7eff3
}
.p-drugabuse .job-merit .job-title {
  color: #0c6278
}
.p-drugabuse .job-merit .job-title span::after {
  background: #0c6278
}
.p-drugabuse .job-merit-list li {
  padding: 14px 16px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
  color: #464646;
  font-weight: bold;
  text-align: center
}
.p-drugabuse .job-merit-list li + li {
  margin-top: 6px
}
.p-drugabuse .job-merit-list li strong {
  display: inline-block;
  z-index: 0;
  position: relative;
  padding: 0 2px;
  color: #000;
  font-weight: bold
}
.p-drugabuse .job-merit-list li strong::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 7px;
  background: #fff11a;
  content: ''
}
.p-drugabuse .job-merit-list dd {
  box-sizing: border-box;
  position: relative;
  left: -15px;
  width: calc(100% + (15px * 2));
  margin-top: 12px;
  padding: 10px 20px 4px;
  border-top: 1px dotted #e6e6e6;
  border-color: #d5e3e9;
  font-size: 1.3rem;
  font-weight: normal;
  text-align: left
}
.p-drugabuse .job-merit-list dd h5 {
  margin-bottom: .4em;
  color: #29b8ec;
  text-align: center
}
.p-drugabuse .job-merit-list dd h5 br {
  display: none
}
.p-drugabuse .low-list {
  margin-bottom: 20px;
  padding: 24px 32px 0;
  border: 1px solid #d4e1e6;
  background: #fff
}
.p-drugabuse .low-overview {
  padding-left: 1em
}
.p-drugabuse .low-overview > dt {
  margin-bottom: .8em;
  color: #222;
  font-weight: 500;
  line-height: 1.4;
  text-indent: -.8em
}
.p-drugabuse .low-detail {
  justify-content: space-between;
  margin-top: 6px
}
.p-drugabuse .low-detail > dt {
  width: 78px;
  color: #205165;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center
}
.p-drugabuse .low-detail > dt span {
  display: block;
  height: 26px;
  background: #f2f3ea;
  line-height: 26px
}
.p-drugabuse .low-detail > dd {
  width: calc(100% - (78px + 15px));
  font-size: 1.3rem
}
.p-drugabuse .must-job-list {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  padding: 20px 32px 24px;
  background: #f3f7f8
}
.p-drugabuse .must-job-list dt {
  display: flex;
  align-items: center;
  width: 92px;
  color: #0c6278;
  font-size: 1.3rem;
  font-weight: 500
}
.p-drugabuse .must-job-list dt div {
  padding: 12px;
  border: 1px solid #0c6278;
  text-align: center
}
.p-drugabuse .must-job-list dt div span {
  letter-spacing: .24em
}
.p-drugabuse .must-job-list dd {
  width: calc(100% - (92px + 20px));
  font-size: 12px
}
.p-drugabuse .timing-list {
  margin-top: 60px
}
.p-drugabuse .timing-list > li + li {
  margin-top: 32px
}
.p-drugabuse .timing-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 32px;
  border-top: 1px solid #eee
}
.p-drugabuse .timing-detail > dt {
  box-sizing: border-box;
  width: 250px;
  padding-left: 1.45em;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.4;
  text-indent: -1.45em
}
.p-drugabuse .timing-detail > dt i {
  color: #0c6278
}
.p-drugabuse .timing-detail > dd {
  width: calc(100% - 250px)
}
.p-drugabuse .test-flow {
  padding: 32px;
  border: 1px solid #eee;
  background: #fff;
  text-align: center
}
.p-drugabuse .test-flow figcaption {
  margin-top: 18px;
  padding: 0;
  background: none;
  font-size: 1.3rem;
  text-align: left
}
.p-drugabuse .test-flow figcaption ul {
  display: flex;
  justify-content: space-between
}
.p-drugabuse .test-flow figcaption ul li {
  box-sizing: border-box;
  width: calc((100% - (4px * 2)) / 3);
  margin: 0;
  padding: 20px;
  border-top: 2px solid;
  background: #f6f6f6
}
.p-drugabuse .test-flow figcaption ul li:nth-child(1) {
  border-color: #dce8ca;
  background: #edf3e5
}
.p-drugabuse .test-flow figcaption ul li:nth-child(2) {
  border-color: #e9e189;
  background: #fbfaeb
}
.p-drugabuse .test-flow figcaption ul li:nth-child(3) {
  border-color: #fbdec9;
  background: #faf4ef
}
.p-drugabuse p > .imgFr {
  max-width: 48%;
  margin: 0 0 20px 16px;
  float: right
}
.p-drugabuse .test-method {
  margin-top: 40px;
  padding: 24px 32px 32px;
  background: #f4f6f5
}
.p-drugabuse .test-method h4 {
  margin-bottom: 20px;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: .06em
}
.p-drugabuse .test-method h4::before {
  top: 5px;
  bottom: auto;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #0c6278
}
.p-drugabuse .test-method-flow {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 3px;
  counter-reset: num
}
.p-drugabuse .test-method-flow li {
  position: relative;
  margin-top: 1px;
  padding: 14px;
  padding-left: calc(16px + 1.2em);
  border-radius: 2px;
  background: #fff
}
.p-drugabuse .test-method-flow li::before {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  align-items: center;
  margin: auto;
  color: #29b8ec;
  font-family: 'Work Sans', sans-serif;
  font-weight: bold;
  content: counter(num) ". ";
  counter-increment: num
}
.p-drugabuse .test-method-flow li:first-child {
  margin-top: 0
}
.p-drugabuse .test-method-flow li dl {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.p-drugabuse .test-method-flow li dl dt {
  width: 48px;
  font-weight: bold
}
.p-drugabuse .test-method-flow li dl dd {
  box-sizing: border-box;
  width: calc(100% - 48px);
  padding-left: 13px;
  border-left: 1px solid #e0e0e0
}
.p-drugabuse .text-method dl {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.p-drugabuse .text-method dl dt {
  width: 40px;
  font-weight: bold
}
.p-drugabuse .text-method dl dd {
  box-sizing: border-box;
  width: calc(100% - 40px);
  padding-left: 13px;
  border-left: 1px solid #e0e0e0
}
.p-drugabuse .drugabuse-test {
  margin-top: 40px;
  background: #edf4f7
}
.p-drugabuse .drugabuse-test h4 {
  margin: 0;
  padding: 14px 32px;
  border-bottom: none;
  background: #0c6278;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .06em
}
.p-drugabuse .drugabuse-test h4::before {
  display: none
}
.p-drugabuse .drugabuse-test > div {
  padding: 0 32px 24px
}
.p-drugabuse .drugabuse-test > div > p + p {
  margin-top: .8em
}
.p-drugabuse .drugabuse-test h5 {
  margin: 1.6em 0 .6em
}
.p-drugabuse .drugabuse-test figure {
  margin: 10px 0
}
.p-drugabuse .drug-list {
  padding-bottom: 32px;
  border-bottom: 1px solid #eee
}
.p-drugabuse .drug-list li {
  padding-top: 32px;
  border-top: 1px solid #eee
}
.p-drugabuse .drug-list li + li {
  margin-top: 32px
}
.p-drugabuse .drug-detail {
  overflow: hidden
}
.p-drugabuse .drug-detail dt {
  width: 250px;
  margin: 0 24px 14px 0;
  padding: 16px;
  float: left;
  border-left: 2px solid #205165;
  background: #f2f3ea;
  color: #205165;
  font-weight: bold;
  letter-spacing: .04em;
  text-align: center
}
.p-drugabuse .drug-detail dt.wide {
  letter-spacing: .4em
}
.p-drugabuse .drug-detail dd p {
  line-height: 1.6
}
.p-drugabuse .drug-detail dd p + p {
  margin-top: .6em
}
.p-drugabuse .test-flow-list li {
  display: flex;
  justify-content: space-between;
  background: #edf4f7 right 10px center /56px auto no-repeat
}
.p-drugabuse .test-flow-list li:nth-child(1) dl, .p-drugabuse .test-flow-list li:nth-child(6) dl, .p-drugabuse .test-flow-list li:nth-child(8) dl {
  width: 100%
}
.p-drugabuse .test-flow-list li:last-child .test-flow-list-num::after {
  display: none
}
.p-drugabuse .test-flow-list li + li {
  margin-top: 16px
}
.p-drugabuse .test-flow-list-num {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 80px;
  background: #0c6278;
  color: #fff;
  text-align: center
}
.p-drugabuse .test-flow-list-num::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 10px 8px 0 8px;
  border-style: solid;
  border-color: #0c6278 transparent transparent transparent;
  content: ''
}
.p-drugabuse .test-flow-list-num span {
  display: block;
  font-size: 1.2rem
}
.p-drugabuse .test-flow-list-num span em {
  display: inline-block;
  margin-top: -10px;
  font-size: 2.2rem;
  font-weight: 500
}
.p-drugabuse .test-flow-list-detail {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 80px);
  padding: 32px
}
.p-drugabuse .test-flow-list-detail dl {
  width: calc(100% - (220px + 20px))
}
.p-drugabuse .test-flow-list-detail dl dt {
  margin-bottom: 4px;
  color: #0c6278;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .06em
}
.p-drugabuse .test-flow-list-detail dl dd {
  line-height: 1.6
}
.p-drugabuse .test-flow-list-detail figure {
  width: 220px;
  margin-top: 0
}
.p-drugabuse .test-flow-list-detail figure a {
  display: block;
  position: relative;
  overflow: hidden
}
.p-drugabuse .test-flow-list-detail figure.-devide {
  display: flex;
  justify-content: space-between
}
.p-drugabuse .test-flow-list-detail figure.-devide a {
  width: calc((100% - 10px) / 2)
}
.p-drugabuse .c-faq .a .c-list {
  margin: .8em 0;
  padding: 20px 24px;
  border-radius: 4px;
  background: #fff
}
.p-drugabuse .c-faq .a .c-list > li {
  margin-bottom: .4em
}
.p-drugabuse .c-faq .a .c-list > li::before {
  color: #0c6278;
  font-weight: 500
}
.p-drugabuse .c-faq .a p + p {
  margin-top: .8em
}
.p-drugabuse .answer-detail-flow {
  margin: .8em 0;
  padding: 20px 24px;
  border-radius: 4px;
  background: #fff
}
.p-drugabuse .answer-detail-flow dt {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
  color: #0c6278;
  font-weight: 500;
  letter-spacing: .12em
}
.p-drugabuse .answer-detail-flow .c-list {
  margin: 0 !important;
  padding: 0 !important
}
.p-drugabuse .column-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-drugabuse .column-list li {
  width: calc((100% - (20px * 2)) / 3);
  margin-bottom: 20px;
  padding: 0
}
.p-drugabuse .column-list li a {
  box-sizing: border-box;
  display: block;
  position: relative;
  height: 100%;
  padding: 24px 24px 88px;
  background: #edf4f7;
  text-decoration: none;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .column-list li a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 0 12px 12px 0;
  border-style: solid;
  border-color: transparent #0c6278 transparent transparent;
  content: ''
}
.p-drugabuse .column-list li a h4 {
  margin: 4px 0 12px;
  padding: 0 0 12px;
  border-bottom: 1px dotted #ccc;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6
}
.p-drugabuse .column-list li a .c-btn {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: calc(100% - (24px * 2));
  min-width: auto
}
.p-drugabuse .column-list li a:hover {
  box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .column-list li a:hover .c-btn::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .column-intro p {
  margin-bottom: 1.5em
}
.p-drugabuse .column-index {
  margin-top: 40px;
  padding: 28px 32px 32px;
  background: #f6f6f6
}
.p-drugabuse .column-index h4 {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ccc;
  letter-spacing: .2em
}
.p-drugabuse .column-index-list {
  margin-bottom: 0
}
.p-drugabuse .column-index-list > li {
  margin-bottom: .6em
}
.p-drugabuse .column-index-list > li::before {
  color: #0c6278;
  font-weight: 500
}
.p-drugabuse .column-index-list > li:last-child {
  margin-bottom: 0
}
.p-drugabuse .column-conversion {
  align-items: center;
  justify-content: space-between;
  margin-top: 80px;
  padding: 32px 42px 32px 32px;
  background: #f6f6f6
}
.p-drugabuse .column-conversion > div {
  width: calc(100% - 100px - 50px)
}
.p-drugabuse .column-conversion strong {
  display: block;
  font-feature-settings: "palt";
  font-size: 15px;
  font-weight: bold
}
.p-drugabuse .column-conversion strong span {
  display: inline-block;
  z-index: 1;
  position: relative;
  margin: 0 4px;
  padding: 0 2px;
  color: #F33333
}
.p-drugabuse .column-conversion strong span::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 8px;
  background: #ffe119;
  content: '';
  opacity: .6
}
.p-drugabuse .column-conversion-btn {
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 136px;
  height: 84px;
  padding: 12px 16px 12px 20px;
  transform: translate(0, 0);
  background: #000;
  font-size: 1.4rem;
  font-weight: 500;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .column-conversion-btn::after {
  display: block;
  position: absolute;
  top: 0;
  right: -15px;
  width: 0;
  height: 0;
  border-width: 42px 0 42px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #000;
  content: '';
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .column-conversion-btn span {
  color: #fff;
  line-height: 1.6
}
.p-drugabuse .column-conversion-btn:hover {
  transform: translate(6px, 0);
  background: #0c6278;
  text-decoration: none;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .column-conversion-btn:hover::after {
  border-color: transparent transparent transparent #0c6278;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .case-title {
  padding: 20px 32px;
  background: #0c6278;
  color: #fff;
  font-size: 2rem;
  line-height: 1.4
}
.p-drugabuse .case-title span {
  display: block;
  margin-bottom: 4px;
  font-size: 1.3rem
}
.p-drugabuse .case-data {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 8px 0 20px;
  color: #0c6278;
  font-size: 1.3rem
}
.p-drugabuse .case-comment {
  margin-bottom: 2em;
  font-size: 1.7rem;
  font-weight: bold
}
.p-drugabuse .case-intro p {
  margin-bottom: 1.5em
}
.p-drugabuse .case-tebox {
  margin-top: 40px;
  padding: 28px 32px 32px;
  background: #edf4f7
}
.p-drugabuse .case-tebox .c-list {
  margin-bottom: 0
}
.p-drugabuse .case-tebox .c-list > li {
  margin-bottom: .6em
}
.p-drugabuse .case-tebox .c-list > li::before {
  color: #0c6278;
  font-weight: 500
}
.p-drugabuse .case-tebox .c-list > li:last-child {
  margin-bottom: 0
}
.p-drugabuse .case-tebox ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-drugabuse .case-tebox ol > li {
  width: 46%
}
.p-drugabuse .case-tebox ol > li h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 16px;
  counter-reset: num
}
.p-drugabuse .case-tebox ol > li h4 span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-radius: 3px;
  background: #0c6278;
  color: #fff;
  font-weight: 500;
  letter-spacing: .2em
}
.p-drugabuse .case-tebox-task > .c-list {
  position: relative
}
.p-drugabuse .case-tebox-task > .c-list::after {
  display: block;
  position: absolute;
  top: 0;
  right: -44px;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 22px 0 22px 16px;
  border-style: solid;
  border-color: transparent transparent transparent #29b8ec;
  content: ''
}
.p-drugabuse .case-tebox-effect {
  flex-direction: column-reverse
}
.p-drugabuse .case-tebox-effect h4 span {
  background: #29b8ec !important
}
.p-drugabuse .case-tebox-effect .c-list > li::before {
  color: #29b8ec
}
.p-drugabuse .case-company {
  margin-top: 24px;
  padding: 32px;
  border: 1px solid #eee;
  background: #fff
}
.p-drugabuse .case-company h4 {
  display: flex;
  align-items: center;
  margin: 0 0 24px;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: .06em
}
.p-drugabuse .case-company h4 span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px
}
.p-drugabuse .case-company h4 img {
  vertical-align: bottom
}
.p-drugabuse .case-company figure {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-drugabuse .case-company figure span {
  display: block;
  width: 300px
}
.p-drugabuse .case-company figure figcaption {
  width: calc(100% - 320px);
  padding: 0;
  background: none;
  font-size: 14px;
  text-align: left
}
.p-drugabuse .case-company figure figcaption ul li {
  margin-bottom: .8em
}
.p-drugabuse .case-company figure figcaption ul li a {
  border-bottom: 1px solid;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .case-company figure figcaption ul li a[target="_blank"] {
  padding-right: 18px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 2px/10px 10px no-repeat
}
.p-drugabuse .case-company figure figcaption ul li a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .ad-dl {
  font-size: 1.3rem
}
.p-drugabuse .ad-dl dt {
  margin-bottom: .6em;
  color: #000;
  font-weight: 500
}
.p-drugabuse .ad-dl dd a {
  border-bottom: 1px solid;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .ad-dl dd a[target="_blank"] {
  padding-right: 18px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 2px/10px 10px no-repeat
}
.p-drugabuse .ad-dl dd a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-drugabuse .mail-sample {
  margin-top: 30px;
  padding: 60px;
  background: #f6f6f6
}
.p-environment .c-title.-m span {
  margin-right: .2em
}
.p-environment .bnr-list {
  display: flex;
  justify-content: space-between
}
.p-environment .bnr-list > li {
  width: calc((100% - (30px * 2)) / 3)
}
.p-environment .bnr-list > li a {
  display: block
}
.p-environment .bnr-list > li a figure img {
  margin-bottom: 16px;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-environment .bnr-list > li a figure figcaption {
  position: relative;
  padding-right: 20px;
  font-size: 1.7rem;
  font-weight: 500;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-environment .bnr-list > li a figure figcaption::before, .p-environment .bnr-list > li a figure figcaption::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-environment .bnr-list > li a figure figcaption::before {
  width: 12px;
  height: 2px;
  background: #222;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-environment .bnr-list > li a figure figcaption::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-environment .bnr-list > li a:hover figure img {
  box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-environment .bnr-list > li a:hover figure figcaption {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-environment .bnr-list > li a:hover figure figcaption::before {
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-environment .bnr-list > li a:hover figure figcaption::after {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-environment .pmark {
  margin-right: .2em;
  vertical-align: middle
}
.p-environment .rinri-list {
  margin-top: 48px
}
.p-environment .rinri-list > li {
  margin-bottom: 1.6em
}
.p-environment .rinri-list > li::before {
  font-weight: bold
}
.p-environment .rinri-list > li > dl > dt {
  font-weight: bold
}
.p-environment .rinri-list > li .c-list.-num2 > li {
  margin-bottom: .8em
}
.p-environment .pdf-list a[href*=".pdf"] {
  padding-right: 20px
}
.p-environment .pdf-list .size {
  display: inline-block;
  margin-left: 20px;
  padding: 2px 4px;
  background: #eee;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.2rem;
  line-height: 1.4
}
.p-envrisk .l-aside {
  border-color: #25bbc8
}
.p-envrisk .l-aside .title {
  color: #25bbc8
}
.p-envrisk .l-aside .title .toggle span {
  background: #25bbc8
}
.p-envrisk .p-subtop__title-box .title {
  background: #25bbc8
}
.p-envrisk .p-subtop__title-box .title .line {
  background: #35cfdc
}
.p-envrisk .p-subtop__title-box .title .line::before, .p-envrisk .p-subtop__title-box .title .line::after {
  background: #35cfdc
}
.p-envrisk .p-subtop__title-box .title .-en {
  color: #35cfdc
}
.p-envrisk .p-subtop__title-box .intro h2 {
  color: #25bbc8
}
.p-envrisk.p-subtop .envrisk-alert {
  margin-top: 80px
}
.p-envrisk .btn-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-envrisk .btn-list > li {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px
}
.p-envrisk .btn-list > li .c-btn {
  width: 100%
}
.p-envrisk .c-table td .note {
  display: block;
  margin-top: 8px;
  padding-left: 1em;
  font-size: .8em;
  text-indent: -1em
}
.p-envrisk .c-table h5 {
  margin-bottom: 1em
}
.p-envrisk .animal {
  display: flex;
  align-items: center;
  margin-top: 40px;
  padding: 40px 0;
  background: linear-gradient(100deg, #f3fae4, #eaf6fb)
}
.p-envrisk .animal dt {
  width: 250px;
  text-align: center
}
.p-envrisk .animal dd {
  width: calc(100% - 250px);
  padding: 0 40px;
  border-left: 1px solid #ddd
}
.p-envrisk .report-box {
  margin-top: 100px;
  padding: 32px;
  background: #f6f6f6
}
.p-envrisk .report-box p + p {
  margin-top: 1em
}
.p-envrisk .report-box p.note {
  padding-left: 1em;
  text-indent: -1em
}
.p-envrisk .bnr-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-envrisk .bnr-list::after {
  width: calc((100% - (24px * 2)) / 3);
  content: ''
}
.p-envrisk .bnr-list > li {
  width: calc((100% - (24px * 2)) / 3);
  margin-bottom: 24px
}
.p-envrisk .bnr-list > li:nth-last-child(-n+3) {
  margin-bottom: 0
}
.p-envrisk .bnr-list > li a img {
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-envrisk .bnr-list > li a:hover img {
  box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-envrisk .envrisk-alert {
  margin-bottom: 32px
}
.p-envrisk .envrisk-alert dl {
  display: flex;
  background: #fdeded
}
.p-envrisk .envrisk-alert dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  padding: 24px 32px;
  background: #b60f0f;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: .08em
}
.p-envrisk .envrisk-alert dl dt span {
  display: inline-block;
  position: relative;
  padding-left: 26px
}
.p-envrisk .envrisk-alert dl dt span::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  color: #b60f0f;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  content: '！'
}
.p-envrisk .envrisk-alert dl dd {
  width: calc(100% - 250px);
  padding: 24px 32px
}
.p-envrisk .envrisk-alert dl dd .c-btn {
  margin-top: 16px
}
.p-food .l-aside {
  border-color: #d54a43
}
.p-food .l-aside .title {
  color: #d54a43
}
.p-food .l-aside .title .toggle span {
  background: #d54a43
}
.p-food .p-subtop__title-box .title {
  background: #d54a43
}
.p-food .p-subtop__title-box .title .line {
  background: #e4655e
}
.p-food .p-subtop__title-box .title .line::before, .p-food .p-subtop__title-box .title .line::after {
  background: #e4655e
}
.p-food .p-subtop__title-box .title .-en {
  color: #e4655e
}
.p-food .p-subtop__title-box .intro .-index_read {
  align-items: center;
  justify-content: space-between
}
.p-food .p-subtop__title-box .intro .-index_read > div {
  width: calc(100% - 360px);
  padding-bottom: 20px
}
.p-food .p-subtop__title-box .intro .-index_read > p {
  width: calc(100% - 240px)
}
.p-food .p-subtop__title-box .intro h2 {
  color: #d54a43
}
.p-food .p-subtop__grad-box {
  margin-bottom: 0
}
.p-food .p-subtop__grad-box::before {
  background: linear-gradient(120deg, #e95b54, #b43730)
}
.p-food .p-subtop__grad-box .items {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px
}
.p-food .p-subtop__grad-box .items > li {
  width: calc((100% - 40px) / 2)
}
.p-food .p-subtop__grad-box .items > li a {
  display: block;
  position: relative;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__grad-box .items > li a::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__grad-box .items > li a:hover {
  box-shadow: 0 6px 18px -2px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__grad-box .items > li a:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__grad-box .items > li figure {
  position: relative
}
.p-food .p-subtop__grad-box .items > li .c-label {
  position: relative;
  padding: 20px;
  background: transparent
}
.p-food .p-subtop__grad-box .items > li .c-label .-title {
  position: relative;
  margin-bottom: 16px;
  padding-right: 20px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .08em
}
.p-food .p-subtop__grad-box .items > li .c-label p {
  font-size: 1.3rem
}
.p-food .p-subtop__grad-box .items .-title::before, .p-food .p-subtop__grad-box .items .-title::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-food .p-subtop__grad-box .items .-title::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.p-food .p-subtop__grad-box .items .-title::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.p-food .p-subtop__grad-box .c-separate_box {
  display: flex;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__grad-box .c-separate_box:hover {
  box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.24);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__grad-box .c-separate_box > * {
  width: 50%
}
.p-food .p-subtop__grad-box .c-separate_box figure {
  overflow: hidden
}
.p-food .p-subtop__grad-box .c-separate_box figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.p-food .p-subtop__grad-box .c-separate_box .column-text {
  padding: 20px 30px;
  background: #fff;
  color: #333;
  font-size: 1.3rem
}
.p-food .p-subtop__grad-box .c-separate_box .column-text .-title {
  position: relative;
  margin-bottom: 10px;
  color: #d54a43;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .08em
}
.p-food .p-subtop__grad-box .c-separate_box .column-text .-title::before, .p-food .p-subtop__grad-box .c-separate_box .column-text .-title::after {
  display: none
}
.p-food .p-subtop__grad-box .c-separate_box .column-text .-title.-download span {
  padding-right: 26px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-download-red.png) center right/16px auto no-repeat
}
.p-food .p-subtop__grad-box .c-separate_box .column-text .c-list {
  margin-bottom: 0
}
.p-food .p-subtop__grad-box .c-separate_box .column-text .c-list > li {
  margin-bottom: 0
}
.p-food .p-subtop__product-list > li > a {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__product-list > li > a figure figcaption {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__product-list > li > a figure figcaption::before {
  background: #d54a43
}
.p-food .p-subtop__product-list > li > a figure figcaption::after {
  border-color: #d54a43
}
.p-food .p-subtop__product-list > li > a:hover figure figcaption {
  color: #d54a43;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__link-list {
  display: flex;
  margin: 0 !important;
  padding: 40px 0 0;
  border-top: 1px solid #ddd
}
.p-food .p-subtop__link-list:last-of-type {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd
}
.p-food .p-subtop__link-list dt {
  width: 25%;
  color: #d54a43
}
.p-food .p-subtop__link-list dd {
  width: 75%
}
.p-food .p-subtop__link-list dd .c-flex {
  align-items: center;
  margin-bottom: 0
}
.p-food .p-subtop__link-list dd .c-flex li {
  width: calc(100% / 3);
  margin-bottom: 30px;
  padding-right: 28px;
  color: #999;
  font-size: 1.3rem;
  line-height: 1.4
}
.p-food .p-subtop__link-list dd .c-flex li a {
  display: block;
  position: relative;
  padding-right: 20px;
  color: #333;
  transition: 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__link-list dd .c-flex li a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .p-subtop__link-list dd .c-flex li a:hover {
  color: #29b8ec
}
.p-food .p-subtop__link-list dd .c-flex li a:hover::after {
  right: -6px;
  border-color: #29b8ec;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .-red {
  color: #d54a43
}
.p-food .classification {
  position: relative;
  justify-content: space-between
}
.p-food .classification::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  transform: translate(-50%, -50%) rotate(135deg);
  border-right: 5px solid #d54a43;
  border-bottom: 5px solid #d54a43;
  content: ''
}
.p-food .classification .-collumn {
  width: 46%;
  padding: 30px;
  border: 1px solid #ccc;
  background: #fff
}
.p-food .classification .c-list > li:not(:last-of-type) {
  margin-bottom: 10px !important;
  line-height: 1.4
}
.p-food .classification .c-title {
  margin: 8px 0 24px;
  padding: 5px;
  background: #d54a43;
  color: #fff;
  text-align: center
}
.p-food .flow-list > li {
  display: flex;
  justify-content: space-between;
  background: #f4f4f4 right 10px center /56px auto no-repeat
}
.p-food .flow-list > li:not(:last-of-type) .flow-list-num::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 10px 8px 0 8px;
  border-style: solid;
  border-color: #d54a43 transparent transparent transparent;
  content: ''
}
.p-food .flow-list > li + li {
  margin-top: 20px
}
.p-food .flow-list-num {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 80px;
  background: #d54a43;
  color: #fff;
  text-align: center
}
.p-food .flow-list-num span {
  display: block;
  font-size: 1.2rem
}
.p-food .flow-list-num span em {
  display: inline-block;
  margin-top: -10px;
  font-size: 2.2rem;
  font-weight: 500
}
.p-food .flow-list-detail {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 80px);
  padding: 32px
}
.p-food .flow-list-detail dl dt {
  margin-bottom: 4px;
  color: #d54a43;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: .06em
}
.p-food .flow-list-detail dl dd {
  line-height: 1.6
}
.p-food .modal {
  box-sizing: border-box;
  position: absolute;
  width: 640px;
  max-height: 56vh;
  padding: 30px;
  background: #fff
}
.p-food .modal_opener {
  text-decoration: underline;
  cursor: pointer
}
.p-food .modal_wrap {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease
}
.p-food .modal_wrap.is-show {
  z-index: 100;
  opacity: 1;
  pointer-events: auto;
  transition: opacity .3s ease
}
.p-food .modal_wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8)
}
.p-food .modal_inner {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-y: auto
}
.p-food .modal .btnClose {
  display: block;
  position: absolute;
  top: -12px;
  right: -12px;
  width: 36px;
  height: 36px;
  transform: rotate(45deg);
  border: 2px solid #fff;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .modal .btnClose::before, .p-food .modal .btnClose::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 2px;
  margin: auto;
  background: #fff;
  content: ''
}
.p-food .modal .btnClose::after {
  transform: rotate(90deg)
}
.p-food .modal .btnClose:hover {
  background: #555;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-food .modal h2 {
  margin: 0 0 32px;
  padding-left: 16px;
  border-left: 1px solid #000;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1.42
}
.p-food .modal h3 {
  margin: 36px 0 20px;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.5
}
.p-food .modal p {
  margin-left: 0;
  font-size: 14px;
  line-height: 2
}
.p-food .modal ul {
  padding-left: 1.6em
}
.p-food .modal .intro {
  position: relative;
  margin-top: 16px;
  padding: 20px;
  background: #f1fbff
}
.p-food .modal .titleNote {
  font-size: 1.1rem;
  line-height: 1.4;
  text-align: right
}
.p-food .modal .titleNote span {
  display: inline-block;
  padding-left: 1em;
  text-align: left;
  text-indent: -1em
}
.p-food .pesticides-table .c-btn {
  min-width: auto;
  padding: 6px 12px;
  border: none;
  border-radius: 3px;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.2rem
}
.p-food .pesticides-table .c-btn span {
  padding-right: 22px;
  line-height: 1.7
}
.p-food .rice-table th {
  padding: 12px
}
.p-food .rice-table td {
  padding: 16px;
  font-size: 1.3rem
}
.p-forum .l-header {
  border-bottom: 1px solid #2a3b4b
}
.p-forum .p-subtop__simple-title {
  margin-top: 108px
}
.p-forum .p-subtop__simple-title h1 {
  color: #2a3b4b
}
.p-forum.p-subtop .l-aside {
  border-color: #2a3b4b;
  background: rgba(246, 246, 246, 0)
}
.p-forum.p-subtop .l-aside.is-move {
  background: #f6f6f6
}
.p-forum .c-title.-l {
  margin: 30px 0 20px;
  padding-top: 32px;
  font-size: 2.4rem;
  letter-spacing: .04em
}
.p-forum .c-title.-l span {
  padding-left: 16px
}
.p-forum .forum-box {
  position: relative
}
.p-forum .forum-box__tabs {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  border-top: 1px solid #eee;
  transition: top 0.24s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-forum .forum-box__tabs__item {
  border-bottom: 1px solid #eee
}
.p-forum .forum-box__tabs__item > a {
  display: block;
  position: relative;
  padding: 8px 0;
  font-size: 1.3rem;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-forum .forum-box__tabs__item > a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  content: ''
}
.p-forum .forum-box__tabs__item > a:hover {
  background: #f6f6f6;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-forum .forum-box__tabs__lower__item > a {
  display: block;
  position: relative;
  padding: 16px 16px;
  background: #f6f6f6;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-forum .forum-box__tabs__lower__item > a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  content: ''
}
.p-forum .forum-box__tabs__lower__item > a:hover {
  background: #eee;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-forum .forum-box__tabs.is-move {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -500px
}
.p-forum .forum-box__tabs.is-move.is-slideDown {
  top: 80px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-forum .forum-box__tabs.is-move.is-stop {
  position: absolute;
  top: auto !important;
  bottom: 0;
  left: 0;
  margin-left: auto
}
.p-forum .forum-box__detail {
  position: relative;
  top: -55px;
  width: 700px;
  margin-left: 300px
}
.p-forum .forum-box__detail__item {
  margin: 0 0 32px;
  padding-top: 24px;
  border-top: 1px solid #eee
}
.p-forum .forum-box__detail__item:first-of-type {
  padding-top: 0;
  border-top: none
}
.p-forum .forum-box__detail__item .c-title {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 2.2rem
}
.p-forum .forum-box__detail__item .c-title .sub {
  display: block;
  margin-bottom: 6px;
  font-size: 1.3rem;
  letter-spacing: .1em
}
.p-forum .forum-box__detail__item .title-cap {
  font-size: 1.3rem
}
.p-forum .forum-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 24px
}
.p-forum .forum-wrap > figure {
  width: 142px
}
.p-forum .forum-wrap > figure img {
  width: 100%;
  border: 1px solid #eee
}
.p-forum .forum-wrap .flow {
  width: 500px
}
.p-forum .forum-wrap .flow h4 {
  margin: 0 0 16px;
  color: #2a3b4b;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1
}
.p-forum .forum-wrap .flow h4.-empty {
  margin: 0
}
.p-forum .forum-wrap .lecture {
  margin-bottom: 16px;
  border-bottom: 1px solid #eee
}
.p-forum .forum-wrap .lecture > li {
  padding: 16px 0;
  border-top: 1px solid #eee
}
.p-forum .forum-wrap .lecture > li .-blue, .p-forum .forum-wrap .lecture > li .-green {
  display: inline-block;
  margin-bottom: 8px;
  padding: 2px 6px;
  font-size: 1.3rem;
  letter-spacing: .12em
}
.p-forum .forum-wrap .lecture > li .-blue {
  background: #e1f5fd
}
.p-forum .forum-wrap .lecture > li .-green {
  background: #eaf4d5
}
.p-forum .forum-wrap .lecture > li .u-bolder {
  display: block;
  margin-bottom: 8px;
  line-height: 1.6
}
.p-forum .forum-wrap .flow-note {
  padding-left: 1.2em;
  font-size: 1.3rem;
  text-indent: -1.2em
}
.p-forum .forum-wrap .pdf-link {
  margin-top: 24px;
  padding: 10px 24px;
  background: #f6f6f6
}
.p-forum .forum-wrap .pdf-link > li {
  border-bottom: 1px dotted #ccc
}
.p-forum .forum-wrap .pdf-link > li:last-child {
  border-bottom: none
}
.p-forum .forum-wrap .pdf-link > li a {
  display: block;
  padding: 11px 0 13px;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-forum .forum-wrap .pdf-link > li a[href*=".pdf"] {
  padding: 11px 24px 13px 0;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right/16px 16px no-repeat
}
.p-forum .forum-wrap .pdf-link > li a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-iframe {
  min-width: auto;
  padding-right: 40px;
  background: #fff
}
.p-iframe .content .c-title.-l {
  margin-top: 0;
  padding-top: 0;
  border: none
}
.p-iframe .content p {
  margin-bottom: 1.5em;
  line-height: 1.7
}
.p-iframe .content .c-list {
  margin-top: .4em;
  margin-bottom: 1.2em
}
.p-link .c-box p {
  margin-bottom: .4em
}
.p-link .c-box p:last-child {
  margin-bottom: 0
}
.p-link .c-box p a {
  border-bottom: 1px solid;
  word-break: break-all;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-link .c-box p a[target="_blank"] {
  padding-right: 16px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right/10px 10px no-repeat
}
.p-link .c-box p a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .l-aside {
  border-color: #97c730
}
.p-medichem .l-aside .title {
  color: #97c730
}
.p-medichem .l-aside .title .toggle span {
  background: #97c730
}
.p-medichem .p-subtop__title-box .title {
  background: #97c730
}
.p-medichem .p-subtop__title-box .title .line {
  background: #a9da40
}
.p-medichem .p-subtop__title-box .title .line::before, .p-medichem .p-subtop__title-box .title .line::after {
  background: #a9da40
}
.p-medichem .p-subtop__title-box .title .-en {
  color: #a9da40
}
.p-medichem .p-subtop__title-box .intro h2 {
  color: #97c730
}
.p-medichem .selector__tabs {
  display: flex;
  justify-content: space-between
}
.p-medichem .selector__tabs > li {
  width: calc((100% - (0px * 2)) / 3)
}
.p-medichem .selector__tabs > li a {
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 20px 0;
  background: #f4f9ea;
  color: #999;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__tabs > li a span {
  display: inline-block;
  position: relative;
  padding: 0 12px 0 40px
}
.p-medichem .selector__tabs > li a span::before, .p-medichem .selector__tabs > li a span::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin: auto;
  content: ''
}
.p-medichem .selector__tabs > li a span::before {
  border-radius: 50%;
  background: #f4f9ea
}
.p-medichem .selector__tabs > li a span::after {
  background: center /30px 30px no-repeat
}
.p-medichem .selector__tabs > li a span br {
  display: none
}
.p-medichem .selector__tabs > li a.-tab1 span::after {
  background-image: url("/medichem/parts/img/selectorTabIco_01.png")
}
.p-medichem .selector__tabs > li a.-tab2 span::after {
  background-image: url("/medichem/parts/img/selectorTabIco_02.png")
}
.p-medichem .selector__tabs > li a.-tab3 span::after {
  background-image: url("/medichem/parts/img/selectorTabIco_03.png")
}
.p-medichem .selector__tabs > li a.is-active {
  background: #fff;
  color: #97c730
}
.p-medichem .selector__tabs > li a.is-active span::before {
  background: #97c730;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}
.p-medichem .selector__tabs > li a.is-active.-tab1 span::after {
  background-image: url("/medichem/parts/img/selectorTabIco_01_isActive.png")
}
.p-medichem .selector__tabs > li a.is-active.-tab2 span::after {
  background-image: url("/medichem/parts/img/selectorTabIco_02_isActive.png")
}
.p-medichem .selector__tabs > li a.is-active.-tab3 span::after {
  background-image: url("/medichem/parts/img/selectorTabIco_03_isActive.png")
}
.p-medichem .selector__tabs > li a:hover {
  border-color: #97c730;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box {
  position: relative;
  padding: 40px 80px 48px;
  background: #fff
}
.p-medichem .selector__box > div {
  display: none
}
.p-medichem .selector__box > div.is-open {
  display: block
}
.p-medichem .selector__box .inner-1 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-medichem .selector__box .inner-1 .list::after {
  width: calc((100% - (32px * 3)) / 4);
  content: ''
}
.p-medichem .selector__box .inner-1 .list > li {
  width: calc((100% - (32px * 3)) / 4);
  margin-bottom: 32px
}
.p-medichem .selector__box .inner-1 .list > li:nth-last-child(-n+4) {
  margin-bottom: 0
}
.p-medichem .selector__box .inner-1 .list > li a {
  display: block;
  overflow: hidden
}
.p-medichem .selector__box .inner-1 .list > li a figure {
  margin: 0
}
.p-medichem .selector__box .inner-1 .list > li a figure > div {
  overflow: hidden;
  border-radius: 4px
}
.p-medichem .selector__box .inner-1 .list > li a figure > div img {
  width: 100%;
  transform: scale(1, 1);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-1 .list > li a figcaption {
  box-sizing: border-box;
  padding: 12px 0 0;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-1 .list > li a figcaption span {
  display: block;
  position: relative;
  padding-right: 20px
}
.p-medichem .selector__box .inner-1 .list > li a figcaption span::before, .p-medichem .selector__box .inner-1 .list > li a figcaption span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-medichem .selector__box .inner-1 .list > li a figcaption span::before {
  width: 12px;
  height: 2px;
  background: #97c730
}
.p-medichem .selector__box .inner-1 .list > li a figcaption span::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #97c730;
  border-right: 2px solid #97c730
}
.p-medichem .selector__box .inner-1 .list > li a:hover figure > div img {
  transform: scale(1.16, 1.16);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-1 .list > li a:hover figcaption {
  color: #97c730;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-2 .lines {
  display: flex;
  justify-content: space-between
}
.p-medichem .selector__box .inner-2 .lines > div {
  width: calc((100% - (40px * 2)) / 3)
}
.p-medichem .selector__box .inner-2 h3 {
  margin: 0 0 20px;
  padding: 0 0 16px 30px;
  border-bottom: 1px solid #eee;
  background: top 5px left /18px 18px no-repeat;
  font-size: 1.7rem;
  font-weight: 500
}
.p-medichem .selector__box .inner-2 h3::before, .p-medichem .selector__box .inner-2 h3::after {
  display: none
}
.p-medichem .selector__box .inner-2 h3.-target1 {
  background-image: url("/medichem/parts/img/selectorBoxInner2_01.png")
}
.p-medichem .selector__box .inner-2 h3.-target2 {
  background-image: url("/medichem/parts/img/selectorBoxInner2_02.png")
}
.p-medichem .selector__box .inner-2 h3.-target3 {
  background-image: url("/medichem/parts/img/selectorBoxInner2_03.png")
}
.p-medichem .selector__box .inner-2 h3 span {
  font-size: inherit
}
.p-medichem .selector__box .inner-2 .list > li {
  margin-bottom: 20px;
  line-height: 1.4
}
.p-medichem .selector__box .inner-2 .list > li:last-child {
  margin-bottom: 0
}
.p-medichem .selector__box .inner-2 .list > li a {
  display: block;
  position: relative;
  padding-right: 24px;
  text-decoration: none;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-2 .list > li a::before, .p-medichem .selector__box .inner-2 .list > li a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-medichem .selector__box .inner-2 .list > li a::before {
  width: 12px;
  height: 2px;
  background: #97c730
}
.p-medichem .selector__box .inner-2 .list > li a::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #97c730;
  border-right: 2px solid #97c730
}
.p-medichem .selector__box .inner-2 .list > li a:hover {
  color: #97c730;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-3 .lines {
  display: flex;
  justify-content: space-between
}
.p-medichem .selector__box .inner-3 .lines > div {
  width: calc((100% - (40px * 2)) / 3)
}
.p-medichem .selector__box .inner-3 h3 {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #eee
}
.p-medichem .selector__box .inner-3 h3::before, .p-medichem .selector__box .inner-3 h3::after {
  display: none
}
.p-medichem .selector__box .inner-3 h3 a {
  display: block;
  font-size: 1.7rem;
  font-weight: 500
}
.p-medichem .selector__box .inner-3 h3 a figure {
  display: flex;
  align-items: center;
  margin: 0
}
.p-medichem .selector__box .inner-3 h3 a figure > div {
  width: 100px;
  overflow: hidden;
  border-radius: 4px
}
.p-medichem .selector__box .inner-3 h3 a figure > div img {
  transform: scale(1, 1);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-3 h3 a figcaption {
  box-sizing: border-box;
  width: calc(100% - 100px);
  padding: 8px 0 8px 16px;
  font-size: inherit
}
.p-medichem .selector__box .inner-3 h3 a figcaption span {
  display: block;
  position: relative;
  font-size: inherit
}
.p-medichem .selector__box .inner-3 h3 a figcaption span::before, .p-medichem .selector__box .inner-3 h3 a figcaption span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-medichem .selector__box .inner-3 h3 a figcaption span::before {
  width: 12px;
  height: 2px;
  background: #97c730
}
.p-medichem .selector__box .inner-3 h3 a figcaption span::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #97c730;
  border-right: 2px solid #97c730
}
.p-medichem .selector__box .inner-3 h3 a:hover {
  color: #97c730;
  text-decoration: none
}
.p-medichem .selector__box .inner-3 h3 a:hover figure > div img {
  transform: scale(1.16, 1.16);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-3 .list > li {
  margin-bottom: 20px;
  line-height: 1.4
}
.p-medichem .selector__box .inner-3 .list > li:last-child {
  margin-bottom: 0
}
.p-medichem .selector__box .inner-3 .list > li a {
  display: block;
  position: relative;
  padding-right: 24px;
  text-decoration: none;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-3 .list > li a::before, .p-medichem .selector__box .inner-3 .list > li a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-medichem .selector__box .inner-3 .list > li a::before {
  width: 12px;
  height: 2px;
  background: #97c730
}
.p-medichem .selector__box .inner-3 .list > li a::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #97c730;
  border-right: 2px solid #97c730
}
.p-medichem .selector__box .inner-3 .list > li a:hover {
  color: #97c730;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .selector__box .inner-3 .list > li i {
  font-size: 12px;
  font-style: normal
}
.p-medichem .c-news-box .news-list > li dl dd.tag span.-info {
  background: #97c730
}
.p-medichem .c-news-box .news-list > li dl dd.tag span.-legal {
  background: #4774e7
}
.p-medichem .pickup-list {
  margin-top: 0 !important
}
.p-medichem .pickup-list__wrap {
  display: flex;
  justify-content: space-between
}
.p-medichem .pickup-list li {
  width: calc((100% - (30px * 1)) / 2)
}
.p-medichem .pickup-list li a {
  display: block;
  overflow: hidden;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1)
}
.p-medichem .pickup-list li a figure {
  position: relative;
  margin-top: 0
}
.p-medichem .pickup-list li a figure img {
  width: 100%;
  transform: scale(1, 1);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .pickup-list li a figure figcaption {
  box-sizing: border-box;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  align-items: center;
  width: 100%;
  height: 125px;
  padding: 66px 20px 14px;
  background: linear-gradient(rgba(1, 23, 37, 0), rgba(1, 23, 37, 0.64));
  color: #fff;
  font-weight: 500;
  transition: height 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .pickup-list li a figure figcaption span {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 20px
}
.p-medichem .pickup-list li a figure figcaption span::before, .p-medichem .pickup-list li a figure figcaption span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-medichem .pickup-list li a figure figcaption span::before {
  width: 12px;
  height: 2px;
  background: #97c730
}
.p-medichem .pickup-list li a figure figcaption span::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #97c730;
  border-right: 2px solid #97c730
}
.p-medichem .pickup-list li a figure figcaption i {
  font-size: 12px;
  font-style: normal
}
.p-medichem .pickup-list li a:hover figure img {
  transform: scale(1.12, 1.12);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .pickup-list li a:hover figure figcaption {
  height: 80%;
  transition: height 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .pickup-list__static {
  display: flex;
  justify-content: space-between;
  width: calc(((100% - (30px * 2)) / 3) * 2 + 30px)
}
.p-medichem .pickup-list__fluid__wrap {
  position: relative;
  width: calc((100% - (30px * 2)) / 3)
}
.p-medichem .pickup-list__fluid__wrap::before {
  display: block;
  position: absolute;
  top: -32px;
  left: -3px;
  width: 112%;
  height: 100%;
  transform: skew(10deg);
  background: rgba(151, 199, 48, 0.1);
  content: ''
}
.p-medichem .pickup-list__fluid__title {
  position: absolute;
  top: -48px;
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  color: #97c730;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .2em
}
.p-medichem .pickup-list__fluid__title::before {
  display: none
}
.p-medichem .pickup-list__fluid .slick-list {
  overflow: hidden;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1)
}
.p-medichem .pickup-list__fluid li a {
  border-radius: 0
}
.p-medichem .pickup-list__fluid .slick-prev, .p-medichem .pickup-list__fluid .slick-next {
  box-sizing: border-box;
  top: -30px;
  width: 28px;
  height: 28px;
  border: 1px solid #97c730;
  border-radius: 50%;
  background: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .pickup-list__fluid .slick-prev:hover, .p-medichem .pickup-list__fluid .slick-next:hover {
  background: #97c730;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .pickup-list__fluid .slick-prev:hover:before, .p-medichem .pickup-list__fluid .slick-next:hover:before {
  border-color: #fff;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .pickup-list__fluid .slick-prev {
  right: 34px;
  left: auto
}
.p-medichem .pickup-list__fluid .slick-prev::before {
  position: absolute;
  right: auto;
  left: 11px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #97c730;
  border-right: 1px solid #97c730;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .pickup-list__fluid .slick-next {
  right: 0
}
.p-medichem .pickup-list__fluid .slick-next::before {
  position: absolute;
  right: 11px;
  left: auto;
  width: 7px;
  height: 7px;
  border-top: 1px solid #97c730;
  border-right: 1px solid #97c730;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .business-list {
  display: flex;
  justify-content: space-between
}
.p-medichem .business-list > li {
  width: calc((100% - (30px * 2)) / 3)
}
.p-medichem .business-list a {
  display: block;
  text-decoration: none
}
.p-medichem .business-list a figure {
  margin: 0
}
.p-medichem .business-list a figure > div {
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1)
}
.p-medichem .business-list a figure > div img {
  transform: scale(1, 1);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .business-list a figure figcaption {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .business-list a figure figcaption dt {
  position: relative;
  margin-bottom: 12px;
  padding-right: 20px;
  font-size: 1.7rem;
  font-weight: 500
}
.p-medichem .business-list a figure figcaption dt::before, .p-medichem .business-list a figure figcaption dt::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-medichem .business-list a figure figcaption dt::before {
  width: 12px;
  height: 2px;
  background: #97c730
}
.p-medichem .business-list a figure figcaption dt::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #97c730;
  border-right: 2px solid #97c730
}
.p-medichem .business-list a figure figcaption dd {
  font-size: 14px;
  line-height: 1.6
}
.p-medichem .business-list a:hover figure > div img {
  transform: scale(1.12, 1.12);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .business-list a:hover figure figcaption {
  color: #97c730;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .cat-list {
  display: flex;
  justify-content: space-between
}
.p-medichem .cat-list > li {
  width: calc((100% - (30px * 2)) / 3)
}
.p-medichem .cat-list > li a {
  display: block
}
.p-medichem .cat-list > li a figure img {
  margin-bottom: 16px;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .cat-list > li a figure figcaption {
  position: relative;
  padding-right: 20px;
  font-size: 1.7rem;
  font-weight: 500;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .cat-list > li a figure figcaption::before, .p-medichem .cat-list > li a figure figcaption::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-medichem .cat-list > li a figure figcaption::before {
  width: 12px;
  height: 2px;
  background: #97c730;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .cat-list > li a figure figcaption::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #97c730;
  border-right: 2px solid #97c730;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .cat-list > li a:hover figure img {
  box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .cat-list > li a:hover figure figcaption {
  color: #97c730;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .anchor {
  box-sizing: border-box;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  padding: 12px 20px;
  background: #eee
}
.p-medichem .anchor.is-fixed {
  z-index: 1;
  position: fixed;
  top: 49px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .anchor.is-fixed.is-slideDown {
  top: calc(80px + 49px);
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .anchor.is-stop {
  position: absolute;
  top: auto;
  bottom: -70px
}
.p-medichem .anchor-switch {
  display: none
}
.p-medichem .anchor-cat {
  display: flex;
  justify-content: center;
  width: 1000px;
  margin: 0 auto
}
.p-medichem .anchor-cat > div {
  display: flex
}
.p-medichem .anchor-cat > div + div {
  margin-left: 12px
}
.p-medichem .anchor-title {
  box-sizing: border-box;
  margin: 9px 14px 0 0;
  padding: 0px 0 0 24px;
  color: #333;
  font-weight: 500
}
.p-medichem .anchor-title.-movie {
  background: url(/jp/-/media/ivd/medience/common/img/ico-video-black.png) left top 5px/16px 16px no-repeat
}
.p-medichem .anchor-title.-pdf {
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) left top 5px/16px 16px no-repeat
}
.p-medichem .anchor-title a {
  color: #333
}
.p-medichem .anchor-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0
}
.p-medichem .anchor-list > li {
  margin: 4px 8px 4px 0;
  padding-left: 0
}
.p-medichem .anchor-list > li a {
  display: block;
  padding: 6px 16px;
  border-radius: 3px;
  background: #fff;
  color: #333;
  font-size: 1.3rem;
  text-decoration: none;
  transition: background .3s ease, color .3s ease
}
.p-medichem .anchor-list > li a:hover {
  background: #333;
  color: #fff;
  transition: background .3s ease, color .3s ease
}
.p-medichem .anchor-list > li a span {
  display: inline-block;
  position: relative;
  padding-right: 20px
}
.p-medichem .anchor-list > li a span::after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg) translate(0, -2px);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: ''
}
.p-medichem .anchor-list > li a:hover span::after {
  border-color: #fff
}
.p-medichem .anchor-list > li .select-wrap {
  position: relative
}
.p-medichem .anchor-list > li .select-wrap::before {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  right: 19px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg) translate(0, -2px);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: '';
  pointer-events: none
}
.p-medichem .anchor-list > li .select-wrap.is-hover {
  background: #333
}
.p-medichem .anchor-list > li .select-wrap.is-hover::before {
  border-color: #fff
}
.p-medichem .anchor-list > li .select-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 32px 6px 16px;
  border-radius: 3px;
  background: #fff;
  color: #333;
  font-size: 1.3rem;
  text-decoration: none;
  cursor: pointer;
  transition: background .3s ease, color .3s ease
}
.p-medichem .anchor-list > li .select-wrap select::-ms-expand {
  display: none
}
.p-medichem .anchor-list > li .select-wrap select:focus {
  outline: none;
  background: #333;
  color: #fff
}
.p-medichem .anchor-list > li .select-wrap select option.is-hidden {
  display: none
}
.p-medichem .download-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-medichem .download-list-container {
  position: relative;
  padding-top: 66px
}
.p-medichem .download-list::after {
  width: calc((100% - (30px * 2)) / 3);
  content: ''
}
.p-medichem .download-list > li {
  position: relative;
  width: calc((100% - (30px * 2)) / 3);
  margin-bottom: 32px;
  padding: 0
}
.p-medichem .download-list > li > a {
  display: block;
  position: relative;
  height: 100%;
  padding-bottom: 68px;
  text-decoration: none;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .download-list > li > a.noLink {
  pointer-events: none
}
.p-medichem .download-list > li > a.noLink .cap .btn {
  background: #808080
}
.p-medichem .download-list > li > a.Link {
  display: block;
  position: relative;
  height: 100%;
  padding-bottom: 24px;
  text-decoration: none
}
.p-medichem .download-list > li > a figure {
  margin: 0
}
.p-medichem .download-list > li > a .thumb {
  margin-bottom: 12px;
  overflow: hidden;
  border: 1px solid #e2e2e2
}
.p-medichem .download-list > li > a .thumb img, .p-medichem .download-list > li > a .thumb video {
  width: 100%;
  transform: scale(1, 1);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .download-list > li > a .c-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}
.p-medichem .download-list > li > a:hover {
  color: #97c730;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .download-list > li > a:hover .thumb img {
  transform: scale(1.08, 1.08);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .download-list > li > a:hover .c-btn::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .download-list .cap {
  padding: 0;
  background: none;
  text-align: left
}
.p-medichem .download-list .cap h4 {
  margin: 0 0 8px;
  padding: 0;
  border-bottom: none;
  font-weight: bold;
  line-height: 1.6
}
.p-medichem .download-list .cap p {
  font-size: 1.3rem;
  line-height: 1.6
}
.p-medichem .medichem-news-list {
  border-top: 1px solid #eee;
  border-left: 1px solid #f4f4f4
}
.p-medichem .medichem-news-list > li {
  border-bottom: 1px solid #eee
}
.p-medichem .medichem-news-list > li > a, .p-medichem .medichem-news-list > li > div {
  display: block;
  padding: 20px 0 20px 8px;
  background: #fff
}
.p-medichem .medichem-news-list > li > a dl, .p-medichem .medichem-news-list > li > div dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  line-height: 1.6
}
.p-medichem .medichem-news-list > li > a dl dt, .p-medichem .medichem-news-list > li > div dl dt {
  width: 100px;
  padding-top: .2em;
  color: #888;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 500
}
.p-medichem .medichem-news-list > li > a dl dd, .p-medichem .medichem-news-list > li > div dl dd {
  box-sizing: border-box;
  position: relative;
  width: calc(100% - 100px);
  padding-right: 40px;
  padding-left: 100px
}
.p-medichem .medichem-news-list > li > a dl dd span, .p-medichem .medichem-news-list > li > div dl dd span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 24px;
  margin: auto;
  border-radius: 2px;
  font-size: 12px;
  line-height: 24px;
  text-align: center
}
.p-medichem .medichem-news-list > li > a dl dd span.-info, .p-medichem .medichem-news-list > li > div dl dd span.-info {
  left: 0;
  width: 86px;
  background: #97c730;
  color: #fff
}
.p-medichem .medichem-news-list > li > a dl dd span.-legal, .p-medichem .medichem-news-list > li > div dl dd span.-legal {
  left: 0;
  width: 86px;
  background: #4774e7;
  color: #fff
}
.p-medichem .medichem-news-list > li > a dl dd span.-society, .p-medichem .medichem-news-list > li > div dl dd span.-society {
  left: 0;
  width: 86px;
  background: #54b888;
  color: #fff
}
.p-medichem .medichem-news-list > li > a {
  z-index: 0;
  position: relative;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .medichem-news-list > li > a::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #f8f8f8;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .medichem-news-list > li > a dd {
  position: relative
}
.p-medichem .medichem-news-list > li > a dd::before, .p-medichem .medichem-news-list > li > a dd::after {
  display: block;
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-medichem .medichem-news-list > li > a dd::before {
  width: 12px;
  height: 2px;
  background: #222
}
.p-medichem .medichem-news-list > li > a dd::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #222;
  border-right: 2px solid #222
}
.p-medichem .medichem-news-list > li > a[href*=".pdf"] dd {
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right 8px/16px auto no-repeat
}
.p-medichem .medichem-news-list > li > a[href*=".pdf"] dd::before, .p-medichem .medichem-news-list > li > a[href*=".pdf"] dd::after {
  display: none
}
.p-medichem .medichem-news-list > li > a:not([href*=".pdf"])[target="_blank"] dd {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 12px/10px auto no-repeat
}
.p-medichem .medichem-news-list > li > a:not([href*=".pdf"])[target="_blank"] dd::before, .p-medichem .medichem-news-list > li > a:not([href*=".pdf"])[target="_blank"] dd::after {
  display: none
}
.p-medichem .medichem-news-list > li > a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .medichem-news-list > li > a:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-medichem .medichem-news-list > li > div dl dd {
  padding-right: 0
}
.p-medichem .cookie-table th.-purpose {
  width: 260px
}
.p-medichem .cookie-list dt {
  font-weight: 500
}
.p-mkarte .l-aside {
  border-color: #4d3a72
}
.p-mkarte .l-aside .title {
  color: #4d3a72
}
.p-mkarte .l-aside .title .toggle span {
  background: #4d3a72
}
.p-mkarte .p-subtop__title-box .title {
  background: #4d3a72
}
.p-mkarte .p-subtop__title-box .title .line {
  background: #64508d
}
.p-mkarte .p-subtop__title-box .title .line::before, .p-mkarte .p-subtop__title-box .title .line::after {
  background: #64508d
}
.p-mkarte .p-subtop__title-box .title .-en {
  color: #64508d
}
.p-mkarte .p-subtop__title-box .intro h2 {
  color: #4d3a72
}
.p-mkarte .p-subtop__product-list::after {
  width: calc((100% - (48px * 2)) / 3);
  content: ''
}
.p-mkarte .p-subtop__product-list > li {
  width: calc((100% - (48px * 2)) / 3)
}
.p-mkarte .p-subtop__product-list > li > a figure img {
  width: 100%
}
.p-mkarte .p-subtop__product-list > li > a figure figcaption::before {
  background: #4d3a72
}
.p-mkarte .p-subtop__product-list > li > a figure figcaption::after {
  border-color: #4d3a72
}
.p-mkarte .p-subtop__product-list > li > a:hover figure figcaption {
  color: #4d3a72;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-mkarte .mkarte-title {
  z-index: 0;
  position: relative;
  margin: 100px auto 60px
}
.p-mkarte .mkarte-title .bg {
  z-index: -1;
  position: absolute;
  top: -140px;
  right: -80px;
  width: 600px;
  height: 600px
}
.p-mkarte .mkarte-title h1 {
  margin-top: -28px;
  font-size: 4.2rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.6
}
.p-mkarte .mkarte-title h1 span {
  display: inline-block;
  margin-bottom: 14px;
  padding: 6px 12px;
  background: #000;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.4
}
.p-mkarte .mkarte-title .intro {
  margin-top: 40px
}
.p-mkarte .mkarte-title .intro p {
  margin-bottom: .8em
}
.p-mkarte .mkarte-concept {
  z-index: 1;
  position: relative;
  margin-bottom: 100px;
  padding: 32px;
  background: #f6fafd;
  box-shadow: 0 8px 16px rgba(34, 96, 151, 0.12)
}
.p-mkarte .mkarte-concept figure {
  align-items: center;
  justify-content: center
}
.p-mkarte .mkarte-concept figure figcaption {
  margin-left: 32px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 2
}
.p-mkarte .seminar-table th {
  text-align: center
}
.p-mkarte .seminar-table .label {
  display: inline-block;
  margin-bottom: 6px;
  padding: 2px 8px;
  border-radius: 3px;
  background: #4d3a72;
  color: #fff;
  font-size: 1.3rem
}
.p-mkarte .seminar-table h4 {
  margin-bottom: .8em;
  color: #4d3a72;
  line-height: 1.6
}
.p-mkarte .seminar-table .speaker {
  margin-top: 1.6em;
  padding-top: 1.2em;
  border-top: 1px solid #eee
}
.p-mkarte .seminar-table .speaker strong {
  display: inline-block;
  margin-bottom: .8em;
  line-height: 1.6
}
.p-mkarte .seminar-table .speaker .right {
  margin: 0 0 16px 20px;
  float: right
}
.p-mkarte .event-table th {
  width: 108px
}
.p-mkarte .product-nav {
  z-index: 2;
  width: 100%;
  min-width: 1200px;
  background: #4d3a72;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-mkarte .product-nav.is-move {
  top: 97px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-mkarte .product-nav.is-move.is-slideDown {
  top: 177px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-mkarte .product-nav .row1 {
  display: flex;
  justify-content: space-between;
  padding: 11px 0
}
.p-mkarte .product-nav .row1 .nav > ul {
  display: flex
}
.p-mkarte .product-nav .row1 .nav > ul > li {
  margin-right: 24px
}
.p-mkarte .product-nav .row1 .nav > ul > li a {
  color: #fff;
  font-size: 1.2rem;
  opacity: .4;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-mkarte .product-nav .row1 .nav > ul > li a:hover {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-mkarte .product-nav .row1 .nav > ul > li a.is-active {
  opacity: 1
}
.p-mkarte .product-nav .row1 .other-nav {
  display: flex
}
.p-mkarte .product-nav .row1 .other-nav > li {
  margin-right: 24px
}
.p-mkarte .product-nav .row1 .other-nav > li:last-child {
  margin-right: 0
}
.p-mkarte .product-nav .row1 .other-nav > li a {
  display: inline-block;
  padding-right: 20px;
  color: #fff;
  font-size: 1.2rem
}
.p-mkarte .product-nav .row1 .other-nav > li a.-contact {
  background: url(/jp/-/media/ivd/medience/common/img/ico-mail.png) center right/12px 12px no-repeat
}
.p-mkarte .product-nav .row1 .other-nav > li a.-download {
  background: url(/jp/-/media/ivd/medience/common/img/ico-download-white.png) center right/12px 12px no-repeat
}
.p-mkarte .product-nav .row1 .other-nav > li a.-others {
  padding-right: 0
}
.p-mkarte .product-nav.-nonav .row1 {
  flex-direction: row-reverse
}
.p-mkarte .product-nav .row2 {
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  transition: padding-top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-mkarte .product-nav .row2 .item-tab > ul {
  display: table;
  width: 100%
}
.p-mkarte .product-nav .row2 .item-tab > ul > li {
  display: table-cell
}
.p-mkarte .product-nav .row2 .item-tab > ul > li a {
  display: block;
  height: 34px;
  padding: 0 12px;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-size: 1.3rem;
  line-height: 31px;
  text-align: center;
  text-align: center;
  opacity: .4;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-mkarte .product-nav .row2 .item-tab > ul > li a:hover {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-mkarte .product-nav .row2 .item-tab > ul > li a.is-active {
  background: #fff;
  color: #4d3a72;
  font-weight: 500;
  opacity: 1
}
.p-mkarte .text-figure {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px
}
.p-mkarte .text-figure__figure {
  max-width: 250px
}
.p-mkarte .text-figure__figure figure img + img {
  margin-top: .4em
}
.p-mkarte .text-figure__figure figure img.-shadow {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12)
}
.p-mkarte .text-figure__figure figure figcaption {
  margin-top: .6em;
  color: #888;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center
}
.p-mkarte .text-figure__text {
  width: 470px
}
.p-mkarte .text-figure__text h3 {
  margin-top: 0
}
.p-mkarte .text-figure__text p {
  margin-bottom: 1.5em
}
.has-product-nav .l-main {
  padding-top: 226px
}
.has-product-nav-2 .l-main {
  padding-top: 266px
}
.p-mline .l-aside {
  border-color: #29b8ec
}
.p-mline .l-aside .title {
  color: #29b8ec
}
.p-mline .l-aside .title .toggle span {
  background: #29b8ec
}
.p-mline .mline-title {
  z-index: 0;
  position: relative;
  margin: 100px auto 80px
}
.p-mline .mline-title .bg {
  z-index: -1;
  position: absolute;
  top: -73px;
  right: 0;
  width: 100%
}
.p-mline .mline-title h1 {
  margin-top: -28px;
  font-size: 4.2rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.6
}
.p-mline .mline-title .intro {
  margin-top: 40px
}
.p-mline .mline-title .intro p {
  margin-bottom: .8em;
  font-size: 1.8rem
}
.p-mline .mline-title .intro p .c-btn {
  font-size: 1.5rem
}
.p-nonclinical .l-aside {
  border-color: #30c5a5
}
.p-nonclinical .l-aside .title {
  color: #30c5a5
}
.p-nonclinical .l-aside .title .toggle span {
  background: #30c5a5
}
.p-nonclinical .p-subtop__title-box .title {
  background: #30c5a5
}
.p-nonclinical .p-subtop__title-box .title .line {
  background: #40dab8
}
.p-nonclinical .p-subtop__title-box .title .line::before, .p-nonclinical .p-subtop__title-box .title .line::after {
  background: #40dab8
}
.p-nonclinical .p-subtop__title-box .title .-en {
  color: #40dab8
}
.p-nonclinical .p-subtop__title-box .intro h2 {
  color: #30c5a5
}
.p-nonclinical .p-subtop__title-box .intro p + p {
  margin-top: 1em
}
.p-nonclinical .p-subtop__product-list > li > a {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .p-subtop__product-list > li > a figure figcaption {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .p-subtop__product-list > li > a figure figcaption::before {
  background: #30c5a5
}
.p-nonclinical .p-subtop__product-list > li > a figure figcaption::after {
  border-color: #30c5a5
}
.p-nonclinical .p-subtop__product-list > li > a:hover figure figcaption {
  color: #30c5a5;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .p-subtop__btn-list .c-box {
  margin-bottom: 0
}
.p-nonclinical .p-subtop__btn-list .c-box .c-title {
  margin-top: 0
}
.p-nonclinical .p-subtop__btn-list .c-box p + p {
  margin-top: 12px
}
.p-nonclinical .p-subtop__btn-list .c-box .c-btn {
  width: 100%;
  border: none
}
.p-nonclinical .p-subtop__link-list {
  display: flex;
  margin: 0 !important;
  padding: 40px 0 0;
  border-top: 1px solid #ddd
}
.p-nonclinical .p-subtop__link-list:last-of-type {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd
}
.p-nonclinical .p-subtop__link-list dt {
  width: 25%;
  color: #30c5a5;
  font-size: 1.7rem;
  letter-spacing: .08em
}
.p-nonclinical .p-subtop__link-list dd {
  width: 75%
}
.p-nonclinical .p-subtop__link-list dd .c-flex {
  align-items: center;
  margin-bottom: 0
}
.p-nonclinical .p-subtop__link-list dd .c-flex li {
  width: calc(100% / 3);
  margin-bottom: 30px;
  padding-right: 28px;
  color: #999;
  font-size: 1.5rem;
  line-height: 1.4
}
.p-nonclinical .p-subtop__link-list dd .c-flex li a {
  display: block;
  position: relative;
  padding-right: 20px;
  color: #333;
  transition: 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .p-subtop__link-list dd .c-flex li a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .p-subtop__link-list dd .c-flex li a:hover {
  color: #30c5a5
}
.p-nonclinical .p-subtop__link-list dd .c-flex li a:hover::after {
  right: -6px;
  border-color: #30c5a5;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical.p-subtop .nonclinical-alert {
  margin-top: 80px
}
.p-nonclinical .c-box.-color {
  background: #f4f8f7
}
.p-nonclinical .c-title.-m.has-num {
  position: relative;
  padding-left: 46px
}
.p-nonclinical .c-title.-m.has-num .-num {
  position: absolute;
  top: .1em;
  left: 0
}
.p-nonclinical .c-title.-m a[href*=".pdf"] {
  display: block;
  border: none;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .c-title.-m a[href*=".pdf"]::before, .p-nonclinical .c-title.-m a[href*=".pdf"]::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-nonclinical .c-title.-m a[href*=".pdf"]::before {
  right: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #222;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .c-title.-m a[href*=".pdf"]::after {
  right: 27px;
  width: 16px;
  height: 16px;
  transform: none;
  border: none;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right/16px 16px no-repeat
}
.p-nonclinical .c-title.-m a[href*=".pdf"]:hover {
  color: #30c5a5;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .c-title.-m a[href*=".pdf"]:hover::before {
  background: #30c5a5;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .numbering {
  display: flex;
  justify-content: space-between;
  padding-left: 20px
}
.p-nonclinical .numbering > dt {
  z-index: 2;
  position: relative;
  width: 40px;
  padding: 23px 0
}
.p-nonclinical .numbering > dd {
  width: calc(100% - 40px)
}
.p-nonclinical .numbering > dd > a {
  display: block;
  position: relative;
  padding: 23px 64px 23px 0;
  font-weight: 500;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .numbering > dd > a::before, .p-nonclinical .numbering > dd > a::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-nonclinical .numbering > dd > a::before {
  right: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #222;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .numbering > dd > a::after {
  right: 27px;
  width: 16px;
  height: 16px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right/16px 16px no-repeat
}
.p-nonclinical .numbering > dd > a:hover {
  color: #30c5a5;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .numbering > dd > a:hover::before {
  background: #30c5a5;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .numbering > dd > p {
  padding: 0 20px 23px 0
}
.p-nonclinical .numbering > dd > div {
  padding: 23px 23px 23px 0
}
.p-nonclinical .numbering > dd > div > * + * {
  margin-top: 16px
}
.p-nonclinical .numbering > dd > div .c-figure-list {
  border-right: 1px solid #f4f4f4
}
.p-nonclinical .numbering > dd > h4 {
  margin-bottom: 8px;
  padding-right: 20px
}
.p-nonclinical .numbering > dd > .c-list {
  margin: 0 0 24px;
  padding-right: 20px
}
.p-nonclinical .numbering > dd > .c-list > li {
  margin-bottom: .8em
}
.p-nonclinical .numbering > dd a.-inline {
  padding-right: 24px;
  border-bottom: 1px solid;
  background: url(/jp/-/media/ivd/medience/medichem/nonclinical/parts/img/ico-pdf-color.png) center right/16px 16px no-repeat;
  color: #30c5a5;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .numbering > dd a.-inline:hover {
  border-color: transparent;
  color: #22b192;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .numbering-list {
  border-bottom: 1px solid #eee;
  border-left: 1px solid #f4f4f4;
  background: #fff
}
.p-nonclinical .numbering-list > li {
  border-top: 1px solid #eee
}
.p-nonclinical .numbering-lower-list > li {
  border-bottom: 1px solid #eee
}
.p-nonclinical .numbering-lower-list > li > dl {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03)
}
.p-nonclinical .numbering-lower-list > li > dl > dt {
  width: 48px
}
.p-nonclinical .numbering-lower-list > li > dl > dd {
  width: calc(100% - 48px)
}
.p-nonclinical .numbering-lower-list > li > dl > dd > * + * {
  margin-top: 16px;
  font-size: 1.3rem
}
.p-nonclinical .numbering-lower-list > li:last-child {
  border: none
}
.p-nonclinical .numbering-lower-list > li:last-child > dl {
  border-bottom: none
}
.p-nonclinical .numbering-lower-list > li:last-child > dl + .numbering-lower2-list {
  border-top: 1px solid #eee
}
.p-nonclinical .numbering-lower2-list > li > dl {
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  font-size: 1.3rem
}
.p-nonclinical .numbering-lower2-list > li > dl > dt {
  width: 40px
}
.p-nonclinical .numbering-lower2-list > li > dl > dd {
  width: calc(100% - 40px)
}
.p-nonclinical .numbering-lower2-list > li:last-child > dl {
  border-bottom: none
}
.p-nonclinical .opener > dt {
  z-index: 1;
  position: relative;
  padding: 23px 48px 23px 0;
  cursor: pointer;
  transition: padding-left 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .opener > dt::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #f4f8f7;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .opener > dt > span {
  display: block;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 48px;
  height: 48px;
  margin: auto;
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .opener > dt > span::before, .p-nonclinical .opener > dt > span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 2px;
  margin: auto;
  background: #30c5a5;
  content: ''
}
.p-nonclinical .opener > dt > span::before {
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .opener > dt > span::after {
  transform: rotate(90deg)
}
.p-nonclinical .opener > dt:hover {
  padding-left: 20px;
  color: #30c5a5;
  transition: padding-left 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .opener > dt:hover::before {
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .opener > dt.is-active {
  padding-left: 20px;
  background: #e9f3f0
}
.p-nonclinical .opener > dt.is-active > span {
  transform: rotate(90deg);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .opener > dt.is-active > span::before {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .opener > dd {
  display: none;
  background: #f4f8f7
}
.p-nonclinical .opener > dd > p {
  padding: 23px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03)
}
.p-nonclinical .opener-open > dt {
  padding: 23px 23px 23px 0
}
.p-nonclinical .opener-open > dd {
  background: #f4f8f7
}
.p-nonclinical .opener-open > dd > p {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03)
}
.p-nonclinical .pdf-btn {
  display: block;
  position: relative;
  padding-right: 48px;
  font-weight: 500;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .pdf-btn::before, .p-nonclinical .pdf-btn::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-nonclinical .pdf-btn::before {
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #222;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .pdf-btn::after {
  right: 7px;
  width: 16px;
  height: 16px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right/16px 16px no-repeat
}
.p-nonclinical .pdf-btn:hover {
  color: #30c5a5;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .pdf-btn:hover::before {
  background: #30c5a5;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .title-sub {
  font-size: .6em;
  letter-spacing: .04em;
  text-indent: -.3em
}
.p-nonclinical .backnumber {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 48px;
  padding-top: 48px;
  border-top: 1px solid #eee
}
.p-nonclinical .backnumber > figure {
  width: 160px
}
.p-nonclinical .backnumber > figure img {
  width: 100%
}
.p-nonclinical .backnumber-content {
  width: 500px
}
.p-nonclinical .backnumber-content .c-title {
  margin-top: 0;
  font-size: 2rem
}
.p-nonclinical .backnumber-content .c-title a, .p-nonclinical .backnumber-content .c-title a[href*=".pdf"] {
  display: block;
  border: none;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .backnumber-content .c-title a::before, .p-nonclinical .backnumber-content .c-title a::after, .p-nonclinical .backnumber-content .c-title a[href*=".pdf"]::before, .p-nonclinical .backnumber-content .c-title a[href*=".pdf"]::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-nonclinical .backnumber-content .c-title a::before, .p-nonclinical .backnumber-content .c-title a[href*=".pdf"]::before {
  right: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #222;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .backnumber-content .c-title a::after, .p-nonclinical .backnumber-content .c-title a[href*=".pdf"]::after {
  right: 27px;
  width: 16px;
  height: 16px;
  transform: none;
  border: none;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right/16px 16px no-repeat
}
.p-nonclinical .backnumber-content .c-title a:hover, .p-nonclinical .backnumber-content .c-title a[href*=".pdf"]:hover {
  color: #30c5a5;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .backnumber-content .c-title a:hover::before, .p-nonclinical .backnumber-content .c-title a[href*=".pdf"]:hover::before {
  background: #30c5a5;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .backnumber-content .opener > dt {
  padding: 20px 54px 20px 20px
}
.p-nonclinical .backnumber-content .numbering-list > li.-index {
  padding: 20px
}
.p-nonclinical .backnumber-content .numbering-lower-list > li {
  padding: 20px;
  font-size: 1.3rem;
  line-height: 1.6
}
.p-nonclinical .backnumber-content .numbering-lower-list.-order {
  counter-reset: num
}
.p-nonclinical .backnumber-content .numbering-lower-list.-order > li {
  position: relative;
  padding: 20px 20px 20px 38px
}
.p-nonclinical .backnumber-content .numbering-lower-list.-order > li::before {
  position: absolute;
  top: 21px;
  left: 20px;
  background: none;
  font-family: 'Work Sans', sans-serif;
  content: counter(num) ". ";
  counter-increment: num
}
.p-nonclinical .backnumber > p {
  width: 100%;
  margin-top: 40px;
  font-size: 1.3rem;
  line-height: 1.6
}
.p-nonclinical .flow-writing {
  position: relative;
  counter-reset: num
}
.p-nonclinical .flow-writing::before {
  display: block;
  position: absolute;
  top: 0;
  left: 110px;
  width: 1px;
  height: 100%;
  background: #30c5a5;
  content: ''
}
.p-nonclinical .flow-writing > li {
  margin-bottom: 24px
}
.p-nonclinical .flow-writing > li > dl {
  display: flex;
  justify-content: space-between
}
.p-nonclinical .flow-writing > li > dl dt {
  position: relative;
  width: 220px;
  height: 48px;
  border: 1px solid #30c5a5;
  border-radius: 5px;
  background: #fff;
  color: #30c5a5;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 48px;
  text-align: center
}
.p-nonclinical .flow-writing > li > dl dt::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  font-family: 'Work Sans', sans-serif;
  content: counter(num) ". ";
  counter-increment: num
}
.p-nonclinical .flow-writing > li > dl dd {
  width: calc(100% - (220px + 30px))
}
.p-nonclinical .flow-writing > li > dl dd .c-list {
  margin: 10px 0 0
}
.p-nonclinical .flow-writing > li > dl dd .c-list > li {
  margin-bottom: .6em
}
.p-nonclinical .flow-writing > li > dl dd .c-list > li:last-child {
  margin-bottom: 0
}
.p-nonclinical .pdx-service {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between
}
.p-nonclinical .pdx-service > figure {
  width: 250px
}
.p-nonclinical .pdx-service-content {
  width: calc(100% - (250px + 30px))
}
.p-nonclinical .pdx-service-content p + p {
  margin-top: 1em
}
.p-nonclinical .pdx-table td {
  font-family: 'Work Sans', sans-serif
}
.p-nonclinical .performance-box {
  margin-bottom: 2px;
  padding: 32px;
  background: #f6f6f6
}
.p-nonclinical .performance-box.-flex {
  display: flex;
  justify-content: space-between
}
.p-nonclinical .performance-box.-flex .detail {
  max-width: calc(100% - (320px + 30px))
}
.p-nonclinical .performance-box.-flex > figure {
  max-width: 320px
}
.p-nonclinical .performance-box .detail h4 {
  margin-bottom: 16px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.4
}
.p-nonclinical .performance-box .detail h4 span {
  display: inline-block;
  font-size: .84em;
  letter-spacing: .04em
}
.p-nonclinical .performance-box .detail .c-list {
  margin-bottom: 0
}
.p-nonclinical .performance-box .detail .c-list > li {
  margin-bottom: .6em
}
.p-nonclinical .effective {
  position: relative
}
.p-nonclinical .effective.-topic01 {
  margin-top: 80px
}
.p-nonclinical .effective.-topic01.link-move {
  padding-top: 61px
}
.p-nonclinical .effective.-topic02 {
  margin-top: 120px
}
.p-nonclinical .effective.-topic02.link-move {
  padding-top: 82px
}
.p-nonclinical .effective-link {
  -webkit-overflow-scrolling: touch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  overflow-x: auto;
  background: #f4f8f7
}
.p-nonclinical .effective-link.is-flex-start {
  justify-content: flex-start
}
.p-nonclinical .effective-link.is-move {
  z-index: 1;
  position: fixed;
  top: 49px;
  left: 0;
  width: 100%;
  min-width: 1200px
}
.p-nonclinical .effective-link.is-move.is-slideDown {
  top: 129px;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .effective-link.is-move.is-stop {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  margin-left: auto
}
.p-nonclinical .effective-link > li {
  position: relative;
  padding: 0 20px;
  line-height: 1.4
}
.p-nonclinical .effective-link > li + li::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 20px;
  margin: auto;
  background: #ddd;
  content: ''
}
.p-nonclinical .effective-link > li a {
  display: block;
  text-align: center;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .effective-link > li a.is-on {
  color: #30c5a5
}
.p-nonclinical .effective-link > li a:hover {
  color: #30c5a5;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .back-anchor span {
  display: inline-block;
  position: relative;
  padding-right: 18px
}
.p-nonclinical .back-anchor span::before, .p-nonclinical .back-anchor span::after {
  display: block;
  position: absolute;
  content: ''
}
.p-nonclinical .back-anchor span::before {
  top: 8px;
  right: 6px;
  width: 1px;
  height: 8px;
  background: #333;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .back-anchor span::after {
  top: 8px;
  right: 4px;
  width: 5px;
  height: 5px;
  transform: rotate(-45deg);
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .back-anchor:hover span::before {
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .back-anchor:hover span::after {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-nonclinical .nonclinical-alert {
  margin-bottom: 32px
}
.p-nonclinical .nonclinical-alert dl {
  display: flex;
  background: #fdeded
}
.p-nonclinical .nonclinical-alert dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  padding: 24px 32px;
  background: #b60f0f;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: .08em
}
.p-nonclinical .nonclinical-alert dl dt span {
  display: inline-block;
  position: relative;
  padding-left: 26px
}
.p-nonclinical .nonclinical-alert dl dt span::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  color: #b60f0f;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  content: '！'
}
.p-nonclinical .nonclinical-alert dl dd {
  width: calc(100% - 250px);
  padding: 24px 32px
}
.p-nonclinical .nonclinical-alert dl dd .c-btn {
  margin-top: 16px
}
.p-personal .pmark {
  margin-right: .2em;
  vertical-align: middle
}
.p-personal .personal-box {
  flex-direction: row-reverse;
  justify-content: space-between
}
.p-personal .personal-box > figure {
  width: 96px;
  margin: 0 0 8px 20px;
  float: right
}
.p-personal .personal-list > li::before {
  font-weight: bold
}
.p-personal .personal-list dt {
  margin-bottom: .24em;
  font-weight: bold
}
.p-practitioner .l-aside {
  border-color: #81b511
}
.p-practitioner .l-aside .title {
  color: #81b511
}
.p-practitioner .l-aside .title .toggle span {
  background: #81b511
}
.p-practitioner .p-subtop__mv-inquiry {
  z-index: 1;
  position: fixed;
  top: 160px;
  right: 0;
  transform: translateX(100%);
  font-size: 1.3rem;
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .p-subtop__mv-inquiry.is-move {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .p-subtop__mv-inquiry li > a {
  display: block;
  padding: 30px 22px;
  background: rgba(41, 184, 236, 0.8);
  color: #fff;
  text-align: center;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .p-subtop__mv-inquiry li > a:hover {
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .p-subtop__mv-inquiry li .icon-mail {
  width: 115px;
  padding-left: 25px;
  background: url("/common/img/ico-mail.png") 0 50%/20px 20px no-repeat;
  text-align: right
}
.p-practitioner .p-subtop__simple-title h1 {
  width: 250px;
  color: #81b511;
  letter-spacing: .2em;
  line-height: 1
}
.p-practitioner .p-subtop__simple-title h1 span {
  font-size: 1.5rem;
  letter-spacing: .3em
}
.p-practitioner .p-subtop__simple-title p {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: 750px
}
.p-practitioner .p-subtop__simple-title p img {
  margin-left: 32px
}
.p-practitioner .p-subtop__product-list > li {
  margin-bottom: 20px
}
.p-practitioner .p-subtop__product-list > li > a.-cap-hidden figure figcaption {
  background: linear-gradient(rgba(41, 184, 236, 0), rgba(41, 184, 236, 0.8));
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .p-subtop__product-list > li > a.-cap-hidden:hover figure figcaption {
  background: linear-gradient(rgba(16, 140, 185, 0), rgba(16, 140, 185, 0.8));
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .p-subtop__product-list > li > a.-cap-hidden:hover > p {
  color: #29b8ec
}
.p-practitioner .c-title.-l {
  margin: 40px 0 20px;
  padding-top: 32px;
  font-size: 2.4rem
}
.p-practitioner .app-box > a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
  background: #f6f6f6
}
.p-practitioner .app-box > a::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .app-box > a .qrcode {
  position: relative;
  margin-right: 40px
}
.p-practitioner .app-box > a .btn {
  position: relative
}
.p-practitioner .app-box > a:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .others-box {
  margin-bottom: 4px
}
.p-practitioner .others-box > a {
  display: block;
  position: relative;
  padding: 32px;
  background: #f6f6f6
}
.p-practitioner .others-box > a::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .others-box > a figure {
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  justify-content: space-between
}
.p-practitioner .others-box > a figure img {
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .others-box > a figure figcaption {
  width: calc(100% - (127px + 32px))
}
.p-practitioner .others-box > a figure figcaption .c-btn {
  position: absolute;
  bottom: 0;
  left: 0
}
.p-practitioner .others-box > a figure figcaption .c-btn span {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-white.png) center right/12px 12px no-repeat
}
.p-practitioner .others-box > a figure figcaption .c-btn span::before, .p-practitioner .others-box > a figure figcaption .c-btn span::after {
  display: none
}
.p-practitioner .others-box > a:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-practitioner .others-box > a:hover figure img {
  box-shadow: 0 10px 24px -4px rgba(0, 0, 0, 0.24);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-prevmed .l-aside {
  border-color: #e58608
}
.p-prevmed .l-aside .title {
  color: #e58608
}
.p-prevmed .l-aside .title .toggle span {
  background: #e58608
}
.p-prevmed .p-subtop__topnews {
  display: block;
  z-index: 1;
  position: absolute;
  bottom: 144px;
  left: 80px;
  padding: 10px 20px;
  border: 2px solid #e52508;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12)
}
.p-prevmed .p-subtop__topnews span {
  display: inline-block;
  padding-right: 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right/16px 16px no-repeat
}
.p-prevmed .p-subtop__mv-inquiry {
  z-index: 1;
  position: absolute;
  top: 129px;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  font-size: 1.3rem
}
.p-prevmed .p-subtop__mv-inquiry li > a, .p-prevmed .p-subtop__mv-inquiry li > span {
  display: block;
  padding: 10px 22px;
  color: #fff;
  text-align: center;
  transition: 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-prevmed .p-subtop__mv-inquiry li > a {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-prevmed .p-subtop__mv-inquiry li > a:hover {
  color: #e58608;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-prevmed .p-subtop__mv-inquiry li .icon-mail {
  width: 115px;
  padding-left: 25px;
  background: url("/prevmed/parts/img/icon_mail.png") 0 50%/16px 16px no-repeat;
  text-align: right
}
.p-prevmed .p-subtop__mv-inquiry li .icon-tel {
  width: 115px;
  padding-left: 25px;
  background: url("/prevmed/parts/img/icon_tel.png") 0 50%/16px 16px no-repeat
}
.p-prevmed .p-subtop__title-box .title {
  background: #e58608
}
.p-prevmed .p-subtop__title-box .title .line {
  background: #f2a032
}
.p-prevmed .p-subtop__title-box .title .line::before, .p-prevmed .p-subtop__title-box .title .line::after {
  background: #f2a032
}
.p-prevmed .p-subtop__title-box .title .-en {
  color: #f2a032
}
.p-prevmed .p-subtop__title-box .intro .-index_read > div {
  width: calc(100% - 330px)
}
.p-prevmed .p-subtop__title-box .intro h2 {
  color: #e58608
}
.p-prevmed .p-subtop__link-list {
  display: flex;
  margin: 0 !important;
  padding: 40px 0 0;
  border-top: 1px solid #ddd
}
.p-prevmed .p-subtop__link-list:last-of-type {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd
}
.p-prevmed .p-subtop__link-list dt {
  width: 25%
}
.p-prevmed .p-subtop__link-list dd {
  width: 75%
}
.p-prevmed .p-subtop__link-list dd .c-flex {
  margin-bottom: 0
}
.p-prevmed .p-subtop__link-list dd .c-flex li {
  width: calc(100% / 3);
  margin-bottom: 30px;
  padding-right: 28px;
  color: #999;
  font-size: 1.4rem;
  line-height: 1.2
}
.p-prevmed .p-subtop__link-list dd .c-flex li a {
  display: block;
  position: relative;
  padding-right: 20px;
  color: #333;
  transition: .3s all ease
}
.p-prevmed .p-subtop__link-list dd .c-flex li a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-prevmed .p-subtop__link-list dd .c-flex li a:hover {
  color: #29b8ec
}
.p-prevmed .p-subtop__link-list dd .c-flex li a:hover::after {
  right: -6px;
  border-color: #29b8ec;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-prevmed .p-subtop__elm-wide {
  margin: 0;
  padding: 40px 0;
  border-top: 1px solid #ddd
}
.p-prevmed .p-subtop__elm-wide:last-of-type {
  margin-bottom: 40px !important;
  border-bottom: 1px solid #ddd
}
.p-prevmed .p-subtop__elm-wide figure {
  width: 25%;
  max-width: 250px
}
.p-prevmed .p-subtop__elm-wide .column-text {
  width: calc(100% - 250px);
  padding-right: 32px
}
.p-prevmed .p-subtop__elm-wide .column-text h3 {
  margin-bottom: 10px;
  font-size: 2rem
}
.p-prevmed .p-subtop__elm-wide .column-text p {
  line-height: 1.6
}
.p-prevmed .p-subtop__elm-wide .column-text p:last-of-type {
  margin-top: 20px
}
.p-prevmed .p-subtop__elm-wide .column-text * + p {
  margin-top: 10px
}
.p-prevmed .p-subtop__elm-wide.-noborder {
  border-bottom: none
}
.p-prevmed .p-subtop__elm-wide.-support {
  flex-wrap: wrap
}
.p-prevmed .p-subtop__elm-wide.-support .p-subtop__btn-list {
  width: 100%;
  margin-bottom: 0;
  padding-top: 40px
}
.p-prevmed .-sup {
  position: relative;
  top: -1em;
  font-size: .5em
}
.p-prevmed .-large {
  font-size: 2rem
}
.p-prevmed .c-figure {
  display: block
}
.p-prevmed .c-title.-title_band {
  margin-bottom: 16px;
  padding: 12px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1;
  text-align: center
}
.p-prevmed .p-care__features {
  display: flex;
  min-height: 150px;
  border-top: 1px solid #b65484
}
.p-prevmed .p-care__features + .p-care__features {
  margin-top: 10px
}
.p-prevmed .p-care__features .c-label {
  display: flex;
  align-items: center;
  padding: 30px 10px;
  background: #b65484;
  font-size: 1.2rem;
  text-align: center;
  white-space: nowrap
}
.p-prevmed .p-care__features .c-label b {
  display: block;
  margin-top: 5px;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.8rem;
  font-weight: 500
}
.p-prevmed .p-care__features .c-title {
  display: flex;
  align-items: center;
  width: calc(40% - 40px);
  padding: 0 20px;
  color: #b65484;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4
}
.p-prevmed .p-care__features p {
  width: 60%;
  margin-left: auto;
  padding: 30px 0;
  font-size: 1.4rem;
  line-height: 1.6
}
.p-prevmed .hl-solution {
  margin: 0 0 15px;
  padding: 8px;
  border-radius: 2px;
  background: #b75685;
  color: #fff;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1;
  text-align: center
}
.p-prevmed .hl-solution span {
  display: inline-block;
  margin-right: 10px;
  padding: 2px 4px;
  border: 1px solid #fff;
  border-radius: 2px;
  font-size: 1.5rem
}
.p-prevmed .hl-sub_support {
  margin: 30px 0 15px
}
.p-prevmed .hl-sub_support span {
  padding: 8px 20px;
  border-radius: 2px;
  background: #e5f1d5
}
.p-prevmed .hl-guidance {
  display: flex;
  align-items: center;
  height: 4em;
  margin: -20px 0 20px;
  padding: 15px;
  border-radius: 4px;
  background: #74b33d;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center
}
.p-prevmed .hl-guidance span {
  display: block;
  width: 100%
}
.p-prevmed .hl-all {
  padding: 10px 20px;
  background: #2e7d99;
  color: #fff;
  font-size: 2rem;
  font-weight: 500
}
.p-prevmed .hl-all_sub {
  margin-bottom: 5px;
  padding-left: 16px;
  border-left: 2px solid #2e7d99;
  font-size: 1.7rem;
  line-height: 1.2
}
.p-prevmed .list-carecheck {
  justify-content: space-between;
  margin-top: 10px
}
.p-prevmed .list-carecheck li {
  width: 32.7%;
  margin-bottom: 1%;
  padding: 8px 10px;
  border-radius: 2px;
  background: #f5f5f5;
  text-align: center
}
.p-prevmed .list-carecheck .-range {
  background: #fde7f1
}
.p-prevmed .list-carecheck .-range span {
  color: #b75685
}
.p-prevmed .list-solution {
  justify-content: space-between;
  margin-top: 20px
}
.p-prevmed .list-solution > div {
  width: 31%
}
.p-prevmed .list-place {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  white-space: nowrap
}
.p-prevmed .list-place li {
  margin: 0 4px 4px 0;
  padding: 2px 10px;
  border-radius: 2px;
  background: #f5f5f5
}
.p-prevmed .list-guidance {
  justify-content: space-between;
  padding-top: 20px
}
.p-prevmed .list-guidance > div {
  width: 32%;
  padding: 0 20px 20px;
  background: #f5f5f5
}
.p-prevmed .list-all {
  margin-top: 40px
}
.p-prevmed .list-all > li + li {
  margin-top: 30px
}
.p-prevmed .list-all > li p {
  padding-left: 16px
}
.p-prevmed .box-solution {
  margin: 20px 0 0
}
.p-prevmed .box-solution::before {
  display: block;
  height: 20px;
  margin-bottom: 15px;
  background: url("/prevmed/care/parts/img/arrow_solution.png") 50% 50% no-repeat;
  background-size: auto 20px;
  content: ''
}
.p-prevmed .box-solution h3 {
  margin: 0 0 15px;
  font-size: 2rem;
  text-align: center
}
.p-prevmed .box-solution h3 span {
  display: inline-block;
  padding-left: 30px;
  background: url("/prevmed/care/parts/img/ico_check.png") 0 50% no-repeat;
  background-size: 20px
}
.p-prevmed .-point_solution {
  color: #b75685;
  font-size: 2rem;
  text-align: center
}
.p-prevmed .p-care_detail {
  justify-content: space-between
}
.p-prevmed .p-care_detail h3 {
  width: 12%
}
.p-prevmed .p-care_detail h3 span {
  display: inline-block;
  width: 100%;
  padding: 8px;
  background: #b75685;
  color: #fff;
  text-align: center
}
.p-prevmed .p-care_detail .-box_text {
  width: 85%
}
.p-prevmed .p-care_detail .-strong {
  margin-bottom: 5px;
  font-size: 2rem;
  font-weight: bold
}
.p-prevmed .care_detail-table {
  margin-top: 20px
}
.p-prevmed .care_detail-table th {
  padding: 10px 15px;
  background: #f5f5f5;
  white-space: nowrap
}
.p-prevmed .care_detail-table td {
  padding: 10px 15px;
  font-size: 1.4rem
}
.p-prevmed .care_detail-table tr:first-child th, .p-prevmed .care_detail-table tr:first-child td {
  border-bottom: 10px solid #fff
}
.p-prevmed .p-list_box li {
  margin-bottom: 2px;
  padding: 30px;
  background: #f5f5f5;
  line-height: 1.4
}
.p-prevmed .c-list_continuous li {
  margin-bottom: 4px;
  padding: 8px 16px;
  border-radius: 4px;
  line-height: 1.2;
  text-align: center
}
.p-prevmed .c-list_continuous.-green li {
  border: 1px solid #94c948;
  background: #f1f8e9
}
.p-prevmed .c-list_continuous.-yellow li {
  border: 1px solid #ddc350;
  background: #f9f5e8
}
.p-prevmed .c-list_continuous.-pink li {
  border: 1px solid #dc81ad;
  background: #f9eef4
}
.p-prevmed .-sub_support {
  align-items: center
}
.p-prevmed .-sub_support dt {
  width: 150px;
  padding: 8px 20px;
  border-radius: 2px;
  background: #e5f1d5;
  line-height: 1.2;
  text-align: center
}
.p-prevmed .-sub_support dd {
  width: calc(100% - 150px);
  padding-left: 30px;
  line-height: 1.4
}
.p-prevmed .-support_mv {
  padding-top: 130px;
  background: url("/prevmed/support/parts/img/img_support01.jpg") 100% 50% no-repeat;
  background-size: 65% auto
}
.p-prevmed .-guidance_item {
  width: 75%;
  margin: 0 auto;
  padding: 0 40px 40px;
  background: #f5f5f5
}
.p-prevmed .wrap-guidance_item {
  display: flex;
  position: relative
}
.p-prevmed .wrap-guidance_item::before {
  display: block;
  position: absolute;
  top: -75px;
  width: 100%;
  height: 35px;
  margin-bottom: 20px;
  background: url("/prevmed/guidance/parts/img/arrow_guidance.png") 50% 50% no-repeat;
  background-size: auto 25px;
  content: ''
}
.p-prevmed .-add_line {
  padding-left: 20px;
  border-left: 2px solid #74b33d
}
.p-prevmed .-add_line-yellow {
  padding-left: 20px;
  border-left: 2px solid #e58608
}
.p-prevmed .-all_item {
  margin: 0 auto 2px;
  background: #f5f5f5
}
.p-prevmed .-all_item .-inner {
  padding: 20px 30px 30px
}
.p-prevmed .-list_course {
  margin: 5px 0 0 !important;
  padding-left: 16px
}
.p-prevmed .-list_course li {
  margin: 0 4px 4px 0;
  padding: 2px 12px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff
}
.p-public .l-aside {
  border-color: #21b8ed
}
.p-public .l-aside .title {
  color: #21b8ed
}
.p-public .l-aside .title .toggle span {
  background: #21b8ed
}
.p-public .p-subtop__title-box .title {
  background: #21b8ed
}
.p-public .p-subtop__title-box .title .line {
  background: #3fd1e0
}
.p-public .p-subtop__title-box .title .line::before, .p-public .p-subtop__title-box .title .line::after {
  background: #3fd1e0
}
.p-public .p-subtop__title-box .title .-en {
  color: #3fd1e0
}
.p-public .p-subtop__title-box .intro h2 {
  color: #21b8ed
}
.p-public .p-subtop__grad-box {
  margin: 100px 0 0
}
.p-public .p-subtop__grad-box::before {
  background: linear-gradient(120deg, #f3b623, #c18800)
}
.p-public .p-subtop__grad-box .product-cat {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px
}
.p-public .p-subtop__grad-box .product-cat > li {
  width: calc((100% - 40px) / 2)
}
.p-public .p-subtop__grad-box .product-cat h2 {
  margin-bottom: 32px;
  padding-bottom: 12px;
  border-bottom: 1px solid #fff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center
}
.p-public .p-subtop__grad-box .product-cat h2 a {
  display: inline-block;
  position: relative;
  padding-right: 32px
}
.p-public .p-subtop__grad-box .product-cat h2 a::before, .p-public .p-subtop__grad-box .product-cat h2 a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-public .p-subtop__grad-box .product-cat h2 a::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.p-public .p-subtop__grad-box .product-cat h2 a::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.p-public .p-subtop__grad-box .product-cat h2 a:hover::before, .p-public .p-subtop__grad-box .product-cat h2 a:hover::after {
  right: -5px;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-public .p-subtop__grad-box .check-list {
  margin-bottom: 24px
}
.p-public .p-subtop__grad-box .check-list > li {
  position: relative;
  margin-bottom: .8em;
  padding-left: 20px
}
.p-public .p-subtop__grad-box .check-list > li:last-child {
  margin-bottom: 0
}
.p-public .p-subtop__grad-box .check-list > li::before {
  box-sizing: border-box;
  position: absolute;
  top: 7px;
  bottom: auto;
  left: 0;
  width: 10px;
  height: 6px;
  transform: rotate(-36deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  background: none;
  content: ''
}
.p-public .p-subtop__grad-box .product-list > li a, .p-public .p-subtop__grad-box .product-list > li span {
  display: block;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.06)
}
.p-public .p-subtop__grad-box .product-list > li a {
  position: relative;
  padding-right: 48px;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-public .p-subtop__grad-box .product-list > li a::before, .p-public .p-subtop__grad-box .product-list > li a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-public .p-subtop__grad-box .product-list > li a::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.p-public .p-subtop__grad-box .product-list > li a::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.p-public .p-subtop__grad-box .product-list > li a:hover {
  background: rgba(0, 0, 0, 0.24);
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-public .p-subtop__grad-box .study-list {
  margin-bottom: .2em
}
.p-public .p-subtop__grad-box .study-list > li {
  margin-bottom: .6em;
  font-size: 1.3rem
}
.p-public .p-subtop__grad-box .study-list > li:last-child {
  margin-bottom: 0
}
.p-public .p-subtop__grad-box .study-list > li::before {
  background: rgba(255, 255, 255, 0.4)
}
.p-public .l-main {
  overflow-x: hidden
}
.p-public .public-comment {
  font-size: 1.8rem;
  text-align: center
}
.p-public .public-flex-box {
  display: flex
}
.p-public .public-flex-box .col2 {
  width: 50%
}
.p-public .public-flex-box .col3 {
  width: 33%
}
.p-public .public-flex-box .col4 {
  width: 20%
}
.p-public .public-flex-box .per60 {
  width: 60%;
  padding-right: 2rem
}
.p-public .public-flex-box .per70 {
  width: 70%;
  padding-right: 2rem
}
.p-public .public-flex-box .per80 {
  width: 80%;
  padding-right: 2rem
}
.p-public .public-flex-box .c-table {
  margin-left: 40px
}
.p-public .b-font3 {
  font-size: 3rem
}
.p-public .public-red-text {
  color: #F36
}
.p-public .public-blue-text {
  color: #338eff
}
.p-public .public-center-box {
  text-align: center
}
.p-public .public-center-box img {
  padding-top: 2rem
}
.p-public .public-center-box.public-kotsu-box {
  margin-top: 20px;
  padding: 20px;
  background: #7fbcdc;
  color: #fff;
  font-size: 3rem;
  font-weight: bold
}
.p-public .public-nowrap {
  white-space: nowrap
}
.p-public .public-flex-start {
  align-items: flex-start
}
.p-public .public-link-box {
  display: block;
  position: relative;
  margin-top: 30px;
  overflow: hidden
}
.p-public .public-link-box .public-flex-box {
  z-index: 2;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 30px 40px
}
.p-public .public-link-box:before {
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-public .public-link-box:hover:before {
  width: 100%
}
.p-public .public-link-box.p01 {
  margin-top: 80px;
  background: #b7d443
}
.p-public .public-link-box.p01:before {
  background: #afca43
}
.p-public .public-link-box.p02 {
  background: #ffa342
}
.p-public .public-link-box.p02:before {
  background: #d2720c
}
.p-public .public-link-box.p03 {
  background: #f29b98
}
.p-public .public-link-box.p03:before {
  background: #ed6074
}
.p-public .public-link-box.p04 {
  background: #98d3f2
}
.p-public .public-link-box.p04:before {
  background: #60c7ed
}
.p-public .public-link-box.p05 {
  background: #98d3f2
}
.p-public .public-link-box.p05:before {
  background: #60c7ed
}
.p-public .public-link-box.p06 {
  background: #f298b4
}
.p-public .public-link-box.p06:before {
  background: #ed6081
}
.p-public .public-link-box.p06 .public-flex-box {
  text-align: center
}
.p-public .public-link-box.p06 .public-flex-box dd {
  display: block;
  width: 100%
}
.p-public .public-link-box b {
  display: inline-block;
  margin-bottom: 1rem;
  color: #fff;
  font-size: 2rem
}
.p-public .public-link-box b span {
  font-size: 1.6rem
}
.p-public .public-sv-box {
  display: flex;
  justify-content: flex-end;
  padding-top: 4rem
}
.p-public .public-sv-box table {
  width: auto
}
.p-public .public-sv-box table th, .p-public .public-sv-box table td {
  padding: 13px;
  border: 1px solid #ddd
}
.p-public .public-sv-box table th {
  background: #ddd
}
.p-public .public-sv-box table td.public-flex-box {
  align-items: center
}
.p-public .public-sv-box table td.public-flex-box p:last-child {
  padding-left: 1.2rem;
  font-size: 2.2rem
}
.p-public .public-icon-title {
  display: inline-block;
  position: relative;
  padding-left: 2rem
}
.p-public .public-icon-title:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 22px;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: ''
}
.p-public .p-subtop__grad-box .public-flex-box li {
  margin-left: 2rem
}
.p-public .p-subtop__grad-box .public-flex-box li:first-child {
  margin-left: 0
}
.p-public .p-subtop__grad-box .public-flex-box li h3 {
  padding-left: 3rem;
  font-size: 1.9rem
}
.p-public .p-subtop__grad-box .public-flex-box li h3:before {
  background-image: url("/public/parts/img/icon-p01-01.png")
}
.p-public .p-subtop__grad-box .public-flex-box li p {
  padding: 1rem 0 2rem
}
.p-public .p-subtop__grad-box .public-flex-box li .public-f-image-box {
  padding-bottom: 15px;
  border-bottom: 1px solid #fff
}
.p-public .p-subtop__grad-box .public-flex-box li .b-font3 {
  display: block;
  padding-bottom: 4px;
  border: 1px solid #fff
}
.p-public .public-cate-title {
  padding: 3rem 0 2rem;
  font-size: 2.3rem
}
.p-public .public-cate-text {
  margin: -1rem 0 3rem
}
.p-public .public-cate-list li {
  position: relative;
  margin-bottom: 6rem
}
.p-public .public-cate-list li:last-child {
  margin-bottom: 0
}
.p-public .public-cate-list li:before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  max-height: 11rem;
  content: ""
}
.p-public .public-cate-list li b {
  display: inline-block;
  z-index: 1;
  position: relative;
  padding: 1rem 0 1rem 2.7rem;
  font-size: 1.9rem
}
.p-public .public-cate-list li b.public-cate-b {
  position: relative;
  padding: 1rem 0 1rem 2rem
}
.p-public .public-cate-list li b.public-cate-b:before {
  z-index: 0;
  position: absolute;
  top: 19px;
  left: 0;
  width: 17px;
  height: 17px;
  background-image: url("../img/icon-p04-02.png");
  content: ""
}
.p-public .public-cate-list li b span {
  font-size: 1.4rem
}
.p-public .public-cate-list li p {
  padding-left: 6.6rem
}
.p-public .public-cate-list li table {
  margin-top: 1.5rem;
  margin-left: 6.6rem
}
.p-public .public-8020-box {
  width: 588px;
  max-width: 100%;
  margin: 20px auto 40px;
  overflow: hidden;
  border-radius: 20px;
  background: #f29b98;
  color: #fff
}
.p-public .public-8020-box b {
  display: inline-block;
  padding: 15px 30px;
  font-size: 1.9rem
}
.p-public .public-8020-box p {
  padding: 0 30px 30px
}
.p-public .public-plaque-box {
  margin-top: 30px;
  overflow: hidden;
  border-radius: 10px;
  background: #fce7e6
}
.p-public .public-plaque-box .public-flex-box {
  align-items: center
}
.p-public .public-plaque-box b {
  display: inline-block;
  width: 100%;
  padding: 20px;
  background: #e94559;
  color: #fff;
  font-size: 1.7rem;
  text-align: center
}
.p-public .public-plaque-box dd {
  padding: 20px 30px 30px
}
.p-public .public-inspect-step-box {
  flex-wrap: wrap;
  justify-content: space-between
}
.p-public .public-inspect-step-box dl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 24%;
  margin-top: 30px;
  padding: 20px;
  border-radius: 10px;
  background: #f29b98;
  color: #fff
}
.p-public .public-inspect-step-box dl p {
  padding: 10px 0 0 0
}
.p-public .public-inspect-step-box span {
  font-size: 1.2rem
}
.p-public .public-self-check-box {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px
}
.p-public .public-self-check-box li {
  z-index: 1;
  position: relative;
  width: 50%;
  padding-left: 2.5rem
}
.p-public .public-self-check-box li:before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("../img/icon-p04-01.png");
  content: ""
}
.p-public .public-self-check-box .public-sc-image {
  z-index: 0;
  position: absolute;
  right: 0;
  bottom: -65px
}
.p-public .public-chol-box {
  white-space: nowrap
}
.p-public .public-chol-box li {
  margin-left: 20px;
  padding: 30px;
  border-radius: 10px;
  background: #98d3f2
}
.p-public .public-chol-box li.public-chol-image {
  background: none
}
.p-public .public-chol-box li:first-child {
  margin-left: 0px
}
.p-public .public-chol-box li b {
  font-size: 2rem
}
.p-public .allergen-table th {
  white-space: nowrap
}
.p-public .allergen-table td:nth-child(3n), .p-public .allergen-table td:last-child {
  text-align: center
}
.p-public .allergen-table .green-line th {
  background: #cdf7c5
}
.p-public .allergen-table .orange-line th {
  background: #f7dbc5
}
.p-public .allergen-table .blue-line th {
  background: #c5dff7
}
.p-public .allergen-table .pink-line th {
  background: #f8cfe4
}
.p-public .public-prevent-box li {
  max-width: 391px;
  margin-top: 10px;
  padding: 20px;
  border-radius: 10px;
  background: #e2e2e2
}
.p-public .public-main-01 .c-title.-l span {
  border-left: 6px solid #b7d443
}
.p-public .public-main-01 .p-subtop__grad-box:before {
  background: linear-gradient(120deg, #b7d443, #afca43)
}
.p-public .public-main-01 .public-cate-list li:before {
  background: #b7d443
}
.p-public .public-main-02 .c-title.-l span {
  border-left: 6px solid #ffa342
}
.p-public .public-main-02 .p-subtop__grad-box:before {
  background: linear-gradient(120deg, #ffa342, #d2720c)
}
.p-public .public-main-02 .public-cate-list li:before {
  background: #ffa342
}
.p-public .public-main-03 .c-title.-l span {
  border-left: 6px solid #f29b98
}
.p-public .public-main-03 .p-subtop__grad-box:before {
  background: linear-gradient(120deg, #f29b98, #ed6074)
}
.p-public .public-main-03 .public-cate-list li:before {
  background: #f29b98
}
.p-public .public-main-04 .c-title.-l span, .p-public .public-main-05 .c-title.-l span {
  border-left: 6px solid #98d3f2
}
.p-public .public-main-04 .p-subtop__grad-box, .p-public .public-main-05 .p-subtop__grad-box {
  color: #333
}
.p-public .public-main-04 .p-subtop__grad-box:before, .p-public .public-main-05 .p-subtop__grad-box:before {
  background: linear-gradient(120deg, #98d3f2, #60c7ed)
}
.p-public .public-main-04 .p-subtop__grad-box h3, .p-public .public-main-05 .p-subtop__grad-box h3 {
  padding-bottom: 2rem;
  font-size: 1.9rem
}
.p-public .public-main-04 .p-subtop__grad-box span, .p-public .public-main-05 .p-subtop__grad-box span {
  font-size: 0.5rem
}
.p-public .public-main-04 .p-subtop__grad-box .public-flex-box li p, .p-public .public-main-05 .p-subtop__grad-box .public-flex-box li p {
  padding-bottom: 0
}
.p-public .public-main-04 .p-subtop__grad-box .public-flex-box li .public-f-image-box, .p-public .public-main-05 .p-subtop__grad-box .public-flex-box li .public-f-image-box {
  border-bottom: 1px solid #333
}
.p-public .public-main-04 .public-cate-list li:before, .p-public .public-main-05 .public-cate-list li:before {
  background: #98d3f2
}
.p-public .public-main-06 .c-title.-l span {
  border-left: 6px solid #f298b4
}
.p-public .public-main-06 .p-subtop__grad-box:before {
  background: linear-gradient(120deg, #f298b4, #ed6081)
}
.p-public .public-main-06 .public-cate-list li:before {
  background: #f298b4
}
.p-result .l-header .other-switch > li.-search {
  display: none
}
.p-result .l-header .sp-search {
  display: none
}
.p-result .mf_finder_organic_header {
  display: flex;
  flex-direction: row-reverse !important;
  align-items: center;
  justify-content: space-between;
  width: 100%
}
.p-result .mf_finder_organic_header_wrapper {
  margin: 40px 0 20px
}
.p-result .mf_finder_organic_range {
  font-size: 1.2rem
}
.p-result .mf_finder_organic_range * {
  font-size: 1.2rem
}
.p-result .mf_finder_organic_total {
  font-size: 1.2rem
}
.p-result .mf_finder_organic_total * {
  font-size: 1.2rem
}
.p-result .mf_finder_organic_nums {
  align-items: center
}
.p-result .mf_finder_organic_doc {
  padding: 20px 0 28px
}
.p-result .mf_finder_organic_doc_contents_wrapper {
  margin-left: 0
}
.p-result .mf_finder_organic_doc_title {
  margin-bottom: 12px;
  color: #29b8ec;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .04em
}
.p-result .mf_finder_organic_doc_title_wrapper {
  border-bottom: 1px solid transparent;
  text-decoration: none;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-result .mf_finder_organic_doc_title_wrapper:hover {
  border-color: #29b8ec;
  text-decoration: none;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-result .mf_finder_organic_doc_img_wrapper {
  display: none
}
.p-result .mf_finder_organic_doc_body {
  height: auto;
  font-size: 1.5rem;
  line-height: 1.7
}
.p-result .mf_finder_organic_doc_url {
  margin-top: 8px
}
.p-result .mf_finder_organic_pager {
  margin: 32px 0 0
}
.p-result .mf_finder_query {
  font-size: 1.2rem
}
.p-result .mf_finder_searchBox {
  margin: 0
}
.p-result .mf_finder_searchBox_doctype {
  display: none
}
.p-result .mf_finder_searchBox_items {
  position: relative;
  padding: 0
}
.p-result .mf_finder_searchBox_submit {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 20px;
  background: transparent;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-result .mf_finder_searchBox_submit::before {
  color: #222;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-result .mf_finder_searchBox_submit span {
  margin: auto
}
.p-result .mf_finder_searchBox_submit:hover {
  background: #555;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-result .mf_finder_searchBox_submit:hover::before {
  color: #fff;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-result .mf_finder_searchBox_query_input {
  padding: 20px 48px 20px 20px;
  border: none;
  border-radius: 33px;
  outline: none;
  background: #f2f2f2;
  font-size: 16px
}
.p-result .mf_finder_searchBox_query_input:focus {
  background: #e2eaee
}
.p-result .mf_finder_searchBox_suggest_items {
  padding: 0;
  overflow: hidden;
  border: none;
  border-radius: 4px;
  background: #000
}
.p-result .mf_finder_searchBox_suggest_item {
  border: none
}
.p-result .mf_finder_searchBox_suggest_item a {
  padding: 4px 12px
}
.p-result .mf_finder_searchBox_selects {
  display: none
}
.p-result .mf_finder_pager_items {
  margin: 0 4px
}
.p-result .mf_finder_pager_items li a {
  padding: 6px 12px
}
.p-result .mf_finder_pager_item_current {
  box-sizing: border-box;
  padding: 5px 11px;
  border: 1px solid #555;
  border-radius: 2px
}
.p-result .mf_finder_pager_item_next a {
  background-color: #888
}
.p-result .mf_finder_logo {
  display: none !important
}
.p-single .l-header {
  border-bottom: 1px solid #555
}
.p-single .l-main {
  padding-top: 80px
}
.p-sitemap .l-header {
  border-bottom: 1px solid #555
}
.p-sitemap .l-header .other-switch > li.-sitemap {
  display: none
}
.p-sitemap .l-main {
  padding-top: 80px
}
.p-sitemap .sitemap-table th {
  width: 50%;
  padding: 0
}
.p-sitemap .sitemap-table th > a {
  display: block;
  position: relative;
  padding: 20px;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-sitemap .sitemap-table th > a::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #e8f1f7;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-sitemap .sitemap-table th > a span {
  display: block;
  position: relative;
  padding-right: 20px
}
.p-sitemap .sitemap-table th > a span::before, .p-sitemap .sitemap-table th > a span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-sitemap .sitemap-table th > a span::before {
  width: 12px;
  height: 2px;
  background: #333;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-sitemap .sitemap-table th > a span::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-sitemap .sitemap-table th > a[target="_blank"] span {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 1px/10px no-repeat
}
.p-sitemap .sitemap-table th > a[target="_blank"] span::before, .p-sitemap .sitemap-table th > a[target="_blank"] span::after {
  display: none
}
.p-sitemap .sitemap-table th > a:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-sitemap .sitemap-table th > a:hover span {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-sitemap .sitemap-table th > a:hover span::before {
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-sitemap .sitemap-table th > a:hover span::after {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-sitemap .sitemap-table td {
  padding: 20px 20px 28px
}
.p-sitemap .sitemap-table td .c-list {
  margin-bottom: 0
}
.p-sitemap .sitemap-table td .c-list > li {
  margin-bottom: 20px
}
.p-sitemap .sitemap-table td .c-list > li:nth-last-child(-n+3) {
  margin-bottom: 0
}
.p-subtop .l-aside {
  background: rgba(246, 246, 246, 0.86);
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop .l-aside .inner {
  background: none
}
.p-subtop .l-aside .title {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop .l-aside.is-move {
  background: #f6f6f6;
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop .l-aside.title-on .title {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop .l-aside.is-on {
  background: none
}
.p-subtop .l-aside.is-on .inner {
  background: #f6f6f6
}
.p-subtop .l-main {
  padding-top: 0 !important;
  overflow-x: hidden
}
.p-subtop__mv {
  position: relative;
  height: 600px;
  background-color: #888;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}
.p-subtop__mv::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 140%;
  background: url(/jp/-/media/ivd/medience/common/img/mv-texture.png) top left/contain no-repeat;
  content: ''
}
.p-subtop__title-box {
  position: relative;
  width: calc(1000px + ((100vw - 1000px - 16px) / 2));
  margin-top: -120px;
  box-shadow: 0 12px 36px -10px rgba(0, 0, 0, 0.24)
}
.p-subtop__title-box .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 120px;
  padding: 0 80px;
  background: #222
}
.p-subtop__title-box .title .line {
  position: relative;
  width: calc(100% - 10px);
  height: 1px;
  padding: 0 5px;
  background: #3a3a3a
}
.p-subtop__title-box .title .line::before, .p-subtop__title-box .title .line::after {
  display: block;
  position: absolute;
  top: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #3a3a3a;
  content: ''
}
.p-subtop__title-box .title .line::before {
  left: 0
}
.p-subtop__title-box .title .line::after {
  right: 0
}
.p-subtop__title-box .title h1 {
  padding-right: 40px;
  color: #fff;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: .1em;
  white-space: nowrap
}
.p-subtop__title-box .title .-en {
  padding-left: 32px;
  color: #3a3a3a;
  font-weight: bold;
  white-space: nowrap
}
.p-subtop__title-box .intro {
  padding: 60px 80px 64px;
  background: #fff
}
.p-subtop__title-box .intro h2 {
  margin-bottom: 32px;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.6
}
.p-subtop__title-box .intro p {
  line-height: 2
}
.p-subtop__simple-title {
  margin-top: 160px
}
.p-subtop__simple-title .l-inner {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.p-subtop__simple-title h1 {
  width: 480px;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.6
}
.p-subtop__simple-title p {
  display: flex;
  justify-content: flex-end;
  width: 500px
}
.p-subtop__product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px
}
.p-subtop__product-list > li {
  width: calc((100% - 40px) / 2);
  margin-bottom: 32px
}
.p-subtop__product-list > li:nth-last-child(-n+2) {
  margin-bottom: 0
}
.p-subtop__product-list > li > a {
  display: block
}
.p-subtop__product-list > li > a figure img {
  width: 100%;
  margin-bottom: 12px;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a figure figcaption {
  position: relative;
  padding-right: 24px;
  font-weight: 500;
  line-height: 1.4;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a figure figcaption::before, .p-subtop__product-list > li > a figure figcaption::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-subtop__product-list > li > a figure figcaption::before {
  width: 12px;
  height: 2px;
  background: #000
}
.p-subtop__product-list > li > a figure figcaption::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #000;
  border-right: 2px solid #000
}
.p-subtop__product-list > li > a[target="_blank"] figure figcaption {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right/16px 16px no-repeat
}
.p-subtop__product-list > li > a[target="_blank"] figure figcaption::before, .p-subtop__product-list > li > a[target="_blank"] figure figcaption::after {
  display: none
}
.p-subtop__product-list > li > a:hover figure img {
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.24);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a.-cap-hidden figure {
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a.-cap-hidden figure img {
  margin-bottom: 0;
  vertical-align: bottom
}
.p-subtop__product-list > li > a.-cap-hidden figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 48px 20px 20px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  color: #fff;
  transition: padding-top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a.-cap-hidden figure figcaption::before, .p-subtop__product-list > li > a.-cap-hidden figure figcaption::after {
  display: none
}
.p-subtop__product-list > li > a.-cap-hidden figure figcaption dl dt {
  position: relative;
  font-size: 1.7rem
}
.p-subtop__product-list > li > a.-cap-hidden figure figcaption dl dt::before, .p-subtop__product-list > li > a.-cap-hidden figure figcaption dl dt::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-subtop__product-list > li > a.-cap-hidden figure figcaption dl dt::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.p-subtop__product-list > li > a.-cap-hidden figure figcaption dl dt::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.p-subtop__product-list > li > a.-cap-hidden figure figcaption dl dt h3 {
  font-size: 1.26em;
  font-weight: 500;
  letter-spacing: .08em
}
.p-subtop__product-list > li > a.-cap-hidden figure figcaption dl dd {
  display: none;
  margin-top: 8px;
  font-size: 1.3rem;
  font-weight: normal;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a.-cap-hidden > p {
  margin-top: 12px;
  font-weight: 500;
  line-height: 1.4;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a.-cap-hidden[target="_blank"] figure figcaption dl dt {
  background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right 1px/16px 16px no-repeat
}
.p-subtop__product-list > li > a.-cap-hidden[target="_blank"] figure figcaption dl dt::before, .p-subtop__product-list > li > a.-cap-hidden[target="_blank"] figure figcaption dl dt::after {
  display: none
}
.p-subtop__product-list > li > a.-cap-hidden:not([href*=".pdf"])[target="_blank"] figure figcaption dl dt {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-white.png) center right 1px/12px 12px no-repeat
}
.p-subtop__product-list > li > a.-cap-hidden:not([href*=".pdf"])[target="_blank"] figure figcaption dl dt::before, .p-subtop__product-list > li > a.-cap-hidden:not([href*=".pdf"])[target="_blank"] figure figcaption dl dt::after {
  display: none
}
.p-subtop__product-list > li > a.-cap-hidden:hover figure {
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.24);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a.-cap-hidden:hover figure figcaption {
  padding-top: 56px;
  transition: padding-top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a.-cap-hidden:hover figure figcaption dl dd {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a.-cap-hidden:hover > p {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-subtop__product-list > li > a.-has-text figure figcaption {
  padding-right: 0
}
.p-subtop__product-list > li > a.-has-text figure figcaption::before {
  top: 10px;
  bottom: auto
}
.p-subtop__product-list > li > a.-has-text figure figcaption::after {
  top: 7px;
  bottom: auto
}
.p-subtop__product-list > li > a.-has-text figure figcaption dl dt {
  margin-bottom: 6px;
  padding-right: 24px;
  font-weight: 500
}
.p-subtop__product-list > li > a.-has-text figure figcaption dl dd {
  font-size: 1.3rem
}
.p-subtop__product-list > li > a.-has-text figure figcaption dl dd strong {
  display: inline-block;
  margin-bottom: 4px
}
.p-subtop__product-list > li > a.-has-text[target="_blank"] figure figcaption {
  background-position: top 4px right 1px;
  background-size: 12px 12px
}
.p-subtop__product-list.-elm3::after {
  display: block;
  width: calc((100% - 50px) / 3);
  content: ''
}
.p-subtop__product-list.-elm3 > li {
  width: calc((100% - 50px) / 3)
}
.p-subtop__btn-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px
}
.p-subtop__btn-list > li {
  width: calc((100% - 40px) / 2);
  margin-bottom: 32px
}
.p-subtop__btn-list > li > .c-btn {
  width: 100%
}
.p-subtop__btn-list > li:nth-last-child(-n+2) {
  margin-bottom: 0
}
.p-subtop__grad-box {
  z-index: 0;
  position: relative;
  margin: 100px 0;
  padding: 80px 0 100px;
  color: #fff
}
.p-subtop__grad-box::before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: -120px;
  width: calc(1000px + ((100vw - 1000px - 16px) / 2) + 120px);
  height: 100%;
  background: linear-gradient(120deg, #555, #111);
  content: ''
}
.p-subtop__grad-box .c-title {
  color: #fff
}
.p-subtop__grad-box .c-title span {
  border-color: #fff
}
.p-top .l-header {
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .l-header.is-move {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
  transition: top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .l-main {
  padding-top: 80px
}
.p-top .l-footer {
  top: 0;
  margin-top: 0
}
.p-top .mv {
  position: relative;
  height: 640px;
  background: linear-gradient(120deg, #e8f4f9, #f2f9e4)
}
.p-top .mv-inner {
  position: relative;
  height: 100%;
  overflow: hidden
}
.p-top .mv-inner .vegas-content-scrollable {
  overflow: hidden
}
.p-top .mv-copy {
  position: absolute;
  top: 240px;
  left: 6%
}
.p-top .mv-copy::before {
  display: block;
  position: absolute;
  top: -92px;
  left: -78px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: linear-gradient(-45deg, #a6daef, #e3f5bc);
  box-shadow: 0 0 48px rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0.12
}
.p-top .mv-copy::after {
  display: block;
  position: absolute;
  top: -182px;
  left: -168px;
  width: 520px;
  height: 520px;
  border: 1px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 48px #fff;
  content: '';
  opacity: 0.32
}
.p-top .mv-copy img {
  z-index: 1;
  position: relative
}
.p-top .mv-news {
  position: absolute;
  right: 0;
  bottom: -20px;
  width: 480px;
  padding: 32px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .mv-news::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #eef7f6;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .mv-news.is-hover {
  box-shadow: 0 8px 24px -4px rgba(25, 103, 139, 0.2);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .mv-news.is-hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .mv-news-list li {
  position: relative;
  line-height: 1.4
}
.p-top .mv-news-list li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 80px;
  font-size: 1.3rem;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .mv-news-list li a[target="_blank"] .date {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) top 2px right 6px/10px 10px no-repeat
}
.p-top .mv-news-list li a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .mv-news-list li a .date {
  display: block;
  margin-bottom: 2px;
  color: #888;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.1rem
}
.p-top .mv-news-list li a p {
  margin-bottom: 2px
}
.p-top .mv-news-list li a dl {
  margin-bottom: 2px
}
.p-top .mv-news-list li a dl dt {
  margin-bottom: 4px;
  font-weight: 500
}
.p-top .mv-news-list li a img {
  width: 80px
}
.p-top .mv-news-list li a img + * {
  width: calc(100% - (80px + 20px))
}
.p-top .mv-news .slick-dotted.slick-slider {
  margin-bottom: 0
}
.p-top .mv-news .slick-dots {
  display: flex !important;
  bottom: -48px;
  left: -32px;
  width: calc(100% + (32px * 2));
  text-align: left
}
.p-top .mv-news .slick-dots li {
  width: 100%;
  height: 2px;
  margin: 0 4px 0 0
}
.p-top .mv-news .slick-dots li button {
  width: 100%;
  height: 2px;
  padding: 0;
  background: rgba(0, 0, 0, 0.12)
}
.p-top .mv-news .slick-dots li button::before {
  display: none
}
.p-top .mv-news .slick-dots li.slick-active button {
  background: #29b8ec
}
.p-top .pickup_bnr {
  position: relative
}
.p-top .pickup_bnr a {
  display: block;
  position: absolute;
  top: -124px;
  width: 300px;
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.12)
}
.p-top .bnr {
  margin: 100px 0
}
.p-top .bnr-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-top .bnr-list::after {
  display: block;
  width: 302px;
  content: ''
}
.p-top .bnr-list > li {
  width: 302px;
  margin-bottom: 32px
}
.p-top .bnr-list > li:nth-last-child(-n+3) {
  margin-bottom: 0
}
.p-top .bnr-list > li a {
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .bnr-list > li a:hover {
  box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .news {
  margin-bottom: 100px
}
.p-top .news .c-title {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.p-top .news .c-title a {
  display: inline-block;
  padding: 3px 1px 3px 22px;
  border-bottom: 1px solid;
  background: url(/jp/-/media/ivd/medience/common/img/ico-list-black.png) center left/16px 16px no-repeat;
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: .04em;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .news .c-title a:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .news .modtab__tab {
  display: flex;
  line-height: 1
}
.p-top .news .modtab__tab.-elml3 > * {
  width: calc(100% / 3);
  text-align: center
}
.p-top .news .modtab__tab h2 {
  font-weight: normal
}
.p-top .news .modtab__tab a {
  display: block;
  position: relative;
  text-align: center
}
.p-top .news .modtab__tab a .is-active {
  opacity: 1
}
.p-top .news .modtab__tab.-tab_info li {
  width: calc(100% / 5);
  border-bottom: 1px solid #888
}
.p-top .news .modtab__tab.-tab_info a {
  padding: 18px 30px;
  background: #fff;
  font-size: 1.5rem;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .news .modtab__tab.-tab_info a:hover {
  background: #ddd;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .news .modtab__tab.-tab_info a span {
  display: inline-block;
  position: relative;
  padding-right: 20px
}
.p-top .news .modtab__tab.-tab_info a span::after {
  display: block;
  position: absolute;
  top: calc(50% - 3.5px);
  right: 0;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  content: ''
}
.p-top .news .modtab__tab.-tab_info a span.-en {
  line-height: .8
}
.p-top .news .modtab__tab.-tab_info a span.-en::after {
  top: calc(50% - 5px)
}
.p-top .news .modtab__tab.-tab_info a.is-active {
  background: #000;
  color: #fff;
  opacity: 1
}
.p-top .news .modtab__tab.-tab_info a.is-active span::after {
  border-color: #fff
}
.p-top .news .modtab__panel {
  position: relative
}
.p-top .news .modtab__panel .panel.c-flex {
  justify-content: space-between
}
.p-top .news .modtab__panel .panel.c-flex figure {
  width: 48%
}
.p-top .news .modtab__panel .panel.c-flex figure img {
  display: block;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24)
}
.p-top .news .modtab__panel .panel.c-flex .column-text {
  position: relative;
  width: 48%;
  padding-top: 1em
}
.p-top .news .modtab__panel .panel.c-flex .column-text .c-title {
  margin-bottom: 24px;
  border-left: 1px solid #fff;
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: .1em;
  line-height: 1.4
}
.p-top .news .modtab__panel .panel.c-flex .column-text .c-title span {
  padding-left: 20px
}
.p-top .news .modtab__panel .panel.c-flex .c-link_lower {
  position: absolute;
  right: 0;
  bottom: 0
}
.p-top .news .tab_panel {
  display: none
}
.p-top .news .tab_panel.is-active {
  display: block
}
.p-top .service {
  position: relative;
  margin-bottom: 100px;
  padding: 120px 0;
  overflow: hidden;
  background: url(/jp/-/media/ivd/medience/parts/img/service-bg.jpg) center/cover no-repeat fixed
}
.p-top .service .c-title {
  z-index: 2;
  position: relative;
  margin-top: 0;
  color: #fff
}
.p-top .service .c-title span {
  border-left: 1px solid #fff
}
.p-top .service-list {
  display: flex;
  z-index: 2;
  position: relative;
  flex-wrap: wrap;
  margin-left: 250px
}
.p-top .service-list > li {
  width: calc(100% / 3)
}
.p-top .service-list > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  padding: 20px;
  background: rgba(0, 0, 0, 0.24);
  color: #fff;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .service-list > li a dl dt {
  font-weight: 500;
  text-align: center
}
.p-top .service-list > li a dl dt span {
  display: inline-block;
  position: relative;
  padding-right: 24px
}
.p-top .service-list > li a dl dt span::before, .p-top .service-list > li a dl dt span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-top .service-list > li a dl dt span::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.p-top .service-list > li a dl dt span::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.p-top .service-list > li a dl dd {
  display: none;
  margin-top: 14px;
  font-size: 1.3rem;
  line-height: 1.6;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .service-list > li a[target="_blank"] dl dt span {
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-white.png) center right 1px/12px 12px no-repeat
}
.p-top .service-list > li a[target="_blank"] dl dt span::before, .p-top .service-list > li a[target="_blank"] dl dt span::after {
  display: none
}
.p-top .service-list > li a:hover {
  background: rgba(0, 0, 0, 0.8);
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .service-list > li a:hover dl dd {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .service-sp-img {
  display: none
}
.p-top .service-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.p-top .service-overlay::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/jp/-/media/ivd/medience/parts/img/service-overlay-dot.png);
  content: ''
}
.p-top .service-overlay-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center /cover no-repeat;
  opacity: 0;
  transition: opacity .7s ease-in-out
}
.p-top .service-overlay-img.is-show {
  opacity: 1;
  transition: opacity .7s ease-in-out
}
.p-top .service .l-border {
  z-index: 1;
  opacity: .08
}
.p-top .information .c-title {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.p-top .information .c-title p {
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: .04em
}
.p-top .information-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px
}
.p-top .information-list > li {
  width: calc((100% - 4px) / 2);
  margin-bottom: 4px
}
.p-top .information-list > li > a {
  display: block;
  position: relative;
  padding: 40px;
  background: #f6f6f6
}
.p-top .information-list > li > a::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .information-list > li > a figure {
  display: flex;
  position: relative;
  justify-content: space-between
}
.p-top .information-list > li > a figure img {
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .information-list > li > a figure figcaption {
  position: relative;
  width: calc(100% - (120px + 32px))
}
.p-top .information-list > li > a figure figcaption dl dt {
  margin-bottom: 10px;
  font-weight: bold
}
.p-top .information-list > li > a figure figcaption dl dd {
  line-height: 1.6
}
.p-top .information-list > li > a figure figcaption dl dd .btn {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 24px 4px 0;
  border-bottom: 1px solid;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .information-list > li > a figure figcaption dl dd .btn::before, .p-top .information-list > li > a figure figcaption dl dd .btn::after {
  display: block;
  position: absolute;
  right: 0;
  margin: auto;
  content: ''
}
.p-top .information-list > li > a figure figcaption dl dd .btn::before {
  top: 11px;
  width: 12px;
  height: 2px;
  background: #333;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .information-list > li > a figure figcaption dl dd .btn::after {
  top: 8px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .information-list > li > a figure figcaption dl dd .btn.-list {
  padding: 0 2px 4px 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-list-black.png) top 4px left/16px 16px no-repeat
}
.p-top .information-list > li > a figure figcaption dl dd .btn.-list::before, .p-top .information-list > li > a figure figcaption dl dd .btn.-list::after {
  display: none
}
.p-top .information-list > li > a:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .information-list > li > a:hover figure img {
  box-shadow: 0 10px 24px -4px rgba(0, 0, 0, 0.24);
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .information-list > li > a:hover figure figcaption dl dd .btn {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .information-list > li > a:hover figure figcaption dl dd .btn::before {
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .information-list > li > a:hover figure figcaption dl dd .btn::after {
  border-color: #29b8ec;
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .recruit {
  padding: 100px 0 120px;
  background: linear-gradient(120deg, rgba(192, 237, 95, 0.08), rgba(41, 184, 236, 0.08))
}
.p-top .recruit .c-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0
}
.p-top .recruit .c-title h2 {
  color: #29b8ec
}
.p-top .recruit .c-title h2 span {
  border-left: 1px solid #29b8ec
}
.p-top .recruit .c-title p {
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: .04em
}
.p-top .recruit-box {
  display: flex
}
.p-top .recruit-box-img {
  position: relative;
  width: 750px;
  background: url(/jp/-/media/ivd/medience/parts/img/recruit-bg.jpg) center/cover no-repeat
}
.p-top .recruit-box-img::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: '';
  opacity: 0;
  transition: opacity .5s ease-in-out
}
.p-top .recruit-box-img.is-hide::before {
  opacity: 1;
  transition: opacity .5s ease-in-out
}
.p-top .recruit-box-img-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center /cover no-repeat;
  opacity: 0;
  transition: opacity .5s ease-in-out, box-shadow .5s ease-in-out
}
.p-top .recruit-box-img-overlay.is-show {
  z-index: 1;
  box-shadow: 0 10px 24px -4px rgba(0, 0, 0, 0.24);
  opacity: 1;
  transition: opacity .5s ease-in-out, box-shadow .5s ease-in-out
}
.p-top .recruit-box-btns {
  width: 250px
}
.p-top .recruit-box-btns > li {
  margin-bottom: 1px
}
.p-top .recruit-box-btns > li:last-child {
  margin-bottom: 0
}
.p-top .recruit-box-btns > li a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  background: #fff;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .recruit-box-btns > li a::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .recruit-box-btns > li a.-graduate:before {
  background: #f4fafc
}
.p-top .recruit-box-btns > li a.-graduate:hover {
  color: #29b8ec
}
.p-top .recruit-box-btns > li a.-parttime:before {
  background: #f2f8f3
}
.p-top .recruit-box-btns > li a.-parttime:hover {
  color: #97c730
}
.p-top .recruit-box-btns > li a span {
  display: inline-block;
  position: relative;
  padding-right: 24px;
  background: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png) center right 1px/12px 12px no-repeat
}
.p-top .recruit-box-btns > li a br {
  display: none
}
.p-top .recruit-box-btns > li a:hover {
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .recruit-box-btns > li a:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .contact {
  padding: 100px 0;
  background: url(/jp/-/media/ivd/medience/parts/img/contact-bg.jpg) center/cover no-repeat fixed
}
.p-top .contact-list {
  display: flex;
  justify-content: space-between
}
.p-top .contact-list > li {
  width: calc((100% - 48px) / 2)
}
.p-top .contact-list > li a {
  display: block;
  position: relative;
  padding: 48px 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  color: #fff;
  letter-spacing: .08em;
  text-align: center
}
.p-top .contact-list > li a::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
  content: '';
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .contact-list > li a span {
  display: inline-block;
  position: relative;
  padding-top: 50px
}
.p-top .contact-list > li a span.-tel {
  background: url(/jp/-/media/ivd/medience/parts/img/contact-ico-01.png) center top no-repeat
}
.p-top .contact-list > li a span.-mail {
  background: url(/jp/-/media/ivd/medience/parts/img/contact-ico-02.png) center top no-repeat
}
.p-top .contact-list > li a span.-application {
  background: url(/jp/-/media/ivd/medience/parts/img/contact-ico-03.png) center top no-repeat
}
.p-top .contact-list > li a span i {
  display: inline-block;
  position: relative;
  padding-right: 22px
}
.p-top .contact-list > li a span i::before, .p-top .contact-list > li a span i::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .contact-list > li a span i::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.p-top .contact-list > li a span i::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.p-top .contact-list > li a:hover::before {
  right: auto;
  left: 0;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-top .contact-list > li a:hover span i::before, .p-top .contact-list > li a:hover span i::after {
  right: -5px;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .l-aside {
  border-color: #e6a812
}
.p-trial .l-aside .title {
  color: #e6a812
}
.p-trial .l-aside .title .toggle span {
  background: #e6a812
}
.p-trial .p-subtop__title-box .title {
  background: #e6a812
}
.p-trial .p-subtop__title-box .title .line {
  background: #ecbc41
}
.p-trial .p-subtop__title-box .title .line::before, .p-trial .p-subtop__title-box .title .line::after {
  background: #ecbc41
}
.p-trial .p-subtop__title-box .title .-en {
  color: #ecbc41
}
.p-trial .p-subtop__title-box .intro h2 {
  color: #e6a812
}
.p-trial .p-subtop__grad-box {
  margin: 100px 0 0
}
.p-trial .p-subtop__grad-box::before {
  background: linear-gradient(120deg, #f3b623, #c18800)
}
.p-trial .p-subtop__grad-box .product-cat {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px
}
.p-trial .p-subtop__grad-box .product-cat > li {
  width: calc((100% - 40px) / 2)
}
.p-trial .p-subtop__grad-box .product-cat h2 {
  margin-bottom: 32px;
  padding-bottom: 12px;
  border-bottom: 1px solid #fff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center
}
.p-trial .p-subtop__grad-box .product-cat h2 a {
  display: inline-block;
  position: relative;
  padding-right: 32px
}
.p-trial .p-subtop__grad-box .product-cat h2 a::before, .p-trial .p-subtop__grad-box .product-cat h2 a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .p-subtop__grad-box .product-cat h2 a::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.p-trial .p-subtop__grad-box .product-cat h2 a::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.p-trial .p-subtop__grad-box .product-cat h2 a:hover::before, .p-trial .p-subtop__grad-box .product-cat h2 a:hover::after {
  right: -5px;
  transition: right 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .p-subtop__grad-box .check-list {
  margin-bottom: 24px
}
.p-trial .p-subtop__grad-box .check-list > li {
  position: relative;
  margin-bottom: .8em;
  padding-left: 20px
}
.p-trial .p-subtop__grad-box .check-list > li:last-child {
  margin-bottom: 0
}
.p-trial .p-subtop__grad-box .check-list > li::before {
  box-sizing: border-box;
  position: absolute;
  top: 7px;
  bottom: auto;
  left: 0;
  width: 10px;
  height: 6px;
  transform: rotate(-36deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  background: none;
  content: ''
}
.p-trial .p-subtop__grad-box .product-list > li a, .p-trial .p-subtop__grad-box .product-list > li span {
  display: block;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.06)
}
.p-trial .p-subtop__grad-box .product-list > li a {
  position: relative;
  padding-right: 48px;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .p-subtop__grad-box .product-list > li a::before, .p-trial .p-subtop__grad-box .product-list > li a::after {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-trial .p-subtop__grad-box .product-list > li a::before {
  width: 12px;
  height: 2px;
  background: #fff
}
.p-trial .p-subtop__grad-box .product-list > li a::after {
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.p-trial .p-subtop__grad-box .product-list > li a:hover {
  background: rgba(0, 0, 0, 0.24);
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .p-subtop__grad-box .study-list {
  margin-bottom: .2em
}
.p-trial .p-subtop__grad-box .study-list > li {
  margin-bottom: .6em;
  font-size: 1.3rem
}
.p-trial .p-subtop__grad-box .study-list > li:last-child {
  margin-bottom: 0
}
.p-trial .p-subtop__grad-box .study-list > li::before {
  background: rgba(255, 255, 255, 0.4)
}
.p-trial .movie-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-trial .movie-list > li {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px
}
.p-trial .movie-list > li a {
  display: block
}
.p-trial .movie-list > li a div {
  background: #29b8ec
}
.p-trial .movie-list > li a div img {
  display: inline-block;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .movie-list > li a figcaption {
  margin-top: 8px;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .movie-list > li a figcaption span {
  display: inline-block;
  position: relative;
  padding: 6px 0 6px 38px
}
.p-trial .movie-list > li a figcaption span::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin: auto;
  border-radius: 50%;
  background: #555 url(/jp/-/media/ivd/medience/common/img/ico-video-white.png) center/16px auto no-repeat;
  content: '';
  transition: background-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .movie-list > li a:hover div img {
  opacity: .6;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .movie-list > li a:hover figcaption {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .movie-list > li a:hover figcaption span::before {
  background-color: #29b8ec;
  transition: background-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .graph-list {
  display: flex;
  justify-content: space-between
}
.p-trial .graph-list > li {
  width: calc((100% - 48px) / 2)
}
.p-trial .graph-list > li:nth-child(2n-1) figure {
  border-right: 1px solid #f4f4f4
}
.p-trial .c-flex > figure {
  width: calc(100% / 3)
}
.p-trial .c-flex > figure:nth-child(n+4) {
  margin-top: 1em
}
.p-trial .c-flex > figure img {
  display: block;
  max-width: 96%;
  margin: 0 auto
}
.p-trial .c-flex > figure figcaption {
  margin-top: 4px;
  color: #888;
  font-size: .86em;
  text-align: center
}
.p-trial .yakkou-list {
  margin-top: 40px
}
.p-trial .yakkou-list > li {
  margin-bottom: 2px;
  padding: 32px;
  background: #f4f4f4
}
.p-trial .yakkou-list > li.c-flex {
  justify-content: space-between
}
.p-trial .yakkou-list > li.c-flex > div {
  width: calc(100% - 280px)
}
.p-trial .yakkou-list > li.c-flex > figure {
  width: 250px
}
.p-trial .yakkou-list > li.c-flex > figure img {
  max-width: 100%
}
.p-trial .cytokine-box {
  display: flex;
  justify-content: space-between
}
.p-trial .cytokine-box > div {
  width: calc(100% - 280px)
}
.p-trial .cytokine-box > figure {
  width: 250px;
  text-align: center
}
.p-trial .cytokine-box > figure img {
  max-width: 100%
}
.p-trial .cytokine-box > figure figcaption {
  margin-top: 4px;
  color: #888;
  font-size: .86em;
  text-align: center
}
.p-trial .field-box__title {
  position: relative;
  padding-right: 48px;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .field-box__title span {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 100%
}
.p-trial .field-box__title span::before, .p-trial .field-box__title span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: rotate(0);
  background: #555;
  content: '';
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .field-box__title span::before {
  width: 8px;
  height: 2px;
  opacity: 1;
  transition: opacity 0.3s ease
}
.p-trial .field-box__title span::after {
  width: 2px;
  height: 8px;
  transform: rotate(0);
  border: none;
  transition: transform 0.3s ease
}
.p-trial .field-box__title:hover {
  color: #29b8ec;
  transition: color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .field-box__title:hover span::before, .p-trial .field-box__title:hover span::after {
  background: #29b8ec;
  transition: background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
}
.p-trial .field-box__title.is-active span::after {
  transform: rotate(90deg);
  transition: 0.3s ease
}
.p-trial .field-box__detail {
  display: none;
  margin-top: 1.2em;
  padding: 32px;
  background: #f6f6f6
}
.p-trial .field-box__detail .c-list.-num > li {
  margin-bottom: .8em
}
.p-trial .field-box__detail li {
  line-height: 1.6
}
.p-trial .field-box__detail dt {
  margin-bottom: 8px;
  font-weight: bold;
  line-height: 1.6
}
.p-trial .destination-table th {
  width: 160px
}
.p-trial .acrobat-box {
  display: flex;
  justify-content: space-between;
  margin-top: 40px
}
.p-trial .acrobat-box > figure {
  width: 112px
}
.p-trial .acrobat-box > p {
  width: calc(100% - (112px + 20px));
  line-height: 1.6
}
.p-trial .international-task {
  position: relative;
  width: 670px;
  height: 424px
}
.p-trial .international-task > span {
  box-sizing: border-box;
  display: flex;
  position: absolute;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 16px 26px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #f1f7fa;
  color: #888;
  font-weight: bold;
  cursor: default;
  transition: background .3s ease, color .3s ease
}
.p-trial .international-task > span:hover {
  background: #eaf2f7;
  color: #000;
  transition: background .3s ease, color .3s ease
}
.p-trial .international-task > span strong {
  display: block;
  width: 100%;
  color: #29b7ec;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4
}
.p-trial .international-task > span.area01 {
  top: 0;
  left: 0;
  width: 246px;
  height: 198px
}
.p-trial .international-task > span.area02 {
  top: 202px;
  left: 0;
  width: 246px;
  height: 108px
}
.p-trial .international-task > span.area03 {
  top: 314px;
  left: 0;
  width: 246px;
  height: 108px
}
.p-trial .international-task > span.area04 {
  top: 0;
  left: 250px;
  width: 246px;
  height: 138px
}
.p-trial .international-task > span.area05 {
  top: 0;
  left: 500px;
  width: 246px;
  height: 54px;
  font-size: 13px
}
.p-trial .international-task > span.area06 {
  top: 58px;
  left: 500px;
  width: 246px;
  height: 80px;
  font-size: 13px
}
.p-trial .international-task > span.area07 {
  top: 142px;
  left: 250px;
  width: 163px;
  height: 280px;
  padding-bottom: 140px
}
.p-trial .international-task > span.area07::after {
  display: block;
  position: absolute;
  right: 12px;
  bottom: 0;
  width: 80px;
  height: 128px;
  background: url(/jp/-/media/ivd/medience/medichem/trial/parts/img/man_illust.png) center/contain no-repeat;
  content: ''
}
.p-trial .international-task > span.area08 {
  top: 142px;
  left: 417px;
  width: 162px;
  height: 138px
}
.p-trial .international-task > span.area09 {
  top: 142px;
  left: 583px;
  width: 163px;
  height: 138px
}
.p-trial .international-task > span.area10 {
  top: 284px;
  left: 417px;
  width: 329px;
  height: 138px;
  cursor: pointer
}
.p-trial .international-task > span.area10 strong span {
  display: inline-block;
  position: relative;
  padding-right: 22px;
  transition: color .3s ease
}
.p-trial .international-task > span.area10 strong span::after {
  display: block;
  position: absolute;
  top: 11px;
  right: 0;
  width: 0;
  height: 0;
  border-width: 10px 7px 0 7px;
  border-style: solid;
  border-color: #29b7ec transparent transparent transparent;
  content: '';
  transition: border-color .3s ease
}
.p-trial .international-task > span.area10:hover {
  background: #29b7ec;
  color: #fff
}
.p-trial .international-task > span.area10:hover strong span {
  color: #fff;
  transition: color .3s ease
}
.p-trial .international-task > span.area10:hover strong span::after {
  border-color: #fff transparent transparent transparent;
  transition: border-color .3s ease
}
.p-trial .international-solution {
  margin-top: 20px
}
.p-trial .international-solution__item {
  position: relative;
  padding: 32px 32px 48px;
  background: #f6f6f6
}
.p-trial .international-solution__item.is-hidden .content {
  position: relative;
  height: 140px;
  overflow: hidden
}
.p-trial .international-solution__item.is-hidden .content::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, #f6f6f6, rgba(246, 246, 246, 0));
  content: ''
}
.p-trial .international-solution__item .c-title.-s {
  margin: 0 0 20px;
  padding-top: 0;
  letter-spacing: .08em
}
.p-trial .international-solution__item h4 {
  margin-bottom: 8px
}
.p-trial .international-solution__item p {
  margin-bottom: 16px
}
.p-trial .international-solution__item figure {
  margin: 12px 0 20px;
  padding: 0 !important;
  border: none !important
}
.p-trial .international-solution__item figure img {
  max-width: 100% !important
}
.p-trial .international-solution__item figure figcaption {
  margin-top: 8px !important;
  padding: 0;
  text-align: right
}
.p-trial .international-solution .content + a {
  box-sizing: border-box;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 48px;
  border-bottom: 1px solid #f6f6f6;
  color: #29b7ec;
  font-weight: bold;
  transition: border-color .3s ease
}
.p-trial .international-solution .content + a span {
  display: inline-block;
  position: relative;
  padding-right: 20px
}
.p-trial .international-solution .content + a span::before, .p-trial .international-solution .content + a span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 2px;
  margin: auto;
  background: #29b7ec;
  content: '';
  transition: background .3s ease
}
.p-trial .international-solution .content + a span::after {
  transform: rotate(90deg);
  transition: transform .3s ease
}
.p-trial .international-solution .content + a .close-text {
  display: none
}
.p-trial .international-solution .content + a:hover {
  border-color: #29b7ec;
  text-decoration: none;
  transition: border-color .3s ease
}
.p-trial .international-solution .content + a.is-hidden .open-text {
  display: none
}
.p-trial .international-solution .content + a.is-hidden .close-text {
  display: inline-block
}
.p-trial .international-solution .content + a.is-hidden span::after {
  transform: rotate(180deg);
  transition: transform .3s ease
}
.p-whatsnew .l-aside {
  border-color: #333
}
.p-whatsnew .l-aside .title {
  color: #333
}
.p-whatsnew .l-aside .title .toggle span {
  background: #333
}
.p-whatsnew .c-table th, .p-whatsnew .c-table td {
  padding: 20px 20px 28px
}
.p-whatsnew .c-table th {
  background: #eef2f4;
  vertical-align: top
}
.p-whatsnew .c-table .cat {
  display: inline-block;
  position: relative;
  margin-bottom: 6px;
  padding: 4px 0 4px 38px;
  font-weight: bold
}
.p-whatsnew .c-table .cat::before, .p-whatsnew .c-table .cat::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: ''
}
.p-whatsnew .c-table .cat::before {
  left: 0;
  width: 28px;
  height: 28px;
  margin: auto;
  border-radius: 50%;
  background: #146783
}
.p-whatsnew .c-table .cat::after {
  left: 7px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}
.p-whatsnew .c-table .cat.-news::after {
  background-image: url(/jp/-/media/ivd/medience/common/img/ico-news-white.png)
}
.p-whatsnew .c-table .cat.-company::after {
  background-image: url(/jp/-/media/ivd/medience/common/img/ico-company-white.png)
}
.p-whatsnew .c-table .cat.-inspection::after {
  background-image: url(/jp/-/media/ivd/medience/common/img/ico-inspection-white.png)
}
.p-whatsnew .c-table .cat.-topics::after {
  background-image: url(/jp/-/media/ivd/medience/common/img/ico-topics-white.png)
}
.u-aL {
  text-align: left
}
.u-aC {
  text-align: center
}
.u-aR {
  text-align: right
}
.u-bolder {
  font-weight: 500
}
.u-display-none {
  display: none
}
.u-indent {
  position: relative;
  padding-left: 1.2em
}
.u-indent::before {
  display: none !important
}
.u-indent > .-notes {
  position: absolute;
  top: .02em;
  left: 0
}
.u-inline-block {
  display: inline-block
}
.u-mt0 {
  margin-top: 0px !important
}
.u-mb0 {
  margin-bottom: 0px !important
}
.u-mr0 {
  margin-right: 0px !important
}
.u-ml0 {
  margin-left: 0px !important
}
.u-mt10 {
  margin-top: 10px !important
}
.u-mb10 {
  margin-bottom: 10px !important
}
.u-mr10 {
  margin-right: 10px !important
}
.u-ml10 {
  margin-left: 10px !important
}
.u-mt20 {
  margin-top: 20px !important
}
.u-mb20 {
  margin-bottom: 20px !important
}
.u-mr20 {
  margin-right: 20px !important
}
.u-ml20 {
  margin-left: 20px !important
}
.u-mt30 {
  margin-top: 30px !important
}
.u-mb30 {
  margin-bottom: 30px !important
}
.u-mr30 {
  margin-right: 30px !important
}
.u-ml30 {
  margin-left: 30px !important
}
.u-mt40 {
  margin-top: 40px !important
}
.u-mb40 {
  margin-bottom: 40px !important
}
.u-mr40 {
  margin-right: 40px !important
}
.u-ml40 {
  margin-left: 40px !important
}
.u-mt50 {
  margin-top: 50px !important
}
.u-mb50 {
  margin-bottom: 50px !important
}
.u-mr50 {
  margin-right: 50px !important
}
.u-ml50 {
  margin-left: 50px !important
}
.u-mt60 {
  margin-top: 60px !important
}
.u-mb60 {
  margin-bottom: 60px !important
}
.u-mr60 {
  margin-right: 60px !important
}
.u-ml60 {
  margin-left: 60px !important
}
.u-mt70 {
  margin-top: 70px !important
}
.u-mb70 {
  margin-bottom: 70px !important
}
.u-mr70 {
  margin-right: 70px !important
}
.u-ml70 {
  margin-left: 70px !important
}
.u-mt80 {
  margin-top: 80px !important
}
.u-mb80 {
  margin-bottom: 80px !important
}
.u-mr80 {
  margin-right: 80px !important
}
.u-ml80 {
  margin-left: 80px !important
}
.u-mt90 {
  margin-top: 90px !important
}
.u-mb90 {
  margin-bottom: 90px !important
}
.u-mr90 {
  margin-right: 90px !important
}
.u-ml90 {
  margin-left: 90px !important
}
.u-mt100 {
  margin-top: 100px !important
}
.u-mb100 {
  margin-bottom: 100px !important
}
.u-mr100 {
  margin-right: 100px !important
}
.u-ml100 {
  margin-left: 100px !important
}
.float-right-img {
  margin-bottom: 30px;
  margin-left: 30px;
  float: right
}
.-nowrap {
  white-space: nowrap
}
.-vertical_rl {
  margin: 0;
  line-height: 1em;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}
.u-pt0 {
  padding-top: 0px !important
}
.u-pb0 {
  padding-bottom: 0px !important
}
.u-pt10 {
  padding-top: 10px !important
}
.u-pb10 {
  padding-bottom: 10px !important
}
.u-pt20 {
  padding-top: 20px !important
}
.u-pb20 {
  padding-bottom: 20px !important
}
.u-pt30 {
  padding-top: 30px !important
}
.u-pb30 {
  padding-bottom: 30px !important
}
.u-pt40 {
  padding-top: 40px !important
}
.u-pb40 {
  padding-bottom: 40px !important
}
.u-pt50 {
  padding-top: 50px !important
}
.u-pb50 {
  padding-bottom: 50px !important
}
.u-pt60 {
  padding-top: 60px !important
}
.u-pb60 {
  padding-bottom: 60px !important
}
.u-pt70 {
  padding-top: 70px !important
}
.u-pb70 {
  padding-bottom: 70px !important
}
.u-pt80 {
  padding-top: 80px !important
}
.u-pb80 {
  padding-bottom: 80px !important
}
.u-pt90 {
  padding-top: 90px !important
}
.u-pb90 {
  padding-bottom: 90px !important
}
.u-pt100 {
  padding-top: 100px !important
}
.u-pb100 {
  padding-bottom: 100px !important
}
.u-pc {
  display: inherit
}
.u-sp {
  display: none
}
.u-smaller {
  font-size: .8em
}
.u-smaller.-xs {
  font-size: .6em
}
.u-w10 {
  width: 10px
}
.u-w20 {
  width: 20px
}
.u-w30 {
  width: 30px
}
.u-w40 {
  width: 40px
}
.u-w50 {
  width: 50px
}
.u-w60 {
  width: 60px
}
.u-w70 {
  width: 70px
}
.u-w80 {
  width: 80px
}
.u-w90 {
  width: 90px
}
.u-w100 {
  width: 100px
}
.u-w110 {
  width: 110px
}
.u-w120 {
  width: 120px
}
.u-w130 {
  width: 130px
}
.u-w140 {
  width: 140px
}
.u-w150 {
  width: 150px
}
.u-w160 {
  width: 160px
}
.u-w170 {
  width: 170px
}
.u-w180 {
  width: 180px
}
.u-w190 {
  width: 190px
}
.u-w200 {
  width: 200px
}
.u-w210 {
  width: 210px
}
.u-w220 {
  width: 220px
}
.u-w230 {
  width: 230px
}
.u-w240 {
  width: 240px
}
.u-w250 {
  width: 250px
}
.u-w260 {
  width: 260px
}
.u-w270 {
  width: 270px
}
.u-w280 {
  width: 280px
}
.u-w290 {
  width: 290px
}
.u-w300 {
  width: 300px
}
.u-w310 {
  width: 310px
}
.u-w320 {
  width: 320px
}
.u-w330 {
  width: 330px
}
.u-w340 {
  width: 340px
}
.u-w350 {
  width: 350px
}
.u-w360 {
  width: 360px
}
.u-w370 {
  width: 370px
}
.u-w380 {
  width: 380px
}
.u-w390 {
  width: 390px
}
.u-w400 {
  width: 400px
}
.u-w410 {
  width: 410px
}
.u-w420 {
  width: 420px
}
.u-w430 {
  width: 430px
}
.u-w440 {
  width: 440px
}
.u-w450 {
  width: 450px
}
.u-w460 {
  width: 460px
}
.u-w470 {
  width: 470px
}
.u-w480 {
  width: 480px
}
.u-w490 {
  width: 490px
}
.u-w500 {
  width: 500px
}
.u-w510 {
  width: 510px
}
.u-w520 {
  width: 520px
}
.u-w530 {
  width: 530px
}
.u-w540 {
  width: 540px
}
.u-w550 {
  width: 550px
}
.u-w560 {
  width: 560px
}
.u-w570 {
  width: 570px
}
.u-w580 {
  width: 580px
}
.u-w590 {
  width: 590px
}
.u-w600 {
  width: 600px
}
.u-w610 {
  width: 610px
}
.u-w620 {
  width: 620px
}
.u-w630 {
  width: 630px
}
.u-w640 {
  width: 640px
}
.u-w650 {
  width: 650px
}
.u-w660 {
  width: 660px
}
.u-w670 {
  width: 670px
}
.u-w680 {
  width: 680px
}
.u-w690 {
  width: 690px
}
.u-w700 {
  width: 700px
}
.u-w710 {
  width: 710px
}
.u-w720 {
  width: 720px
}
.u-w730 {
  width: 730px
}
.u-w740 {
  width: 740px
}
.u-w750 {
  width: 750px
}
.u-w760 {
  width: 760px
}
.u-w770 {
  width: 770px
}
.u-w780 {
  width: 780px
}
.u-w790 {
  width: 790px
}
.u-w800 {
  width: 800px
}
.u-w810 {
  width: 810px
}
.u-w820 {
  width: 820px
}
.u-w830 {
  width: 830px
}
.u-w840 {
  width: 840px
}
.u-w850 {
  width: 850px
}
.u-w860 {
  width: 860px
}
.u-w870 {
  width: 870px
}
.u-w880 {
  width: 880px
}
.u-w890 {
  width: 890px
}
.u-w900 {
  width: 900px
}
.u-w910 {
  width: 910px
}
.u-w920 {
  width: 920px
}
.u-w930 {
  width: 930px
}
.u-w940 {
  width: 940px
}
.u-w950 {
  width: 950px
}
.u-w960 {
  width: 960px
}
.u-w970 {
  width: 970px
}
.u-w980 {
  width: 980px
}
.u-w990 {
  width: 990px
}
.u-w1000 {
  width: 1000px
}
.w33p {
  width: calc(100% / 3) !important
}
.w48p {
  width: 48% !important
}
.w45p {
  width: 45% !important
}
.w40p {
  width: 40% !important
}
.w35p {
  width: 35% !important
}
.w30p {
  width: 30% !important
}
.w25p {
  width: 25% !important
}
.w20p {
  width: 20% !important
}
.w15p {
  width: 15% !important
}
.w10p {
  width: 10% !important
}
@media screen {
  [hidden ~ ="screen"] {
    display: inherit
  }
  [hidden ~ ="screen"]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important
  }
}
@media only screen and (max-width: 1200px) {
  body {
    font-size: 1.5rem
  }
  .l-border {
    left: 0;
    width: 1200px
  }
  .l-border span:nth-child(1), .l-border span:nth-child(7) {
    display: none
  }
  .l-pagetop {
    right: auto;
    left: 50%;
    margin-left: 550px
  }
  .l-pagetop span {
    display: none
  }
  .l-pagetop.is-active, .l-pagetop:hover {
    width: 32px;
    background: #eee
  }
  .l-pagetop.is-active::after, .l-pagetop:hover::after {
    left: 12px;
    border-color: #888;
    transition: left 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-company .base-box__tabs.is-move {
    left: 100px;
    margin-left: 0
  }
  .p-diagnostics .item-box__tabs.is-move {
    left: 100px;
    margin-left: 0
  }
  .p-forum .forum-box__tabs.is-move {
    left: 100px;
    margin-left: 0
  }
  .p-subtop__title-box {
    width: calc(1000px + 100px)
  }
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 1.4rem
  }
  body.is-fixed {
    position: fixed
  }
  #wrapper {
    min-width: auto
  }
  .l-article .text {
    width: 100%;
    margin: 0 0 64px
  }
  .l-article .text > p a.c-btn {
    margin: 4px 0
  }
  .l-article .c-list a[href*=".pdf"] {
    background-size: 12px 12px
  }
  .l-aside {
    top: 0;
    min-width: auto;
    transform: translateY(48px);
    background: none;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-aside.is-move {
    top: 0;
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-aside.is-slideDown {
    top: 0;
    transform: translateY(48px);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-aside.is-on {
    -webkit-overflow-scrolling: touch;
    z-index: 200;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    overflow-y: auto;
    transform: translateY(0)
  }
  .l-aside.is-on + .l-lowernav {
    transform: translateY(49px)
  }
  .l-aside .inner {
    display: block;
    width: 100%
  }
  .l-aside .title {
    margin: 0
  }
  .l-aside .title a {
    display: block;
    padding: 13px 16px
  }
  .l-aside .title > span {
    display: block;
    padding: 13px 16px
  }
  .l-aside .title .toggle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    pointer-events: all
  }
  .l-aside .title .toggle span {
    display: block;
    position: absolute;
    top: 19px;
    right: 0;
    left: 0;
    width: 12px;
    height: 2px;
    margin: auto;
    background: #555
  }
  .l-aside .title .toggle span:nth-child(1) {
    top: 19px;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-aside .title .toggle span:nth-child(2) {
    top: 23px
  }
  .l-aside .title .toggle span:nth-child(3) {
    top: 27px;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-aside .title .toggle.is-active span:nth-child(1) {
    top: 23px;
    transform: rotate(45deg);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-aside .title .toggle.is-active span:nth-child(2) {
    opacity: 0
  }
  .l-aside .title .toggle.is-active span:nth-child(3) {
    top: 23px;
    transform: rotate(-45deg);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-aside nav {
    display: none
  }
  .l-aside .side-nav {
    display: block
  }
  .l-aside .side-nav > li {
    position: relative;
    margin-right: 0
  }
  .l-aside .side-nav > li > a {
    padding: 14px 16px 13px
  }
  .l-aside .side-nav > li > a[target="_blank"] {
    padding-right: 32px;
    background-position: center right 20px
  }
  .l-aside .side-nav > li.-has-second > a {
    padding-right: 24px
  }
  .l-aside .side-nav > li.-has-second > a::after {
    right: 20px
  }
  .l-aside .second-nav {
    width: 100%
  }
  .l-aside .second-nav-wrap {
    display: none;
    position: relative;
    top: 0;
    background: #555;
    opacity: 1;
    pointer-events: all
  }
  .l-aside .second-nav > li {
    display: flex;
    width: 50%;
    border: none
  }
  .l-aside .second-nav > li > a {
    width: 100%;
    height: auto;
    padding: 14px 40px 14px 16px;
    font-size: 1.2rem;
    line-height: 1.5
  }
  .l-aside .second-nav > li > a::after {
    right: 20px
  }
  .l-aside .switch {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background: #f6f6f6;
    pointer-events: none
  }
  .l-aside .switch::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    height: 6px;
    margin: auto;
    transform: rotate(45deg);
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    content: '';
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-aside .switch.is-active {
    background: #555
  }
  .l-aside .switch.is-active::after {
    transform: rotate(225deg);
    border-color: #fff;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-border {
    width: 100% !important
  }
  .l-border span:nth-child(2), .l-border span:nth-child(6) {
    display: none
  }
  .l-border span:nth-child(3) {
    left: 16px;
    margin-left: auto
  }
  .l-border span:nth-child(5) {
    right: 16px;
    left: auto;
    margin-left: auto
  }
  .l-breadcrumb {
    padding: 0;
    transform: translateY(60px);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-breadcrumb::before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 52px;
    width: 30px;
    height: 100%;
    background: linear-gradient(-90deg, #fff, rgba(255, 255, 255, 0));
    content: ''
  }
  .l-breadcrumb.is-slideUp {
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-breadcrumb.is-stop {
    margin-top: 100px;
    transform: translateY(0);
    transition: none
  }
  .l-breadcrumb.is-stop::before {
    display: none
  }
  .l-breadcrumb.is-stop .l-inner {
    width: 100%;
    padding: 12px 16px 14px 16px
  }
  .l-breadcrumb .l-inner {
    -webkit-overflow-scrolling: touch;
    width: calc(100% - 52px);
    margin: 0;
    padding: 12px 0 14px 16px;
    overflow-x: auto
  }
  .l-breadcrumb .l-inner::-webkit-scrollbar {
    height: 4px
  }
  .l-breadcrumb .l-inner::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .l-breadcrumb .l-inner::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .l-breadcrumb .breadcrumb-list {
    display: block
  }
  .l-breadcrumb .breadcrumb-list > li {
    display: inline-block;
    padding-right: 11px;
    font-size: 1.2rem
  }
  .l-breadcrumb .breadcrumb-list > li::after {
    top: 9px;
    bottom: auto;
    width: 5px;
    height: 5px
  }
  .l-breadcrumb .breadcrumb-list > li:last-child {
    padding-right: 24px
  }
  .l-breadcrumb .breadcrumb-list > li.-home {
    top: 2px
  }
  .l-breadcrumb .breadcrumb-list > li.-home > a {
    width: 20px;
    padding-top: 1px;
    padding-left: 20px;
    background-position: top 4px left;
    background-size: 14px auto;
    color: transparent
  }
  .l-footer {
    top: 60px;
    margin-top: 100px;
    padding-top: 16px;
    font-size: 1.2rem;
    line-height: 1.4
  }
  .l-footer .footer-nav {
    display: block
  }
  .l-footer .footer-line {
    width: 100%;
    padding-right: 0
  }
  .l-footer .footer-line.-wide {
    width: 100%
  }
  .l-footer .footer-line h3 {
    margin: 32px 0 12px;
    padding-bottom: 14px
  }
  .l-footer .footer-line > ul {
    display: flex;
    flex-wrap: wrap
  }
  .l-footer .footer-line > ul > li {
    width: 50%;
    padding-right: 12px
  }
  .l-footer .footer-line-second {
    display: block
  }
  .l-footer .footer-line-second > ul {
    width: 100%
  }
  .l-footer .footer-line-second > ul > li {
    margin-bottom: 8px
  }
  .l-footer .footer-line-second > ul > li.-half {
    display: inline-block;
    width: 50%;
    float: left
  }
  .l-footer .footer-line-second > ul.sp-flex {
    display: flex;
    flex-wrap: wrap
  }
  .l-footer .footer-line-second > ul.sp-flex > li {
    width: 50%
  }
  .l-footer .footer-nav-second {
    display: flex;
    flex-wrap: wrap
  }
  .l-footer .footer-nav-second > li {
    width: 50%
  }
  .l-footer .footer-bottom {
    display: block
  }
  .l-footer .footer-bottom ul {
    flex-wrap: wrap
  }
  .l-footer .footer-bottom ul > li {
    width: 50%;
    margin: 0 0 6px;
    padding-right: 16px
  }
  .l-footer .footer-bottom .policy-links {
    justify-content: center;
    width: 100%;
    margin: 12px 0 0;
    padding: 10px 12px 11px;
    border-radius: 19px
  }
  .l-footer .footer-bottom .policy-links > ul > li {
    width: auto;
    margin-bottom: 0
  }
  .l-footer .footer-bottom .policy-links > ul > li:last-child {
    padding-right: 0
  }
  .l-footer .footer-bottom small {
    display: block;
    margin-top: 32px;
    text-align: center
  }
  .l-header {
    top: 0;
    left: 0;
    min-width: auto;
    height: 48px;
    background: none;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-header.is-move {
    top: 0;
    transform: translateY(-48px);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-header.is-slideDown {
    top: 0;
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-header.is-on {
    -webkit-overflow-scrolling: touch;
    z-index: 200;
    position: fixed;
    bottom: 0;
    height: auto;
    overflow-y: auto
  }
  .l-header .inner {
    display: block;
    padding-top: 48px;
    pointer-events: none
  }
  .l-header .inner.is-show {
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: all
  }
  .l-header .logo {
    position: absolute;
    top: 12px;
    left: 16px;
    width: 100px;
    margin: auto;
    pointer-events: all
  }
  .l-header .sp-search {
    display: block;
    position: absolute;
    top: 0;
    right: 96px;
    width: 48px;
    height: 48px;
    border-left: 1px solid #eee;
    pointer-events: all
  }
  .l-header .sp-search::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url(/jp/-/media/ivd/medience/common/img/ico-search.png) center/contain no-repeat;
    content: ''
  }
  .l-header .sp-mail {
    display: block;
    position: absolute;
    top: 0;
    right: 48px;
    width: 48px;
    height: 48px;
    border-left: 1px solid #eee;
    pointer-events: all
  }
  .l-header .sp-mail::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url(/jp/-/media/ivd/medience/common/img/ico-mail-black.png) center/contain no-repeat;
    content: ''
  }
  .l-header .toggle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    border-left: 1px solid #eee;
    pointer-events: all
  }
  .l-header .toggle span {
    display: block;
    position: absolute;
    top: 19px;
    right: 0;
    left: 0;
    width: 12px;
    height: 2px;
    margin: auto;
    background: #555
  }
  .l-header .toggle span:nth-child(1) {
    top: 19px
  }
  .l-header .toggle span:nth-child(2) {
    top: 23px
  }
  .l-header .toggle span:nth-child(3) {
    top: 27px
  }
  .l-header .toggle.is-active {
    border-color: #f3f7f8;
    background: #f3f7f8
  }
  .l-header .toggle.is-active span:nth-child(1) {
    top: 23px;
    transform: rotate(45deg);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-header .toggle.is-active span:nth-child(2) {
    opacity: 0
  }
  .l-header .toggle.is-active span:nth-child(3) {
    top: 23px;
    transform: rotate(-45deg);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-header .nav-area {
    display: none;
    background: #f3f7f8
  }
  .l-header .nav-area.is-show {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-y: auto
  }
  .l-header .global-nav {
    display: block
  }
  .l-header .global-nav > li {
    margin-right: 0
  }
  .l-header .global-nav > li > a {
    height: 48px;
    padding: 0 48px 0 16px;
    font-size: 1.3rem;
    line-height: 48px
  }
  .l-header .global-nav > li > a::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    content: ''
  }
  .l-header .global-nav > li > a::after {
    top: 20px;
    right: 20px
  }
  .l-header .global-nav > li > a.is-active::before {
    background: #29b8ec
  }
  .l-header .global-nav > li > a.is-active::after {
    top: 24px;
    border-color: #fff
  }
  .l-header .second-nav {
    width: 100%
  }
  .l-header .second-nav-wrap {
    display: none;
    position: relative;
    top: 0;
    opacity: 1;
    pointer-events: all
  }
  .l-header .second-nav > li {
    width: 50%;
    border: none
  }
  .l-header .second-nav > li > a {
    padding: 13px 40px 13px 16px;
    font-size: 1.2rem;
    line-height: 1.5
  }
  .l-header .second-nav > li > a::after {
    right: 20px
  }
  .l-header .lang-switch {
    width: 86px;
    height: 46px;
    margin: 24px auto;
    border-radius: 43px;
    background: #fff
  }
  .l-header .lang-switch a {
    width: 40px;
    height: 40px;
    line-height: 40px
  }
  .l-header .other-switch {
    margin-left: 0
  }
  .l-header .other-switch > li {
    width: 100%;
    background: #fff
  }
  .l-header .other-switch > li > a {
    height: 48px;
    font-size: 1.2rem
  }
  .l-header .other-switch > li > a span {
    padding: 0 0 2px 21px;
    background-position: left top 5px;
    background-size: 12px 12px
  }
  .l-header .other-switch > li.-search {
    display: none
  }
  .l-header .other-switch > li.-contact {
    display: none
  }
  .l-inner {
    padding: 0 16px
  }
  .l-lowernav {
    min-width: auto;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-lowernav.is-move {
    top: 0;
    transform: translateY(49px);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-lowernav.is-slideDown {
    top: 0;
    transform: translateY(97px);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-lowernav .l-inner {
    width: 100%;
    padding: 0
  }
  .l-lowernav .title {
    display: none
  }
  .l-lowernav nav > ul {
    padding: 0 0 0 16px
  }
  .l-lowernav nav > ul > li {
    margin-right: 0;
    padding-right: 16px
  }
  .l-lowernav nav > ul > li > a br {
    display: none
  }
  .l-lowernav.-narrow nav > ul > li {
    margin-right: 0
  }
  .l-main {
    padding-top: 100px
  }
  .has-lowernav .l-main {
    padding-top: 150px
  }
  .l-pagetop {
    right: 16px;
    bottom: 11px;
    left: auto;
    margin-left: auto;
    transform: translateY(60px);
    background: #222;
    transition: none;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-pagetop::after {
    left: 12px;
    border-color: #fff
  }
  .l-pagetop span {
    display: none
  }
  .l-pagetop.is-active, .l-pagetop:hover {
    background: #222
  }
  .l-pagetop.is-active::after, .l-pagetop:hover::after {
    border-color: #fff
  }
  .l-pagetop.is-active.message-hidden, .l-pagetop:hover.message-hidden {
    background: #222;
    transition: none
  }
  .l-pagetop.is-active.message-hidden::after, .l-pagetop:hover.message-hidden::after {
    border-color: #fff;
    transition: none
  }
  .l-pagetop.is-active {
    right: 16px;
    transform: translateY(0);
    transition: none;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-pagetop.is-hidden {
    opacity: 1;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .l-search {
    width: 92%;
    transform: translate(-50%, -120%)
  }
  .l-search .inner p {
    margin-bottom: 16px;
    font-size: 2rem
  }
  .l-search .inner .close {
    top: -6px;
    width: 48px;
    height: 48px
  }
  .l-search .inner .close::before, .l-search .inner .close::after {
    width: 24px
  }
  .l-search .inner input {
    width: 100%;
    padding: 12px 40px 12px 12px;
    font-size: 15px
  }
  .c-adobe {
    margin-top: 60px;
    padding: 20px
  }
  .c-adobe > span {
    width: 56px
  }
  .c-adobe p {
    width: calc(100% - (56px + 20px));
    font-size: 1.1rem;
    line-height: 1.6
  }
  .c-archive-list {
    margin-right: 1px
  }
  .c-archive-list > li > a dl, .c-archive-list > li > div dl {
    display: block
  }
  .c-archive-list > li > a dl dt, .c-archive-list > li > div dl dt {
    font-size: 1.2rem
  }
  .c-archive-list > li > a dl dd, .c-archive-list > li > div dl dd {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    line-height: 1.5
  }
  .c-archive-list > li > a dl dd span, .c-archive-list > li > div dl dd span {
    top: -32px;
    bottom: auto;
    height: 22px;
    font-size: 1.1rem;
    line-height: 22px
  }
  .c-archive-list > li > a dl dd span.-info, .c-archive-list > li > a dl dd span.-legal, .c-archive-list > li > a dl dd span.-society, .c-archive-list > li > div dl dd span.-info, .c-archive-list > li > div dl dd span.-legal, .c-archive-list > li > div dl dd span.-society {
    left: 74px;
    width: 80px
  }
  .c-archive-list > li > a dl dd span.-biz, .c-archive-list > li > div dl dd span.-biz {
    left: 160px
  }
  .c-arrow {
    padding: 20px
  }
  .c-box {
    padding: 20px
  }
  .c-box .c-title {
    font-size: 1.8rem
  }
  .c-box .c-title.-s {
    font-size: 1.6rem
  }
  .c-box a[href*=".pdf"] {
    background-size: 12px 12px
  }
  .c-btn {
    padding: 12px
  }
  .c-faq-list {
    margin-right: 1px
  }
  .c-faq .q {
    padding: 16px 12px 16px 32px
  }
  .c-faq .q::before {
    left: 4px
  }
  .c-faq .q span {
    padding-right: 24px
  }
  .c-faq .a {
    padding: 16px 12px 16px 32px
  }
  .c-faq .a::before {
    left: 4px
  }
  .c-figure {
    padding: 16px;
    border-right: 1px solid #f4f4f4
  }
  .c-figure figcaption {
    margin-top: 1.6em
  }
  .c-figure figcaption.-large {
    font-size: 1.5rem
  }
  .c-figure figcaption.-large dl dt {
    font-size: 1.7rem
  }
  .c-figure-list .c-figure {
    width: 100%
  }
  .c-figure-list.-column2 .c-figure {
    width: 100%
  }
  .c-figure-list.-column2 .c-figure:nth-child(2n-1) {
    border-right: 1px solid #f4f4f4
  }
  .c-figure-list.-column3 .c-figure {
    width: 100%
  }
  .c-figure-list.-column3 .c-figure:not(:nth-child(3n)) {
    border-right: 1px solid #f4f4f4
  }
  .c-labo-box {
    padding: 20px
  }
  .c-labo-box__figure {
    width: 120px
  }
  .c-labo-box__data {
    width: calc(100% - 120px);
    margin-top: 0;
    padding-left: 16px
  }
  .c-labo-box__data dt {
    margin-bottom: 4px;
    font-size: 1.3rem
  }
  .c-labo-box__data dd {
    font-size: 1.3rem;
    line-height: 1.5
  }
  .c-list > li {
    margin-bottom: .8em
  }
  .c-list.-flex-3 > li {
    width: 50%
  }
  .c-list.-larger {
    font-size: 1.7rem
  }
  .c-modal-dl-inner {
    width: calc(100% - (16px * 2));
    padding: 20px
  }
  .c-modal-dl-inner p {
    font-size: 1.3rem
  }
  .c-modal-dl-inner label {
    padding: 12px 16px;
    font-size: 1.3rem;
    line-height: 1.4
  }
  .c-modal figure img {
    padding: 12px
  }
  .c-news-box .content {
    padding: 20px 16px
  }
  .c-news-box .news-list-wrap {
    max-height: 280px
  }
  .c-news-box .news-list > li dl dt {
    width: 80px;
    padding-top: .2em;
    color: #888;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 500
  }
  .c-news-box .news-list > li dl dd {
    width: calc(100% - 80px);
    font-size: 1.3rem
  }
  .c-news-box .news-list > li dl dd.tag {
    width: 80px
  }
  .c-news-box .news-list > li dl dd.tag span {
    font-size: 1.1rem
  }
  .c-news-box .news-list > li dl dd.detail {
    width: calc(100% - 180px);
    margin-left: 20px
  }
  .c-news-box .news-list > li dl dd a[href*=".pdf"] {
    padding-right: 20px;
    background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right 2px/12px auto no-repeat
  }
  .c-news-box .news-list-link {
    margin-top: 16px
  }
  .c-pdflist {
    border-right: 1px solid #f4f4f4
  }
  .c-pdflist li dl dt p {
    padding: 20px 16px;
    padding-right: 86px
  }
  .c-pdflist li dl dt a[href$=".pdf"], .c-pdflist li dl dt a[href$=".pdf#zoom=100"], .c-pdflist li dl dt a[href$=".html"] {
    right: 38px;
    width: 40px;
    height: 40px
  }
  .c-pdflist li dl dt .toggle {
    width: 40px
  }
  .c-pdflist li dl dd {
    padding: 20px 16px
  }
  .c-pdflist li dl dd .c-btn {
    width: 100%;
    min-width: 100%
  }
  .c-table {
    border: 1px solid #ddd;
    font-size: 1.3rem
  }
  .c-table th, .c-table td {
    padding: 16px 12px
  }
  .c-table th.w250, .c-table td.w250 {
    width: auto
  }
  .c-title.-xl {
    margin: 56px 0 32px;
    font-size: 3rem;
    letter-spacing: .1em;
    line-height: 1.6
  }
  .c-title.-xl span {
    font-size: 2rem
  }
  .c-title.-l {
    margin: 60px 0 32px;
    padding-top: 48px;
    font-size: 2.4rem
  }
  .c-title.-l span {
    padding-left: 16px
  }
  .c-title.-m {
    margin: 36px 0 20px;
    font-size: 2rem
  }
  .c-title.-s {
    font-size: 1.7rem
  }
  .p-animus .c-title.-l {
    margin-bottom: 32px
  }
  .p-animus .text.-title-left {
    margin-top: 0;
    margin-bottom: 48px
  }
  .p-animus .latest-issue {
    display: block;
    padding-top: 32px
  }
  .p-animus .latest-issue-title {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
  .p-animus .latest-issue-title figure img {
    max-width: 72px
  }
  .p-animus .number-list {
    border-right: 1px solid #f4f4f4
  }
  .p-animus .number-list li dl dt p {
    display: block;
    padding-right: 40px;
    line-height: 1.4
  }
  .p-animus .number-list li dl dt p .title {
    width: 100%;
    margin-bottom: 4px
  }
  .p-animus .number-list li dl dt p .title i {
    min-width: 44px
  }
  .p-animus .number-list li dl dt p .title.-new {
    font-size: 1.5rem
  }
  .p-animus .number-list li dl dt p .title.-new i {
    min-width: 40px;
    height: 20px;
    font-size: 1.2rem;
    line-height: 20px
  }
  .p-animus .number-list li dl dt p .data {
    width: 100%;
    font-size: 1.2rem
  }
  .p-animus .number-list li dl dt .toggle {
    width: 40px
  }
  .p-animus .number-list li dl dd {
    padding: 20px 16px
  }
  .p-animus .c-table th, .p-animus .c-table td {
    padding: 12px 8px
  }
  .p-animus .c-table th.-document {
    width: 60px
  }
  .p-animus .c-table th.-name {
    width: 60px
  }
  .p-animus .c-table td a.-pdf {
    padding: 22px 8px 6px 8px;
    font-size: 1rem
  }
  .p-animus .c-table td a.-pdf::after {
    top: 8px;
    right: 0;
    bottom: auto;
    left: 0;
    width: 14px;
    height: 14px
  }
  .p-clinical .p-subtop__information-box {
    margin: 80px 0
  }
  .p-clinical .p-subtop__contact {
    background-attachment: initial
  }
  .p-clinical .p-subtop__contact .l-inner {
    padding: 20px 16px 80px
  }
  .p-clinical .p-subtop__contact .l-inner .text {
    margin-left: 0
  }
  .p-clinical .p-subtop__contact .-contact_tel {
    display: block
  }
  .p-clinical .p-subtop__contact .-contact_tel p:nth-of-type(1) {
    width: 100%
  }
  .p-clinical .p-subtop__contact .-contact_tel .p-tel_num {
    width: 100%;
    margin: 12px 0 0
  }
  .p-clinical.p-subtop .text.-other_service {
    margin: 0 0 100px
  }
  .p-clinical.p-subtop .service-others li {
    width: 100%;
    margin-bottom: 2px;
    padding: 0
  }
  .p-clinical.p-subtop .service-others li a {
    padding: 16px 16px 20px
  }
  .p-clinical.p-subtop .service-others li a h3 {
    margin-bottom: 8px;
    text-align: left
  }
  .p-clinical.p-subtop .service-others li.-wide_elm {
    display: block;
    margin-bottom: 0;
    padding: 20px 16px;
    border: none
  }
  .p-clinical.p-subtop .service-others li.-wide_elm h3 {
    margin-bottom: 8px;
    padding: 0
  }
  .p-clinical.p-subtop .service-aside {
    padding: 20px 16px
  }
  .p-clinical.p-subtop .list-ict::after {
    width: 100%
  }
  .p-clinical.p-subtop .list-ict.u-mt100 {
    margin-top: 60px !important
  }
  .p-clinical.p-subtop .list-ict > li {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px
  }
  .p-clinical.p-subtop .list-ict > li > a figure img {
    margin-bottom: 8px
  }
  .p-clinical .c-news-box .news-list-wrap {
    -webkit-overflow-scrolling: touch;
    padding: 0;
    overflow-y: auto;
    background: #fff
  }
  .p-clinical .box-entry {
    width: 100%;
    margin-left: 0;
    padding: 16px 12px 12px
  }
  .p-clinical .box-entry .c-btn {
    width: 100%
  }
  .p-clinical .c-box.-anchor-list {
    display: block;
    padding: 0
  }
  .p-clinical .c-box.-anchor-list li {
    padding: 0
  }
  .p-clinical .c-box.-anchor-list li + li {
    border-left: none
  }
  .p-clinical .c-box.-anchor-list li:last-child a {
    border-bottom: none
  }
  .p-clinical .c-box.-anchor-list a {
    display: block;
    width: 100%;
    padding: 12px 32px 12px 16px;
    border-bottom: 1px solid #e4e4e4
  }
  .p-clinical .c-box.-anchor-list a[target="_blank"]:not([href*=".pdf"]) {
    background-position: center right 16px
  }
  .p-clinical .c-box.-anchor-list a::after {
    right: 18px
  }
  .p-clinical .modtab__tab {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }
  .p-clinical .modtab__tab::-webkit-scrollbar {
    height: 4px
  }
  .p-clinical .modtab__tab::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .p-clinical .modtab__tab::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .p-clinical .modtab__tab li {
    width: 100%;
    white-space: nowrap
  }
  .p-clinical .modtab__tab li a {
    padding: 16px 12px;
    font-size: 1.2rem
  }
  .p-clinical .modtab__tab.-tab_info li {
    width: 100%;
    border-bottom: none
  }
  .p-clinical .modtab__tab.-tab_info li a {
    padding: 16px 12px;
    font-size: 1.2rem
  }
  .p-clinical .modtab__tab.-tab_info li a span {
    padding-right: 16px
  }
  .p-clinical .modtab__tab.-tab_info li a span::after {
    width: 6px;
    height: 6px
  }
  .p-clinical .modtab__panel .panel.c-flex figure {
    width: 100%
  }
  .p-clinical .modtab__panel .panel.c-flex figure img {
    width: 100%
  }
  .p-clinical .modtab__panel .panel.c-flex .column-text {
    width: 100%;
    margin-top: 24px;
    padding-top: 0
  }
  .p-clinical .modtab__panel .panel.c-flex .column-text p {
    position: relative;
    margin-bottom: 12px
  }
  .p-clinical .modtab__panel .panel.c-flex .column-text .c-link_lower {
    position: relative
  }
  .p-clinical .info-title {
    display: block;
    margin-top: 56px
  }
  .p-clinical .info-title h1 {
    width: 100%;
    margin-bottom: 32px;
    font-size: 3rem;
    line-height: 1.4;
    text-align: center
  }
  .p-clinical .info-title p {
    display: block;
    width: 100%
  }
  .p-clinical .info-list {
    flex-wrap: wrap
  }
  .p-clinical .info-list > li {
    width: calc((100% - (12px * 2)) / 3);
    margin-bottom: 12px
  }
  .p-clinical .info-list > li:nth-last-child(-n+3) {
    margin-bottom: 0
  }
  .p-clinical .info-list > li a::after {
    bottom: -6px;
    border-width: 6px 6px 0 6px
  }
  .c-table th.-code {
    width: 76px
  }
  .c-table.-clinical_info .-header th {
    z-index: 0;
    position: relative;
    top: auto !important
  }
  .c-table.-clinical_info .c-list > * + li {
    margin-top: 4px
  }
  .-panel_in .c-table.-clinical_info {
    display: block
  }
  .-panel_in .c-table.-clinical_info .-header {
    display: none
  }
  .-panel_in .c-table.-clinical_info .-header th {
    position: relative
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header) {
    display: block;
    position: relative;
    padding: 12px;
    border-bottom: 1px solid #f6f6f6
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header):last-child {
    margin-bottom: 0
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header) th, .-panel_in .c-table.-clinical_info tr:not(.-header) td {
    display: block;
    width: auto;
    padding: 0;
    border-bottom: none
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header) th {
    width: 100%;
    font-size: 1rem;
    text-align: left
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header) th::before {
    content: 'NO.'
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header) td[class^="mdl0"] {
    position: absolute;
    top: 8px;
    right: 12px
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header) td.link {
    width: 100%;
    padding: 4px 0 6px;
    font-size: 1.3rem
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header) td.mdl {
    width: 108px;
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    text-align: left
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header) td.mdl:nth-of-type(3)::before {
    font-family: 'Noto Sans JP', sans-serif;
    content: '実施期日：'
  }
  .-panel_in .c-table.-clinical_info tr:not(.-header) td.mdl:nth-of-type(4)::before {
    font-family: 'Noto Sans JP', sans-serif;
    content: '更新日：'
  }
  .mdl01 span, .mdl01 a {
    padding: 0px 4px 1px;
    font-size: 1rem
  }
  .mdl02 span, .mdl02 a {
    padding: 0px 4px 1px;
    font-size: 1rem
  }
  .mdl03 span, .mdl03 a {
    padding: 0px 4px 1px;
    font-size: 1rem
  }
  .mdl04 span, .mdl04 a {
    padding: 0px 4px 1px;
    font-size: 1rem
  }
  .mdl05 span, .mdl05 a {
    padding: 0px 4px 1px;
    font-size: 1rem
  }
  .p-company .base-box__tabs {
    display: table;
    position: relative;
    width: calc(100% - (1px * 2));
    margin-left: 1px;
    background: #fff;
    transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-company .base-box__tabs__item {
    display: table-cell
  }
  .p-company .base-box__tabs__item > a {
    padding: 16px 12px
  }
  .p-company .base-box__tabs__item > a::after {
    transform: rotate(135deg)
  }
  .p-company .base-box__tabs__lower {
    display: none
  }
  .p-company .base-box__tabs.is-move {
    left: 0;
    width: 100%;
    margin-left: auto;
    transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-company .base-box__tabs.is-move.is-slideDown {
    top: calc(48px + 48px - 1px)
  }
  .p-company .base-box__detail {
    width: 100%;
    margin-left: 0;
    overflow: hidden;
    border-top: none
  }
  .p-company .base-box__detail__item .c-title {
    margin-top: 36px;
    padding-top: 0
  }
  .p-company .base-box__detail.tab-move {
    padding-top: 59px
  }
  .p-company .qualification-box__figure {
    width: 200px
  }
  .p-company .qualification-box__figure figure {
    padding: 20px
  }
  .p-company .qualification-box__text {
    width: calc(100% - 240px)
  }
  .p-company .table-group .name {
    width: 124px
  }
  .p-company .table-group .address {
    width: 216px
  }
  .p-company .text-figure__figure {
    width: 160px
  }
  .p-company .text-figure__figure figure {
    text-align: center
  }
  .p-company .text-figure__text {
    width: calc(100% - 200px)
  }
  .p-contact .l-header {
    height: 49px
  }
  .p-contact .l-header.is-on {
    height: auto
  }
  .p-contact .l-main {
    padding-top: 50px
  }
  .p-contact .intro {
    padding: 20px;
    font-size: 1.3rem;
    text-align: left
  }
  .p-contact form .c-title.-l {
    font-size: 2.2rem;
    letter-spacing: .08em
  }
  .p-contact form .-required {
    padding: 3px 4px;
    font-size: 1.1rem
  }
  .p-contact form .c-table {
    border: none
  }
  .p-contact form th, .p-contact form td {
    display: block;
    padding: 20px 0
  }
  .p-contact form th {
    border-top: 1px solid #ddd
  }
  .p-contact form td {
    padding-top: 0;
    padding-bottom: 24px;
    border-top: none
  }
  .p-contact form input[type="text"], .p-contact form input[type="email"], .p-contact form input[type="tel"], .p-contact form input[type="url"], .p-contact form textarea, .p-contact form select {
    padding: 12px
  }
  .p-contact form textarea {
    height: 160px
  }
  .p-contact form input.zip {
    width: 160px
  }
  .p-contact form .privacy-check .check-label {
    padding: 20px;
    line-height: 1.4
  }
  .p-contact form .zip-btn {
    margin-left: 16px
  }
  .p-contact form .form-btns .c-btn {
    min-width: auto;
    padding: 12px 16px
  }
  .p-contact form .form-btns .c-btn.-reset, .p-contact form .form-btns .c-btn.-back {
    width: 120px
  }
  .p-contact form .form-btns .c-btn.-send {
    width: calc(100% - (120px + 16px))
  }
  .p-contact .privacy-popup {
    z-index: -1;
    left: 16px;
    margin-left: 0;
    padding: 20px 16px
  }
  .is-sp .privacy-popup {
    height: 72vh
  }
  .p-contact .privacy-popup.is-show {
    z-index: 200
  }
  .p-contact .method-tabs {
    margin-bottom: 32px
  }
  .p-contact .method-tabs > li a {
    padding: 16px 6px;
    font-size: 1.1rem
  }
  .p-contact .c-btn.-mail {
    max-width: 240px;
    padding: 10px 12px;
    font-size: 1.3rem
  }
  .p-diagnostics .p-subtop__mv {
    background-image: url(/jp/-/media/ivd/diagnostics/parts/img/mv-sp.jpg) !important
  }
  .p-diagnostics .p-subtop__product-list.-elm3 > li {
    width: calc((100% - 20px) / 2);
    margin-bottom: 32px
  }
  .p-diagnostics .p-subtop__product-list.-elm3 > li:nth-last-child(-n+3) {
    margin-bottom: 32px
  }
  .p-diagnostics .p-subtop__product-list.-elm3 > li:nth-last-child(-n+2) {
    margin-bottom: 0
  }
  .p-diagnostics .p-subtop__product-list.-elm3 > li > a figure img {
    margin: 8px 0 0
  }
  .p-diagnostics .p-subtop__grad-box .product-cat > li {
    width: calc((100% - 20px) / 2)
  }
  .p-diagnostics .p-subtop__grad-box .product-cat h2 {
    font-size: 1.8rem
  }
  .p-diagnostics .p-subtop__grad-box .product-cat h2 span {
    padding-left: 24px
  }
  .p-diagnostics .p-subtop__grad-box .product-cat h2 span.-clinical, .p-diagnostics .p-subtop__grad-box .product-cat h2 span.-machine {
    background-size: 16px 16px
  }
  .p-diagnostics .p-subtop__grad-box .other-product-list > li {
    width: calc((100% - (20px * 1)) / 2);
    margin-bottom: 20px
  }
  .p-diagnostics .p-subtop__grad-box .other-product-list > li:nth-last-child(-n+2) {
    margin-bottom: 0
  }
  .p-diagnostics .product-nav {
    z-index: 0;
    position: relative;
    min-width: auto;
  }
  .p-diagnostics .product-nav .l-inner {
    padding: 0
  }
  .p-diagnostics .product-nav .row1 {
    flex-wrap: wrap
  }
  .p-diagnostics .product-nav .row1.-only-row {
    padding-bottom: 0
  }
  .p-diagnostics .product-nav .row1.-only-row .nav {
    border-bottom: none
  }
  .p-diagnostics .product-nav .row1 .nav {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    padding-bottom: 0;
    overflow-x: auto;
  }
  .p-diagnostics .product-nav .row1 .nav::-webkit-scrollbar {
    height: 4px
  }
  .p-diagnostics .product-nav .row1 .nav::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .p-diagnostics .product-nav .row1 .nav::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .p-diagnostics .product-nav .row1 .nav > ul {
    padding: 0 16px
  }
  .p-diagnostics .product-nav .row1 .nav > ul > li {
    margin-right: 0;
    padding-right: 16px;
    white-space: nowrap
  }
  .p-diagnostics .product-nav .row1 .other-nav {
    margin-top: 10px;
    padding: 0 16px
  }
  .p-diagnostics .product-nav.-nonav .row1 {
    flex-direction: row
  }
  .p-diagnostics .product-nav.-nonav .row1 .other-nav {
    margin-top: 0
  }
  .p-diagnostics .product-nav .row2 .item-tab {
    -webkit-overflow-scrolling: touch;
    position: relative;
    bottom: -4px;
    overflow-x: auto
  }
  .p-diagnostics .product-nav .row2 .item-tab::-webkit-scrollbar {
    height: 4px
  }
  .p-diagnostics .product-nav .row2 .item-tab::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .p-diagnostics .product-nav .row2 .item-tab::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .p-diagnostics .product-nav .row2 .item-tab > ul {
    display: flex;
    justify-content: space-between
  }
  .p-diagnostics .product-nav .row2 .item-tab > ul > li {
    display: block;
    white-space: nowrap
  }
  .p-diagnostics .product-nav .row2 .item-tab > ul > li a {
    margin-bottom: 0;
    padding: 0 12px
  }
  .p-diagnostics .title-area {
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin-top: 48px
  }
  .p-diagnostics .title-area .title {
    width: 100%;
    margin-top: -20px;
    font-size: 3.2rem
  }
  .p-diagnostics .title-area .title span {
    margin-bottom: 8px;
    padding: 4px 10px;
    font-size: 1.3rem
  }
  .p-diagnostics .title-area .figure {
    width: 100%;
    margin-bottom: 32px
  }
  .p-diagnostics .performance-box figure {
    display: block
  }
  .p-diagnostics .performance-box .c-table th, .p-diagnostics .performance-box .c-table td {
    padding: 16px 12px
  }
  .p-diagnostics .performance-box {
    padding: 20px
  }
  .p-diagnostics .performance-box .detail {
    margin-bottom: 16px
  }
  .p-diagnostics .performance-box .detail h3 {
    font-size: 2rem
  }
  .p-diagnostics .performance-box.-flex {
    display: block
  }
  .p-diagnostics .performance-box.-flex figure {
    width: 100%
  }
  .p-diagnostics .performance-box.-flex .detail {
    width: 100%;
    margin-bottom: 16px
  }
  
  .p-diagnostics .performance-box.-flex.l_fig figure {
    width: 100%;
  }
  .p-diagnostics .performance-box.-flex.l_fig .detail {
    width: 100%;
  }  
  .p-diagnostics .item-list > li {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px
  }
  .p-diagnostics .item-list > li > a figure img {
    margin-bottom: 8px
  }
  .p-diagnostics .item-box__tabs {
    display: table;
    position: relative;
    width: calc(100% - (1px * 2));
    margin-left: 1px;
    background: #fff;
    transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-diagnostics .item-box__tabs.is-move.is-slideDown {
    top: calc(48px + 48px - 1px)
  }
  .p-diagnostics .item-box__tabs.is-move.is-down.is-slideDown {
    top: calc(48px + 96px - 1px)
  }
  .p-diagnostics .item-box__tabs__item {
    display: table-cell
  }
  .p-diagnostics .item-box__tabs__item > a {
    padding: 16px 12px
  }
  .p-diagnostics .item-box__tabs__item > a::after {
    transform: rotate(135deg)
  }
  .p-diagnostics .item-box__tabs__lower {
    display: none
  }
  .p-diagnostics .item-box__tabs.is-move {
    z-index: 1;
    left: 0;
    width: 100%;
    margin-left: auto;
    transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-diagnostics .item-box__detail {
    width: 100%;
    margin-left: 0;
    overflow: hidden;
    border-top: none
  }
  .p-diagnostics .item-box__detail.tab-move {
    padding-top: 59px
  }
  .p-diagnostics .item-box__detail__item .c-title {
    margin-top: 36px;
    padding-top: 0
  }
  .p-diagnostics .text-figure__figure {
    max-width: 160px
  }
  .p-diagnostics .text-figure__figure figure {
    text-align: center
  }
  .p-diagnostics .text-figure__text {
    width: calc(100% - 200px)
  }
  .p-diagnostics .product-tag {
    margin-top: 16px
  }
  .p-diagnostics .product-tag .sub {
    display: inline-block;
    margin-right: 6px;
    padding: 2px 6px 3px;
    font-size: 1rem
  }
  .p-diagnostics .product-tag .name {
    font-size: 1.3rem;
    font-weight: 500
  }
  .p-diagnostics .operation-order > li {
    padding: 20px
  }
  .p-diagnostics .operation-order > li::after {
    left: 20px
  }
  .p-diagnostics .operation-order > li .text-figure__figure {
    background: #fff
  }
  .p-diagnostics .operation-order > li .text-figure__figure img {
    width: auto
  }
  .p-diagnostics .operation-order > li .text-figure__text p, .p-diagnostics .operation-order > li .text-figure__text div {
    margin-bottom: 0
  }
  .p-diagnostics .operation-order > li .text-figure__text p::before, .p-diagnostics .operation-order > li .text-figure__text div::before {
    top: -1px
  }
  .p-diagnostics .h2-item-list > li {
    width: 50%
  }
  .p-diagnostics .h2-reagent-tab > li > a {
    padding: 16px 6px;
    font-size: 1rem
  }
  .p-diagnostics .h2-reagent-table th, .p-diagnostics .h2-reagent-table td {
    font-size: 1.2rem
  }
  .p-diagnostics .h2-reagent-table thead th {
    position: relative;
    top: 0
  }
  .p-diagnostics .h2-reagent-table thead th.is-slideDown {
    top: 0
  }
  .p-diagnostics .h2-reagent02-table tr > td {
    width: 40%
  }
  .p-diagnostics .h2-reagent02-table tr > td:nth-child(2n-1) {
    width: 10%
  }
  .p-diagnostics .item-box .c-faq .q {
    border-left: 1px solid #f4f4f4
  }
  .p-diagnostics .faq-title {
    font-size: 1.6rem
  }
  .p-diagnostics .season-list > li {
    width: 50%
  }
  .p-diagnostics .season-list > li a {
    height: 100%
  }
  .p-diagnostics .season-list > li.-all a {
    padding: 28px 16px 24px
  }
  .p-diagnostics .season-list > li.-all a figure {
    display: block;
    text-align: center
  }
  .p-diagnostics .season-list > li.-all a figure figcaption {
    margin: 1em 0 0
  }
  .p-diagnostics .catalog-table tr td a[href*=".pdf"] {
    padding-right: 22px;
    background-size: 12px 12px
  }
  .p-diagnostics .video-link {
    right: 16px;
    padding: 6px 12px 7px
  }
  .p-diagnostics .medical-message {
    max-width: calc(100% - (16px * 2))
  }
  .p-diagnostics .transparency-list li {
    padding-left: 20px
  }
  .p-diagnostics .transparency-list li::before {
    font-size: 1.5rem
  }
  .p-diagnostics .transparency-list dt {
    margin-bottom: 6px;
    font-size: 1.5rem
  }
  .p-diagnostics .transparency-list > li {
    margin-bottom: 28px;
    padding-left: 22px
  }
  .p-diagnostics .transparency-list > li::before {
    font-size: 2rem
  }
  .p-diagnostics .transparency-list > li > dl > dt {
    font-size: 2rem
  }
  .p-diagnostics .list-sars-result {
    display: block
  }
  .p-diagnostics .list-sars-result > li {
    display: block;
    width: 100%
  }
  .p-diagnostics .list-sars-result > li figure {
    padding: 20px 16px
  }
  .p-diagnostics .list-sars-result > li.-onhold .tag {
    position: relative;
    top: 20px
  }
  .p-diagnostics .list-sars-result > li.-onhold figure {
    width: 100%;
    padding: 0 16px 20px
  }
  .p-diagnostics .list-sars-result > li.-onhold figure:first-of-type {
    margin-top: 32px
  }
  .has-product-nav .l-main {
    padding-top: 0
  }
  .has-product-nav .item-box__tabs.is-move.is-down {
    top: calc(48px + 50px - 1px)
  }
  .has-product-nav-2 .l-main {
    padding-top: 0
  }
  .has-product-nav-2 .item-box__tabs.is-move.is-down {
    top: calc(96px - 1px)
  }
  .has-product-nav-2 .item-box__tabs.is-move.is-down.is-slideDown {
    top: calc(48px + 96px - 1px)
  }
  .p-drugabuse.p-subtop .drugabuse-intro-title {
    padding: 14px 16px 20px;
    font-size: 1.6rem;
    letter-spacing: .02em
  }
  .p-drugabuse.p-subtop .drugabuse-intro-title-sub {
    font-size: 1.1rem;
    line-height: 1.4
  }
  .p-drugabuse.p-subtop .drugabuse-intro-title br {
    display: inherit
  }
  .p-drugabuse.p-subtop .job-selector {
    justify-content: center;
    padding: 16px 16px 12px
  }
  .p-drugabuse.p-subtop .job-detail-box {
    text-align: center
  }
  .p-drugabuse.p-subtop .job-detail-sort {
    margin-top: 24px
  }
  .p-drugabuse.p-subtop .job-detail-sort h4 {
    display: block;
    margin: 0 16px 8px;
    font-size: 1.4rem;
    letter-spacing: .04em
  }
  .p-drugabuse.p-subtop .job-detail-sort a {
    position: relative;
    top: auto;
    right: auto
  }
  .p-drugabuse.p-subtop .job-detail-purpose {
    padding: 12px 16px 24px
  }
  .p-drugabuse.p-subtop .job-detail-purpose h4 {
    font-size: 1.5rem
  }
  .p-drugabuse.p-subtop .job-detail-purpose > p {
    text-align: left
  }
  .p-drugabuse.p-subtop .job-detail-purpose > p.u-aR {
    text-align: center
  }
  .p-drugabuse.p-subtop .job-detail-usage-box {
    padding: 16px 12px
  }
  .p-drugabuse.p-subtop .job-detail-usage-box h5 {
    font-size: 1.3rem;
    letter-spacing: .04em
  }
  .p-drugabuse.p-subtop .support-list-item {
    width: calc((100% - 32px) / 2)
  }
  .p-drugabuse.p-subtop .usage-detail-list-item {
    width: calc(100% - (16px * 2));
    padding: 20px
  }
  .p-drugabuse .purpose-list > li {
    padding: 20px 16px 22px
  }
  .p-drugabuse .purpose-detail dt {
    font-size: 1.7rem
  }
  .p-drugabuse .aim-list {
    padding-bottom: 36px
  }
  .p-drugabuse .aim-list > li + li {
    margin-top: 36px
  }
  .p-drugabuse .aim-detail {
    flex-wrap: wrap
  }
  .p-drugabuse .aim-detail > dt {
    width: 100%;
    text-align: center
  }
  .p-drugabuse .aim-detail > dd {
    width: 100%;
    margin-top: 12px
  }
  .p-drugabuse .aim-detail .c-list {
    padding: 10px 12px;
    line-height: 1.4
  }
  .p-drugabuse .aim-detail .note {
    font-size: 10px
  }
  .p-drugabuse .aim-reason {
    padding: 10px 12px;
    line-height: 1.4
  }
  .p-drugabuse .aim-reason > dd {
    width: calc(100% - (75px + 10px));
    padding: 3px 0 3px 10px
  }
  .p-drugabuse .aim-alert {
    padding: 20px 16px 22px
  }
  .p-drugabuse .inquiry-box {
    margin-top: 60px
  }
  .p-drugabuse .inquiry-box > p {
    padding: 12px 16px
  }
  .p-drugabuse .inquiry-box > p br {
    display: inherit
  }
  .p-drugabuse .inquiry-box > .c-flex {
    flex-wrap: wrap;
    padding: 20px 16px 24px
  }
  .p-drugabuse .inquiry-box .txt {
    width: 100%;
    font-size: 1.3rem;
    text-align: center
  }
  .p-drugabuse .inquiry-box .txt strong {
    margin-bottom: 3px
  }
  .p-drugabuse .inquiry-box .btn-wrap {
    width: 100%;
    max-width: none;
    margin-top: 14px;
    text-align: center
  }
  .p-drugabuse .inquiry-box .btn-drug-contact {
    box-sizing: border-box;
    padding: 12px 0
  }
  .p-drugabuse .job-title {
    letter-spacing: .2em
  }
  .p-drugabuse .job-overview {
    flex-direction: row;
    flex-wrap: wrap
  }
  .p-drugabuse .job-overview .thumb {
    width: 100%
  }
  .p-drugabuse .job-overview .txt {
    width: 100%;
    margin-top: 12px
  }
  .p-drugabuse .job-example {
    padding: 20px 16px 24px
  }
  .p-drugabuse .job-example-list li {
    line-height: 1.6
  }
  .p-drugabuse .job-example-list li + li {
    margin-top: 8px
  }
  .p-drugabuse .job-example-list li strong::after {
    bottom: 0
  }
  .p-drugabuse .job-merit {
    padding: 20px 16px 24px
  }
  .p-drugabuse .job-merit-list li {
    line-height: 1.6
  }
  .p-drugabuse .job-merit-list li + li {
    margin-top: 8px
  }
  .p-drugabuse .job-merit-list li strong::after {
    bottom: 0
  }
  .p-drugabuse .job-merit-list dd h5 br {
    display: inherit
  }
  .p-drugabuse .low-list {
    padding: 16px 16px 0
  }
  .p-drugabuse .low-overview > dt {
    font-size: 1.3rem
  }
  .p-drugabuse .low-detail > dt {
    width: 68px;
    font-size: 1.1rem
  }
  .p-drugabuse .low-detail > dd {
    width: calc(100% - (68px + 12px));
    font-size: 1.2rem
  }
  .p-drugabuse .must-job-list {
    padding: 12px 16px 16px
  }
  .p-drugabuse .timing-list > li + li {
    margin-top: 36px
  }
  .p-drugabuse .timing-detail {
    flex-wrap: wrap
  }
  .p-drugabuse .timing-detail > dt {
    width: 100%;
    padding-left: 0;
    text-align: center
  }
  .p-drugabuse .timing-detail > dt br {
    display: none
  }
  .p-drugabuse .timing-detail > dd {
    width: 100%;
    margin-top: 12px
  }
  .p-drugabuse .test-flow {
    padding: 16px
  }
  .p-drugabuse .test-flow figcaption ul {
    flex-wrap: wrap
  }
  .p-drugabuse .test-flow figcaption ul li {
    width: 100%;
    padding: 12px;
    border-top: none;
    border-left: 2px solid
  }
  .p-drugabuse .test-flow figcaption ul li + li {
    margin-top: 4px
  }
  .p-drugabuse .test-method {
    padding: 16px 16px 20px
  }
  .p-drugabuse .test-method li dl dd {
    font-size: 1.3rem;
    line-height: 1.6
  }
  .p-drugabuse .drugabuse-test h4 {
    padding: 10px 16px
  }
  .p-drugabuse .drugabuse-test > div {
    padding: 0 16px 20px
  }
  .p-drugabuse .drug-table th {
    width: 110px
  }
  .p-drugabuse .drug-detail dt {
    box-sizing: border-box;
    width: 100%;
    padding: 10px
  }
  .p-drugabuse .test-flow-list-num {
    width: 48px
  }
  .p-drugabuse .test-flow-list-num span {
    font-size: 1rem
  }
  .p-drugabuse .test-flow-list-num span em {
    font-size: 1.7rem
  }
  .p-drugabuse .test-flow-list-detail {
    flex-direction: column-reverse;
    width: calc(100% - 48px);
    padding: 20px
  }
  .p-drugabuse .test-flow-list-detail dl {
    width: 100%
  }
  .p-drugabuse .test-flow-list-detail dl dt {
    margin-bottom: 2px
  }
  .p-drugabuse .test-flow-list-detail dl dd {
    font-size: 1.3rem
  }
  .p-drugabuse .test-flow-list-detail figure {
    width: 100%;
    margin-bottom: 10px
  }
  .p-drugabuse .c-faq .a .c-list {
    padding: 16px
  }
  .p-drugabuse .answer-detail-flow {
    padding: 16px
  }
  .p-drugabuse .column-list li {
    width: calc((100% - (20px * 1)) / 2)
  }
  .p-drugabuse .column-index {
    padding: 20px 20px 24px
  }
  .p-drugabuse .column-conversion {
    flex-wrap: wrap;
    margin-top: 60px;
    padding: 20px 16px 24px
  }
  .p-drugabuse .column-conversion > div {
    width: 100%
  }
  .p-drugabuse .column-conversion-btn {
    width: 100%;
    height: 44px;
    margin: 12px 8px 0 0
  }
  .p-drugabuse .column-conversion-btn::after {
    right: -8px;
    border-width: 22px 0 22px 8px
  }
  .p-drugabuse .column-conversion-btn span br {
    display: none
  }
  .p-drugabuse .case-title {
    padding: 16px;
    font-size: 1.7rem
  }
  .p-drugabuse .case-title span {
    margin-bottom: 4px;
    font-size: 1.1rem
  }
  .p-drugabuse .case-data {
    font-size: 1.1rem
  }
  .p-drugabuse .case-comment {
    font-size: 1.5rem
  }
  .p-drugabuse .case-tebox {
    padding: 16px
  }
  .p-drugabuse .case-tebox ol > li {
    width: 100%
  }
  .p-drugabuse .case-tebox ol > li + li {
    margin-top: 40px
  }
  .p-drugabuse .case-tebox ol > li h4 span {
    height: 32px;
    line-height: 32px
  }
  .p-drugabuse .case-tebox-task > .c-list::after {
    top: auto;
    right: 0;
    bottom: -26px;
    left: 0;
    border-width: 12px 18px 0 18px;
    border-color: #29b8ec transparent transparent transparent
  }
  .p-drugabuse .case-company {
    padding: 16px
  }
  .p-drugabuse .case-company figure span {
    width: 200px
  }
  .p-drugabuse .case-company figure figcaption {
    width: calc(100% - 220px)
  }
  .p-drugabuse .ad-dl {
    display: block
  }
  .p-drugabuse .ad-dl dd {
    width: 100%;
    padding-left: 1em
  }
  .p-drugabuse .mail-sample {
    padding: 20px 20px 24px
  }
  .p-environment .bnr-list > li {
    width: calc((100% - (20px * 2)) / 3)
  }
  .p-envrisk.p-subtop .envrisk-alert {
    margin-top: 60px
  }
  .p-envrisk .animal {
    display: block;
    padding: 24px
  }
  .p-envrisk .animal dt {
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd
  }
  .p-envrisk .animal dd {
    width: 100%;
    padding: 0;
    border: none
  }
  .p-envrisk .report-box {
    margin-top: 64px;
    padding: 20px
  }
  .p-envrisk .bnr-list::after {
    display: none
  }
  .p-envrisk .bnr-list > li {
    width: calc((100% - 16px) / 2);
    margin-bottom: 16px
  }
  .p-envrisk .bnr-list > li:nth-last-child(-n+3) {
    margin-bottom: 16px
  }
  .p-envrisk .bnr-list > li:nth-last-child(-n+2) {
    margin-bottom: 0
  }
  .p-envrisk .envrisk-alert dl dt {
    width: 150px;
    padding: 20px 16px;
    font-size: 1.5rem
  }
  .p-envrisk .envrisk-alert dl dd {
    width: calc(100% - 150px);
    padding: 20px 16px
  }
  .p-food .p-subtop__title-box .intro .-index_read {
    flex-direction: column-reverse;
    flex-wrap: wrap
  }
  .p-food .p-subtop__title-box .intro .-index_read figure {
    margin-bottom: 20px;
    text-align: center
  }
  .p-food .p-subtop__title-box .intro .-index_read figure img {
    max-width: 200px
  }
  .p-food .p-subtop__title-box .intro .-index_read > div {
    width: 100%;
    padding-bottom: 0
  }
  .p-food .p-subtop__title-box .intro .-index_read > p {
    width: 100%
  }
  .p-food .p-subtop__grad-box .items {
    margin-bottom: 20px
  }
  .p-food .p-subtop__grad-box .items > li {
    width: calc((100% - 16px) / 2)
  }
  .p-food .p-subtop__grad-box .items > li figure img {
    width: 100%
  }
  .p-food .p-subtop__grad-box .items > li .c-label {
    padding: 16px;
    line-height: 1.4
  }
  .p-food .p-subtop__grad-box .items > li .c-label .-title {
    font-size: 1.4rem;
    letter-spacing: .04em
  }
  .p-food .p-subtop__grad-box .items > li .c-label p {
    font-size: 1.2rem
  }
  .p-food .p-subtop__grad-box .c-separate_box {
    display: block
  }
  .p-food .p-subtop__grad-box .c-separate_box > * {
    width: 100%
  }
  .p-food .p-subtop__grad-box .c-separate_box > * img {
    width: 100%
  }
  .p-food .p-subtop__grad-box .c-separate_box .column-text {
    width: 100%;
    padding: 16px;
    font-size: 1.2rem;
    line-height: 1.6
  }
  .p-food .p-subtop__grad-box .c-separate_box .column-text .-title {
    font-size: 1.4rem
  }
  .p-food .p-subtop__link-list {
    display: block;
    padding: 24px 0 12px
  }
  .p-food .p-subtop__link-list dt {
    width: 100%;
    margin-bottom: 16px
  }
  .p-food .p-subtop__link-list dd {
    width: 100%
  }
  .p-food .p-subtop__link-list dd .c-flex li {
    width: 50%;
    margin-bottom: 20px
  }
  .p-food .classification {
    flex-direction: row-reverse;
    flex-wrap: wrap
  }
  .p-food .classification::before {
    display: none
  }
  .p-food .classification .-collumn {
    position: relative;
    width: 100%;
    padding: 20px 16px
  }
  .p-food .classification .-collumn + .-collumn {
    margin-top: 36px
  }
  .p-food .classification .-collumn + .-collumn::before {
    display: block;
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    transform: rotate(45deg);
    border-right: 3px solid #d54a43;
    border-bottom: 3px solid #d54a43;
    content: ''
  }
  .p-food .classification .-collumn .c-list {
    margin-bottom: 0
  }
  .p-food .flow-list-num {
    width: 48px;
    line-height: 1.8
  }
  .p-food .flow-list-num span {
    font-size: 1rem
  }
  .p-food .flow-list-num span em {
    font-size: 1.7rem
  }
  .p-food .flow-list-detail {
    flex-direction: column-reverse;
    width: calc(100% - 48px);
    padding: 20px
  }
  .p-food .flow-list-detail dl {
    width: 100%
  }
  .p-food .flow-list-detail dl dt {
    margin-bottom: 2px;
    font-size: 1.5rem
  }
  .p-food .flow-list-detail dl dd {
    font-size: 1.3rem
  }
  .p-food .modal {
    width: calc(100% - (16px * 2));
    max-height: 90vh;
    padding: 20px 16px
  }
  .p-food .modal_inner {
    padding-right: 0
  }
  .p-food .rice-table td {
    padding: 16px 12px
  }
  .p-forum .l-header {
    height: 49px
  }
  .p-forum .l-header.is-on {
    height: auto
  }
  .p-forum .p-subtop__simple-title {
    margin-top: 96px
  }
  .p-forum.p-subtop .l-aside {
    background: rgba(246, 246, 246, 0.86)
  }
  .p-forum .c-title.-l {
    margin-bottom: 32px
  }
  .p-forum .forum-box__tabs {
    -webkit-overflow-scrolling: touch;
    display: flex;
    position: relative;
    width: calc(100% - (1px * 2));
    margin-left: 1px;
    overflow-x: auto;
    background: #fff;
    transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), top 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-forum .forum-box__tabs::-webkit-scrollbar {
    height: 4px
  }
  .p-forum .forum-box__tabs::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .p-forum .forum-box__tabs::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .p-forum .forum-box__tabs__item {
    white-space: nowrap
  }
  .p-forum .forum-box__tabs__item > a {
    padding: 12px 8px 20px;
    font-size: 1.2rem;
    text-align: center
  }
  .p-forum .forum-box__tabs__item > a::after {
    top: auto;
    right: 0;
    bottom: 12px;
    left: 0;
    margin: auto;
    transform: rotate(135deg)
  }
  .p-forum .forum-box__tabs__lower {
    display: none
  }
  .p-forum .forum-box__tabs.is-move {
    left: 0;
    width: 100%;
    margin-left: auto;
    border-top: none;
    transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), top 0.24s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-forum .forum-box__tabs.is-move.is-slideDown {
    top: 49px
  }
  .p-forum .forum-box__detail {
    top: 0;
    width: 100%;
    margin-left: 0;
    padding-top: 32px;
    overflow: hidden;
    border-top: none
  }
  .p-forum .forum-box__detail__item {
    margin-bottom: 32px
  }
  .p-forum .forum-box__detail__item:first-child {
    border-top: none
  }
  .p-forum .forum-box__detail__item .c-title {
    padding-top: 0;
    font-size: 2rem
  }
  .p-forum .forum-box__detail__item .c-title .sub {
    font-size: 1.1rem
  }
  .p-forum .forum-box__detail__item .title-cap {
    font-size: 1.2rem
  }
  .p-forum .forum-box__detail.tab-move {
    padding-top: 59px
  }
  .p-forum .forum-wrap {
    margin-top: 24px
  }
  .p-forum .forum-wrap > figure {
    width: 72px
  }
  .p-forum .forum-wrap .flow {
    width: calc(100% - (72px + 24px))
  }
  .p-forum .forum-wrap .flow h4 {
    margin: 0 0 12px;
    font-size: 1.5rem
  }
  .p-forum .forum-wrap .lecture {
    margin-bottom: 16px;
    font-size: 1.3rem
  }
  .p-forum .forum-wrap .lecture > li {
    padding: 14px 0
  }
  .p-forum .forum-wrap .lecture > li .-blue, .p-forum .forum-wrap .lecture > li .-green {
    padding: 1px 6px;
    font-size: 1.1rem
  }
  .p-forum .forum-wrap .lecture > li .u-bolder {
    line-height: 1.6
  }
  .p-forum .forum-wrap .flow-note {
    font-size: 1.1rem
  }
  .p-forum .forum-wrap .pdf-link {
    margin-top: 24px;
    padding: 4px 16px
  }
  .p-forum .forum-wrap .pdf-link > li a {
    font-size: 1.2rem;
    line-height: 1.4
  }
  .p-forum .forum-wrap .pdf-link > li a[href*=".pdf"] {
    padding: 10px 20px 11px 0;
    background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) center right/12px 12px no-repeat
  }
  .p-iframe {
    padding-right: 20px;
    font-size: .88em
  }
  .p-iframe .content .c-title.-l {
    font-size: 2.2rem
  }
  .p-iframe .content .c-title.-m {
    font-size: 1.8rem
  }
  .p-iframe .content p {
    font-size: 1.4rem
  }
  .p-iframe .content .c-list {
    font-size: 1.4rem
  }
  .p-medichem .selector__tabs > li a {
    padding: 16px 0 20px;
    font-size: 1.3rem;
    line-height: 1.4
  }
  .p-medichem .selector__tabs > li a span {
    padding: 36px 4px 0
  }
  .p-medichem .selector__tabs > li a span::before, .p-medichem .selector__tabs > li a span::after {
    right: 0;
    bottom: auto
  }
  .p-medichem .selector__tabs > li a span br {
    display: inherit
  }
  .p-medichem .selector__box {
    padding: 32px
  }
  .p-medichem .selector__box .inner-1 .list::after {
    width: calc((100% - (20px * 2)) / 3)
  }
  .p-medichem .selector__box .inner-1 .list > li {
    width: calc((100% - (20px * 2)) / 3);
    margin-bottom: 20px
  }
  .p-medichem .selector__box .inner-1 .list > li:nth-last-child(-n+4) {
    margin-bottom: 20px
  }
  .p-medichem .selector__box .inner-1 .list > li:nth-last-child(-n+3) {
    margin-bottom: 0
  }
  .p-medichem .selector__box .inner-2 .lines > div {
    width: calc((100% - (20px * 2)) / 3)
  }
  .p-medichem .selector__box .inner-3 .lines > div {
    width: calc((100% - (20px * 2)) / 3)
  }
  .p-medichem .selector__box .inner-3 h3 a figure {
    display: block
  }
  .p-medichem .selector__box .inner-3 h3 a figure > div {
    width: 100%
  }
  .p-medichem .selector__box .inner-3 h3 a figcaption {
    width: 100%;
    padding: 8px 0 0 0
  }
  .p-medichem .pickup-list li {
    width: calc((100% - (20px * 1)) / 2)
  }
  .p-medichem .pickup-list__static {
    width: calc(((100% - (20px * 2)) / 3) * 2 + 20px)
  }
  .p-medichem .pickup-list__fluid__wrap {
    width: calc((100% - (20px * 2)) / 3)
  }
  .p-medichem .pickup-list__fluid__title {
    top: -44px;
    font-size: 1.4rem
  }
  .p-medichem .business-list > li {
    width: calc((100% - (20px * 2)) / 3)
  }
  .p-medichem .cat-list > li {
    width: calc((100% - (20px * 2)) / 3)
  }
  .p-medichem .anchor.is-fixed.is-slideDown {
    top: calc(48px + 49px)
  }
  .p-medichem .anchor {
    width: 100%;
    padding: 0
  }
  .p-medichem .anchor-switch {
    display: block;
    position: relative;
    padding: 10px 24px 10px 16px;
    font-weight: 500
  }
  .p-medichem .anchor-switch::before, .p-medichem .anchor-switch::after {
    display: block;
    position: absolute;
    top: 0;
    right: 19px;
    bottom: 0;
    width: 10px;
    height: 2px;
    margin: auto;
    background: #777;
    content: '';
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-medichem .anchor-switch::after {
    transform: rotate(90deg);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-medichem .anchor-switch.is-active::before {
    transform: rotate(90deg);
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-medichem .anchor-switch.is-active::after {
    transform: rotate(180deg);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-medichem .anchor-cat {
    display: none;
    width: 100%;
    background: #eee
  }
  .p-medichem .anchor-cat > div {
    display: block
  }
  .p-medichem .anchor-cat > div + div {
    margin-left: 0
  }
  .p-medichem .anchor-title {
    margin: 0;
    padding: 0;
    background: none !important
  }
  .p-medichem .anchor-title a {
    display: block;
    padding: 10px 16px 10px 40px
  }
  .p-medichem .anchor-title.-movie a {
    background: url(/jp/-/media/ivd/medience/common/img/ico-video-black.png) left 16px top 14px/16px 16px no-repeat
  }
  .p-medichem .anchor-title.-pdf a {
    background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-black.png) left 16px top 14px/16px 16px no-repeat
  }
  .p-medichem .anchor-list {
    display: block;
    margin-left: 16px
  }
  .p-medichem .anchor-list > li {
    margin: 0
  }
  .p-medichem .anchor-list > li a {
    padding: 10px 16px;
    border-radius: 0;
    background: #e6e6e6
  }
  .p-medichem .anchor-list > li a span {
    display: block
  }
  .p-medichem .anchor-list > li .select-wrap select {
    width: 100%;
    padding: 10px 32px 10px 16px;
    border-radius: 0;
    background: #e6e6e6
  }
  .p-medichem .download-list-container {
    padding-top: 44px
  }
  .p-medichem .download-list > li {
    width: calc((100% - (20px * 1)) / 2);
    margin-bottom: 20px
  }
  .p-medichem .medichem-news-list {
    margin-right: 1px
  }
  .p-medichem .medichem-news-list > li > a dl, .p-medichem .medichem-news-list > li > div dl {
    display: block
  }
  .p-medichem .medichem-news-list > li > a dl dt, .p-medichem .medichem-news-list > li > div dl dt {
    font-size: 1.2rem
  }
  .p-medichem .medichem-news-list > li > a dl dd, .p-medichem .medichem-news-list > li > div dl dd {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    line-height: 1.5
  }
  .p-medichem .medichem-news-list > li > a dl dd span, .p-medichem .medichem-news-list > li > div dl dd span {
    top: -32px;
    bottom: auto;
    height: 22px;
    font-size: 1.1rem;
    line-height: 22px
  }
  .p-medichem .medichem-news-list > li > a dl dd span.-info, .p-medichem .medichem-news-list > li > a dl dd span.-legal, .p-medichem .medichem-news-list > li > a dl dd span.-society, .p-medichem .medichem-news-list > li > div dl dd span.-info, .p-medichem .medichem-news-list > li > div dl dd span.-legal, .p-medichem .medichem-news-list > li > div dl dd span.-society {
    left: 74px;
    width: 80px
  }
  .p-medichem .medichem-news-list > li > a dl dd span.-biz, .p-medichem .medichem-news-list > li > div dl dd span.-biz {
    left: 160px
  }
  .p-medichem .cookie-table th.-purpose {
    width: 200px
  }
  .p-mkarte .p-subtop__product-list > li {
    width: calc((100% - (24px * 1)) / 2)
  }
  .p-mkarte .mkarte-title {
    margin: -8vw auto 60px
  }
  .p-mkarte .mkarte-title .bg {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 540px;
    height: auto;
    margin: 0 auto
  }
  .p-mkarte .mkarte-title h1 {
    margin-top: -72px;
    text-align: center
  }
  .p-mkarte .mkarte-title h1 span {
    margin-bottom: 8px;
    padding: 4px 10px;
    font-size: 1.3rem
  }
  .p-mkarte .mkarte-title .intro {
    margin-top: 28px
  }
  .p-mkarte .mkarte-concept figure {
    display: block;
    text-align: center
  }
  .p-mkarte .mkarte-concept figure img {
    max-width: 90%;
    margin-bottom: .8em
  }
  .p-mkarte .mkarte-concept figure figcaption {
    margin-left: 0;
    font-size: 1.8rem
  }
  .p-mkarte .seminar-table .speaker .right {
    margin: 0 0 12px;
    float: none
  }
  .p-mkarte .event-table th {
    width: 80px
  }
  .p-mkarte .product-nav {
    z-index: 1;
    min-width: auto;
    margin-top: 0
  }
  .p-mkarte .product-nav .l-inner {
    padding: 0
  }
  .p-mkarte .product-nav .row1 {
    flex-wrap: wrap;
    padding: 12px 0 0
  }
  .p-mkarte .product-nav .row1 .nav {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    padding-bottom: 12px;
    overflow-x: auto
  }
  .p-mkarte .product-nav .row1 .nav::-webkit-scrollbar {
    height: 4px
  }
  .p-mkarte .product-nav .row1 .nav::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .p-mkarte .product-nav .row1 .nav::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .p-mkarte .product-nav .row1 .nav > ul {
    padding: 0 16px
  }
  .p-mkarte .product-nav .row1 .nav > ul > li {
    margin-right: 0;
    padding-right: 16px;
    white-space: nowrap
  }
  .p-mkarte .product-nav .row1 .other-nav {
    margin-top: 10px;
    padding: 0 16px
  }
  .p-mkarte .product-nav.-nonav .row1 {
    flex-direction: row
  }
  .p-mkarte .product-nav.-nonav .row1 .other-nav {
    margin-top: 0
  }
  .p-mkarte .product-nav .row2 .item-tab {
    -webkit-overflow-scrolling: touch;
    position: relative;
    bottom: -4px;
    overflow-x: auto
  }
  .p-mkarte .product-nav .row2 .item-tab::-webkit-scrollbar {
    height: 4px
  }
  .p-mkarte .product-nav .row2 .item-tab::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .p-mkarte .product-nav .row2 .item-tab::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .p-mkarte .product-nav .row2 .item-tab > ul {
    display: flex;
    justify-content: space-between
  }
  .p-mkarte .product-nav .row2 .item-tab > ul > li {
    display: block;
    white-space: nowrap
  }
  .p-mkarte .product-nav .row2 .item-tab > ul > li a {
    padding: 0 12px
  }
  .p-mkarte .text-figure__figure {
    max-width: 200px
  }
  .p-mkarte .text-figure__figure figure {
    text-align: center
  }
  .p-mkarte .text-figure__text {
    width: calc(100% - 230px)
  }
  .has-product-nav .l-main {
    padding-top: 0
  }
  .has-product-nav-2 .l-main {
    padding-top: 0
  }
  .p-mline .mline-title {
    margin: 140px auto 40px
  }
  .p-mline .mline-title .bg {
    top: -116px;
    right: -16px
  }
  .p-mline .mline-title h1 {
    width: 64%;
    max-width: 325px
  }
  .p-mline .mline-title .intro p {
    font-size: 1.5rem
  }
  .p-nonclinical .p-subtop__mv {
    background-image: url(/jp/-/media/ivd/medience/medichem/nonclinical/parts/img/mv-sp.jpg) !important;
    background-position: center right 22%
  }
  .p-nonclinical .p-subtop__link-list {
    display: block;
    padding: 24px 0 12px
  }
  .p-nonclinical .p-subtop__link-list dt {
    width: 100%;
    margin-bottom: 20px
  }
  .p-nonclinical .p-subtop__link-list dd {
    width: 100%
  }
  .p-nonclinical .p-subtop__link-list dd .c-flex li {
    width: 50%;
    margin-bottom: 20px
  }
  .p-nonclinical.p-subtop .nonclinical-alert {
    margin-top: 60px
  }
  .p-nonclinical .c-title.-m.has-num {
    padding-left: 38px
  }
  .p-nonclinical .numbering {
    padding-left: 16px
  }
  .p-nonclinical .numbering > dt {
    width: 36px;
    padding: 16px 0
  }
  .p-nonclinical .numbering > dd {
    width: calc(100% - 36px)
  }
  .p-nonclinical .numbering > dd > div {
    padding: 16px 16px 16px 0
  }
  .p-nonclinical .numbering > dd > div > * + * {
    margin-top: 12px
  }
  .p-nonclinical .numbering > dd > a {
    padding: 19px 48px 18px 0;
    line-height: 1.4
  }
  .p-nonclinical .numbering > dd > a::before {
    right: 16px;
    width: 24px;
    height: 24px
  }
  .p-nonclinical .numbering > dd > a::after {
    right: 22px;
    width: 12px;
    height: 12px;
    background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right/12px 12px no-repeat
  }
  .p-nonclinical .numbering > dd > p {
    padding: 0 16px 20px 0
  }
  .p-nonclinical .numbering > dd > .c-list {
    margin: 0 0 20px;
    padding-right: 16px
  }
  .p-nonclinical .numbering > dd a.-inline {
    padding-right: 18px;
    background: url(/jp/-/media/ivd/medience/medichem/nonclinical/parts/img/ico-pdf-color.png) center right/12px 12px no-repeat
  }
  .p-nonclinical .numbering-list {
    margin-right: 1px
  }
  .p-nonclinical .numbering-lower-list > li > dl {
    padding: 16px
  }
  .p-nonclinical .numbering-lower-list > li > dl > dt {
    width: 40px
  }
  .p-nonclinical .numbering-lower-list > li > dl > dd {
    width: calc(100% - 40px)
  }
  .p-nonclinical .numbering-lower-list > li > dl > dd > * + * {
    margin-top: 12px
  }
  .p-nonclinical .opener > dt {
    padding: 16px 48px 16px 0
  }
  .p-nonclinical .opener > dt > span {
    right: 4px
  }
  .p-nonclinical .opener-open > dt {
    padding: 16px 16px 16px 0
  }
  .p-nonclinical .opener-open > dd > p {
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03)
  }
  .p-nonclinical .pdf-btn {
    padding: 2px 48px 2px 0;
    line-height: 1.4
  }
  .p-nonclinical .pdf-btn::before {
    width: 24px;
    height: 24px
  }
  .p-nonclinical .pdf-btn::after {
    right: 6px;
    width: 12px;
    height: 12px;
    background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right/12px 12px no-repeat
  }
  .p-nonclinical .backnumber > figure {
    width: 140px
  }
  .p-nonclinical .backnumber-content {
    width: calc(100% - (140px + 32px))
  }
  .p-nonclinical .backnumber-content .c-title {
    font-size: 1.7rem
  }
  .p-nonclinical .flow-writing::before {
    left: 90px
  }
  .p-nonclinical .flow-writing > li > dl dt {
    width: 180px
  }
  .p-nonclinical .flow-writing > li > dl dd {
    width: calc(100% - (180px + 24px))
  }
  .p-nonclinical .performance-box {
    padding: 20px 16px
  }
  .p-nonclinical .performance-box.-flex .detail {
    max-width: calc(100% - (240px + 24px))
  }
  .p-nonclinical .performance-box.-flex > figure {
    max-width: 240px
  }
  .p-nonclinical .performance-box .detail h4 {
    font-size: 1.7rem;
    letter-spacing: .08em
  }
  .p-nonclinical .effective.-topic01 {
    margin-top: 60px
  }
  .p-nonclinical .effective.-topic01.link-move {
    padding-top: 50px
  }
  .p-nonclinical .effective.-topic02 {
    margin-top: 80px
  }
  .p-nonclinical .effective.-topic02.link-move {
    padding-top: 68px
  }
  .p-nonclinical .effective-link {
    top: 0;
    padding: 16px 0
  }
  .p-nonclinical .effective-link::-webkit-scrollbar {
    height: 4px
  }
  .p-nonclinical .effective-link::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .p-nonclinical .effective-link::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .p-nonclinical .effective-link.is-move {
    top: calc(48px - 1px);
    min-width: auto
  }
  .p-nonclinical .effective-link.is-move.is-slideDown {
    top: calc(48px + 48px - 1px)
  }
  .p-nonclinical .effective-link.is-move.is-stop {
    top: auto
  }
  .p-nonclinical .effective-link > li {
    padding: 0 16px;
    white-space: nowrap
  }
  .p-nonclinical .effective-link > li + li::before {
    height: 12px
  }
  .p-nonclinical .effective-link > li a {
    font-size: 1.3rem
  }
  .p-nonclinical .nonclinical-alert dl dt {
    width: 150px;
    padding: 20px 16px;
    font-size: 1.5rem
  }
  .p-nonclinical .nonclinical-alert dl dd {
    width: calc(100% - 150px);
    padding: 20px 16px
  }
  .p-personal .personal-box {
    margin-right: 1px
  }
  .p-practitioner .p-subtop__mv-inquiry {
    display: none
  }
  .p-practitioner .p-subtop__simple-title {
    margin-top: 168px
  }
  .p-practitioner .p-subtop__simple-title h1 {
    width: 100%
  }
  .p-practitioner .p-subtop__simple-title p {
    display: block;
    width: 100%
  }
  .p-practitioner .p-subtop__product-list > li {
    width: calc((100% - 20px) / 2)
  }
  .p-practitioner .app-box > a {
    display: block;
    text-align: center
  }
  .p-practitioner .app-box > a .qrcode {
    margin: 0 0 20px
  }
  .p-practitioner .others-box > a {
    padding: 20px
  }
  .p-prevmed .p-subtop__topnews {
    bottom: 112px;
    left: 16px;
    padding: 8px 16px;
    font-size: 1.3rem
  }
  .p-prevmed .p-subtop__topnews span {
    padding-right: 18px;
    background-size: 12px 12px
  }
  .p-prevmed .p-subtop__mv-inquiry {
    top: 97px;
    font-size: 1.2rem
  }
  .p-prevmed .p-subtop__mv-inquiry li > a, .p-prevmed .p-subtop__mv-inquiry li > span {
    padding: 8px 16px
  }
  .p-prevmed .p-subtop__elm-wide {
    position: relative;
    justify-content: space-between;
    padding: 24px 0 78px
  }
  .p-prevmed .p-subtop__elm-wide .column-text {
    width: calc(100% - 180px);
    padding-right: 0
  }
  .p-prevmed .p-subtop__elm-wide .column-text .c-btn {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%
  }
  .p-prevmed .p-subtop__elm-wide figure {
    width: 160px;
    margin-top: 8px
  }
  .p-prevmed .-large {
    text-align: center
  }
  .p-prevmed .c-figure img {
    width: 100%;
    max-width: 100%
  }
  .p-prevmed .c-title.-title_band {
    margin-bottom: 0;
    font-size: 1.5rem;
    letter-spacing: .04em
  }
  .p-prevmed .hl-solution {
    margin: 0 0 10px;
    font-size: 1.6rem
  }
  .p-prevmed .hl-solution + p {
    width: 100%;
    min-height: inherit !important;
    margin: 0
  }
  .p-prevmed .hl-sub_support span {
    display: block;
    padding: 8px 15px
  }
  .p-prevmed .hl-guidance {
    height: 3.5em;
    padding: 10px;
    font-size: 1.6rem
  }
  .p-prevmed .hl-all {
    padding: 8px 16px;
    font-size: 1.7rem
  }
  .p-prevmed .hl-all_sub {
    padding-left: 12px;
    font-size: 1.5rem
  }
  .p-prevmed .list-carecheck li {
    width: 100%;
    padding: 5px 10px
  }
  .p-prevmed .list-solution > div {
    width: 100%;
    margin-bottom: 40px
  }
  .p-prevmed .list-guidance {
    flex-direction: column
  }
  .p-prevmed .list-guidance > div {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px 20px
  }
  .p-prevmed .list-guidance > div:last-of-type {
    margin-bottom: 0
  }
  .p-prevmed .list-all {
    margin-top: 24px
  }
  .p-prevmed .list-all > li + li {
    margin-top: 20px
  }
  .p-prevmed .list-all > li p {
    padding-left: 12px
  }
  .p-prevmed .box-solution {
    margin: 10px 0 0
  }
  .p-prevmed .box-solution h3 {
    margin: 0 0 10px;
    font-size: 1.6rem
  }
  .p-prevmed .-point_solution {
    font-size: 1.8rem
  }
  .p-prevmed .p-care_detail {
    flex-direction: column
  }
  .p-prevmed .p-care_detail h3 {
    width: 100%;
    margin-bottom: 15px
  }
  .p-prevmed .p-care_detail .-box_text {
    width: 100%
  }
  .p-prevmed .p-care_detail .-box_text p {
    margin-top: 0 !important;
    line-height: 1.6
  }
  .p-prevmed .care_detail-table th {
    display: block;
    padding: 8px
  }
  .p-prevmed .care_detail-table th br {
    display: none
  }
  .p-prevmed .care_detail-table td {
    display: block;
    padding: 5px 0 20px
  }
  .p-prevmed .care_detail-table tr:first-child th, .p-prevmed .care_detail-table tr:first-child td {
    border-bottom: none
  }
  .p-prevmed .care_detail-table .-strong {
    margin-bottom: 10px;
    font-size: 1.6rem;
    line-height: 1.4
  }
  .p-prevmed .p-list_box li {
    padding: 16px
  }
  .p-prevmed .-sub_support {
    flex-direction: column
  }
  .p-prevmed .-sub_support dt {
    width: 100%;
    padding: 8px 15px;
    line-height: 1.2;
    text-align: center
  }
  .p-prevmed .-sub_support dt br {
    display: none
  }
  .p-prevmed .-sub_support dd {
    width: 100%;
    padding: 15px 0 0
  }
  .p-prevmed .-guidance_item {
    width: 100%;
    padding: 0 15px 20px
  }
  .p-prevmed .wrap-guidance_item {
    display: flex;
    position: relative
  }
  .p-prevmed .-add_line {
    padding-left: 15px;
    border-left: 1px solid #74b33d
  }
  .p-prevmed .-add_line-yellow {
    padding-left: 15px;
    border-left: 1px solid #e58608
  }
  .p-prevmed .-all_item .-inner {
    padding: 20px 16px
  }
  .p-public .p-subtop__grad-box {
    margin: 80px 0 0
  }
  .p-public .p-subtop__grad-box .product-cat > li {
    width: calc((100% - 20px) / 2)
  }
  .p-public .p-subtop__grad-box .product-cat h2 {
    font-size: 1.8rem
  }
  .p-public .p-subtop__grad-box .product-cat h2 span {
    padding-left: 24px
  }
  .p-public .p-subtop__grad-box .product-cat h2 span.-clinical, .p-public .p-subtop__grad-box .product-cat h2 span.-machine {
    background-size: 16px 16px
  }
  .p-public .public-flex-box .col2 {
    width: 100%
  }
  .p-public .public-flex-box .col3 {
    width: 100%
  }
  .p-public .public-flex-box .col4 {
    width: 100%
  }
  .p-public .public-flex-box .per60 {
    width: 100%;
    padding-right: 0
  }
  .p-public .public-flex-box .per70 {
    width: 100%;
    padding-right: 0
  }
  .p-public .public-flex-box .per80 {
    width: 100%;
    padding-right: 0
  }
  .p-public .public-flex-box .c-table {
    margin-left: 0
  }
  .p-public .public-flex-box {
    flex-direction: column;
    width: 100%
  }
  .p-public .hidden-m {
    display: none
  }
  .p-public .p-subtop__grad-box .public-flex-box li {
    margin-left: 0
  }
  .p-public .p-subtop__grad-box .public-flex-box li .public-f-image-box {
    padding-top: 20px
  }
  .p-public .public-cate-list li table {
    width: auto
  }
  .p-public .public-cate-list li table th {
    white-space: nowrap
  }
  .p-public .public-inspect-step-box {
    flex-direction: row
  }
  .p-public .public-inspect-step-box dl {
    width: 48%
  }
  .p-public .public-self-check-box li {
    width: 100%
  }
  .p-public .public-self-check-box .public-sc-image {
    display: none
  }
  .p-public .public-chol-box {
    align-items: center
  }
  .p-public .public-chol-box li {
    max-width: 55%;
    margin-bottom: 20px;
    margin-left: 0px;
    text-align: center
  }
  .p-result .mf_finder_organic_doc {
    padding: 12px 0 18px
  }
  .p-result .mf_finder_organic_doc_title {
    font-size: 1.5rem
  }
  .p-result .mf_finder_organic_doc_body {
    font-size: 1.2rem
  }
  .p-result .mf_finder_organic_doc_body_wrapper {
    height: 4.3em;
    overflow: hidden
  }
  .p-result .mf_finder_searchBox_query_input {
    padding: 12px 40px 12px 16px
  }
  .p-result .mf_finder_searchBox_submit {
    right: 4px
  }
  .p-single .l-header {
    height: 49px
  }
  .p-single .l-header.is-on {
    height: auto
  }
  .p-single .l-main {
    padding-top: 50px
  }
  .p-sitemap .l-header {
    height: 49px
  }
  .p-sitemap .l-header.is-on {
    height: auto
  }
  .p-sitemap .l-main {
    padding-top: 50px
  }
  .p-sitemap .sitemap-table th > a {
    padding: 16px 12px
  }
  .p-sitemap .sitemap-table th > a::before {
    display: none
  }
  .p-sitemap .sitemap-table td {
    padding: 16px 12px
  }
  .p-sitemap .sitemap-table td .c-list {
    margin-bottom: 12px
  }
  .p-sitemap .sitemap-table td .c-list > li {
    margin-bottom: 12px
  }
  .p-sitemap .sitemap-table td .c-list > li:nth-last-child(-n+3) {
    margin-bottom: 12px
  }
  .p-sitemap .sitemap-table td .c-list > li:last-child {
    margin-bottom: 0
  }
  .p-subtop .l-aside .title {
    opacity: 1
  }
  .p-subtop .l-aside {
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), background 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-subtop .l-aside .title a:not(.toggle) {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-subtop .l-aside.is-move .title a:not(.toggle) {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-subtop .l-aside.is-on .title a:not(.toggle) {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-subtop__mv {
    height: 400px
  }
  .p-subtop__mv::after {
    left: -150px;
    width: 570px
  }
  .p-subtop__title-box {
    width: calc(100% - 16px);
    margin-top: -100px
  }
  .p-subtop__title-box .title {
    display: block;
    height: auto;
    padding: 13px 16px 14px
  }
  .p-subtop__title-box .title .line {
    display: none
  }
  .p-subtop__title-box .title h1 {
    padding-right: 0;
    font-size: 3rem;
    line-height: 1.6
  }
  .p-subtop__title-box .title .-en {
    padding-left: 0;
    font-size: 1.2rem
  }
  .p-subtop__title-box .intro {
    padding: 32px 20px 40px 16px
  }
  .p-subtop__title-box .intro h2 {
    margin-bottom: 16px;
    font-size: 1.8rem
  }
  .p-subtop__title-box .intro p {
    line-height: 1.6
  }
  .p-subtop__simple-title {
    margin-top: 146px
  }
  .p-subtop__simple-title .l-inner {
    display: block
  }
  .p-subtop__simple-title h1 {
    width: 100%;
    margin-bottom: 32px;
    font-size: 3rem;
    line-height: 1.4;
    text-align: center
  }
  .p-subtop__simple-title p {
    width: 100%
  }
  .p-subtop__product-list.u-mt100 {
    margin-top: 60px !important
  }
  .p-subtop__product-list > li > a.-cap-hidden figure figcaption dl dt {
    font-size: 1.46rem
  }
  .p-subtop__product-list > li {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px
  }
  .p-subtop__product-list > li > a figure img {
    margin-bottom: 8px
  }
  .p-subtop__product-list > li > a.-cap-hidden > p {
    margin-top: 8px
  }
  .p-subtop__product-list.-elm3::after {
    width: 100%
  }
  .p-subtop__product-list.-elm3 > li {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px
  }
  .p-subtop__product-list.-elm3 > li > a figure img {
    margin-bottom: 8px
  }
  .p-subtop__product-list.-elm3 > li > a.-cap-hidden > p {
    margin-top: 8px
  }
  .p-subtop__btn-list > li {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px
  }
  .p-subtop__grad-box {
    margin: 80px 0;
    padding: 64px 0 80px
  }
  .p-top .l-header {
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-top .l-header.is-move {
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96), box-shadow 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-top .l-main {
    padding-top: 0
  }
  .p-top .mv-copy {
    top: 220px;
    width: 280px
  }
  .p-top .mv-copy::before {
    top: -52px;
    left: -48px;
    width: 200px;
    height: 200px
  }
  .p-top .mv-copy::after {
    top: -112px;
    left: -108px;
    width: 320px;
    height: 320px
  }
  .p-top .pickup_bnr {
    margin: 80px 0 -40px
  }
  .p-top .pickup_bnr a {
    position: relative;
    top: auto;
    width: 100%
  }
  .p-top .bnr {
    margin: 80px 0
  }
  .p-top .bnr::after {
    width: calc((100% - 20px) / 2)
  }
  .p-top .bnr-list > li {
    width: calc((100% - 20px) / 2)
  }
  .p-top .bnr-list > li:nth-last-child(-n+3) {
    margin-bottom: 32px
  }
  .p-top .bnr-list > li:nth-last-child(-n+2) {
    margin-bottom: 0
  }
  .p-top .bnr-list > li img {
    width: 100%
  }
  .p-top .news .modtab__tab {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }
  .p-top .news .modtab__tab::-webkit-scrollbar {
    height: 4px
  }
  .p-top .news .modtab__tab::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .p-top .news .modtab__tab::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .p-top .news .modtab__tab li {
    width: 100%;
    white-space: nowrap
  }
  .p-top .news .modtab__tab li a {
    padding: 16px 12px;
    font-size: 1.2rem
  }
  .p-top .news .modtab__tab.-tab_info li {
    width: 100%;
    border-bottom: none
  }
  .p-top .news .modtab__tab.-tab_info li a {
    padding: 16px 12px;
    font-size: 1.2rem
  }
  .p-top .news .modtab__tab.-tab_info li a span {
    padding-right: 16px
  }
  .p-top .news .modtab__tab.-tab_info li a span::after {
    width: 6px;
    height: 6px
  }
  .p-top .news .modtab__panel .panel.c-flex figure {
    width: 100%
  }
  .p-top .news .modtab__panel .panel.c-flex figure img {
    width: 100%
  }
  .p-top .news .modtab__panel .panel.c-flex .column-text {
    width: 100%;
    margin-top: 24px;
    padding-top: 0
  }
  .p-top .news .modtab__panel .panel.c-flex .column-text p {
    position: relative;
    margin-bottom: 12px
  }
  .p-top .news .modtab__panel .panel.c-flex .column-text .c-link_lower {
    position: relative
  }
  .p-top .news {
    margin-bottom: 80px
  }
  .p-top .news .c-title {
    display: block
  }
  .p-top .news .c-title a {
    margin-top: 16px
  }
  .p-top .service {
    margin-bottom: 80px;
    padding: 80px 0;
    background: url(/jp/-/media/ivd/medience/parts/img/service-bg.jpg) center/cover no-repeat
  }
  .p-top .service-list {
    margin-left: 0
  }
  .p-top .service-list > li {
    width: 100%;
    margin-bottom: 1px
  }
  .p-top .service-list > li a {
    display: block;
    position: relative;
    height: auto;
    padding: 0;
    background: #fff;
    color: inherit
  }
  .p-top .service-list > li a dl {
    position: relative;
    margin-left: 120px;
    padding: 20px
  }
  .p-top .service-list > li a dl::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: #f1f7f8;
    content: '';
    transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-top .service-list > li a dl dt {
    text-align: left
  }
  .p-top .service-list > li a dl dt span {
    display: block
  }
  .p-top .service-list > li a dl dt span::before, .p-top .service-list > li a dl dt span::after {
    right: 4px
  }
  .p-top .service-list > li a dl dt span::before {
    background: #29b8ec
  }
  .p-top .service-list > li a dl dt span::after {
    border-color: #29b8ec
  }
  .p-top .service-list > li a dl dd {
    display: block !important;
    position: relative;
    margin-top: 10px;
    opacity: 1
  }
  .p-top .service-list > li a[target="_blank"] dl dt span {
    background-image: url(/jp/-/media/ivd/medience/common/img/ico-blank-black.png);
    background-size: 10px 10px
  }
  .p-top .service-list > li a:hover {
    background: #fff
  }
  .p-top .service-list > li a:hover dl::before {
    right: auto;
    left: 0;
    width: 100%;
    transition: width 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96)
  }
  .p-top .service-sp-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 100%;
    background: center /cover no-repeat
  }
  .p-top .information .c-title {
    display: block
  }
  .p-top .information .c-title p {
    margin-top: 20px;
    text-align: left
  }
  .p-top .information-list {
    margin-bottom: 80px
  }
  .p-top .information-list > li {
    width: 100%
  }
  .p-top .information-list > li > a {
    padding: 20px
  }
  .p-top .recruit {
    padding: 80px 0
  }
  .p-top .recruit .c-title {
    display: block
  }
  .p-top .recruit .c-title p {
    margin-top: 20px;
    text-align: left
  }
  .p-top .recruit-box-img {
    width: calc(100% - 220px)
  }
  .p-top .recruit-box-btns {
    width: 220px
  }
  .p-top .contact {
    padding: 80px 0;
    background-attachment: initial
  }
  .p-top .contact-list {
    display: block
  }
  .p-top .contact-list > li {
    width: 100%;
    margin-bottom: 20px
  }
  .p-top .contact-list > li:last-child {
    margin-bottom: 0
  }
  .p-top .contact-list > li a {
    padding: 14px 0;
    border-radius: 6px;
    letter-spacing: .04em
  }
  .p-top .contact-list > li a span {
    padding: 0 6px 0 32px;
    background-position: left center !important;
    background-size: 24px 24px !important
  }
  .p-trial .p-subtop__grad-box {
    margin: 80px 0 0
  }
  .p-trial .p-subtop__grad-box .product-cat > li {
    width: calc((100% - 20px) / 2)
  }
  .p-trial .p-subtop__grad-box .product-cat h2 {
    font-size: 1.8rem
  }
  .p-trial .p-subtop__grad-box .product-cat h2 span {
    padding-left: 24px
  }
  .p-trial .p-subtop__grad-box .product-cat h2 span.-clinical, .p-trial .p-subtop__grad-box .product-cat h2 span.-machine {
    background-size: 16px 16px
  }
  .p-trial .yakkou-list > li {
    padding: 20px
  }
  .p-trial .yakkou-list > li.c-flex {
    display: block
  }
  .p-trial .yakkou-list > li.c-flex > div {
    width: 100%
  }
  .p-trial .yakkou-list > li.c-flex > figure {
    width: 100%;
    margin-top: 24px
  }
  .p-trial .cytokine-box {
    display: block
  }
  .p-trial .cytokine-box > div {
    width: 100%
  }
  .p-trial .cytokine-box > figure {
    width: 100%;
    margin-top: 24px
  }
  .p-trial .field-box__detail {
    padding: 20px
  }
  .p-trial .destination-table th {
    width: auto
  }
  .p-trial .acrobat-box figure {
    width: 80px
  }
  .p-trial .acrobat-box > p {
    width: calc(100% - (80px + 16px))
  }
  .p-trial .international-task {
    width: 100%;
    height: auto
  }
  .p-trial .international-task > span {
    display: block;
    position: relative;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 2px;
    padding: 16px;
    font-weight: normal;
    line-height: 1.4
  }
  .p-trial .international-task > span strong {
    font-size: 1.8rem
  }
  .p-trial .international-task > span strong br {
    display: none
  }
  .p-trial .international-task > span.area01 strong {
    margin-bottom: 4px
  }
  .p-trial .international-task > span.area07 {
    padding-bottom: 12px
  }
  .p-trial .international-task > span.area07::after {
    display: none
  }
  .p-trial .international-task > span.area10 strong {
    margin-top: 4px
  }
  .p-trial .international-task > span.area10 strong span {
    padding-right: 16px
  }
  .p-trial .international-task > span.area10 strong span::after {
    top: 9px;
    border-width: 7px 5px 0 5px
  }
  .p-trial .international-solution__item {
    padding: 20px 20px 48px
  }
  .p-trial .international-solution__item .c-title.-s {
    margin: 0 0 16px
  }
  .p-whatsnew .c-table th, .p-whatsnew .c-table td {
    padding: 16px 12px 20px
  }
  .p-whatsnew .c-table th {
    width: 88px
  }
  .u-pc {
    display: none
  }
  .u-sp {
    display: inherit
  }
  .u-w10 {
    width: 100%
  }
  .u-w20 {
    width: 100%
  }
  .u-w30 {
    width: 100%
  }
  .u-w40 {
    width: 100%
  }
  .u-w50 {
    width: 100%
  }
  .u-w60 {
    width: 100%
  }
  .u-w70 {
    width: 100%
  }
  .u-w80 {
    width: 100%
  }
  .u-w90 {
    width: 100%
  }
  .u-w100 {
    width: 100%
  }
  .u-w110 {
    width: 100%
  }
  .u-w120 {
    width: 100%
  }
  .u-w130 {
    width: 100%
  }
  .u-w140 {
    width: 100%
  }
  .u-w150 {
    width: 100%
  }
  .u-w160 {
    width: 100%
  }
  .u-w170 {
    width: 100%
  }
  .u-w180 {
    width: 100%
  }
  .u-w190 {
    width: 100%
  }
  .u-w200 {
    width: 100%
  }
  .u-w210 {
    width: 100%
  }
  .u-w220 {
    width: 100%
  }
  .u-w230 {
    width: 100%
  }
  .u-w240 {
    width: 100%
  }
  .u-w250 {
    width: 100%
  }
  .u-w260 {
    width: 100%
  }
  .u-w270 {
    width: 100%
  }
  .u-w280 {
    width: 100%
  }
  .u-w290 {
    width: 100%
  }
  .u-w300 {
    width: 100%
  }
  .u-w310 {
    width: 100%
  }
  .u-w320 {
    width: 100%
  }
  .u-w330 {
    width: 100%
  }
  .u-w340 {
    width: 100%
  }
  .u-w350 {
    width: 100%
  }
  .u-w360 {
    width: 100%
  }
  .u-w370 {
    width: 100%
  }
  .u-w380 {
    width: 100%
  }
  .u-w390 {
    width: 100%
  }
  .u-w400 {
    width: 100%
  }
  .u-w410 {
    width: 100%
  }
  .u-w420 {
    width: 100%
  }
  .u-w430 {
    width: 100%
  }
  .u-w440 {
    width: 100%
  }
  .u-w450 {
    width: 100%
  }
  .u-w460 {
    width: 100%
  }
  .u-w470 {
    width: 100%
  }
  .u-w480 {
    width: 100%
  }
  .u-w490 {
    width: 100%
  }
  .u-w500 {
    width: 100%
  }
  .u-w510 {
    width: 100%
  }
  .u-w520 {
    width: 100%
  }
  .u-w530 {
    width: 100%
  }
  .u-w540 {
    width: 100%
  }
  .u-w550 {
    width: 100%
  }
  .u-w560 {
    width: 100%
  }
  .u-w570 {
    width: 100%
  }
  .u-w580 {
    width: 100%
  }
  .u-w590 {
    width: 100%
  }
  .u-w600 {
    width: 100%
  }
  .u-w610 {
    width: 100%
  }
  .u-w620 {
    width: 100%
  }
  .u-w630 {
    width: 100%
  }
  .u-w640 {
    width: 100%
  }
  .u-w650 {
    width: 100%
  }
  .u-w660 {
    width: 100%
  }
  .u-w670 {
    width: 100%
  }
  .u-w680 {
    width: 100%
  }
  .u-w690 {
    width: 100%
  }
  .u-w700 {
    width: 100%
  }
  .u-w710 {
    width: 100%
  }
  .u-w720 {
    width: 100%
  }
  .u-w730 {
    width: 100%
  }
  .u-w740 {
    width: 100%
  }
  .u-w750 {
    width: 100%
  }
  .u-w760 {
    width: 100%
  }
  .u-w770 {
    width: 100%
  }
  .u-w780 {
    width: 100%
  }
  .u-w790 {
    width: 100%
  }
  .u-w800 {
    width: 100%
  }
  .u-w810 {
    width: 100%
  }
  .u-w820 {
    width: 100%
  }
  .u-w830 {
    width: 100%
  }
  .u-w840 {
    width: 100%
  }
  .u-w850 {
    width: 100%
  }
  .u-w860 {
    width: 100%
  }
  .u-w870 {
    width: 100%
  }
  .u-w880 {
    width: 100%
  }
  .u-w890 {
    width: 100%
  }
  .u-w900 {
    width: 100%
  }
  .u-w910 {
    width: 100%
  }
  .u-w920 {
    width: 100%
  }
  .u-w930 {
    width: 100%
  }
  .u-w940 {
    width: 100%
  }
  .u-w950 {
    width: 100%
  }
  .u-w960 {
    width: 100%
  }
  .u-w970 {
    width: 100%
  }
  .u-w980 {
    width: 100%
  }
  .u-w990 {
    width: 100%
  }
  .u-w1000 {
    width: 100%
  }
}
@media only screen and (max-width: 600px) {
  body {
    min-width: 320px
  }
  .l-footer .footer-bottom .policy-links {
    align-items: center;
    border-radius: 18px
  }
  .l-footer .footer-bottom .policy-links > ul {
    display: block
  }
  .l-footer .footer-bottom .policy-links > ul li + li {
    margin-top: 6px
  }
  .c-btn {
    width: 100%;
    min-width: 100%
  }
  .c-flex.-half > .c-btn {
    margin: 4px 0
  }
  .c-flex.-continuous_img.-elm3 > * {
    width: 100%;
    margin-bottom: 20px
  }
  .c-flex.-continuous_img.-elm3 > *:last-child {
    margin-bottom: 0
  }
  .c-flex.-right-img {
    display: block
  }
  .c-flex.-right-img > *:not(figure) {
    width: 100%
  }
  .c-flex.-right-img > * + * {
    margin-top: 20px
  }
  .c-flex.-right-img > figure {
    text-align: center
  }
  .c-list.-flex-2 > li {
    width: 100%
  }
  .c-list.-flex-3 > li {
    width: 100%
  }
  .c-news-box .news-list > li dl {
    display: block;
    position: relative
  }
  .c-news-box .news-list > li dl dt {
    width: 100%
  }
  .c-news-box .news-list > li dl dd {
    width: 100%
  }
  .c-news-box .news-list > li dl dd.tag {
    position: absolute;
    top: 0;
    left: 72px
  }
  .c-news-box .news-list > li dl dd.detail {
    width: 100%;
    margin: 8px 0 0
  }
  .sp-scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }
  .sp-scroll::-webkit-scrollbar {
    height: 4px
  }
  .sp-scroll::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1)
  }
  .sp-scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3)
  }
  .sp-scroll .c-table {
    min-width: 600px
  }
  .is-sp .sp-scroll {
    position: relative
  }
  .is-sp .sp-scroll::before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    content: ''
  }
  .is-sp .sp-scroll::after {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 72px;
    margin: auto;
    background: url(/jp/-/media/ivd/medience/common/img/ico-swipe.png) center/contain no-repeat;
    content: ''
  }
  .is-sp .sp-scroll.-long::after {
    top: 240px;
    bottom: auto
  }
  .is-sp .sp-scroll.is-active::before, .is-sp .sp-scroll.is-active::after {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
  }
  .p-animus .latest-issue-title figure img {
    max-width: 60px
  }
  .p-clinical .p-subtop__grad-box .guide-box > h2 {
    width: 100%;
    padding: 20px 16px
  }
  .p-clinical .p-subtop__grad-box .guide-box > div {
    width: 100%;
    padding: 20px 16px;
    border-top: 1px solid #224e90;
    border-left: none
  }
  .p-clinical.p-subtop .service-aside {
    flex-wrap: wrap
  }
  .p-clinical.p-subtop .service-aside li {
    width: calc((100% - 8px) / 2);
    margin-bottom: 8px;
    text-align: center
  }
  .p-clinical.p-subtop .service-aside li:nth-last-child(-n+2) {
    margin-bottom: 0
  }
  .p-clinical.p-subtop .service-aside .figure-qr {
    padding: 16px;
    border-radius: 4px
  }
  .p-clinical.p-subtop .service-aside .figure-qr figcaption {
    margin-top: 12px;
    font-size: 1.1rem
  }
  .p-clinical.p-subtop .list-ict > li {
    width: 100%
  }
  .p-clinical.p-subtop .list-ict > li:nth-last-child(-n+2) {
    margin-bottom: 20px
  }
  .p-clinical.p-subtop .list-ict > li:last-child {
    margin-bottom: 0
  }
  .p-clinical .info-list > li {
    width: calc((100% - (10px * 2)) / 3)
  }
  .p-clinical .info-list > li a {
    font-size: 1.2rem
  }
  .p-company .base-box__tabs__item > a {
    padding: 12px 8px 20px;
    font-size: 1.2rem;
    text-align: center
  }
  .p-company .base-box__tabs__item > a::after {
    top: auto;
    right: 0;
    bottom: 12px;
    left: 0;
    margin: auto
  }
  .p-company .qualification-box {
    display: block
  }
  .p-company .qualification-box__figure {
    width: 100%;
    margin-bottom: 20px
  }
  .p-company .qualification-box__text {
    width: 100%
  }
  .p-company .text-figure__figure {
    width: 100%;
    margin-bottom: 20px
  }
  .p-company .text-figure__figure figure img {
    width: 100%
  }
  .p-company .text-figure__text {
    width: 100%
  }
  .p-company .text-figure__text h3 {
    margin-bottom: 16px
  }
  .p-company .text-figure {
    display: block
  }
  .p-diagnostics .p-subtop__product-list.-elm3 > li {
    width: calc((100% - 16px) / 2)
  }
  .p-diagnostics .p-subtop__grad-box .product-cat {
    flex-wrap: wrap;
    margin-bottom: 16px
  }
  .p-diagnostics .p-subtop__grad-box .product-cat > li {
    width: 100%;
    margin-bottom: 32px
  }
  .p-diagnostics .p-subtop__grad-box .product-cat > li:last-child {
    margin-bottom: 0
  }
  .p-diagnostics .p-subtop__grad-box .product-cat h2 {
    margin-bottom: 20px
  }
  .p-diagnostics .p-subtop__grad-box .product-list-links {
    margin-bottom: 40px
  }
  .p-diagnostics .p-subtop__grad-box .product-list-links > li {
    margin-right: 20px
  }
  .p-diagnostics .p-subtop__grad-box .other-product-list > li {
    width: 100%;
    margin-bottom: 16px
  }
  .p-diagnostics .p-subtop__grad-box .other-product-list > li:nth-last-child(-n+2) {
    margin-bottom: 16px
  }
  .p-diagnostics .p-subtop__grad-box .other-product-list > li:last-child {
    margin-bottom: 0
  }
  .p-diagnostics .item-list > li {
    width: 100%
  }
  .p-diagnostics .item-list > li:nth-last-child(-n+2) {
    margin-bottom: 20px
  }
  .p-diagnostics .item-list > li:last-child {
    margin-bottom: 0
  }
  .p-diagnostics .item-box__tabs__item > a {
    padding: 12px 4px 20px;
    font-size: 1.1rem;
    text-align: center
  }
  .p-diagnostics .item-box__tabs__item > a::after {
    top: auto;
    right: 0;
    bottom: 12px;
    left: 0;
    margin: auto
  }
  .p-diagnostics .constitution-list > li {
    padding-right: 84px
  }
  .p-diagnostics .constitution-list > li .amount {
    width: 72px;
    font-size: 1rem
  }
  .p-diagnostics .text-figure__figure {
    width: 100%;
    max-width: none;
    margin-bottom: 20px
  }
  .p-diagnostics .text-figure__figure figure img {
    width: 100%
  }
  .p-diagnostics .text-figure__text {
    width: 100%
  }
  .p-diagnostics .text-figure__text h3 {
    margin-bottom: 16px
  }
  .p-diagnostics .text-figure {
    display: block
  }
  .p-diagnostics .product-tag {
    display: block;
    margin-top: 12px
  }
  .p-diagnostics .product-tag .sub {
    margin-bottom: 4px
  }
  .p-diagnostics .operation-order > li .text-figure__figure {
    max-width: none
  }
  .p-diagnostics .operation-order > li.-fig-wide .text-figure__figure {
    max-width: 100%
  }
  .p-diagnostics .operation-order > li.-fig-wide .text-figure__figure figure {
    padding: 12px
  }
  .p-diagnostics .operation-order > li.-fig-wide .text-figure__text {
    width: 100%
  }
  .p-diagnostics .h2-item-list > li {
    width: 100%
  }
  .p-diagnostics .season-list > li {
    width: 100%
  }
  .p-diagnostics .season-list > li a {
    padding-top: 40px
  }
  .p-diagnostics .season-list > li.-all {
    width: 100%
  }
  .p-diagnostics .video-link {
    width: auto;
    min-width: auto
  }
  .p-doping .p-subtop__title-box .intro .-index_read > figure {
    width: 100px
  }
  .p-doping .p-subtop__title-box .intro .-index_read > p {
    width: calc(100% - 120px)
  }
  .p-drugabuse.p-subtop .support-list-item {
    width: 100%;
    padding: 32px 0 64px
  }
  .p-drugabuse.p-subtop .support-list-item:nth-child(n+2) {
    margin-top: 40px
  }
  .p-drugabuse.p-subtop .support-list-item h3 {
    font-size: 1.7rem;
    line-height: 1.6
  }
  .p-drugabuse.p-subtop .support-list-item .c-list {
    padding: 20px 16px
  }
  .p-drugabuse .column-list li {
    width: 100%
  }
  .p-drugabuse .case-company h4 {
    margin-bottom: 12px;
    font-size: 1.5rem;
    letter-spacing: .02em
  }
  .p-drugabuse .case-company h4 img {
    max-width: 64px
  }
  .p-drugabuse .case-company figure span {
    width: 100%
  }
  .p-drugabuse .case-company figure figcaption {
    width: 100%;
    margin-top: 12px;
    font-size: 1.2rem
  }
  .p-environment .bnr-list {
    display: block
  }
  .p-environment .bnr-list > li {
    width: 100%;
    margin-bottom: 24px
  }
  .p-environment .bnr-list > li:last-child {
    margin-bottom: 0
  }
  .p-environment .bnr-list > li a figure figcaption {
    font-size: 1.5rem
  }
  .p-environment .pdf-list .size {
    margin-left: 12px;
    font-size: 1.1rem
  }
  .p-envrisk .btn-list > li {
    width: 100%;
    margin-bottom: 12px
  }
  .p-envrisk .envrisk-alert dl {
    display: block
  }
  .p-envrisk .envrisk-alert dl dt {
    width: 100%;
    padding: 16px
  }
  .p-envrisk .envrisk-alert dl dd {
    width: 100%;
    padding: 16px
  }
  .p-envrisk .envrisk-alert dl dd .c-btn {
    padding: 12px 10px 13px;
    font-size: 1.2rem
  }
  .p-envrisk .envrisk-alert dl dd .c-btn span {
    padding-right: 20px
  }
  .p-food .p-subtop__grad-box .items {
    display: block
  }
  .p-food .p-subtop__grad-box .items > li {
    width: 100%;
    margin-bottom: 20px
  }
  .p-medichem .selector__tabs > li a {
    padding: 14px 0 18px;
    font-size: 1.1rem;
    letter-spacing: .06em
  }
  .p-medichem .selector__tabs > li a span {
    padding: 30px 4px 0
  }
  .p-medichem .selector__tabs > li a span::before, .p-medichem .selector__tabs > li a span::after {
    width: 24px;
    height: 24px
  }
  .p-medichem .selector__tabs > li a span::after {
    background: center /24px 24px no-repeat
  }
  .p-medichem .selector__box {
    padding: 24px
  }
  .p-medichem .selector__box .inner-1 .list::after {
    width: calc((100% - (16px * 1)) / 2)
  }
  .p-medichem .selector__box .inner-1 .list > li {
    width: calc((100% - (16px * 1)) / 2)
  }
  .p-medichem .selector__box .inner-1 .list > li:nth-last-child(-n+3) {
    margin-bottom: 20px
  }
  .p-medichem .selector__box .inner-1 .list > li:nth-last-child(-n+2) {
    margin-bottom: 0
  }
  .p-medichem .selector__box .inner-1 .list > li a figcaption {
    font-size: 1.3rem;
    line-height: 1.4
  }
  .p-medichem .selector__box .inner-2 .lines {
    display: block
  }
  .p-medichem .selector__box .inner-2 .lines > div {
    width: 100%;
    margin-bottom: 24px
  }
  .p-medichem .selector__box .inner-2 .lines > div:last-child {
    margin-bottom: 0
  }
  .p-medichem .selector__box .inner-2 h3 {
    margin: 0 0 16px;
    padding: 0 0 12px 30px;
    background-position: top 3px left;
    font-size: 1.5rem
  }
  .p-medichem .selector__box .inner-2 .list > li {
    margin-bottom: 16px
  }
  .p-medichem .selector__box .inner-2 .list > li a {
    font-size: 1.3rem
  }
  .p-medichem .selector__box .inner-3 .lines {
    display: block
  }
  .p-medichem .selector__box .inner-3 .lines > div {
    width: 100%;
    margin-bottom: 32px
  }
  .p-medichem .selector__box .inner-3 .lines > div:last-child {
    margin-bottom: 0
  }
  .p-medichem .selector__box .inner-3 h3 {
    margin: 0 0 16px;
    padding: 0 0 16px
  }
  .p-medichem .selector__box .inner-3 h3 a {
    font-size: 1.5rem
  }
  .p-medichem .selector__box .inner-3 h3 a figure {
    display: flex
  }
  .p-medichem .selector__box .inner-3 h3 a figure > div {
    width: 80px
  }
  .p-medichem .selector__box .inner-3 h3 a figcaption {
    padding: 8px 0px 8px 12px
  }
  .p-medichem .selector__box .inner-3 .list > li {
    margin-bottom: 16px
  }
  .p-medichem .selector__box .inner-3 .list > li a {
    font-size: 1.3rem
  }
  .p-medichem .pickup-list__wrap {
    display: block
  }
  .p-medichem .pickup-list li {
    width: 100%;
    margin-bottom: 24px
  }
  .p-medichem .pickup-list__static {
    display: block;
    width: 100%
  }
  .p-medichem .pickup-list__fluid__wrap {
    width: 100%;
    margin-top: 80px
  }
  .p-medichem .pickup-list__fluid li {
    margin-bottom: 0
  }
  .p-medichem .pickup-list__fluid__title {
    top: -45px;
    font-size: 1.7rem
  }
  .p-medichem .business-list {
    display: block
  }
  .p-medichem .business-list > li {
    width: 100%;
    margin-bottom: 24px
  }
  .p-medichem .business-list > li a figure figcaption dt {
    font-size: 1.5rem
  }
  .p-medichem .business-list > li a figure figcaption dd {
    font-size: 1.3rem
  }
  .p-medichem .cat-list {
    display: block
  }
  .p-medichem .cat-list > li {
    width: 100%;
    margin-bottom: 24px
  }
  .p-medichem .cat-list > li:last-child {
    margin-bottom: 0
  }
  .p-medichem .cat-list > li a figure img {
    width: 100%
  }
  .p-medichem .cat-list > li a figure figcaption {
    font-size: 1.5rem
  }
  .p-medichem .download-list > li {
    width: calc((100% - (16px * 1)) / 2)
  }
  .p-medichem .download-list > li > a {
    padding-bottom: 52px
  }
  .p-medichem .download-list > li > a .c-btn {
    padding: 10px;
    font-size: 1.3rem
  }
  .p-medichem .download-list .cap h4 {
    font-size: 1.3rem
  }
  .p-medichem .download-list .cap p {
    font-size: 1.1rem
  }
  .p-mkarte .p-subtop__product-list > li {
    width: 100%
  }
  .p-mkarte .mkarte-concept {
    padding: 32px 20px
  }
  .p-mkarte .mkarte-concept figure figcaption {
    font-size: 1.5rem;
    letter-spacing: .04em;
    line-height: 1.8
  }
  .p-mkarte .text-figure__figure {
    width: 100%;
    max-width: none;
    margin-bottom: 20px
  }
  .p-mkarte .text-figure__text {
    width: 100%
  }
  .p-mkarte .text-figure__text h3 {
    margin-bottom: 16px
  }
  .p-mkarte .text-figure {
    display: block
  }
  .p-nonclinical .backnumber {
    margin-bottom: 60px;
    padding-top: 0;
    border-top: none
  }
  .p-nonclinical .backnumber > figure {
    width: 100%;
    margin-bottom: 28px;
    text-align: center
  }
  .p-nonclinical .backnumber > figure img {
    width: 140px
  }
  .p-nonclinical .backnumber-content {
    width: 100%
  }
  .p-nonclinical .backnumber-content .c-title {
    font-size: 1.5rem;
    letter-spacing: .04em
  }
  .p-nonclinical .backnumber-content .c-title a::before, .p-nonclinical .backnumber-content .c-title a[href*=".pdf"]::before {
    right: 12px;
    width: 24px;
    height: 24px
  }
  .p-nonclinical .backnumber-content .c-title a::after, .p-nonclinical .backnumber-content .c-title a[href*=".pdf"]::after {
    right: 18px;
    width: 12px;
    height: 12px;
    background: url(/jp/-/media/ivd/medience/common/img/ico-pdf-white.png) center right/12px 12px no-repeat
  }
  .p-nonclinical .backnumber-content .opener > dt {
    padding: 16px 48px 16px 16px
  }
  .p-nonclinical .backnumber-content .opener > dt > span {
    right: 0
  }
  .p-nonclinical .backnumber-content .numbering-list > li.-index {
    padding: 16px;
    line-height: 1.6
  }
  .p-nonclinical .backnumber-content .numbering-lower-list > li {
    padding: 16px
  }
  .p-nonclinical .backnumber-content .numbering-lower-list.-order > li {
    padding: 16px 16px 16px 32px
  }
  .p-nonclinical .backnumber-content .numbering-lower-list.-order > li::before {
    top: 17px;
    left: 16px
  }
  .p-nonclinical .backnumber > p {
    margin-top: 20px;
    font-size: 1.2rem
  }
  .p-nonclinical .flow-writing::before {
    left: 20px
  }
  .p-nonclinical .flow-writing > li > dl {
    display: block
  }
  .p-nonclinical .flow-writing > li > dl dt {
    width: 100%;
    height: 42px;
    padding-left: 15px;
    line-height: 41px;
    text-align: left
  }
  .p-nonclinical .flow-writing > li > dl dt::before {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto
  }
  .p-nonclinical .flow-writing > li > dl dd {
    width: 100%
  }
  .p-nonclinical .flow-writing > li > dl dd .c-list {
    margin-left: 40px;
    font-size: 1.3rem
  }
  .p-nonclinical .pdx-service {
    display: block
  }
  .p-nonclinical .pdx-service > figure {
    width: 100%;
    margin-bottom: 12px;
    padding: 12px 0;
    background: #f4fcfe;
    text-align: center
  }
  .p-nonclinical .pdx-service > figure img {
    width: 150px
  }
  .p-nonclinical .pdx-service-content {
    width: 100%
  }
  .p-nonclinical .performance-box.-flex {
    display: block
  }
  .p-nonclinical .performance-box.-flex .detail {
    max-width: none;
    margin-bottom: 12px
  }
  .p-nonclinical .performance-box.-flex > figure {
    max-width: none
  }
  .p-nonclinical .effective.-topic01.link-move {
    padding-top: 47px
  }
  .p-nonclinical .effective.-topic02.link-move {
    padding-top: 62px
  }
  .p-nonclinical .effective-link > li a {
    font-size: 1.1rem
  }
  .p-nonclinical .nonclinical-alert dl {
    display: block
  }
  .p-nonclinical .nonclinical-alert dl dt {
    width: 100%;
    padding: 16px
  }
  .p-nonclinical .nonclinical-alert dl dd {
    width: 100%;
    padding: 16px
  }
  .p-nonclinical .nonclinical-alert dl dd .c-btn {
    padding: 12px 10px 13px;
    font-size: 1.2rem
  }
  .p-nonclinical .nonclinical-alert dl dd .c-btn span {
    padding-right: 20px
  }
  .p-practitioner .p-subtop__product-list > li {
    width: 100%
  }
  .p-practitioner .app-box {
    width: calc((100% - 8px) / 2) !important
  }
  .p-practitioner .app-box > a {
    padding: 32px 16px
  }
  .p-practitioner .others-box > a {
    padding: 20px 16px
  }
  .p-practitioner .others-box > a figure {
    display: block;
    text-align: center
  }
  .p-practitioner .others-box > a figure img {
    margin-bottom: 12px
  }
  .p-practitioner .others-box > a figure figcaption {
    width: 100%
  }
  .p-practitioner .others-box > a figure figcaption p {
    line-height: 1.6;
    text-align: left
  }
  .p-practitioner .others-box > a figure figcaption .c-btn {
    position: relative;
    margin-top: 12px
  }
  .p-prevmed .p-subtop__elm-wide {
    display: block;
    padding: 24px 0 98px
  }
  .p-prevmed .p-subtop__elm-wide .column-text {
    width: 100%
  }
  .p-prevmed .p-subtop__elm-wide figure {
    width: 100%;
    max-width: none;
    margin-top: 16px;
    padding: 20px;
    background: #f4f4f4;
    text-align: center
  }
  .p-prevmed .p-subtop__elm-wide figure img {
    width: 160px
  }
  .p-prevmed .p-care__features {
    display: block;
    position: relative
  }
  .p-prevmed .p-care__features .c-label {
    position: absolute;
    height: 100%
  }
  .p-prevmed .p-care__features .c-title {
    width: 100%;
    padding: 16px 0 0 60px
  }
  .p-prevmed .p-care__features p {
    width: 100%;
    padding: 16px 0 4px 60px
  }
  .p-public .p-subtop__grad-box .product-cat {
    flex-wrap: wrap;
    margin-bottom: 16px
  }
  .p-public .p-subtop__grad-box .product-cat > li {
    width: 100%;
    margin-bottom: 32px
  }
  .p-public .p-subtop__grad-box .product-cat > li:last-child {
    margin-bottom: 0
  }
  .p-public .p-subtop__grad-box .product-cat h2 {
    margin-bottom: 20px
  }
  .p-subtop__title-box {
    margin-top: -96px
  }
  .p-subtop__title-box .title h1 {
    font-size: 2.8rem
  }
  .p-subtop__title-box .intro {
    padding: 28px 20px 36px 16px
  }
  .p-subtop__product-list > li {
    width: 100%
  }
  .p-subtop__product-list > li:nth-last-child(-n+2) {
    margin-bottom: 20px
  }
  .p-subtop__product-list > li:last-child {
    margin-bottom: 0
  }
  .p-subtop__product-list > li > a.-cap-hidden figure figcaption {
    padding: 24px 12px 12px
  }
  .p-subtop__product-list.-elm3 > li {
    width: 100%
  }
  .p-subtop__product-list.-elm3 > li:last-child {
    margin-bottom: 0
  }
  .p-subtop__product-list.-elm3 > li img {
    width: 100%
  }
  .p-subtop__btn-list > li {
    width: 100%;
    margin-bottom: 16px
  }
  .p-subtop__btn-list > li:nth-last-child(-n+2) {
    margin-bottom: 16px
  }
  .p-subtop__btn-list > li:last-child {
    margin-bottom: 0
  }
  .p-top .mv {
    height: 540px
  }
  .p-top .mv-inner .vegas-slide-inner {
    background-position: center right -160px !important
  }
  .p-top .mv-copy {
    top: 366px;
    left: 16px;
    width: 200px
  }
  .p-top .mv-copy::before {
    z-index: 1;
    top: -96px;
    left: -50px;
    width: 80px;
    height: 80px;
    opacity: .72
  }
  .p-top .mv-copy::after {
    top: -82px;
    left: -60px;
    width: 300px;
    height: 300px;
    background: #fff;
    opacity: .8
  }
  .p-top .mv-copy img {
    z-index: 2
  }
  .p-top .mv-news {
    left: 0;
    width: calc(100% - (16px * 2));
    margin: auto;
    padding: 16px
  }
  .p-top .mv-news-list li {
    line-height: 1.3
  }
  .p-top .mv-news-list li a {
    height: auto;
    font-size: 1.2rem
  }
  .p-top .mv-news-list li a img {
    width: 60px
  }
  .p-top .mv-news-list li a img + * {
    width: calc(100% - (60px + 14px))
  }
  .p-top .mv-news-list li a .date {
    font-size: 1rem
  }
  .p-top .mv-news-list li a dl dd {
    font-size: 1rem
  }
  .p-top .mv-news .slick-dots {
    bottom: -28px;
    left: -16px;
    width: calc(100% + (16px * 2))
  }
  .p-top .bnr {
    margin: 60px 0
  }
  .p-top .bnr::after {
    width: calc((100% - 12px) / 2)
  }
  .p-top .bnr-list > li {
    width: calc((100% - 12px) / 2);
    margin-bottom: 20px
  }
  .p-top .bnr-list > li:nth-last-child(-n+3) {
    margin-bottom: 20px
  }
  .p-top .bnr-list > li img {
    width: 100%
  }
  .p-top .service-list > li a dl {
    padding: 16px
  }
  .p-top .service-list > li a dl dd {
    margin-top: 8px;
    font-size: 1.2rem
  }
  .p-top .information-list > li > a {
    padding: 20px 16px
  }
  .p-top .information-list > li > a figure img {
    width: 100px
  }
  .p-top .information-list > li > a figure figcaption {
    width: calc(100% - (100px + 20px))
  }
  .p-top .information-list > li > a figure figcaption dl dt {
    margin-bottom: 8px;
    line-height: 1.4
  }
  .p-top .information-list > li > a figure figcaption dl dd {
    font-size: 1.3rem
  }
  .p-top .recruit-box {
    display: block
  }
  .p-top .recruit-box-img {
    width: 100%;
    height: 200px
  }
  .p-top .recruit-box-btns {
    display: flex;
    width: 100%
  }
  .p-top .recruit-box-btns > li {
    width: 50%;
    margin-bottom: 0
  }
  .p-top .recruit-box-btns > li + li {
    margin-left: 1px
  }
  .p-top .recruit-box-btns > li a {
    height: 100%;
    padding: 24px 16px;
    line-height: 1.4
  }
  .p-top .recruit-box-btns > li a span {
    text-align: center
  }
  .p-top .recruit-box-btns > li a br {
    display: inherit
  }
  .p-trial .p-subtop__grad-box .product-cat {
    flex-wrap: wrap;
    margin-bottom: 16px
  }
  .p-trial .p-subtop__grad-box .product-cat > li {
    width: 100%;
    margin-bottom: 32px
  }
  .p-trial .p-subtop__grad-box .product-cat > li:last-child {
    margin-bottom: 0
  }
  .p-trial .p-subtop__grad-box .product-cat h2 {
    margin-bottom: 20px
  }
  .p-trial .movie-list > li {
    width: 100%;
    margin-bottom: 12px
  }
  .p-trial .graph-list {
    display: block
  }
  .p-trial .graph-list > li {
    width: 100%;
    margin-bottom: 20px
  }
  .p-trial .graph-list > li:last-child {
    margin-bottom: 0
  }
  .p-trial .c-flex > figure {
    width: calc(100% / 2)
  }
  .p-trial .c-flex > figure:nth-child(n+3) {
    margin-top: 1em
  }
}
@media only screen and (max-width: 480px) {
  .p-personal .personal-box > figure {
    width: 100%;
    margin: 0 0 8px;
    float: none;
    text-align: center
  }
}
/*# sourceMappingURL=style.css.map */