@charset "UTF-8";
/*----------
	/solutions/industries/下層
----------*/
.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: 3.3rem;
	line-height: 1.3;
}
.un-pagetitle__title p {
	font-size: 1.6rem;
	color: #00A0E6;
}
.un-pagetitle__icon {
	width: 80px;
	height: 80px;
}
.un-pagetitle__icon i {
	display: block;
	width: 100%;
	height: 100%;
}
.un-pagetitle__icon .icon-transportation {
	background: url(/en/assets/img/solutions/industries/transportation/icon.png) no-repeat;
	background-size: contain;
}
.un-pagetitle__icon .icon-hospital {
	background: url(/en/assets/img/solutions/industries/hospital/icon.png) no-repeat;
	background-size: contain;
}
.un-pagetitle__icon .icon-hotel {
	background: url(/en/assets/img/solutions/industries/hotel/icon.png) no-repeat;
	background-size: contain;
}
.un-pagetitle__icon .icon-shopping-mall {
	background: url(/en/assets/img/solutions/industries/shopping-mall/icon.png) no-repeat;
	background-size: contain;
}
.un-pagetitle__icon .icon-office {
	background: url(/en/assets/img/solutions/industries/office/icon.png) no-repeat;
	background-size: contain;
}
.un-pagetitle__icon .icon-factory {
	background: url(/en/assets/img/solutions/industries/factory/icon.png) no-repeat;
	background-size: contain;
}
.un-pagetitle__content {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 20px;
	margin-bottom: 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__title p {
		font-size: 2rem;
	}
	.un-pagetitle__icon {
		width: 120px;
		height: 120px;
	}
	.un-pagetitle__image {
		flex: 0 1 calc(50% - 20px);
		width: calc(50% - 20px);
		overflow: hidden;
	}
	.un-pagetitle__content {
		flex: 1 0 calc(50% - 20px);
		gap: 0 30px;
	}
}

.un-introduction {
	display: block;
	margin-top: 50px;
}
.un-introduction__video {
	flex: 0 0 800px;
}
.un-introduction__brochure {
	flex: 0 0 300px;
}
@media (max-width: 767px) {
	.un-introduction__brochure {
		margin-top: 40px;
	}
}
@media (min-width: 768px), print {
	.un-introduction {
		display: flex;
		align-items: center;
		gap: 0 100px;
		margin-top: 80px;
	}
}

.un-brochure {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.un-brochure img {
	max-width: 38.8059701493%;
}
@media (min-width: 768px), print {
	.un-brochure img {
		max-width: 260px;
	}
}

/*----------
	un-imgpanel
----------*/
.un-imgpanel {
	position: relative;
}
.un-imgpanel__button {
	/* box-sizing: border-box; */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
}
.un-imgpanel__button a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 2.25em;
	height: 2.25em;
	padding: 0.75em;
	border-radius: 50%;
	background-color: #019fe6;
	border: 2px solid #b8dfef;
	line-height: 1;
}
@media (max-width: 767px) {
	.un-imgpanel__button a .btn-num {
		font-weight: bold;
		font-size: 15px;
		line-height: 1;
		color: #fff;
	}
	.un-imgpanel__button a .btn-txt {
		display: none;
	}
}
@media (min-width: 768px), print {
	.un-imgpanel__button a {
		transition: all 0.3s;
		border-radius: 30px;
		padding: 5px 5px 5px 20px;
		width: 100%;
		height: 100%;
		color: #fff;
		font-weight: bold;
		line-height: 1;
		font-size: 1.5rem;
		border-width: 3px;
	}
	.un-imgpanel__button a .btn-num {
		font-family: var(--font-din);
		font-size: 1.8rem;
		margin-top: 3px;
		margin-right: 10px;
	}
	.un-imgpanel__button a .btn-txt {
		position: relative;
		white-space: nowrap;
		padding-right: 30px;
	}
	.un-imgpanel__button a .btn-txt::after {
		position: absolute;
		top: -3px;
		right: 0;
		width: 20px;
		height: 20px;
		content: "";
		background: url(/en/assets/img/common/icon_arrow2_white_b.svg) no-repeat center center/contain;
	}
	.un-imgpanel__button a:hover {
		background-color: var(--color-border);
	}
}

@media (max-width: 767px) {
	.hospital .un-imgpanel__button.box-panel01 {
		top: 77.75%;
		left: 19.5%;
	}
	.hospital .un-imgpanel__button.box-panel02 {
		left: 71%;
		top: 17.75%;
	}
	.hospital .un-imgpanel__button.box-panel03 {
		left: 52%;
		top: 42%;
	}
	.hospital .un-imgpanel__button.box-panel04 {
		left: 40%;
		top: 41%;
	}
}
@media (min-width: 768px), print {
	.hospital .un-imgpanel__button.box-panel01 {
		left: 180px;
		top: 470px;
	}
	.hospital .un-imgpanel__button.box-panel02 {
		left: 960px;
		top: 118px;
	}
	.hospital .un-imgpanel__button.box-panel03 {
		left: 983px;
		top: 474px;
	}
	.hospital .un-imgpanel__button.box-panel04 {
		left: 259px;
		top: 157px;
	}
}

