@charset "UTF-8";
/* [ 事業領域 ] business.css */
.business .page-ttlbox .page-ttl-c {
  background-image: url("../img/business/bg_business.jpg");
}
.business .page-ttlbox .page-ttl-c > div > * {
  width: 60%;
}
@media only screen and (width <= 1024px) {
  .business .page-ttlbox .page-ttl-c {
    background-image: url("../img/business/bg_business_sp.jpg");
  }
  .business .page-ttlbox .page-ttl-c > div > * {
    width: 100%;
  }
}

.manual .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/manual/bg_manual.jpg");
}
@media only screen and (width <= 1024px) {
  .manual .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/manual/bg_manual_sp.jpg");
  }
}

.planning-ia .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/manual/planning-ia/bg_planning-ia.jpg");
}
@media only screen and (width <= 1024px) {
  .planning-ia .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/manual/planning-ia/bg_planning-ia_sp.jpg");
  }
}

.writing .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/manual/writing/bg_writing.jpg");
}
@media only screen and (width <= 1024px) {
  .writing .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/manual/writing/bg_writing_sp.jpg");
  }
}

.editing .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/manual/editing/bg_editing.jpg");
}
@media only screen and (width <= 1024px) {
  .editing .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/manual/editing/bg_editing_sp.jpg");
  }
}

.visual-data .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/manual/visual-data/bg_visual-data.jpg");
}
@media only screen and (width <= 1024px) {
  .visual-data .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/manual/visual-data/bg_visual-data_sp.jpg");
  }
}

.consulting .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/consulting/bg_consulting.jpg");
}
@media only screen and (width <= 1024px) {
  .consulting .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/consulting/bg_consulting_sp.jpg");
  }
}

.biz-educ .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/biz-educ/bg_biz-educ.jpg");
}
@media only screen and (width <= 1024px) {
  .biz-educ .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/biz-educ/bg_biz-educ_sp.jpg");
  }
}

.print .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/print/bg_print.jpg");
}
@media only screen and (width <= 1024px) {
  .print .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/print/bg_print_sp.jpg");
  }
}

.fulfillment .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/fulfillment/bg_fulfillment.jpg");
}
@media only screen and (width <= 1024px) {
  .fulfillment .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/fulfillment/bg_fulfillment_sp.jpg");
  }
}

.pkg-design-prod .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/pkg-design-prod/bg_pkg-design-prod.jpg");
}
@media only screen and (width <= 1024px) {
  .pkg-design-prod .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/pkg-design-prod/bg_pkg-design-prod_sp.jpg");
  }
}

.localization .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/localization/bg_localization.jpg");
}
@media only screen and (width <= 1024px) {
  .localization .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/localization/bg_localization_sp.jpg");
  }
}

.marketing-tools .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/marketing-tools/bg_marketing-tools.jpg");
}
@media only screen and (width <= 1024px) {
  .marketing-tools .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/marketing-tools/bg_marketing-tools_sp.jpg");
  }
}

.event-planning .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/event-planning/bg_event-planning.jpg");
}
@media only screen and (width <= 1024px) {
  .event-planning .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/event-planning/bg_event-planning_sp.jpg");
  }
}

.solution-dev .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/solution-dev/bg_solution-dev.jpg");
}
@media only screen and (width <= 1024px) {
  .solution-dev .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/solution-dev/bg_solution-dev_sp.jpg");
  }
}

.product-safety .page-ttlbox .page-ttl-d {
  background-image: url("../img/business/product-safety/bg_product-safety.jpg");
}
@media only screen and (width <= 1024px) {
  .product-safety .page-ttlbox .page-ttl-d {
    background-image: url("../img/business/product-safety/bg_product-safety_sp.jpg");
  }
}

