@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&display=swap');


@font-face {
	font-family: "axis";
	font-weight: 400;
	src: url("/jp/products/ledlighting/ledshighlight-llm1546a/fonts/axisstd-regular.otf") format("opentype"), local(Arial);
}

@font-face {
	font-family: "axis";
	font-weight: 700;
	src: url("/jp/products/ledlighting/ledshighlight-llm1546a/fonts/axisstd-bold.otf") format("opentype"), local(Arial);
}

@media (max-width: 768px) {
	.forPc {
		display: none !important;
	}
}

@media (min-width: 769px) {
	.forSp {
		display: none !important;
	}
}

@media (max-width: 768px) {
	* {
		-webkit-text-size-adjust: none;
	}
}

.card_txt {
	font-size: 1.25vw;
	font-size: 1.125rem;
}

@media (max-width: 768px) {
	.card_txt {
		font-size: 3.6vw;
		font-size: 0.900rem;
	}
}

.siteLogo_icon {
	display: inline-block;
	margin-left: 6px;
	width: 11px;
}

#top *,
#top *:before,
#top *:after {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}



a {
	font-size: inherit;
}

img[src$=".svg"] {
	width: 100%;
}

body {
	color: #111;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.000rem;
	font-weight: 400;
}

main {
	background: #2b2b2b;
	display: block;
	overflow-x: hidden;
}

.inner-common {
	margin: auto;
	width: 83.3%;
}

@media (max-width: 768px) {
	.inner-common {
		width: 90%;
	}
}

.inner-common-s {
	margin: auto;
	width: 78.7%;
}

@media (max-width: 768px) {
	.inner-common-s {
		width: 85%;
	}
}

.siteLogo_icon {
	display: inline-block;
	margin-left: 6px;
	width: 11px;
}

.supplementInfo {
	background: #2b2b2b;
	padding: 5.47222% 0% 2.36111% 0%;
}

@media (max-width: 768px) {
	.supplementInfo {
		padding: 6.25% 0%;
	}
}

.supplementInfo_event {
	margin: auto;
	width: 83.33333vw;
}

@media (max-width: 768px) {
	.supplementInfo_event {
		width: 100%;
	}
}

.supplementInfo .event {
	position: relative;
}

@media (min-width: 769px) {
	.supplementInfo .event {
		width: 86.66667vw;
	}
}

.supplementInfo .event_list {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 66.6667vw;
	padding-bottom: 4.16%;
}

@media (max-width: 768px) {
	.supplementInfo .event_list {
		width: 83.3%;
		flex-direction: column;
		padding-bottom: 9%;
	}
}

.supplementInfo .event_listItem {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media (min-width: 769px) {
	.supplementInfo .event_listItem {
		width: 50%;
	}

	.supplementInfo .event_listItem:nth-child(n+3) {
		margin-top: 5%;
	}
}

.supplementInfo .event_thumb {
	overflow: hidden;
	border-radius: 3px;
}

.supplementInfo .event_thumb img {
	display: block;
}

.supplementInfo .event_btn {
	display: block;
	position: relative;
	margin: auto auto 0;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px;
	max-width: 475px;
	width: 80%;
	overflow: hidden;
	transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

@media (max-width: 768px) {
	.supplementInfo .event_btn {
		margin: 3vw auto 7vw;
		width: 100%;
		font-size: 1.000rem;
	}
}

@media (min-width: 769px) {
	.supplementInfo .event_btn:hover {
		color: #28283F;
		background-color: #fff;
		text-decoration: none;
	}
}

@media (max-width: 768px) {
	.supplementInfo .event_anchor {
		margin-top: 3.5vw;
	}
}

.supplementInfo .event_name {
	color: #fff;
	font-size: 1.500rem;
	line-height: 1.16;
	width: 100%;
}

@media (max-width: 768px) {
	.supplementInfo .event_name {
		font-size: 0.625rem;
		font-size: 1.250rem;
	}
}

.supplementInfo .event_name .txt--withIcon-window,
.supplementInfo .event_name #top .news .newsOtherLink .txt--withIcon-arrow:after,
#top .news .newsOtherLink .supplementInfo .event_name .txt--withIcon-arrow:after,
.supplementInfo .event_name #top .news .newsOtherLink .txt--withIcon-arrow--gray:after,
#top .news .newsOtherLink .supplementInfo .event_name .txt--withIcon-arrow--gray:after {
	padding-right: 1.21528vw;
}

@media (max-width: 768px) {

	.supplementInfo .event_name .txt--withIcon-window,
	.supplementInfo .event_name #top .news .newsOtherLink .txt--withIcon-arrow:after,
	#top .news .newsOtherLink .supplementInfo .event_name .txt--withIcon-arrow:after,
	.supplementInfo .event_name #top .news .newsOtherLink .txt--withIcon-arrow--gray:after,
	#top .news .newsOtherLink .supplementInfo .event_name .txt--withIcon-arrow--gray:after {
		padding-right: 4.375vw;
	}
}

