.sub_title_navi			{display:none; }
.sub-tab						{position: absolute; left: 0; bottom: 0; width: 100%;}
@media (max-width:768px) {
  .sub-tab {display: none;}
  .sub_title_navi			{display:block; }
}

.sub_left								{max-width:200px; float:left; display:none;}
.sub_right						{  position:relative;}


.content-title			{margin-bottom: 3.75em;}
.content-title__text		{font-size: 2.25em; font-weight: 700; line-height: 1; color: var(--sub-black);}

.content_desc				{min-height:600px; padding-top: 7.5em;}

/* about, tech */
.sub-title{font-size: 2.25em; font-weight:700; line-height: 1;}
.sub-bg {display: flex; justify-content: center; align-items: center; height: 37.5em; text-align: center; color: #fff;}
.sub-bg__title {position: relative; padding-bottom: 1.1111em; margin-bottom: 1.1111em; font-size: 2.25em; font-weight: 700; line-height: 1;}
.sub-bg__title::after {content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 0.8rem; height: 1px; background-color: rgba(255,255,255,0.4);}
.sub-bg__subtitle {padding-bottom: 0.8333em; font-size: 1.5em; font-weight: 700; line-height: 1;}
.sub-bg__desc {font-size: 1.25em; line-height: 1.4;}


.system {padding-bottom: 10em;}
.system-cont {padding-bottom: 7.5em; color: var(--sub-black);}
.system-cont:last-child {padding-bottom: 0;}
.system-title {display: inline-block; width: calc(33.88% - 3.75em);}
.system-title__text {padding-bottom: 1.07143em; border-bottom: 2px solid var(--main-black); font-size: 1.75em; font-weight: 700; line-height: 1.4;}
.system-info {display: flex; flex-direction: column; gap: 3.75em; width: 66.12%; margin-left: auto; padding-top: 3.75em; border-top: 1px solid var(--strk);}
.system-subtitle {padding-bottom: 1.25em; font-size: 1.5em; font-weight: 700; line-height: 1;}
.system-bg-group {display: flex; flex-wrap: wrap; gap: 1.25em;}
.system-bg {flex: 1 auto;}
.system-bg__box {padding: 2.5em; background-color: var(--bg01); border-radius: 10px; text-align: center;}
.system-bg__list {display: flex; flex-wrap: wrap; justify-content: center;}
.system-bg__item--full {width: 100%; padding-bottom: 3.75em;}
.system-bg__item--full .system-bg__icon {width: 100%; aspect-ratio: auto;}
.system-bg__list:has(.system-bg__item:nth-child(2)) {justify-content: space-between;}
.system-bg__icon {display: inline-flex; justify-content: center; align-items: center; width: 9.375em; aspect-ratio: 1/1;}
.system-bg__title {padding-top: 1.111em; font-size: 1.125em; font-weight: 500; text-align: center;}

.system-icon .icon-list {}
.system-icon .icon-list__item {display: flex; padding-top: 1.25em;}
.system-icon .icon-list__icon {display: inline-flex; justify-content: center; align-items: center; width: 18.25%; aspect-ratio: 1/1; background-color: var(--bg02); border-radius: 10px 0 0 10px;}
.system-icon .icon-list__desc {display: inline-flex; align-items: center; flex: 1; padding: 1.875em; border-radius: 0 10px 10px 0; border: 4px solid var(--bg02);}
.system-icon .icon-list__detail {font-size: 1.125em; font-weight: 600;}
.system-icon .icon-list__item:first-child {padding-top: 0;}

.system-dot {padding: 2.5em; border-radius: 10px; background-color: var(--bg01);}
.system-dot__item {position: relative; padding-left: 1.5em; font-weight: 500; line-height: 1.4;}
.system-dot__item::before {content: ''; display: block; position: absolute; left: 0.7em; top: 0.55em; width: 3px; height: 3px; border-radius: 50%; background-color: var(--sub-black);}

.system-table table {line-height: 1.4;}
.system-table table th {padding: 1.25em; border-right: 1px solid #fff; background-color: var(--main-color); font-weight: 600; color: #fff;}
.system-table table th:last-child {border-right: 0;}
.system-table table td {padding: 1.25em; border-bottom: 1px solid var(--strk); background-color: var(--bg01); font-weight: 500;}
.system-table table .td--fff {background-color: #fff;}
@media (max-width:768px) {
  .system-title {width: 100%;}
  .system-info {width: 100%; border-top: 0;}
}

.ref-slider {}
.ref-slider .swiper-slide {position: relative; display: flex; align-items: flex-end; height: 25em; padding: 2.5em; z-index: 1;}
.ref-slider .swiper-slide::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(51, 51, 51, 0.00) 50%, rgba(51, 51, 51, 0.40) 100%); z-index: -1;}
.ref-slider .ref-title {font-size: 1.125em; font-weight: 500; color: #fff; line-height: 1;}
.ref-slider .swiper-button-next, .ref-slider .swiper-button-prev {width: 0.625em; height: 1.25em; margin-top: 0;}
.ref-slider .swiper-button-next {background: url('/img/slider_next.svg') no-repeat center / cover;}
.ref-slider .swiper-button-prev {background: url('/img/slider_prev.svg') no-repeat center / cover;}
.ref-slider .swiper-button-next:after, .ref-slider .swiper-button-prev:after {display: none;}

@media(max-width:1200px){
  .sub_left	{display:none;}
  .sub_tab	{display:none;}
  .sub_right					{width:100%; float:none;}

  .content-title__text {font-size:40px;}
}



@media(max-width:768px){
  .sub_tab						{display:none;}
  .content-title__text {font-size:34px;}
  .content_title{margin:0 0 40px}
  .content_desc{padding-top: 6.25em;}
}