@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
.cormorant { font-family: "Cormorant", serif; }

body {
	opacity: 1;
	visibility: visible;
}
body #container { overflow: hidden;}
.nolink { pointer-events: none; }
.icon_line {
	width: 100%;
	max-width: 8px;
	margin: 0 auto 30px;
}
.is_shadow {
	text-shadow: 0px 0px 5px rgba(0,0,0.3), 0px 0px 10px rgba(0,0,0.3);
}
.btn_style { color: #fff; }

.line_vertical {
	position: absolute;
	top: 0;
	left: 0;
	width: clamp(40px,14.2857vw,240px);
	z-index: -1;
	overflow: hidden;
}
.line_vertical svg { opacity: 0.5; }
.line_vertical .cls-1 {
	fill: none;
	stroke: #d8d3cb;
	stroke-miterlimit: 10;
	stroke-width: 1.2px;
	transition: all 3s linear;
	transform: translateY(-115%);
}
.line_vertical.on .cls-1 { transform: translateY(0); }

.lines_animate {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 110px;
	z-index: -1;
	height: clamp(60px,26.190476vw,440px);
	overflow: hidden;
}
.lines_animate .line_vertical {
	right: 0;
	left: auto;
}
.is_mv .lines_animate .line_vertical .cls-1 { transform: translateY(0); }

.lines02_wrap {
	position: relative;
	z-index: 0;
}
.lines02_wrap .lines_right {
	width: clamp(80px,10.7738vw,182px);
	position: absolute;
	top: 0;
	right: calc((100vw - 1170px)/2);
	z-index: -1;
	transform: translate(50%,0);
	bottom: clamp(112px,14.2857vw,240px);
	overflow: hidden;
}
.lines02_wrap .lines_right .line_vertical {
	width: 100%;
}
.lines02_wrap .lines_left {
	position: relative;
	z-index: 0;
}
.lines02_wrap .lines_left .line_small {
	left: 0;
	top: clamp(40px,35.71428vw,600px);
	right: auto;
	transform: translate(0,0);
	height: auto;
	bottom: auto;
	overflow: visible;
}
.lines_info .lines_right {
	bottom: 0;
	top: 48%;
}
@media screen and (max-width: 1200px) {
	.lines02_wrap .lines_right {
		right: 0;
		transform: translate(0,0);
	}
}
/*==================================================================
	Main visual
===================================================================*/
.mainvisual {
	position: relative;
	padding: 100px 112px 0;
	z-index: 0;
	overflow: hidden;
}
.mv_sliders {
	background: #333;
	position: relative;
	z-index: 10;
}
.mv_sliders .item_img {
	height: calc(100vh - 100px);
	overflow: hidden;
}
.mv_sliders .item_img img {
	height: 100%;
	object-fit: cover;
}
.mv_sliders .item_cont {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	text-align: center;
	z-index: 1;
	transition: all ease-in-out  0.8s;
	filter: blur(10px);
	opacity: 0;
	visibility: hidden;
}
.mv_sliders .item03 .item_cont {
	top: auto;
	transform: translate(0,0);
	right: auto;
	bottom: clamp(30px,7.14285vw,120px);
	left: clamp(30px,9.34523vw,155px);
}
.mv_sliders .item04 .item_cont {
	transform: none;
	top: 14%;
	right: 4%;
	left: auto;
}
.mv_sliders .slick-on .item_cont {
	opacity: 1;
	visibility: visible;
	filter: blur(0px);
}
.mv_sliders .item_cont .ttl {
	font-size: clamp(3.2rem,2.85714vw,4.8rem);
	line-height: 1;
	letter-spacing: 0.2em;
}
.mv_sliders .item_cont .txt {
	font-size: clamp(1.4rem,1.0119vw,1.7rem);
	letter-spacing: 0.5em;
	line-height: 1;
	padding: 30px 0;
}
.mv_light01 {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 49%;
	transition: all 1.5s ease-in-out 7.5s;
	opacity: 0;
	visibility: hidden;
}
.mv_light02 {
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: 0;
	width: 19.4%;
	transition: all 1.5s ease-in-out 7.5s;
	opacity: 0;
	visibility: hidden;
}
.mv_last .mv_light01,
.mv_last .mv_light02 {
	opacity: 1;
	visibility: visible;
}
.mv_sliders .slick-list,
.mv_sliders .item_last .item_img {
	overflow: visible;
}

@media screen and (max-width: 1000px) {
	.mainvisual {
		padding: 50px 50px 0;
	}
	.mv_sliders .item_img { height: auto;}
	.mv_sliders .item_cont .txt {
		letter-spacing: 0.08em;
		padding: 20px 0;
		white-space: nowrap;
	}
	.mv_sliders .item04 .item_cont {
		top: 8.2%;
		left: 15px;
		right: 15px;
		transform: translate(0,0);
	}
	.mv_sliders .item03 .item_cont {
		right: 15px;
		left: 15px;
		bottom: 8.2%;
	}
	.mainvisual .lines_animate { width: 50px; }
}
@media screen and (max-width: 767px) {
	.mainvisual {
		padding: 30px 30px 0;
	}
	.mv_sliders .item04 .item_cont { top: 6%;}
	.mv_sliders .item_img {
		height: auto;
	}
	.mainvisual .lines_animate { width: 30px; }
}
@media screen and (max-width: 480px) {
	.mv_sliders .item04 .item_cont { top: 2%;}
}

/* add animate MV 20260617 */
.mv_sliders {
	background: none;
}
.item_last .pic_cap,
.is_last {
	opacity: 0;
	visibility: hidden;
	transition: all 5s ease-in-out;
	transition-delay: 8s;
}
.mv_sliders .item_last .img_ani {
	position: absolute;
	bottom: 0;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%) translateY(calc(100% - 100vh + 100px)) scale(1.1);
	transform-origin: top center;
	transition: all 6s ease-in-out;
}
.mv_sliders .building-on .item_img .img_ani {
	transform: translateX(-50%) translateY(0) !important;
	transition-delay: 1.5s;
}
.mv_sliders .building-on .item_img .img_ani img {
	height: auto !important;
	opacity: 0;
	visibility: hidden;
	transition: all 2.5s ease-in-out 8s;
}
.mv_sliders .item_last .item_cont {
	left: auto;
	right: 2%;
	transform: translateY(0) scale(1);
	text-align: center;
	color: #3A3A3A;
	top: 12%;
	transition-delay: 10s;
}
.mv_sliders .building-on.item_last .pic_cap,
.mv_sliders .building-on .is_last {
	opacity: 1;
	visibility: visible;
}
.mv_sliders .img_last { overflow: hidden; height: 100%; }
.mv_sliders .img_last img {
	transform: scale(1.4) translateY(10%);
	object-position: center bottom;
	transform-origin: bottom;
}
.mv_sliders .building-on .img_last img {
	transform: scale(1) translateY(0);
}
@media screen and (max-width: 1366px) {
	.mv_sliders .item_last .item_cont {
		right: 5%;
		text-shadow: -1px -1px 0 rgba(255,255,255,1), 1px -1px 0 rgba(255,255,255,1), -1px 1px 0 rgba(255,255,255,1), 1px 1px 0 rgba(255,255,255,1), 0 0 8px rgba(255,255,255,0.5), 0 0 14px rgba(255,255,255,0.3), 0 0 22px rgba(255,255,255,0.1);
	}
	.mv_sliders .item_last .item_cont .ttl {
		letter-spacing: 0.2em;
		font-size: 2.85714vw;
	}
	.mv_sliders .item_last .item_cont .txt {
		letter-spacing: 0.05em;
		line-height: 1;
		padding: 20px 0;
		font-size: 1.0119vw;
	}
}
@media screen and (max-width: 1024px) {
	.mv_sliders .item_last .item_cont .ttl {
		letter-spacing: 0.1em;
	}
}
@media screen and (max-width: 1000px) {
	.mv_sliders .item_last .item_cont {
		left: 15px;
		right: 15px;
		transform: translateY(0%);
		top: 7%;
		text-shadow: none;
	}
}
@media screen and (max-width: 767px) {
	.mv_sliders .item_last .item_cont {
		top: 5%;
	}
	.mv_sliders .item_last .item_cont .ttl {
		font-size: 6.5vw;
		letter-spacing: 0.3em;
	}
	.mv_sliders .item_last .item_cont .txt {
		font-size: 3.6vw;
		padding: 13px 0;
		letter-spacing: 0.2em;
	}
}