.supplementInfo .event_name .txt--withIcon-window:after,
.supplementInfo .event_name #top .news .newsOtherLink .txt--withIcon-arrow:after,
#top .news .newsOtherLink .supplementInfo .event_name .txt--withIcon-arrow:after,
.supplementInfo .event_name #top .news .newsOtherLink .txt--withIcon-arrow--gray:after,
#top .news .newsOtherLink .supplementInfo .event_name .txt--withIcon-arrow--gray:after {
	height: 0.86806vw;
	width: 0.86806vw;
}

@media (max-width: 768px) {

	.supplementInfo .event_name .txt--withIcon-window:after,
	.supplementInfo .event_name #top .news .newsOtherLink .txt--withIcon-arrow:after,
	#top .news .newsOtherLink .supplementInfo .event_name .txt--withIcon-arrow:after,
	.supplementInfo .event_name #top .news .newsOtherLink .txt--withIcon-arrow--gray:after,
	#top .news .newsOtherLink .supplementInfo .event_name .txt--withIcon-arrow--gray:after {
		height: 3.125vw;
		width: 3.125vw;
	}
}

.supplementInfo .event_desc {
	color: #ededed;
	font-size: 1.000rem;
	line-height: 1.37;
	margin: 1.38889vw auto;
	width: 27.77778vw;
}

@media (max-width: 768px) {
	.supplementInfo .event_desc {
		font-size: 0.938rem;
		line-height: 1.42;
		margin-top: 4.375vw;
		width: 100%;
	}
}

.txt--withIcon-window {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.txt--withIcon-window:after {
	content: "";
	display: block;
	height: 1.25vw;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1.25vw;
}

@media (max-width: 768px) {
	.txt--withIcon-window:after {
		height: 3.75vw;
		width: 3.75vw;
	}
}

.txt--withIcon-window {
	padding-left: 0.38889vw;
}

@media (max-width: 768px) {
	.txt--withIcon-window {
		padding-right: 4.5vw;
	}
}

.txt--withIcon-window:after {
	background: url("/jp/products/ledlighting/ledshighlight-llm1546a/images/icon_sitelink.svg") no-repeat center/contain;
}

.main_visual {
	background: #fff;
	padding: 0 0.69%;
}

@media (max-width: 768px) {
	.main_visual {
		padding: 0 2.5%;
	}
}

.main_visual img {
	border-radius: 3px;
}

#top .ttl {
	font-size: 2.000rem;
	color: #ea5902;
	font-weight: bold;
	text-align: center;
}

@media (max-width: 768px) {
	#top .ttl {
		font-size: 1.750rem;
		line-height: 1.34;
	}
}

#top .mainVis {
	position: relative;
}

#top .mainVis_listItem {
	position: relative;
}

@media (min-width: 769px) {
	#top .mainVis_listItem {
		color: #fff;
	}

	#top .mainVis_listItem .mainVis_lead--strong {
		color: #fff;
	}
}

#top .mainVis_img {
	position: relative;
}

@media (min-width: 769px) {
	#top .mainVis_img::after {
		content: "";
		background: rgba(18, 18, 53, .5);
		position: absolute;
		right: 0;
		top: -55%;
		height: 100%;
		width: 100%;
		/* clip-path: polygon(0 0, 100% 0, 100% 160%, 0 calc(100% - 1150px)); */
		transform: skewY(5deg);
		z-index: 1;
	}
}

#top .mainVis_img img {
	display: block;
}

@media (max-width: 768px) {
	#top .mainVis_img.forPc {
		display: none !important;
	}
}

@media (min-width: 769px) {
	#top .mainVis_img.forSp {
		display: none !important;
	}
}

