@charset "utf-8";
/*------------------------------------------------------------
	main
------------------------------------------------------------*/

/* main-visual */
#conts.main .main-visual {
	position: relative;
	background-color: #000;
	overflow: hidden;
}
#conts.main .main-visual .main-visual-item {
	vertical-align: top;
	position: relative;
	width: 100%;
	height: 100%;
}
#conts.main .main-visual .main-visual-item a:hover {
	opacity: unset;
}
#conts.main .main-visual .photo {
	margin: 0 auto;
	max-width: 140rem;
	height: 57rem;
	overflow: hidden;
}
#conts.main .main-visual .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}
#conts.main .main-visual .text {
	padding: 0 0 0 0.2rem;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}
#conts.main .main-visual .video {
	margin: 0 auto;
	max-width: 140rem;
	max-height: 57rem;
	height: 100%;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}
#conts.main .main-visual .video iframe {
	width: 100%;
	height: 100%;
}


#conts.main {
	overflow: unset;
}
#conts.main .body .link-list {
	padding: 0 1rem 1rem;
	background-color: #2c2c2c;
}
#conts.main .body .link-list li {
	margin-bottom: 1rem;
}
#conts.main .body .link-list li:last-child {
	margin-bottom: 0;
}
#conts.main .body .link-list li a {
	display: block;
	position: relative;
}
#conts.main .body .link-list li a .photo {
	height: 32rem;
	position: relative;
	overflow: hidden;
	background-color: #000;
}
#conts.main .body .link-list li a .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#conts.main .body .link-list li a .text {
	padding: 0.8rem 0 0;
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	box-sizing: border-box;
}
#conts.main .body .link-list li a .text .ttl {
	padding: 0 0 2.1rem;
	font-size: 3.4rem;
	font-weight: 700;
	font-feature-settings: "palt";
	border-bottom: 0.2rem solid #b90000;
}
#conts.main .body .link-list li a .text .ttl span {
	display: inline-block;
	position: relative;
}
#conts.main .body .link-list li a .text .ttl span::before {
	margin: -0.1rem 0 0;
	width: 1.2rem;
	height: 1.5rem;
	position: absolute;
	left: calc(100% + 2.8rem);
	top: 50%;
	transform: translateY(-50%);
	background: url(/resources/assets/img/rflensworld/common/icon-arrow01.png) no-repeat center / 100%;
	content: "";
}
#conts.main .body .link-list li.reverse a .photo {
	text-align: right;
}
#conts.main .body .link-list li.reverse a .photo::after {
	background: linear-gradient(to left, transparent 0%,transparent 25%, #000 68%,  #000 100%);
}
#conts.main .body .link-list li.reverse a .text {
	right: auto;
	left: 0;
}
#conts.main .body .link-list li.reverse a .text .ttl {
	padding-right: 4.4rem;
	text-align: right;
}

/* new main */
#conts.main .body {
	margin-top: 6rem;
}
#conts.main .body .section .inner .data-head {
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#conts.main .body .section .inner .data-head .tit {
	font-size: 5.6rem;
	font-weight: 700;
	line-height: 120%;
	color: #ffffff;
	display: flex;
	align-items: center;
	gap: 0.8rem;
}
#conts.main .body .section .inner .data-head .tit.type1 {
	font-size: 3rem;
	line-height: 1;
	align-items: flex-end;
}
#conts.main .body .section .inner .data-head.ac .tit {
	justify-content: center;
}
#conts.main .body .section .inner .data-head.col .tit {
	flex-direction: column;
	align-items: flex-start;
}
#conts.main .body .section .inner .data-head .desc {
	font-size: 2rem;
	font-weight: 500;
	line-height: 160%;
	color: #dddddd;
}
#conts.main .body .section .inner .data-head .tit + .desc {
	margin-top: 3rem;
}
#conts.main .body .section .inner .data-body {
	margin: 0 auto;
	width: 100%;
}

/* rf logo */
.rf-logo {
	background: url(/resources/assets/img/rflensworld/common/rf-logo.png) no-repeat center center;
	background-size: contain;
	width: 10rem;
	height: 4.7rem;
	display: inline-block;
}
.rf-logo.small {
	background-size: cover;
	width: 5.9rem;
	height: 2.8rem;
}
.rflens-logo {
	background: url(/resources/assets/img/rflensworld/common/rflens-logo.png) no-repeat center center;
	background-size: contain;
	width: 18.8rem;
	height: 4.7rem;
	display: inline-block;
}

/* product */
#conts.main .body .section.product {
	max-width: 192rem;
	margin: 0 auto;
	margin-top: 16rem;
}
#conts.main .body .section.product .bnr-head .ttl {
	font-size: 5rem;
	font-weight: 700;
	line-height: 125%;

}
#conts.main .body .section.product .bnr-head .sub-ttl {
	font-size: 2rem;
	font-weight: 500;
	line-height: 140%;
}
#conts.main .body .section.product .bnr-head.color1 .ttl {
	color: #000000;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
