@charset 'utf-8';
:root {
  --font-zenkaku: "Zen Kaku Gothic New", sans-serif;
  --font-outfit: "Outfit", sans-serif;
  --color-primary: #074BB1;
  --color-secondary: #e5ecf7;
  --color-tertiary: #7b9ab2;
  --color-border: #cdd6dd;
  --color-hover: #2068d3;
  --color-white: #fff;
}
.bg-primary { background-color: var(--color-primary); }
.bg-secondary { background-color: var(--color-secondary); }
.bg-white { background-color: var(--color-white); }
.f-zenkaku { font-family: var(--font-zenkaku); }
.f-outfit { font-family: var(--font-outfit); }

body {
  font-family: var(--font-zenkaku);
  min-width: 1366px;
  position: relative;
}
.section {
  padding: 150px 0;
  position: relative;
}
.inner {
  padding: 0 70px;
  position: relative;
}

/* header
--------------------------------------------------------- */
.mod_header {
  background-color: transparent;
  box-shadow: none;
  height: auto;
  position: static;
  /* width: 100% !important; */
  z-index: auto;
}
.header-container-wrapper .page-center {
  float: none!important;
  margin-left: auto!important;
  margin-right: auto!important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important
}

.header-container-wrapper {
  /* padding: 15px; */
  position: sticky;
  inset: 20px 0;
  margin: 0 20px;
  border-radius: 40px;
  z-index: 9;
}
.hdr-content {
  background: #fff;
  border-radius: 70px;
  height: 90px;
  padding: 0 15px 0 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.16);
}

/* ----- logo ----- */
.hdr-logo {
  a {
    display: flex;
    align-items: center;
    gap: 0 15px;
  }
  .logo {
    width: 130px;
    height: 33px;
  }
  p {
    font-size: 1.2rem;
    font-weight: bold;
  }
}

/* ----- nav ----- */
.hdr-nav {}
.hdr-nav-list {
  display: flex;
  align-items: center;
  gap: 23px;
  position: relative;
}
.nav-item {}
.hdr-nav-list .nav-item a {
  font-size: 1.4rem;
  display: flex;align-items: center;
  height: 60px;
  position: relative;
}
.hdr-nav-list .nav-item:has(.megadrop) a {
  padding-right: 20px;
}
.hdr-nav-list .nav-item:has(.megadrop) > a::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/hubfs/corp/website/assets/renew/img_com/icon_circle_s.svg) center center no-repeat;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: all 0.2s;
}
.hdr-nav-list .nav-item:has(.megadrop):hover > a::before {
  background-color: var(--color-border);
}
.hdr-nav-list .nav-item:has(.megadrop) > a::after {
  content: "";
  width: 20px;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--color-primary);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
}
.hdr-nav-list .nav-item:has(.megadrop):hover > a::after {
  height: 14px;
  opacity: 1;
  visibility: visible;
}

/* ----- meagadrop ----- */
.hdr-nav-list .megadrop {
  background: var(--color-primary);
  border-radius: 15px;
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.2s, visibility 0.2s;
}
.nav-item:has(.megadrop):hover .megadrop {
  height: auto;
  opacity: 1;
  visibility: visible;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, .12));
}
.hdr-nav-list .megadrop-list {
  margin: 40px 50px;
  display: grid;
  place-content: center;
  grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
  gap: 30px;
  max-width: 876px;
}
.hdr-nav-list .megadrop-list li:first-child {
  grid-column: 1 / -1;
}
.hdr-nav-list .megadrop-list li:first-child a {
  padding-right: 30px;
  font-size: 2rem;
  max-width: 272px;
}
.hdr-nav-list .megadrop-list li:first-child a::after {
  width: 16px;
  height: 14px;
  border-radius: 0;
  mask-image: url(/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_w.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: contain;
  top: calc(2rem * 1.46 / 2);
}
.hdr-nav-list .megadrop-list:has(> :nth-child(2):last-child) {
  max-width: none;
}
.hdr-nav-list .megadrop-list li {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
.hdr-nav-list .megadrop-list li a {
  color: var(--color-white);
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.46;
  align-items: flex-start;
  height: 100%;
  padding: 0;
  position: relative;
}
.hdr-nav-list .megadrop-list li a::after {
  content: "";
  display: block;
  background: var(--color-white);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: calc(1.6rem * 1.46 / 2);
  transform: translateY(-50%);
}

/* ----- hdr btns ----- */
.hdr-btns {
  display: flex;
  gap: 0 10px;
}
.hdr-btns .btn-contact {}
.hdr-btns .btn-contact .btn {
  min-width: 166px;
  height: 100%;
  font-size: 1.6rem;
}
.btn-drawer {}
.drawer--right .drawer-hamburger {
  background: var(--color-primary);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  transition: all 0.2s;
}
.drawer--right .drawer-hamburger:hover {
  background: var(--color-hover);
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  width: 20px;
  border-radius: 2px;
}
.drawer-hamburger-icon:after {
  width: 14px;
}

/* ----- drawer -----  */
.drawer-container {
  display: block;
}
.drawer--right .drawer-nav {
  background: var(--color-primary);
  width: 0;
  z-index: 0;
  opacity: 0;
  transition: opacity .6s cubic-bezier(.19,1,.22,1);
}
.drawer--right.drawer-open .drawer-nav {
  width: 683px;
  z-index: 120;
  opacity: 1;
}
.drawer--right .drawer-nav {
  top: 0;
}
.drawer--right .drawer-nav nav {
  padding: 190px 80px 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 80px;
}
.drawer--right .drawer-nav nav a {
  color: var(--color-white);
  font-size: 1.6rem;
}
/* drawer-nav-list */
.drawer--right .drawer-nav .drawer-nav-list {}
.drawer--right .drawer-nav .drawer-nav-list li {
  line-height: 1.5;
  margin-top: 15px;
}
.drawer--right .drawer-nav .drawer-nav-list > li {
  margin-top: 0;
  line-height: 1.3333;
}
.drawer--right .drawer-nav .drawer-nav-list > li+li {
  margin-top: 30px;
}
.drawer--right .drawer-nav .drawer-nav-list > li a {
  font-size: 1.8rem;
  transition: all .2s;
}
.drawer--right .drawer-nav .drawer-nav-list > li a:hover {
  opacity: 0.7;
}
.drawer--right .drawer-nav .drawer-nav-list > li ul a {
  font-size: 1.6rem;
  opacity: .5;
}
/* drawer-ftr */
.drawer--right .drawer-nav .drawer-ftr {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 138px;
}
.drawer--right .drawer-nav .drawer-ftr a {
  font-size: 1.4rem;
}
.drawer--right .drawer-nav .drawer-ftr .drawer-nav-list {
  width: auto;
  display: flex;
  gap: 30px;
}
.drawer--right .drawer-nav .drawer-ftr .drawer-nav-list li {
  margin-top: 0;
}
/* sns-list */
.sns-list {
  width: auto;
  margin-left: auto;
  display: flex;
  gap: 8px;
}
.sns-list a {
  display: block;
  transition: all .2s;
}
.sns-list a:hover {
  opacity: .7;
}
/* open */
.drawer-open .header-container-wrapper {}
.drawer-open .drawer-container .hdr-btns {
  position: absolute;
  z-index: 150;
  top: 35px;
  right: 35px;
}
.drawer-open.drawer--right .drawer-hamburger {
  background: #000;
}
.drawer-open.drawer--right .drawer-hamburger:hover {
  background: var(--color-hover);
}
.drawer-open .drawer-hamburger-icon:after {
  width: 20px;
}
.drawer-open .btn-contact .btn {
  color: var(--color-white);
  font-size: 1.8rem;
}
.drawer-open .btn-contact .btn:hover {
  background: var(--color-hover);
}


/* footer
--------------------------------------------------------- */
.footer-container-wrapper {
  background: var(--color-primary);
}
/* ------ #contact ------ */
#contact {
  background: url(/hubfs/corp/website/assets/renew/img_com/bg-ftr.png) 0 0 no-repeat;
  background-size: cover;
  padding-bottom: 305px;
  &::before {
    content: "";
    display: block;
    background: linear-gradient(rgba(7, 75, 177, 0) 0%, #074bb1 100%);
    width: 100%;
    height: 290px;
    position: absolute;
    inset: auto 0 0 0;
  }
}
#contact .section-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-cont {
  color: var(--color-white);
}
.contact-cont .section-ttl {
  font-size: 15rem;
  font-weight: 500;
  line-height: 1.2;
}
.contact-cont .section-ttl span {
  font-size: 2.6rem;
  font-weight: bold;
  display: block;
  line-height: 1.2;
  opacity: .5;
}
.contact-summary {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.7;
  margin-top: 32px;
}
.contact-btns {
  padding-right: 140px;
}

/* ----- ftr-content ----- */
.ftr-content {
  padding: 0 70px;
  display: flex;
  gap: 0 113px;
}
.ftr-content a {
  color: var(--color-white);
  font-size: 1.6rem;
  font-weight: bold;
  transition: all .2s;
}
.ftr-content a:hover {
  opacity: 0.7;
}
.ftr-logo {
  flex: 1 0 auto;
}
.ftr-logo a {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 25px;
}
.ftr-logo img {
  width: 160px;
  height: 66px;
  filter: brightness(0) invert(1);
}
/* ftr-nav-list */
.ftr-nav-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
  gap: 25px 0;
  line-height: 1.8;
}
.ftr-nav-list .nav-item {
  width: 25%;
}
.ftr-nav-list .nav-item a {
}
/* ftr sns-list */
.ftr-nav .sns-list {
  justify-content: flex-end;
  margin-top: 40px;
  padding-right: 125px;
}

/* ----- copyright ----- */
.copyright {
  color: var(--color-white);
  border-top: 1px solid rgba(255,255,255,.2);
  padding: 40px 0 10px;
  margin-top: 40px;
}
.copyright .inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-bottom: 40px;
}
.copyright p {
  font-family: var(--font-outfit);
  font-size: 1.4rem;
}
.ftr-subnav {}
.ftr-subnav-list {
  display: flex;
  gap: 0 40px;
}
.ftr-subnav-list .nav-item {}
.ftr-subnav-list .nav-item a {
  font-size: 1.3rem;
  transition: all .2s;
}
.ftr-subnav-list .nav-item a:hover {
  opacity: 0.7;
}
/* schrool text */
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.scroll-txt {
  display: flex;
  overflow: hidden;
}
.scroll-txt .slider {
  display: flex;
  gap: 100px;
}
.scroll-txt .slide {
  animation: scroll-left 20s infinite linear .5s both;
  font-family: var(--font-outfit);
  font-size: 16rem;
  line-height: normal;
  white-space: nowrap;
  opacity: .5;
}



