@media( max-width:1279px){
.intro_sec .logo { max-width: 600px; }
.slider_sec .cont_wrapper { padding: 0 60px; }
}

@media( max-width:1023px){
.intro_sec .logo { max-width: 450px; }
.intro_sec .logo_lockup li { max-width: 210px; }  
html, body { font-size: 22px; }
.intro_sec p { line-height:1.4; }
.video_sec p { font-size: 28px; }
.video_sec .name { font-size: 20px; letter-spacing: 0.04em; }
.slider_sec .slick-arrow { width: 30px;  }
.slider_sec .flex-wrap { padding-left:0; }
.slider_sec .image { width: 45%; }
.slider_sec .text { width: 55%; padding: 10px 0 0 30px; }
.slider_sec h2 span { font-size: 40px; letter-spacing:1px; margin-bottom: 10px; }
.slider_sec .num { font-size: 40px; }
.slider_sec p { line-height: 1.3; font-size: 20px; }
.shop_sec h2 { font-size: 30px; }
.shop_sec h2 .logo { max-width: 125px; }
.shop_sec .col3 { padding: 0 10px 30px; }
.shop_sec .flex-wrap { margin: 0 -10px; }
.shop_sec h3 { font-size: 25px; letter-spacing:normal; }
.shop_sec .btn { font-size: 20px; margin: 20px 0 0 0; padding: 7px 15px; min-width: 150px; }
.intro_sec h1 br { display: none; }
.slider_sec { padding: 50px 0; }
.shop_sec .col4 { padding: 0 10px 20px; }
.shop_sec h4 { font-size: 30px; }
}



@media( max-width:767px){
#wrapper { padding-top:123px; }	
.ad_container.middle { margin-bottom: 30px; }	
.head-wrap { padding-bottom: 63px; }
.ad_container .ad { margin: 0; padding: 5px; }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); min-height:60px; }

header{top:60px}
header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 7px 15px 7px;}
header a.paid_logo { margin: 0 auto 0; line-height: 18px; padding: 0px 5px 0px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
header .logobar { float: left; padding: 5px 0 0px 30px; }
header .logobar a.brand-logo,
header .logobar a.site-logo { max-width: 80px; }
header .logobar .plus { display:inline-block; max-width: 10px; margin: 0 7px; vertical-align: middle; }
header .logobar { padding:0px 0 0; }
header ul.social_icon { margin-top:0px; }
header span.sep { margin: 0 3px; }

.intro_sec .logo { max-width: 280px; }
.intro_sec h1 { font-size: 30px; }
html, body { font-size: 20px; }
.intro_sec p { line-height: 1.3; }
.intro_sec { padding-bottom: 30px; }
.video_bar .video::after, .bc-player-B1FpNCG8g_default .vjs-big-play-button { width: 60px; height:60px; }
.video_sec .arrow { max-width: 30px; }
.video_sec p { font-size: 20px; line-height: 1.2; }
.video_sec .name { font-size: 16px; letter-spacing: normal; }
.slider_sec .image img,.slider_sec .image { width: 100%; }
.slider_sec .text { width: 100%; padding: 30px 0 0 0px; }
.slider_sec h2 span { font-size: 30px; margin-bottom:5px; }
.slider_sec .num { font-size: 30px; }
.slider_sec .cont_wrapper { padding: 0 15px; }
.slider_sec .slick-arrow { left:0; top:23%; background-color:rgba(255,255,255,0.7); z-index:1; height:40px; width: 40px; background-size:80% auto; background-position: center center; }
.slider_sec .slick-arrow.slick-next { left:auto; right:0; }
.shop_sec .col3 { padding: 0 5px 20px; }
.shop_sec .col4 { padding: 0 5px 20px; width:50%; }
.shop_sec .flex-wrap { margin: 0 -5px; }
.shop_sec .btn { font-size: 14px; min-width:inherit; padding: 5px 10px; }
.shop_sec h2 { font-size: 24px; line-height: 1.2; }
.shop_sec h2 .logo { max-width: 100px; }
.shop_sec h2 br { display: none; }
.shop_sec h3 { font-size: 18px; }
.shop_sec p { font-size: 14px; }
.poster_sec li a::after { width: 30px; height:21px; margin-left:-15px; bottom:-30px; }
.poster_sec li a:hover::after, .poster_sec li a.active::after { bottom:-40px; }
.video_sec { padding-top:40px; }

.video_sec .vid_trigger { background-size:60px auto; }
.shop_sec h4 { font-size: 24px; }

}

@media( max-width:639px){

}

@media( max-width:500px){

}

@media( max-width:374px){
}