#conts.main .body .section.product .bnr-head.color1 .sub-ttl {
	color: #000000;
}
#conts.main .body .section.product .bnr-head.color2 .ttl {
	color: #FFFFFF;
}
#conts.main .body .section.product .bnr-head.color2 .sub-ttl {
	color: #DDDDDD;
}
#conts.main .body .section.product .sub-ttl + .ttl {
	margin-top: 2rem;
}
#conts.main .body .section.product .ttl + .btn-display {
	margin-top: 5rem;
}
#conts.main .body .section.product .swiper-slide:hover {
	opacity: unset;
}
#conts.main .body .section.product .img-wrap {
	box-sizing: border-box;
	min-height: 48rem;
}
#conts.main .body .section.product .img-wrap img {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	object-fit: cover;
}
#conts.main .body .section.product .bnr-wrap {
	box-sizing: border-box;
	position: absolute;
	top: 9rem;
	left: 50%;
	transform: translateX(-50%);
	width: 66.67%;
}
#conts.main .body .section.product .brn-figure {
	position: absolute;
	right: 0;
	bottom: 0;
}
#conts.main .body .section.product .brn-figure img {
	display: block;
}
#conts.main .body .section.product .swiper .swiper-paging {
	bottom: 3.5rem !important;
}
#conts.main .body .section.product .swiper .swiper-pagination {
	position: relative;
	width: auto;
}
#conts.main .body .section.product .swiper .swiper-play-btn {
	z-index: 10;
	background: url(/resources/assets/img/rflensworld/common/product-stop-btn.svg) no-repeat center center;
	background-size: contain;
	width: 1rem;
	height: 1rem;
	box-sizing: border-box;
	margin-left: 1rem;
}
#conts.main .body .section.product .swiper .swiper-play-btn.pause {
	background: url(/resources/assets/img/rflensworld/common/product-play-btn.svg) no-repeat center center;
}

/* technology */
#conts.main .body .section.technology {
	background-color: #000000;
	position: relative;
	height: 300vh;
}
#conts.main .body .section.technology * {
	box-sizing: border-box;
}
#conts.main .body .section.technology .inner {
	height: 100vh;
	overflow: hidden;
	position: sticky;
	top: 0;
}
#conts.main .body .section.technology .inner::after {
	content: '';
	background: url(/resources/assets/img/rflensworld/index/tech-round.svg) no-repeat center center;
	background-size: contain;
	width: 164.6rem;
	height: 164.6rem;
	position: absolute;
	top: 95%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.8s ease;
}
#conts.main .body .section.technology .data-video {
	position: absolute;
	width: calc(36.46vw - 4rem);
	height: 38vh;
	transition:all 0.8s ease;
	z-index: 2;
	left: 50%;
	bottom: -100%;
	transform: translateX(-50%);
	overflow: hidden;
	background-color: #000000;
	will-change: transform, width, height;
}
#conts.main .body .section.technology .data-video .video {
	/* width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
	transition: none;
	background-color: #000000; */
	overflow: hidden;
	width: 99.9%;
	aspect-ratio: 16 / 9;
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
}
#conts.main .body .section.technology .data-video .video iframe {
	/* width: 100%;
    height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
	width: 300%;
	height: 100%;
	margin-left: -100%;
}
#conts.main .body .section.technology .data-video .yt-thumb {
	width: 100%;
	height: 100%;
	position: relative;
	opacity: 1;
	transition: 0.3s ease;
	overflow: hidden;
	z-index: 1;
}
#conts.main .body .section.technology .data-video .yt-thumb img {
	display:block;
	width:100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}
#conts.main .body .section.technology .data-head {
	text-align: center;
	position: sticky;
	top: 18.5vh;
	transition: top 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#conts.main .body .section.technology .data-head .tit {
	font-size: 6.4rem;
	font-weight: 700;
	line-height: 140%;
	color: #FFFFFF;
}
#conts.main .body .section.technology .data-head .tit + .desc {
	margin-top: 3rem;
}
#conts.main .body .section.technology .data-head .desc {
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 150%;
}
#conts.main .body .section.technology .data-body {
	position: absolute;
	left: 0;
	bottom: -100%;
	z-index: 1;
	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
#conts.main .body .section.technology .data-body .tech-fig-wrap {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	column-gap: 0;
	transition: column-gap 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

#conts.main .body .section.technology .data-body .tech-fig {
	position: relative;
	width: 100%;
	height: auto;
	overflow:hidden;
	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
#conts.main .body .section.technology .data-body .tech-fig img {
	display:block;
	width:100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}
#conts.main .body .section.technology .data-body .tech-fig.fig-01 {
	width: 9.479vw;
	height: 59vh;
}
#conts.main .body .section.technology .data-body .tech-fig.fig-02 {
	width: 21.25vw;
	height: 50vh;
}
#conts.main .body .section.technology .data-body .tech-fig.fig-center {
	width: 38.54vw;
	height: 38vh;
}
#conts.main .body .section.technology .data-body .tech-fig.fig-03 {
	width: 23.95vw;
	height: 46vh;
}
#conts.main .body .section.technology .data-body .tech-fig.fig-04 {
	width: 6.77vw;
	height: 64vh;
}

#conts.main .body .section.technology .data-aside {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	width: 100%;
	height: 10rem;
	overflow: hidden;
	text-align: center;
}
#conts.main .body .section.technology .data-aside .para {
	font-size: 6.4rem;
	font-weight: 700;
	line-height: 140%;
	color: #FFFFFF;
	display: inline-block;
	opacity: 0;
	transition: all 0.8s ease;
}
#conts.main .body .section.technology .data-aside .para.para-01 {
	transition-delay: 0.1s;
	transform: translateY(10rem);
}
#conts.main .body .section.technology .data-aside .para.para-02 {
	transition-delay: 0.2s;
	padding-left: 1.5rem;
	transform: translateY(10rem);
}
#conts.main .body .section.technology .data-aside .para.para-03 {
	padding-left: 4rem;
}
#conts.main .body .section.technology .data-line {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 95%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0.3;
	transition: width 0.8s ease, height 0.8s ease, top 0.8s ease;
	will-change: width, height, transform;
}
#conts.main .body .section.technology .data-line::after {
	content: '';
	background: url(/resources/assets/img/rflensworld/index/tech-line.svg) no-repeat center center;
	background-size: contain;
	width: 89.6rem;
	height: 89.6rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}


/* line-up */
#conts.main .body .section.line-up {
	background-color: #000000;
	min-height: 96.4rem;
	padding: 16rem 2rem;
	box-sizing: border-box;
	overflow: hidden;
}
#conts.main .body .section.line-up .inner-wrap {
	max-width: 146rem;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	display: flex;
	gap: 15rem;
	transition: all 0.2s ease;
}
#conts.main .body .section.line-up .data-head {
	min-width: 20rem;
	margin-top: 6rem;
}
#conts.main .body .section.line-up .data-head .tab-list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-top: 3rem;
}
#conts.main .body .section.line-up .data-head .tab-list li a {
	font-family: "Montserrat", sans-serif;
	font-size: 3rem;
	font-weight: 500;
	line-height: 120%;
	color: #FFFFFF;
	display: block;
	opacity: 0.2;
	position: relative;
}
#conts.main .body .section.line-up .data-head .tab-list li.on a {
	opacity: 1;
}
#conts.main .body .section.line-up .data-head .tab-list li.on a::after {
	content: '';
	width: 2rem;
	height: 0.2rem;
	background: #C00;
	position: absolute;
	right: 0;
	top: 1.7rem;
}
#conts.main .body .section.line-up .data-body {
	width: 138rem;
}
#conts.main .body .section.line-up .swiper-slide {
	height: auto;
}
#conts.main .body .section.line-up .bnr-wrap {
	width: 44rem;
	min-height: 53.7rem;
	height: 100%;
	padding: 2.4rem;
	display: block;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: #131313;
}
/* #conts.main .body .section.line-up .bnr-wrap:hover {
	opacity: unset;
} */
#conts.main .body .section.line-up .brn-badge {
	/* display: flex; */
	display: none;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
}
#conts.main .body .section.line-up .badge {
	border-radius: 0.4rem;
	border: 1px solid #E02C2C;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 160%;
	padding: 0.1rem 0.8rem;
}
#conts.main .body .section.line-up .badge.type1 {
	font-family: "Montserrat", sans-serif;
	background: #E02C2C;
	color: #FFF;
}
#conts.main .body .section.line-up .badge.type2 {
	background: transparent;
	color: #E02C2C;
}
#conts.main .body .section.line-up .brn-figure {
	width: 100%;
	height: 24.2rem;
	overflow: hidden;
	position: relative;
}
#conts.main .body .section.line-up .brn-figure img {
	display:block;
	width:100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}