/* content
--------------------------------------------------------- */
/* ----- btn ----- */
@keyframes btn-arrow-r {
  from {
    transform: translateX(-10px);
  }
  to {
    transform: translateX(0);
  }
}
.btn + .btn, a + a .btn {
  margin-top: 30px;
}
.btn {
  color: var(--color-primary);
  /* font-size: 1.6rem; */
  font-size: 1.4rem;
  font-weight: bold;
  min-width: 200px;
  min-height: 52px;
  padding: 0 20px 0 30px;
  border: 2px solid var(--color-border);
  border-radius: 33px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
  transition: all 0.2s;
  &::before {
    content: "";
    display: block;
    background: var(--color-primary);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    order: 3;
  }
  &::after {
    content: "";
    display: none;
    background: var(--color-white);
    mask-image: url(/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_w.svg);
    mask-position: 0 0;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 16px;
    height: 14px;
    opacity: 0;
    transition: all 0.2s;
  }
}
.btn:hover {
  color: var(--color-white);
  background: var(--color-primary);
  border-color: var(--color-primary);
  &::before {
    display: none;
  }
  &::after {
    display: block;
    opacity: 1;
    animation-name: btn-arrow-r;
    animation-duration: 0.2s;
  }
}
/* btn-lg */
.btn.btn-lg {
  width: 300px;
  height: 66px;
  font-size: 1.6rem;
  padding-right: 30px;
}
/* btn-xl */
.btn.btn-xl {
  width: 340px;
  height: 66px;
  font-size: 1.6rem;
  padding-right: 30px;
}
/* btn[class*="bg-"] */
.btn[class*="bg-primary"] {
  color: var(--color-white);
  &::before {
    background: var(--color-white);
  }
}
.btn[class*="bg-"]:hover {
  --color-primary: #2068d3;
}
/* btn[class*="icon-arrow-r"] */
.btn[class*="icon-arrow-r"]::before {
  mask-image: url(/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_w.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 16px;
  height: 14px;
}
/* btn[class*="icon-none"] */
.btn[class*="icon-none"] {
  padding: 0 20px;
  justify-content: center;
  &::before,
  &::after {
    display: none;
  }
}
/* .mod_pagebtnbox1 */
.mod_pagebtnbox1 .btn {
  background: none;
  min-width: 0;
  min-height: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  &::before {
    display: none;
  }
  &::after {
    display: none;
  }
}

/* ----- .body-container-wrapper -----  */
.body-container-wrapper {
  padding-top: 0;
}
/* ぱんくず */
.hsmod_topicpath1 {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 1.3rem;
}
.hsmod_topicpath1 {
  position: absolute;
  z-index: 1;
  color: #fff;
  font-size: 1.3rem;
  top: 130px;
  right: 70px;
}
.mod_topicpath1 ul li>a {
  color: #fff;
  font-size: 1.3rem;
  /* opacity: 0.5; */
}
.mod_topicpath1 ul li>.hs-breadcrumb-menu-divider:before {
  padding: 0 14px 0 20px;
  content: "／";
  /* opacity: 0.5; */
}
.mod_topicpath1 ul li>span {
  font-size: 1.3rem;
}
.mod_topicpath1 ul:has( > li:nth-child(3)),
.mod_topicpath1 ul:has( > li:nth-child(3)) li>a,
.mod_topicpath1 ul:has( > li:nth-child(3)) li>span {
  color: #000;
}
/* カテゴリタイトル（大） */
.mod_eyecatch1 {
  height: 480px;
  margin-top: -90px;
  background-color: #074BB1;
  background-image: none !important;
}
.mod_eyecatch1 .textbox {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  bottom: 123px;
  left: 70px;
  text-align: left;
}
.mod_eyecatch1 .textbox .subtitle {
  font-size: 8rem;
  font-weight: 500;
  font-family: var(--font-outfit);
  color: #fff;
  line-height: 1.2375;
}
.mod_eyecatch1 .textbox *+.title {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  opacity: 0.5;
}
/* .mod_section1 */
.mod_section1 {
  padding: 80px 0;
}
.mod_title1>.title {
  /* font-size: 2.8rem; */
  font-size: 3rem;
}
.mod_title1>*+.text {
  margin-top: 70px;
}
.hsmod_conbox2 {
  margin-top: 70px;
}
/* コンサルティング（2カラム） */
.mod_conbox1.v-col2>* {
  max-width: 590px;
  flex-basis: auto;
}
.mod_set1 .thu img {
  border: 1px solid var(--color-border);
  border-radius: 20px;
  aspect-ratio: 378 / 214;
  object-fit: cover;
}
.mod_conbox1.v-col2 .mod_set1 .thu img {
  aspect-ratio: 590 / 295;
}
.mod_set1.mod_set1-v1 .textbox {
  padding: 33px 0 0;
}
.mod_set1.mod_set1-v1 .textbox .title {
  font-size: 2.4rem;
  line-height: 1.3;
  margin-bottom: 32px;
}
.mod_conbox1.v-col2>:nth-child(n+3) {
  margin-top: 82px;
}
/* mod_btn3 */
.btn.mod_btn3 {
  max-width: 200px;
  padding: 0 20px 0 28px;
}
.mod_btn3:before {
  top: 50%;
  right: 22px;
  left: auto;
  transform: translateY(-50%);
}
a:hover .mod_btn3{
  background: var(--color-hover);
  border: 2px solid var(--color-hover);
}
a:hover .mod_btn3:before {
  display: none;
}
a:hover .mod_btn3:after {
  display: block;
  opacity: 1;
  animation-name: btn-arrow-r;
  animation-duration: 0.2s;
}
.mod_btn3>.text {
  font-weight: 700;
  color: var(--color-primary);
}
/* .page-center */
.mod_section1 .page-center {
  max-width: 1256px !important;
}
.mod_pagetitle5 .page-center {
  max-width: 1256px !important;
  display: flex;
  align-items: center;
  padding-left: 77px !important;
}
:is(.mod_pagetitle1,.mod_pagetitle5) .page-center {
  max-width: none !important;
  height: 100%;
}
/* ページタイトル*/
:is(.mod_pagetitle1,.mod_pagetitle5) {
  height: 480px;
  margin-top: -90px;
  background-color: var(--color-secondary);
  background-image: none !important;
}
.mod_pagetitle1 .textbox {
  position: absolute;
  bottom: 44px;
  left: 55px;
  text-align: left;
}
.mod_pagetitle5 .textbox {
  text-align-last: left;
  transform: translateY(35px);
}
:is(.mod_pagetitle1,.mod_pagetitle5) .textbox .subtitle {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 2;
}
:is(.mod_pagetitle1,.mod_pagetitle5) .textbox *+.title {
  font-size: 5rem;
  margin-top: 0;
  line-height: 1.404;
}
:is(.mod_pagetitle1,.mod_pagetitle5) .textbox *+.text {
  display: none;
}
/* タイトル（H2） */
.hsmod_title2 {
  margin-top: 80px;
}
.hsmod_title2 .mod_title2 {}
.mod_title2>.title {
  /* font-size: 3.6rem; */
  font-size: 3.2rem;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
  line-height: 1.3;
  &::before {
    content: "";
    display: block;
    background: var(--color-primary);
    height: 2px;
    width: 60px;
    margin-right: 20px;
    flex-shrink: 0;
  }
}
/* タイトル3とテキストボックス（2カラム） */
.hsmod_conbox5 {
  margin-top: 70px;
}
.mod_title3>.title {
  color: #000;
  background: var(--color-secondary);
  font-size: 2.8rem;
  line-height: 1.3;
  padding: 12px 20px;
  border: none;
  border-radius: 5px;
}
/* set */
*+.mod_textbox1 {
  margin-top: 28px;
}
/* 通常BOX（3カラム） */
.hsmod_anchorbox2, .hsmod_conbox1, .hsmod_conbox10, .hsmod_conbox11, .hsmod_conbox2, .hsmod_conbox3, .hsmod_conbox4, .hsmod_conbox8, .hsmod_conbox9, .hsmod_iconarrow1, .hsmod_linkbox1, .hsmod_newslist1, .hsmod_newslist2, .hsmod_recentblog1, .hsmod_table1, .hsmod_table2, .hsmod_table3, .hsmod_table4, .hsmod_textbox4, .hsmod_title4 {
  margin-top: 75px;
}
/* .mod_set1 */

body:not(.nav--consul_top) .mod_set1 .thu { margin-bottom: 31px; }
.mod_set1:not(.mod_set1-v3) > a {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mod_set1 .textbox {
  padding: 0;
  &::after {
    content: "";
    display: block;
    clear: both;
  }
}
.mod_set1:not(.mod_set1-v3) .textbox {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mod_set1 .textbox>.title {
  font-size: 1.6rem;
  font-weight: bold;
}
.mod_set1 .textbox>*+.text {
  font-size: 1.4rem;
  line-height: 1.7;
  padding: 0 0 17px;
  border-bottom: 1px solid var(--color-border);
  flex: 1;
}
.mod_set1 .textbox>*+.btn {
  margin-top: 20px;
}
.mod_set1:not(.mod_set1-v3) .textbox>*+.btn {
  margin-left: auto;
}

/* .mod_casebox1 .mod_set1 */
.mod_section1.mod_casebox1 {}
.mod_casebox1 .mod_set1 .textbox>*+.text {
  border: none;
  color: var(--color-tertiary);
  font-weight: bold;
  padding: 0 0 8px;
}
.mod_casebox1 .mod_set1 .textbox>*+.btn {
  float: none;
}
.mod_casebox1 .mod_set1 .textbox>*+.tags {
  margin-top: 50px;
}
.mod_casebox1 .mod_taglist1>* {
  font-size: 1.2rem;
  margin-right: 20px;
}
.mod_casebox1 .hsmod_conbox1.hsmod_conbox1-v1>.mod_conbox1>* {
  margin-top: 70px !important;
}
/* 検索ボックス */
.mod_searchbox1 .searchbox {
  background-color: var(--color-secondary);
  border-radius: 30px;
}
.mod_searchbox1 *+.textbox {
  margin-top: 100px;
}
.mod_searchbox1 .textbox .text {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
}
.mod_searchbox1 .searchbox .col .row+.row {
  margin-top: 40px;
}
.mod_searchbox1 .searchbox .col.allset {
  padding: 30px 40px;
  width: auto;
}
.mod_searchbox1 .searchbox .col.allset .btn span {
  padding: 16px;
  min-width: 122px;
}
.mod_searchbox1 .searchbox .col {
  margin: 40px 0;
  padding: 30px 40px;
  position: relative;
}
.mod_searchbox1 .searchbox .col+.col {
  border-left: none;
  position: relative;
  &::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0 auto 0 0;
    background-color: var(--color-border);
    width: 5px;
    border-radius: 20px;
  }
}
.mod_searchbox1 .searchbox .detailset .title {
  color: #000;
  font-weight: bold;
}
.mod_searchbox1 .searchbox .col *+.btnbox {
  gap: 15px 10px;
  margin-top: 16px;
}
.mod_searchbox1 .searchbox .accordionTrigger p {
  color: #000 !important;
}
.mod_searchbox1 .searchbox .col .btn span {
  background-color: transparent;
  color: var(--color-primary) !important;
  padding: 10px 20px;
  margin: 0;
}
.mod_searchbox1 .searchbox .col .btn input:checked+span {
  background: var(--color-hover) !important;
}
.mod_searchbox1 .searchbox .col .btn:hover span {
  color: #fff !important;
}
.mod_searchbox1 .searchbox .col .btn input:not(:disabled)+span:hover {
  text-decoration: none !important;
}
.mod_searchbox1 .searchbox .col .btn {
  padding: 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  &::before,
  &::after {
    display: none;
  }
}
.mod_searchbox1 .searchbox .col .btn:hover {
  background-color: var(--color-hover) !important;
  border-color: var(--color-hover) !important;
}
.mod_searchbox1 .searchbox .col .btn:has(input:disabled) {
  border-color: rgba(255,255,255,.5);
  pointer-events: none;
}
.mod_searchbox1 .searchbox .col .btn input:disabled+span {
  background: #fff;
  color: var(--color-tertiary) !important;
}
.mod_searchbox1 .btn + .btn,
.mod_searchbox1 a + a .btn {
  margin-top: 0;
}

/* 目次 */
.mod_anchorbox2 {
  background: var(--color-secondary);
  border: none;
  border-radius: 20px;
  padding: 20px 30px 30px;
}
.mod_anchorbox2>.text {
  text-align: left;
  color: var(--color-primary);
  line-height: 1.5;
  &::before {
    content: "Index";
    font-size: 3rem;
    font-family: var(--font-outfit);
    color:#000;
    margin-right: 10px;
    line-height: 1;
  }
}
.mod_anchorbox2>*+.list {
  background: #fff;
  margin-top: 12px;
  counter-reset: index_number;
}
.mod_anchorbox2>*+.list li {
  margin: 0 30px;
  padding: 17px 0;
  counter-increment: index_number 1;
}
.mod_anchorbox2>*+.list li+li {
  border-top: 1px solid var(--color-border);
}
.mod_anchorlist2>li>p {
  color: #000;
  line-height: 1.5;
  font-weight: bold;
}
.mod_anchorlist2>li>p a:hover {
  text-decoration: none;
}
.mod_anchorlist2>li>p a:hover .text {
  color: var(--color-hover);
  text-decoration: none;
}
.mod_anchorlist2>li>p .fa {
  vertical-align: 0;
  &::before {
    content: counter(index_number) ".";
    font-family: var(--font-outfit);
    font-size: 1.6rem;
    font-weight: bold;
  }
}

/* .mod_conbox1 */
.mod_conbox1 {}
.mod_conbox1>:nth-child(n+4) {
  margin-top: 70px;
}
.mod_conbox1 .shadow {
  box-shadow: none;
}
.mod_conbox1>* {
  /* width: auto; */
  /* flex-basis: calc((100% - 2 * 46px) / 3); */
  background-color: transparent;
  width: calc((100% - 2 * 46px) / 3);
}

/* データ総研の強み（3カラム） */
.mod_set2 .thu {
  max-width: 240px;
}
.mod_set2 .textbox>.subtitle {
  color: var(--color-primary);
}
.mod_set2 .textbox>*+.title {
  margin-top: 5px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--color-border);
  box-sizing: content-box;
}
.mod_set2 .textbox>*+.btn {
  margin-top: 30px;
  display: inline-flex;
}

/* コンサルタントご紹介（3カラム） */
.hsmod_conbox7 .mod_conbox1 {
  position: relative;
  margin-bottom: -61px;
}
.hsmod_conbox7 .mod_conbox1:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-white);
  z-index: 1;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 {
  position: relative;
  margin-top: 0;
  padding-top: 70px;
  max-width: 378px;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3:nth-child(-n+3) {
  padding-top: 0;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 0;
  width: calc(378px + 46px);
  height: 1px;
  background: var(--color-border);
}
.hsmod_conbox7 .mod_conbox1 .mod_set3:nth-child(3n)::after {
  width: 378px;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .thu img {
  aspect-ratio: 378/198;
  object-fit: cover;
  border-radius: 20px;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox {
  padding: 30px 0 0;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox>.name {
  font-size: 2.2rem;
  line-height: 1.56;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox>.name_en {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: var(--font-outfit);
  color: #7B94B2;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox>*+.descwrapper {
  margin-top: 20px;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .desc>p:first-of-type {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;margin-bottom: 28px;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .desc>p {
  line-height: 1.8;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn {
  position: relative;
  display: flex;
  gap: 0;
  align-items: center;
  width: 151px;
  min-width: auto;
  height: 52px;
  margin-top: 30px;
  padding: 0 28px;
  color: var(--color-primary);
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn:before {
  display: none;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn .fa-caret-down:before, .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn .fa-caret-up:before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  background-image: url(/hubfs/corp/website/assets/renew/img_com/icon_plus.svg);
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn .fa-caret-up:before  {
  background-image: url(/hubfs/corp/website/assets/renew/img_com/icon_minus.svg);
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn:hover {
  border-color: var(--color-border);
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn.active {
  width: 141px;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn:hover:after {
  display: none;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn .text {
  font-size: 1.4rem;
  line-height: 2.142;
  color: var(--color-primary);
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .desc {
  position: relative;
  height: 208px;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn:after {
  position: absolute;
  display: block;
  content: "";
  bottom: 80px;
  left: -2px;
  max-width: 378px;
  width: calc((1226px - 92px) / 3);
  height: 60px;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 50%), #fff 120%);
  opacity: 1;
  mask-image: none;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn:hover:after {
  display: block;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn.active:after {
  display: none;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .desc.open:after {
  display: none;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .mod_textbox1 a {
  color: #7B94B2;
  text-decoration: underline;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .mod_textbox1 ul>li, .hsmod_conbox7 .mod_conbox1 .mod_set3 .mod_textbox1 ul>li>p, .hsmod_conbox7 .mod_conbox1 .mod_set3 .mod_ul1>li, .hsmod_conbox7 .mod_conbox1 .mod_set3 .mod_ul1>li>p {
  font-weight: 700;
  line-height: 1.5;
  font-size: 1.4rem;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .mod_textbox1 ul>li:before, .hsmod_conbox7 .mod_conbox1 .mod_set3 .mod_ul1>li:before {
  background: #7B94B2;
}
.hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox>.descwrapper {
  padding-bottom: 70px;
}
/* カテゴリタイトル（小） */
.hsmod_eyecatch2 .mod_eyecatch2 {
  background-image: none !important;
  height: 480px;
  margin-top: -90px;
  background-color: var(--color-secondary);
  display: flex;
  align-items: center;
}
.mod_eyecatch2 .page-center {
  /* position: absolute; */
  /* left: 55px; */
  /* bottom: 148px; */
  padding-left: 55px;
}
.mod_eyecatch2 .textbox {
  text-align: left;
  transform: translateY(35px);
}
.mod_eyecatch2 .textbox>.subtitle {
  color: var(--color-primary);
  font-size: 2.2rem;
}
.mod_eyecatch2 .textbox>.title {
  font-size: 5rem;
  line-height: 1.404;
}
/* テキストボックス（1カラム） */
.nav--consul_solutions_detail .hsmod_btnbox1 {
  padding-top: 70px;
  border-top: solid 1px var(--color-border);
}
.hsmod_textbox1 .mod_textbox1 {
  margin: 50px 0;
}
.hsmod_textbox1 .mod_textbox1 p {
  /* font-size: 1.6rem !important; */
  line-height: 1.8;
}
.mod_textbox1 a, .mod_textbox1 a {
  color: var(--color-tertiary);
  text-decoration: underline;
}
.hsmod_textbox1 .mod_textbox1 *+.mod_ul1,
.mod_textbox1 *+ul li {
  margin-top: 27px;
  /* font-size: 1.6rem !important; */
  font-weight: 700;
  line-height: 1.5;
}
.mod_textbox1 *+ul li p {
  font-weight: 700;
}
.mod_textbox1 ul>li:before, .mod_ul1>li:before {
  background: #7B94B2;
  height: 8px;
  top: 10px;
  width: 8px;
}
.hsmod_textbox1 .mod_textbox1 *+.mod_text1, .mod_textbox1 *+p {
  margin-top: 27px;
}
.mod_textbox1 * + .hs-embed-wrapper[data-service="google-maps"] {
  width: 980px !important;
  > .hs-embed-content-wrapper > div {
    padding-bottom: 65% !important;
  }
}
.mod_textbox1 h3, .mod_title3 > .title {
  color: #000;
  background: var(--color-secondary);
  font-size: 2.8rem;
  line-height: 1.3;
  padding: 12px 20px;
  border: none;
  border-radius: 5px;
}
.mod_textbox1 h5 {
  line-height: 1.5;
}
/* bgc_gy1 */
.mod_section1.bgc_gy1 {
  padding: 0;
}
/* bgc_secondary11 */
.bgc_secondary1 {
  background-color: var(--color-secondary);
}
/* 汎用ボタン */
:is(.hsmod_btnbox1, .hsmod_btnbox2) .mod_btnbox2 :is(.mod_btn1, .mod_btn2) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-primary);
  border-radius: 53px;
  max-width: 425px;
  padding: 22px 28px 22px 28px;
  gap: 0 10px;
  transition: all 0.2s;
}
:is(.hsmod_btnbox1, .hsmod_btnbox2) .mod_btnbox2 :is(.mod_btn1, .mod_btn2)>.text {
  font-size: 1.7rem;
  line-height: 1.3;
  color: var(--color-white);
  flex: 1;
}
:is(.hsmod_btnbox1, .hsmod_btnbox2) .mod_btnbox2 :is(.mod_btn1, .mod_btn2):before {
  position: static;
  display: block;
  mask-image: url(/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_w.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 16px;
  height: 14px;
  transform: none;
  order: 3;
  background: var(--color-white);
  flex: 0 0 auto;
}
:is(.hsmod_btnbox1, .hsmod_btnbox2) .mod_btnbox2 :is(.mod_btn1, .mod_btn2):hover {
  background-color: #2068d3;
}
:is(.hsmod_btnbox1, .hsmod_btnbox2) .mod_btnbox2 :is(.mod_btn1, .mod_btn2):hover:before {
  animation-name: btn-arrow-r;
  animation-duration: 0.2s;
}
:is(.hsmod_btnbox1, .hsmod_btnbox2) .mod_btnbox2 a:is(.mod_btn1, .mod_btn2):hover>.text,
:is(.hsmod_btnbox1, .hsmod_btnbox2) .mod_btnbox2 a:hover :is(.mod_btn1, .mod_btn2)>.text {
  color: var(--color-white);
}
/* 汎用ボタン - mod_btn2 */
.mod_btn2  {
  max-width: none !important;
  justify-content: center !important;
}
.mod_btn2 > i {
  display: none;
}

/* 事例紹介 - 詳細 */
.nav--case--detail {
  background: var(--color-secondary);
}
.nav--case--detail .mod_section1 .page-center {
  background: #fff;
  padding: 120px 106px !important;
  border-radius: 30px;
}
.nav--case--detail .mod_pagetitle3>.textbox.upper>.title {
  font-size: 4.2rem;
  line-height: 1.3;
}
.nav--case--detail .mod_pagetitle3>.textbox.upper>*+.subtitle {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: normal;
  margin-top: 20px;
}
.nav--case--detail .mod_pagetitle3>.textbox.upper>*+.text {
  color: var(--color-tertiary);
  font-size: 1.8rem;
}
.nav--case--detail .mod_pagetitle3>.textbox.upper>*+.catbox {
  margin-top: 50px;
  border-top: 2px solid var(--color-secondary);
  padding-top: 30px;
}
.nav--case--detail .mod_pagetitle3>.textbox.upper>.catbox>.cat>.title {
  font-weight: bold;
  padding: 0;
  &::after {display: none;}
}
.nav--case--detail .mod_pagetitle3>.textbox.upper>.catbox>.cat>.link {
  color: var(--color-tertiary);
}
.nav--case--detail .mod_pagetitle3>.textbox.upper>.catbox>.cat>.link>a {
  text-decoration: underline;
}
.nav--case--detail .mod_pagetitle3>*+.thu {margin-top: 70px;overflow: hidden;border-radius: 30px;}
.nav--case--detail .mod_pagetitle3>.textbox.lower {
  margin: 65px 0;
  padding: 0;
  width: auto;
}
/* 事例紹介 - 詳細 - タイトル(H2) */
.nav--case--detail .hsmod_title2 {
  margin-top: 75px;
}
.nav--case--detail .mod_title2>.title {
  font-size: 2.8rem;
  align-items: flex-start;
  &::before {
  transform: translateY(20px);
  }
}
/* 事例紹介 - 詳細 - KV無しのタイトル */
.mod_pagetitle3 > .textbox.upper > .title {
  padding-top: 70px;
}
/* 事例紹介 - 詳細 - テキストボックス（1カラム） */
.nav--case--detail .hsmod_textbox1 .mod_textbox1 {
  margin: 50px 0;
}
.nav--case--detail .hsmod_textbox1 .mod_textbox1 p {}
.nav--case--detail .hsmod_textbox1 .mod_textbox1 p+p {
    margin-top: 45px;
}
.nav--case--detail .hsmod_textbox1 .mod_textbox1 p span:is([style="color: #102d7b;"]) {
  color: var(--color-hover) !important;
}
/* 事例紹介 - 詳細 - 画像の（1カラム） */
.nav--case--detail .hsmod_imgbox1 {
  margin-top: 70px;
}
.nav--case--detail figure img {
  border-radius: 30px;
}
.nav--case--detail .mod_imgbox1>figure>*+figcaption {
  margin-top: 20px;
}
/* 事例紹介 - 詳細 - 企業データ */
.nav--case--detail .mod_textbox1.v-bg-gy {
  background: var(--color-secondary);
  padding: 80px 60px;
  border-radius: 30px;
}
.nav--case--detail .hsmod_textbox1 .mod_textbox1.v-bg-gy p:first-child {
  margin-bottom: 38px;
}
.nav--case--detail .hsmod_textbox1 .mod_textbox1.v-bg-gy p+p {
  margin-top: 18px;
  padding: 0 !important;
}
/* 事例紹介 - 詳細 - 通常BOX（1カラム） */
.mod_set1.mod_set1-v3>a {
  align-items: center;
}
.mod_set1.mod_set1-v3 .thu {
  margin: 0 46px 0 0;
  width: 378px;
}
.mod_set1.mod_set1-v3 .textbox .title {
  font-size: 2rem;
  line-height: 1.5;
}
.mod_set1.mod_set1-v3 .textbox:has(:not(.btn)) .text {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.mod_set1.mod_set1-v3 .textbox>*+.btn {
    float: none;
}
/* 事例紹介 - 詳細 - ポイントボックス */
.nav--case--detail .hsmod_textbox2 {
  margin-top: 10px;
}
.nav--case--detail .mod_conbox1.v-col1>* {
  /* flex-basis: auto; */
}
/* ポイントボックス */
.mod_textbox2 {
  background: var(--color-secondary);
  border-radius: 20px;
  padding-top: 30px;
  &.v-arrow:after {
    border-block-color: var(--color-secondary);
  }
}
.mod_textbox2>.title {
  color: var(--color-primary);
  font-size: 2rem;
  margin-bottom: 25px;
}
.mod_textbox2>.list>li {}
.mod_textbox2>.list>li>.text {
  position: relative;
  font-size: 1.6rem;
  padding: 11px 20px 11px 60px;
}
.mod_textbox2>.list>li>.text>.fa {
}
.mod_textbox2>.list>li>.text>.fa.fa-check-square:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background: url(/hubfs/corp/website/assets/renew/img_com/icon_check_point.svg);
  background-size: cover;
  position: absolute;
  top: 11px;
  left: 20px;
}

/* 書籍紹介 - 売れ筋ランキング第一位 背景 */
.best_seller {
  background: var(--color-secondary);
  border-radius: 30px;
  padding: 50px 30px;
  img {
    max-width: 170px;
    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.16);
  }
}

/* cta ボタン */
a[id^="cta_button_"] {
  margin: 0 auto;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-primary);
  border-radius: 53px;
  max-width: 410px;
  padding: 22px 28px 22px 28px;
  gap: 0 10px;
  transition: all 0.2s;
  border: 2px solid var(--color-primary);
  text-decoration: none;
  
  font-size: 2rem !important;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  &::before {
    content: "";
    background: #fff;
    position: static;
    display: block;
    mask-image: url(/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_w.svg);
    mask-position: 0 0;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 16px;
    height: 14px;
    transform: none;
    order: 3;
  }
  &::after {
    content: "";
    display: none;
    background: var(--color-white);
    mask-image: url(/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_w.svg);
    mask-position: 0 0;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 16px;
    height: 14px;
    opacity: 0;
    transition: all 0.2s;
  }
  &:hover {
    color: var(--color-white);
    background: var(--color-hover);
    border: 2px solid var(--color-hover);
    text-decoration: none;
  }
  &:hover::before {
    display: none;
  }
  &:hover::after {
    display: block;
    opacity: 1;
    animation-name: btn-arrow-r;
    animation-duration: 0.2s;
  }
  span {
    font-size: 2rem !important;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
  }
}

/* ctaボタン - 書籍紹介 - 売れ筋ランキング第一位 */
.best_seller a[id^="cta_button_"] {
  background: transparent;
  color: var(--color-primary);
  font-size: 1.4rem;
  font-weight: bold;
  min-width: 200px;
  min-height: 52px;
  padding: 0 20px 0 30px;
  border: 2px solid var(--color-border);
  border-radius: 33px;
  display: inline-flex;
  text-decoration: none;
  
  font-size: 1.4rem !important;
  line-height: 1.4;
  &::before {
    background: var(--color-primary);
    mask: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  &:hover {
    color: var(--color-white);
    background: var(--color-hover);
    border: 2px solid var(--color-hover);
  }
  span {
    font-size: 1.4rem !important;
    line-height: 1.4;
  }
}


/* Quollio Data Intelligence Cloud によるデータインテリジェンス
--------------------------------------------------------- */
.row-fluid [class*=span].quollio_data_kv {
  background: url(/hubfs/corp/website/assets/renew/images/products/quollio_data_intelligence_cloud/kv_quollio_data.png) center center no-repeat;
  width: 1226px;
  margin: 150px auto 0 !important;
  float: none;
  height: 520px;
  border-radius: 30px;
}
.row-fluid [class*=span].quollio_data_kv > .row-fluid-wrapper > .row-fluid {
  position: relative;
  &::before {
    content: "";
    display: block;
    background: url(/hubfs/corp/website/assets/renew/images/products/quollio_data_intelligence_cloud/logo_quollio_data.png) 0 0 no-repeat;
    width: 347px;
    height: 42px;
    position: absolute;
    left: 60px;
    top: 80px;
  }
}
.row-fluid [class*=span].quollio_data_kv_img {
  position: absolute;
  top: 25px;
  right: 0;
  width: 740px;
}
.row-fluid [class*=span].quollio_data_kv_cont {
  position: relative;
  z-index: 5;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 520px;
  width: auto;
  margin: 0 auto;
  float: none;
}
.row-fluid [class*=span].quollio_data_kv_cont > * {
  padding: 0 60px !important;
}
.row-fluid [class*=span].quollio_data_kv_cont > *:first-child {
  padding-top: 50px !important;
}
.row-fluid [class*=span].quollio_data_kv_cont .row-fluid .span5:has(.mod_btn1) {
    width: auto;
    margin-left: 0;
    margin-right: 30px;
}
.row-fluid [class*=span].quollio_data_kv_cont .hsmod_btnbox1 .mod_btnbox2 .mod_btn1 {
  width: 300px;
}
.row-fluid [class*=span].quollio_data_kv_cont .hsmod_btnbox1 .mod_btnbox2 .mod_btn1>.text {
  font-size: 1.6rem;
}
.row-fluid [class*=span].quollio_data_kv_cont .hsmod_title1 {
  margin-top: 0 !important;
}
.row-fluid [class*=span].quollio_data_kv_cont .text.mod_textbox1 {}
.row-fluid [class*=span].quollio_data_kv_cont .text.mod_textbox1 > * {
  font-size: 3.4rem !important;
  line-height: 1.3 !important;
  text-align: left !important;
  font-weight: bold;
}
.row-fluid [class*=span].quollio_data_kv_cont .text.mod_textbox1 > *:first-child {

}
.row-fluid [class*=span].quollio_data_kv_cont .text.mod_textbox1 > *:first-child img {
  display: none;
}
.row-fluid [class*=span].quollio_data_kv_cont .text.mod_textbox1 > *:last-child {
  color: var(--color-primary);
  font-family: var(--font-outfit);
  font-size: 3.2rem !important;
  line-height: 2.268 !important;
  font-weight: normal;
  margin-top: 5px;
}
/* 事例ボタン*/
.quollio_data_anchor .hsmod_btnbox2 {
  margin-top: 0;
}
.quollio_data_anchor .hsmod_btnbox2 .mod_btnbox2 .mod_btn2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0;
  padding: 20px 74px 20px 30px;
  border-radius: 64px;
  border: solid 2px var(--color-border);
  color: var(--color-primary);
  transition: border 0.3s, background-color 0.3s, color 0.3s;
  &:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white);
    text-decoration: none;
  }
  &::before {
    background: transparent;
  }
  &::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 8.5px);
    right: 30px;
    width: 17px;
    height: 15px;
    transition: opacity 0.3s;
    background: var(--color-primary);
    mask-image: url(/hubfs/corp/website/assets/renew/img_com/icon_arrow_bottom.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 17px 15px;
  }
  &:hover::after {
    background: var(--color-white);
  }
}
.quollio_data_anchor .hsmod_btnbox2 .mod_btnbox2 .mod_btn2 i {
  display: none;
}
.quollio_data_anchor .hsmod_btnbox2 .mod_btnbox2 .mod_btn2 .text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
}
.quollio_data_anchor .row-fluid-wrapper .row-fluid {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 100px;
}
.quollio_data_anchor .row-fluid-wrapper .row-fluid > * {
  width: auto;
  margin: 0;
  float: none;
}
.nav--products .hsmod_textbox1 {}
.nav--products .hsmod_textbox1 > .mod_textbox1 {
    margin: 100px 0 10px;
}
.nav--products .mod_section1 {
  padding-top: 0;
}
.nav--products .mod_section1 > span12 {
  max-width: 1014px;
  margin: 0 auto;
}
.nav--products .text.mod_textbox1 p,
.nav--products .text.mod_textbox1 p span,
.nav--products .text.mod_textbox1 strong {
  font-size: 1.6rem !important;
}
.nav--products .text.mod_textbox1 strong > span {
  color: var(--color-primary) !important;
}
.nav--products .mod_title1>.title {
  font-size: 2.2rem;
}
.nav--products .mod_title1>*+.text {
  margin-top: 40px;
}
.nav--products .mod_textbox1 h2 {
  font-size: 3.6rem;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
  line-height: 1.3;
  &::before {
    content: "";
    display: block;
    background: var(--color-primary);
    height: 2px;
    width: 60px;
    margin-right: 20px;
    flex-shrink: 0;
  }
}
.nav--products .mod_textbox1 h3 {
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  background-color: var(--color-secondary);
  font-size: 2.8rem !important;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}
.nav--products .hsmod_btnbox1 {
  padding: 0;
  border: none;
  margin-top: 34px;
}


/* @media
--------------------------------------------------------- */
/* @media only screen and (max-width: 989px) {} */
@media (width <= 989px) {
  html { font-size: 62.5%; }
  body {
    min-width: 0;
  }
  .section {
    padding: 100px 0;
  }
  .inner {
    padding: 0 20px;
  }

  /* header
  --------------------------------------------------------- */
  .header-container-wrapper {
    padding: 0;
    inset: 10px 0;
    margin: 0 10px;
    border-radius: 60px;
  }
  .hdr-content {
    border-radius: 60px;
    height: 70px;
    padding: 0 10px 0 25px;
  }
  /* ----- logo ----- */
  .hdr-logo {
    .logo {
      width: 110px;
      /* height: 26px; */
    }
    br {
      display: none;
    }
  }
  
  /* ----- nav ----- */
  .hdr-nav { display: none; }

  /* ----- hdr btns ----- */
  .hdr-content .hdr-btns .btn-contact { display: none; }
  .drawer--right .drawer-hamburger {
    width: 50px;
    height: 50px;
  }

  /* ----- drawer -----  */
  .drawer--right.drawer-open .drawer-nav {
    width: 100%;
  }
  .drawer--right .drawer-nav nav {
    padding: 120px 30px 100px;
  }
  /* drawer-nav-list */
  .drawer--right .drawer-nav .drawer-nav-list + .drawer-nav-list {
    margin-top: 30px;
  }
  .drawer--right .drawer-nav .drawer-nav-list li a {
    font-size: 1.6rem;
  }
  /* drawer-ftr */
  .drawer--right .drawer-nav .drawer-ftr {
    border-top: 1px solid rgba(255,255,255,.5);
    margin-top: 30px;
    padding-top: 30px;
    display: block;
    position: relative;
  }
  .drawer--right .drawer-nav .drawer-ftr a {
    font-size: 1.4rem;
  }
  .drawer--right .drawer-nav .drawer-ftr .drawer-nav-list {
    width: auto;
    display: block;
  }
  .drawer--right .drawer-nav .drawer-ftr .drawer-nav-list li+li {
    margin-top: 30px;
  }
  /* sns-list */
  .drawer-ftr .sns-list {
    position: absolute;
    top: -60px;
    right: 0;
  }
  /* open */
  .drawer-open .drawer-container .hdr-btns {
    top: 22px;
    right: 22px;
    gap: 0 22px;
  }
  .drawer-open .btn-contact .btn {
    font-size: 1.6rem;
  }


  /* footer
  --------------------------------------------------------- */
  /* ------ #contact ------ */
  #contact {
    padding-bottom: 100px;
    &::before {
      height: 150px;
    }
  }
  #contact .section-body {
    /* display: block; */
    flex-direction: column;
  }
  .contact-cont .section-ttl {
    font-size: 7rem;
  }
  .contact-cont .section-ttl span {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .contact-summary {
    font-size: 1.5rem;
    line-height: 1.9;
    margin-top: 20px;
  }
  .contact-btns {
    padding: 40px 0 0;
  }

  /* ----- ftr-content ----- */
  .ftr-content {
    padding: 0 20px;
    display: block;
  }
  .ftr-content a {
    font-size: 1.6rem;
  }
  .ftr-content a:hover {
    opacity: 0.7;
  }
  .ftr-logo {
    flex: 1 0 auto;
  }
  .ftr-logo a {
    font-size: 1rem;
    justify-content: center;
    gap: 18px;
  }
  .ftr-logo img {
    width: 140px;
    height: auto;
  }
  /* ftr-nav-list */
  .ftr-nav-list {
    padding-top: 48px;
  }
  .ftr-nav-list .nav-item {
    width: 50%;
  }
  .ftr-nav-list .nav-item a {
  }
  /* ftr sns-list */
  .ftr-nav .sns-list {
    justify-content: center;
    margin-top: 45px;
    padding-right: 0;
  }

  /* ----- copyright ----- */
  .copyright {
    padding: 50px 0 10px;
    margin-top: 50px;
  }
  .copyright .inner {
    display: block;
    padding-bottom: 40px;
  }
  .copyright p {
    text-align: center;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid rgba(255,255,255,.5);
  }
  .ftr-subnav {}
  .ftr-subnav-list {
    flex-wrap: wrap;
    gap: 30px 0;
  }
  .ftr-subnav-list .nav-item {
    width: 50%;
}
  .ftr-subnav-list .nav-item a {
    font-size: 1.3rem;
    transition: all .2s;
  }
  .ftr-subnav-list .nav-item a:hover {
    opacity: 0.7;
  }
  /* schrool text */
  .scroll-txt .slider {
    gap: 50px;
  }
  .scroll-txt .slide {
    font-size: 8rem;
  }
  
  /* content
  --------------------------------------------------------- */
  /* ----- .body-container-wrapper -----  */
  .body-container-wrapper {
    padding-top: 0;
  }
  /* ぱんくず */
  .hsmod_topicpath1 {
    top: 80px;
    right: auto;
  }
  .mod_topicpath1 ul li>a, .mod_topicpath1 ul li>span{
    font-size: 1.2rem;
  }
  /* カテゴリタイトル（大） */
  .mod_eyecatch1 {
    height: 400px;
    margin-top: -70px;
  }
  .mod_eyecatch1 .textbox {
    bottom: 116px;
    left: 30px;
    text-align: left;
  }
  .mod_eyecatch1 .textbox .subtitle {
    font-size: 5rem;
    line-height: 1.1;
  }
  .mod_eyecatch1 .textbox *+.title {
    font-size: 1.6rem;
    line-height: 2;
  }
  /* .mod_section1 */
  .mod_section1 {
    padding: 50px 0 70px;
  }
  .mod_title1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mod_title1>.title {
    max-width: 240px;
    font-size: 2.4rem;
  }
  .mod_title1>*+.text {
    margin-top: 46px;
    text-align: left !important;
  }
  /* コンサルティング（2カラム） */
  .hsmod_conbox2 {
    margin-top: 48px;
  }
  .mod_set1.mod_set1-v1 .textbox {
    padding: 22px 0 0;
  }
  .mod_set1.mod_set1-v1 .textbox .title {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  body:not(.nav--consul_top) .mod_set1.mod_set1-v1 .textbox .title {
    margin-bottom: 21px;
  }
  /* .page-center */
  .page-center {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .mod_pagetitle5 .page-center {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  /* ページタイトル*/
  :is(.mod_pagetitle1,.mod_pagetitle5) {
    height: 400px;
    margin-top: -70px;
  }
  :is(.mod_pagetitle1,.mod_pagetitle5) .wrap {
    height: 100%;
  }
  :is(.mod_pagetitle1,.mod_pagetitle5) .textbox {
    bottom: 94px;
    left: 10px;
  }
  :is(.mod_pagetitle1,.mod_pagetitle5) .textbox .subtitle {
    font-size: 1.6rem;
  }
  :is(.mod_pagetitle1,.mod_pagetitle5) .textbox *+.title {
    max-width: 240px;
    font-size: 3.4rem;
    margin-top: 0;
    line-height: 1.3;
  }
  .hsmod_conbox7 .mod_conbox1 {
    justify-content: center;
    gap: 0 26px;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3:nth-child(3) {
    padding-top: 70px;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3:nth-child(3n)::after {
    width: calc(100% + 46px);
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3:nth-child(2n)::after {
    width: 100%;
  }
  /* タイトル（H2） */
  .hsmod_title2 {}
  /* 通常BOX（3カラム） */
  .hsmod_anchorbox2, .hsmod_conbox1, .hsmod_conbox10, .hsmod_conbox11, .hsmod_conbox2, .hsmod_conbox3, .hsmod_conbox4, .hsmod_conbox8, .hsmod_conbox9, .hsmod_iconarrow1, .hsmod_linkbox1, .hsmod_newslist1, .hsmod_newslist2, .hsmod_recentblog1, .hsmod_table1, .hsmod_table2, .hsmod_table3, .hsmod_table4, .hsmod_textbox4, .hsmod_title4 {
    margin-top: 50px;
  }
  /* .hsmod_conbox1 */
  .mod_conbox1>* {
    width: auto;
    margin-top: 0;
    flex-basis: calc(50% - 15px);
  }
  .mod_conbox1>:nth-child(n+3) {
    margin-top: 50px !important;
  }
  /* コンサルタントご紹介（3カラム） */
  .hsmod_conbox7 .mod_conbox1 .mod_set3 {
    max-width: none;
  }
  /* カテゴリタイトル（小） */
  .hsmod_eyecatch2 .mod_eyecatch2 {
    height: 400px;
    margin-top: -70px;
  }
  .mod_eyecatch2 .page-center {
    left: 0;
    bottom: 100px;
  }
  .mod_eyecatch2 .textbox {
    bottom: 50px;
    left: 10px;
  }
  .mod_eyecatch2 .textbox>.title {
    font-size: 3.4rem;
    line-height: 1.3;
  }
  .mod_eyecatch2 .textbox>.subtitle {
    font-size: 1.8rem;
  }
  /* テキストボックス（1カラム） */
  .nav--consul_solutions_detail .hsmod_btnbox1 {
    padding-top: 50px;
  }
  .hsmod_textbox1 .mod_textbox1 {
    margin: 50px 0;
    /* padding-bottom: 50px; */
  }
  .hsmod_btnbox1, .hsmod_textbox2, .hsmod_title2 {
    margin-top: 50px;
  }
  .mod_textbox1 h3, .mod_title3 > .title {
    font-size: 2.2rem;
  }
  .mod_textbox1 * + .hs-embed-wrapper[data-service="google-maps"] {
    width: 100% !important;
    > .hs-embed-content-wrapper > div {
      padding-bottom: 75% !important;
    }
  }
  /* 汎用ボタン */
  :is(.hsmod_btnbox1, .hsmod_btnbox2) .mod_btnbox2 :is(.mod_btn1, .mod_btn2)>.text {
    font-size: 1.6rem;
  }

  /* .mod_casebox1 .mod_set1 */
  .mod_section1.mod_casebox1 {
    padding-top: 20px;
  }
  .mod_casebox1 .mod_set1 .textbox>*+.text {
    border: none;
    color: var(--color-tertiary);
    font-weight: bold;
    padding: 0 0 8px;
  }
  .nav--consul_top .mod_set1 .textbox>*+.btn,
  .mod_casebox1 .mod_set1 .textbox>*+.btn {
    float: none;
  }
  .mod_casebox1 .mod_set1 .textbox>*+.tags {
    margin-top: 30px;
  }
  .mod_casebox1 .hsmod_conbox1.hsmod_conbox1-v1>.mod_conbox1>* {
    margin-top: 50px !important;
  }
  /* 検索ボックス */
  .mod_searchbox1 {
    margin: 0;
  }
  .mod_searchbox1 *+.textbox {
    margin-top: 85px;
  }
  .mod_searchbox1 .textbox .text {
    font-size: 2rem;
  }
  .mod_searchbox1 .searchbox .col .row {
    position: relative;
    &::before {
      content: "";
      display: block;
      height: 3px;
      border-radius: 20px;
      position: absolute;
      inset: -30px 0 auto;
      background: var(--color-border);
    }
  }
  .mod_searchbox1 .searchbox .col .row+.row {
    margin-top: 30px;
    padding-top: 30px;
    &::before {
      inset: 0 0 auto;
    }
  }
  .mod_searchbox1 .searchbox .col.allset {
    padding: 30px 20px;
    margin: 0;
  }
  .mod_searchbox1 .searchbox .col {
    margin: 40px 0;
    padding: 30px 40px;
  }
  .mod_searchbox1 .searchbox .col+.col {
    margin: 0;
    padding: 30px 20px;
    border: none;
    &::before {
      display: none;
    }
  }
  /* 事例紹介 - 詳細 - ポイントボックス */
  .nav--case--detail .hsmod_textbox2 {
    margin-top: 0;
  }
  .mod_conbox1.v-col1>.mod_textbox2:first-child {
    margin-top: 0 !important;
  }
  /* ポイントボックス */
  .mod_conbox1.v-col1>* {
    flex-basis: auto;
  }

  /* Quollio Data Intelligence Cloud によるデータインテリジェンス
  --------------------------------------------------------- */
  .row-fluid [class*=span].quollio_data_kv {
    background: url(/hubfs/corp/website/assets/renew/images/products/quollio_data_intelligence_cloud/kv_quollio_data_sp.png) center center no-repeat;
    background-size: cover;
    width: auto;
    margin: 80px 20px 0 !important;
    height: auto;
  }
  .row-fluid [class*=span].quollio_data_kv_img {
    display: none;
  }
  .row-fluid [class*=span].quollio_data_kv_cont > * {
    padding: 0 40px !important;
  }
  .row-fluid [class*=span].quollio_data_kv_cont .text.mod_textbox1 > * {
    font-size: 3.2rem !important;
  }
  .row-fluid [class*=span].quollio_data_kv_cont .hsmod_btnbox1 .mod_btnbox2 .mod_btn1 {
    width: 285px;
  }
  /* 事例ボタン*/
  .quollio_data_anchor .row-fluid-wrapper .row-fluid {
    gap: 10px;
    margin-top: 80px;
    flex-wrap: wrap;
  }
}

/* MV真下のhsmod_title2
--------------------------------------------------------- */
/* .nav--seminars--organizations_and_structures .hsmod_title2:nth-child(1) {
  margin-top: 0;
} */
.mod_section1 .hs_cos_wrapper_type_module:first-child .hsmod_title2 {
  margin-top: 50px;
}


/* @media
--------------------------------------------------------- */
/* @media only screen and (max-width: 767px) {} */
@media (width <= 767px) {
/* ページタイトル */
  .mod_pagetitle1 .thu {
    margin: 0 auto 0;
  }
/* タイトル（H2） */
  .mod_title2>.title {
    font-size: 2rem;
    &::before {
      width: 30px;
      margin-right: 14px;
    }
  }
/* タイトル3とテキストボックス（2カラム） */
  .hsmod_conbox5 {
    margin-top: 50px;
  }
  .mod_title3>.title {
    font-size: 2.2rem;
  }
/* set */
  *+.mod_textbox1 {
    margin-top: 18px;
  }
/* 通常BOX（3カラム） */
/* .hsmod_conbox1 */
  .mod_conbox1>* {
    flex-basis: auto;
  }
/* データ総研の強み（3カラム） */
  .mod_set2 .thu {
    max-width: 150px;
  }
/* コンサルティング（2カラム） */
  .hsmod_conbox7 .mod_conbox1 {
    display: flex;
    margin-bottom: 15px;
  }
  .hsmod_conbox7 .mod_conbox1:before {
    display: none;
  }
  .hsmod_conbox7 .mod_conbox1>*+* {
    margin-top: 50px !important;
  }
  .mod_conbox1.v-col2>* {
    max-width: none;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 {
    max-width: none;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3:after {
    display: none;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox {
    padding: 22px 0 0;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox>.name {
    font-size: 2rem;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox>.name_en {
    font-size: 1.2rem;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .desc>p:first-of-type {
    font-size: 1.3rem;
    margin-bottom: 22px;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .desc {
    height: 170px;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn {
    width: 141px;
    margin-top: 20px;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn:after {
    bottom: 70px;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox>.descwrapper {
    padding-bottom: 0;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3, .hsmod_conbox7 .mod_conbox1 .mod_set3:nth-child(3) {
    padding-top: 0;
  }
  .hsmod_conbox7 .mod_conbox1 .mod_set3 .textbox .btn:after {
    width: calc(100vw - 40px);
  }


  /* 事例紹介 - 詳細 */
  .nav--case--detail .mod_section1 .page-center {
    padding: 50px 20px !important;
  }
  .nav--case--detail .mod_pagetitle3>.textbox.upper>.title {
    font-size: 2.6rem;
  }
  .nav--case--detail .mod_pagetitle3>.textbox.upper>*+.subtitle {
    font-size: 1.6rem;
  }
  .nav--case--detail .mod_pagetitle3>.textbox.upper>*+.text {
    font-size: 1.6rem;
  }
  .nav--case--detail .mod_pagetitle3>.textbox.upper>*+.catbox {
    border-top: 1px solid var(--color-secondary);
  }
  .nav--case--detail .mod_pagetitle3>.textbox.upper>.catbox>.cat>.title {
    font-size: 1.4rem;
    &::after {display: none;}
  }
  .nav--case--detail .mod_pagetitle3>.textbox.upper>.catbox>.cat>.link {
    font-size: 1.4rem;
  }
  .nav--case--detail .mod_pagetitle3>.textbox.upper>.catbox>.cat>.link>a {
    text-decoration: underline;
  }
  .nav--case--detail .mod_pagetitle3>*+.thu {
    margin-top: 50px;
    border-radius: 20px;
  }
  .nav--case--detail .mod_pagetitle3>.textbox.lower {
    margin: 50px 0;
    padding: 0;
  }
  /* 事例紹介 - 詳細 - タイトル(H2) */
  .nav--case--detail .hsmod_title2 {
    margin-top: 60px;
  }
  .nav--case--detail .mod_title2>.title {
    font-size: 2rem;
    &::before {
    transform: translateY(12px);
    }
  }
  /* 事例紹介 - 詳細 - KV無しのタイトル */
  .mod_pagetitle3 > .textbox.upper > .title {
    padding-top: 50px;
  }
  /* 事例紹介 - 詳細 - 画像の（1カラム） */
  .nav--case--detail .hsmod_imgbox1 {
    margin-top: 70px;
  }
  .nav--case--detail figure img {
    border-radius: 30px;
  }
  .nav--case--detail .mod_imgbox1>figure>*+figcaption {
    font-size: 1.4rem;
    line-height: 1.8;
  }
  /* 事例紹介 - 詳細 - 企業データ */
  .nav--case--detail .mod_textbox1.v-bg-gy {
    padding: 40px 30px;
  }
  .nav--case--detail .hsmod_textbox1 .mod_textbox1.v-bg-gy p:first-child {
    margin-bottom: 23px;
  }
  .nav--case--detail .hsmod_textbox1 .mod_textbox1.v-bg-gy p+p {
    margin-top: 10px;
    font-size: 1.4rem !important;
  }
  /* 事例紹介 - 詳細 - 通常BOX（1カラム） */
  .mod_set1.mod_set1-v3>a {
    align-items: center;
  }
  .mod_set1.mod_set1-v3 .thu {
    margin: 0 0 20px;
    width: 100%;
  }
  .mod_set1.mod_set1-v3 .textbox .title {
    font-size: 1.6rem;
  }
  .mod_set1.mod_set1-v3 .textbox:not(:has(.btn)) .text {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 30px;
  }
  /* 事例紹介 - 詳細 - ポイントボックス */
  .nav--case--detail .mod_conbox1>* {
    /* flex-basis: auto; */
  }
  /* ポイントボックス */
  .mod_textbox2 {
    border-radius: 10px;
    padding-top: 20px;
    margin-top: 0 !important;
    &.v-arrow:after {
      border-width: 20px 20px 0;
      bottom: -20px;
    }
  }
  .mod_textbox2>.title {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .mod_textbox2>.list>li+li {
    margin-top: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
  }
  .mod_textbox2>.list>li>.text {
    padding: 11px 20px 11px 40px;
    text-indent: -10px;
  }
  .mod_textbox2>.list>li>.text>.fa.fa-check-square:before {
    width: 20px;
    height: 20px;
    top: 13px;
    left: 10px;
  }

  /* 目次 */
  .mod_anchorbox2 {
    padding: 22px 20px 20px;
  }
  .mod_anchorbox2>.text {
    text-align: center;

    &::before {
      content: "Index";
      font-size: 3rem;
      font-family: var(--font-outfit);
      color:#000;
      margin-right: 10px;
      line-height: 1;
    }
  }
  .mod_anchorbox2>*+.list {
    margin-top: 15px;
  }
  .mod_anchorbox2>*+.list li {
    margin: 0;
    padding: 15px 20px;
  }

  /* 書籍紹介 - 売れ筋ランキング第一位 背景 */
  .best_seller {
    background: var(--color-secondary);
    border-radius: 20px;
    img {
      max-width: 120px !important;
      margin-bottom: 30px;
    }
  }

  /* Quollio Data Intelligence Cloud によるデータインテリジェンス
  --------------------------------------------------------- */
  .row-fluid [class*=span].quollio_data_kv > .row-fluid-wrapper > .row-fluid {
    padding: 140px 0 0;
    &::before {
      background: url(/hubfs/corp/website/assets/renew/images/products/quollio_data_intelligence_cloud/logo_quollio_data_sp.png) 0 0 no-repeat;
      background-size: cover;
      width: 86px;
      height: 77px;
      left: 50%;
      top: 42px;
      transform: translateX(-175%);
    }
  }
  .row-fluid [class*=span].quollio_data_kv_img {
    display: block;
    width: 331px;
    top: 20px;
    right: 50%;
    transform: translateX(53.5%);
  }
  .row-fluid [class*=span].quollio_data_kv_img .hsmod_imgbox1 {
    margin: 0;
  }
  .row-fluid [class*=span].quollio_data_kv_cont > * {
    padding: 0 25px !important;
  }
  .row-fluid [class*=span].quollio_data_kv_cont > *:first-child {
    padding: 0 30px !important;
  }
  .row-fluid [class*=span].quollio_data_kv_cont .row-fluid .span5:has(.mod_btn1) {
    margin: 0;
  }

  .row-fluid [class*=span].quollio_data_kv_cont .text.mod_textbox1 > * {
    font-size: 2.4rem !important;
    line-height: 1.3 !important;
  }
  .row-fluid [class*=span].quollio_data_kv_cont .text.mod_textbox1 > *:last-child {
    font-size: 2rem !important;
  }

  .nav--products .hsmod_textbox1 > .mod_textbox1 {
    margin: 60px 0 0;
  }
  .nav--products .mod_textbox1 h2 {
    font-size: 2rem;
    align-items: flex-start;
    &::before {
      transform: translateY(12px);
      width: 30px;
      margin-right: 14px;
    }
  }
  .nav--products .mod_textbox1 h3 {
    font-size: 2rem !important;
  }

  /* 事例ボタン*/
  .quollio_data_anchor .row-fluid-wrapper .row-fluid {
    margin-top: 40px;
    justify-content: flex-start;
    padding: 0 20px;
  }
  .nav--products .hsmod_btnbox1 {
    margin-top: 20px;
  }
  .quollio_data_anchor .hsmod_btnbox2 .mod_btnbox2 .mod_btn2 {
    padding: 13px 43px 13px 20px;
    &::after {
      right: 15px;
    }
  }
}



/* news
--------------------------------------------------------- */
.mod_newslist1 {
  max-width: 1014px;
  margin: 0 auto;
}
.mod_newslist1 li a:hover .textbox .body .title {
  color: var(--color-primary);
  text-decoration: none;
}
.mod_newslist1 li a .textbox {
  display: flex;
  align-items: flex-start;
  gap: 0;
  padding: 40px 0 40px 30px;
}
@media (width <= 989px) {
  .mod_newslist1 li a .textbox {
    padding: 30px 0;
  }
}
@media (width <= 989px) {
  .mod_newslist1 li a .textbox {
    flex-direction: column;
    gap: 20px;
  }
}
.mod_newslist1 li a .textbox .head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 288px;
}
@media (width <= 989px) {
  .mod_newslist1 li a .textbox .head {
    width: 100%;
    justify-content: space-between;
  }
}
.mod_newslist1 li a .textbox .head .date {
  width: 120px;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.mod_newslist1 li a .textbox .head .cat {
  width: auto;
  padding: 5px 9px;
  border-radius: 10px;
  border: solid 1px var(--color-border);
  font-size: 1.3rem;
  line-height: 1.3076923077;
  color: #777 !important;
}
.mod_newslist1 li a .textbox .body {
  width: 696px;
  margin: 0;
  padding: 0;
}
@media (width <= 989px) {
  .mod_newslist1 li a .textbox .body {
    width: 100%;
  }
}
.mod_newslist1 li a .textbox .body .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}

/* blog
--------------------------------------------------------- */
.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-breadcrumb-list-wrapper {
  position: absolute;
  z-index: 1;
  top: 130px;
  right: 70px;
  font-size: 1.3rem;
  color: var(--color-white);
}
@media (width <= 989px) {
  .body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-breadcrumb-list-wrapper {
    top: 80px;
    right: auto;
  }
}
.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-breadcrumb-list-wrapper .hs-breadcrumb-menu .hs-breadcrumb-menu-item a,
.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-breadcrumb-list-wrapper .hs-breadcrumb-menu .hs-breadcrumb-menu-item span {
  color: var(--color-white);
}
.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper {
  height: 480px;
  margin-top: -90px;
  background-color: var(--color-primary);
}
@media (width <= 989px) {
  .body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper {
    height: 400px;
    margin-top: -70px;
  }
}
.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper .blog-title {
  height: 100%;
  background-image: none !important;
}
.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper .blog-title .page-center.v-blog {
  max-width: none !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper .blog-title .page-center.v-blog .textbox {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  bottom: 123px;
  left: 70px;
  text-align: left;
}
@media (width <= 989px) {
  .body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper .blog-title .page-center.v-blog .textbox {
    left: 30px;
    bottom: 116px;
  }
}
.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper .blog-title .page-center.v-blog .textbox .title {
  opacity: 0.5;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-white);
}
@media (width <= 989px) {
  .body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper .blog-title .page-center.v-blog .textbox .title {
    font-size: 1.2;
    line-height: 2;
  }
}
.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper .blog-title .page-center.v-blog .textbox .subtitle {
  font-family: var(--font-outfit);
  font-size: 8rem;
  font-weight: 500;
  line-height: 1.2375;
  color: var(--color-white);
}
@media (width <= 989px) {
  .body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1:has(.blog-title-wrapper) .blog-title-wrapper .blog-title .page-center.v-blog .textbox .subtitle {
    font-size: 5rem;
    line-height: 1.1;
  }
}

.row-fluid:has(.blog-content) .blog-content-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper {
  max-width: 1226px !important;
  padding: 0 !important;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content {
  width: 802px !important;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content {
    width: 100% !important;
    padding: 0 15px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 70px 46px;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns {
    flex-direction: column;
    gap: 40px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item {
  width: calc(50% - 23px);
  margin: 0;
  padding: 0;
  box-shadow: none;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item {
    width: 100%;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column {
  width: 100%;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner {
    display: block;
  }
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-feature-image-wrapper,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-feature-image-wrapper {
    aspect-ratio: 378/214;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body {
    width: 100%;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-title,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-title {
  font-size: 2.8rem;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-title,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-title {
    font-size: 1.6rem;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-date span,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-date span {
  font-size: 1.5rem;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-date span,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-date span {
    font-size: 1.2rem;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-date span + span,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-date span + span {
  font-family: var(--font-outfit);
  font-weight: 400;
  font-size: 1.6rem;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-date span + span,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-date span + span {
    font-size: 1.4rem;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-content,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-content {
  font-size: 1.6rem;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-content,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item.one-column a .post-item-inner .post-body .post-content {
    display: block;
    font-size: 1.4rem;
  }
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-feature-image-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-feature-image-wrapper {
  overflow: hidden;
  aspect-ratio: 378/214;
  margin: 0 0 20px;
  border-radius: 20px;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-feature-image-wrapper,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-feature-image-wrapper {
    aspect-ratio: 1/1;
    width: 100px;
    margin: 0;
    border-radius: 10px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-feature-image-wrapper img,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-feature-image-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body {
  margin: 0;
  padding: 0;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body {
    width: calc(100% - 100px - 20px);
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-title,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  line-height: 1.5;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-date,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-date {
  display: flex;
  gap: 20px;
  margin: 10px 0 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-date span,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-date span {
  margin: 0;
  padding: 0;
  font-size: 1.3rem;
  color: #000;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-date span + span,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-date span + span {
  font-family: var(--font-outfit);
  font-weight: 400;
  font-size: 1.4rem;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-content,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-content {
  margin: 20px 0 0;
  font-size: 1.4rem;
  line-height: 1.8;
  color: var(--color-tertiary);
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-content,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-content {
    display: none;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-topic-list,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-topic-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  margin: 20px 0 0;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-topic-list,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-topic-list {
    margin-top: 15px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-topic-list .topic-name,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-listing-wrapper .blog-post-listing.two-columns .post-item a .post-item-inner .post-body .post-topic-list .topic-name {
  margin: 0;
  padding: 5px 10px;
  border: solid 1px var(--color-tertiary);
  border-radius: 10px;
  font-size: 1.3rem;
  color: #777;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
  border: none;
  margin: 0 0 90px;
  padding: 0;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next {
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item {
  display: flex;
  align-items: center;
  position: relative;
  height: 40px;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item.disabled,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item.disabled,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item.disabled,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item.disabled {
  opacity: 0.3;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item i,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item i,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item i,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item i {
  display: none;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item .text,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item .text,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item .text,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item .text {
  font-size: 1.4rem;
  color: #000;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item::after,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item::after,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item::after,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 7px);
  width: 17px;
  height: 14px;
  background-image: url("/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_p.svg");
  background-size: cover;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev {
    order: 1;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item {
  padding-left: 27px;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item::after,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-prev .pagination-item::after {
  left: 0;
  transform: rotate(180deg);
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next {
    order: 2;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item {
  padding-right: 27px;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item::after,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination-next .pagination-item::after {
  right: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0;
  padding: 0;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination {
    order: 3;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination li,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination li {
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination li .pagination-item,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination li .pagination-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background-color: var(--color-secondary);
  font-family: var(--font-outfit);
  font-weight: 500;
  font-size: 1.6rem;
  color: #000;
  transition: background-color 0.3s, color 0.3s;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination li .pagination-item.current, .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination li .pagination-item:hover,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination li .pagination-item.current,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-pagination-wrapper .blog-pagination li .pagination-item:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 30px;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-title,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-title {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.3;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-title,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-title {
    font-size: 2.6rem;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-avatar-box,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-avatar-box {
  overflow: hidden;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-avatar-box a,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-avatar-box a {
  display: block;
  width: 60px;
  height: 60px;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-avatar-box img,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-avatar-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-date-box,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-date-box {
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-date-box .post-author-name,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-date-box .post-author-name {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  color: #000;
  line-height: 1.6;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-date-box .post-date,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-author-date-wrapper .post-author-date-box .post-date {
  margin: 0;
  padding: 0;
  font-family: var(--font-outfit);
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--color-tertiary);
  line-height: 1.6;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-topic-list-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-topic-list-wrapper {
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-topic-list-wrapper .post-topic-list,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-topic-list-wrapper .post-topic-list {
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-topic-list-wrapper .post-topic-list .topic-name,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-topic-list-wrapper .post-topic-list .topic-name {
  margin: 0;
  padding: 5px 10px;
  border-radius: 10px;
  border: solid 1px var(--color-tertiary);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-topic-list-wrapper .post-topic-list .topic-name span,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-text .post-topic-list-wrapper .post-topic-list .topic-name span {
  font-size: 1.3rem;
  color: #777;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-sns,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-sns {
  display: flex;
  justify-content: flex-end;
  height: 46px;
  margin: -46px 0 0 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-sns .post-social-sharing-text,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-sns .post-social-sharing-text {
  display: none;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-sns .hs-blog-social-share-list,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-sns .hs-blog-social-share-list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-image,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-image {
  margin: 30px 0 0;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-image,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-image {
    margin-top: 50px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-image .post-feature-image-wrapper img,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-header .post-header-image .post-feature-image-wrapper img {
  border-radius: 20px;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body {
  margin: 70px 0 0 !important;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body {
    margin-top: 50px !important;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h2,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h2.blog_midashi,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h2,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h2.blog_midashi {
  margin: 70px 0 30px !important;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 2.8rem !important;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h2,
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h2.blog_midashi,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h2,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h2.blog_midashi {
    margin-top: 50px !important;
    font-size: 2.6rem;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h3,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h3 {
  margin: 50px 0 30px !important;
  padding: 15px 20px;
  border-radius: 5px;
  border: none;
  background-color: var(--color-secondary);
  font-size: 2rem;
  font-weight: 700;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h4,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body h4 {
  margin: 30px 0 !important;
  padding: 20px;
  border-top: solid 3px var(--color-secondary);
  border-bottom: solid 3px var(--color-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  color: #000 !important;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body p,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body p {
  margin: 0 0 30px;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body p,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-body p {
    margin-bottom: 20px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  margin: 70px 0 0;
  padding: 30px 0;
  border-top: solid 1px var(--color-border);
  border-bottom: solid 1px var(--color-border);
  position: relative;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  padding: 0;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-avatar-box,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-avatar-box {
  overflow: hidden;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-avatar-box img,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-avatar-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-date-box,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-date-box {
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-date-box .post-author-name,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-date-box .post-author-name {
  font-size: 1.5rem;
  color: #000;
  line-height: 1.6;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-date-box .post-date,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-author-date-wrapper .post-author-date-box .post-date {
  font-family: var(--font-outfit);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color-tertiary);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-topic-list-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-topic-list-wrapper {
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-topic-list-wrapper .post-topic-list,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-topic-list-wrapper .post-topic-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-topic-list-wrapper .post-topic-list .topic-name,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-text .post-topic-list-wrapper .post-topic-list .topic-name {
  margin: 0;
  padding: 5px 10px;
  border-radius: 10px;
  border: solid 1px var(--color-tertiary);
  font-size: 1.3rem;
  color: #777;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-sns,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-sns {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 110px;
  right: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-sns .post-social-sharing-text,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-content .blog-section .blog-post-wrapper .blog-post .post-footer .post-footer-sns .post-social-sharing-text {
  display: none;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar {
  float: right;
  width: 348px !important;
  margin: 0 0 90px !important;
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar {
    float: none;
    width: 100% !important;
    margin-top: 70px !important;
    margin-bottom: 40px !important;
    padding: 0 15px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper {
  overflow: hidden;
  border-radius: 20px;
  background-image: url("/hubfs/corp/website/assets/renew/images/blog/blog-subscribe-box-wrapper.png");
  background-size: cover;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box {
  padding: 50px 25px;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box *,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box * {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-heading,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 2rem;
  font-weight: 700;
  background-color: transparent;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-heading::before,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-heading::before {
  content: url("/hubfs/corp/website/assets/renew/images/blog/icon_mail.svg");
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box {
  margin: 20px 0 0;
  background-color: transparent;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-content,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-content {
  margin: 0 6px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: var(--color-white);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button {
  overflow: hidden !important;
  display: block !important;
  position: relative !important;
  max-width: 300px;
  margin: 20px auto 0 !important;
  padding: 20px 30px !important;
  border-radius: 66px !important;
  border: solid 2px var(--color-border) !important;
  background-color: transparent !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  text-align: left !important;
  transition: 0.3s;
  &::before,
  &::after {
    display: none;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button:hover,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button:hover {
  border-color: transparent !important;
  background-color: var(--color-primary) !important;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button:hover span::before,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button:hover span::before {
  opacity: 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button:hover span::after,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button:hover span::after {
  opacity: 1;
  animation-name: btn-arrow-r;
  animation-duration: 0.2s;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button span,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button span {
  color: var(--color-white) !important;
  font-size: 1.6rem !important;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button span::before,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button span::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 33px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-primary);
  transition: 0.3s;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button span::after,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-subscribe-box-wrapper .blog-subscribe-box .subscribe-content-box .subscribe-cta-wrapper#subscribe-cta .subscribe-cta-button span::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 7px);
  right: 30px;
  width: 16px;
  height: 14px;
  background: var(--color-white);
  mask-image: url("/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_w.svg");
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: contain;
  opacity: 0;
  transition: all 0.2s;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper {
  margin: 50px 0 0;
  padding: 30px 30px 50px 30px;
  border-radius: 30px;
  background-color: var(--color-secondary);
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper {
    margin-top: 20px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper .blog-tags-listing,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper .blog-tags-listing {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 30px 0 0;
  border: none;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper .blog-tags-listing .tag-item,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper .blog-tags-listing .tag-item {
  position: relative;
  margin: 0 0 0 6px;
  padding: 0 0 0 20px;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper .blog-tags-listing .tag-item::before,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper .blog-tags-listing .tag-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper .blog-tags-listing .tag-item a .tag-content,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-wrapper .blog-tags-listing .tag-item a .tag-content {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7142857143;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper {
  margin: 50px 0 0;
  padding: 50px 30px;
  border-radius: 30px;
  background-color: var(--color-secondary);
}
@media (width <= 989px) {
  .row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper,
  .row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper {
    margin-top: 20px;
  }
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing {
  border: none;
  margin: 30px 0 0;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item {
  position: relative;
  margin: 0;
  padding: 0 0 0 26px;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item + .post-item,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item + .post-item {
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px var(--color-border);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item + .post-item::before,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item + .post-item::before {
  top: calc(0.5em + 15px);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item::before,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item a .post-content,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-wrapper .blog-recent-post-listing .post-item a .post-content {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7142857143;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-heading,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-heading,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-heading,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-heading {
  position: relative;
  margin: 0;
  padding: 0 0 15px 37px;
  border-top: none;
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-heading::after,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-heading::after,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-heading::after,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-heading::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: var(--color-border);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-heading::before,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-heading::before,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-heading::before,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-heading::before {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  top: 0.6em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-primary);
  outline: 6px solid rgba(7, 75, 177, 0.3);
}
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-heading span,
.row-fluid:has(.blog-content) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-heading span,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-tags-listing-heading span,
.row-fluid:has(.blog-sidebar) .blog-content-wrapper .row-fluid .blog-sidebar .blog-recent-post-listing-heading span {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
}

.blog-footer {
  margin: 90px 0 0;
  padding: 100px 0 150px;
  background-color: var(--color-secondary);
}
@media (width <= 989px) {
  .blog-footer {
    margin-top: 40px;
    padding: 50px 0 100px;
  }
}
.blog-footer .page-center {
  max-width: 1266px !important;
  margin: 0 auto;
  padding: 0 20px !important;
}
@media (width <= 989px) {
  .blog-footer .page-center {
    padding: 0 20px;
  }
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing-heading {
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
}
@media (width <= 989px) {
  .blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing-heading {
    font-size: 2.4rem;
  }
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 46px;
  margin-top: 70px;
}
@media (width <= 989px) {
  .blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-top: 40px;
  }
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing::before, .blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing::after {
  display: none;
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item {
  width: auto;
  margin: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item a {
  display: inline;
  margin: 0;
  padding: 0;
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-feature-image-wrapper {
  overflow: hidden;
  aspect-ratio: 378/214;
  margin: 0 0 20px;
  border-radius: 20px;
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-feature-image-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body {
  margin: 0;
  padding: 0;
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body .post-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body .post-date {
  display: flex;
  align-items: center;
  gap: 20px;
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body .post-date span {
  margin: 0;
  font-size: 1.3rem;
  color: #000;
  line-height: 1.8461538462;
}
@media (width <= 989px) {
  .blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body .post-date span {
    font-size: 1.3rem;
  }
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body .post-date span + span {
  margin: 0;
  font-family: var(--font-outfit);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
@media (width <= 989px) {
  .blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body .post-date span + span {
    font-size: 1.6rem;
  }
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body .post-content {
  margin: 20px 0 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.8;
  color: var(--color-tertiary);
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body .post-topic-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 0;
}
.blog-footer .page-center .blog-section .blog-post-listing-wrapper .blog-post-listing .post-item .post-item-inner .post-body .post-topic-list .topic-name {
  margin: 0;
  padding: 5px 10px;
  border-radius: 10px;
  border: solid 1px var(--color-tertiary);
  font-size: 1.3rem;
  color: #777;
}
.blog-call-to-action-box {
  background: var(--color-secondary);
  border: none;
  border-radius: 20px;
}

/* seminars
--------------------------------------------------------- */
body.nav--seminars .mod_section2 {
  padding: 150px 0 100px;
}
@media (width <= 989px) {
  body.nav--seminars .mod_section2 {
    padding: 80px 0 50px;
  }
}

.mod_anchorlist1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 20px;
}
@media (width <= 989px) {
  .mod_anchorlist1 {
    justify-content: flex-start;
  }
}
.mod_anchorlist1 li {
  display: flex;
  margin: 0;
  padding: 0;
  border: none;
}
.mod_anchorlist1 li + li {
  margin: 0;
  padding: 0;
  border: none;
}
.mod_anchorlist1 li p {
  margin: 0;
  padding: 0;
}
.mod_anchorlist1 li p a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0;
  padding: 20px 74px 20px 30px;
  border-radius: 64px;
  border: solid 2px var(--color-border);
  color: var(--color-primary);
  transition: border 0.3s, background-color 0.3s, color 0.3s;
}
@media (width <= 989px) {
  .mod_anchorlist1 li p a {
    padding: 15px 56px 15px 20px;
  }
}
.mod_anchorlist1 li p a:hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
  text-decoration: none;
}
.mod_anchorlist1 li p a:hover::after {
  background: var(--color-white);
}
.mod_anchorlist1 li p a i {
  display: none;
}
.mod_anchorlist1 li p a .text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
}
@media (width <= 989px) {
  .mod_anchorlist1 li p a .text {
    font-size: 1.4rem;
  }
}
.mod_anchorlist1 li p a::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 8.5px);
  right: 30px;
  width: 17px;
  height: 15px;
  transition: opacity 0.3s;
  background: var(--color-primary);
  mask-image: url("/hubfs/corp/website/assets/renew/img_com/icon_arrow_bottom.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 17px 15px;
}

body.nav--seminars .mod_section1.bgc_gy1 {
  padding: 100px 0;
  background-color: var(--color-secondary);
}
@media (width <= 989px) {
  body.nav--seminars .mod_section1.bgc_gy1 {
    padding: 50px 0;
  }
}
body.nav--seminars .mod_section1.bgc_gy1 .row-number-7 {
  display: none;
}
body.nav--seminars .mod_section1:has(.hsmod_linkbox1) {
  padding-top: 0;
}
body.nav--seminars .mod_section1:has(.hsmod_linkbox1) .hsmod_linkbox1 {
  margin-top: -75px;
}
@media (width <= 989px) {
  body.nav--seminars .mod_section1:has(.hsmod_linkbox1) .hsmod_linkbox1 {
    margin-top: -65px;
  }
}

.hsmod_linkbox1 .mod_linkbox1 {
  display: flex;
  justify-content: flex-end;
  text-align: left;
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 320px;
  padding: 20px 20px 20px 30px;
  border-radius: 66px;
  border: solid 2px var(--color-border);
  transition: 0.3s;
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a:hover::before {
  display: none;
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a:hover::after {
  display: block;
  opacity: 1;
  animation-name: btn-arrow-r;
  animation-duration: 0.2s;
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a:hover span {
  color: var(--color-white);
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a::before, .hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a::after {
  content: "";
  display: block;
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a::before {
  background: var(--color-primary);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  order: 3;
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a::after {
  background: var(--color-white);
  mask-image: url("/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_w.svg");
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 16px;
  height: 14px;
  opacity: 0;
  transition: all 0.2s;
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a .text {
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--color-primary);
  line-height: 1.25;
  text-decoration: none !important;
}
.hsmod_linkbox1 .mod_linkbox1 .mod_linktext1 a i {
  display: none;
}

.hsmod_table1 {
  margin-top: 70px;
}
@media (width <= 989px) {
  .hsmod_table1 {
    margin-top: 50px;
  }
}
.hsmod_table1 .mod_table1 table {
  width: 100% !important;
  margin-top: 0 !important;
  border-radius: 20px;
}
.hsmod_table1 .mod_table1 table thead tr,
.hsmod_table1 .mod_table1 table thead th,
.hsmod_table1 .mod_table1 table thead td,
.hsmod_table1 .mod_table1 table tbody tr,
.hsmod_table1 .mod_table1 table tbody th,
.hsmod_table1 .mod_table1 table tbody td,
.hsmod_table1 .mod_table1 table tfoot tr,
.hsmod_table1 .mod_table1 table tfoot th,
.hsmod_table1 .mod_table1 table tfoot td {
  height: auto !important;
}
.hsmod_table1 .mod_table1 table thead tr .textbox,
.hsmod_table1 .mod_table1 table thead th .textbox,
.hsmod_table1 .mod_table1 table thead td .textbox,
.hsmod_table1 .mod_table1 table tbody tr .textbox,
.hsmod_table1 .mod_table1 table tbody th .textbox,
.hsmod_table1 .mod_table1 table tbody td .textbox,
.hsmod_table1 .mod_table1 table tfoot tr .textbox,
.hsmod_table1 .mod_table1 table tfoot th .textbox,
.hsmod_table1 .mod_table1 table tfoot td .textbox {
  padding: 0;
}
.hsmod_table1 .mod_table1 table thead tr .textbox .title,
.hsmod_table1 .mod_table1 table thead th .textbox .title,
.hsmod_table1 .mod_table1 table thead td .textbox .title,
.hsmod_table1 .mod_table1 table tbody tr .textbox .title,
.hsmod_table1 .mod_table1 table tbody th .textbox .title,
.hsmod_table1 .mod_table1 table tbody td .textbox .title,
.hsmod_table1 .mod_table1 table tfoot tr .textbox .title,
.hsmod_table1 .mod_table1 table tfoot th .textbox .title,
.hsmod_table1 .mod_table1 table tfoot td .textbox .title {
  height: auto !important;
  margin: 0 0 20px;
}
.hsmod_table1 .mod_table1 table thead th,
.hsmod_table1 .mod_table1 table thead td {
  padding: 35px 20px !important;
}
.hsmod_table1 .mod_table1 table tbody th,
.hsmod_table1 .mod_table1 table tbody td {
  padding: 30px !important;
  border-top: solid 1px var(--color-border);
  background-color: var(--color-white);
}
.hsmod_table1 .mod_table1 table th,
.hsmod_table1 .mod_table1 table th > p {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
}

body.nav--seminars.nav--seminars_top .hsmod_newslist2 {
  margin-top: 0 !important;
}

body.nav--seminars_top .mod_newslist2 {
  border: none;
}
body.nav--seminars_top .mod_newslist2 li .textbox {
  padding: 50px 0;
}
@media (width <= 989px) {
  body.nav--seminars_top .mod_newslist2 li .textbox {
    padding: 50px 0;
  }
}
@media (width <= 767px) {
  .hsmod_table1 .mod_table1 table th,
  .hsmod_table1 .mod_table1 table th > p {
    font-size: 1.6rem;
  }
  .hsmod_table1 .mod_table1 table tbody tr .textbox .title,
  .hsmod_table1 .mod_table1 table tbody th .textbox .title {
    font-size: 1.6rem !important;
  }
}
body.nav--seminars_top .mod_newslist2 li .textbox h3 {
  padding: 40px 0;
  border-top: solid 5px #F2F5FB;
  border-bottom: solid 5px #F2F5FB;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-primary);
}
body.nav--seminars_top .mod_newslist2 li .textbox h3 a {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}
.mod_newslist2 > li .textbox > .body > .title {
  color: var(--color-primary);
}

/* corporate
--------------------------------------------------------- */
.mod_section1.bgc_gy1 {
  padding: 100px 0;
  background-color: var(--color-secondary);
}
@media (width <= 989px) {
  .mod_section1.bgc_gy1 {
    padding: 50px 0;
  }
}
body.nav--corporate .mod_section1 .mod_conbox1 .mod_set1 a .thu {
  margin: 0;
}
body.nav--corporate .mod_section1 .mod_conbox1 .mod_set1 a .thu img {
  border: none;
  border-radius: 20px;
}
body.nav--corporate .mod_section1 .mod_conbox1 .mod_set1 a .textbox.bt_gy1 {
  border-top-color: var(--color-border);
}
body.nav--corporate .mod_section1 .mod_conbox1 .mod_set1 a .textbox > .title {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
}
body.nav--corporate .mod_section1 .mod_conbox1 .mod_set1 a .textbox > .text {
  margin: 10px 0 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  border-bottom: none;
}
body.nav--corporate .mod_section1 .mod_conbox1 .mod_set1 a .textbox .btn.mod_btn3 {
  float: none;
  margin: 30px auto 0 0;
}
body.nav--corporate .mod_section1 #hs_cos_wrapper_widget_1600065248729 .mod_textbox1 p {
  text-align: left !important;
}

body.nav--corporate .mod_textbox1:has(h4[style="padding-left: 40px;"]):has(h4[style="padding-left: 80px;"]) {
  margin-top: 50px;
  padding: 120px 20px;
  border-radius: 30px;
  background-color: var(--color-secondary);
  text-align: center;
}
@media (width <= 989px) {
  body.nav--corporate .mod_textbox1:has(h4[style="padding-left: 40px;"]):has(h4[style="padding-left: 80px;"]) {
    padding: 50px 20px;
    border-radius: 20px;
  }
}
body.nav--corporate .mod_textbox1:has(h4[style="padding-left: 40px;"]):has(h4[style="padding-left: 80px;"]) h4 {
  padding: 0 !important;
}
body.nav--corporate .mod_textbox1:has(h4[style="padding-left: 40px;"]):has(h4[style="padding-left: 80px;"]) h4 + h4 {
  margin-top: 30px;
}
@media (width <= 989px) {
  body.nav--corporate .mod_textbox1:has(h4[style="padding-left: 40px;"]):has(h4[style="padding-left: 80px;"]) h4 + h4 {
    margin-top: 10px;
  }
}
body.nav--corporate .mod_textbox1:has(h4[style="padding-left: 40px;"]):has(h4[style="padding-left: 80px;"]) h4 span strong {
  font-family: var(--font-outfit);
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.2;
  color: #000;
}
@media (width <= 989px) {
  body.nav--corporate .mod_textbox1:has(h4[style="padding-left: 40px;"]):has(h4[style="padding-left: 80px;"]) h4 span strong {
    font-size: 2.4rem;
  }
}
body.nav--corporate .mod_textbox1:has(h4[style="padding-left: 40px;"]):has(h4[style="padding-left: 80px;"]) h4 strong span {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-primary);
}
@media (width <= 989px) {
  body.nav--corporate .mod_textbox1:has(h4[style="padding-left: 40px;"]):has(h4[style="padding-left: 80px;"]) h4 strong span {
    font-size: 1.4rem;
  }
}
body.nav--corporate .mod_textbox1._greeting-mission h4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 40px 20px;
  border-top: solid 5px var(--color-secondary);
  border-bottom: solid 5px var(--color-secondary);
}
@media (width <= 989px) {
  body.nav--corporate .mod_textbox1._greeting-mission h4 {
    padding: 30px 20px;
  }
}
body.nav--corporate .mod_textbox1._greeting-mission h4 span {
  text-align: center;
}
body.nav--corporate .mod_textbox1._greeting-mission h4 span.t_en {
  font-family: var(--font-outfit);
  font-weight: 500;
  font-size: 3.6rem;
  line-height: 1.2;
}
body.nav--corporate .mod_textbox1._greeting-mission h4 span.t_jp {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.6;
}
body.nav--corporate .mod_textbox1._greeting-mission > ul + h4 {
  margin-top: 70px;
}
body.nav--corporate .mod_textbox1._greeting-mission > ul {
  margin: 30px 0 0 20px;
}
body.nav--corporate .mod_textbox1._greeting-mission > ul > li {
  font-weight: 400;
}
body.nav--corporate .mod_textbox1._greeting-mission > ul > li::before {
  top: 0.5em;
}
body.nav--corporate .mod_textbox1._greeting-mission > ul > li ul {
  margin-top: 10px;
}
body.nav--corporate .mod_textbox1._greeting-mission > ul > li ul li {
  font-weight: 400;
}
body.nav--corporate .mod_textbox1._greeting-mission > ul > li ul li:first-child {
  margin-top: 10px;
}
body.nav--corporate .mod_textbox1._greeting-mission > ul > li ul li::before {
  background-color: var(--color-tertiary);
}

.mod_conbox1 .mod_set4:nth-child(n+4) {
  margin-top: 85px;
}
.mod_conbox1 .mod_set4 .thu {
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  max-width: 140px;
}
.mod_conbox1 .mod_set4 .thu img {
  box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.16);
}
.mod_conbox1 .mod_set4 .textbox {
  margin-top: 30px;
}
.mod_conbox1 .mod_set4 .textbox .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (width <= 767px) {
  .hsmod_conbox9 .mod_conbox1 {
    display: flex;
  }
  .hsmod_conbox9 .mod_conbox1>* {
    margin-top: 40px !important;
    width: calc(50% - 15px) !important;
  }
  .mod_conbox1 .mod_set4 .thu {
    max-width: 23.07692vw;
  }
}

/* school
--------------------------------------------------------- */
.mod_textbox1 p+p {
  margin-top: 27px;
}
.mod_table2 table {
  border-bottom-color: var(--color-border);
}
.mod_table2 table th,
.mod_table2 table td {
  padding: 25px 20px;
  border-top-color: var(--color-border);
}
.mod_table2 table th {
  background-color: #F2F5FB;
}

.mod_table2 .mod_textbox1 p {
  font-size: 1.6rem !important;
}

.mod_eyecatch1 .textbox:has(.mv-icon) {
  padding-left: 135px;
}
@media (width <= 989px) {
  .mod_eyecatch1 .textbox:has(.mv-icon) {
    bottom: 53px;
    width: calc(100% - 60px);
    min-width: 315px;
    padding-left: 0;
  }
}
.mod_eyecatch1 .textbox .mv-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 120px;
}
@media (width <= 989px) {
  .mod_eyecatch1 .textbox .mv-icon {
    left: auto;
    top: auto;
    right: 0;
    bottom: -22px;
    transform: translate(0, 0);
    width: 70px;
  }
}

body._DMS-index .hsmod_anchorbox1 {
  margin: 110px 0 60px;
}
@media (width <= 989px) {
  body._DMS-index .hsmod_anchorbox1 {
    margin: 40px 0 20px;
  }
}
body._DMS-index .mod_section1:has(.mod_conbox1).bgc_gy1 {
  padding-bottom: 0;
  background-color: transparent;
}
body._DMS-index .hsmod_conbox3 .mod_conbox1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 46px;
}
@media (width <= 989px) {
  body._DMS-index .hsmod_conbox3 .mod_conbox1 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
}
body._DMS-index .hsmod_conbox3 .mod_conbox1::before, body._DMS-index .hsmod_conbox3 .mod_conbox1::after {
  display: none;
}
body._DMS-index .hsmod_conbox3 .mod_conbox1 .mod_set1 {
  width: auto;
  margin: 0;
  padding: 0;
}
body._DMS-index .hsmod_conbox3 .mod_conbox1 .mod_set1 a {
  /* display: inline; */
  display: flex;
  flex-direction: column;
  width: 100%;
}
body._DMS-index .hsmod_conbox3 .mod_conbox1 .mod_set1 a .thu {
  display: block;
}
body._DMS-index .hsmod_conbox3 .mod_conbox1 .mod_set1 a .thu img {
  border: none;
}
body._DMS-index .hsmod_conbox3 .mod_conbox1 .mod_set1 a .textbox {
  margin: 0;
  padding: 0;
  border-top: none;
}
body._DMS-index .hsmod_conbox3 .mod_conbox1 .mod_set1 a .textbox .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
body._DMS-index .hsmod_conbox3 .mod_conbox1 .mod_set1 a .textbox > .text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7142857143;
  color: #000;
  flex: 1;
}
body._DMS-index .hs-cta-wrapper {
  display: block;
  margin: 70px 0 0;
  padding: 70px 0 0;
  border-top: solid 1px var(--color-border);
}
@media (width <= 989px) {
  body._DMS-index .hs-cta-wrapper {
    margin-top: 50px;
    padding-top: 50px;
  }
}
body._DMS-index .hs-cta-wrapper .hs-cta-node #cta_button_4090074_bbe9f0f0-4cfe-4211-9d90-2e1ecde2756c {
  display: flex !important;
  align-items: center;
  position: relative;
  width: 410px !important;
  margin: 0 auto !important;
  padding: 20px 30px !important;
  border-radius: 71px !important;
  background-color: var(--color-primary) !important;
  font-family: var(--font-zenkaku) !important;
  font-size: 2.1rem !important;
  font-weight: 700 !important;
}
body._DMS-index .hs-cta-wrapper .hs-cta-node #cta_button_4090074_bbe9f0f0-4cfe-4211-9d90-2e1ecde2756c:hover::after {
  animation-name: btn-arrow-r;
  animation-duration: 0.2s;
}
body._DMS-index .hs-cta-wrapper .hs-cta-node #cta_button_4090074_bbe9f0f0-4cfe-4211-9d90-2e1ecde2756c::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 7px);
  right: 30px;
  width: 16px;
  height: 14px;
  background: var(--color-white);
  mask-image: url("/hubfs/corp/website/assets/renew/img_com/icon_arrow_right_w.svg");
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.2s;
}

._DMS-detail .body-container-wrapper .mod_contents {
  margin-top: -90px;
  overflow-x: hidden;
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc(100vw - 140px);
  min-width: 1226px;
  margin: 0;
  padding: 208px 0 90px;
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 {
    left: 0;
    transform: translate(0, 0);
    min-width: 0;
    width: 100%;
    padding: 170px 10px 40px;
  }
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 150vw;
  height: calc(100% + 300px);
  background-color: var(--color-secondary);
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span1 {
  display: none;
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 {
  width: 100%;
  margin: 0;
  padding: 0;
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 {
  min-height: 335px;
  padding: 0;
  border: none;
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 {
    min-height: 0;
  }
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox > .iconbox > .icon.icon_1 {
  background: #FFCE00;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  padding: 9px 15px;
  margin: 0 0 10px;
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox > .iconbox > .icon.icon_1 {
    font-size: 1.2rem;
    padding: 5px 10px;
    margin: 0 0 8px;
  }
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox {
  width: calc(100% - 484px - 50px);
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox {
    width: 100%;
  }
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox .title {
  margin: 0 0 14px;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-primary);
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox .title {
    margin-bottom: 20px;
    font-size: 2.8rem;
  }
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox > .text {
  display: inline;
  padding: 4px 10px 5px;
  background: linear-gradient(transparent 0%, var(--color-white) 0%);
  font-size: 2rem;
  line-height: 1.6;
  color: var(--color-primary);
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox > .text {
    font-size: 1.4rem;
  }
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox .btn {
  margin-top: 44px;
  background-color: var(--color-primary);
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox .btn {
    margin-top: 34px;
  }
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox .btn::before {
  display: none;
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox .btn::after {
  display: block;
  opacity: 1;
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .textbox .btn .text {
  color: var(--color-white) !important;
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .thu {
  overflow: hidden;
  aspect-ratio: 484/335;
  border-radius: 30px;
  width: 484px;
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .thu {
    width: 100%;
  }
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-4 .row-fluid .span11 .hsmod_pagetitle2 .mod_pagetitle2 .thu img {
  width: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-5 {
  margin-top: 110px;
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .row-fluid-wrapper.row-depth-1.row-number-5 {
    margin-top: 40px;
  }
}
._DMS-detail .body-container-wrapper .mod_contents #hs_cos_wrapper_widget_1713832768867 {
  padding-top: 150px !important;
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents #hs_cos_wrapper_widget_1713832768867 {
    padding-top: 50px !important;
  }
}
._DMS-detail .body-container-wrapper .mod_contents #hs_cos_wrapper_widget_1713832768867 img {
  border-radius: 30px;
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents #hs_cos_wrapper_widget_1713832768867 img {
    border-radius: 10px;
  }
}
._DMS-detail .body-container-wrapper .mod_contents .mod_textbox1 h3 {
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  background-color: var(--color-secondary);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  span {
    font-size: 2.8rem;
  }
}
@media (width <= 989px) {
  ._DMS-detail .body-container-wrapper .mod_contents .mod_textbox1 h3 {
    font-size: 2rem;
    span {
      font-size: 2rem;
    }
  }
}