.section__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* overflow: hidden; */
}
.section__bg-clip {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.section__bg-clip-in {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}
.bnr__buy {
	position: fixed;
	right: min(calc(35 / var(--vw-min) * 100vw),35px);
	top: min(calc(70 / var(--vw-min) * 100vw),70px);
	z-index: 999;
}
@media screen and (max-width:768px){
	.bnr__buy {
		/*position: absolute;*/
		width: calc(280 / var(--vw-min) * 100vw);
		height: calc(225 / var(--vw-min) * 100vw);
		right: 0;
		top: calc(120 / var(--vw-min) * 100vw);
		overflow: hidden;
	}
}
.bnr__buyLink {
	width: min(calc(183 / var(--vw-min) * 100vw),183px);
	height: min(calc(173 / var(--vw-min) * 100vw),173px);
	position: relative;
	display: block;
	background: url(../img/common/bnr/bnr_buy.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.bnr__buyLink {
		width: calc(239 / var(--vw-min) * 100vw);
		height: calc(225 / var(--vw-min) * 100vw);
		position: absolute;
		right: calc(-10 / var(--vw-min) * 100vw);
	}
}
.bnr__buyLink::before {
	content: "";
	width: min(calc(83 / var(--vw-min) * 100vw),83px);
	height: min(calc(74 / var(--vw-min) * 100vw),74px);
	display: block;
	position: absolute;
	bottom: min(calc(35 / var(--vw-min) * 100vw),35px);
	left: max(calc(-30 / var(--vw-min) * 100vw),-30px);
	background: url(../img/common/deco/deco_gun.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.bnr__buyLink::before {
		width: calc(111 / var(--vw-min) * 100vw);
		height: calc(98 / var(--vw-min) * 100vw);
		top: calc(87 / var(--vw-min) * 100vw);
		left: calc(-40 / var(--vw-min) * 100vw);
	}
}
.bnr__buyLink::after {
	content: "";
	width: min(calc(46 / var(--vw-min) * 100vw),46px);
	height: min(calc(50 / var(--vw-min) * 100vw),50px);
	display: block;
	position: absolute;
	top: min(calc(25 / var(--vw-min) * 100vw),25px);
	right: 0;
	transform: rotate(15deg);
	background: url(../img/common/deco/deco_robot.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.bnr__buyLink::after {
		width: calc(65 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
		right: 0;
	}
}
@keyframes gunBounce{
    0% {transform: translateX(0) rotate(0);}
    50% {transform: translateX(-10px) rotate(-5deg);}
    100% {transform: translateX(0) rotate(0);}
}
@keyframes robotBounce {
	0% {transform: translateY(0) rotate(15deg);}
    50% {transform: translateY(-10px) rotate(25deg);}
    100% {transform: translateY(0) rotate(15deg);}
}
.bnr__buyLink.--animate::before {
    animation: gunBounce .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.bnr__buyLink.--animate::after {
    animation: robotBounce .4s cubic-bezier(0.25, 1, 0.5, 1);
    animation-delay: .3s;
}
/*-----------------------------------------------
 * SYSTEM
-------------------------------------------------*/
.section__bg-clip-in {
	background: url(../img/common/bg/bg_subpage.jpg)no-repeat center top / cover;
}
@supports (background-image:url(../img/common/bg/bg_subpage.webp)){
	.section__bg-clip-in {
		background-image: url(../img/common/bg/bg_subpage.webp);
	}
}
.subHeader__title--system {
	background:url(../img/common/tit/tit_system.svg) no-repeat left center / auto 100%;
}
@media screen and (max-width:768px){
	.subHeader__title--system {
		background:url(../img/common/tit/tit_system.svg) no-repeat center center / auto 100%;
	}
}
.system {
	position: relative;
	padding: min(calc(60 / var(--vw-min) * 100vw),60px) 0 min(calc(140 / var(--vw-min) * 100vw),140px);
}
@media screen and (max-width:768px){
	.system {
		padding: calc(216 / var(--vw-min) * 100vw) 0 calc(55 / var(--vw-min) * 100vw);
	}
}
.system__deco-tool {
	width: min(calc(72 / var(--vw-min) * 100vw),72px);
	height: min(calc(69 / var(--vw-min) * 100vw),69px);
	position: absolute;
	top: max(calc(-40 / var(--vw-min) * 100vw),-40px);
	right: 0;
	left: 0;
	z-index: 2;
	margin: auto;
	background: url(../img/common/deco/deco_tool.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.system__deco-tool {
		width: calc(72 / var(--vw-min) * 100vw);
		height: calc(69 / var(--vw-min) * 100vw);
		top: calc(-40 / var(--vw-min) * 100vw);
	}
}
.system__deco-t,
.system__deco-b {
	width: min(calc(1115 / var(--vw-min) * 100vw),1115px);
	position: absolute;
	right: 0;
	left: 0;
	z-index: 1;
	margin: auto;
}
@media screen and (max-width:768px){
	.system__deco-t,
	.system__deco-b {
		width: 100%;
	}
}
.system__deco-t {
	height: min(calc(60 / var(--vw-min) * 100vw),60px);
	top: 0;
	background: url(../img/common/deco/deco_system-t.png)no-repeat center/contain;
}
.system__deco-b {
	height: min(calc(55 / var(--vw-min) * 100vw),55px);
	bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
	background: url(../img/common/deco/deco_system-b.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.system__deco-t {
		height: calc(60 / var(--vw-min) * 100vw);
		background-size: cover;
	}
	.system__deco-b {
		height: calc(55 / var(--vw-min) * 100vw);
		bottom:calc(40 / var(--vw-min) * 100vw);
		background-size: cover;
	}
}
.systemWrap {
	width: min(calc(1020 / var(--vw-min) * 100vw),1020px);
	position: relative;
	z-index: 1;
	margin: min(calc(30 / var(--vw-min) * 100vw),30px) auto min(calc(47 / var(--vw-min) * 100vw),47px);
}
@media screen and (max-width:768px){
	.systemWrap {
		width: 100%;
		margin: calc(55 / var(--vw-min) * 100vw) 0 calc(50 / var(--vw-min) * 100vw);
	}
}
.system__box {
	display: flex;
}
@media screen and (max-width:768px){
	.system__box {
		display: block;
	}
}
.system .cont-tit {
	width: min(calc(290 / var(--vw-min) * 100vw),290px);
	height: min(calc(73 / var(--vw-min) * 100vw),73px);
	margin-top: min(calc(150 / var(--vw-min) * 100vw),150px);
	-webkit-mask: url(../img/common/tit/tit_system.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_system.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.system .cont-tit {
		width: calc(290 / var(--vw-min) * 100vw);
		height: calc(73 / var(--vw-min) * 100vw);
		margin: 0 0 calc(45 / var(--vw-min) * 100vw);
	}
}
.system__inContents {
	padding:min(calc(36 / var(--vw-min) * 100vw),36px) 0 min(calc(56 / var(--vw-min) * 100vw),56px);
	position: relative;
	z-index:50;
	opacity:0;
	transform:translateY(50px);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.system__inContents {
		padding:min(calc(36 / var(--vw-min) * 100vw),36px) 0 calc(120 / var(--vw-min) * 100vw);
		position: relative;
		z-index:50;
	}
}
.system.is-ani .system__inContents {
	opacity:1;
	transform:translateY(0);
}
.system__inContentsWrap {
	position: relative;
}
.system__inContentsWrap:not(:last-child) {
	padding-bottom:min(calc(120 / var(--vw-min) * 100vw),120px);
	margin-bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
}
.system__inContentsWrap:not(:last-child):before{
	content:'';
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	height:min(calc(56 / var(--vw-min) * 100vw),56px);
	background:url(../img/common/deco/deco_system-c.png) no-repeat center center / auto 100%;
}
.system__inContentsSwiper {
	overflow: unset;
}
.system__inContentsSwiper-slide {
	width:min(calc(640 / var(--vw-min) * 100vw),640px);
	margin:0 min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.system__inContentsSwiper-slide {
		width:100%;
		margin:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	}
}
.system__inContentsSwiper-slide a {
	display: block;
	transition: all 0.6s ease;
}
@media screen and (hover:hover){
	.system__inContentsSwiper-slide a:hover {
		transform: scale(1.05)
	}
}
.system__inContentsSwiper-slide img {
	display: block;
	width:100%;
	height:auto;
}

.system .system__deco-tool,
.system .system__deco-t,
.system .system__deco-b {
	opacity: 0;
	transition: .6s ease;
}
.system.is-ani .system__deco-tool,
.system.is-ani .system__deco-t,
.system.is-ani .system__deco-b {
	opacity: 1;
}
.swiper-pagination-bullets.swiper-pagination-horizontal.swiper__pagerLists {
	position: relative;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
	margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.swiper-pagination-bullets.swiper-pagination-horizontal.swiper__pagerLists {
		margin-top: calc(23 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper__pagerLists .swiper-pagination-bullet.swiper__pager {
	width: min(calc(37 / var(--vw-min) * 100vw),37px);
	height: min(calc(37 / var(--vw-min) * 100vw),37px);
	position: relative;
	border-radius: 50%;
	background-color: #000;
	margin: 0 min(calc(5 / var(--vw-min) * 100vw),5px);
	opacity: 1;
}
@media screen and (max-width:768px){
	.swiper-pagination-horizontal.swiper-pagination-bullets.swiper__pagerLists .swiper-pagination-bullet.swiper__pager {
		width: calc(37 / var(--vw-min) * 100vw);
		height: calc(37 / var(--vw-min) * 100vw);
		margin: 0 calc(5 / var(--vw-min) * 100vw);
	}
}
.swiper__pager::before {
	content: "";
	width: min(calc(50 / var(--vw-min) * 100vw),50px);
	height: min(calc(50 / var(--vw-min) * 100vw),50px);
	position: absolute;
	top: 0;
	bottom: 0;
	left: max(calc(-6 / var(--vw-min) * 100vw),-6px);
	margin: auto;
	background: url(../img/common/deco/deco_frame.png)no-repeat center/contain;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.swiper__pager::before {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(50 / var(--vw-min) * 100vw);
		left: calc(-6 / var(--vw-min) * 100vw);
	}
}
.swiper__pager::after {
	content: "";
	width: min(calc(20 / var(--vw-min) * 100vw),20px);
	height: min(calc(20 / var(--vw-min) * 100vw),20px);
	border-radius: 50%;
	position: absolute;
	top: min(calc(9 / var(--vw-min) * 100vw),9px);
	left: min(calc(9 / var(--vw-min) * 100vw),9px);
	transform: scale(0);
	background: var(--color-blue69);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.swiper__pager::after {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		top: calc(9 / var(--vw-min) * 100vw);
		left: calc(9 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-bullet-active.swiper__pager::before {
	animation: 30s ani_rotate01 linear infinite;
}
.swiper-pagination-bullet-active.swiper__pager::after {
	transform: scale(1);
} 
@media (hover: hover) and (pointer: fine){
	.swiper__pager:hover::after {
		transform: scale(1);
	}
}
.swiper__pagerLink {
	width: 100%;
	height: 100%;
	display: block;
}
.system__txtWrap {
	width: 	min(calc(800 / var(--vw-min) * 100vw),800px);
	margin: min(calc(50 / var(--vw-min) * 100vw),50px) auto 0;
}
@media screen and (max-width:768px){
	.system__txtWrap {
		width: 100%;
		padding: 0 calc(45 / var(--vw-min) * 100vw);
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.system__txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	letter-spacing: 0.1em;
	line-height: 2.1875;
}
@media screen and (max-width:768px){
	.system__txt {
		font-size: calc(20 / var(--vw-min) * 100vw);
		line-height: 2;
	}
}
.system__b {
	font-size: min(calc(30 / var(--vw-min) * 100vw),30px);
	font-weight: 700;
	line-height: 1;
	margin-bottom: min(calc(28 / var(--vw-min) * 100vw),28px);
}
@media screen and (max-width:768px){
	.system__b {
		font-size: calc(40 / var(--vw-min) * 100vw);
		line-height: 1.7;
		margin-bottom: calc(28 / var(--vw-min) * 100vw);
	}
}
.system__txt span,
.system__b span {
	display: inline;
	background: linear-gradient(var(--color-blue003),var(--color-blue003));
	padding: min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.system__txt span {
		background: unset;
		padding: 0;
		line-height: 1.5;
	}
	.system__b span {
		line-height: 2;
		padding: calc(3 / var(--vw-min) * 100vw);
	}
}
.swiper__arrowWrap {
	width: 100%;
    position: absolute;
    top:0;
    height:min(calc(360 / var(--vw-min) * 100vw),360px);
    left: 50%;
    width:min(calc(640 / var(--vw-min) * 100vw),640px);
    margin-left:max(calc(-320 / var(--vw-min) * 100vw),-320px);
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}
@media screen and (max-width:768px){
	.swiper__arrowWrap {
		height:calc(100vw * 0.5625);
		width:100%;
		margin-left:0;
		transform:translateX(-50%);
	}
}
.swiper__arrow {
	width: min(calc(74 / var(--vw-min) * 100vw),74px);
	height: min(calc(74 / var(--vw-min) * 100vw),74px);
	border-radius: 50%;
	position: absolute;
	background-color: #000;
	pointer-events: auto;
	transition: .3s ease;
	cursor:pointer;
}
@media screen and (max-width:768px){
	.swiper__arrow {
		width: calc(74 / var(--vw-min) * 100vw);
		height: calc(74 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow.--prev {
	left: max(calc(-117 / var(--vw-min) * 100vw),-117px);
}
.swiper__arrow.--next {
	right: max(calc(-117 / var(--vw-min) * 100vw),-117px);
}
@media screen and (max-width:768px){
	.swiper__arrow.--prev {
		left: calc(-10 / var(--vw-min) * 100vw);
	}
	.swiper__arrow.--next {
		right: calc(-10 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow::before {
	content: "";
	width: min(calc(100 / var(--vw-min) * 100vw),100px);
	height: min(calc(99 / var(--vw-min) * 100vw),99px);
	position: absolute;
    top: 0;
    right: max(calc(-11 / var(--vw-min) * 100vw),-11px);
	bottom: 0;
	margin: auto;
	background: url(../img/common/deco/deco_frame.png)no-repeat center/contain;
	pointer-events: none;
	animation: 25s ani_rotate01 linear infinite;
}
@media screen and (max-width:768px){
	.swiper__arrow::before {
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(99 / var(--vw-min) * 100vw);
		right: calc(-11 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
}
.swiper__arrow.--prev::after {
	left: min(calc(3 / var(--vw-min) * 100vw),3px);
	background: url(../img/common/deco/deco_arrow-l.png)no-repeat center/contain;
	transition: .3s ease;
}
.swiper__arrow.--next::after {
	right: min(calc(5 / var(--vw-min) * 100vw),5px);
	background: url(../img/common/deco/deco_arrow-r.png)no-repeat center/contain;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.swiper__arrow.--prev::after {
		left: calc(3 / var(--vw-min) * 100vw);
	}
	.swiper__arrow.--next::after {
		right: calc(5 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.swiper__arrow.--prev:hover::after {
		transform: translateX(-5px);
	}
	.swiper__arrow.--next:hover::after {
		transform: translateX(5px);
	}
}