.content {
  padding-top: 80px;
  padding-bottom: 120px;
}
.content .content-wrap {
  width: 100%;
}
.content .content-wrap .content-item {
  width: 100%;
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
.content .content-wrap aside .left-menu {
  position: sticky;
  top: 122px;
}
.content .content-wrap aside .left-menu > a {
  display: block;
}
@media (hover: hover) {
  .content .content-wrap aside .left-menu > a.grd-circle:hover {
    opacity: 0.7;
  }
}
.content .content-wrap aside .left-menu .left-nav {
  list-style: none;
}
.content .content-wrap aside .left-menu .left-nav li {
  margin-top: 16px;
  margin-bottom: 12px;
}
.content .content-wrap aside .left-menu .left-nav li a {
  position: relative;
  display: block;
  color: #94A3B8;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  padding-left: 1.143em;
}
.content .content-wrap aside .left-menu .left-nav li a.l-current {
  color: #333;
}
.content .content-wrap aside .left-menu .left-nav li a.l-current::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "ｰ";
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  transition: all 0.4s ease;
}
@media (hover: hover) {
  .content .content-wrap aside .left-menu .left-nav li a:hover {
    color: #333;
  }
  .content .content-wrap aside .left-menu .left-nav li a:hover::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "ｰ";
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    transition: all 0.4s ease;
  }
}
.content .content-wrap:has(aside) {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: 80px;
  width: 100%;
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
.content .content-wrap:has(aside) .content-item {
  width: calc(100% - (80px + 17.5%));
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.content .content-wrap:has(aside) aside {
  width: 17.5%;
}

@media only screen and (width <= 1024px) {
  .content {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .content .content-wrap:has(aside) .content-item {
    width: 100%;
  }
  .content .content-wrap:has(aside) .content-item aside {
    display: none;
  }
  .content .content-wrap aside {
    display: none;
  }
}
/*==================================================*
 *  [ 事業領域 ]
 *==================================================*/
.solution-wrap {
  margin-bottom: 80px;
}
.solution-wrap:last-child {
  margin-bottom: 0;
}
.solution-wrap .soln-item-wrap {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 56px;
}
.solution-wrap .soln-item-wrap .soln-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: calc((100% - 80px) / 3);
}
.solution-wrap .soln-item-wrap .soln-item .sc-image {
  width: 100%;
  aspect-ratio: 289/163;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 8px;
}
.solution-wrap .soln-item-wrap .soln-item .sc-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.solution-wrap .soln-item-wrap .soln-item .sc-head {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.solution-wrap .soln-item-wrap .soln-item .sc-head::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E5E5E5;
}
.solution-wrap .soln-item-wrap .soln-item .sc-subtxt {
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 12px;
}
.solution-wrap .soln-item-wrap .soln-item .sc-subtxt b span {
  display: inline-block;
}
@media (hover: hover) {
  .solution-wrap .soln-item-wrap .soln-item:hover .sc-image img {
    transform: scale(1.06);
  }
}
@media only screen and (width <= 1024px) {
  .solution-wrap {
    margin-bottom: 40px;
  }
  .solution-wrap:nth-of-type(n + 2) {
    margin-bottom: 80px;
  }
  .solution-wrap:last-child {
    margin-bottom: 0;
  }
  .solution-wrap .soln-item-wrap .soln-item {
    width: 100%;
  }
}

/*==================================================*
 *  [ 事業領域 - マニュアル制作 ]
 *==================================================*/
.manual .content, .planning-ia .content, .writing .content, .editing .content, .visual-data .content {
  padding-bottom: 0;
}
.manual section, .planning-ia section, .writing section, .editing section, .visual-data section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (width <= 1024px) {
  .manual section, .planning-ia section, .writing section, .editing section, .visual-data section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/*==================================================*
 *  [ 事業領域 - マニュアルコンサルティング ]
 *==================================================*/
.consulting .content {
  padding-bottom: 0;
}
.consulting section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.consulting section .dcard-txtarea .more-btn {
  margin-left: auto;
}
@media only screen and (width <= 1024px) {
  .consulting section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/*==================================================*
 *  [ 事業領域 - 業務マニュアル／教育コンテンツ ]
 *==================================================*/
.biz-educ .content {
  padding-bottom: 0;
}
.biz-educ section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (width <= 1024px) {
  .biz-educ section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/*==================================================*
 *  [ 事業領域 - 印刷 ]
 *==================================================*/
.print .content {
  padding-bottom: 0;
}
.print section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (width <= 1024px) {
  .print section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/*==================================================*
 *  [ 事業領域 - 梱包設計 ]
 *==================================================*/
.pkg-design-prod .content {
  padding-bottom: 0;
}
.pkg-design-prod section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pkg-design-prod section .pastwork-wrap {
  display: flex;
  align-items: stretch;
  gap: 24px 16px;
}
.pkg-design-prod section .pastwork-wrap .pw-item {
  width: calc((100% - 32px) / 3);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pkg-design-prod section .pastwork-wrap .pw-item .bg-ttl {
  background: #E8EAF2;
  border-radius: 6px;
  padding: 8px 16px;
}
.pkg-design-prod section .awards-wrap {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px 32px;
}
.pkg-design-prod section .awards-wrap .aw-item {
  width: calc((100% - 64px) / 3);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pkg-design-prod section .awards-wrap .aw-item img {
  width: 100%;
}
.pkg-design-prod section .awards-wrap .aw-item .aw-ttl {
  margin-bottom: 8px;
}
@media only screen and (width <= 1024px) {
  .pkg-design-prod section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pkg-design-prod section .pastwork-wrap {
    flex-direction: column;
  }
  .pkg-design-prod section .pastwork-wrap .pw-item {
    width: 100%;
  }
  .pkg-design-prod section .awards-wrap {
    flex-direction: column;
  }
  .pkg-design-prod section .awards-wrap .aw-item {
    width: 100%;
  }
}

/*==================================================*
 *  [ 事業領域 - フルフィルメントサービス ]
 *==================================================*/
.fulfillment .content {
  padding-bottom: 0;
}
.fulfillment section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (width <= 1024px) {
  .fulfillment section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/*==================================================*
 *  [ 事業領域 - 翻訳・ローカライズ ]
 *==================================================*/
.localization .content {
  padding-bottom: 0;
}
.localization section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.localization .localize-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.localization .localize-wrap picture {
  width: 100%;
}
.localization .localize-wrap picture img {
  width: 100%;
  border-radius: 8px;
}
.localization .localize-wrap .localize-area {
  display: flex;
  gap: 24px;
}
.localization .localize-wrap .localize-area ul {
  width: calc((100% - 72px) / 4);
}
@media only screen and (width <= 1024px) {
  .localization section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .localization .localize-wrap .localize-area {
    flex-direction: column;
  }
  .localization .localize-wrap .localize-area ul {
    width: 100%;
  }
}

/*==================================================*
 *  [ 事業領域 - マーケティングツール ]
 *==================================================*/
.marketing-tools .content {
  padding-bottom: 0;
}
.marketing-tools section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (width <= 1024px) {
  .marketing-tools section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/*==================================================*
 *  [ 事業領域 - イベント企画 ]
 *==================================================*/
.event-planning .content {
  padding-bottom: 0;
}
.event-planning section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (width <= 1024px) {
  .event-planning section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/*==================================================*
 *  [ 事業領域 - ソリューション開発 ]
 *==================================================*/
.solution-dev .content {
  padding-bottom: 0;
}
.solution-dev section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (width >= 1025px) {
  .solution-dev .dcard-half {
    margin-bottom: 60px;
  }
  .solution-dev .dcard-half:last-child {
    margin-bottom: 0;
  }
  .solution-dev .dcard-half .dcard-h-wrap {
    margin-top: 0;
    grid-row-gap: 0;
  }
}
@media only screen and (width <= 1024px) {
  .solution-dev section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/*==================================================*
 *  [ 事業領域 - 製品安全・機械安全 ]
 *==================================================*/
.product-safety .content {
  padding-bottom: 0;
}
.product-safety section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (width <= 1024px) {
  .product-safety section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}