@charset "UTF-8";

/* ==================================================
	takara-bio
================================================== */

/*---------------------------------
  mv
---------------------------------*/

@media screen and (min-width: 768px) {
  .mainv-wrap .mainv-inner {
    background-image: url("/assets_new/img/company/intro/takara-bio/mv_bg.jpg");
  }
  
  .mainv-wrap .mainv-inner .mainv-copy {
    margin-left: -716px;
    left: 50%;
  }
  
  .mainv-wrap .mainv-inner .mainv-body {
    width: 367px;
    padding: 16px 22px 26px;
    margin-right: -670px;
    right: 50%;
    bottom: 52px;
  }
  
  .mainv-wrap .mainv-inner .mainv-body .mainv-logo {
    width: 264px;
  }
}

@media screen and (max-width: 767px) {
  .mainv-wrap .mainv-inner {
    background-image: url("/assets_new/img/company/intro/takara-bio/mv_bg_sp.jpg");
  }
  
  .mainv-wrap .mainv-inner .mainv-copy {
    width: 46.667vw;
    right: 8vw;
    bottom: 9.333vw;
  }
  
  .mainv-wrap .mainv-inner .mainv-body {
    width: 46vw;
    padding: 4vw;
    left: 8vw;
    top: 20vw;
  }
  
  .mainv-wrap .mainv-inner .mainv-body .mainv-logo {
    width: 34.667vw;
  }
}

/*---------------------------------
  company
---------------------------------*/

.company-wrap .intro-title {
  color: #8E4095;
}

.company-wrap .company-list li {
  border-color: #8E4095;
}

.company-wrap .company-list li h3 {
  background-color: #8E4095;
}

@media screen and (min-width: 768px), print {
  .company-wrap .company-list li {
    width: 386px;
  }
}

/*---------------------------------
  advabtage
---------------------------------*/

.advabtage-wrap {
  background-color: #F1EBF4;
}

.advabtage-wrap .intro-title {
  color: #8E4095;
}

.advabtage-wrap .advabtage-inner dl dd {
  background-color: #eee;
}

.advabtage-wrap .advabtage-inner dl dd h6 {
  font-weight: bold;
}

.advabtage-wrap .advabtage-inner dl dd h6,
.advabtage-wrap .advabtage-inner dl dd p {
  line-height: 1.5;
}

@media screen and (min-width: 768px), print {
  .advabtage-wrap .advabtage-inner .advabtage-box {
    align-items: flex-end;
    align-content: flex-end;
  }
  
  .advabtage-wrap .advabtage-inner .advabtage-img + .advabtage-text {
    margin-top: 60px;
  }
  
  .advabtage-wrap .advabtage-inner dl {
    display: flex;
    justify-content: center;
  }
  
  .advabtage-wrap .advabtage-inner dl dt {
    width: 550px;
    margin-right: 40px;
  }
  
  .advabtage-wrap .advabtage-inner dl dd {
    width: 300px;
    padding: 20px;
  }
  
  .advabtage-wrap .advabtage-inner dl dd h6,
  .advabtage-wrap .advabtage-inner dl dd p {
    font-size: 1.8rem;
  }
  
  .advabtage-wrap .advabtage-inner dl dd p:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .advabtage-wrap .advabtage-inner .advabtage-img + .advabtage-text {
    margin-top: 30px;
  }
  
  .advabtage-wrap .advabtage-inner .advabtage-box + .advabtage-text {
    margin-top: -20px;
  }
  
  .advabtage-wrap .advabtage-inner dl dd {
    padding: 15px;
  }
  
  .advabtage-wrap .advabtage-inner dl dt {
    margin-bottom: 20px;
  }
  
  .advabtage-wrap .advabtage-inner dl dd h6,
  .advabtage-wrap .advabtage-inner dl dd p {
    font-size: 1.4rem;
  }
  
  .advabtage-wrap .advabtage-inner dl dd p:not(:last-child) {
    margin-bottom: 10px;
  }
}

/*---------------------------------
  history
---------------------------------*/

.history-wrap {
  background-color: #F1EBF4;
}

.history-wrap .intro-title {
  color: #8E4095;
}

.history-wrap .history-slide .swiper-slide h5 {
  color: #8E4095;
}

/*---------------------------------
  contact
---------------------------------*/

.contact-wrap {
  background-color: #F1EBF4;
}

/* ---------- contact-link ----------*/

.contact-wrap .contact-link {
  background-color: #8E4095;
}

@media screen and (min-width: 768px), print {
  .contact-wrap .contact-link .contact-logo {
    width: 308px;
  }
}

@media screen and (max-width: 767px) {
  .contact-wrap .contact-link .contact-logo {
    width: 216px;
  }
}

/* ---------- contact-body ----------*/

.contact-wrap .contact-body h3 {
  color: #8E4095;
}

.contact-wrap .contact-body .contact-list li .contact-list-num {
  color: #8E4095;
}

.contact-wrap .contact-body .contact-list li .contact-list-btn a {
  border-color: #8E4095;
  color: #8E4095;
}

.contact-wrap .contact-body .contact-list li .contact-list-btn a::after {
  background-image: url("/assets_new/img/company/intro/takara-bio/icon_arrow_p.png");
}