@media (max-width: 767px) {
	.transportation .un-imgpanel__button.box-panel01 {
		top: 50.75%;
		left: 33.5%;
	}
	.transportation .un-imgpanel__button.box-panel02 {
		left: 44%;
		top: 50.75%;
	}
	.transportation .un-imgpanel__button.box-panel03 {
		left: 45%;
		top: 19%;
	}
	.transportation .un-imgpanel__button.box-panel04 {
		left: 65%;
		top: 67%;
	}
	.transportation .un-imgpanel__button.box-panel05 {
		left: 52%;
		top: 61%;
	}
}
@media (min-width: 768px), print {
	.transportation .un-imgpanel__button.box-panel01 {
		left: 143px;
		top: 246px;
	}
	.transportation .un-imgpanel__button.box-panel02 {
		left: 164px;
		top: 545px;
	}
	.transportation .un-imgpanel__button.box-panel03 {
		left: 294px;
		top: 109px;
	}
	.transportation .un-imgpanel__button.box-panel04 {
		left: 997px;
		top: 611px;
	}
	.transportation .un-imgpanel__button.box-panel05 {
		left: 1012px;
		top: 429px;
	}
}

@media (max-width: 767px) {
	.shopping-mall .un-imgpanel__button.box-panel01 {
		top: 76.75%;
		left: 90.5%;
	}
	.shopping-mall .un-imgpanel__button.box-panel02 {
		left: 30%;
		top: 9.75%;
	}
	.shopping-mall .un-imgpanel__button.box-panel03 {
		left: 7.5%;
		top: 79%;
	}
	.shopping-mall .un-imgpanel__button.box-panel04 {
		left: 17%;
		top: 45%;
	}
	.shopping-mall .un-imgpanel__button.box-panel05 {
		left: 29%;
		top: 38%;
	}
}
@media (min-width: 768px), print {
	.shopping-mall .un-imgpanel__button.box-panel01 {
		left: 1090px;
		top: 524px;
	}
	.shopping-mall .un-imgpanel__button.box-panel02 {
		left: 1000px;
		top: 115px;
	}
	.shopping-mall .un-imgpanel__button.box-panel03 {
		left: 194px;
		top: 540px;
	}
	.shopping-mall .un-imgpanel__button.box-panel04 {
		left: 136px;
		top: 403px;
	}
	.shopping-mall .un-imgpanel__button.box-panel05 {
		left: 204px;
		top: 188px;
	}
}

@media (max-width: 767px) {
	.office .un-imgpanel__button.box-panel01 {
		top: 87.75%;
		left: 13.5%;
	}
	.office .un-imgpanel__button.box-panel02 {
		left: 19%;
		top: 69.75%;
	}
	.office .un-imgpanel__button.box-panel03 {
		left: 88%;
		top: 12%;
	}
	.office .un-imgpanel__button.box-panel04 {
		left: 48%;
		top: 40%;
	}
}
@media (min-width: 768px), print {
	.office .un-imgpanel__button.box-panel01 {
		left: 181px;
		top: 507px;
	}
	.office .un-imgpanel__button.box-panel02 {
		left: 231px;
		top: 172px;
	}
	.office .un-imgpanel__button.box-panel03 {
		left: 1040px;
		top: 92px;
	}
	.office .un-imgpanel__button.box-panel04 {
		left: 1059px;
		top: 418px;
	}
}

@media (max-width: 767px) {
	.factory .un-imgpanel__button.box-panel01 {
		top: 35.75%;
		left: 75.5%;
	}
	.factory .un-imgpanel__button.box-panel02 {
		left: 43%;
		top: 51.75%;
	}
	.factory .un-imgpanel__button.box-panel03 {
		left: 22%;
		top: 55%;
	}
	.factory .un-imgpanel__button.box-panel04 {
		left: 8%;
		top: 40%;
	}
}
@media (min-width: 768px), print {
	.factory .un-imgpanel__button.box-panel01 {
		left: 1039px;
		top: 504px;
	}
	.factory .un-imgpanel__button.box-panel02 {
		left: 1064px;
		top: 54px;
	}
	.factory .un-imgpanel__button.box-panel03 {
		left: 145px;
		top: 492px;
	}
	.factory .un-imgpanel__button.box-panel04 {
		left: 163px;
		top: 170px;
	}
}

