#main {
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	#main {
		padding-bottom: calc(100 * var(--rs));
	}
}




.secMainVis .slideMain .mask {
	height: calc(700 * var(--rs));
}
.secMainVis .slider .item {
	height: calc(700 * var(--rs));
	position: relative;
	width: 100%;
	overflow: hidden;
}
.secMainVis .slider .item .img {
	width: calc(2560 * var(--rs));
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.secMainVis .slider .item img {
	display: block;
	margin: 0 auto;
	width: auto;
	height: 100%;
	opacity: 1 !important;
}
.secMainVis .slider .item .movItem {
	position: absolute;
	top: 0;
	left: 50%;
	width: calc(1920 * var(--rs));
	margin-left: calc(calc(-1920 * var(--rs)) / 2);
	height: calc(700 * var(--rs));
	overflow: hidden;
}
.secMainVis .slider .item .movItem video {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
}
.secMainVis .slider .item .movItem .cover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.secMainVis .slider .item .youtubeItem {
	position: absolute;
	width: calc(1920 * var(--rs));
	padding-top: 56.25%;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.secMainVis .slider .item .youtubeItem .cover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.secMainVis .slider .item .youtubeItem iframe {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.secMainVis .slideMain .pager {
	margin-top: calc(20 * var(--rs));
	display: flex;
	justify-content: center;
}
.secMainVis .slideMain .pager .pagerItem {
	width: calc(12 * var(--rs));
	height: calc(12 * var(--rs));
	border-radius: 100%;
	margin: 0 calc(5 * var(--rs));
	box-sizing: border-box;
	background: #e0e0e0;
	cursor: pointer;
}
.secMainVis .slideMain .pager .pagerItem.js-stay {
	border: none;
	border: 1px solid #fffafa;
	background: #000;
	cursor: default;
}


/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	:root {
		--top-main-sp-height: 1120;
	}
	.secMainVis .slideMain .mask {
		width: 100%;
		height: calc(var(--top-main-sp-height) * var(--rs));
	}
	.secMainVis .slider .item {
		width: 100%;
		height: calc(var(--top-main-sp-height) * var(--rs));
	}
	.secMainVis .slider .item .img {
		display: block;
		width: 100%;
		height: calc(var(--top-main-sp-height) * var(--rs));
		position: static;
		overflow: hidden;
		transform: translateX(0);
	}
	.secMainVis .slider .item img {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		object-fit: contain;
	}
	.secMainVis .slider .item .movItem {
		position: static;
		display: block;
		overflow: hidden;
		width: 100%;
		margin-left: 0;
		height: calc(var(--top-main-sp-height) * var(--rs));
		overflow: hidden;
		background: #000;
	}
	.secMainVis .slider .item .movItem video {
		-o-object-fit: contain;
		object-fit: contain;
	}
	.secMainVis .slider .item .youtubeItem {
		overflow: hidden;
		width: 100%;
		height: 100%;
		background: #000;
	}
	.secMainVis .slideMain .pager {
		margin-top: calc(35 * var(--rs));
	}
	.secMainVis .slideMain .pager .pagerItem {
		width: calc(30 * var(--rs));
		height: calc(30 * var(--rs));
		margin: 0 calc(12 * var(--rs));
	}
}



.secNews {
	margin-top: calc(100 * var(--rs));
}
.secNews .secInr {
	position: relative;
}
.secNews .cm-ctsWidth {
	position: relative;
}
.secNews .ttlCol .secTtl {
	font-size: calc(29 * var(--rs));
	font-weight: var(--weight-medium);
}
.secNews .btnLine {
	width: calc(180 * var(--rs));
	margin: calc(32 * var(--rs)) auto 0;
}
.secNews .btnLine .md-btnSquare {
	width: 100%;
	height: calc(36 * var(--rs));
}
.secNews .secCts {
	margin-top: calc(30 * var(--rs));
}
.secNews .entryList .item:not(:first-child) {
	margin-top: calc(20 * var(--rs));
}
.secNews .entryList .item a {
	text-decoration: none;
}
.secNews .entryList .item > * {
	display: flex;
}
.secNews .entryList .item .dateLine {
	display: flex;
}
.secNews .entryList .item .date {
	font-size: calc(16 * var(--rs));
	padding-right: calc(10 * var(--rs));
	padding-top: calc(3 * var(--rs));
	white-space: nowrap;
}
.secNews .entryList .item .cat {
	padding-right: calc(23 * var(--rs));
}
.secNews .entryList .item .cat .label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(130 * var(--rs));
	height: calc(24 * var(--rs));
	background: #eaeaea;
	border-radius: calc(20 * var(--rs));
	font-size: calc(12 * var(--rs));
	font-weight: var(--weight-medium);
}
.secNews .entryList .item .txt {
	font-size: calc(16 * var(--rs));
	line-height: 1.5;
}
.secNews .entryList .item a:hover .txt span {
	text-decoration: underline;
}
.secNews .entryList .item.new .txt {
	margin-right: calc(-37 * var(--rs));
} 
.secNews .entryList .item.new .txt::after {
	content: "NEW";
	display: inline;
	white-space: nowrap;
	background: var(--color-red);
	color: #fff;
	font-size: calc(12 * var(--rs));
	margin-left: calc(10 * var(--rs));
	position: relative;
	top: calc(-1 * var(--rs));
	font-weight: bold;
	line-height: 1;
	padding: calc(1 * var(--rs)) calc(8 * var(--rs)) calc(2 * var(--rs));
}
.secNews .eventInfo {
	position: absolute;
	right: 0;
	bottom: calc(4 * var(--rs));
	display: none;
}
.secNews .eventInfo .infoBtn {
	font-size: calc(16 * var(--rs));
	line-height: 1.5;
}
.secNews .eventInfo .infoBtn .txt::after {
	content: " ";
	display: inline-block;
	width: calc(30 * var(--rs));
	height: calc(24 * var(--rs));
	margin-left: calc(12 * var(--rs));
	background: url(/jp/common/images/icn_calendar.svg) no-repeat center / contain;
	vertical-align: bottom;
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secNews {
		margin-top: calc(125 * var(--rs));
	}
	.secNews .ttlCol .secTtl {
		font-size: calc(50 * var(--rs));
	}
	.secNews .btnLine {
		width: auto;
		margin-top: calc(80 * var(--rs));
	}
	.secNews .btnLine .md-btnSquare {
		width: calc(326 * var(--rs));
		height: calc(90 * var(--rs));
	}
	.secNews .secCts {
		margin-top: calc(60 * var(--rs));
	}
	.secNews .entryList .item:not(:first-child) {
		margin-top: calc(60 * var(--rs));
	}
	.secNews .entryList .item > * {
		display: block;
	}
	.secNews .entryList .item:nth-child(4),
	.secNews .entryList .item:nth-child(5) {
		display: none;
	}
	.secNews .entryList .item .dateLine {
		align-items: center;
	}
	.secNews .entryList .item .date {
		font-size: calc(30 * var(--rs));
		padding-right: calc(43 * var(--rs));
		padding-top: 0;
	}
	.secNews .entryList .item .cat {
		padding-right: 0;
	}
	.secNews .entryList .item .cat .label {
		width: calc(260 * var(--rs));
		height: calc(46 * var(--rs));
		border-radius: calc(46 * var(--rs));
		font-size: calc(24 * var(--rs));
	}
	.secNews .entryList .item .txt {
		font-size: calc(30 * var(--rs));
		line-height: 1.6;
		margin-top: calc(20 * var(--rs));
	}
	.secNews .entryList .item.new .txt {
		margin-right: 0;
	}
	.secNews .entryList .item.new .txt::after {
		font-size: calc(22 * var(--rs));
		margin-left: calc(15 * var(--rs));
		top: calc(-3 * var(--rs));
		padding: 0 calc(15 * var(--rs)) calc(3 * var(--rs));
	}
	.secNews .eventInfo {
		margin-top: calc(60 * var(--rs));
		text-align: center;
		position: static;
	}
	.secNews .eventInfo .infoBtn {
		font-size: calc(30 * var(--rs));
		line-height: 1.6;
	}
	.secNews .eventInfo .infoBtn .txt::after {
		width: calc(55 * var(--rs));
		height: calc(44 * var(--rs));
		margin-left: calc(24 * var(--rs));
	}
}



.secSpecialBanner {
	margin-top: calc(90 * var(--rs));
}
.secSpecialBanner .item:not(:first-child) {
	margin-top: calc(20 * var(--rs));
}
.secSpecialBanner .item img {
	width: 100%;
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secSpecialBanner {
		margin-top: calc(120 * var(--rs));
	}
	.secSpecialBanner .item:not(:first-child) {
		margin-top: calc(40 * var(--rs));
	}
}



.secProducts {
	margin-top: calc(125 * var(--rs));
}
.secSpecialBanner + .secProducts {
	margin-top: calc(145 * var(--rs));
}
.secProducts .secTtl {
	font-size: calc(29 * var(--rs));
	font-weight: var(--weight-medium);
}
.secProducts .itemList {
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(40 * var(--rs));
}
.secProducts .itemList .item {
	width: 50%;
	box-sizing: border-box;
}
.secProducts .itemList .item--large {
	width: 100%;
}
.secProducts .itemList .item img {
	width: 100%;
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secProducts {
		margin-top: calc(120 * var(--rs));
	}
	.secSpecialBanner + .secProducts {
		margin-top: calc(120 * var(--rs));
	}
	.secProducts .secTtl {
		font-size: calc(40 * var(--rs));
	}
	.secProducts .itemList {
		display: block;
		margin: calc(40 * var(--rs)) calc(-40 * var(--rs)) 0;
	}
	.secProducts .itemList .item {
		width: auto;
	}
}



.secPickup {
	margin-top: calc(80 * var(--rs));
}
.secPickup .secTtl {
	font-size: calc(29 * var(--rs));
	font-weight: var(--weight-medium);
}
.secPickup .slideBnr {
	margin-top: calc(35 * var(--rs));
	position: relative;
}
.secPickup .slideBnr .item img {
	width: 100%;
}
.secPickup .slideBnr .pager {
	position: absolute;
	bottom: calc(20 * var(--rs));
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}
.secPickup .slideBnr .pager .pagerItem {
	width: calc(12 * var(--rs));
	height: calc(12 * var(--rs));
	margin: 0 calc(5 * var(--rs));
	border-radius: 100%;
	box-sizing: border-box;
	background: #e0e0e0;
	font-size: 1px;
	cursor: pointer;
}
.secPickup .slideBnr .pager .pagerItem.js-stay {
	border: none;
	border: 1px solid #fffafa;
	background: #000;
	cursor: default;
}
.secPickup .slideBnr .next,
.secPickup .slideBnr .prev {
	position: absolute;
	top: 50%;
	width: calc(46 * var(--rs));
	height: calc(46 * var(--rs));
	margin-top: calc(-23 * var(--rs));
	overflow: hidden;
	border-radius: 100%;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 1px calc(22 * var(--rs)) 0px rgba(0, 0, 0, 0.1);
}
.secPickup .slideBnr .next {
	right: calc(50% - calc(600 * var(--rs)));
}
.secPickup .slideBnr .prev {
	left: calc(50% - calc(600 * var(--rs)));
}
.secPickup .slideBnr .next::after,
.secPickup .slideBnr .prev::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc(14 * var(--rs));
	height: calc(22 * var(--rs));
}
.secPickup .slideBnr .next::after {
	background: var(--icn-slide-arw-right);
	right: calc(14 * var(--rs));
}
.secPickup .slideBnr .prev::after {
	background: var(--icn-slide-arw-left);
	left: calc(14 * var(--rs));
}
.secPickup .bnrList {
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(5 * var(--rs));
	gap: 2px;
}
.secPickup .bnrList li {
	width: calc(50% - 1px);
	box-sizing: border-box;
}
.secPickup .bnrList li img {
	width: 100%;
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secPickup {
		margin-top: calc(120 * var(--rs));
	}
	.secPickup .secTtl {
		font-size: calc(50 * var(--rs));
	}
	.secPickup .slideBnr {
		margin-top: calc(40 * var(--rs));
	}
	.secPickup .slideBnr .item {
		overflow: hidden;
		height: calc(750 * var(--rs));
	}
	.secPickup .slideBnr .item img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.secPickup .slideBnr .pager {
		bottom: calc(25 * var(--rs));
	}
	.secPickup .slideBnr .pager .pagerItem {
		width: calc(30 * var(--rs));
		height: calc(30 * var(--rs));
		margin: 0 calc(12 * var(--rs));
	}
	.secPickup .slideBnr .next,
	.secPickup .slideBnr .prev {
		width: calc(90 * var(--rs));
		height: calc(90 * var(--rs));
		margin-top: calc(-45 * var(--rs));
	}
	.secPickup .slideBnr .next {
		right: calc(16 * var(--rs));
	}
	.secPickup .slideBnr .prev {
		left: calc(16 * var(--rs));
	}
	.secPickup .slideBnr .next::after,
	.secPickup .slideBnr .prev::after {
		width: calc(27 * var(--rs));
		height: calc(42 * var(--rs));
	}
	.secPickup .slideBnr .next::after {
		right: calc(28 * var(--rs));
	}
	.secPickup .slideBnr .prev::after {
		left: calc(28 * var(--rs));
	}
	.secPickup .bnrList {
		display: block;
		margin-top: 0;
	}
	.secPickup .bnrList li {
		width: auto;
	}
}



