#sub-container { position: relative; padding-bottom:100px;  }
#sub-container2 { position: relative; }

#sub-container .about-visual { background: url(/asset/images/about/images_about_sub_image1.png) no-repeat center; height:346px; background-size:cover; }
#sub-container2 .about-visual { background: url(/asset/images/about/images_about_sub_image1.png) no-repeat center; height:346px; background-size:cover; }
#sub-container .product-visual { background: url(/asset/images/product/images_product_sub_image1.png) no-repeat center; height:346px; background-size:cover; }
#sub-container .product-visual2 { background: url(/asset/images/product/images_product_sub_image1.png) no-repeat center; height:346px; background-size:cover; }
#sub-container .news-visual { background: url(/asset/images/news/images_news_sub_image1.png) no-repeat center; height:346px; background-size:cover; }
#sub-container .contact-visual { background: url(/asset/images/about/images_about_sub_image1.png) no-repeat center; height:346px; background-size:cover; }

.top-visual { }
.top-visual .inner { max-width:1280px; margin:0 auto; padding-top:110px; }
.top-visual .page_navi li { float:left; margin-right:10px; background: url(/asset/images/navi_line2.png) no-repeat left center; padding-left:15px; color:#fff; }
.top-visual .page_navi li:first-child { background:none; padding-left:0px; }
.top-visual h2 { clear:both; letter-spacing: 2px; font-size:46px; font-weight: normal; color:#fff; text-align: center; padding-top:30px; }
.top-visual .subtitle { color:#fff; font-size:20px; max-width:750px; line-height: 1.3; margin:0 auto; font-weight: normal; display:block; text-align: center; padding-top:30px; }


.top-visual .search { display:block; max-width:880px; margin:0 auto; padding-top:45px;}
.top-visual .search select { width:100%; background: transparent; border:none; color:#fff; font-size:20px; }
.top-visual .search input[type=text] { background: transparent; border:none; width:90%; font-size:20px; color:#fff; }
.top-visual .search input[type=text]::-webkit-input-placeholder { color:#fff; opacity: 0.3; filter:alpha(opacity=30);  }
.top-visual .search input[type=text]::-moz-placeholder {  color:#fff;opacity: 0.3; filter:alpha(opacity=30);   }
.top-visual .search input[type=text]:-ms-input-placeholder {  color:#fff;opacity: 0.3; filter:alpha(opacity=30);    }
.top-visual .search input[type=text]:-moz-placeholder {   color:#fff;opacity: 0.3; filter:alpha(opacity=30);   }
.top-visual .search input[type=image] { position: absolute; right:0px; }
.top-visual .search li { float:left; border-bottom:solid 2px #fff; height:38px; margin:0 15px; position: relative; }
.top-visual .search .p30 { width:25%; }
.top-visual .search .p40 { width:35%; }
.top-visual .search .p65 { width:65%; }
.top-visual .search .p70 { width:70%; }
.top-visual .search .p100 { float:none; width:auto;}

#sub-content { max-width: 1280px; margin:0 auto; margin-top:120px; padding:0 15px ; position: relative; }

#sub-full-content { position: relative;     padding-top: 69px; }

.submenu { background: #fff; }
.submenu ul { max-width:625px; margin:0 auto; }
.submenu li { float:left; width:50%; text-align: center; }
.submenu li a { display:block; line-height: 76px; height:70px; color:#8c8c8c; font-size:24px; text-align: center; }
.submenu li.selected a { color:#009beb; border-bottom:solid 6px #009beb; }

@media all and (max-width:1280px) {
	.page_navi { margin-left:10px; display:none; }
}

@media all and (max-width: 640px) {
	.top-visual h2 { font-size:30px; }
	.top-visual .subtitle { font-size:15px; }
	.top-visual .page_navi li { font-size:12px; background-size: 6px auto; }
	.top-visual .inner { padding-top:80px; }
	.top-visual { height:270px !important; }

	.top-visual .search { padding-top:40px !important; }
	.top-visual .search ul { padding:0 15px; }
	.top-visual .search li { width:100% !important; margin-bottom:10px !important; height:30px; margin:0; }
	.top-visual .search select { font-size:13px; }
	.top-visual .search input[type=text] { font-size:13px; }


	.top-visual.product-visual { height:300px !important; }
	.product_category > ul { padding:0px !important; }
	.product_category > ul li a { font-size:13px; }


	.product_category { height:30px !important; }
	.product_category .select-title { font-size:13px !important; }

	#sub-container { padding-bottom:70px;  }

}


@media all and (max-width: 460px) {
	.top-visual { height:150px !important; }
	.top-visual h2 { font-size:21px; padding-top:0px; font-weight: bold; letter-spacing: 1px; }
	.top-visual .subtitle { display:none; }

	.top-visual .page_navi { display:none; }

	.top-visual.product-visual { height:220px !important; }
	.top-visual .search { padding-top:30px !important; }
	.top-visual .search.search2 { padding-top:20px !important; }
	.top-visual .search li { border-bottom:solid 1px #fff; }
	.top-visual .search input[type=image] { width:17px; top:4px; }
	.top-visual .search input[type=text] { margin-top:3px; }
	.top-visual .search select { margin-top:3px; }
}