@charset "UTF-8";
/*----------
	/solutions/products/下層
----------*/
.un-structure {
	display: flex;
	flex-direction: column-reverse;
	gap: 90px 60px;
	margin-bottom: 100px;
}
.un-structure__main {
	flex: 1;
}
.un-structure__category {
	margin-top: 20px;
}
.un-structure__category + .un-structure__category {
	margin-top: 30px;
}
.un-structure__title {
	margin-bottom: 20px;
}
@media (min-width: 768px), print {
	.un-structure {
		flex-direction: row;
		margin-bottom: 0;
	}
	.un-structure__main {
		flex: 1;
		margin-bottom: 150px;
	}
	.un-structure__side {
		width: 23.1666666667%;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
	}
	.un-structure__category + .un-structure__category {
		margin-top: 50px;
	}
}

.un-sidenav__title {
	border-top: 1px solid var(--color-border);
	line-height: 1.2;
}
.un-sidenav__title > a {
	display: block;
	color: inherit;
	padding: 22px 20px;
}
.un-sidenav__title > span,
.un-sidenav__title > a > span {
	display: block;
}
.un-sidenav__title.is-active {
	background-color: #00A0E6;
	color: #fff;
}
.un-sidenav__item {
	line-height: 1.2;
}
.un-sidenav__item > a {
	display: block;
	color: inherit;
	padding: 18px 20px;
}
.un-sidenav__item > span,
.un-sidenav__item > a > span {
	display: block;
}
.un-sidenav__item.is-active {
	background-color: #00A0E6;
	color: #fff;
}
@media (max-width: 767px) {
	.un-sidenav__items {
		display: flex;
		flex-wrap: wrap;
		margin-top: 1px;
		margin-left: 1px;
	}
	.un-sidenav__item {
		flex: 0 0 50%;
		border: 1px solid var(--color-border);
		margin-top: -1px;
		margin-left: -1px;
	}
}
@media (min-width: 768px), print {
	.un-sidenav {
		border-left: 1px solid var(--color-border);
		border-right: 1px solid var(--color-border);
	}
	.un-sidenav__items {
		border-top: 1px solid var(--color-border);
		border-bottom: 1px solid var(--color-border);
	}
	.un-sidenav__item > a {
		padding: 22px 20px;
	}
	.un-sidenav__item:not(:last-child) {
		border-bottom: 1px solid var(--color-border);
	}
	.un-sidenav__title:not(.is-active) > a,
	.un-sidenav__title:not(.is-active) > a > span, .un-sidenav__item:not(.is-active) > a,
	.un-sidenav__item:not(.is-active) > a > span {
		transition: color 0.2s;
	}
	.un-sidenav__title:not(.is-active) > a:hover,
	.un-sidenav__title:not(.is-active) > a > span:hover, .un-sidenav__item:not(.is-active) > a:hover,
	.un-sidenav__item:not(.is-active) > a > span:hover {
		color: #00A0E6;
	}
}

.un-products-title {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 80px;
	margin-bottom: 30px;
}
.un-products-title__text {
	font-family: var(--font-din);
	font-size: 3.6rem;
	line-height: 1.1;
}
.un-products-title__figure {
	margin-top: 10px;
}
@media (max-width: 767px) {
	.un-products-title__figure {
		margin-bottom: -30px;
	}
}
@media (min-width: 768px), print {
	.un-products-title {
		flex-direction: row;
		align-items: center;
		margin-top: 120px;
		margin-bottom: 40px;
	}
	.un-products-title__text {
		font-size: 5rem;
	}
	.un-products-title__figure {
		flex: 0 1 36.5217391304%;
		margin-top: 0;
		margin-bottom: -40px;
	}
}