.secSupport {
	margin-top: calc(135 * var(--rs));
}
.secSupport .secTtl {
	font-size: calc(34 * var(--rs));
	font-weight: var(--weight-medium);
	text-align: center;
}
.secSupport .linkList {
	margin-top: calc(60 * var(--rs));
	display: flex;
	justify-content: center;
	gap: 0 calc(135 * var(--rs));
}
.secSupport .linkList .item .link {
	display: block;
	position: relative;
	padding-bottom: calc(20 * var(--rs));
}
.secSupport .linkList .item .link .icn {
	width: calc(49 * var(--rs));
}
.secSupport .linkList .item .link .icn img {
	width: 100%;
}
.secSupport .linkList .item .link .txt {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	text-align: center;
	line-height: 1.375;
	font-size: calc(16 * var(--rs));
	font-weight: var(--weight-medium);
}
.secSupport .linkList .item .link:hover .txt {
	text-decoration: underline;
}
.secSupport .btnLine {
	margin-top: calc(135 * var(--rs));
}
.secSupport .btnLine .md-btnSquare {
	width: calc(185 * var(--rs));
	margin: 0 auto;
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secSupport {
		margin-top: calc(120 * var(--rs));
	}
	.secSupport .secTtl {
		font-size: calc(50 * var(--rs));
	}
	.secSupport .linkList {
		flex-wrap: wrap;
		gap: calc(60 * var(--rs)) calc(46 * var(--rs));
	}
	.secSupport .linkList .item {
		/* width: calc(50% - calc(46 * var(--rs)) / 2); */
		width: calc((100% / 2) - calc(46.05 * var(--rs)) / 2);
	}
	.secSupport .linkList .item .link {
		display: block;
		position: relative;
		padding-bottom: calc(20 * var(--rs));
		text-decoration: none;
	}
	.secSupport .linkList .item .link .icn {
		width: calc(73 * var(--rs));
		margin: 0 auto;
	}
	.secSupport .linkList .item .link .icn img {
		width: 100%;
	}
	.secSupport .linkList .item .link .txt {
		position: static;
		transform: none;
		line-height: 1.286;
		font-size: calc(28 * var(--rs));
		margin-top: calc(30 * var(--rs));
	}
	.secSupport .btnLine {
		margin-top: calc(80 * var(--rs));
	}
	.secSupport .btnLine .md-btnSquare {
		width: calc(326 * var(--rs));
		height: calc(90 * var(--rs));
	}
}