#conts.main .body .section.line-up .brn-figure + .brn-body {
	margin-top: 2.4rem;
}
#conts.main .body .section.line-up .brn-body .para {
	font-family: "Montserrat", sans-serif;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 150%;
	color: #FFF;
}
#conts.main .body .section.line-up .brn-body .para + .tag-list {
	margin-top: 5.6rem;
}
#conts.main .body .section.line-up .brn-body .tag-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem 1.4rem;
}
#conts.main .body .section.line-up .brn-body .tag {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 160%;
	color: #666;
}
#conts.main .body .section.line-up .tab-box {
	width: 138rem;
	overflow: hidden;
}
#conts.main .body .section.line-up .swiper {
	overflow: visible;
	z-index: 11;
	width: 44rem;
	margin: 0;
}
#conts.main .body .section.line-up .swiper-wrapper {
	align-items: stretch;
}
#conts.main .body .section.line-up .swiper-button-next {
	width: 6rem;
	height: 6rem;
	background: url(/resources/assets/img/rflensworld/common/slide-next-02.svg) no-repeat center center;
	background-size: contain;
	position: unset;
}
#conts.main .body .section.line-up .swiper-button-prev {
	width: 6rem;
	height: 6rem;
	background: url(/resources/assets/img/rflensworld/common/slide-prev-02.svg) no-repeat center center;
	background-size: contain;
	position: unset;
}
#conts.main .body .section.line-up .swiper-button-next:after,
#conts.main .body .section.line-up .swiper-button-prev:after {
	content: '';
}
#conts.main .body .section.line-up .swiper-paging {
	justify-content: flex-start;
	gap: 1.4rem;
	bottom: 19rem;
}
#conts.main .body .section.line-up .swiper-paging + .data-aside {
	margin-top: 8rem;
	margin-left: 31rem;
}


/* technology active */
#conts.main .body .section.technology.active1 .data-head {
	top: 14vh;
}
#conts.main .body .section.technology.active1 .data-body {
	bottom: 0;
}
#conts.main .body .section.technology.active1 .data-video {
	bottom: 0;
}
#conts.main .body .section.technology.active1 .data-body .tech-fig-wrap {
	column-gap: 4rem;
}
#conts.main .body .section.technology.active1 .inner::after {
	top: 50%;
}
#conts.main .body .section.technology.active1 .data-line {
	width: 18rem;
	height: 18rem;
	opacity: 1;
	top: 50%;
}
#conts.main .body .section.technology.active2 .data-video {
	width: 100%;
	height: 100vh;
}
#conts.main .body .section.technology.active2 .data-video .video {
	opacity: 1;
}
#conts.main .body .section.technology.active2 .data-video .yt-thumb {
	opacity: 0;
}
#conts.main .body .section.technology.active2 .inner {
	z-index: 999;
}
#conts.main .body .section.technology.active3 .data-aside .para {
	opacity: 1;
}
#conts.main .body .section.technology.active3 .data-aside .para.para-01,
#conts.main .body .section.technology.active3 .data-aside .para.para-02 {
	transform: translateY(0);
}