.un-pagetitle {
	position: relative;
	padding-top: 60px;
}
.un-pagetitle::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100vw;
	height: 100%;
	content: "";
	background: #fff;
	border-bottom: solid 1px #DDDDDD;
	z-index: -1;
}
.un-pagetitle__inner {
	position: relative;
	padding-bottom: 30px;
}
.un-pagetitle__inner::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 3px;
	content: "";
	background: #00A0E6;
}
.un-pagetitle__title {
	font-family: var(--font-din);
	font-size: 4rem;
	line-height: 1.3;
}
.un-pagetitle__text {
	font-size: 1.5rem;
}
.un-pagetitle__icons {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.un-pagetitle .un-pagetitle__title + .un-pagetitle__text {
	margin-top: 20px;
}
.un-pagetitle .l-breadcrumb {
	position: absolute;
	top: 0;
	right: 0;
}
@media (max-width: 767px) {
	.un-pagetitle__image {
		margin-top: 30px;
	}
}
@media (min-width: 768px), print {
	.un-pagetitle {
		padding-top: 80px;
	}
	.un-pagetitle__inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 0 40px;
		padding-bottom: 80px;
	}
	.un-pagetitle__inner::before {
		width: 110px;
		height: 5px;
	}
	.un-pagetitle__title {
		font-size: 6.4rem;
	}
	.un-pagetitle__icons {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.un-pagetitle__image {
		flex: 0 0 calc(50% - 20px);
		width: calc(50% - 20px);
		overflow: hidden;
	}
	.un-pagetitle__text {
		font-size: 1.6rem;
	}
	.un-pagetitle__content {
		flex: 1 0 calc(50% - 20px);
	}
	.un-pagetitle .un-pagetitle__title + .un-pagetitle__text {
		margin-top: 40px;
	}
}

.products .l-title03 {
	margin-top: 60px;
}
@media (min-width: 768px), print {
	.products .l-title03 {
		margin-top: 80px;
	}
}

@media (min-width: 768px), print {
	.products #summary .l-title03 {
		margin-top: 20px;
	}
}

.un-pagetitle-v2 {
	position: relative;
}
.un-pagetitle-v2__inner {
	position: relative;
	padding-bottom: 30px;
}
.un-pagetitle-v2__title {
	font-family: var(--font-din);
	font-size: 4rem;
	line-height: 1.3;
}
.un-pagetitle-v2__text {
	font-size: 1.5rem;
}
.un-pagetitle-v2__icons {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.un-pagetitle-v2 .un-pagetitle-v2__title + .un-pagetitle-v2__text {
	margin-top: 20px;
}
.un-pagetitle-v2 .l-breadcrumb {
	position: absolute;
	top: 0;
	right: 0;
}
@media (min-width: 768px), print {
	.un-pagetitle-v2 {
		padding-top: 0;
	}
	.un-pagetitle-v2__inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 0 40px;
		padding-bottom: 0;
	}
	.un-pagetitle-v2__inner::before {
		width: 110px;
		height: 5px;
	}
	.un-pagetitle-v2__title {
		font-size: 6.4rem;
	}
	.un-pagetitle-v2__icons {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.un-pagetitle-v2__text {
		font-size: 1.6rem;
	}
	.un-pagetitle-v2__content {
		flex: 1 0 calc(50% - 20px);
	}
	.un-pagetitle-v2 .un-pagetitle-v2__title + .un-pagetitle-v2__text {
		margin-top: 40px;
	}
}

.un-productslist__list {
	border-top: solid 1px #DCDCDC;
}
.un-productslist__item {
	border-bottom: solid 1px #DCDCDC;
}
.un-productslist__link {
	display: block;
	padding: 16px 40px 25px 20px;
	position: relative;
	color: #666;
}
.un-productslist__title {
	display: inline-block;
	font-weight: bold;
	color: #1F79B9;
}
.un-productslist__text {
	margin-top: 6px;
}
.un-productslist__blank {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
	width: 20px;
	height: 20px;
}
.un-productslist__blank::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "";
	background: url(/en/assets/img/common/icon_blank.svg) no-repeat center center/contain;
}
.un-productslist__icon {
	display: inline-block;
	margin-top: 20px;
}
.un-productslist__icon img {
	object-fit: contain;
}
.un-productslist__icon img.natrus-net {
	width: 102px;
}
.un-productslist__icon img.natrus {
	width: 77px;
}
.un-productslist__icon img.net {
	width: 60px;
}
@media (min-width: 768px), print {
	.un-productslist__link {
		display: flex;
		align-items: center;
		gap: 0 35px;
		padding: 30px 20px;
	}
	.un-productslist__link::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		content: "";
		background: #F2F3F7;
		z-index: -1;
		transition: all 0.3s;
	}
	.un-productslist__link:hover::before {
		width: 100%;
	}
	.un-productslist__title {
		flex: 0 0 25%;
	}
	.un-productslist__text {
		flex: 0 0 50%;
		margin-top: 4px;
	}
	.un-productslist__icon {
		flex: 0 0 105px;
		text-align: center;
		margin: 0 auto;
	}
}

