@charset "utf-8";

@media screen and (max-width: 1280px){
/***** Common *****/
.layout {width:96%; max-width:96%; padding:0 2%;}	


/***** Header *****/
#header #top_util h1 {left:2%;}
#header #top_util #global {right:2%;}
#header #nav .layout .layout {width:100%; max-width:100%; padding:0;}		
#header .totalsearch {right:2%; margin-right:0;}
#totalsearch_input {max-width:100%; left:0; margin-left:0;}
#header .mob_btn {right:2%; margin-right:0;}	


/***** Main *****/
.main_visual .slogon {left:2%; margin-left:0;}
.main_visual.js_slide .control {left:2%; margin-left:0;}


/***** Footer *****/
#footer .relate_site {right:2%; margin-right:0;}
}


@media screen and (max-width: 1120px) and (min-width:1024px){
/***** Header *****/
#header #top_util h1 {top:44px;}	
#header #top_util h1 a {font-size:19px; line-height:31px; height:auto;}
#header #top_util h1 a span {display:block;}
#header #nav .layout .js_menu{padding:0 100px 0 160px;}
}



@media screen and (min-width: 1024px){
/***** Header *****/
#rightMenu {display:none !important;}	
}



@media screen and (max-width: 1023px){
/***** Common *****/
.js_mobile_check {display:block;}


/***** Header *****/
#header {min-height:100px; height:100px !important;}
#header #top_util {background:none;}
#header #top_util .layout {height:100px;}
#header #top_util h1 {position:absolute; left:50%; top:50%; margin:-2px 0 0 -167px;}	
#header #top_util h1 a span {display:inline-block;}
#header #top_util #global {width:100%; right:0; border:0;}
#header #top_util #global a {display:block; width:50%; border:0; height:30px; line-height:30px; background:#928068 !important;}
#header #top_util #global a:first-child {background:#202020 !important;}
#header #nav .layout .js_menu {display:none;}
#header .totalsearch {right:auto; left:0; top:30px;}
#header .totalsearch a.button {margin-right:0; width:70px; height:70px; background-position:center -6px;}
#header .totalsearch a.button.on {background-position:center -85px;}
#header .mob_btn {right:0; top:30px;}
#header .mob_btn a {width:70px; height:70px; background-position:center center;}
#header span.bg {top:0; height:100%;}
#totalsearch_input {left:0; top:100px; padding:17px 0; max-width:100%; margin-left:0;}
#totalsearch_input .box {max-width:460px; padding:5px 60px 5px 10px;}
#totalsearch_input input[type="text"] {height:40px; line-height:40px;}
#totalsearch_input input[type="submit"] {height:50px; width:50px;}


/***** Main *****/
.main_visual.js_slide.type_03 {height:570px;}
.main_visual.js_slide .control {top:auto; bottom:40px; width:400px; left:50%; margin-left:-200px;}
.main_visual .slogon {top:155px; left:50%; margin-left:-200px; padding:65px 0;}

.midd_cont .board_tab {width:100%; height:250px; padding:35px 5%;}
.board_tab .more_btn {right:0;}
.midd_cont .box_ty1 {width:50%;}

/***** Sub *****/
/* Visual */
#sub #visual {height:195px;}

/* Container */
#sub #container #content_box {background:none; min-height:10px; padding-left:0;}
#sub #container #remote {display:none;}
#sub #content #path .path_etc ul li.print_line {display:none;}
#sub #content #path {position:relative; right:0; top:auto; padding:15px 0 0 0;}
#sub #content #path .navi {float:none; margin:0;}
#sub #content #path .path_etc {float:none; position:absolute; right:0; top:-48px; width:auto;}
#sub #content #path .path_etc .gong_u {display:none !important;}
#sub #content #path .path_etc ul li {float:none;}
#sub #content #path .path_etc ul li .sns_box {display:block; position:relative; left:auto; top:auto; width:82px;}
#sub #content #path .path_etc ul li .sns_box ul:after {content:""; display:block; clear:both;}
#sub #content #path .path_etc ul li .sns_box ul li {float:left; position:relative; left:auto; top:auto !important; display:block !important; margin-left:5px;
-moz-opacity:1 !important; -ms-opacity:1 !important; -o-opacity:1 !important; -webkit-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100) !important;}
#sub #content #path .path_etc ul li .sns_box .btn_close {display:none !important;}
#sub #content #txt {padding:20px 0 45px 0; min-height:10px;}
#sub #content #txt h3 {margin-bottom:25px; font-size:33px; line-height:38px;}
}



@media screen and (max-width: 900px){
/***** Footer *****/	
#footer .menu {margin-right:0; padding:12px 0;}	
#footer .relate_site {position:relative; right:auto; top:auto; padding-top:20px;}
#footer address {padding-top:15px;}
}