/* quest */
#conts.main .body .section.quest {
	background: url(/resources/assets/img/rflensworld/index/quest-bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 0 2rem;
	max-height: 92.2rem;
	overflow: hidden;
}
#conts.main .body .section.quest .inner {
	max-width: 146rem;
	margin: 0 auto;
	position: relative;
	padding-top: 23.6rem;
	padding-bottom: 24.583%;
	box-sizing: border-box;
}
#conts.main .body .section.quest .data-head .rflens-quest-logo {
	background: url(/resources/assets/img/rflensworld/index/rflens-quest-logo.png) no-repeat;
	background-size: contain;
	width: 55.6rem;
	height: 11.4rem;
	display: inline-block;
	position: absolute;
	left: -80px;
	top: 0;
}
#conts.main .body .section.quest .data-head .tit + .desc {
	margin-top: 12.3rem;
}
#conts.main .body .section.quest .data-aside {
	margin-top: 8rem;
}
#conts.main .body .section.quest .data-figure {
	position: absolute;
	right: -12%;
	top: 27rem;
	width: 79%;
}


/* media */
#conts.main .body .section.media {
	background-color: #000000;
}
#conts.main .body .section.media .inner {
	padding-top: 16rem;
	padding-bottom: 16rem;
	box-sizing: border-box;
	overflow: hidden;
}
#conts.main .body .section.media .data-head {
	max-width: 146rem;
	margin: 0 auto;
	padding: 0 2rem;
}
#conts.main .body .section.media .data-head + .data-body {
	margin: 6rem auto 0;
	/* width: 248rem; */
}
#conts.main .body .section.media .media-swiper {
	padding-bottom: 6.4rem;
}
#conts.main .body .section.media .swiper-slide {
	width: 98rem;
}
#conts.main .body .section.media .data-figure {
	width: 98rem;
	height: 55rem;
	display: block;
	overflow: hidden;
	position: relative;
	border: 1px solid transparent;
	transition: border 0.5s ease;
}
#conts.main .body .section.media .data-figure::after {
	/* content: ''; */
	background: url(/resources/assets/img/rflensworld/common/play-btn.png) no-repeat center center;
	background-size: contain;
	width: 10rem;
	height: 10rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: 0.5s ease;
}
#conts.main .body .section.media .data-figure:hover {
	border: 1px solid #FF0000;
	opacity: unset;
}
#conts.main .body .section.media .data-figure img {
	display:block;
	width:100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}
#conts.main .body .section.media .data-figure + .data-text {
	margin-top: 3rem;
	text-align: center;
}
#conts.main .body .section.media .ttl {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 140%;
	color: #FFFFFF;
}
#conts.main .body .section.media .ttl + .tag-list {
	margin-top: 1rem;
}
#conts.main .body .section.media .tag-list {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 1.4rem;
	flex-wrap: wrap;
}
#conts.main .body .section.media .tag {
	font-family: "Montserrat", sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 140%;
	color: #999;
}
#conts.main .body .section.media .swiper-paging {
	bottom: 0;
}
#conts.main .body .section.media .swiper-button-next {
	width: 1.8rem;
	height: 1.8rem;
	background: url(/resources/assets/img/rflensworld/common/slide-next.svg) no-repeat center center;
	background-size: contain;
	position: relative;
	margin: unset;
	right: auto;
}
#conts.main .body .section.media .swiper-button-prev {
	width: 1.8rem;
	height: 1.8rem;
	background: url(/resources/assets/img/rflensworld/common/slide-prev.svg) no-repeat center center;
	background-size: contain;
	position: unset;
	margin: unset;
	margin-left: 1.4rem;
	margin-right: 2.5rem;
}
#conts.main .body .section.media .swiper-button-next:after,
#conts.main .body .section.media .swiper-button-prev:after {
	content: '';
}
#conts.main .body .section.media .swiper-button-next:after {
	width: 0.1rem;
	height: 1.4rem;
	opacity: 0.2;
	background: #FFF;
	position: absolute;
	left: -1.2rem;
}

/* swiper common */
#conts.main .body .section .swiper-paging {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	z-index: 10;
}

#conts.main .swiper .swiper-pagination {
	position: relative;
	width: auto;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}
#conts.main .swiper .swiper-pagination .swiper-pagination-bullet {
	border: 1px solid #ffffff;
	opacity: 0.4;
	width: 1rem;
	height: 1rem;
	margin: 0 1rem;
	box-sizing: border-box;
	background-color: transparent;
}
#conts.main .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #ffffff;
	opacity: 1;
}

#conts.main .swiper .swiper-paging.type1 {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 155.6rem;
	height: 57rem;
	transform: translate(-50%,-50%);
	pointer-events: none;
}

#conts.main .swiper .swiper-paging.type1 .swiper-pagination {
	position: absolute;
	left: 50%;
	bottom: 1.8rem;
	transform: translateX(-50%);
	pointer-events: auto;
}
#conts.main .swiper .swiper-paging.type1 .swiper-button-prev,
#conts.main .swiper .swiper-paging.type1 .swiper-button-next {
	width: 4.7rem;
	height: 4.7rem;
	pointer-events: auto;
}
#conts.main .swiper .swiper-paging.type1 .swiper-button-prev::after,
#conts.main .swiper .swiper-paging.type1 .swiper-button-next::after {
	content: '';
	width: 4.7rem;
	height: 4.7rem;
}
#conts.main .swiper .swiper-paging.type1 .swiper-button-prev::after {
	background: url(/resources/assets/img/rflensworld/common/icon_main_kv_prev.svg) no-repeat center center;
	background-size: contain;
}
#conts.main .swiper .swiper-paging.type1 .swiper-button-next::after {
	background: url(/resources/assets/img/rflensworld/common/icon_main_kv_next.svg) no-repeat center center;
	background-size: contain;
}