.un-imageset__title {
	font-family: var(--font-din);
	font-size: 2rem;
	line-height: 1.5;
}
.un-imageset__text {
	font-size: 1.5rem;
}
.un-imageset__button {
	margin: 20px auto 0;
}
.un-imageset__image .into-movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.un-imageset__image .into-movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.un-imageset .un-imageset__title + .un-imageset__text {
	margin-top: 20px;
}
.un-imageset .un-imageset__button + .un-imageset__button {
	margin-top: 20px;
}
@media (max-width: 767px) {
	.un-imageset__image {
		margin-bottom: 30px;
	}
	.un-imageset__button > a {
		width: 100% !important;
		max-width: initial;
	}
}
.un-imageset + .un-imageset {
	margin-top: 40px;
}
@media (min-width: 768px), print {
	.un-imageset .un-imageset__button + .un-imageset__button {
		margin-top: 40px;
	}
	.un-imageset__inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.un-imageset__title {
		font-size: 2.4rem;
	}
	.un-imageset__image {
		flex: 0 0 calc(34.667% - 16px);
		width: calc(34.667% - 16px);
		margin-right: 40px;
	}
	.un-imageset__text {
		font-size: 1.6rem;
	}
	.un-imageset__content {
		flex: 1 0 calc(50% - 20px);
	}
	.un-imageset .un-imageset__title + .un-imageset__text {
		margin-top: 20px;
	}
}

