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

/***************************
 ** FV
 */
.top_fv .slick-dots {
  bottom: 25px;
}

.top_fv .slick-dots li button::before {
  content: "●";
  font-size: 20px;
}

.top_fv li img {
  width: 100%;
}

.top_fv .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.top_slider {
  position: relative;
}

/***************************
 ** 事業概要
 */
.business {
  padding: 2rem 0 4rem;
}

/* 1.医薬品、健康食品の製造 */
.business_01 {
  margin-bottom: 6rem;
}

.business_01 .set_area {
  margin-bottom: 3rem;
}

.brand_list li {
  flex-basis: 23.5%;
  text-align: center;
}

.brand_list li:not(:last-child) {
  margin-right: 2%;
}

.brand_list li a:first-child,
.brand_list_sp li a:first-child {
  display: block;
  box-sizing: border-box;
  position: relative;
}

.brand_list li a:first-child img {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

.lineup_text {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 1rem;
  left: 54%;
  margin-left: -53%;
}

.lineup_text_ttl {
  font-size: 1.8vw;
  font-weight: 500;
  color: #039;
  margin-bottom: 0.5rem;
}

.lineup_text span {
  display: inline-block;
  color: #fff;
  font-size: 0.875rem;
  background: #333;
  line-height: 1;
  padding: 0.3rem 1rem;
  border-radius: 3rem;
  vertical-align: middle;
}

.brand_link {
  display: block;
  box-sizing: border-box;
  text-align: center;
  background: #eaebf0;
  width: 95%;
  margin: 1em auto 0;
  padding: 1rem;
  color: #2b2b2b;
  position: relative;
  border-radius: 2rem;
}

.brand_link::before {
  font-family: "icomoon";
  content: "\e904";
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -0.8em;
}

@media screen and (min-width: 1001px) {
  /* 文字が際限なく大きくなるのを防止 */
  .lineup_text_ttl {
    font-size: 1.15rem;
  }
}

.brand_list_sp {
  display: none;
}

/* 2.免疫療法に寄与する技術開発 */
.business_02 {
  margin-bottom: 6rem;
}

.business_02 .set_area {
  margin-bottom: 3rem;
}

.service_list li {
  flex-basis: 48%;
  box-sizing: border-box;
  padding: 10rem 1rem 3rem;
  border: 1px solid #ddd;
  background: linear-gradient(to bottom, #dedede 0%, #ffffff 50%);
  position: relative;
}

.service_list li:first-child {
  margin-right: 4%;
}

.service_list_ttl {
  color: #039;
  font-weight: 500;
  font-size: 1.5rem;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  bottom: 1rem;
}

/* 3.受託製造事業（OEM） */
.business_03 {
}

@media screen and (max-width: 736px) {
  .business {
    padding: 1rem 0 3rem;
  }

  /* 1.医薬品、健康食品の製造 */
  .business_01 {
    margin-bottom: 4rem;
  }

  .business_01 .set_area {
    margin-bottom: 2rem;
  }

  .brand_list {
    display: none;
  }

  .brand_list_sp {
    display: block;
    margin-bottom: 2rem;
  }

  .brand_list_sp .slick-slide {
    padding: 0 0.5rem;
    opacity: 0.3;
    transition-duration: 0.3s;
  }

  .brand_list_sp .slick-slide.slick-current {
    opacity: 1;
  }

  .brand_list_sp .brand_list_slider li {
    text-align: center;
  }

  .brand_list_sp .brand_list_slider li a:first-child {
    width: fit-content;
    margin-inline: auto;
  }

  .lineup_text_ttl {
    font-size: 1rem;
  }

  .lineup_text span {
    font-size: 0.75rem;
  }

  .brand_link {
    width: 100%;
    padding: 0.8rem;
    font-size: 0.875rem;
  }

  /* 2.免疫療法に寄与する技術開発 */
  .business_02 {
    margin-bottom: 4rem;
  }

  .service_list li {
    flex-basis: auto;
  }

  .service_list li:first-child {
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .service_list_ttl {
    font-size: 1.125rem;
  }

  /* 3.受託製造事業（OEM） */
  .business_03_inner {
    background: none;
  }

  .business_02 .top_text,
  .business_03 .top_text {
    padding-top: 0;
  }
}

@media screen and (max-width: 320px) {
  .lineup_text_ttl {
    font-size: 0.875rem;
  }
}

/***************************
 ** 会社案内
 */
.company {
  padding: 2rem 0 4rem;
  background: #eaebf0;
}

.company .section_en_ttl {
  color: #fff;
}

.company_02_ttl {
  font-size: 1.5rem;
  margin-bottom: 3rem;
  color: #039;
}

.company .company_contents_inner .company_01 {
  margin-bottom: 4rem;
}

@media screen and (max-width: 736px) {
  .company {
    padding: 1rem 0 3rem;
  }

  .company_02_ttl {
    font-size: 1.15rem;
    margin-bottom: 1rem;
  }

  .company .company_contents_inner .company_01 {
    margin-bottom: 3rem;
  }

  .company .company_contents_inner .company_02 .set_img img {
    width: 80%;
  }
}

/***************************
 ** ニュース
 */
.news {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/***************************
 ** バナーエリア
 */
.bnr_list {
  text-align: center;
}

.bnr_list li {
  padding: 0 0.3rem;
}

@media screen and (max-width: 736px) {
  .bnr_list {
    width: 90%;
    margin: 0 auto;
  }

  .bnr_list li {
    margin-bottom: 1rem;
    padding: 0;
  }

  .bnr_list li a,
  .bnr_list li a img {
    width: 100%;
    display: block;
  }
}