/* main */
.main_wrap{padding-top:90px;}
.main_wrap .cont{max-width:1295px;}

.main_visual a{display:block;}
.main_visual img{width:100%;}
.main_visual .pc .swiper-slide{height:calc(100dvh - 90px);}
.main_visual .pc .swiper-slide a{height:100%;}
.main_visual .pc .swiper-slide img{height:100%; object-fit:cover;}
.main_visual .swiper_opt{display:flex; align-items:center; gap:20px; z-index:10; position:absolute; bottom:60px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.main_visual .swiper-button-count{font-family:"futura-pt", sans-serif; font-size:1.3em; color:var(--color-wt);}
.main_visual .swiper-button-prev,.main_visual .swiper-button-next{position:static; height:30px; color:var(--color-wt); margin-top:0;}
.main_visual .swiper-button-next:after, .main_visual .swiper-button-prev:after{font-size:16px; font-weight:600;}

.swiper-button-next.custom, .swiper-button-prev.custom{width:30px; height:70px;}
.swiper-button-next.custom:after, .swiper-button-prev.custom:after{font-size:5em; text-indent:-9999px; width:100%; background:url("/common/img/arrow_right.png")no-repeat center center;}
.swiper-button-prev.custom:after{background-image:url("/common/img/arrow_left.png");}


/* main01 */
.main01 .more_btn img{margin-bottom:7px;}
.main01 .cont_title_flex{margin-bottom:68px;}
.main_tv_wrap{display:flex; position:relative;}
.main_tv_wrap .cont_text_title{font-size:1.3em; font-weight:600; text-align:center;}
.main_tv_wrap .main_tv{flex-shrink:0; width:825px; overflow:hidden;}
.main_tv_wrap .main_tv .youtube_wrap{margin-bottom:0;}
.main_tv_wrap .main_tv_thumb{position:relative; width:calc(100% - 855px); margin-left:30px;}
.main_tv_wrap .main_tv_thumb .swiper_opt{display:flex; align-items:center; gap:6px; margin-bottom:10px; margin-left:10px;}
.main_tv_wrap .main_tv_thumb .swiper_opt .swiper-button-count{font-family:"futura-pt", sans-serif; font-size:18px; font-weight:600;}
.main_tv_wrap .main_tv_thumb .swiper_opt .swiper-button-count .slash{display:inline-block; vertical-align:middle; font-size:13px; font-weight:800; margin-bottom:5px;}
.main_tv_wrap .main_tv_thumb .swiper_opt .swiper-button-prev, .main_tv_wrap .main_tv_thumb .swiper_opt .swiper-button-next{position:static; width:auto; height:20px; color:var(--color-bk); margin-top:-2px;}
.main_tv_wrap .main_tv_thumb .swiper-button-next:after, .main_tv_wrap .main_tv_thumb .swiper-button-prev:after{font-size:16px; font-weight:600;}
.swiper_tv{overflow:hidden;}
.swiper_tv .swiper-slide a{border-bottom:1px solid #d5d5d5; padding:15px 10px;}
.swiper_tv .swiper-slide a:first-child{padding-top:0;}
.swiper_tv .swiper-slide a:last-child{border-bottom:0; padding-bottom:0;}
.main_tv_wrap .main_tv_thumb .cont_text_title{font-size:1.15em; font-weight:bold; text-align:left; margin-bottom:15px;}
.main_tv_wrap .main_tv_thumb .cont_text_info{font-size:0.75em; line-height:1.3; opacity:.7;}
.main_tv_wrap .main_tv_thumb ul li a{display:flex; align-items:center;}
.main_tv_wrap .main_tv_thumb ul li a .imgBox{flex-shrink:0; width:150px; height:85px; overflow:hidden; margin-right:0;}
.main_tv_wrap .main_tv_thumb ul li a .imgBox img{width:100%; height:100%; object-fit:cover; object-position:center;}
.main_tv_wrap .main_tv_thumb ul li a .text_wrap{width:calc(100% - 150px);line-height:1.2;padding:5px 20px;padding-right:0;}
.main_tv_wrap .main_tv_thumb ul li a.on .cont_text_title{color:var(--color-pc);}

/* main02 */
.main02{background:linear-gradient(180deg, #f9fbfa, var(--color-wt));}
.main02 .cont_title_flex{align-items:center;}
.main02 .cont_title_wrap img{width:auto; height:39px;}
.main02 .cont_title_wrap .futura{vertical-align:top; margin-bottom:5px;}
.main02 .cont_tab{margin-top:19px;}

/* main03 */
.main03 .cont_title_flex{align-items:center; margin-bottom:65px;}
.main03 .cont_tab{margin-top:19px;}
.bna_wrap{margin-top:40px;}
.bna_wrap .swiper-button-prev{left:-65px;}
.bna_wrap .swiper-button-next{right:-65px;}
.bna_list_none{width:100%;}
.bna_swiper_wrap .board_list_none_li{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.bna_swiper_wrap{width:65%;}
.bna_info_wrap{width:calc(35% - 45px); margin-left:45px; margin-bottom:9.1%;}
.main_bna_swiper{margin-bottom:10px;}
.main_bna_swiper .imgBox div{position:relative;}
.main_bna_swiper .imgBox div:before{content:'BEFORE'; position:absolute; top:10px; left:10px; font-family:"futura-pt", sans-serif; font-size:1.5em; font-weight:300; z-index:1;}
.main_bna_swiper .imgBox div:after{content:'AFTER'; position:absolute; top:10px; right:10px; font-family:"futura-pt", sans-serif; font-size:1.5em; color:var(--color-pc); z-index:1;}
.bna_info_wrap .cont_text_title{position:relative; font-size:1.55em; padding-bottom:25px; margin-bottom:20px;}
/*.bna_info_wrap .cont_text_title:after{content:''; position:absolute; bottom:0; left:0; width:100px; height:2px; background:#efefef;}*/
.bna_info_wrap .txt3{font-size:0.8em; opacity:.7; margin-top:15px;}
.bna_info_wrap .txt3.color{font-size:1.06em; opacity:1; margin-top:15px;}
.bna_info_wrap .txt3.color img{vertical-align:baseline; margin-left:10px;}
.bna_info_wrap .txt3.color img.pc{display:inline-block !important;}
.angle_type{display:flex; align-items:center;}
.angle_type a + a{margin-left:10px;}
.angle_type a{width:60px; height:30px; text-align:center; line-height:28px; border:1px solid var(--color-bk);}
.angle_type a .futura{font-size:1.1em;}
.angle_type a.active{color:var(--color-wt); background:var(--color-bk);}

/* main04 */
.main04{background:#efefef;}
.main_wrap .main04 .cont{max-width:1520px;}
.main_wrap .main04 .flex{align-items:stretch; flex-wrap:nowrap;}
.main04_left{flex-grow:1; margin-right:20px;}
.main04_left ul li + li{margin-top:20px;}
.main04_left *{vertical-align:middle;}
.main04_right{flex-grow:2;}
.main04_right *{height:100%; vertical-align:middle;}
.main04_right img{width:100%; height:100%; object-fit:cover;}
.main04_right .imgBox.active{animation:fadeIn 1s ease;}
.main04_right .imgBox{position:relative;}
.main04_right .imgBox:after{content:''; display:block; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.4) 100%); transition:.25s; position:absolute; top:100%; left:0; pointer-events:none;}
.main04_right .imgBox:hover:after{top:0;}
@keyframes fadeIn {
  from { opacity: 0.8; }
  to { opacity: 1; }
}
.main04_btn{width:100%; height:65px; font-size:2em; color:var(--color-wt); text-align:center; line-height:65px; background:var(--color-pc); margin-top:20px;}
.main04_btn img{filter:brightness(0) invert(1);}
.main04_btn .btn_symbol{height:23px;}

/* main05 */
.main05{overflow:hidden;}
.main05 .cont_box{padding:100px 0 70px;}

/* main06 */
.main06 .cont{max-width:1300px;}
.main06 .cont_box{padding:140px 0 70px;}
.main06 .cont_title_wrap .cont_title img{vertical-align:middle; height:39px;}
.selfie_grid{display:flex; flex-wrap:wrap; gap:10px;}
.selfie_grid > .flex{width:100%;}
.selfie_grid .flex{flex-wrap:nowrap; gap:10px;}
.selfie_grid .flex.column .item{width:100%;}
.selfie_grid .flex.column{flex-direction:column; height:100%;}
.selfie_grid .flex.column:first-child{flex-grow:1.5;}
.selfie_grid .flex.column:nth-child(2){flex-grow:1;}
.selfie_grid .flex.column:nth-child(3){flex-grow:1.5;}
.selfie_grid .flex.column:last-child{flex-grow:1;}
.selfie_grid .flex.column .item_h2{flex-grow:2;}
.selfie_grid .flex.column .item_h1{flex-grow:1;}
.selfie_grid .item1{flex-grow:1.5;}
.selfie_grid .item2{flex-grow:1;}
.selfie_grid .item3{flex-grow:2.5;}
.selfie_grid .item a{display:block; height:100%;}
.selfie_grid .item .imgBox{height:100%;}
.selfie_grid .item .imgBox img{width:100%; height:100%; object-fit:cover;}

/* main07 */
.main07 .cont{max-width:1520px;}
.main07 .cont_box{display:flex; justify-content:space-between;}
.main07 .cont_title_wrap{display:flex; flex-direction:column; margin-bottom:0;}
.main07 .cont_title_wrap .cont_title{line-height:1.3;}
.main07 .cont_title_wrap .cont_title_info{margin-left:0; margin-top:25px;}
.main07 .cont_title_wrap .cont_s_title{font-size:1.25em; margin-bottom:45px;}
.main07 .cont_title_wrap .cont_s_title img{height:15px;}
.main07 .cont_title_wrap .more_btn2{margin-top:60px;}
.event_swiper_wrap{position:relative; width:65%; padding:0 100px;}
.event_swiper_wrap .flex{flex-wrap:nowrap; align-items:flex-start;}
.event_swiper{width:100%; margin-right:0 !important;}
.event_swiper .swiper-slide.left{width:calc(58% - 40px) !important; margin-right:41px !important;}
.event_swiper .swiper-slide.right{width:42% !important;}
.event_swiper .swiper-slide.right .imgBox{opacity:.7;}
.event_swiper .swiper-slide a{display:block;}
.thumbs_event_swiper{width:42%;}
.thumbs_event_swiper .swiper-slide .imgBox{opacity:0.7;}
.event_swiper_wrap .swiper-slide .imgBox{border:2px solid #bbb;}
.event_swiper_wrap .swiper-slide .txt2{margin-top:15px;}
.event_swiper_wrap .swiper-button-prev{left:0;}
.event_swiper_wrap .swiper-button-next{right:0;}

/* 1230px */
@media all and (max-width:1230px){
	/* main */
	.main_wrap{padding-top:60px;}
}

/* 1024px */
@media screen and (max-width:1024px){
	/* main */
	.cont{overflow:hidden;}

	.main01 .cont_title_wrap .cont_title,
	.main05 .cont_title_wrap .cont_title,
	.main06 .cont_title_wrap .cont_title,
	.main07 .cont_title_wrap .cont_title{margin-bottom:0;}

	/* main_visual */
	.main_visual_swiper_m .swiper_opt{bottom:20px; gap:10px;}
	.main_visual_swiper_m .youtube_wrap{margin-top:-1px; padding-bottom:116vw; margin-bottom:0;}
	.main_visual_swiper_m .youtube_wrap iframe{width:101% !important; height:177.78vw !important; top:0; left:50%; object-fit:cover; transform:translateX(-50%);}
	.main_visual_swiper_m .swiper-button-next:after, .main_visual_swiper_m .swiper-button-prev:after{text-shadow:0 0 5px rgba(0,0,0,0.5);}
	.main_visual_swiper_m .swiper-button-count{text-shadow:0 0 2px rgba(0,0,0,0.5);}

	/* main01 */
	.main01 .cont_title_flex{margin-bottom:25px;}
	.main_tv_wrap{flex-direction:column; padding:0 30px;}
	.main_tv_wrap .main_tv{width:100%;}
	.main_tv_wrap .main_tv_thumb{position:static; width:100%; margin-left:0; margin-top:10px;}
	.swiper_tv .swiper-slide a{padding:0;}
	.main_tv_wrap .main_tv_thumb ul li a .imgBox{width:100%; height:100%; aspect-ratio:16 / 9;}
	.main_tv_wrap .main_tv_thumb .line_clamp_wrap{display:none;}
	.main_tv_wrap .swiper-button-next, .main_tv_wrap .swiper-button-prev{top:36%;}
	.main_tv_wrap .swiper-button-count{display:none;}
	.main_tv_wrap .main_tv_thumb .swiper_opt{margin-bottom:0;}
	.main_tv_wrap .main_tv_thumb .swiper_opt .swiper-button-prev, .main_tv_wrap .main_tv_thumb .swiper_opt .swiper-button-next{position:absolute; top:50%; left:0; height:50px; transform:translateY(-50%);}
	.main_tv_wrap .main_tv_thumb .swiper_opt .swiper-button-next{left:auto; right:0;}
	.main_tv_wrap .main_tv_thumb .swiper-button-next:after, .main_tv_wrap .main_tv_thumb .swiper-button-prev:after{font-size:30px; font-weight:300;}

	/* main02 */
	.main02 .cont_box{padding:70px 0 20px;}
	.main02 .cont_title_wrap img{height:28px; margin-bottom:5px;}
	.main02 .cont_title_wrap .futura{display:inline-block;}
	.main02 .cont_tab{padding:0 5%; margin-top:0;}
	/*.main02 .cont_tab ul li{width:calc(50% - 8px); height:40px; text-align:center; border:1px solid var(--color-gr);}*/
	/*.main02 .cont_tab ul li a{display:flex; align-items:center; justify-content:center; height:100%; font-size:1.1em; padding:0;}*/
	/*.main02 .cont_tab ul li.active a{color:var(--color-wt); background:var(--color-pc); border-color:var(--color-pc);}*/
	/*.main02 .cont_tab ul li.active a:after{content:none;}*/

	.main02 .cont_tab ul, .main03 .cont_tab ul{justify-content:center; flex-wrap:wrap; gap:20px 25px;}
	.main02 .cont_tab ul li + li, .main03 .cont_tab ul li + li{margin-left:0;}
	.main02 .cont_tab ul li a, .main03 .cont_tab ul li a{font-size:1.15em; padding:0;}
	
	/* main03 */
	.main03 .cont_tab{max-width:320px; padding:0 40px; margin-bottom:0;}
	.bna_wrap .swiper-button-prev{left:0; top:35%;}
	.bna_wrap .swiper-button-next{right:0; top:35%;}
	.bna_wrap .swiper-button-next.custom:after, .bna_wrap .swiper-button-prev.custom:after{font-size:3em;}
	.bna_wrap{position:relative; margin-top:50px;}
	.bna_wrap:after{content:''; position:absolute; top:-25px; left:50%; width:65px; height:2px; background:#efefef; transform:translateX(-50%);}
	.bna_wrap .flex_end{flex-direction:column-reverse;}
	.bna_swiper_wrap{width:100%; padding:0 30px;}
	.bna_info_wrap{width:100%; margin-left:0; margin-bottom:0;}
	.bna_info_wrap .angle_type{justify-content:center; margin:0;}
	.bna_info_wrap .cont_text_title{display:none;}
	.bna_info_wrap .cont_text_wrap{margin:30px 0;}
	.bna_info_wrap .cont_text_wrap:first-child{margin-top:0;}
	.bna_info_wrap .cont_text_wrap:last-child{margin-bottom:0;}
	.bna_info_wrap .cont_text_wrap:last-child{display:none;}
	.thumbs_bna_swiper .txt3.color img.m{display:inline-block !important; vertical-align:baseline; height:12px; margin-left:10px;}
	.thumbs_bna_swiper .bna_pop .imgBox:after{background-size:30%;}
	.thumbs_bna_swiper .cont_text_wrap{text-align:center; margin:40px 0 0;}
	.thumbs_bna_swiper .cont_text_wrap .txt3{font-size:0.77em;}
	.thumbs_bna_swiper .cont_text_wrap a.txt3{font-size:1.3em; margin-bottom:20px;}

	/* main04 */
	.main04 .cont_box{padding:30px 0;}
	.main_wrap .main04 .flex{flex-direction:column;}
	.main04_left{margin-right:0; margin-bottom:10px;}
	.main04_left ul{display:flex;}
	.main04_left ul li + li{margin-top:0; margin-left:10px;}
	.main04_btn{height:45px; font-size:1.4em; line-height:45px; margin-top:0px;}
	.main04_btn img:last-child{height:10px;}
	.main04_btn .btn_symbol{height:14px;}

	/* main05 */
	.main05 .cont_box{padding:70px 0 55px;}
	.main05_cont ul.marquee__inner li{width:450px; max-height:255px;}
	.main05_cont ul.marquee__inner li a .imgBox{max-width:220px;}

	/* main06 */
	.main06 .cont_box{padding:50px 0 20px;}
	.main06 .cont_title_wrap .cont_title img{height:28px; margin-bottom:5px;}
	.main06 .cont_title_wrap .cont_title span{display:inline-block;}
	.main06 .cont_title_wrap .cont_title .cont_title_info{display:block;}
	.selfie_grid{gap:5px;}
	.selfie_grid .flex{flex-wrap:nowrap; gap:5px;}

	/* main07 */
	.main07 .cont_box{flex-direction:column;}
	.main07 .cont_title_wrap{text-align:center;}
	.main07 .cont_title_wrap .cont_title{font-size:1.17em;}
	.main07 .cont_title_wrap .cont_s_title{font-size:3em; margin-bottom:15px;}
	.main07 .cont_title_wrap .cont_s_title img{height:28px; margin-bottom:5px;}
	.event_swiper_wrap{width:100%; padding:0 30px; margin-top:25px;}
	.event_swiper_wrap .swiper-button-prev{left:0; top:35%;}
	.event_swiper_wrap .swiper-button-next{right:0; top:35%;}
	.event_swiper_wrap .swiper-button-next.custom:after, .event_swiper_wrap .swiper-button-prev.custom:after{font-size:3em;}
	.event_swiper .swiper-slide.left{width:calc(50% - 5px) !important; margin-right:10px !important;}
	.event_swiper .swiper-slide.right{width:calc(50% - 5px) !important;}
	.event_swiper .swiper-slide.right .imgBox{opacity:1;}
	.event_swiper_wrap .swiper-slide .txt2{font-size:1em; margin-top:5px;}
}


/* 520px */
@media screen and (max-width:520px){
	/* cont */

	/* main */
	.main_wrap{font-size:13px;}

	.main_bna_swiper .imgBox div:after{font-size:1.2em;}

	.main04_btn{font-size:1.2em; height:40px; line-height:40px;}
	.main04_btn .btn_symbol{font-size:1.15em;}
	.main04_btn .btn_symbol{height:11px;}
	.main04_btn img:last-child{height:5px;}

	.main05_cont ul.marquee__inner li{width:300px;}
}