.hide { display:none; }
.show { display:block; }

/* about */
.page-content { padding: 0px 0; }
.page-content span { display:block; }
.page-content .menu { position: fixed; display: inline-block; top: 215px; z-index: 2; }
.page-content .menu > a { display:block; font-weight:300; }
.page-content .menu > a > span { display: inline; padding-left:10px; }
.page-content .menu > a:nth-of-type(1) { Font-weight:900; }
.page-content .submenu { position: fixed; display: inline-block; top: 240px; }
.page-content .submenu > a { display:none; font-weight:700; }
.page-content .submenu > a > span { display: inline; padding-left:10px; }

.page-content .con-wrap { width: 100%; /*height: calc((100vh - 187px) - 25px);*/height: auto; min-height:768px line-height: 1.65em; overflow:hidden; }
.page-content .con-wrap .section-nav { position: relative; }
.page-content .con-wrap .section-nav > a { display: block; font-weight:700; }
.page-content .con-wrap .nav-cw { padding-top:220px; }
.page-content .con-wrap:nth-of-type(1) .nav-cw { padding-top:0; }
.page-content .con-wrap .con-box { padding:100px 0; width: 100%; font-size:12px; line-height: 1.65em; overflow: hidden; }
.responsive .page-content .con-wrap { height: auto; margin-top: 220px; }
.page-content .con-wrap .con-box:nth-of-type(1) { padding: 0px 0 0 0; }
.page-content .con-wrap .con-box .img { width:770px; }
.page-content .con-wrap p { /*padding-bottom:100px;*/ }
.page-content .con-wrap p > b { display:block; font-size: 12px; margin-top: 20px; margin-bottom: 20px; }

.page-content .capability .dl-box { overflow:hidden; /*margin-bottom:100px;*/ }
.page-content .capability dl { float:left; width:20%; padding:0; margin:0; list-style:none; }
.page-content .capability dl > dt { padding:100px 0 80px; font-weight:300; }
.page-content .capability dl > dd { height: 240px; }

.page-content .creative { padding:0 0 100px; }
.page-content .ht198 { padding-bottom: 0px; height: 198px; }


@media all and (max-width:1320px) {
	.responsive .page-content .capability dl { width:33.33%; }
}
@media all and (max-width:1199px) {
}
@media all and (max-width:991px) {
	.responsive .page-content .menu { position: relative; display: block; top: 0; margin-bottom: 20px; }
	.responsive .page-content .con-wrap { height: auto; }
	.responsive .page-content .con-wrap .nav-cw { padding-top: 30px; }
	.responsive .page-content .con-wrap .nav-lw { display:block; }
	.responsive .page-content .con-wrap .con-box .img { width:100%; }
	.responsive .page-content .submenu { display:none; }
	.responsive .page-content .submenu a { opacity : 1; }

	.responsive .page-content .capability dl { width:50%; }
	.responsive .page-content .capability dl > dd { height: 240px; padding-top: 30px; }
	.responsive .page-content .process dl { width:33.33%; }
	.responsive .page-content .process dl > dt { font-size: 26px; padding-bottom: 20px; }

}
@media all and (max-width:768px) {
	.responsive .page-content .capability dl { width:50%; }
	.responsive .page-content .capability dl > dt { width: 160px; height: 160px; padding-top: 70px; }
	.responsive .page-content .process dl > dd { height: auto; }
	.responsive .page-content .process dl { width:50%; }
	.responsive .page-content span { padding: 0 5px; }

}

@media all and (max-width:480px) {
	.responsive .page-content .process dl { width:100%; }


}