@charset "utf-8";
@media screen and (max-width: 1380px){
    /***** Sub *****/
    #sub #content #path .path_etc {right:0; margin-right:0;}
}
@media screen and (max-width: 1348px){
    /***** Common *****/
    .layout {width:calc(100% - 60px); max-width:100%; margin:0 30px;}	
	
}
@media all and (min-width: 1280px) {
#header #nav .layout .js_menu ul li ul li a {width:240px;}
.y-inner { width: 1280px;}
.roll .y-inner {padding:10px 0 10px 0; border: 2px solid #ebebeb;background: #eaeaea;}
.roll .y-inner .roll-slide { margin: 0 0 0 40px;}
.roll .y-inner .roll-slide1 { margin: 0 0 0 40px; }
}
@media all and (max-width: 1280px) {
.roll .y-inner .roll-slide { margin: 0 0 0 40px; }
}
@media all and (max-width: 1280px) {
#y-content .y-inner { width: 100%; padding: 0 10px; }
.roll .y-inner .roll-slide { width: 88%; }
.roll .y-inner .roll-slide .roll-prev { left: -31px; }
}
@media all and (max-width: 1240px) {
#header #nav .layout .js_menu>ul>li:first-child{padding-left:200px;}
#header #nav .layout .js_menu ul li a {font-size: 19px;}
}
@media all and (max-width: 1100px) {
#header h1>a {display: block;width: 220px;height: 51px;background: url(logo.png) no-repeat left top;background-size: contain;}
}
@media screen and (max-width: 1050px){
#header #nav .layout .js_menu ul li a {font-size: 17px;}
#header #nav .layout .js_menu>ul>li {width: 100px;}
}
@media screen and (min-width: 1024px){
    /***** Common *****/
    #wrap {height:auto !important; overflow:visible !important;}	
}
@media all and (max-width: 1024px) {
.roll .swiper-slide { text-align: center; }
#header #nav .layout .js_menu ul li ul li a {width:210px;}
}
@media screen and (max-width: 1023px){
    /***** Common *****/
    .js_mobile_check {display:block;}	
    /***** Sub *****/
    /* Visual */	
    #sub #visual {height:180px;}
    #sub #visual span.obj {top:0; background-size: contain}	

    /* Container */	
    #sub #container #content_box {padding:0; min-height:10px;}
    #sub #container .layout {background:#fff;}
    #sub #container #remote {display:none;}
    #sub #content #path {height:127px; top:0px;}
    #sub #content #path .path_etc {position:absolute; right:auto; left:0; top:-45px; margin:0; width:auto;}
    #sub #content #path .path_etc ul:after {content:""; display:block; clear:both;}
    #sub #content #path .path_etc ul li {float:left; margin-left:5px; width:auto;}
    #sub #content #path .path_etc ul li:first-child {margin-left:0;}
    #sub #content #path .path_etc ul li:last-child {display:none;}
    #sub #content #path .path_etc ul li a {border-radius:18px; width:36px; height:36px; overflow:hidden;}
    #sub #content #path .path_etc ul li a.tw {background-position:center -2px !important;}
    #sub #content #path .path_etc ul li a.fb {background-position:center -42px !important;}
    #sub #content #path .path_etc ul li a.bl {background-position:center -82px !important;}
    #sub #content #path h3 {padding-right:0; font-size:35px; line-height:48px; margin:25px 0 10px 0; position:relative; z-index:30;}
    #sub #content #path .navi {padding-right:10px;}
    #sub #content #txt {padding:150px 35px 40px 20px; min-height:10px; background:url(sub_container_bg2_mob.png) repeat-y right top; position:relative;}
}		
@media screen and (max-width: 840px){
    /***** Common *****/
    #wrap .top_btn {right:3% !important;}	
    /***** Sub *****/
    /* Visual */	
    #sub #visual {height:180px;}

    /* Container */
    #sub #content #path {height:117px; top:0px;}
    #sub #content #path h3 {font-size:32px; line-height:46px; margin:25px 0 5px 0;}
	.left-wrap{display:none}
}
@media all and (max-width: 768px) { 
.roll .y-inner .roll-slide { width: 100%; margin: 0; }
.roll .y-inner .roll-slide img { max-width: 100%; }
.roll .y-inner .roll-slide .roll-prev { display: none; }
.roll .y-inner .roll-slide .roll-next { display: none; }
.roll .y-inner .roll-slide .roll-stop { display: none; }
.roll .y-inner .roll-slide .roll-play { display: none; }
.roll .y-inner .roll-slide .roll-more { display: none; }
}
@media screen and (max-width: 650px){
    .layout {width:calc(100% - 40px); margin:0 20px;}	
}
@media screen and (max-width: 640px){
    /***** Sub *****/
    /* Visual */	
    #sub #visual {height:140px;}
    #sub #visual span.obj {width:315px;}

    /* Container */
    #sub #content #path {height:87px; top:0px;}
    #sub #content #path h3 {margin:22px 0 0 0;}	
    #sub #content #path .navi {display:none;}
    #sub #content #txt {padding:110px 35px 40px 20px;}
}
@media screen and (max-width: 480px){
    /***** Sub *****/
    /* Visual */	
    #sub #visual {height:140px;}
    #sub #visual span.obj {width:200px;}

    /* Container */
    #sub #content #path {height:77px; top:0px;}
    #sub #content #path h3 {font-size:32px; line-height:40px; margin:18px 0 0 0;}
    #sub #content #txt {padding:95px 35px 35px 20px;}
}