/* 250526 고도화 메인 퀘스트 섹션 */
#conts.main .section.user-registered .inner .data-head {
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 140%;
	color: #FFFFFF;
	display: block;
}


#conts.main .section.user-registered .inner .quest-article {
	padding: 14rem 2rem 14.2rem;
	background: #000;
}
#conts.main .section.user-registered .inner .quest-article .data-head {
	text-align: center;
}
#conts.main .section.user-registered .inner .quest-article .data-head .rf-logo {
	margin-inline: 22px 6px;
}
#conts.main .section.user-registered .inner .quest-article .data-body {
	margin: 0 auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1000px;
}

#conts.main .section.user-registered .inner .quest-article .data-body .badge-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3.2rem;
	width: 36%;
}
#conts.main .section.user-registered .inner .quest-article .data-body .badge-wrap .badge-figure {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
}
#conts.main .section.user-registered .inner .quest-article .data-body .badge-wrap .badge-figure img {
	width: 21rem;
	height: auto;
}
#conts.main .section.user-registered .inner .quest-article .data-body .badge-wrap .badge-figure .badge-name {
	display: block;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
}
#conts.main .section.user-registered .inner .quest-article .data-body .badge-wrap .badge-util .btn-display {
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}
#conts.main .section.user-registered .inner .quest-article .data-body .badge-wrap .badge-util .btn-display .btn {
	min-width: 19rem;
	text-align: center;
}

#conts.main .section.user-registered .inner .quest-article .data-head + .data-body {
	margin-top: 6.4rem;
}

#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	width: 64%;
}
#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-swiper-display {
	padding: 3.6rem 3rem 3rem 3rem;
	background-color: #141414;
	max-width: 640px;
	box-sizing: border-box;
}
#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-title {
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	line-height: 100%;
	display: block;
}
#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-title + .quest-summary {
	margin-top: 0.8rem;
}
#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-summary {
	color: #909090;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	display: block;
}
#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-head + .quest-body {
	margin-top: 2.4rem;

	max-width: 100%;  /* 또는 width: 100% */
	overflow: hidden; /* Swiper 작동 시 필수 */


}
#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-item {
	display: block;
	position: relative;
	padding: 16px 30px 16px 20px;
	background: rgba(255, 255, 255, 0.10);
	min-height: 80px;
	box-sizing: border-box;
	align-content: center;
}
#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-item::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1rem;
	width: 1.6rem;
	height: 1.6rem;
	background: url(/resources/assets/img/rflensworld/common/icon-arrow-grey-pc.svg) no-repeat center center;
	background-size: cover;
}
#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-name {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;

	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-list + .swiper-pagination{
	margin-top: 2.4rem;
}

#conts.main .section.user-registered .inner .recommend-article {
	background: #1E1E1E;
	padding-block: 8rem 9.3rem;
}




#conts.main .section.user-registered .inner .recommend-article .article-inner {
	max-width: 1484px;
	margin: 0 auto;
	padding-inline: 2rem;
	box-sizing: border-box;
}
#conts.main .section.user-registered .inner .recommend-article .data-head {
	text-align: left;
}
#conts.main .section.user-registered .inner .recommend-article .data-head + .data-body {
	margin-top: 4.3rem;
}
#conts.main .section.user-registered .inner .recommend-article .banner-list {
	display: flex;
	align-items: center;
	gap: 3rem;
	justify-content: space-between;
}
#conts.main .section.user-registered .inner .recommend-article .banner-item {
	flex-grow: 1;
}
#conts.main .section.user-registered .inner .recommend-article .banner-wrap {
	display: block;
	padding: 3rem 4rem;
	border: 1px solid rgba(255, 255, 255, 0.10);
}
#conts.main .section.user-registered .inner .recommend-article .banner-summary {
	display: block;
	color: #909090;
	font-size: 16px;
	font-weight: 300;
}
#conts.main .section.user-registered .inner .recommend-article .banner-summary + .banner-head {
	margin-top: 2rem;
}
#conts.main .section.user-registered .inner .recommend-article .banner-head {
	color: #FFF;
	font-size: 28px;
	font-weight: 700;
	line-height: 140%;
	position: relative;
	display: flex;
	align-items: center;
}
#conts.main .section.user-registered .inner .recommend-article .banner-item .banner-head::after {
	content: '';
	display: inline-block;
	width: 3.2rem;
	height: 3.2rem;
	vertical-align: middle;
	margin-left: 0.4rem;
}
#conts.main .section.user-registered .inner .recommend-article .banner-item:nth-child(1) {
	background: url(/resources/assets/img/rflensworld/index/recommend-bg-1.jpg) no-repeat center right;
	background-size: cover;
}
#conts.main .section.user-registered .inner .recommend-article .banner-item:nth-child(2) {
	background: url(/resources/assets/img/rflensworld/index/recommend-bg-2.jpg) no-repeat center right;
	background-size: cover;
}
#conts.main .section.user-registered .inner .recommend-article .banner-item:nth-child(1) .banner-head::after {
	background: url(/resources/assets/img/rflensworld/common/icon-arrow-grey-pc.svg) no-repeat center center;
	background-size: cover;
}
#conts.main .section.user-registered .inner .recommend-article .banner-item:nth-child(2) .banner-head::after {
	background: url(/resources/assets/img/rflensworld/common/icon-arrow-red-pc.svg) no-repeat center center;
	background-size: cover;
}


/***************************************************/