.un-prodact-detail {
	display: flex;
	flex-direction: column;
	margin-top: 25px;
}
.un-prodact-detail__item02 {
	width: 100%;
	overflow: hidden;
}
@media (min-width: 768px), print {
	.un-prodact-detail {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: auto;
		gap: 0 40px;
		margin-top: 50px;
		align-items: start;
	}
	.un-prodact-detail__item01 {
		grid-area: 1/1/2/2;
	}
	.un-prodact-detail__item02 {
		grid-area: 1/2/4/3;
	}
	.un-prodact-detail__item03 {
		grid-area: 3/1/4/2;
	}
	.un-prodact-detail__item04 {
		grid-area: 4/1/5/3;
	}
	.un-prodact-detail__item05 {
		grid-area: 2/1/3/2;
	}
}
.un-prodact-detail .un-slide {
	position: relative;
	padding: 50px 0 0 0;
}
.un-prodact-detail .un-slide__link {
	display: block;
}
.un-prodact-detail .un-slide__icon {
	display: block;
	margin-top: 10px;
	width: 20px;
	height: 20px;
	position: relative;
}
.un-prodact-detail .un-slide__icon::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "";
	background: url(/en/assets/img/common/icon_arrow.svg) no-repeat center center/contain;
}
.un-prodact-detail .un-slide__title {
	font-family: var(--font-din);
	font-size: 1.8rem;
	margin-bottom: 20px;
	line-height: 1.2;
}
.un-prodact-detail .un-slide__pagination {
	width: 66.8656716418%;
	top: 0 !important;
	right: initial !important;
	bottom: initial !important;
	left: 0 !important;
	display: inline;
}
.un-prodact-detail .un-slide .swiper-button-prev {
	top: 0 !important;
	left: initial !important;
	bottom: initial !important;
	right: 38px !important;
	width: 30px !important;
	height: 30px !important;
	border: solid 1px #1F79B9;
	border-radius: 50%;
	margin-top: 0;
}
.un-prodact-detail .un-slide .swiper-button-prev::after {
	font-size: 14px;
	color: #1F79B9;
}
.un-prodact-detail .un-slide .swiper-button-next {
	top: 0 !important;
	left: initial !important;
	bottom: initial !important;
	right: 0 !important;
	width: 30px !important;
	height: 30px !important;
	border: solid 1px #1F79B9;
	border-radius: 50%;
	margin-top: 0;
}
.un-prodact-detail .un-slide .swiper-button-next::after {
	font-size: 14px;
	color: #1F79B9;
}
.un-prodact-detail .un-slide .swiper-pagination {
	text-align: left;
}
.un-prodact-detail .un-slide .swiper-pagination-bullet {
	width: 100%;
	max-width: calc(25% - 8px);
	height: 4px;
	background: var(--color-border);
	border-radius: 0;
	opacity: 1;
}
.un-prodact-detail .un-slide .swiper-pagination-bullet:not(:first-child) {
	margin-left: 8px;
}
.un-prodact-detail .un-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--color-key);
}
.un-prodact-detail .un-slide .swiper-pagination-bullet:nth-of-type(5) {
	margin-left: 0 !important;
}
.un-prodact-detail .un-slide__content {
	position: relative;
}
.un-prodact-detail .un-slide__content .video {
	position: relative;
	padding-top: 56.25%;
}
.un-prodact-detail .un-slide__content .video > iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (min-width: 768px), print {
	.un-prodact-detail .un-slide {
		position: relative;
		padding: 70px 0 0 0;
	}
	.un-prodact-detail .un-slide__title {
		font-size: 2.4rem;
	}
	.un-prodact-detail .un-slide__pagination {
		width: 72.8571428571%;
	}
	.un-prodact-detail .un-slide .swiper-button-prev {
		right: 60px !important;
		width: 50px !important;
		height: 50px !important;
		border: solid 1px #1F79B9;
		border-radius: 50%;
	}
	.un-prodact-detail .un-slide .swiper-button-prev::after {
		font-size: 20px;
		color: #1F79B9;
	}
	.un-prodact-detail .un-slide .swiper-button-next {
		width: 50px !important;
		height: 50px !important;
		border: solid 1px #1F79B9;
		border-radius: 50%;
	}
	.un-prodact-detail .un-slide .swiper-button-next::after {
		font-size: 20px;
		color: #1F79B9;
	}
	.un-prodact-detail .un-slide .swiper-pagination-bullet {
		width: calc(25% - 10px);
	}
	.un-prodact-detail .un-slide .swiper-pagination-bullet:not(:first-child) {
		margin-left: 10px;
	}
}
.un-prodact-detail .un-anchor {
	width: 100%;
	max-width: 400px;
	margin-top: 30px;
}
.un-prodact-detail .un-anchor__items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
}
.un-prodact-detail .un-anchor__items .c-icontext + .c-icontext {
	margin-top: 0;
}
@media (min-width: 768px), print {
	.un-prodact-detail .un-anchor {
		margin-top: 20px;
	}
}
.un-prodact-detail .un-button {
	position: relative;
	margin-top: 60px;
}
.un-prodact-detail .un-button .c-button + .c-button {
	margin-top: 20px;
}
@media (min-width: 768px), print {
	.un-prodact-detail .un-button {
		margin-top: 20px;
	}
	.un-prodact-detail .un-button .c-button__link {
		max-width: 400px;
	}
}

.box-table-spec {
	position: relative;
}

.box-table-spec .table-dec-line {
	position: absolute;
	left: 212px;
	top: -1px;
	bottom: -1px;
	width: 16px;
	background-color: #ffffff;
}

.table-spec {
	width: 100%;
}

.table-spec th, .table-spec td {
	border-top: solid 1px #5f6469;
	border-bottom: solid 1px #dfe0e1;
}

.table-spec th {
	width: 192px;
	padding: 0 26px 0 10px;
	font-size: 12px;
}

.table-spec .inner-table {
	width: 498px;
}

.table-spec .inner-table tr td {
	padding: 14px 10px 11px;
	border-top: none;
	border-left: solid 1px #bfc1c3;
	border-bottom: none;
	text-align: center;
	box-sizing: border-box;
	word-break: break-all;
}

.table-spec .inner-table tr td:first-child {
	border-left: none;
}

.table-spec .spec-product-name > span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
}