@media (max-width: 767px) {
	.hotel .un-imgpanel__button.box-panel01 {
		top: 84.75%;
		left: 42.5%;
	}
	.hotel .un-imgpanel__button.box-panel02 {
		left: 84%;
		top: 47.75%;
	}
	.hotel .un-imgpanel__button.box-panel03 {
		left: 78%;
		top: 6%;
	}
	.hotel .un-imgpanel__button.box-panel04 {
		left: 47%;
		top: 40%;
	}
	.hotel .un-imgpanel__button.box-panel05 {
		left: 85%;
		top: 29%;
	}
	.hotel .un-imgpanel__button.box-panel06 {
		left: 20%;
		top: 63%;
	}
	.hotel .un-imgpanel__button.box-panel07 {
		left: 55%;
		top: 14%;
	}
}
@media (min-width: 768px), print {
	.hotel .un-imgpanel__button.box-panel01 {
		left: 841px;
		top: 629px;
	}
	.hotel .un-imgpanel__button.box-panel02 {
		left: 1000px;
		top: 505px;
	}
	.hotel .un-imgpanel__button.box-panel03 {
		left: 994px;
		top: 68px;
	}
	.hotel .un-imgpanel__button.box-panel04 {
		left: 336px;
		top: 141px;
	}
	.hotel .un-imgpanel__button.box-panel05 {
		left: 1047px;
		top: 191px;
	}
	.hotel .un-imgpanel__button.box-panel06 {
		left: 187px;
		top: 580px;
	}
	.hotel .un-imgpanel__button.box-panel07 {
		left: 523px;
		top: 28px;
	}
}

/*----------
	un-accordion
----------*/
.un-accordion-wrap {
	counter-reset: number 0;
}
.un-accordion-wrap .un-accordion {
	border-top: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
}
.un-accordion-wrap .un-accordion + .un-accordion {
	border-top: none;
}
.un-accordion-wrap .un-accordion:first-of-type {
	margin-top: 30px;
}
.un-accordion-wrap .un-accordion:not(.is-disabled) .un-accordion__item--parent {
	cursor: pointer;
}
.un-accordion-wrap .un-accordion:not(.is-disabled) .un-accordion__item--parent::after {
	visibility: visible;
}
.un-accordion-wrap .un-accordion:not(.is-disabled) .un-accordion__item--child {
	margin: 0;
	height: 0;
	position: relative;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s linear;
}
.un-accordion-wrap .un-accordion__item {
	position: relative;
}
.un-accordion-wrap .un-accordion__item-inner {
	position: relative;
	font-size: 1.5rem;
	line-height: var(--line-height-m);
	padding: 30px 0;
	display: flex;
	align-items: center;
	gap: 0 15px;
}
.un-accordion-wrap .un-accordion__item-inner::after {
	content: "\ea0e";
	font-family: iconfont !important;
	speak: never;
	font-style: normal !important;
	font-variant: normal !important;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid var(--color-txt);
	border-radius: 50%;
}
.un-accordion-wrap .un-accordion__item-inner--parent::before {
	background-color: var(--color-main);
	color: var(--color-white);
}
.un-accordion-wrap .un-accordion__item-inner--parent p {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1;
	line-height: 25px;
}
.un-accordion-wrap .un-accordion__item-inner--parent p::before {
	counter-increment: number 1;
	content: counter(number) "";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background-color: var(--color-key);
	border-radius: 50%;
	color: #fff;
	line-height: 1;
	font-size: 1.8rem;
	margin-right: 15px;
}
.un-accordion-wrap .un-accordion__item-inner--parent p a {
	color: var(--color-main);
	text-decoration: underline;
}
.un-accordion-wrap .un-accordion__item-inner--child {
	min-height: 104px;
	padding: 0 20px;
}
.un-accordion-wrap .un-accordion__item-inner--child::before {
	background-color: var(--color-txt);
	color: var(--color-white);
}
.un-accordion-wrap .un-accordion__item-inner--child::after {
	display: none;
}
@media (min-width: 768px), print {
	.un-accordion-wrap .un-accordion__item-inner--parent p::before {
		width: 60px;
		height: 60px;
		font-size: 2.4rem;
		margin-right: 40px;
	}
}
.un-accordion-wrap .un-accordion.is-active:not(.is-disabled) {
	padding-bottom: 30px;
}
.un-accordion-wrap .un-accordion.is-active:not(.is-disabled) .un-accordion__item-inner::after {
	content: "\ea0c";
}
.un-accordion-wrap .un-accordion.is-active:not(.is-disabled) .un-accordion__item--child {
	height: auto;
	opacity: 1;
	pointer-events: all;
}
.un-accordion-wrap .un-accordion.is-active:not(.is-disabled) .un-accordion__item--child:not(:first-of-type) {
	margin-top: 10px;
}
@media (min-width: 768px), print {
	.un-accordion-wrap .un-accordion.is-active:not(.is-disabled) {
		padding-bottom: 40px;
	}
}
@media (min-width: 768px), print {
	.un-accordion-wrap .un-accordion:first-of-type {
		margin-top: 120px;
	}
	.un-accordion-wrap .un-accordion__item-inner {
		padding: 31px 40px;
		gap: 0 40px;
	}
	.un-accordion-wrap .un-accordion__item-inner::before {
		font-size: 2.4rem;
		width: 60px;
		height: 60px;
		font-weight: 400;
	}
	.un-accordion-wrap .un-accordion__item-inner::after {
		font-size: 2.4rem;
		width: 60px;
		height: 60px;
	}
	.un-accordion-wrap .un-accordion__item-inner--child {
		padding: 40px;
	}
	.un-accordion-wrap .un-accordion__item-inner--parent {
		font-size: 1.6rem;
	}
}