@media all and (max-width: 1100px) and (min-width: 768px) {
	#conts.main .body .link-list li a:hover {
		opacity: 1;
	}
	#conts.main .body .link-list li a .photo img {
		transition: 0.3s ease;
	}
	#conts.main .body .link-list li a:hover .photo img {
		transform: scale(1.05);
	}
	#conts.main .body .section.quest .inner {
		padding-top: 21%;
	}
	#conts.main .body .section.quest .data-figure {
		right: -10%;
		top: 47%;
		width: 79%;
	}
}

@media all and (max-width: 948px) {
	.rf-logo {
		width: 10.48vw;
		height: 8.5vh;
	}
	#conts.main .body .section .inner .data-head.ac .tit {
		font-size: 6.75vw;
	}
	#conts.main .body .section.technology .data-head .desc {
		font-size: 2.53vw;
	}
	#conts.main .body .section.product .bnr-head .sub-ttl {
		font-size: 2.1vw;
	}
	#conts.main .body .section.product .bnr-head .ttl {
		font-size: 5.27vw;
	}
	#conts.main .body .section .inner .data-head .tit {
		font-size: 5.9vw;
	}
	#conts.main .body .section .inner .data-head .desc {
		font-size: 2.1vw;
	}
	#conts.main .body .section.line-up .data-head .tab-list li a {
		font-size: 3.1vw;
	}
	#conts.main .body .section.line-up .inner-wrap {
		gap: 7.8%;
	}
	#conts.main .body .section.technology .data-aside .para {
		font-size: 6vw;
		transition: all 0.5s ease;
	}
	#conts.main .body .section.line-up .data-head {
		min-width: 19.5vw;
	}
	#conts.main .body .section.media .swiper-slide {
		width: 49rem;
	}
	#conts.main .body .section.media .data-figure {
		width: 100%;
		height: 27rem;
	}
	#conts.main .body .section.product .brn-figure {
		width: 50%;
	}
	#conts.main .body .section.media .ttl {
		font-size: 2.53vw;
	}
	#conts.main .body .section.media .tag {
		font-size: 1.89vw;
	}
}

@media all and (max-width: 767px) {
	/* main-visual */
	#conts.main .main-visual .main-visual-item {
		min-height: unset;
		height: 0;
		padding-bottom: 106%;
	}
	#conts.main .main-visual .photo,
	#conts.main .main-visual .video {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#conts.main .main-visual .video {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
		height: auto;
		z-index: 2;
	}
	#conts.main .main-visual .text h2 {
		width: 43.2vw;
		min-width: 16.2rem;
		aspect-ratio: 162/199;
	}
	#conts.main .main-visual .text {
		padding: 0 0 2.4rem;
	}
}

@media all and (max-width: 767px) {
	/* product bnr */
	#conts.main .body .section.product .bnr-head .sub-ttl {
		font-size: 1.4rem;
	}
	#conts.main .body .section.product .bnr-head .ttl {
		font-size: 2.6rem;
	}
	#conts.main .body .section.product .bnr-head .sub-ttl + .ttl {
		margin-top: 0.8rem;
	}
	#conts.main .body .section.product .btn-display {
		display: none;
	}
	#conts.main .body .section.product .img-wrap {
		min-height: unset;
	}
	#conts.main .body .section.product .img-wrap img {
		position: unset;
		transform: unset;
	}
	#conts.main .body .section.product .bnr-wrap {
		top: 5rem;
		left: 2rem;
		width: 100%;
		transform: unset;
	}
	#conts.main .body .section.product .swiper .swiper-paging {
		bottom: 2.5rem !important;
	}
	#conts.main .body .section.product .brn-figure {
		width: 75.82%;
		position: relative;
		margin-right: 0;
		margin-left: auto;
	}
	#conts.main .body .section.product .bnr-head {
		width: 100%;
	}
}

@media all and (max-width: 767px) {
	/* tech */
	#conts.main .body .section .inner .data-head.ac .tit {
		font-size: 2.8rem;
	}
	#conts.main .body .section.technology .data-head .desc {
		font-size: 1.6rem;
	}
	#conts.main .body .section.technology .data-head .tit + .desc {
		margin-top: 1.6rem;
	}
	#conts.main .body .section.technology .data-aside .para {
		font-size: 3.2rem;
	}
	#conts.main .body .section.technology .data-aside .para.para-03 {
		padding-left: 0;
	}
	#conts.main .body .section.technology .data-body .tech-fig.fig-01,
	#conts.main .body .section.technology .data-body .tech-fig.fig-04 {
		display: none;
	}

	#conts.main .body .section.technology .data-body .tech-fig.fig-02 {
		width: 12.8vw;
		height: 45.7vh;
	}
	#conts.main .body .section.technology .data-body .tech-fig.fig-center {
		width: 64vw;
		height: 22.85vh;
	}
	#conts.main .body .section.technology .data-body .tech-fig.fig-03 {
		width: 12.53vw;
		height: 32.85vh;
	}
	#conts.main .body .section.technology .data-video {
		width: calc(64vw - 2.65vw);
		height: 22.85vh;
	}
	#conts.main .body .section.technology .inner::after {
		background: url(/resources/assets/img/rflensworld/index/tech-round-sp.svg) no-repeat center center;
		background-size: contain;
		width: 100vw;
		height: 100%;
		top: 65%;
	}
	#conts.main .body .section.technology .data-line {
		top: 65%;
	}

	#conts.main .body .section.technology.active1 .data-body .tech-fig-wrap {
		column-gap: 5.3vw;
	}
	#conts.main .body .section.technology .data-line::after {
		content: '';
		background: url(/resources/assets/img/rflensworld/index/tech-line-sp.svg) no-repeat center center;
		background-size: contain;
		width: 20.7rem;
		height: 20.7rem;
	}
	#conts.main .body .section.technology.active1 .data-line {
		width: 5.1rem;
		height: 5.1rem;
		top: 49.5%;
	}
	#conts.main .body .section.technology .data-aside .para.para-01 {
		transition-delay: unset;
		transform: translateY(2rem);
	}
	#conts.main .body .section.technology .data-aside .para.para-02 {
		transition-delay: 0.1s;
		padding-left: 0.5rem;
		transform: translateY(2rem);
	}
	#conts.main .body .section.technology .data-aside .para.para-03 {
		padding-left: 4.2%;
		transition-delay: 0.2s;
	}
}