@media (min-width: 769px) {
	#top .mainVis_txtBox {
		left: 8.22917%;
		position: absolute;
		bottom: 10%;
	}
}

@media (max-width: 768px) {
	#top .mainVis_txtBox {
		margin: 6.25% auto;
		width: 82.5%;
	}
}

@media (min-width: 769px) {
	#top .mainVis_imgBox {
		position: absolute;
		right: 8.22917%;
		width: 33%;
		top: 14%;
		filter: drop-shadow(18px 13px 0px rgba(0, 0, 0, .28));
		z-index: 2;
	}
}

@media (max-width: 768px) {
	#top .mainVis_imgBox {
		width: 86%;
		margin: 0 auto;
		filter: drop-shadow(18px 13px 0px rgba(0, 0, 0, .28));
	}
}

#top .mainVis_ttl {
	font-size: 3.750rem;
	font-weight: bold;
	line-height: 1;
}

@media (max-width: 768px) {
	#top .mainVis_ttl {
		font-size: 2.250rem;
		color: #fff;
		text-align: center;
	}
}

#top .mainVis_lead {
	font-size: 1.75rem;
	font-family: "axis";
	font-weight: bold;
	line-height: 1.55;
	margin-top: 1vw;
}

@media (max-width: 768px) {
	#top .mainVis_lead {
		color: #fff;
		font-size: 1.125rem;
		margin-top: 5%;
		text-align: center;
	}
}

@media (min-width: 769px) {
	#top .mainVis_lead--strong {
		color: #222;
	}
}

#top .mainVis_onePoint {
	position: absolute;
	right: 0;
	top: 0;
}

@media (min-width: 769px) {
	#top .mainVis_onePoint {
		width: 13.88889%;
		margin: 0.694vw;
	}
}

@media (max-width: 768px) {
	#top .mainVis_onePoint {
		width: 30%;
	}
}

#top .mainVis_caption {
	position: absolute;
	bottom: 5.03vw;
	right: 8.15vw;
	font-size: 0.694vw;
	font-size: 0.625rem;
	color: #fff;
}

@media (max-width: 768px) {
	#top .mainVis_caption {
		bottom: 56vw;
		right: auto;
		left: 0;
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		font-size: 0.625rem;
	}
}

@-webkit-keyframes sort_slide {
	0% {
		-webkit-transform: translateX(30%);
		transform: translateX(30%);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes sort_slide {
	0% {
		-webkit-transform: translateX(30%);
		transform: translateX(30%);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

#top .lead {
	padding: 9.43vw 0 4.43vw;
	position: relative;
}

#top .lead_content {
	width: 83.3%;
	margin: 0 auto;
	position: relative;
}

@media screen and (min-width: 769px) {
	#top .lead_content::before {
		content: "";
		background-image: url(/images/products/ledlighting/ledshighlight-llm1546a/img_lead01.jpg);
		background-size: cover;
		width: 30vw;
		position: absolute;
		right: 0;
		min-height: 200px;
		top: -50px;
		z-index: 1;
		height: 15vw;
	}
}

#top .leadTtl {
	font-size: 1.875rem;
	color: #fff;
	z-index: 1;
	position: relative;
	font-weight: bold;
	padding: 0.38vw 2vw;
}

@media screen and (max-width: 768px) {
	#top .leadTtl {
		font-size: 1.094rem;
		padding: 0 0 9vw;
		text-align: center;
	}
}

@media screen and (min-width: 1024px) {
	.leadImg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 285px 0 0;
		z-index: 1;
		position: relative;
	}
}

.leadImg__item {
	margin-bottom: 42px;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.leadImg__item {
		max-width: 500px;
		width: -webkit-calc(25% - 5px);
		width: calc(25% - 5px);
	}
}

@media screen and (min-width: 1024px) {

	.leadImg__item:nth-child(2),
	.leadImg__item:nth-child(4) {
		position: relative;
		top: -105px;
	}
}

.leadImg__item .leadImg__item__thumbnail {
	height: 0;
	padding-top: 56.445%;
	position: relative;
}

@media screen and (min-width: 1024px) {
	.leadImg__item .leadImg__item__thumbnail {
		padding-top: 100%;
	}
}

.leadImg__item .leadImg__item__thumbnail img {
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: center center;
	position: absolute;
	top: 0;
	width: 100%;
}

