@charset "UTF-8";
/* CSS Document */

.p-medichem .inner-3 .lines{display: block !important; }
.p-medichem .inner-3 .lines > div{width: 100% !important; }

.p-medichem .inner-3 h3 a figcaption{max-width: 200px;}
.p-medichem .inner-3 .list{display: flex;flex-wrap: wrap;justify-content: space-between; }
.p-medichem .inner-3 .list li{width: 30%;}
.p-medichem .inner-3 .list li a figure{display: flex;align-items: center;}
.p-medichem .inner-3 .list li a figure div{width: 130px;height: 86px;overflow: hidden;border-radius: 4px;margin-right: 10px;}
.p-medichem .inner-3 .list li a figure div img{max-width: 200%;height: 86px;transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96); }
.p-medichem .inner-3 .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 .business-list:after{content:"";width: calc((100% - (30px * 2)) / 3);}
.p-medichem .download-top-list{justify-content: center;}
.p-medichem .download-top-list li{margin: 0 15px;}
@media only screen and (max-width: 768px){
  .p-medichem .inner-3 .list li{width: calc((100% - (20px * 2)) / 3);}
  .p-medichem .inner-3 .list li a figure{flex-direction: column;}
  .p-medichem .inner-3 .list li a figure div{width:100%;height:162px;}
  .p-medichem .inner-3 .list li a figure div img{height:162px;transform: scale(1, 1);}
  .p-medichem .selector__box .inner-3 .list>li a{padding-right: 0;}
  .p-medichem .selector__box .inner-3 .list>li a::before, .p-medichem .selector__box .inner-3 .list>li a::after{top: 164px;right: 9px;}
  .p-medichem .inner-3 .list li a figure figcaption{padding-right: 15px;}
}
@media only screen and (max-width: 600px){
  .p-medichem .inner-3 .list li{width: calc((100% - (16px * 1)) / 2);}
  .p-medichem .inner-3 .list li a figure{flex-direction: column;}
  .p-medichem .inner-3 .list li a figure div{width:100%;height:105px;}
  .p-medichem .inner-3 .list li a figure div img{height:105px;}
  .p-medichem .selector__box .inner-3 .list>li a{padding-right: 0;}
  .p-medichem .selector__box .inner-3 .list>li a::before, .p-medichem .selector__box .inner-3 .list>li a::after{top: 107px;right: 9px;}
  .p-medichem .inner-3 .list li a figure figcaption{padding-right: 15px;}
}

.p-medichem .selector__tabs>li a{
background:#88b921;
color:#fff;
}

.p-top .pickup_bnr .top_big_banner_box{width:calc(100% - 540px);position: absolute;top: -124px;left:40px;display: flex;justify-content: space-between;}
.p-top .pickup_bnr .top_big_banner_box a{position: static;width:49%;}
.p-top .pickup_bnr .top_big_banner_box a:only-child{width:auto;max-width: 100%;}
.dia_big_banner_box{position: absolute;top: 315px;left: 80px;right: calc((100vw - 1000px - 16px) / 2);z-index: 9;display: block;display:flex;justify-content: space-between;}
.dia_big_banner_box.w{top : 140px; display: block;}
.dia_big_banner_box a{max-width:49%;}
.dia_big_banner_box.w a {display: block;}
.dia_big_banner_box.w a + a{margin-top: 20px;}
.web_seminar_box p{  margin-bottom: 20px;}
.web_seminar_box .web_seminar_flex_box{display:flex;justify-content: space-between;border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.web_seminar_box .web_seminar_flex_box.last{border-bottom: none;padding-bottom:0px;}
.web_seminar_box .web_seminar_flex_box > div{width:63%;}
.web_seminar_box .web_seminar_flex_box > div.virtual_box{width:49%;}
.web_seminar_box .web_seminar_flex_box > figure{width:34%;}
.web_seminar_flex_box table td span{white-space: nowrap;}
.web_seminar_box .c-btn{background:#60bdeb;}
.web_seminar_box .c-btn::before{background:#67cdff;}
.web_seminar_box .c-btn.graybk{background:#6e6e6e;}
.web_seminar_box .c-btn.graybk::before{background:#6e6e6e;}
.web_seminar_box .c-btn.graybk span::before,
.web_seminar_box .c-btn.graybk span::after{display: none;}
.web_seminar_box .c-btn.graybk span{padding-right: 0;}
.web_seminar_tabs li.seminar_end a::before{content:"終了";color:#646464;position:absolute;top: calc(50% - 14px);right:30px;}
.xs_br{display: none;}
.maildummy{display: none;}
.seminar_notice{color:#f00;font-weight: bold;}
.society_link {
  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;
  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);
}
.society_link: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);
}
@media only screen and (min-width: 768px){
  .p-diagnostics .p-subtop__grad-box .other-product-list>li {
    margin-bottom:13px;
  }
}
@media only screen and (max-width: 844px){
  .dia_big_banner_box{width: calc(100% - 32px);left: 16px;right:auto;}
}
@media only screen and (max-width: 768px){
  .p-top .pickup_bnr .top_big_banner_box{width:100%;position: relative;left: 0;top: auto;width: 100%;flex-direction:column;}
  .p-top .pickup_bnr .top_big_banner_box a{position:static;width:100%;margin-bottom:20px;}
  .p-top .pickup_bnr .top_big_banner_box a img{width:100%;}
  .dia_big_banner_box{width: calc(100% - 32px);position: relative;top: auto;left: auto;right:auto;margin: 60px auto 0;flex-direction: column;}
  .dia_big_banner_box.w{top : auto;}
  .dia_big_banner_box a{max-width:100%;margin-bottom: 30px;}
  .dia_big_banner_box.w a + a{margin-top: 0;}
  .web_seminar_box .web_seminar_flex_box{flex-direction: column;}
  .web_seminar_box .web_seminar_flex_box > div,.web_seminar_box .web_seminar_flex_box > figure,.web_seminar_box .web_seminar_flex_box > div.virtual_box{width:100%;}
  .web_seminar_box .web_seminar_flex_box figure img{width:100%;margin-bottom:30px;}
  .virtual_title{word-break: keep-all;}
  .xs_br{display: block;}
  .web_seminar_flex_box table td span{font-size:1.2rem;}
}

#sec_cookie{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 30px 40px 25px;
  display: none;
  text-align: center;
}
#sec_cookie .btn_box{
  display: block;
  text-align: center;
  margin-top: 25px;
}
#sec_cookie .btn_box .c-btn{
  border: 1px solid #fff;
}
#sec_cookie p a{
  text-decoration: underline;
}
/*--- 220425 終 ---*/

