@media screen and (min-width: 601px) {
.arc_number { padding: 10px 0 10px 50px; }
.arc_number a { color:#1b1b1b; font-size:19px; font-weight: 700; font-family: 'Roboto', sans-serif; letter-spacing:0.05em; }
}
@media screen and (max-width: 600px) {
.arc_number { padding: 10px 0 10px 0; }
.arc_number a { color:#1b1b1b; font-size:19px; font-weight: 700; font-family: 'Roboto', sans-serif; letter-spacing:0.05em; }
}
.arc_number a .point_set { padding:2px 10px; color:#FFF; font-size:10px; background:#f7b500; margin: 0 0 20px 0; vertical-align: 0.3em; transition-duration: 0.5s;  }

.swiper-container { position: relative; overflow: hidden; padding: 0 0 40px 0; }
.swiper-container .swiper-slide { position: relative; overflow: hidden; }
.swiper-container .swiper-slide .content { width:100%; padding:10px; position: absolute; left: 0; bottom:0; background: rgba(15,14,135,0.90); color:#FFF; transform: translateY(30px); transition-duration: 0.5s; opacity: 0;}
.swiper-container .swiper-slide .content .title { font-size:16px; font-weight: 600; color: #f7b500; }
.swiper-container .swiper-slide .content .caption { font-size:12px; line-height:17px; padding:5px 0 0 0;}
.swiper-container .swiper-slide .content span { text-indent:-0.5em; }
.swiper-container .swiper-slide:hover .content { transition-duration: 0.5s; opacity: 1; transform: translateY(0px);}
.swiper-container .swiper-slide img { width:100%; height: auto; vertical-align: bottom; }

.swip-thumb-arcv { font-family: 'Roboto', sans-serif; }
@media screen and (min-width: 601px) {
.safe_bar_left { position: absolute; top:0; left:0; height:212px; width:50px; background: rgba(248,248,244,0.90); z-index: 9; }
.safe_bar_right { position: absolute; top:0; right:0; height:212px; width:50px; background: rgba(248,248,244,0.90); z-index: 9; }

.swip-thumb-arcv { position: relative; padding: 0 50px 35px 50px; overflow: hidden; }
.swip-thumb-arcv .swiper-slide { width:150px; }
.swip-thumb-arcv .swiper-slide .content { position: relative;width:380px; padding:10px; height:240px; background: rgba(15,14,135,0.90); color:#FFF; transform: translateY(30px); transition-duration: 0.5s; opacity: 0; z-index: 100; pointer-events: none; }
.swip-thumb-arcv .swiper-slide .content .title { font-family: 'Roboto', sans-serif; font-size:17px; font-weight: 500; color: #f7b500; margin:5px 0 10px 0;  }
.swip-thumb-arcv .swiper-slide .content .bd_info { font-size:14px; font-weight: 500; line-height:1.6em; margin:0 0 10px 0; }
.swip-thumb-arcv .swiper-slide .content .caption { font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; line-height:1.6em; }
.swip-thumb-arcv .swiper-slide .content .copy { position: absolute; bottom:10px; left:10px; font-size:11px; }
.swip-thumb-arcv .swiper-slide:hover .content { transition-duration: 0.5s; opacity: 1; transform: translateY(0px);}
.swip-thumb-arcv .swiper-slide.title_mv .img { width:150px; height: 212px; overflow:hidden;  }
.swip-thumb-arcv .swiper-slide.title_mv .f_title { position: absolute; bottom:0px; width: 150px; padding: 10px; box-sizing: border-box; background:rgba(0,0,0,0.5); color:#FFF; font-size:10px; }
.swip-thumb-arcv .swiper-button-white { margin:-40px 0 0 0; }
}
@media screen and (max-width: 600px) {
.safe_bar_left { display: none; }
.safe_bar_right { display: none; }

.swip-thumb-arcv { position: relative; overflow: hidden; padding: 0 0 40px 0; }
.swip-thumb-arcv .swiper-slide { width:168px; overflow: hidden; }
.swip-thumb-arcv .swiper-slide .content { width:168px; padding:10px; position: absolute; left: 0; top:0; background: rgba(15,14,135,0.90); color:#FFF; transform: translateY(30px); transition-duration: 0.5s; opacity: 0;}
.swip-thumb-arcv .swiper-slide .content .title { font-family: 'Roboto', sans-serif; font-size:17px; font-weight: 500; color: #f7b500; margin:5px 0 10px 0;  }
.swip-thumb-arcv .swiper-slide .content .bd_info { font-size:14px; font-weight: 500; line-height:1.6em; margin:0 0 10px 0; }
.swip-thumb-arcv .swiper-slide .content .caption { font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; line-height:1.6em; }
.swip-thumb-arcv .swiper-slide .content .copy { position: absolute; bottom:10px; left:10px; font-size:11px; }
.swip-thumb-arcv .swiper-slide:hover .content { transition-duration: 0.5s; opacity: 1; transform: translateY(0px);}
.swip-thumb-arcv .swiper-slide.title_mv .img { width:168px; height: 220px; }
.swip-thumb-arcv .swiper-slide.title_mv .f_title { position: absolute; bottom:0px; width: 168px; padding: 10px; box-sizing: border-box; background:rgba(0,0,0,0.5); color:#FFF; font-size:10px; }
.swip-thumb-arcv .swiper-button-white { margin:-40px 0 0 0; }
}


@media screen and (min-width: 1201px) {
.no_fl_07 { pointer-events: none; }
.no_fl_07 a { pointer-events: none; }
.no_fl_06 { pointer-events: none; }
.no_fl_06 a { pointer-events: none; }

.arc_logo { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; color:rgba(108,108,108,0.30); font-size:100px; font-weight:900; padding:0 50px; }

.swiper-slide .content { position: absolute; top:0; }
.swiper-slide .content.set07_left { position: absolute; left: 150px; top:0; }
.swiper-slide .content.set07_right { position: absolute; left: -300px; top:0; }

.swiper-slide.set07_close { display:none; }
.swiper-slide.set06_close { }
.swiper-slide.set03_close { }
}
@media all and (min-width: 601px) and (max-width: 1200px) {
.no_fl_07 { display: none; pointer-events: none; }
.no_fl_07 a { pointer-events: none; }
.no_fl_06 { pointer-events: none; }
.no_fl_06 a { pointer-events: none; }

.arc_logo { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; color:rgba(108,108,108,0.30); font-size:100px; font-weight:900; padding:0 50px; }

.swiper-slide .content.set06_left { position: absolute; left: 150px; top:0; }
.swiper-slide .content.set06_right { position: absolute; left: -300px; top:0; }
.swiper-slide .content.set07_nomal { position: absolute; top:0; }
.swiper-slide.set07_close { }
.swiper-slide.set06_close { display:none; }
.swiper-slide.set03_close { }
}
@media screen and (max-width: 600px) {
.no_fl_07 { display: none; pointer-events: none; }
.no_fl_07 a { pointer-events: none; }
.no_fl_06 { display: none; pointer-events: none; }
.no_fl_06 a { pointer-events: none; }

.arc_logo { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; color:rgba(108,108,108,0.30); font-size:70px; font-weight:900; }

.swiper-slide.set07_close { display:none; }
.swiper-slide.set06_close { display:none; }
.swiper-slide.set03_close { display:none; }
}

.swiper-container .swiper-button-white { margin:-40px 0 0  0; }
.swiper-container:hover .swiper-button-prev.swiper-button-white { opacity: 1; transition-duration: 0.5s; transform: translateX(30px); }
.swiper-container:hover .swiper-button-next.swiper-button-white { opacity: 1; transition-duration: 0.5s; transform: translateX(-30px); }
.swiper-container .swiper-button-prev.swiper-button-white { opacity: 0; transition-duration: 0.5s; transform: translateX(0px); }
.swiper-container .swiper-button-next.swiper-button-white { opacity: 0; transition-duration: 0.5s; transform: translateX(0px); }

.swip-thumb-arcv .swiper-button-white { margin:-40px 0 0 0; }
.swip-thumb-arcv:hover .swiper-button-prev.swiper-button-white { transition-duration: 0.5s; transform: translateX(-10px); }
.swip-thumb-arcv:hover .swiper-button-next.swiper-button-white { transition-duration: 0.5s; transform: translateX(10px); }
.swip-thumb-arcv .swiper-button-prev.swiper-button-white { transition-duration: 0.5s; transform: translateX(-50px); }
.swip-thumb-arcv .swiper-button-next.swiper-button-white { transition-duration: 0.5s; transform: translateX(50px); }

.content_topfl .swiper-wrapper .img { filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1)); }
.content_topfl .swiper-wrapper .no_fl_07 .img { filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1)); }

@media screen and (min-width: 601px) {
.swip_contents { width:100%; min-height:450px;}
.arcv_fl { width:100%; min-height:300px;}
}
@media screen and (max-width: 600px) {
.swip_contents { width:600px; min-height:280px;}
.arcv_fl { width:540px; min-height:300px; margin: 0 auto;}
}
/* banner_space */

@media screen and (min-width: 1201px) {
.banner_fl { width:1020px; padding:0 30px; margin: 0 auto; box-sizing: border-box; }
.banner_fl li.once_bn { float: left; width: 310px; margin: 0 10px 10px 0; min-height:50px; background: #CCC; }
.banner_fl li.once_bn img { width: 100%; height:auto; vertical-align: bottom; }
}
@media all and (min-width: 601px) and (max-width: 1200px) {
.banner_fl { width:1020px; padding:0 30px; margin: 0 auto; box-sizing: border-box; }
.banner_fl li.once_bn { float: left; width: 310px; margin: 0 10px 10px 0; min-height:50px; background: #CCC; }
.banner_fl li.once_bn img { width: 100%; height:auto; vertical-align: bottom; }
}
@media screen and (max-width: 600px) {
.banner_fl { width:560px; margin: 60px auto; box-sizing: border-box; background: rgba(255,255,255,0.1); }
.banner_fl li.once_bn { float: left; width: 270px; margin: 0 10px 10px 0; min-height:50px; background: #CCC; }
.banner_fl li.once_bn img { width: 100%; height:auto; vertical-align: bottom; }
}