@media all and (max-width: 767px) {
	/* lineup */
	#conts.main .body .section.line-up .inner-wrap {
		flex-direction: column;
		gap: 5rem;
	}
	#conts.main .body .section.line-up .tab-box {
		width: 100%;
	}
	#conts.main .body .section.line-up .swiper-paging + .data-aside {
		margin-left: unset;
		padding-right: 2rem;
	}
	#conts.main .body .section.line-up .swiper-paging + .data-aside .btn-display {
		justify-content: center;
	}

	#conts.main .body .section.line-up {
		padding: 9rem 2rem;
		min-height: unset;
	}
	#conts.main .body .section.line-up .data-head {
		margin: 0;
	}
	#conts.main .body .section.line-up .data-body {
		width: calc(100% + 2rem);
	}
	#conts.main .body .section.line-up .badge {
		font-size: 1.2rem;
	}
	#conts.main .body .section.line-up .swiper-slide {
		width: 24rem;
	}
	#conts.main .body .section.line-up .bnr-wrap {
		padding: 1.8rem;
		min-height: 34rem;
		width: 100%;
	}
	#conts.main .body .section.line-up .brn-body .para {
		font-size: 1.8rem;
	}
	#conts.main .body .section.line-up .brn-body .tag-list {
		gap: 0.1rem 1rem;
	}
	#conts.main .body .section.line-up .brn-body .tag {
		font-size: 1.4rem;
	}
	#conts.main .body .section.line-up .brn-body .para + .tag-list {
		margin-top: 0.8rem;
	}
	#conts.main .body .section.line-up .inner-wrap + .data-aside {
		margin-top: 5rem;
	}
	#conts.main .body .section.line-up .brn-figure {
		height: 18rem;
	}
	#conts.main .body .section.line-up .data-head .tab-list {
		flex-direction: row;
		margin-top: 2.4rem;
		gap: 2.4rem;
	}
	#conts.main .body .section.line-up .data-head .tab-list li a {
		font-size: 1.8rem;
	}
	#conts.main .body .section.line-up .data-head .tab-list li.on a::after {
		width: 100%;
		height: 0.2rem;
		right: auto;
		left: 0;
		top: auto;
		bottom: -0.3rem;
	}
	#conts.main .body .section.line-up .swiper {
		width: 24rem;
	}
}

@media all and (max-width: 767px) {
	/* quest */
	#conts.main .body .section.quest .inner {
		padding-top: 7.4rem;
		padding-bottom: 9rem;
	}
	#conts.main .body .section.quest .data-head .rflens-quest-logo {
		background: url(/resources/assets/img/rflensworld/index/rflens-quest-logo-sp.png) no-repeat;
		background-size: contain;
		width: 27.1rem;
		height: 6.3rem;
		left: -2rem;
	}
	#conts.main .body .section.quest .inner .data-head .tit + .desc {
		margin-top: 6.9rem !important;
	}
	#conts.main .body .section.quest .inner {
		padding: 9rem 0;
	}

	#conts.main .body .section.quest .data-figure {
		position: relative;
		top: auto;
		right: auto;
		width: calc(100% + 4rem);
		margin-left: -2rem;
		margin-right: auto;
		transform: unset;
	}
	#conts.main .body .section.quest .data-head + .data-figure {
		margin-top: 6.5rem;
	}
	#conts.main .body .section.quest .data-aside {
		margin-top: -0.7rem;
	}
	#conts.main .body .section.quest .btn-display {
		justify-content: center;
	}
}

@media all and (max-width: 767px) {
	/* media */
	#conts.main .body .section.media .inner {
		/* padding-top: 9rem; */
		padding-bottom: 9rem;
	}
	#conts.main .body .section.media .data-head + .data-body {
		margin: 5rem auto 0;
	}
	#conts.main .body .section.media .ttl {
		font-size: 1.8rem;
	}
	#conts.main .body .section.media .tag {
		font-size: 1.4rem;
	}
	#conts.main .body .section.media .media-swiper {
		padding-bottom: 4rem;
	}
	#conts.main .body .section.media .swiper-slide {
		width: 31.4rem;
	}
	#conts.main .body .section.media .data-figure {
		width: 100%;
		height: 17.6rem;
		box-sizing: border-box;
		border: 2px solid transparent;
	}
	#conts.main .body .section.media .swiper-slide-active .data-figure {
		border: 2px solid #FF0000CC;
	}
	#conts.main .body .section.media .data-figure::after {
		/* opacity: 1; */
		width: 7rem;
		height: 7rem;
	}
	#conts.main .body .section.media .data-figure + .data-text {
		margin-top: 2rem;
	}
}

@media all and (max-width: 767px) {
	#conts.main .section.user-registered .inner .data-head {
		font-size: 2rem;
	}
}

