@charset "UTF-8";

/* ==================================================
	takarashuzo
================================================== */

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

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

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

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

.company-wrap .intro-title {
  color: #1C82E0;
}

.company-wrap .company-list li {
  border-color: #1C82E0;
}

.company-wrap .company-list li h3 {
  background-color: #1C82E0;
}

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

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

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

.advabtage-wrap .intro-title {
  color: #1C82E0;
}

@media screen and (min-width: 768px), print {
  .advabtage-wrap .advabtage-inner .advabtage-box {
    align-items: flex-end;
    align-content: flex-end;
  }
}
  

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

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

.history-wrap .intro-title {
  color: #1C82E0;
}

.history-wrap .history-slide .swiper-slide h5 {
  color: #1C82E0;
}

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

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

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

.contact-wrap .contact-link {
  background-color: #1C82E0;
}

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

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

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

.contact-wrap .contact-body h3 {
  color: #1C82E0;
}

.contact-wrap .contact-body .contact-list li .contact-list-num {
  color: #1C82E0;
}

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

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