.un-imagelink__image {
	margin-bottom: 30px;
}
.un-imagelink__items {
	border-top: 1px solid var(--color-border);
}
.un-imagelink__items li {
	border-bottom: 1px solid var(--color-border);
}
.un-imagelink__items li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 67px;
	padding: 20px;
	font-size: 1.5rem;
	line-height: 1;
	color: #1F79B9;
}
@media (min-width: 768px), print {
	.un-imagelink {
		display: flex;
		gap: 40px;
	}
	.un-imagelink__image {
		flex: 0 0 450px;
	}
	.un-imagelink__items {
		flex: 1 0 auto;
		width: 100%;
	}
	.un-imagelink__items li a {
		position: relative;
		height: 78px;
		padding: 30px 20px;
	}
	.un-imagelink__items li a::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		content: "";
		background: var(--color-bg);
		transition: all 0.3s;
		z-index: -1;
	}
	.un-imagelink__items li a:hover::before {
		width: 100%;
	}
}

/*----------
	local-nav
----------*/
.local-nav {
	border-top: solid 1px #DCDCDC;
}
.local-nav__item {
	border-bottom: solid 1px #DCDCDC;
}
.local-nav__link {
	display: flex;
	align-items: center;
	width: 100%;
	height: 80px;
	font-size: 1.8rem;
	line-height: 1;
	color: #666;
}
.local-nav__linkinner {
	width: 100%;
	padding: 0 20px 0 70px;
	position: relative;
}
.local-nav__linkinner::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 60px;
	height: 60px;
	content: "";
}
.local-nav__linkinner--01::before {
	background: url(/en/assets/img/solutions/icon_industries_01.svg) no-repeat center center/contain;
}
.local-nav__linkinner--02::before {
	background: url(/en/assets/img/solutions/icon_industries_02.svg) no-repeat center center/contain;
}
.local-nav__linkinner--03::before {
	background: url(/en/assets/img/solutions/icon_industries_03.svg) no-repeat center center/contain;
}
.local-nav__linkinner--04::before {
	background: url(/en/assets/img/solutions/icon_industries_04.svg) no-repeat center center/contain;
}
.local-nav__linkinner--05::before {
	background: url(/en/assets/img/solutions/icon_industries_05.svg) no-repeat center center/contain;
}
.local-nav__linkinner--06::before {
	background: url(/en/assets/img/solutions/icon_industries_06.svg) no-repeat center center/contain;
}
.local-nav__icon {
	position: absolute;
	display: inline-block;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
	width: 15px;
	height: 15px;
}
.local-nav__icon::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	content: "";
	background: url(/en/assets/img/common/icon_arrow.svg) no-repeat center center/contain;
}
@media (min-width: 768px), print {
	.local-nav {
		display: grid;
		gap: 40px;
		grid-template-columns: repeat(3, 1fr);
		border-top: none;
	}
	.local-nav__item {
		border-top: solid 1px #DCDCDC;
		border-bottom: solid 1px #DCDCDC;
	}
	.local-nav__link {
		height: 100px;
		font-size: 2.6rem;
		position: relative;
	}
	.local-nav__link::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		content: "";
		background: var(--color-bg);
		transition: all 0.3s;
	}
	.local-nav__link:hover::before {
		width: 100%;
	}
	.local-nav__link:hover .un-button__icon {
		right: 10px;
	}
	.local-nav__linkinner {
		padding: 0 50px 0 100px;
	}
	.local-nav__linkinner::before {
		left: 20px;
	}
	.local-nav__icon {
		width: 25px;
		height: 25px;
		transition: all 0.3s;
	}
	.local-nav__icon::before {
		position: absolute;
		width: 25px;
		height: 25px;
	}
}
/*# sourceMappingURL=style.css.map */