@media all and (max-width: 767px) {
	#conts.main .section.user-registered .inner .quest-article {
		padding: 9rem 2rem;
	}
	#conts.main .section.user-registered .inner .quest-article .data-head .rf-logo {
		margin-inline: 14px 6px;
	}
	#conts.main .section.user-registered .inner .quest-article .data-head + .data-body {
		margin-top: 5rem;
	}
	#conts.main .section.user-registered .inner .quest-article .data-body {
		flex-direction: column;
	}

	#conts.main .section.user-registered .inner .quest-article .data-body .badge-wrap {
		width: 100%;
	}
	#conts.main .section.user-registered .inner .quest-article .data-body .badge-wrap + .quest-wrap {
		margin-top: 5rem;
	}


	#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap {
		width: 100%;
	}

	#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-swiper-display {
		padding: unset;
		background-color: unset;
		max-width: unset;
	}
	#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-swiper-display + .quest-swiper-display {
		margin-top: 3rem;
		padding-top: 3rem;
	}
	#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-item {
		width: 100%;
		display: flex;
	}

	#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-body {
		height: 260px;
		padding-bottom: 40px;
	}

	#conts.main .section.user-registered .inner .quest-article .data-body .quest-wrap .quest-title {
		font-size: 20px;
	}
}


@media all and (max-width: 767px) {
	#conts.main .section.user-registered .inner .recommend-article {
		padding-block: 9rem;
	}
	#conts.main .section.user-registered .inner .recommend-article .data-head {
		text-align: center;
	}
	#conts.main .section.user-registered .inner .recommend-article .data-head + .data-body {
		margin-top: 5rem;
	}
	#conts.main .section.user-registered .inner .recommend-article .banner-list {
		gap: 1rem;
		flex-direction: column;
	}


	#conts.main .section.user-registered .inner .recommend-article .banner-summary {
		font-size: 14px;
		font-weight: 500;
	}
	#conts.main .section.user-registered .inner .recommend-article .banner-summary + .banner-head {
		margin-top: 10px;
	}
	#conts.main .section.user-registered .inner .recommend-article .banner-head {
		font-size: 24px;
	}

	#conts.main .section.user-registered .inner .recommend-article .banner-wrap {
		padding: 2rem;
	}
	#conts.main .section.user-registered .inner .recommend-article .banner-item {
		width: 100%;
	}

	#conts.main .section.user-registered .inner .recommend-article .banner-item:nth-child(1) {
		background: #000;
	}
	#conts.main .section.user-registered .inner .recommend-article .banner-item:nth-child(2) {
		background: #000;
	}
	#conts.main .section.user-registered .inner .recommend-article .banner-item:nth-child(1) .banner-head::after {
		background: url(/resources/assets/img/rflensworld/common/icon-arrow-grey-mo.svg) no-repeat center center;
		background-size: cover;
	}
	#conts.main .section.user-registered .inner .recommend-article .banner-item:nth-child(2) .banner-head::after {
		background: url(/resources/assets/img/rflensworld/common/icon-arrow-red-mo.svg) no-repeat center center;
		background-size: cover;
	}
}

@media all and (max-width: 767px) {
	/* swiper common mo */
	#conts.main .swiper .swiper-paging.type1 {
		height: 0;
		padding-bottom: 106%;
	}

	#conts.main .swiper .swiper-paging.type1 .swiper-button-prev,
	#conts.main .swiper .swiper-paging.type1 .swiper-button-next {
		width: 3rem;
		height: 3rem;
	}
	#conts.main .swiper .swiper-paging.type1 .swiper-button-prev::after,
	#conts.main .swiper .swiper-paging.type1 .swiper-button-next::after {
		width: 3rem;
		height: 3rem;
	}
}

@media all and (max-width: 767px) {
	.rf-logo {
		width: 5.2rem;
		height: 2.4rem;
		background: url(/resources/assets/img/rflensworld/common/rf-logo-sp.png) no-repeat center center;
		background-size: contain;
	}
	.rflens-logo {
		width: 9.6rem;
		height: 2.4rem;
		background: url(/resources/assets/img/rflensworld/common/rflens-logo-sp.png) no-repeat center center;
		background-size: contain;
	}
	.rf-logo.small {
		width: 3.9rem;
		height: 1.8rem;
	}
	#conts.main .body {
		margin-top: 4.8rem;
	}
	#conts.main .body .link-list li a .photo {
		width: 100%;
		height: auto;
		aspect-ratio: 71/32;
		overflow: hidden;
	}
	#conts.main .body .link-list li a .photo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#conts.main .body .link-list li a .text {
		padding: 0 0 0.2rem;
		width: calc(50% + 8.3rem);
	}
	#conts.main .body .link-list li a .text.text01 {
		width: calc(50% + 9.7rem);
	}
	#conts.main .body .link-list li a .text .ttl {
		padding: 0 0 0.9rem;
		font-size: 2.2rem;
		border-bottom-width: 0.1rem;
	}
	#conts.main .body .link-list li a .text .ttl span::before {
		margin-top: 0.1rem;
		width: 0.8rem;
		height: 1rem;
		left: calc(100% + 1.4rem);
	}
	#conts.main .main-visual .photo img {
		object-position: center;
	}

	/* common */
	#conts.main .body .section .inner .data-head .tit {
		font-size: 2.8rem;
	}
	#conts.main .body .section .inner .data-head .tit.type1 {
		font-size: 1.8rem;
		line-height: normal;
		align-items: baseline;
	}
	#conts.main .body .section .inner .data-head.col .tit {
		flex-direction: row;
		align-items: center;
	}
	#conts.main .body .section .inner .data-head .desc {
		font-size: 1.6rem;
	}
	#conts.main .body .section .inner .data-head .tit + .desc {
		margin-top: 1.6rem;
	}
	#conts.main .swiper .swiper-pagination .swiper-pagination-bullet {
		width: 0.8rem;
		height: 0.8rem;
		margin: 0 0.5rem;
	}
}
@media all and (max-width: 374px) {
	#conts.main .body .link-list li a .text {
		width: calc(50% + 6rem);
	}
}