/*==================================================================
	Merit
===================================================================*/
.sec_merit {
	background: #1B1D1F;
	background: linear-gradient(65deg, rgba(27, 29, 31, 1) 0%, rgba(82, 86, 92, 1) 3%, rgba(145, 150, 160, 1) 11%, rgba(87, 89, 94, 1) 29%, rgba(38, 39, 40, 1) 50%, rgba(78, 81, 83, 1) 92%, rgba(116, 120, 124, 1) 100%);
	padding: clamp(40px, 3.57142857vw, 52px) 0;
	position: relative;
	z-index: 0;
}
.sec_merit .line_gradient {
	background: radial-gradient(ellipse at center,  rgba(121,85,41,1) 0%,rgba(255,255,255,0.75) 50%,rgba(121,85,41,1) 100%);
	height: 2px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.sec_merit .line_gradient ~ .line_gradient {
	top: auto;
	bottom: 0;
}
.sec_merit .line_gradient > span {
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(121,85,41,0.75) 50%,rgba(255,255,255,1) 100%);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 66.66%;
	-webkit-animation: gradientBg 5s infinite linear;
	-moz-animation: gradientBg 5s infinite linear;
	animation: gradientBg 5s infinite linear;
	text-indent: -999em;
	transform: translateX(-50%);
}
@keyframes gradientBg {
	0% {
		left: 0%;
	}
	50% {
		left: 100%;
	}
	100% {
		left: 0%;
	}
}
.sec_merit .inner {
	/* max-width: 962px; */
}
@media screen and (max-width: 767px) {
	.sec_merit {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*==================================================================
	Section Informations
===================================================================*/
.sec_info {
	padding: 0 0 clamp(40px, 7.73809vw, 130px);
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.sec_info .ttl {
	color: #d8d3cb;
	font-size: clamp(1.6rem, 1.19047619vw, 2.0rem);
	letter-spacing: 0.1em;
	text-align: center;
	opacity: 0.7;
	padding: 0 60px;
}
.sec_info .txt01 { font-size: clamp(1.6rem, 1.07142857vw, 1.8rem);}
.sec_info .txt01 > .sm { font-size: calc(16 / 18 * 100%);}
.sec_info .txt01 > .md2 { font-size: calc(20 / 18 * 100%);}
.sec_info .txt01 > .md { font-size: calc(26 / 18 * 100%);}
.sec_info .txt01 > .lg { font-size: calc(36 / 18 * 100%);}
.sec_info .txt02 { font-size: clamp(1.8rem, 1.66666667vw, 2.4rem); letter-spacing: 0.2em;}
.sec_info .sm01 { font-size: clamp(1.0rem, 1.05rem, 1.1rem);}
.sec_info .sm02 { font-size: clamp(1.0rem, 1.15rem, 1.4rem);}
.sec_info .btn_style {
	margin-top: 0;
	padding: 18px 10px;
	height: auto;
	font-size: clamp(1.4rem,1.07142vw,1.8rem);
}
.sec_info .time .fs12 { font-size: 115%; display: block; margin-top: 20px; }
.btn_flex{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
	margin: clamp(50px, 5.95238095vw, 100px) 0;
}
.btn_item{
	width: 100%;
	max-width: 310px;
}
.btn_item + .btn_item {
	margin-top: 30px;
}
@media only screen and (max-width:600px){
	.btn_item{width: 100%;}
	.sec_info .btn_style { max-width: 220px; }
}

.line_info{
	max-width: 30px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 60px;
}
.line_info:after{
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	height: 1px;
	width: 100%;
	background: #d8d3cb;
}
.remo_cli .bnr_rmo {
	margin: 130px auto 0;
	max-width: 770px;
	width: 77%;
}
@media only screen and (max-width:767px){
	.remo_cli .bnr_rmo {
		margin-top: 50px;
		width: 100%;
	}
}
.sec_info .lines_wrap {
	padding-top: clamp(40px, 7.44047vw, 120px);
}
.sec_info .lines_wrap .line_vertical {
	top: auto;
	height: 100%;
	bottom: 0;
}
@media screen and (max-width: 767px) {
	.sec_info .time .fs12 {
		font-size: 105%;
		letter-spacing: 0;
		margin-top: 0;
	}
	.sec_info .ttl { text-align: center; }
	.sec_info .txt02 {
		letter-spacing: 0.1em;
		margin-top: 0;
	}
	.line_info {
		height: 40px;
	}
	.btn_flex {
		margin: 50px 0;
	}
}
/*==================================================================
	Section concept
===================================================================*/
.sec_concept {
	color: #fff;
	padding: clamp(50px,13.0952vw,220px) 0;
	position: relative;
	z-index: 0;
	text-align: center;
}
.sec_concept .concept_ttl {
	font-size: clamp(2rem,1.547619vw,2.6rem);
	letter-spacing: 0.2em;
	line-height: 1;
	margin: 0 0 30px;
}
.sec_concept .txt01 {
	color: #d8d3cb;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	font-size: clamp(1.4rem,0.89285vw,1.5rem);
	line-height: 1;
	letter-spacing: 0.5em;
	white-space:nowrap;
	width:auto;
	height:auto;
	display:inline-block;
}
.sec_concept .txt01 .large {
	font-size: 113%;
}
.sec_concept .txt02 {
	font-size: clamp(1.2rem,0.89285vw,1.4rem);
	letter-spacing: 0.1em;
	line-height: 2.2;
	margin-top: clamp(5px, 1.7857vw,30px);
}
.sec_concept .concept_img {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.sec_concept .concept_img img {
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 767px) {
	.sec_concept { padding-bottom: 30px; }
}

/*==================================================================
	Section category
===================================================================*/
.sec_cate {
	padding: 0;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.sec_cate .cate_block {
	padding-top: clamp(45px,7.619047vw,128px);
	position: relative;
	z-index: 0;
}
.sec_cate .block_revert { padding-left: 80px; }
.sec_cate .cate_block .bg_light {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
	transition-delay: 1.25s;
	transition-duration: 1.75s, 2.75s;
}
.sec_cate .cate_block .bg_light01 {
	width: 52.85%;
	left: auto;
	right: 0;
}
.sec_cate .cate_block .bg_light02 {
	width: 33.21%;
	height: 100%;
}
.sec_cate .cate_block .bg_light02 img {
	height: 100%;
	width: auto;
}
.sec_cate .cate_block .bg_light03 {
	width: 52.85%;
}
.sec_cate .cate_block .bg_light04 {
	width: 21.13%;
	left: auto;
	right: 0;
	transform: translateY(-15%);
}
.sec_cate .cate_block .cont {
	background: #3a4246;
	position: absolute;
	z-index: 10;
	bottom: 30px;
	right: 30px;
	width: clamp(280px,23.8vw,400px);
	/* max-width: 400px; */
	padding: 80px 30px 60px;
	text-align: center;
	transition: all 0.25s linear;
}
.sec_cate .cate_block.is-hover .cont { background: #5b686e; }
.sec_cate .block_revert .cont {
	left: 30px;
	right: auto;
}
.sec_cate .cate_block .cont .pos_link {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.sec_cate .cate_block .cont .ttl {
	color: #d8d3cb;
	font-size: clamp(1.8rem,1.785714vw,3rem);
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1;
	margin: 0 0 20px;
}
.sec_cate .cate_block .cont .txt {
	font-size: clamp(1.2rem,0.833333vw,1.4rem);
	letter-spacing: 0.01em;
	line-height: 2.2;
}
.sec_cate .cate_block .cont .btn_style {
	color: #d8d3cb;
	margin-top: 20px;
	font-size: clamp(1.2rem,0.833333vw,1.4rem);
	line-height: 1;
	padding: 23px 5px;
	height: auto;
}
.sec_cate .cate_block .img {
	width: calc(100% + (100vw - 1170px)/2 - 50px);
	margin-left: calc(-1*(100vw - 1170px)/2 + 50px);
	position: relative;
	z-index: 0;
}
.sec_cate .block_revert .img { margin-left: 0; }
.sec_cate .cate_block .img > img,
.sec_cate .cate_block .img > .mv {
	-webkit-mask-image: url(../imgs/cate_mask.png);
	mask-image: url(../imgs/cate_mask.png);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
}
.sec_cate .block_revert .img > img,
.sec_cate .block_revert .img > .mv {
	-webkit-mask-image: url(../imgs/cate_mask_rev.png);
	mask-image: url(../imgs/cate_mask_rev.png);
}
.sec_cate .cate_block .img .mv {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 1s ease-in-out;
	overflow: hidden;
}
.sec_cate .cate_block .cont:hover ~ .img .mv {
	opacity: 1;
	visibility: visible;
}
.sec_cate .cate_block .img .mv img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 10s linear;
}
.sec_cate .cate_block .cont:hover ~ .img .mv img {	
	transform: scale(1.15);
}
@media screen and (max-width: 1200px) {
	.sec_cate .cate_block .img {
		width: calc(100% + 15px);
		margin-left: 0;
	}
	.sec_cate .block_revert {
		padding-left: 0px;
	}
	.sec_cate .block_revert .img {
		margin-left: -15px;
	}
	.sec_cate .cate_block .cont {
		padding: 35px 15px 30px;
	}
	.sec_cate .cate_block .cont {
		right: 15px;
	}
	.sec_cate .block_revert .cont {
		left: 15px;
		right: auto;
	}
}
@media screen and (max-width: 767px) {
	.sec_cate .cate_block .img > img,
	.sec_cate .cate_block .img > .mv {
		-webkit-mask-image: url(../imgs/cate_mask_sp.png);
		mask-image: url(../imgs/cate_mask_sp.png);
	}
	.sec_cate .block_revert .img > img,
	.sec_cate .block_revert .img > .mv {
		-webkit-mask-image: url(../imgs/cate_mask_rev_sp.png);
		mask-image: url(../imgs/cate_mask_rev_sp.png);
	}
	.sec_cate .cate_block .cont {
		padding: 25px 5px;
	}
	.sec_cate .cate_block .bg_light {
		width: 33%;
		left: 0;
		right: auto;		
	}
	.sec_cate .cate_block .bg_light02_sp {
		left: auto;
		right: 0;
	}
	.sec_cate .cate_block .cont .ttl { letter-spacing: 0.1em; }
	.sec_cate .cate_block .cont .txt {
		letter-spacing: -0.02em;
		line-height: 1.7;
	}
	.sec_cate .cate_block .cont .btn_style {
		margin-top: 15px;
		padding: 15px 5px;
		max-width: 200px;
	}
	.sec_cate .cate_block .cont {
		right: 0;
		bottom: 15px;
	}
	.sec_cate .block_revert .cont {
		left: 0;
		right: auto;
	}
}

/*==================================================================
	Section PICKUP
===================================================================*/
.pickup_bnr {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 100% /*1500px*/;
	margin: 0 auto 155px;
}
.pickup_bnr .item {
	width: calc(100%/3 - 10px);
}
@media screen and (max-width: 1000px) {
	.pickup_bnr {
		max-width: 575px;
		margin: 0 auto 80px;
		padding: 0 15px;
	}
	.pickup_bnr .item {
		width: 100%;
	}
	.pickup_bnr .item + .item {
		margin-top: 30px;
	}
}

.sec_pickup {
	padding: clamp(40px, 11.0119vw, 185px) 0 clamp(100px, 13.09523vw, 220px);
	position: relative;
	z-index: 1;
}
.sec_pickup .container {
	max-width: 1200px;
}
.sec_pickup .container_text {
	margin-bottom: 60px;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
}
.sec_pickup .container_text::after {
	content: "";
	display: block;
	height: 1px;
	background: #d8d3cb;
	flex: 1;
}
.sec_pickup .container_text::before {
	content: "";
	display: block;
	height: 1px;
	background: #d8d3cb;
	flex: 1;
}
.container_text .catch {
    color: #d8d3cb;
    display: inline-block;
    font-size: clamp(2rem,1.666666vw,2.8rem);
	letter-spacing: 0.15em;
    line-height: 1;
    position: relative;
    padding: 0 30px;
    z-index: 2;
}
.sec_pickup .swiper-slide {
    position: relative;
    transition: all .8s;
}
.sec_pickup .swiper-slide > a {
	display: block;
	padding-right: 24px;
}
.sec_pickup .swiper-slide h3 {
	color: #d8d3cb;
	font-size: 1.8rem;
	letter-spacing: 0;
    margin-top: 10px;
    padding-bottom: 6px;
    position: relative;
}
.sec_pickup .swiper-slide h3 .viewmore {
	color: #d8d3cb;
	display: inline-block;
	margin-left: auto;
	font-size: 1.2rem;
	position: relative;
	right: 0;
	bottom: 5px;
	text-transform: uppercase;
}
.sec_pickup .swiper-slide h3 .viewmore:before, .sec_pickup .swiper-slide h3 .viewmore:after {
	border-top: 1px solid #d8d3cb;
	border-right: 1px solid #d8d3cb;
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	top: 7px;
	right: -10px;
	transform: rotate(45deg);
	transition: all ease-in-out 0.25s;
}
.sec_pickup .swiper-slide h3 .viewmore:after {
	right: -14px;
}
.sec_pickup .swiper-slide h3+p {
	color: #d8d3cb;
    font-size: 2.2rem;
    line-height: 1.6;
    letter-spacing: 0;
}
.sec_pickup .swiper-container {
    margin: 0;
  	padding-bottom: 50px;
    overflow-x: hidden;
}
.inner_card .container_img {
    overflow: hidden;
}
.inner_card .container_img img {
    width: 100%;
    max-width: none;
    transition: all .8s;
}
.sec_pickup .swiper-slide a:hover .container_img img {
    transform: scale(1.1);
}
.container_img {
    position: relative;
    z-index: 0;
}
.swiper-wrapper {
	height: auto;
}
.sec_pickup  .swiper-container>.swiper-scrollbar {
	border-radius: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 8px;
    width: 100%;
    background: none;
    border-bottom: 1px solid #d8d3cb;
}
.sec_pickup  .swiper-container>.swiper-scrollbar .swiper-scrollbar-drag {
	border-radius: 0;
	background: #d8d3cb;
}
.sec_pickup .bg_pickup {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 100%;
}
@media only screen and (max-width:1024px){
	.sec_pickup::before {
		width: 30%;
	}
	.sec_pickup::after {
		width: 28%;
	}
}
@media only screen and (max-width:767px){
	.sec_pickup {
		padding: 60px 0 0;
	}
	.sec_pickup::before {
		width: 115px;
		left: 5px;
	}
	.sec_pickup::after {
		width: 105px;
	}
	.sec_pickup .container_text {
		margin-bottom: 35px;
	}
	.container_text .catch {
		font-size: 2rem;
		padding: 0 15px;
	}
	.sec_pickup .swiper-slide > a {
		padding-right: 12px;
	}
	.sec_pickup .swiper-slide h3 {
		font-size: 1.3rem;
	}
	.sec_pickup .swiper-slide h3+p {
		font-size: 1.2rem;
	}
	.sec_pickup .swiper-slide h3 .viewmore {
		font-size: 1.2rem;
		text-align: right;
		position: relative;
		top: 0;
	}
	.sec_pickup .swiper-slide h3 .viewmore:before,
	.sec_pickup .swiper-slide h3 .viewmore:after {
		height: 4px;
		width: 4px;
		top: 8px;
	}
	.sec_pickup .swiper-container>.swiper-scrollbar {
		height: 4px;
	}
}

/* LOADING */
#loading-wrapper {
	background: url(../common/imgs/bg.jpg) no-repeat center center / cover;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
	z-index: 99999;
}
.loader {
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
.loadtext {
	font-size: 1.5em;
	color: #fff;
	letter-spacing: 0.1em;
/*	margin-top: 50px;*/
}
.loadtext .loadtext-word {
	display: inline-block;
	margin: 0 2px;
	filter: blur(0px);
	animation: blur-word 0.8s infinite linear alternate;
}
.loadtext .loadtext-word:nth-child(1) { animation-delay: 0.0s; }
.loadtext .loadtext-word:nth-child(2) { animation-delay: 0.1s; }
.loadtext .loadtext-word:nth-child(3) { animation-delay: 0.2s; }
.loadtext .loadtext-word:nth-child(4) { animation-delay: 0.3s; }
.loadtext .loadtext-word:nth-child(5) { animation-delay: 0.4s; }
.loadtext .loadtext-word:nth-child(6) { animation-delay: 0.5s; }
.loadtext .loadtext-word:nth-child(7) { animation-delay: 0.6s; }
@-webkit-keyframes blur-word {
  0% {-webkit-filter: blur(0px); filter: blur(0px);}
  100% {-webkit-filter: blur(2px); filter: blur(2px);}
}
@keyframes blur-word {
  0% {-webkit-filter: blur(0px); filter: blur(0px);}
  100% {-webkit-filter: blur(2px); filter: blur(2px);}
}
  
@-webkit-keyframes load5 {
	0%,
	100% {
	  box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
	}
	12.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
	}
	25% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	37.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	50% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	62.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	75% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	87.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
	}
}
@keyframes load5 {
	0%,
	100% {
	  box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
	}
	12.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
	}
	25% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	37.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	50% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	62.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	75% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	87.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
	}
}  
.completed {
	opacity: 0;
	visibility: hidden;
}

/* */
.c_blk{color: #2a3033 !important;}


	.mv_item .ttl.w_ls,
	.mv_item .txt.w_ls {
		position: relative;
		text-shadow:
			-1px -1px 0 rgba(255,255,255,1),
			 1px -1px 0 rgba(255,255,255,1),
			-1px  1px 0 rgba(255,255,255,1),
			 1px  1px 0 rgba(255,255,255,1),
			 0 0 8px rgba(255,255,255,0.45),
			 0 0 12px rgba(255,255,255,0.3),
			 0 0 20px rgba(255,255,255,0.1);
		-webkit-font-smoothing: antialiased;
	}

	.mv_item .ttl.w_ls {
		text-shadow:
			-1px -1px 0 rgba(255,255,255,1),
			 1px -1px 0 rgba(255,255,255,1),
			-1px  1px 0 rgba(255,255,255,1),
			 1px  1px 0 rgba(255,255,255,1),
			 0 0 8px rgba(255,255,255,0.5),
			 0 0 14px rgba(255,255,255,0.3),
			 0 0 22px rgba(255,255,255,0.1);
	}

@media only screen and (max-width:767px){
	.mv_sliders .item_cont .txt{padding: 13px 0;}
}

.cap_L{left: 0; right: inherit;}
.ls_adj{letter-spacing: 0.3rem;}