.un-table__list {
	border: 1px solid var(--color-border);
	border-bottom: none;
}
.un-table dl {
	display: flex;
}
.un-table dt,
.un-table dd {
	padding: 25px 15px;
	border-bottom: 1px solid var(--color-border);
}
.un-table dt {
	flex: 0 0 200px;
	width: 200px;
	line-height: var(--line-height-m);
}
.un-table dd {
	width: 100%;
	border-left: 1px solid var(--color-border);
}
.un-table dd i {
	display: inline-block;
	width: 77px;
	margin-left: 10px;
}
.un-table dd i:has(.net) {
	width: 60px;
	vertical-align: bottom;
	transform: translateY(2px);
}
.un-table dd i:has(.natrus-net) {
	width: 102px;
	vertical-align: bottom;
	transform: translateY(2px);
}
.un-table-scaling {
	display: none;
}
@media (min-width: 768px), print {
	.un-table dt {
		flex: 0 0 33.359375%;
		width: 33.359375%;
	}
	.un-table dd {
		text-align: center;
	}
}
@media (max-width: 767px) {
	.un-table {
		position: relative;
	}
	.un-table-scaling {
		display: inline-block;
		background-color: var(--color-bg);
		border-radius: 14px;
		padding: 5px 13px;
		height: 28px;
		line-height: 1;
		margin-bottom: 20px;
	}
	.un-table-scaling__text {
		font-size: 1.2rem;
	}
	.un-table-scaling::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-right: 10px;
		background: url(/en/assets/img/common/icon_swipe.svg) no-repeat;
	}
	.un-table__inner {
		overflow: auto;
		margin-right: -5.3333333333%;
		padding-bottom: 8px;
	}
	.un-table__inner::-webkit-scrollbar {
		width: 132px;
		height: 4px;
	}
	.un-table__inner::-webkit-scrollbar-thumb {
		background: #666;
		border-radius: 30px;
	}
	.un-table__body {
		width: 768px;
		padding-bottom: 8px;
	}
}

.un-products-nav {
	margin-bottom: 100px;
}
.un-products-nav__items + .un-products-nav__items {
	margin-top: 30px;
}
@media (min-width: 768px), print {
	.un-products-nav {
		margin-bottom: 112px;
	}
	.un-products-nav__title {
		font-size: 2rem;
	}
}

.un-catnav {
	margin-top: 20px;
}
.un-catnav__items {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 1px;
	border-left: #CCC solid 1px;
}
.un-catnav__item {
	border: none;
	border-top: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	margin-top: -1px;
	line-height: 1.2;
}
.un-catnav__item > a {
	display: block;
	color: inherit;
	padding: 18px 20px;
}
.un-catnav__item > span,
.un-catnav__item > a > span {
	display: block;
}
.un-catnav__item.is-active {
	background-color: #00A0E6;
	color: #fff;
}
@media (min-width: 768px), print {
	.un-catnav__items {
		grid-template-columns: repeat(4, 1fr);
	}
	.un-catnav__item > a {
		padding: 22px 20px;
	}
	.un-catnav__title:not(.is-active) > a,
	.un-catnav__title:not(.is-active) > a > span, .un-catnav__item:not(.is-active) > a,
	.un-catnav__item:not(.is-active) > a > span {
		transition: color 0.2s;
	}
	.un-catnav__title:not(.is-active) > a:hover,
	.un-catnav__title:not(.is-active) > a > span:hover, .un-catnav__item:not(.is-active) > a:hover,
	.un-catnav__item:not(.is-active) > a > span:hover {
		color: #00A0E6;
	}
}

.un-structure__side .un-products-nav__title {
	margin-top: 20px;
	font-size: 1.5rem;
}
@media (min-width: 768px), print {
	.un-structure__side .un-products-nav__title {
		font-size: 1.6rem;
	}
	.un-structure__side .un-products-nav__items + .un-products-nav__items {
		margin-top: 50px;
	}
}
.un-structure__side .un-catnav {
	margin-top: 20px;
}
@media (min-width: 768px), print {
	.un-structure__side .un-catnav__items {
		display: block;
	}
}
/*# sourceMappingURL=style.css.map */