#top .leadTxt {
	color: #eee;
	font-size: 1.375rem;
	line-height: 1.6;
	text-align: center;
}

@media (max-width: 768px) {
	#top .leadTxt {
		font-size: 1.063rem;
		line-height: 1.6666;
		text-align: left;
	}
}

#top .lead_bg {
	width: 36%;
	right: -6.750rem;
	top: -3.500rem;
	position: absolute;
	z-index: 0;
}

#top .lead_bg span {
	display: block;
}

#top .specification {
	background-color: rgba(0, 0, 0, .35);
	padding: 5% 0 2%;
}

@media (max-width: 768px) {
	#top .specification {
		padding: 9% 0 12%;
	}
}

#top .specification_img {
	max-width: 1000px;
	margin: 0 auto;
	display: block;
	width: 86.6667vw;
	padding: 3.47222% 0 6%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
	#top .specification_img {
		margin: 4% auto;
		width: 83.3%;
	}
}

#top .specification_img img {
	max-width: 100%;
	min-width: 600px;
	vertical-align: top;
}

#top .specification_img::-webkit-scrollbar {
	height: 4px;
}

#top .specification_img::-webkit-scrollbar-track {
	background: #eee;
}

#top .specification_img::-webkit-scrollbar-thumb {
	background: #aaa;
	border: none;
}

#top .specification_img::-webkit-scrollbar-thumb:hover {
	background: #999;
}

@media (max-width: 768px) {
	#top .supplementInfo {
		padding: 13.75% 0% 0.25% 0%;
	}
}

#top .feature_1 {
	padding: 2.43vw 0 8vw;
	width: 83.3%;
	margin: 0 auto;
	position: relative;
}

@media (max-width: 768px) {
	#top .feature_1 {
		padding: 13% 0% 24.625% 0%;
	}
}

#top .feature_1_bg {
	width: 110%;
	right: -5%;
	top: -3.500rem;
	position: absolute;
	z-index: 0;
}

#top .feature_1_bg span {
	display: block;
}

#top .feature_1_bg span path {
	fill: #aaa;
	fill-opacity: .05;
}

@media (min-width: 769px) {
	#top .feature_1_list {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 4.08824%;
	}
}

@media (max-width: 768px) {
	#top .feature_1_list {
		margin: 8.08824% auto 0;
		width: 100%;
	}
}

@media (min-width: 769px) {
	#top .feature_1_listItem {
		width: 49.3%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		z-index: 1;
	}
}

@media (max-width: 768px) {
	#top .feature_1_listItem:not(:first-child) {
		margin-top: 11.32353%;
	}
}

#top .feature_1_listItem img {
	margin-bottom: 10px;
}

@media (min-width: 769px) {
	#top .feature_1_listItem:first-child img {
		max-width: 66.3%;
	}
}

@media (min-width: 769px) {
	#top .feature_1_listItem:nth-child(2) img {
		max-width: 80%;
	}
}

#top .feature_1_txt {
	font-size: 1.125rem;
	line-height: 1.44;
	margin-top: auto;
	text-align: center;
	color: #eee;
}

@media (max-width: 768px) {
	#top .feature_1_txt {
		font-size: 1.063rem;
	}
}

#top .feature_1_lead {
	color: #eee;
	font-size: 1.188rem;
	text-align: center;
	margin-top: 4vw;
	line-height: 1.6;
}

@media (max-width: 768px) {
	#top .feature_1_lead {
		font-size: 1.063rem;
		text-align: left;
		line-height: 1.6666;
	}
}

#top .feature_2 {
	padding: 5% 0 11%;
	position: relative;
}

@media (max-width: 768px) {
	#top .feature_2 {
		padding: 13% 0%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

#top .feature_2::after {
	content: '';
	position: absolute;
	left: 0;
	top: 16px;
	transform: skewY(5deg);
	transform-origin: top right;
	width: 100%;
	height: 100%;
	background: rgba(18, 18, 53, .5);
}

#top .feature_2::before {
	content: "";
	background-image: url(/images/products/ledlighting/ledshighlight-llm1546a/img_feature03.jpg);
	background-size: cover;
	width: 26vw;
	position: absolute;
	left: 24vw;
	min-height: 200px;
	top: 2vw;
	z-index: 1;
	height: 15vw;
	background-position: center right;
	filter: drop-shadow(-15px 15px 0px rgba(0, 0, 0, .24));
}