@media screen and (max-width: 840px){
/***** Header *****/
#header #top_util h1 a{line-height:28px; font-size:20px;}

/***** Main *****/
#main #container h3 {font-size:20px; line-height:28px;}
.main_visual.js_slide.type_03 {height:490px;}
.main_visual .slogon {width:330px; top:140px; margin-left:-165px; padding:50px 0;}
.main_visual .slogon strong{line-height:34px; font-size:32px;}
.main_visual .slogon p{line-height:23px; margin:8px 0 35px; font-size:16px;}
.main_visual .slogon a{min-width:140px; height:40px; line-height:40px; font-size:16px;}
.main_visual.js_slide .control{bottom:30px;}
.midd_cont .board_tab{padding:35px 4%;}
.midd_cont .board_tab ul li strong{margin-bottom:12px;}
.midd_cont .board_tab ul li strong a{font-size:20px; font-weight:400;}

/* Container */
#main #container .layout {width:94%; max-width:94%; padding:0 3%;}
.midd_cont {padding:30px 0 40px 0;}
.midd_cont .box_ty2{height:160px; padding:35px 8%;}
}


@media screen and (max-width: 700px){
/***** Footer *****/	
#footer address span {display:block; margin-left:0;}	
}


@media screen and (max-width: 640px){
/***** Header *****/	
#header{min-height:90px; height:90px !important;}
#header #top_util .layout{height:90px;}
#header #top_util h1{margin:-9px 0 0 -80px;}
#header #top_util h1 a{height:auto; line-height:26px; font-size:17px; font-weight:400;}
#header #top_util h1 a span{display:block; width:120px; height:auto; margin:0 auto; background-size:100%;}
#header .totalsearch a.button{width:60px; height:60px; background-position:center -11px;}
#header .totalsearch a.button.on{background-position:center -90px;}
#header .mob_btn a{width:60px; height:60px;}
#totalsearch_input .box {max-width:300px;}
#totalsearch_input {top:90px; padding:12px 0;}
#totalsearch_input .box {max-width:360px;}
#totalsearch_input input[type="text"] {height:30px; line-height:30px; font-size:15px;}
#totalsearch_input input[type="submit"] {width:45px; height:40px; background-size:55%;}	
	
/***** Main *****/
.main_visual.js_slide.type_03 {height:435px;}
.main_visual.js_slide .control{bottom:25px;}
.main_visual .slogon{top:125px; width:290px; padding:45px 0; margin-left:-145px;}
.main_visual .slogon strong{line-height:28px; font-size:27px;}
.main_visual .slogon p{line-height:21px; margin:8px 0 30px; font-size:15px;}
.main_visual .slogon a{min-width:120px; height:36px; line-height:36px; font-size:15px;}
.main_visual .slogon a:after{right:-11px; width:22px; height:4px; margin-top:-2px;}
#main #container h3{line-height:26px; font-size:18px;}
.midd_cont .board_tab{height:225px; padding:25px 4%;}
.midd_cont .board_tab ul li strong{margin-bottom:8px;}
.midd_cont .box_ty2{height:140px; padding:25px 8%;}
.midd_cont .box_ty2 .btn_arr{min-width:95px; height:32px; line-height:32px;}
.midd_cont .product a{height:32px; line-height:32px;}

/***** Sub *****/
/* Visual */
#sub #visual {height:179px;}

/* Container */
#sub #content #txt {padding:15px 0 40px 0;}
#sub #content #txt h3 {font-size:31px; line-height:36px;}
}


@media screen and (max-width: 540px){
/***** Header *****/
#totalsearch_input .box {max-width:300px;}
	
/***** Main *****/
.midd_cont {padding:25px 0 30px 0;}

/***** Sub *****/
/* Container */
#sub #content #txt h3 {font-size:28px; line-height:32px; margin:0 0 20px 0;}
}


@media screen and (max-width: 480px){
/***** Sub *****/
/* Container */
#sub #content #txt {padding:10px 0 30px 0;}
#sub #content #txt h3 {font-size:26px; line-height:30px;}

/***** Main *****/
.midd_cont .board_tab ul li ul li .subject{padding-right:0;}
.midd_cont .board_tab ul li ul li .date{display:none;}
.midd_cont .box_ty1 {width:100%;}
.midd_cont .box_ty2 {width:100%; padding:25px 5%; height:120px;}

/***** Footer *****/
#footer .cl_top .layout {width:100%; max-width:100%; padding:0;}
#footer .menu {padding:0;}
#footer .menu li {width:50%; padding:0; background:none; border-bottom:1px solid #59595d;}
#footer .menu li a {display:block; padding:10px 4%; border-right:1px solid #59595d; text-align:center;}
#footer .menu li:nth-child(even) a {border-right:0;}
#footer .relate_site {width:auto;}
#footer .relate_site div {width:49.2%; margin-left:0; float:right;}	
#footer .relate_site div:first-child {float:left;}
}


@media screen and (max-width: 440px){
/***** Header *****/
#totalsearch_input .box {max-width:240px;}	
}


@media screen and (max-width: 400px){
/***** Header *****/
#totalsearch_input .box {max-width:200px;}	
}