/*--- 220810 ---*/
.mail_magazine_banner{
  min-width: 357px;
  width: calc(100vw - (1000px + ((100vw - 1000px - 16px) / 2)));
  position: fixed;
  top: 185px;
  right: 10px; /*-- calc(((100vw - 1000px) / 2) - 366px) --*/
  z-index: 10;
  display: none;
  text-align: right;
}
.mail_magazine_banner.sub{
  top: 190px;
}
.mail_magazine_banner.is-move{
  transform: translateY(-80px);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
}
.mail_magazine_banner.is-slideDown{
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
}
.mail_magazine_banner .mg_inner{
  display: inline-block;
  position: relative;
}
.mail_magazine_banner a{
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.mail_magazine_banner a::before{
  content:url("../../medichem/parts/img/mailMagazineBanner_popup.png");
  position: absolute;
  bottom: -31px;
  left: 8px;
  display: block;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
}
.mail_magazine_banner a:hover::before{
  display: block;
  opacity:1;
  transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
}

.mail_magazine_banner .close_btn{
  width:15px;
  position: absolute;
  top: 6px;
  right: 9px;
  cursor: pointer;
  z-index: 10;
}
.mail_magazine_banner_ipad,
.mail_magazine_banner_phone{
  display: none;
}

@media only screen and (min-width: 769px) and (max-width: 1220px){
  .mail_magazine_banner,
  .mail_magazine_banner_phone{
    display: none !important;
  }
  .mail_magazine_banner_ipad{
    position: fixed;
    top: 230px;
    right: 0;
    z-index: 10;
    display: block;
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
  }
  .mail_magazine_banner_ipad.top{
    top:180px;
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
  }
  .mail_magazine_banner_ipad.is-move{
    transform: translateY(-80px);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
  }
  .mail_magazine_banner_ipad.is-slideDown{
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
  }
  .mail_magazine_banner_ipad a{
    position: relative;
    display: block;
  }
  .mail_magazine_banner_ipad a::before{
    content:url("../../medichem/parts/img/mailMagazineBanner_iPad_popup.png");
    position: absolute;
    top: 37px;
    right: 65%;
    display: block;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
  }
  .mail_magazine_banner_ipad a:hover::before{
    display: block;
    opacity:1;
    transition: opacity 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
  }
}
@media only screen and (max-width: 768px){
  .mail_magazine_banner,
  .mail_magazine_banner_ipad{
    display: none !important;
  }
  .mail_magazine_banner_phone{
    display: block !important;
    position: fixed;
    bottom: 0;
    left:0;
    right: 0;
    z-index: 10;
    display: block;
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
  }
  .mail_magazine_banner_phone a{
    display: flex;
    width: 100%;
    align-items: center;
    background:#555555;
    color:#fff;
  }
  .mail_magazine_banner_phone figure{
    width: 45px;
    padding:7px 8px 10px;
    height: 100%;
    background:#555555;
    text-align: center;
  }
  .mail_magazine_banner_phone p{
    width: calc(100% - 45px);
    padding-left:5px;
    line-height: 1.2em;
    position: relative;
  }
  .mail_magazine_banner_phone p img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
  }
  .mail_magazine_banner_phone p span{
    font-size: 12px;
  }

  .mail_magazine_banner_phone.is-slideUp{
    transform: translateY(-56px);
    transition: transform 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
  }
  .mail_magazine_banner_phone.is-stop{
    margin-top: 100px;
    margin-bottom:-100px;
    transform: translateY(0);
    transition: none;
    position: relative;
    bottom: auto;
    left: auto;
    z-index:0;
  }
}

.login-caution-inner{
  max-width:720px;
  width:100%;
  margin:30px auto 0;
}
.login-caution-inner h3{
  color:#fff;
  font-size: 18px;
  font-weight: 500;
  text-indent: calc(-4em + 10px);
  background: #b60f0f;
  padding: 10px;
  padding-left: 4em;
  margin-bottom:15px;
}
.login-caution-inner .login-caution-date{
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}

.l-article .c-list a.reverse{
  color: #29b8ec;
  font-weight: 500;
  border-color: #29b8ec;
  opacity:1;
  padding-right: 15px;
  transition: border-color 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);
  position: relative;
}
.l-article .c-list a.reverse::after {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: -1px;
  width: 8px;
  height: 8px;
  margin: auto;
  transform: rotate(45deg);
  border-top: 1px solid #29b8ec;
  border-right: 1px solid #29b8ec;
  content: '';
  content: '';
  transition: border-color 0.3s cubic-bezier(0.21, 0.11, 0.22, 0.96);
}
.l-article .c-list a.reverse:hover{
  opacity:0.5;
  text-decoration:none;
  transition: border-color 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-inner{
  position: relative;
}