@media (max-width: 768px) {
	#top .feature_2::before {
		width: 83.3%;
		position: relative;
		left: 0;
		display: block;
		margin: 6% auto 3%;
		order: 1;
	}
}

#top .feature_2_content {
	width: 83.3%;
	margin: 0 auto;
}

#top .feature_2_bg {
	width: 36%;
	left: -5%;
	top: -7.375rem;
	position: absolute;
	z-index: 0;
}

#top .feature_2_bg span {
	display: block;
}

#top .feature_2_bg span path {
	fill: #aaa;
	fill-opacity: .05;
}

#top .feature_2 .ttl {
	text-align: left;
	padding-left: 43.65vw;
	z-index: 1;
	position: relative;
}

@media (max-width: 768px) {
	#top .feature_2 .ttl {
		text-align: center;
		padding-left: 0;
	}
}

#top .feature_2_lead {
	color: #eee;
	font-size: 1.188rem;
	text-align: left;
	padding-left: 43.65vw;
	margin-top: 1.4vw;
	line-height: 1.6;
	z-index: 1;
	position: relative;
}

@media (max-width: 768px) {
	#top .feature_2_lead {
		font-size: 1.063rem;
		text-align: center;
		padding-left: 0;
	}
}

#top .feature_3 {
	padding: 5.43vw 0 5%;
}

@media (max-width: 768px) {
	#top .feature_3 {
		padding: 13% 0% 17.625% 0%;
	}
}

#top .feature_3_lead {
	color: #eee;
	font-size: 1.188rem;
	text-align: center;
	margin-top: 2.94vw;
	line-height: 1.6;
}

@media (max-width: 768px) {
	#top .feature_3_lead {
		font-size: 1.063rem;
	}
}

@media (min-width: 769px) {
	#top .feature_3_list {
		-webkit-box-align: center;
		-ms-flex-align: start;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 4.08824% auto 0;
		width: 83.3%;
	}
}

@media (max-width: 768px) {
	#top .feature_3_list {
		margin: 13.08824% auto 0;
		width: 85%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	#top .feature_3_list li {
		width: 33.3%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media (min-width: 769px) {
	#top .feature_3_listItem {
		width: 19.3%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 768px) {
	#top .feature_3_listItem:nth-child(n+4) {
		margin-top: 11.32353%;
	}
}

#top .feature_3_listItem:first-child img {
	max-width: 85px;
}

@media (max-width: 768px) {
	#top .feature_3_listItem:first-child img {
		width: 47.05882%;
	}
}

#top .feature_3_listItem:nth-child(2) img {
	max-width: 124px;
}

@media (max-width: 768px) {
	#top .feature_3_listItem:nth-child(2) img {
		width: 68.02941%;
	}
}

#top .feature_3_listItem:nth-child(3) img {
	max-width: 104px;
}

@media (max-width: 768px) {
	#top .feature_3_listItem:nth-child(3) img {
		width: 57.02941%;
	}
}

#top .feature_3_listItem:nth-child(4) img {
	max-width: 124px;
}

@media (max-width: 768px) {
	#top .feature_3_listItem:nth-child(4) img {
		width: 69.02941%;
	}
}

#top .feature_3_listItem:nth-child(5) img {
	max-width: 124px;
}

@media (max-width: 768px) {
	#top .feature_3_listItem:nth-child(5) img {
		width: 66.02941%;
	}
}

#top .movie {
	padding: 4.43vw 0 6%;
	position: relative;
}

@media (max-width: 768px) {
	#top .movie {
		padding: 3% 0 12.43vw;
	}
}

#top .movie::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 240px 0 0 100vw;
	border-color: transparent transparent transparent rgba(18, 18, 53, .5);
}

#top .movie_content {
	width: 83.3%;
	max-width: 800px;
	margin: 0 auto;
}

#top .movie .mov {
	margin: 6.08824% 0 0;
	z-index: 1;
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}

#top .movie .mov iframe {
	width: 100%;
	height: 100%;
}

#top .movie_bg {
	width: 29%;
	right: -10vw;
	top: -156rem;
	position: absolute;
	z-index: 0;
}

#top .movie_bg span {
	display: block;
}

#top .movie_bg span path {
	fill: #aaa;
	fill-opacity: .05;
}