@charset "UTF-8";

/* General
------------------------------ */
body {
  min-width: 0;
}

.wrapper {
  position: relative;
  overflow: hidden;
  background: #fff;
  line-height: 1.6;
  -webkit-transform: none !important;
  transform: none !important;
}
.wrapper img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.wrapper a {
  transition: none;
}

.contents_wrap {
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 5px;
  max-width: 980px;
}
.contents_wrap:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

/* Header
------------------------------- */
#header {
  overflow: hidden;
  width: 100%;
  height: 90px;
  background: #fff;
}
#header .inner {
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 5px;
  max-width: 980px;
}
#header .inner:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
#header .site_title {
  float: left;
}
#header .site_title img {
  max-width: 100%;
  height: auto;
}
#header a {
  text-decoration: none;
}
#header ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  float: right;
  width: 401px;
}
#header ul li {
  float: left;
  width: 198px;
}
#header ul li a {
  display: table;
  padding: 0 10px;
  width: 100%;
  height: 38px;
  color: #fff;
  table-layout: fixed;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14px;
}
#header ul li a:before {
  display: table-cell;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
  vertical-align: middle;
}
#header ul li a .label {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#header ul li a .label > span {
  display: none;
  font-weight: bold;
}
#header ul .btn_download {
  margin-right: 5px;
  border-radius: 0 0 5px 5px;
  background-color: #e60012;
}
#header ul .btn_download a:before {
  width: 18px;
  background-image: url(/img/ss/common/bg_icon_dl_001.png);
}
#header ul .btn_contact {
  border-radius: 0 0 5px 5px;
  background-color: #41a147;
}
#header ul .btn_contact a:before {
  width: 24px;
  background-image: url(/img/ss/common/bg_icon_contact_001.png);
}
#header ul .btn_tel {
  display: none;
  background-color: #00284a;
}
#header ul .btn_tel a:before {
  background-image: url(/img/ss/common/bg_icon_tel_001.png);
}
#header .logo {
  float: right;
  margin-left: 10px;
  width: 93px;
  line-height: 1;
}
#header .logo a {
  display: inline-block;
  padding: 10px 0 0;
}
#header .logo a img {
  max-width: 100%;
  height: auto;
}

/* Breadcrumbs
--------------------------- */
#breadcrumb {
  padding: 9px 0;
  background: #f2f2f2;
}
#breadcrumb a {
  color: #06c;
  text-decoration: none;
}
#breadcrumb a:hover {
  text-decoration: underline;
}
#breadcrumb ul,
#breadcrumb ol {
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 5px;
  max-width: 960px;
  text-align: left;
}
#breadcrumb li {
  display: inline-block;
  color: #333;
  font-size: 12px;
}
#breadcrumb li:after {
  display: inline-block;
  margin: 0 7px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #6a6a6a;
  border-right: 1px solid #6a6a6a;
  content: "";
  vertical-align: 2px;
  transition: all 0.3s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#breadcrumb li:last-child {
  padding-right: 0;
}
#breadcrumb li:last-child:after {
  display: none;
}

/* Container
--------------------------- */
#container {
  padding: 40px 0 100px;
}

/* Pager
-------------------------- */
#container .pager {
  display: table;
  overflow: hidden;
  margin: 50px 0 0;
  width: 100%;
  height: auto;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  table-layout: fixed;
  word-wrap: break-word;
}
#container .pager li {
  position: relative;
  display: table-cell;
  width: 50%;
  border-left: 1px solid #e7e7e7;
}
#container .pager li a {
  position: relative;
  display: block;
  padding: 16px;
  background-repeat: no-repeat;
  text-decoration: none;
  opacity: 1;
}
#container .pager li a > strong {
  display: block;
  color: #075b95;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6;
}
#container .pager li a > span {
  display: block;
  color: #333;
  text-decoration: none;
  font-size: 14px;
}
#container .pager li a:hover {
  background-color: #e0f4ff;
  opacity: 1;
}
#container .pager li a:before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  display: block;
  width: 23px;
  background-color: #075b95;
  background-repeat: no-repeat;
  content: "";
}
#container .pager li:first-child {
  border-left: none;
}
#container .pager .prev a {
  padding-left: 55px;
}
#container .pager .prev a:before {
  left: 0;
  background-image: url(/img/ss/common/bg_pager_001.png);
  background-position: 3px center;
}
#container .pager .next {
  text-align: right;
}
#container .pager .next a {
  padding-right: 55px;
}
#container .pager .next a:before {
  right: 0;
  background-image: url(/img/ss/common/bg_pager_002.png);
  background-position: 5px center;
}
#container .back_index {
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  font-size: 14px;
  line-height: inherit;
}
#container .back_index a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #333;
  text-align: left;
  text-decoration: none;
}
#container .back_index a:before {
  position: absolute;
  top: 0.15em;
  left: 0;
  width: 16px;
  height: 17px;
  background: #075b95 url(/img/ss/common/bg_pager_003.png) no-repeat center;
  content: "";
  line-height: 1.6;
}
#container .back_index a:hover {
  text-decoration: underline;
  opacity: 1;
}

/* CV Bottom
------------------------------- */
#cv_contact {
  position: relative;
  width: 100%;
  height: 68px;
}
#cv_contact a {
  text-decoration: none;
}
#cv_contact .fixed_wrapper {
  position: relative;
  padding: 9px 0 8px;
  width: 100%;
  height: 68px;
  background: #1e1e1e;
}
#cv_contact .fixed_wrapper .inner {
  overflow: hidden;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 5px;
  max-width: 980px;
}
#cv_contact .fixed_wrapper .inner p {
  float: left;
  width: 420px;
}
#cv_contact .fixed_wrapper .inner p a {
  opacity: 1;
  cursor: default;
}
#cv_contact .fixed_wrapper .inner p img {
  max-width: 100%;
  height: auto;
}
#cv_contact .fixed_wrapper .inner ul {
  float: right;
  width: 465px;
}
#cv_contact .fixed_wrapper .inner li {
  display: table;
  float: left;
  margin: 0 0 0 5px;
  width: 230px;
  height: 46px;
  vertical-align: middle;
}
#cv_contact .fixed_wrapper .inner li:first-child {
  margin: 0;
}
#cv_contact .fixed_wrapper .inner li a {
  display: table-cell;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: none;
  transition: none;
}
#cv_contact .fixed_wrapper .inner li a i {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 46px;
  vertical-align: middle;
}
#cv_contact .fixed_wrapper .inner li a i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#cv_contact .fixed_wrapper .inner li span {
  display: inline-block;
  margin-top: 2px;
  width: calc(100% - 44px);
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}
#cv_contact .fixed_wrapper .inner .catalog {
  background: #e60012;
}
#cv_contact .fixed_wrapper .inner .catalog a span {
  margin-left: -4.8%;
}
#cv_contact .fixed_wrapper .inner .catalog a i:before {
  width: 18px;
  height: 24px;
  background: url(/img/ss/common/bg_icon_dl_001.png) no-repeat center;
}
#cv_contact .fixed_wrapper .inner .contact {
  background: #41a147;
}
#cv_contact .fixed_wrapper .inner .contact a span {
  margin-left: -3.8%;
}
#cv_contact .fixed_wrapper .inner .contact a i:before {
  width: 24px;
  height: 24px;
  background: url(/img/ss/common/bg_icon_contact_001.png) no-repeat center;
}
#cv_contact #pagetop {
  position: absolute;
  top: -71px;
  right: 50%;
  margin: 0 -590px 0 0;
  width: 50px;
}
#cv_contact #pagetop a {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 51px;
  background: #1e1e1e;
  -webkit-transition: none;
  transition: none;
}
#cv_contact #pagetop a:before {
  position: absolute;
  top: 50%;
  left: 31.37255%;
  display: block;
  margin-top: -5px;
  width: 20px;
  height: 20px;
  background: #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cv_contact #pagetop a:after {
  position: absolute;
  top: 50%;
  left: 31.37255%;
  display: block;
  margin-top: 1px;
  width: 20px;
  height: 20px;
  background: #1e1e1e;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cv_contact #pagetop a:hover {
  opacity: 0.7 !important;
}
#cv_contact.fixed .fixed_wrapper {
  position: fixed;
  bottom: -1px;
  left: 0;
  z-index: 10000;
}
#cv_contact.fixed.hidden .fixed_wrapper {
  display: none;
}

/* Footer
------------------------------- */
#footer .inner {
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 5px;
  max-width: 980px;
}
#footer .inner:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
#footer .sitemap {
  padding: 30px 0;
}
#footer .sitemap a {
  color: #333;
  text-decoration: none;
}
#footer .sitemap a:hover {
  text-decoration: underline;
}
#footer .sitemap .home_link {
  margin-bottom: 16px;
}
#footer .sitemap .home_link a {
  font-weight: bold;
  font-size: 16px;
}
#footer .sitemap .nav_menu:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
#footer .sitemap .nav_item {
  float: left;
  margin: 0 0 40px 40px;
  width: calc((100% - 80px) / 3);
}
#footer .sitemap .nav_item:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
#footer .sitemap .nav_item .ac_btn {
  font-weight: bold;
  font-size: 15px;
}
#footer .sitemap .nav_list li {
  margin: 5px 0 0;
  font-size: 13px;
}
#footer .sitemap .nav_list li a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 12px;
  line-height: 1.4;
  opacity: 1;
}
#footer .sitemap .nav_list li a:before {
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #095b97;
  content: "";
}
#footer .js_sp_menu .js_menu_button {
  display: none;
}
#footer .copy {
  padding: 20px 0;
  background-color: #000;
}
#footer .copy a {
  text-decoration: none;
}
#footer .copy p {
  float: left;
  width: 50%;
  color: #fff;
  font-size: 12px;
}
#footer .copy ul {
  float: right;
  width: 50%;
  text-align: right;
}
#footer .copy ul li {
  display: inline-block;
  padding: 0 12px;
  border-right: solid 1px #fff;
}
#footer .copy ul li:last-child {
  border-right: none;
}
#footer .copy ul li a {
  color: #fff;
  font-size: 12px;
  opacity: 1;
}
#footer .copy ul li a:hover {
  text-decoration: underline;
}

/* Nav Menu
------------------------------- */
#container .nav_menu .nav_list a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 12px;
  line-height: 1.4;
  opacity: 1;
}
#container .nav_menu .nav_list a:before {
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #095b97;
  content: "";
}
#container .nav_menu .nav_list a:hover {
  text-decoration: underline;
}
#container .nav_menu .nav_list a.active {
  color: #c80000;
}

/* Side Nav
  ------------------------------- */
/* Side Nav Base Styles */
#side {
  float: left;
  width: 220px;
}
#side .nav_menu .ac_btn {
  position: relative;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;

  -ms-user-select: none;
}
#side .nav_menu .ac_btn:hover {
  background: #e8f3fa;
  color: #333;
}
#side .nav_menu .ac_btn:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("/img/ss/products/microscope/roughness/bg_navi_001.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#side .nav_menu .opened .ac_btn:after {
  background-image: url("/img/ss/products/microscope/roughness/bg_navi_002.png");
}
#side .nav_menu .current .ac_btn {
  background: #e8f3fa;
  color: #000;
}
#side .nav_list {
  display: none;
}

/* Main Contents
--------------------------------- */
.main_contents {
  float: right;
  width: calc(100% - 260px);
  font-size: 16px;
}
.main_contents p {
  margin: 0 0 15px;
}
.main_contents a {
  color: #06c;
  text-decoration: underline;
  opacity: 1;
}
.main_contents a span {
  text-decoration: inherit;
}
.main_contents a:hover {
  text-decoration: none;
}
.main_contents .ss_download_btn {
  text-decoration: none;
}
.main_contents .ss_download_btn:hover {
  opacity: 0.7;
}

/* CV Right
------------------------------- */
.cv_right {
  position: absolute;
  top: 170px;
  left: 50%;
  margin: 0 0 180px 520px;
  width: 210px;
}
.cv_right a,
.cv_right .banner {
  display: block;
}
.cv_right a {
  background: #fff;
  opacity: 1;
}
.cv_right .banner {
  overflow: hidden;
  width: 210px;
  background: #fff;
}
.cv_right a:hover .banner {
  opacity: 0.7;
}
.cv_right .ss_download_btn.bnr {
  padding: 0 5px;
  height: 22px;
  border-radius: 3px;
}
.cv_right .ss_download_btn.bnr .txt05 {
  padding: 2px 0 2px 17px;
  background-size: 10px auto;
}

.cv_right {
  position: absolute;
  top: 170px;
  left: 50%;
  z-index: 9999;
  margin: 0 0 536px 520px;
  width: 230px;
}
.cv_right .cv_right_ttl {
  display: block;
  padding: 8px;
  background: url(/img/ss/products/microscope/roughness/bg_style_003.png) no-repeat right #1c1e21;
  background-size: contain;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}
.cv_right ul {
  margin-bottom: 8px;
}
.cv_right ul:last-child {
  margin: 0;
}
.cv_right ul li a:hover {
  opacity: 0.7;
}

.cv_product a {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #0a5889;
  line-height: 1.4;
}
.cv_product .cv_box {
  display: block;
  padding: 12px 10px;
  background: #fff;
}
.cv_product .cv_2cols {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.cv_product .cv_data {
  position: relative;
  display: table-cell;
  padding: 0 0 36px 12px;
  vertical-align: top;
}
.cv_product .cv_thumb {
  display: table-cell;
  width: 48px;
}
.cv_product .cv_thumb img {
  border: 1px solid #ccc;
}
.cv_product .cv_ttl {
  display: block;
  color: #000;
  font-size: 13px;
}
.cv_product .ss_download_btn.type03 {
  position: absolute;
  bottom: 0;
  left: 12px;
  width: 150px;
  height: 26px;
}

.cv_serie {
  margin-bottom: 10px;
}
.cv_serie a {
  display: block;
  width: 100%;
  border: 2px solid #0a5889;
  background: #fff;
  line-height: 1.4;
}
.cv_serie .catch {
  display: block;
  padding: 4px 0;
  background: #0a5889;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.cv_serie .cv_2cols {
  display: table;
  padding: 6px 10px 4px;
  width: 100%;
  background: #fff;
  table-layout: fixed;
}
.cv_serie .cv_data {
  display: table-cell;
  padding-left: 12px;
  vertical-align: middle;
}
.cv_serie .cv_thumb {
  display: table-cell;
  width: 90px;
}
.cv_serie .cv_ttl {
  display: block;
  color: #cd1919;
  font-weight: bold;
  font-size: 14px;
}
.cv_serie .cv_txt {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 13px;
}
.cv_serie .cv_btn {
  display: block;
  padding: 6px;
  background: #e8f3fa;
}
.cv_serie .cv_btn .ss_download_btn {
  margin: auto;
}
.cv_serie .cv_btn .ss_download_btn.type03 {
  max-width: 180px;
  height: 26px;
}
.cv_serie.cv_serie_type_3 {
  margin-bottom: 7px;
}

.cv_serie.cv_serie_type_3 .cv_btn {
  display: block;
  padding: 2px 6px 8px;
  background: transparent;
}

/* CV Area
------------------------------- */
.cv_area .index,
.cv_area .lower {
  display: none;
}
.cv_area .index {
  margin: 10px 0 0;
}
.cv_area .lower {
  margin: 50px 0 0;
}
.cv_area a:hover {
  opacity: 0.7;
}

/* Override Base
------------------------------- */
#header {
  border-bottom: 1px solid #000;
}

#header .site_title_inner {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  color: #000;
}

#header .lead_text {
	font-size: 16px;
}

#header .title_text {
	font-weight: bold;
  font-size: 40px;
}

@media screen and (max-width: 979px) {
	#header .lead_text {
		font-size: 12px;
	}
	
	#header .title_text {
		font-size: 28px;
	}
}

@media screen and (max-width: 640px){
	#header .lead_text {
		font-size: 12px;
	}

	#header .site_title {
		font-size: 32px;
	}
}

#header .site_title {
  padding: 15px 0 11px;
}

#container {
  padding: 40px 0 0;
}
#container .back_index {
  margin: 0;
}

#side .nav_2cols.col_inner .item dt,
#footer .sitemap .nav_2cols.col_inner .item dt {
  margin-top: 5px;
  font-weight: bold;
}

#side {
  margin-bottom: 50px;
}

#footer .sitemap .nav_item .ac_btn {
  margin-bottom: 12px;
}
#footer .sitemap .nav_item .label {
  display: block;
  border-bottom: 1px solid #383838;
}
#footer .sitemap .nav_item:nth-of-type(4) {
  width: calc(((100% - 20px) / 3)*2);
}
#footer .sitemap .nav_list .sub_child li a {
  padding: 0 0 0 26px;
}
#footer .sitemap .nav_list .sub_child li a:before {
  top: 0.1em;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: none;
  content: "";
  vertical-align: middle;
}
#footer .sitemap .nav_list .sub_child li a.nav_icon01:before {
  background: url(/img/ss/products/microscope/roughness/bg_style_007.png) no-repeat center;
  background-size: 100%;
}
#footer .sitemap .nav_list .sub_child li a.nav_icon02:before {
  width: 15px;
  height: 18px;
  background: url(/img/ss/products/microscope/roughness/bg_style_008.png) no-repeat center;
  background-size: 100%;
}
#footer .sitemap .nav_list .sub_child li a.nav_icon03:before {
  background: url(/img/ss/products/microscope/roughness/bg_style_009.png) no-repeat center;
  background-size: 100%;
}
#footer .sitemap .nav_2cols:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
#footer .sitemap .nav_2cols.col_inner {
  width: 100%;
}
#footer .sitemap .nav_2cols.col_inner .item {
  float: left;
  margin: 0 0 0 40px;
  width: -wbkit-calc((100% - 40px)/2);
  width: calc((100% - 40px)/2);
}
#footer .sitemap .nav_2cols.col_inner .item:first-child {
  margin: 0;
}
#footer .sitemap .nav_2cols.col_inner .item dd {
  margin-top: 5px;
}

#footer .sitemap .side_banner .nav_list_other_box,
.index_nav .side_banner .nav_list_other_box {
  display: none;
}

/* Modules
------------------------------- */
.ss_download_btn {
  position: relative;
  display: table;
  border-radius: 5px;
  background: #e60012;
  background: linear-gradient(#e24140, #cc1717);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ss_download_btn.type01,
.ss_download_btn.type02,
.ss_download_btn.type03,
.ss_download_btn.type04,
.ss_download_btn.type05 {
  padding: 6px 0 5px;
  width: 100%;
  text-align: center;
}
.ss_download_btn.type01,
.ss_download_btn.type02 {
  padding-right: 12px;
  padding-left: 12px;
}
.ss_download_btn.type01 {
  max-width: 340px;
  height: 45px;
}
.ss_download_btn.type02 {
  max-width: 380px;
  height: 60px;
}
.ss_download_btn.type03,
.ss_download_btn.type05 {
  padding-right: 8px;
  padding-left: 8px;
  max-width: 160px;
  height: 30px;
}
.ss_download_btn.type04 {
  padding-right: 4px;
  padding-left: 4px;
  max-width: 110px;
  height: 34px;
  color: #fff;
  font-weight: bold;
}
.ss_download_btn.type05 {
  border-radius: 0 0 5px 5px;
}
.ss_download_btn.icon01 > span:first-child {
  background: url(/img/ss/common/bg_icon_dl_001.png) no-repeat left center;
}
.ss_download_btn.icon02 > span:first-child {
  background: url(/img/ss/common/bg_icon_dl_002.png) no-repeat left center;
}
.ss_download_btn .img01,
.ss_download_btn .img02,
.ss_download_btn .img03 {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ss_download_btn .img01 img,
.ss_download_btn .img02 img,
.ss_download_btn .img03 img {
  border: solid 1px #ccc;
}
.ss_download_btn .txt01,
.ss_download_btn .txt02,
.ss_download_btn .txt03,
.ss_download_btn .txt04,
.ss_download_btn .txt05 {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
  word-break: break-all;
  font-weight: bold;
}
.ss_download_btn .txt01,
.ss_download_btn .txt02,
.ss_download_btn .txt03,
.ss_download_btn .txt04 {
  padding-left: 30px;
  width: calc(100% - 30px);
  font-size: 16px;
  line-height: 1.2;
}
.ss_download_btn .txt01 {
  padding-right: 60px;
}
.ss_download_btn .txt02 {
  padding-right: 79px;
}
.ss_download_btn .txt03 {
  padding-right: 77px;
}
.ss_download_btn .txt04 {
  padding-right: 104px;
}
.ss_download_btn .txt05 {
  padding-left: 20px;
  font-size: 12px;
  line-height: 1;
}
.ss_download_btn .in_txt1,
.ss_download_btn .in_txt2 {
  display: block;
}
.ss_download_btn .in_txt1 {
  font-size: 14px;
}

.prt_tbl,
.prt_rsp_tbl {
  margin: 20px 0;
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  table-layout: fixed;
  word-wrap: break-word;
}
.prt_tbl.auto,
.prt_rsp_tbl.auto {
  table-layout: auto;
}
.prt_tbl:first-child,
.prt_rsp_tbl:first-child {
  margin-top: 0;
}
.prt_tbl img,
.prt_rsp_tbl img {
  max-width: 100%;
  height: auto;
}
.prt_tbl caption,
.prt_rsp_tbl caption {
  text-align: inherit;
}
.prt_tbl sup,
.prt_rsp_tbl sup {
  margin: 0 -20px 0 5px;
}
.prt_tbl th,
.prt_tbl td,
.prt_rsp_tbl th,
.prt_rsp_tbl td {
  padding: 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: left;
}
.prt_tbl th *:first-child,
.prt_tbl td *:first-child,
.prt_rsp_tbl th *:first-child,
.prt_rsp_tbl td *:first-child {
  margin-top: 0;
}
.prt_tbl th *:last-child,
.prt_tbl td *:last-child,
.prt_rsp_tbl th *:last-child,
.prt_rsp_tbl td *:last-child {
  margin-bottom: 0;
}
.prt_tbl th,
.prt_rsp_tbl th {
  text-align: center;
  font-weight: bold;
  line-height: 1.375;
}
.prt_tbl thead th,
.prt_rsp_tbl thead th {
  background: #00273e;
  color: #fff;
}
.prt_tbl thead th.sub,
.prt_rsp_tbl thead th.sub {
  background: #e8e8e8;
  color: #333;
  font-weight: normal;
}
.prt_tbl tbody th,
.prt_rsp_tbl tbody th {
  background: #f2f2f2;
  color: #333;
}
.prt_tbl tbody th.sub,
.prt_rsp_tbl tbody th.sub {
  background: #e8e8e8;
  color: #333;
}
.prt_tbl tbody td,
.prt_rsp_tbl tbody td {
  background-color: #fff;
  color: #333;
}

.prt_tbl_frame {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
  width: 100%;
}
.prt_tbl_frame .prt_tbl {
  display: table;
  margin: 0;
  width: 720px;
}

.scroll_body,
.scroll_body thead,
.scroll_body tbody {
  display: block;
  width: 100%;
  border-top: none;
}
.scroll_body thead {
  overflow-y: scroll;
}
.scroll_body tbody {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: 315px;
  border-bottom: 1px solid #ccc;
}
.scroll_body tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.scroll_body th,
.scroll_body td {
  border-top: 1px solid #ccc;
  border-bottom: none;
}

.main_contents {
  padding: 0 0 60px;
}
.main_contents a {
  text-decoration: none;
}
.main_contents p {
  margin: 30px 0;
}
.main_contents sup {
  vertical-align: super;
  font-size: 11px;
  line-height: 1;
}
.main_contents sub {
  font-size: 11px;
  line-height: 1;
}
.main_contents small {
  font-size: 12px;
}
.main_contents small.prt_desc {
  display: inline-block;
}

/* section */
.main_sect {
  margin: 40px 0 50px;
}

.sub_sect {
  margin: 30px 0 40px;
}

.view_inner {
  margin: 30px 0;
}

/* heading */
.heading_01 {
  margin-bottom: 30px;
  padding: 14px 28px 12px;
  background: url(/img/ss/products/microscope/roughness/bg_style_003.png) no-repeat right bottom #1c1e21;
  background-size: contain;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
}

.heading_02 {
  margin-bottom: 30px;
  padding: 12px 28px 10px;
  border-bottom: 2px solid #162641;
  border-left: 5px solid #162641;
  background: #f2f2f2;
  color: #0a5889;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
}

.heading_03 {
  margin-bottom: 20px;
  padding: 8px 15px 6px;
  border-left: 5px solid #162641;
  color: #0a5889;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
}

.heading_04 {
  margin-bottom: 20px;
  padding: 8px 20px 6px;
  background: #f2f2f2;
  color: #0a5889;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
}

/* utility parts */
.prt_image {
  text-align: center;
}

.prt_border {
  padding: 10px;
  border: 1px solid #ddd;
}
.prt_border.pd_small {
  padding: 15px 6px;
}

.prt_image .caption_01,
.prt_image .caption_02,
.prt_border .caption_01,
.prt_border .caption_02 {
  font-weight: bold;
  font-size: 12px;
}
.prt_image .caption_01 .label,
.prt_image .caption_02 .label,
.prt_border .caption_01 .label,
.prt_border .caption_02 .label {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #333;
  line-height: 1;
}
.prt_image .caption_01,
.prt_border .caption_01 {
  margin: 10px 0 0;
}
.prt_image .caption_02,
.prt_border .caption_02 {
  margin: 0 0 10px;
}

.prt_em {
  font-weight: bold;
}

.prt_txt_center {
  text-align: center;
}

.prt_txt_left {
  text-align: left;
}

.prt_txt_right {
  text-align: right;
}

.prt_desc {
  position: relative;
  padding-left: 1em;
}
.prt_desc:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "\203b";
}

.prt_paragraph {
  margin: 20px 0;
}
.prt_paragraph p {
  margin: 0;
}

.prt_formula {
  padding: 10px;
  border: 1px solid #ccc;
  font-weight: bold;
  font-size: 18px;
}

/* column */
.prt_2cols,
.prt_3cols {
  margin: 30px 0;
}
.prt_2cols:after,
.prt_3cols:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.prt_2cols > .item > p:first-child,
.prt_3cols > .item > p:first-child {
  margin: 0;
}
.prt_2cols > .item > p:last-child,
.prt_3cols > .item > p:last-child {
  margin-bottom: 0;
}

.prt_2cols > .item {
  float: left;
  margin-left: 4%;
  width: 48%;
}
.prt_2cols > .item:first-child {
  margin: 0;
}
.prt_2cols > .item.s_wide {
  width: 58%;
}
.prt_2cols > .item.s_narrow {
  width: 38%;
}
.prt_2cols > .item.wide {
  width: 62%;
}
.prt_2cols > .item.narrow {
  width: 34%;
}
.prt_2cols.reverse > .item {
  margin-left: 0;
}
.prt_2cols.reverse > .item:first-child {
  float: right;
  margin-left: 4%;
}

.prt_3cols > .item {
  float: left;
  margin-left: 2%;
  width: 32%;
}
.prt_3cols > .item:first-child {
  margin-left: 0;
}

/* box */
.prt_figure dt,
.prt_figure dd {
  font-size: 12px;
}
.prt_figure dt {
  margin-bottom: 5px;
  font-weight: bold;
}
.prt_figure dd {
  margin-bottom: 5px;
}
.prt_figure dd:last-child {
  margin-bottom: 0;
}
.prt_figure.ft_large dt,
.prt_figure.ft_large dd {
  font-size: 16px;
}
.prt_figure.fig_type_about dt {
  text-align: center;
}
.prt_figure.fig_type_about dd.fig_caption {
  margin: 0 auto 5px;
  max-width: 230px;
  text-align: right;
}

.prt_gray_box {
  margin: 30px 0;
  padding: 30px 20px;
  background: #f2f2f2;
}
.prt_gray_box .box_caption {
  margin: 0 0 20px;
  color: #233553;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
}
.prt_gray_box .box_detail {
  margin-top: 15px;
}

.prt_download_box,
.prt_product_box {
  margin: 40px 0;
}
.prt_download_box:after,
.prt_product_box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}

.prt_download_box .ss_download_btn {
  float: right;
}

.prt_product_box .ss_product_btn {
  float: right;
}

.prt_wolf_box {
  margin: 30px 0;
  padding: 15px;
  border: 1px solid #ddd;
}
.prt_wolf_box .prt_arrow_list:first-child {
  margin-bottom: 20px;
}

.view_inner .prt_2cols,
.view_inner .prt_3cols,
.view_inner .prt_paragraph,
.prt_border .prt_2cols,
.prt_border .prt_3cols,
.prt_border .prt_paragraph,
.prt_gray_box .prt_2cols,
.prt_gray_box .prt_3cols,
.prt_gray_box .prt_paragraph {
  margin: 0;
}

/* list */
.prt_arrow_list {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.prt_arrow_list > li {
  display: table-cell;
}
.prt_arrow_list > li.arrow {
  display: table-cell;
  overflow: hidden;
  width: 60px;
  vertical-align: middle;
}
.prt_arrow_list > li.arrow > span {
  position: relative;
  display: block;
  margin: auto;
  width: 45px;
  height: 30px;
}
.prt_arrow_list > li.arrow > span:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 30px;
  height: 15px;
  background: #7a6bae;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.prt_arrow_list > li.arrow > span:after {
  position: absolute;
  top: 50%;
  right: -15px;
  display: block;
  border: 15px solid transparent;
  border-left: 15px solid #7a6bae;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.prt_link {
  margin-bottom: 20px;
  text-align: right;
}
.prt_link a {
  text-decoration: none;
}
.prt_link a:hover {
  text-decoration: underline;
  opacity: 1;
}
.prt_link a:before {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  border: 5px solid transparent;
  border-left: 5px solid #095b97;
  content: "";
}
.prt_link.multiple_link a {
  margin-left: 25px;
}
.prt_link.multiple_link a:first-child {
  margin-left: 0;
}

.prt_link_list_01 li a,
.prt_link_list_02 li a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 12px;
  color: #000;
  line-height: 1.4;
}
.prt_link_list_01 li a:before,
.prt_link_list_02 li a:before {
  position: absolute;
  top: 0.25em;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #095b97;
  content: "";
}
.prt_link_list_01 li a:hover,
.prt_link_list_02 li a:hover {
  text-decoration: underline;
  opacity: 1;
}

.prt_link_list_01:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.prt_link_list_01 li {
  float: left;
  margin: 0 30px 8px 0;
  width: calc((100% - 30px)/2);
}
.prt_link_list_01 li:nth-child(even) {
  margin-right: 0;
}

.prt_link_list_02:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.prt_link_list_02 ul {
  float: left;
  margin-left: 30px;
  width: calc((100% - 30px)/2);
}
.prt_link_list_02 ul:first-child {
  margin-left: 0;
}
.prt_link_list_02 li {
  margin-bottom: 8px;
}

.prt_decimal_list,
.prt_disc_list {
  padding-left: 20px;
}
.prt_decimal_list li,
.prt_disc_list li {
  margin-bottom: 10px;
}
.prt_decimal_list li:last-child,
.prt_disc_list li:last-child {
  margin-bottom: 0;
}

.prt_decimal_list li {
  list-style: decimal;
}

.prt_disc_list li {
  list-style: disc;
}

.prt_num_list {
  counter-reset: number_li;
}
.prt_num_list > li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
}
.prt_num_list > li:before {
  position: absolute;
  top: 0.24em;
  left: 0;
  display: block;
  content: counter(number_li) ".";
  counter-increment: number_li;
  line-height: 1;
}
.prt_num_list > li:last-child {
  margin-bottom: 0;
}
.prt_num_list > li .prt_disc_list li {
  margin-bottom: 0;
}
.prt_num_list.num_start_3 {
  counter-reset: number_li 2;
}
.prt_num_list.num_circle li {
  padding-left: 30px;
}
.prt_num_list.num_circle li:before {
  top: 0.15em;
  padding: 3px 6px;
  border-radius: 100%;
  background: #c6c6c6;
  color: #fff;
  content: counter(number_li);
  font-size: 14px;
}

.prt_alpha_list {
  counter-reset: alpha_li;
}
.prt_alpha_list li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 2px 4px;
  content: counter(alpha_li,lower-alpha);
  counter-increment: alpha_li;
  line-height: 1;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.prt_alpha_list.type_colon li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 30px;
}
.prt_alpha_list.type_colon li:before {
  padding: 0;
  content: counter(alpha_li,lower-alpha) " : ";
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.prt_alpha_list.type_colon li:last-child {
  margin-bottom: 0;
}

.prt_relation_list dt,
.prt_relation_list dd {
  display: inline;
  font-size: 12px;
  line-height: 1.2;
}
.prt_relation_list dt {
  font-weight: bold;
}
.prt_relation_list dd ul {
  display: inline;
}
.prt_relation_list dd ul li {
  display: inline-block;
  padding: 0 5px 5px 0;
}
.prt_relation_list dd ul li a {
  text-decoration: none;
  opacity: 1;
}
.prt_relation_list dd ul li a:hover {
  text-decoration: underline;
}

.prt_desc_list li {
  position: relative;
  padding-left: 1em;
}
.prt_desc_list li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "\203b";
}

.prt_ancher_box .item {
  display: table;
  padding: 10px 0 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.prt_ancher_box .item.no_border {
  border-bottom: none;
}
.prt_ancher_box .item .label,
.prt_ancher_box .item .list {
  display: table-cell;
  vertical-align: middle;
}
.prt_ancher_box .item .label {
  width: 120px;
  text-align: center;
}

.prt_ancher_list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.prt_ancher_list li {
  position: relative;
  display: block;
  float: left;
  margin: 0 5px 10px;
  width: 140px;
  letter-spacing: normal;
  line-height: 1;
}
.prt_ancher_list li a {
  display: table;
  padding: 12px 8px 10px;
  width: 100%;
  border: 1px solid #1a2c4a;
  color: #333;
  text-decoration: none;
  line-height: 1.2;
  opacity: 1;
}
.prt_ancher_list li a:before {
  display: table-cell;
  width: 5px;
  height: 5px;
  border-width: 5px;
  border-style: solid;
  border-color: #1a2c4a transparent transparent transparent;
  content: "";
  -webkit-transform: translateY(36%);
  transform: translateY(36%);
}
.prt_ancher_list li a span {
  display: table-cell;
  color: #333;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  word-break: break-word;
  font-size: 13px;
}
.prt_ancher_list li a:hover {
  background: #0a5889;
}
.prt_ancher_list li a:hover span {
  color: #fff;
}
.prt_ancher_list li a:hover:before {
  border-color: #fff transparent transparent transparent;
}

.prt_table_block {
  margin: 30px 0;
}
.prt_table_block .prt_tbl,
.prt_table_block .prt_rsp_tbl {
  margin: 0;
}
.prt_table_block .prt_tbl caption,
.prt_table_block .prt_rsp_tbl caption {
  font-weight: bold;
}
.prt_table_block .prt_tbl th,
.prt_table_block .prt_rsp_tbl th {
  text-align: left;
}
.prt_table_block .prt_tbl.td_vertical_top td,
.prt_table_block .prt_rsp_tbl.td_vertical_top td {
  vertical-align: top;
}
.prt_table_block .prt_tbl .cell_w15,
.prt_table_block .prt_rsp_tbl .cell_w15 {
  width: 15%;
}
.prt_table_block .prt_tbl .cell_w20,
.prt_table_block .prt_rsp_tbl .cell_w20 {
  width: 20%;
}
.prt_table_block .prt_tbl .cell_w30,
.prt_table_block .prt_rsp_tbl .cell_w30 {
  width: 30%;
}
.prt_table_block .prt_tbl .cell_w40,
.prt_table_block .prt_rsp_tbl .cell_w40 {
  width: 40%;
}
.prt_table_block .prt_tbl .cell_w50,
.prt_table_block .prt_rsp_tbl .cell_w50 {
  width: 50%;
}
.prt_table_block .prt_tbl .cell_w60,
.prt_table_block .prt_rsp_tbl .cell_w60 {
  width: 60%;
}
.prt_table_block .prt_tbl .number,
.prt_table_block .prt_rsp_tbl .number {
  text-align: right;
}
.prt_table_block .tbl_layout_01 th {
  width: 30%;
  background: #00273e;
  color: #fff;
}
.prt_table_block .tbl_layout_02 tbody td:first-child {
  background: #f2f2f2;
}
.prt_table_block .tbl_layout_03 tbody tr {
  margin: 20px 0 0;
}
.prt_table_block .tbl_layout_03 tbody td:first-child {
  background: #f2f2f2;
  text-align: center;
}
.prt_table_block .tbl_layout_03 tbody td:nth-of-type(3) {
  text-align: center;
}
.prt_table_block .tbl_layout_03 .example {
  position: relative;
  margin-top: 15px;
  padding-left: 30px;
}
.prt_table_block .tbl_layout_03 .example .icon_ex {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 1px 4px;
  background-color: #5396d1;
  color: #fff;
  font-weight: bold;
}
.prt_table_block .tbl_desc {
  margin-top: 10px;
  font-size: 12px;
}

.navi_parameters .inner {
  padding: 15px 20px;
  background: #fafafa;
}
.navi_parameters .heading_param {
  padding: 10px 20px 8px;
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}
.navi_parameters .heading_param span {
  display: inline-block;
  padding-left: 10px;
  border-left: 3px solid #fff;
}
.navi_parameters .list_param:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.navi_parameters .list_param > li {
  float: left;
  margin-left: 10px;
  width: calc((100% - 20px) /3);
}
.navi_parameters .list_param > li:first-child {
  margin-left: 0;
}
.navi_parameters .list_param .type_wide {
  margin-left: 0;
  width: calc(((100% - 20px)/3) * 2);
}
.navi_parameters .list_param .type_wide .detail_param:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.navi_parameters .list_param .type_wide .detail_param > dd {
  float: left;
  margin-right: 10px;
  width: calc((100% - 10px)/2);
}
.navi_parameters .list_param .type_wide .detail_param > dd:nth-child(2n+1) {
  margin-right: 0;
}
.navi_parameters .list_param .type_full {
  width: 100%;
}
.navi_parameters .list_param .type_full .detail_param:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.navi_parameters .list_param .type_full .detail_param > dd {
  float: left;
  margin-right: 10px;
  width: calc((100% - 20px)/3);
}
.navi_parameters .list_param .type_full .detail_param > dd:nth-child(3n+1) {
  margin-right: 0;
}
.navi_parameters .detail_param {
  margin-bottom: 20px;
}
.navi_parameters .detail_param.no_margin {
  margin-bottom: 0;
}
.navi_parameters .detail_param dt {
  margin-bottom: 10px;
  padding: 5px 0;
  border-bottom: 1px solid #000;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.57;
}
.navi_parameters .detail_param dd {
  margin-bottom: 8px;
  font-size: 12px;
}
.navi_parameters .detail_param dd a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 12px;
  color: #000;
  line-height: 1.4;
}
.navi_parameters .detail_param dd a:before {
  position: absolute;
  top: 0.25em;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #095b97;
  content: "";
}
.navi_parameters .detail_param dd a:hover {
  text-decoration: underline;
  opacity: 1;
}
.navi_parameters .detail_param dd a.current {
  color: #c80000;
}
.navi_parameters .detail_param .detail_list li {
  margin-bottom: 8px;
}

.ss_product_btn {
  display: table;
  max-width: 345px;
  width: 100%;
  height: 45px;
  border-radius: 5px;
  background: #1284c8;
  background: linear-gradient(#1284c8, #044aa0);
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}
.ss_product_btn span {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
  font-weight: bold;
  line-height: 1.2;
}
.ss_product_btn:hover {
  opacity: 0.7;
}

/* deqwas */
.deqwas_contents {
  margin-bottom: 50px;
}
.box_recommend_horizon {
  margin: 0 auto;
  max-width: 980px;
}
.ttl_box_deqwas {
  position: relative;
  background: #1e1e1e;
}
.ttl_box_deqwas h2 {
  padding: 7px 0 6px;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
.ttl_box_deqwas:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  display: block;
  margin-left: -26px;
  border: 26px solid transparent;
  border-top: 14px solid #1e1e1e;
  border-bottom: none;
  content: "";
}

/*  box_recommend_01 */
.box_recommend_01 {
  clear: both;
  margin-top: 40px;
  width: 100%;
  font-size: 12px;
}

.box_recommend_01 .Section {
  overflow: hidden;
  margin: 0 auto;
  max-width: 1100px;
}

.box_recommend_01 .NormalHeading {
  display: none;
}

/*  js-recomend_01 */
.js-recomend_01 {
  position: relative;
}

.js-recomend_01.long .jcarousel-skin-basic {
  width: 870px;
}

.js-recomend_01 .jcarousel-skin-basic {
  position: relative;
  margin: 0 auto;
}

.js-recomend_01 .jcarousel-skin-basic ul li {
  float: left;
  margin: 0 10px;
  width: 140px;
}

.js-recomend_01 .jcarousel-skin-basic ul li a {
  display: block;
  text-align: center;
}

.js-recomend_01 .jcarousel-skin-basic ul li a .Image {
  display: block;
  text-align: center;
}

.js-recomend_01 .jcarousel-skin-basic ul li a .Image img {
  border: 1px solid #999;
  text-align: center;
}

.js-recomend_01 .jcarousel-skin-basic ul li a .Text {
  display: block;
  margin-top: 15px;
}

.js-recomend_01 .jcarousel-skin-basic .bx-controls-direction .bx-prev {
  position: absolute;
  top: 50%;
  left: -70px;
  display: block;
  overflow: hidden;
  margin-top: -70px;
  width: 40px;
  height: 40px;
  background: #000;
  text-indent: -999em;
  transition: none;
}

.js-recomend_01 .jcarousel-skin-basic .bx-controls-direction .bx-prev:hover,
.js-recomend_01 .jcarousel-skin-basic .bx-controls-direction .bx-prev:focus {
  background-position: -24px -64px;
}

.js-recomend_01 .jcarousel-skin-basic .bx-controls-direction .bx-prev:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -5px;
  margin-left: -9px;
  border: 5px solid transparent;
  border-right: 6px solid #fff;
  content: "";
}

.js-recomend_01 .jcarousel-skin-basic .bx-controls-direction .bx-next {
  position: absolute;
  top: 50%;
  right: -70px;
  display: block;
  overflow: hidden;
  margin-top: -70px;
  width: 40px;
  height: 40px;
  background: #000;
  text-indent: -999em;
  transition: none;
}

.js-recomend_01 .jcarousel-skin-basic .bx-controls-direction .bx-next:hover,
.js-recomend_01 .jcarousel-skin-basic .bx-controls-direction .bx-next:focus {
  background-position: -72px -64px;
}

.js-recomend_01 .jcarousel-skin-basic .bx-controls-direction .bx-next:after {
  position: absolute;
  top: 50%;
  right: 50%;
  display: block;
  margin-top: -5px;
  margin-right: -9px;
  border: 5px solid transparent;
  border-left: 6px solid #fff;
  content: "";
}

.js-recomend_01 .jcarousel-skin-basic .bx-pager {
  margin-top: 30px;
  width: 100%;
  text-align: center;
}

.js-recomend_01 .jcarousel-skin-basic .bx-pager .bx-pager-item {
  display: inline-block;
  margin: 0 5px;
  border-radius: 20px;
}

.js-recomend_01 .jcarousel-skin-basic .bx-pager .bx-pager-item a {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: #ccc;
  text-indent: -999em;
}

.js-recomend_01 .jcarousel-skin-basic .bx-pager .bx-pager-item a:hover,
.js-recomend_01 .jcarousel-skin-basic .bx-pager .bx-pager-item a:focus {
  background: #c00;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.js-recomend_01 .jcarousel-skin-basic .bx-pager .bx-pager-item a.active {
  background: #c00;
}

/* Pages
------------------------------- */
/* mainvs */
#mainvs .inner {
  position: relative;
  height: 510px;
  background: url(/img/ss/products/microscope/roughness/bg_style_001.jpg) no-repeat center #fff;
}
#mainvs .contents_wrap {
  height: 100%;
}
#mainvs .contents_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
#mainvs .mainvs_contents {
  display: table;
  float: right;
  width: 492px;
  height: 100%;
  table-layout: fixed;
}
#mainvs .mainvs_contents .mainvs_inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
#mainvs .mainvs_contents .mainvs_title {
  margin: -75px 0 20px;
  font-weight: bold;
  font-size: 41px;
  line-height: 1.6;
}
#mainvs .mainvs_contents .mainvs_text {
  margin-bottom: 36px;
  font-size: 17px;
  line-height: 1.5;
}
#mainvs .mainvs_download_box .ss_download_btn {
  margin: auto;
  max-width: 320px;
}
#mainvs .mainvs_download_box .ss_download_btn .in_txt1 {
  font-size: 16px;
}

#p_home #container {
  position: relative;
  padding: 0;
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px);
}

#c_line_parameters .nav_menu .nav_list .line a,
#c_surface_parameters .nav_menu .nav_list .surface a {
  color: #c80000;
}

#c_line_parameters .list_surface {
  display: none;
}

#c_surface_parameters .list_line {
  display: none;
}

#c_line_parameters .prt_figure dt,
#c_line_parameters .prt_figure dd,
#c_surface_parameters .prt_figure dt,
#c_surface_parameters .prt_figure dd {
  margin-bottom: 20px;
}
#c_line_parameters .prt_figure dd:last-child,
#c_surface_parameters .prt_figure dd:last-child {
  margin-bottom: 0;
}
#c_line_parameters .prt_figure .list li,
#c_surface_parameters .prt_figure .list li {
  margin-bottom: 20px;
}
#c_line_parameters .prt_figure .list li:last-child,
#c_surface_parameters .prt_figure .list li:last-child {
  margin-bottom: 0;
}

.l_procedure_01 {
  margin: 30px 0;
}
.l_procedure_01 li {
  margin-bottom: 10px;
}
.l_procedure_01 li:last-child {
  margin-bottom: 0;
}
.l_procedure_01 li > a {
  position: relative;
  padding-left: 15px;
}
.l_procedure_01 li > a:before {
  position: absolute;
  top: 0.5em;
  left: 0;
  display: inline-block;
  border: 5px solid transparent;
  border-top: 5px solid #095b97;
  content: "";
}
.l_procedure_01 li > a:hover {
  text-decoration: underline;
}

.l_glossary_01 .prt_border {
  padding: 5px;
  background: #fff;
}
.l_glossary_01 .prt_image .caption_02 {
  margin-bottom: 0;
  color: #43919b;
}
.l_glossary_01 .prt_2cols:first-child {
  margin-bottom: 20px;
}

.s_glossary_01 .prt_arrow_list li.arrow {
  -webkit-transform: translateY(-15%);
  transform: translateY(-15%);
}
.s_glossary_01 .info_list {
  margin: 5px auto 0;
  padding: 5px;
  max-width: 290px;
  background: #f1f1f1;
}
.s_glossary_01 .info_list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.s_glossary_01 .info_list li {
  float: left;
  margin-left: 4%;
  width: 48%;
  font-size: 12px;
}
.s_glossary_01 .info_list li:nth-child(2n+1) {
  margin-left: 0;
}

/* download page */
.download_container {
  margin-bottom: 50px;
}
.download_container p {
  margin: 0;
  word-break: break-all;
}
.download_container img {
  border: solid 1px #ccc;
}
.download_container a:not(.ss_download_btn):hover {
  color: #0094d3;
  text-decoration: underline;
  opacity: 0.7;
}

.download_list {
  display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.download_list li {
  float: left;
  margin: 0 0 20px 2%;
  min-height: 203px;
  width: 32%;
}
.download_list.type_col2 li {
  display: block;
  float: left;
  width: 49%;
  height: auto;
}
.download_list.type_col2 li:nth-child(2n+1) {
  margin-left: 0;
}
.download_list .download_item {
  padding: 20px;
  border: 1px solid #d6d6d6;
}
.download_list .download_item .catch {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 21px;
  line-height: 1.2;
}
.download_list .inner_column {
  display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.download_list .inner_column .thumb,
.download_list .inner_column .desc {
  float: left;
}
.download_list .inner_column .thumb {
  margin-right: 1%;
  width: 44%;
  height: 202px;
}
.download_list .inner_column .thumb a {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
.download_list .inner_column .thumb .prt_image {
  display: table-cell;
  vertical-align: middle;
}
.download_list .inner_column .desc {
  position: relative;
  padding-bottom: 45px;
  width: 55%;
}
.download_list .inner_column .desc .ttl {
  color: #0094d3;
  text-decoration: none;
  font-weight: bold;
  font-size: 19px;
}
.download_list .inner_column .desc .text {
  margin: 10px 0;
}
.download_list .download_btn_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.download_list .download_btn_box .ss_download_btn {
  margin: auto;
}
.download_list .download_btn_box .ss_download_btn .txt01 {
  padding-right: 30px;
  font-size: 15px;
}

/* category index */
.category_index .inner {
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
.category_index .inner .prt_paragraph,
.category_index .inner .prt_2cols {
  margin: 0;
}
.category_index .category_list {
  display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px 0;
  width: 100%;
}
.category_index .category_list li {
  margin: 0 0 15px 2%;
  width: 49%;
}
.category_index .category_list li:nth-child(2n+1) {
  margin: 0 0 15px;
}
.category_index .category_list li a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 12px;
  color: #333;
  line-height: 1.4;
}
.category_index .category_list li a:before {
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #095b97;
  content: "";
}
.category_index .category_list li a:hover {
  color: #333;
  text-decoration: underline;
  opacity: 1;
}

/* bottom_banner */

.prt_contents_bottom_banner {
  max-width: 650px;
  margin: 40px auto 0;
}

.prt_contents_bottom_banner *, *:before, *:after {
	box-sizing: border-box;
}
.prt_contents_bottom_banner .main_thumb img {
	width: initial;
	max-width: 100%;
	height: auto;
  vertical-align: bottom;
}

.prt_contents_bottom_banner a {
  display: block;
  padding: 10px 10px 14px;
  border: 1px solid #aaa;
  background: #eee;
  color: #4d6a6a;
  text-decoration: none;
  font-size: 14px;
}

.prt_contents_bottom_banner a:hover {
  opacity: 0.7;
}

.prt_contents_bottom_banner .banner_title {
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #aaa;
  text-align: center;
  font-weight: bold;
}

.prt_contents_bottom_banner .banner_title strong {
  font-size: 22px;
}

.prt_contents_bottom_banner .series_image {
  margin: 0 auto;
  max-width: 518px;
}

.prt_contents_bottom_banner .images {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.prt_contents_bottom_banner .main_thumb {
  -webkit-flex: 24 1 auto;
  flex: 24 1 auto;
  padding: 0 4px 4px 0;
  -webkit-box-flex: 24;
  text-align: center;
}

.prt_contents_bottom_banner .arrow_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 0 8px;

  -webkit-box-flex: 1;
}

.prt_contents_bottom_banner .image {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  text-align: center;

  -webkit-box-flex: 0;
}

.prt_contents_bottom_banner .image figcaption {
  margin: 4px 0 0;
  text-align: left;
  font-size: 14px;
  line-height: 1.286;
}

.prt_contents_bottom_banner .image strong {
  font-weight: bold;
  font-size: 17px;
}

.prt_contents_bottom_banner .arrow {
  -webkit-flex: 0 0 12px;
  flex: 0 0 12px;
  padding: 0 6px 0 8px;

  -webkit-box-flex: 0;
}

.prt_contents_bottom_banner .has_caption .arrow i {
  -webkit-transform: translate(0, -20px);
  transform: translate(0, -20px);
}

.prt_contents_bottom_banner .desc p {
	font-size: 14px;
}

.prt_contents_bottom_banner .desc p {
  margin: 0 0 10px;
}

.prt_contents_bottom_banner .button {
  padding: 0 8px;
  text-align: right;
}

.prt_contents_bottom_banner .button span {
  display: inline-block;
  padding: 2px 10px;
  max-width: 120px;
  width: 100%;
  border-radius: 5px;
  background: #e60012;
  background: -webkit-gradient(linear, left top, left bottom, from(#e24140), to(#cc1717));
  background: -webkit-linear-gradient(#e24140, #cc1717);
  background: linear-gradient(#e24140, #cc1717);
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 32px;
}

[data-direction="right"].prt_arrow_01:after, [data-direction="right"].prt_caret_01:after {
	border-color: transparent transparent transparent #333;
}

[data-color="gray"][data-direction="right"].prt_arrow_01:after, [data-color="gray"][data-direction="right"].prt_caret_01:after {
	border-left-color: #898989;
}

.prt_caret_01[data-size="SS"][data-direction="right"]:after, .prt_caret_01[data-size="SS"][data-direction="left"]:after {
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.prt_caret_01[data-size="SS"][data-direction="right"]:after {
	right: 0;
	border-width: 15px 0 15px 12px;
}


.prt_caret_01[data-size="SS"][data-direction="right"]:before {
	left: 0;
}
.prt_arrow_01:before, .prt_caret_01:before {
	background: #333;
}
[data-color="gray"].prt_arrow_01:before, [data-color="gray"].prt_caret_01:before {
	background: #898989;
}

.prt_arrow_01:before, .prt_caret_01:before, .prt_arrow_01:after, .prt_caret_01:after {
	position: absolute;
	content: "";
}

.prt_caret_01[data-size="SS"][data-direction="right"], .prt_caret_01[data-size="SS"][data-direction="left"] {
	width: 12px;
	height: 30px;
}

.prt_arrow_01, .prt_caret_01 {
	position: relative;
	display: inline-block;
}

.prt_arrow_01:after, .prt_caret_01:after {
	width: 0;
	height: 0;
	border-style: solid;
}


/* Media Screen
  ------------------------------- */
@media screen and (min-width: 641px) {
  /* General */
  .sp_view {
    display: none;
  }

  /* Index Nav Base Styles */
  .index_nav .nav_menu {
    margin: 0;
  }
  .index_nav .nav_menu > .nav_section {
    display: -webkit-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .index_nav .nav_menu > .nav_section:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "";
    font-size: 0;
  }
  .index_nav .nav_menu .nav_item {
    float: left;
    margin: 0 0 20px 20px;
    width: calc((100% - 20px) / 2);
  }
  .index_nav .nav_menu .nav_item:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  .index_nav .ac_btn {
    position: relative;
    cursor: auto;
  }
  .index_nav .nav_list {
    display: block !important;
    padding: 0 !important;
  }
  .index_nav .nav_list > ul {
    padding: 0;
  }
  .index_nav .nav_list li {
    font-size: 15px;
    line-height: 1.3;
  }
  .index_nav .nav_list li:first-child {
    margin: 0;
  }
  .index_nav .nav_list li a:before {
    top: 0.25em;
  }

  /* Index Nav Unique Styles for each SS */
  .index_nav {
    padding: 0 0 30px;
  }
  .index_nav .nav_menu .nav_item {
    margin: 0 0 40px 0;
    background: #fff;
  }
  .index_nav .nav_menu .nav_item .add_sub_child {
    position: relative;
    padding-bottom: 140px;
  }
  .index_nav .nav_menu .nav_item .add_sub_child .nav_list > ul {
    padding: 12px 0 0;
  }
  .index_nav .nav_menu .nav_item:first-child {
    margin-bottom: 40px;
  }
  .index_nav .nav_menu .nav_item:nth-of-type(2) {
    margin-right: 20px;
  }
  .index_nav .nav_menu .nav_item:last-child {
    margin: 0;
  }
  .index_nav .nav_menu .nav_item.full_wide {
    width: 100%;
  }
  .index_nav .ac_btn .label {
    display: block;
    padding: 16px 20px;
    background: url(/img/ss/products/microscope/roughness/bg_style_003.png) right no-repeat #1e1e1e;
    background-size: contain;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
  }
  .index_nav .nav_list {
    border: 1px solid #dfdfdf;
  }
  .index_nav .nav_list > ul {
    padding: 12px 0;
  }
  .index_nav .nav_list li {
    padding: 8px 28px 7px;
  }
  .index_nav .nav_list li a {
    color: #000;
  }
  .index_nav .nav_2cols:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "";
    font-size: 0;
  }
  .index_nav .nav_2cols li {
    float: left;
    width: 50%;
  }
  .index_nav .nav_2cols.col_inner {
    width: 100%;
  }
  .index_nav .nav_2cols.col_inner .item {
    float: left;
    margin: 0 0 0 30px;
    width: -wbkit-calc((100% - 30px)/2);
    width: calc((100% - 30px)/2);
  }
  .index_nav .nav_2cols.col_inner .item:first-child {
    margin: 0;
  }
  .index_nav .nav_2cols.col_inner .item dt {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
  }
  .index_nav .nav_2cols.col_inner .item dd {
    margin-bottom: 15px;
  }

  #container .index_nav .nav_list .sub_child {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #eee;
  }
  #container .index_nav .nav_list .sub_child ul {
    padding: 10px 0;
  }
  #container .index_nav .nav_list .sub_child li {
    margin-bottom: 6px;
    padding: 0;
  }
  #container .index_nav .nav_list .sub_child li:last-child {
    margin-bottom: 0;
  }
  #container .index_nav .nav_list .sub_child li a {
    display: block;
    margin: auto;
    padding: 10px 60px;
    max-width: 300px;
    background: #0a5889;
    color: #fff;
  }
  #container .index_nav .nav_list .sub_child li a:before {
    display: none;
  }
  #container .index_nav .nav_list .sub_child li a:hover {
    opacity: 0.7;
  }
  #container .index_nav .nav_list .sub_child li a span {
    display: inline-block;
  }
  #container .index_nav .nav_list .sub_child li a span:before {
    display: inline-block;
    margin-right: 15px;
    width: 25px;
    height: 25px;
    content: "";
    vertical-align: middle;
  }
  #container .index_nav .nav_list .sub_child li a.nav_icon01 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_004.png) no-repeat center;
    background-size: 100%;
  }
  #container .index_nav .nav_list .sub_child li a.nav_icon02 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_005.png) no-repeat center;
    background-size: 100%;
  }
  #container .index_nav .nav_list .sub_child li a.nav_icon03 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_006.png) no-repeat center;
    background-size: 100%;
  }
  #container .index_nav .nav_menu .nav_item.product_link.style_01 {
    margin-right: 20px;
  }
  #container .index_nav .nav_menu .nav_item.product_link .ac_btn .label {
    background: #1e1e1e;
    position: relative;
    padding: 16px 40px 16px 20px;
  }
  #container .index_nav .nav_menu .nav_item.product_link .ac_btn .label::before {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 14px;
    height: 14px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: "";
    transform: translate(0, -50%) rotate(-45deg);
  }

  /* Footer */
  #footer .js_sp_menu .nav_list {
    display: block !important;
    padding: 0 !important;
  }

  /* CV Area */
  /* Override */
  #side .nav_menu > ul {
    border-bottom: 1px solid #ccc;
  }
  #side .nav_menu .ac_btn {
    padding: 15px 30px 14px 10px;
    border-top: 1px solid #ccc;
  }
  #side .nav_menu .ac_btn a {
    color: #333;
    opacity: 1;
  }
  #side .nav_menu .ac_btn .label .prt_block {
    display: block;
  }
  #side .nav_menu a:hover span {
    text-decoration: underline;
  }
  #side .nav_menu .nav_list {
    padding: 0;
    border-top: 1px solid #ccc;
  }
  #side .nav_menu .nav_list > ul {
    padding: 10px;
  }
  #side .nav_menu .nav_list > ul li {
    margin: 5px 0 0;
  }
  #side .nav_menu .nav_list > ul li a {
    color: #333;
  }
  #side .side_banner {
    margin-top: 20px;
  }
  #side .side_banner .nav_list_other_box .nav_list_other {
    margin-bottom: 10px;
  }
  #side .side_banner .nav_list_other_box .nav_list_other:last-child {
    margin-bottom: 0;
  }
  #side .side_banner .nav_list_other li {
    margin-bottom: 10px;
  }
  #side .side_banner .nav_list_other li:last-child {
    margin-bottom: 0;
  }
  #side .side_banner .nav_list_other a {
    display: block;
    padding: 10px 20px;
    background: #0a5889;
    color: #fff;
  }
  #side .side_banner .nav_list_other a:hover {
    opacity: 0.7;
  }
  #side .side_banner .nav_list_other a span {
    display: inline-block;
  }
  #side .side_banner .nav_list_other a span:before {
    display: inline-block;
    margin-right: 15px;
    width: 25px;
    height: 25px;
    content: "";
    vertical-align: middle;
  }
  #side .side_banner .nav_list_other a.nav_icon01 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_004.png) no-repeat center;
    background-size: 100%;
  }
  #side .side_banner .nav_list_other a.nav_icon02 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_005.png) no-repeat center;
    background-size: 100%;
  }
  #side .side_banner .nav_list_other a.nav_icon03 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_006.png) no-repeat center;
    background-size: 100%;
  }

  /* Pages */
  #p_home .cv_area .index {
    display: block;
  }

  .lower_box .cv_area .lower {
    display: block;
  }
}
@media screen and (max-width: 979px) {
  /* Header */
  #header {
    height: auto;
  }
  #header .site_title {
    width: 30%;
  }

  /* CV Bottom */
  #cv_contact {
    height: auto;
  }
  #cv_contact .fixed_wrapper {
    height: auto;
  }
  #cv_contact .fixed_wrapper .inner {
    padding: 0 5px;
  }
  #cv_contact .fixed_wrapper .inner p {
    width: 42.85%;
  }
  #cv_contact #pagetop {
    right: 0;
    margin-right: 0;
  }

  /* Index Nav */
  /* CV Area */
  /* Override */
  /* Modules */
  /* Pages */
  #mainvs .inner {
    width: 100%;
  }
}
@media screen and (max-width: 865px) {
  /* CV Bottom */
  #cv_contact .fixed_wrapper .inner ul {
    float: right;
    width: 405px;
  }
  #cv_contact .fixed_wrapper .inner li {
    width: 200px;
  }
  #cv_contact .fixed_wrapper .inner li a {
    font-size: 14px;
  }

  /* Index Nav */
  /* CV Area */
  /* Override */
  /* Modules */
  /* Pages */
}
@media screen and (max-width: 768px) {
  /* Header */
  #header .logo {
    width: 83px;
  }
  #header ul {
    float: right;
    width: 345px;
  }
  #header ul li {
    width: 170px;
  }
  #header ul li a {
    font-size: 12px;
  }
  #header .btn_download a:before {
    margin: 0 11px 0 0;
    width: 18px;
    height: 24px;
  }
  #header .btn_contact a:before {
    margin: -4px 4px 0 0;
    width: 20px;
    height: 20px;
  }
  #header .btn_box {
    width: 345px;
  }
  #header .btn_box li {
    width: 170px;
  }
  #header .btn_box li a {
    font-size: 12px;
  }
  #header .btn_box .btn_download a:before {
    height: auto;
  }
  #header .btn_box .btn_contact a:before {
    height: auto;
  }

  /* CV Bottom */
  #cv_contact .fixed_wrapper .inner ul {
    float: right;
    width: 345px;
  }
  #cv_contact .fixed_wrapper .inner li {
    width: 170px;
  }
  #cv_contact .fixed_wrapper .inner li a {
    font-size: 12px;
  }

  /* Index Nav */
  .index_nav .nav_menu > .nav_section {
    display: block;
  }
  .index_nav .nav_menu .nav_item {
    float: none;
    margin: 0 0 20px;
    width: auto;
  }
  .index_nav .nav_menu .nav_item:nth-child(2n+1) {
    margin-left: 0;
  }

  .index_nav .nav_menu .nav_item:nth-of-type(2) {
    margin-right: 0;
  }

  #container .index_nav .nav_menu .nav_item.product_link.style_01 {
    margin-right: 0;
  }

  /* CV Area */
  /* Override */
  /* Modules */
  .prt_ancher_list li {
    width: calc((100% - 20px) / 2);
  }
  .prt_ancher_list.prt_col4 li {
    width: calc((100% - 20px) /2);
  }

  .navi_parameters .list_param li {
    float: none;
    margin: 0;
    width: 100%;
  }
  .navi_parameters .list_param .type_wide,
  .navi_parameters .list_param .type_full {
    width: 100%;
  }
  .navi_parameters .list_param .type_wide .detail_param dd,
  .navi_parameters .list_param .type_full .detail_param dd {
    float: none;
    width: 100%;
  }
  .navi_parameters .detail_param {
    margin-bottom: 20px;
    width: 100%;
  }

  .prt_link_list_01 li {
    float: none;
    margin: 0 0 8px 0;
    width: 100%;
  }

  .prt_link_list_02 ul {
    float: none;
    margin-left: 0;
    width: 100%;
  }

  /* Pages */
  .download_list .inner_column {
    display: -webkit-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
  }
  .download_list .inner_column .thumb,
  .download_list .inner_column .desc {
    float: none;
    width: 100%;
  }
  .download_list .inner_column .thumb {
    margin-bottom: 15px;
    width: 100%;
  }
  .download_list .inner_column .desc {
    margin-left: 0;
    padding: 0 0 45px;
  }
  .download_list .inner_column .desc .ttl,
  .download_list .inner_column .desc .text {
    margin-bottom: 15px;
  }
  .download_list .download_btn_box .ss_download_btn {
    margin: auto;
  }
  .download_list .download_btn_box .ss_download_btn .txt01 {
    padding-right: 0;
  }
}
@media screen and (max-width: 640px) {
  /* General */
  .pc_view {
    display: none;
  }

  .contents_wrap {
    padding: 0 15px;
  }

  .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;

  -webkit-box-orient: vertical;
  }

  /* Header */
  #header {
    border: none;
  }
  #header .inner {
    padding: 0;
  }
  #header .head_box {
    margin: 0;
    padding: 12px 15px;
    width: 100%;
  }
  #header .head_box:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "";
    font-size: 0;
  }
  #header .site_title {
    padding: 0;
    width: 60%;
  }
  #header .logo a {
    padding: 0;
  }
  #header ul {
    float: none;
    width: 100%;
  }
  #header ul li {
    width: 33.33333%;
    height: auto;
  }
  #header ul li a {
    display: block;
    min-height: 100%;
    height: auto;
    text-align: center;
    font-size: 14px;
  }
  #header ul li a:before {
    display: block;
  }
  #header ul li a .label {
    display: block;
  }
  #header ul li a .label > span {
    display: block;
  }
  #header ul .btn_download {
    margin-right: 0;
    border-radius: 0;
  }
  #header ul .btn_download a {
    padding: 10px 0 14px;
  }
  #header ul .btn_download a:before {
    margin: 0 auto 17px;
    width: 20px;
    height: 26px;
  }
  #header ul .btn_contact {
    margin-right: 0;
    border-radius: 0;
  }
  #header ul .btn_contact a {
    padding: 10px 0 5px;
  }
  #header ul .btn_contact a:before {
    margin: 0 auto 8px;
    width: 25px;
    height: 25px;
  }
  #header ul .btn_tel {
    display: block;
  }
  #header ul .btn_tel a {
    padding: 8px 0 5px;
  }
  #header ul .btn_tel a:before {
    margin: 0 auto 5px;
    width: 22px;
    height: 30px;
  }

  /* Breadcrumbs */
  #breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  }

  /* Container */
  #container {
    padding: 25px 0 0;
  }

  /* Pager */
  #container .pager li a {
    padding: 8px;
  }
  #container .pager li a:before {
    top: 4px;
    bottom: 4px;
    width: 15px;
    background-size: 8px;
  }
  #container .pager li a > span {
    font-weight: bold;
    font-size: 13px;
  }
  #container .pager li a > strong {
    font-size: 16px;
    line-height: 1.5;
  }
  #container .pager .prev a {
    padding-left: 35px;
  }
  #container .pager .prev a:before {
    background-image: url(/img/ss/common/bg_pager_sp_001.png);
    background-position: center;
  }
  #container .pager .next a {
    padding-right: 35px;
  }
  #container .pager .next a:before {
    background-image: url(/img/ss/common/bg_pager_sp_002.png);
    background-position: center;
  }

  /* CV Bottom */
  #cv_contact {
    width: 100%;
    height: auto;
    order: 1;
  }
  #cv_contact .fixed_wrapper {
    position: relative;
    padding: 0;
    width: 100%;
    background: #fff;
  }
  #cv_contact .fixed_wrapper .inner {
    overflow: visible;
    padding: 0;
    width: auto;
    background-color: #1e1e1e;
  }
  #cv_contact .fixed_wrapper .inner p {
    float: none;
    width: 100%;
    text-align: center;
  }
  #cv_contact .fixed_wrapper .inner p a {
    display: block;
    padding: 2.2% 4.7% 1.6%;
  }
  #cv_contact .fixed_wrapper .inner ul {
    float: none;
    overflow: hidden;
    width: 100%;
  }
  #cv_contact .fixed_wrapper .inner li {
    display: table;
    float: left;
    margin: 0;
    width: 50%;
    height: auto;
  }
  #cv_contact .fixed_wrapper .inner li a {
    padding: 12px 8px;
    text-align: center;
    font-size: 14px;
  }
  #cv_contact #pagetop {
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
    width: auto;
    height: 60px;
    background: none;
  }
  #cv_contact #pagetop a {
    position: absolute;
    right: 11px;
    bottom: 11px;
    display: block;
    width: 40px;
    height: 40px;
  }
  #cv_contact #pagetop a:before {
    margin-top: -4px;
    width: 16px;
    height: 16px;
  }
  #cv_contact #pagetop a:after {
    width: 16px;
    height: 16px;
  }
  #cv_contact.fixed .fixed_wrapper {
    position: relative;
  }
  #cv_contact.fixed .fixed_wrapper #pagetop a {
    position: fixed;
  }
  #cv_contact.fixed.hidden .fixed_wrapper {
    display: block;
  }
  #cv_contact.fixed.hidden .fixed_wrapper #pagetop a {
    display: none;
  }

  /* Footer */
  #footer {
    order: 3;
  }
  #footer .sitemap {
    display: none;
  }
  #footer .js_sp_menu {
    display: block;
    padding: 0;
  }
  #footer .js_sp_menu .js_menu_button {
    position: fixed;
    top: 30px;
    right: 0;
    z-index: 10010;
    display: block;
    width: 49px;
    height: 34px;
    border-radius: 3px 0 0 3px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  #footer .js_sp_menu .js_menu_button:before,
  #footer .js_sp_menu .js_menu_button:after,
  #footer .js_sp_menu .js_menu_button i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    width: 24px;
    height: 4px;
    background: #fff;
    content: "";
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  #footer .js_sp_menu .js_menu_button:before {
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
  #footer .js_sp_menu .js_menu_button:after {
    -webkit-transform: translate(-50%, 6px);
    transform: translate(-50%, 6px);
  }
  #footer .js_sp_menu .js_menu_button i {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #footer .js_sp_menu .js_menu_button.pagein {
    opacity: 1;
    cursor: pointer;
  }
  #footer .js_sp_menu .inner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 30px 15px 80px;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  #footer .js_sp_menu .home_link {
    margin: 0 0 20px;
  }
  #footer .js_sp_menu .home_link a {
    font-size: 0;
  }
  #footer .js_sp_menu .home_link a:before {
    color: #fff;
    content: attr(data-menu-label);
    font-weight: bold;
    font-size: 24px;
  }
  #footer .js_sp_menu .nav_menu > ul {
    display: block;
    overflow: visible;
  }
  #footer .js_sp_menu .nav_menu .nav_item {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    border: none;
  }
  #footer .js_sp_menu .nav_menu .ac_btn {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;

    -ms-user-select: none;
  }
  #footer .js_sp_menu .nav_menu .ac_btn:hover {
    background: #e8f3fa;
    color: #333;
  }
  #footer .js_sp_menu .nav_menu .ac_btn:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_001.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  #footer .js_sp_menu .nav_menu .opened .ac_btn:after {
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_002.png");
  }
  #footer .js_sp_menu .nav_menu .current .ac_btn {
    background: #e8f3fa;
    color: #000;
  }
  #footer .js_sp_menu .nav_menu .ac_btn:after {
    width: 25px;
    height: 25px;
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_003.png");
  }
  #footer .js_sp_menu .nav_menu .opened .ac_btn:after {
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_004.png");
  }
  #footer .js_sp_menu .nav_menu .nav_list {
    display: none;
  }
  #footer .js_sp_menu .nav_menu .nav_list > ul {
    background-color: #fff;
  }
  #footer .js_sp_menu .nav_menu .nav_list li {
    font-size: 15px;
  }
  #footer .copy {
    padding: 12px 0;
  }
  #footer .copy p,
  #footer .copy ul {
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer .copy ul {
    margin-bottom: 5px;
  }
  #footer .copy ul li a {
    font-weight: bold;
  }

  body.view-mode-sp #footer .inner {
    display: block;
  }

  body.menu-opened {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body.menu-opened #footer .js_menu_button:before {
    -webkit-transform: translate(-50%, -50%) rotate(-225deg);
    transform: translate(-50%, -50%) rotate(-225deg);
  }
  body.menu-opened #footer .js_menu_button:after {
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg);
  }
  body.menu-opened #footer .js_menu_button i {
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg);
  }
  body.menu-opened #footer .inner {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  /* Nav Menu */
  #side {
    float: none;
    width: auto;
  }

  #container .nav_menu .nav_item {
    margin: 0;
  }
  #container .nav_menu .ac_btn {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;

    -ms-user-select: none;
  }
  #container .nav_menu .ac_btn:hover {
    background: #e8f3fa;
    color: #333;
  }
  #container .nav_menu .ac_btn:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_001.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  #container .nav_menu .opened .ac_btn:after {
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_002.png");
  }
  #container .nav_menu .current .ac_btn {
    background: #e8f3fa;
    color: #000;
  }
  #container .nav_menu .ac_btn:after {
    width: 25px;
    height: 25px;
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_003.png");
  }
  #container .nav_menu .opened .ac_btn:after {
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_004.png");
  }
  #container .nav_list {
    display: none;
  }
  #container .nav_menu {
    margin: 0;
    border: none;
  }
  #container .nav_menu .nav_item {
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
  }
  #container .nav_menu .nav_item:first-child {
    border-top: 1px solid #dfdfdf;
  }
  #container .nav_menu .ac_btn {
    padding: 10px 35px 10px 15px;
    border-top: none;
    background: #1b2e35;
    background: linear-gradient(135deg, #1b2e35 0%, #000 100%);
    font-size: 16px;
  }
  #container .nav_menu .ac_btn:hover {
    background: #1b2e35;
    background: linear-gradient(135deg, #1b2e35 0%, #000 100%);
    opacity: 1;
    transition: none;
  }
  #container .nav_menu .ac_btn .label {
    color: #fff;
  }
  #container .nav_menu .ac_btn .label .prt_block {
    display: inline;
  }
  #container .nav_menu .current .ac_btn {
    background: #1b2e35;
    background: linear-gradient(135deg, #1b2e35 0%, #000 100%);
  }
  #container .nav_menu .nav_list {
    padding: 0;
    border: none;
  }
  #container .nav_menu .nav_list > ul {
    padding: 15px;
  }
  #container .nav_menu .nav_list > ul li {
    margin-bottom: 10px;
  }
  #container .nav_menu .nav_list > ul li a {
    color: #000;
  }
  #container .nav_menu .nav_list > ul li:last-child {
    margin-bottom: 0;
  }
  #container .nav_menu .nav_list > ul li.sub_child {
    display: none;
    padding: 0;
  }
  #container .nav_menu .nav_2cols .item dt,
  #container .nav_menu .nav_2cols .item dd {
    padding-bottom: 5px;
  }
  #container .nav_menu .nav_2cols .item dt {
    font-weight: bold;
  }
  #container .side_banner {
    margin: 0;
  }
  #container .side_banner .banner {
    margin: 15px 0;
    text-align: center;
  }
  #container .side_banner .nav_list_other_box {
    display: block;
    padding: 12px 10px;
    background: #eee;
  }
  #container .side_banner .nav_list_other_box .nav_list_other {
    margin-bottom: 12px;
  }
  #container .side_banner .nav_list_other li {
    margin-bottom: 6px;
  }
  #container .side_banner .nav_list_other li:last-child {
    margin-bottom: 0;
  }
  #container .side_banner .nav_list_other a {
    display: block;
    padding: 10px 20px;
    background: #0a5889;
    color: #fff;
  }
  #container .side_banner .nav_list_other a:hover {
    opacity: 0.7;
  }
  #container .side_banner .nav_list_other a span {
    display: inline-block;
  }
  #container .side_banner .nav_list_other a span:before {
    display: inline-block;
    margin-right: 15px;
    width: 25px;
    height: 25px;
    content: "";
    vertical-align: middle;
  }
  #container .side_banner .nav_list_other a.nav_icon01 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_004.png) no-repeat center;
    background-size: 100%;
  }
  #container .side_banner .nav_list_other a.nav_icon02 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_005.png) no-repeat center;
    background-size: 100%;
  }
  #container .side_banner .nav_list_other a.nav_icon03 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_006.png) no-repeat center;
    background-size: 100%;
  }
  #container .index_nav .nav_menu .nav_item.product_link .ac_btn,
  #footer .js_sp_menu .nav_menu .nav_item.product_link .ac_btn {
    background: #1e1e1e;
    position: relative;
    padding: 10px 35px 10px 15px;
  }
  #container .index_nav .nav_menu .nav_item.product_link .ac_btn::after,
  #footer .js_sp_menu .nav_menu .nav_item.product_link .ac_btn:after {
    display: none;
  }
  #container .index_nav .nav_menu .nav_item.product_link .ac_btn::before,
  #footer .js_sp_menu .nav_menu .nav_item.product_link .ac_btn::before {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 14px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: "";
    transform: translate(0, -50%) rotate(-45deg);
  }

  #footer .js_sp_menu .nav_menu .nav_item {
    margin: 0;
  }
  #footer .js_sp_menu .nav_menu .ac_btn {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;

    -ms-user-select: none;
  }
  #footer .js_sp_menu .nav_menu .ac_btn:hover {
    background: #e8f3fa;
    color: #333;
  }
  #footer .js_sp_menu .nav_menu .ac_btn:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_001.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  #footer .js_sp_menu .nav_menu .opened .ac_btn:after {
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_002.png");
  }
  #footer .js_sp_menu .nav_menu .current .ac_btn {
    background: #e8f3fa;
    color: #000;
  }
  #footer .js_sp_menu .nav_menu .ac_btn:after {
    width: 25px;
    height: 25px;
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_003.png");
  }
  #footer .js_sp_menu .nav_menu .opened .ac_btn:after {
    background-image: url("/img/ss/products/microscope/roughness/bg_navi_004.png");
  }
  #footer .js_sp_menu .nav_list {
    display: none;
  }
  #footer .js_sp_menu .nav_menu {
    margin: 0;
    border: none;
  }
  #footer .js_sp_menu .nav_menu .nav_item {
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
  }
  #footer .js_sp_menu .nav_menu .nav_item:first-child {
    border-top: 1px solid #dfdfdf;
  }
  #footer .js_sp_menu .nav_menu .ac_btn {
    padding: 10px 35px 10px 15px;
    border-top: none;
    background: #1b2e35;
    background: linear-gradient(135deg, #1b2e35 0%, #000 100%);
    font-size: 16px;
  }
  #footer .js_sp_menu .nav_menu .ac_btn:hover {
    background: #1b2e35;
    background: linear-gradient(135deg, #1b2e35 0%, #000 100%);
    opacity: 1;
    transition: none;
  }
  #footer .js_sp_menu .nav_menu .ac_btn .label {
    color: #fff;
  }
  #footer .js_sp_menu .nav_menu .ac_btn .label .prt_block {
    display: inline;
  }
  #footer .js_sp_menu .nav_menu .current .ac_btn {
    background: #1b2e35;
    background: linear-gradient(135deg, #1b2e35 0%, #000 100%);
  }
  #footer .js_sp_menu .nav_menu .nav_list {
    padding: 0;
    border: none;
  }
  #footer .js_sp_menu .nav_menu .nav_list > ul {
    padding: 15px;
  }
  #footer .js_sp_menu .nav_menu .nav_list > ul li {
    margin-bottom: 10px;
  }
  #footer .js_sp_menu .nav_menu .nav_list > ul li a {
    color: #000;
  }
  #footer .js_sp_menu .nav_menu .nav_list > ul li:last-child {
    margin-bottom: 0;
  }
  #footer .js_sp_menu .nav_menu .nav_list > ul li.sub_child {
    display: none;
    padding: 0;
  }
  #footer .js_sp_menu .nav_menu .nav_2cols .item dt,
  #footer .js_sp_menu .nav_menu .nav_2cols .item dd {
    padding-bottom: 5px;
  }
  #footer .js_sp_menu .nav_menu .nav_2cols .item dt {
    font-weight: bold;
  }
  #footer .js_sp_menu .side_banner {
    margin: 0;
  }
  #footer .js_sp_menu .side_banner .banner {
    margin: 15px 0;
    text-align: center;
  }
  #footer .js_sp_menu .side_banner .nav_list_other_box {
    display: block;
    padding: 12px 10px;
    background: #eee;
  }
  #footer .js_sp_menu .side_banner .nav_list_other_box .nav_list_other {
    margin-bottom: 12px;
  }
  #footer .js_sp_menu .side_banner .nav_list_other li {
    margin-bottom: 6px;
  }
  #footer .js_sp_menu .side_banner .nav_list_other li:last-child {
    margin-bottom: 0;
  }
  #footer .js_sp_menu .side_banner .nav_list_other a {
    display: block;
    padding: 10px 20px;
    background: #0a5889;
    color: #fff;
  }
  #footer .js_sp_menu .side_banner .nav_list_other a:hover {
    opacity: 0.7;
  }
  #footer .js_sp_menu .side_banner .nav_list_other a span {
    display: inline-block;
  }
  #footer .js_sp_menu .side_banner .nav_list_other a span:before {
    display: inline-block;
    margin-right: 15px;
    width: 25px;
    height: 25px;
    content: "";
    vertical-align: middle;
  }
  #footer .js_sp_menu .side_banner .nav_list_other a.nav_icon01 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_004.png) no-repeat center;
    background-size: 100%;
  }
  #footer .js_sp_menu .side_banner .nav_list_other a.nav_icon02 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_005.png) no-repeat center;
    background-size: 100%;
  }
  #footer .js_sp_menu .side_banner .nav_list_other a.nav_icon03 span:before {
    background: url(/img/ss/products/microscope/roughness/bg_style_006.png) no-repeat center;
    background-size: 100%;
  }

  /* Main Contents */
  .main_contents {
    float: none;
    padding: 0 0 25px;
    width: auto;
  }

  /* CV Area */
  /* Override */
  #container {
    padding: 20px 0 0;
  }

  #side {
    margin: 0;
  }

  #footer .sitemap .nav_item .ac_btn {
    margin-bottom: 0;
  }
  #footer .sitemap .nav_item .label {
    border: none;
  }
  #footer .sitemap .nav_item:nth-of-type(4) {
    width: 100%;
  }
  #footer .sitemap .nav_2cols.col_inner {
    width: 100%;
  }
  #footer .sitemap .nav_2cols.col_inner .item {
    float: none;
    margin: 0;
    width: 100%;
  }

  /* Modules */
  .ss_download_btn.icon01 > span:first-child {
    background: url(/img/ss/common/bg_icon_dl_002.png) no-repeat left center;
  }
  .ss_download_btn img {
    max-width: 100%;
    height: auto;
  }
  .ss_download_btn .img02 img {
    width: 48px;
  }
  .ss_download_btn .img03 img {
    width: 67px;
  }
  .ss_download_btn .txt01,
  .ss_download_btn .txt02,
  .ss_download_btn .txt03,
  .ss_download_btn .txt04 {
    padding-left: 24px;
    width: calc(100% - 24px);
    font-size: 12px;
  }
  .ss_download_btn .txt02 {
    padding-right: 60px;
  }
  .ss_download_btn .txt04 {
    padding-right: 77px;
  }
  .ss_download_btn .in_txt1 {
    font-size: 12px;
  }

  .prt_rsp_tbl {
    display: block;
    overflow: hidden;
    margin-top: 10px;
    border: none;
  }
  .prt_rsp_tbl caption,
  .prt_rsp_tbl thead,
  .prt_rsp_tbl tbody,
  .prt_rsp_tbl tr,
  .prt_rsp_tbl th,
  .prt_rsp_tbl td,
  .prt_rsp_tbl.scroll_body tr,
  .prt_rsp_tbl.scroll_body thead,
  .prt_rsp_tbl.scroll_body tbody {
    display: block;
    float: left;
    clear: left;
    overflow: visible;
    max-height: none;
    width: 100%;
  }
  .prt_rsp_tbl.scroll_body tbody {
    border: none;
  }
  .prt_rsp_tbl caption {
    margin: 0 0 5px;
    text-align: left;
  }
  .prt_rsp_tbl caption .prt_inblock {
    margin-right: 1em;
    margin-left: 0;
  }
  .prt_rsp_tbl [data-label]:before {
    content: attr(data-label);
  }
  .prt_rsp_tbl .pc_view,
  .prt_rsp_tbl.scroll_body .pc_view {
    display: none;
  }

  .prt_rsp_tbl.spmode_txt caption.head {
    margin: 0 0 10px;
    padding: 0 5px 3px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-weight: bold;
  }
  .prt_rsp_tbl.spmode_txt tr {
    padding: 10px 0;
  }
  .prt_rsp_tbl.spmode_txt tr:first-child {
    padding-top: 0;
  }
  .prt_rsp_tbl.spmode_txt th,
  .prt_rsp_tbl.spmode_txt td {
    padding: 0;
    border: none;
    background: none;
    color: inherit;
  }
  .prt_rsp_tbl.spmode_txt .prt_list_disc {
    margin: 0;
  }
  .prt_rsp_tbl.spmode_txt .prt_cell_wrap {
    display: block;
    padding: 0;
  }
  .prt_rsp_tbl.spmode_txt th .prt_cell_wrap {
    padding: 8px 0 6px;
  }

  .prt_rsp_tbl.spmode_txt.type_01 tr:first-child th:first-child,
  .prt_rsp_tbl.spmode_txt.type_01 tr:first-child [data-label]:first-child:before {
    margin-top: 0;
  }
  .prt_rsp_tbl.spmode_txt.type_01 th,
  .prt_rsp_tbl.spmode_txt.type_01 [data-label]:before {
    display: block;
    margin: 10px 0 5px;
    padding: 0 5px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: none;
    text-align: left;
    font-weight: bold;
  }
  .prt_rsp_tbl.spmode_txt.type_01 td {
    text-align: left;
  }

  .prt_rsp_tbl.spmode_txt.type_02 tr {
    margin-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
  .prt_rsp_tbl.spmode_txt.type_02 tr:first-child {
    margin-top: 0;
  }
  .prt_rsp_tbl.spmode_txt.type_02 th,
  .prt_rsp_tbl.spmode_txt.type_02 td {
    padding: 0 10px;
    border: none;
    text-align: left;
  }
  .prt_rsp_tbl.spmode_txt.type_02 caption.head,
  .prt_rsp_tbl.spmode_txt.type_02 th:first-child {
    margin: 10px 0 0;
    background: #00273e;
    color: #fff;
    text-indent: 0;
    font-weight: bold;
  }
  .prt_rsp_tbl.spmode_txt.type_02 caption.head.sub,
  .prt_rsp_tbl.spmode_txt.type_02 th:first-child.sub {
    background: #e8e8e8;
    color: #333;
  }
  .prt_rsp_tbl.spmode_txt.type_02 caption.head {
    padding: 8px 10px 6px;
  }
  .prt_rsp_tbl.spmode_txt.type_02 thead {
    margin: 0 0 20px;
  }
  .prt_rsp_tbl.spmode_txt.type_02 thead th:before {
    content: "・";
  }
  .prt_rsp_tbl.spmode_txt.type_02 tr:first-child th:first-child {
    margin-top: 0;
  }
  .prt_rsp_tbl.spmode_txt.type_02 th:first-child .prt_cell_wrap {
    padding: 8px 0 6px;
  }
  .prt_rsp_tbl.spmode_txt.type_02 th + td {
    margin-top: 10px;
  }
  .prt_rsp_tbl.spmode_txt.type_02 [data-label]:before {
    display: inline;
    margin: 0 10px 0 0;
    padding: 0;
    border: none;
    background: none;
    content: "[" attr(data-label) "]";
    font-weight: bold;
  }
  .prt_rsp_tbl.spmode_txt.type_02 [data-label]:first-child:before {
    content: "[" attr(data-label) "]";
    font-weight: bold;
  }

  .prt_rsp_tbl.spmode_cell tr {
    margin: 10px 0 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .prt_rsp_tbl.spmode_cell tr:first-child,
  .prt_rsp_tbl.spmode_cell tr:first-child th:first-child,
  .prt_rsp_tbl.spmode_cell tr:first-child [data-label]:first-child:before {
    margin-top: 0;
  }
  .prt_rsp_tbl.spmode_cell th,
  .prt_rsp_tbl.spmode_cell [data-label]:before {
    display: block;
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #00273e;
    color: #fff;
    content: attr(data-label);
    text-align: left;
    font-weight: bold;
  }
  .prt_rsp_tbl.spmode_cell td {
    padding: 0;
  }
  .prt_rsp_tbl.spmode_cell .prt_cell_wrap {
    padding: 10px;
  }
  .prt_rsp_tbl.spmode_cell .prt_col2_cell {
    clear: none;
    width: 50%;
  }
  .prt_rsp_tbl.spmode_cell .prt_col2_cell:nth-of-type(2n+1) {
    clear: left;
  }
  .prt_rsp_tbl.spmode_cell .prt_col2_cell[data-label]:before,
  .prt_rsp_tbl.spmode_cell .prt_col2_cell .prt_cell_wrap {
    text-align: center;
  }
  .prt_rsp_tbl.spmode_cell .prt_col3_cell {
    clear: none;
    width: 33.3%;
  }
  .prt_rsp_tbl.spmode_cell .prt_col3_cell:nth-of-type(4n-1) {
    clear: left;
    width: 33.4%;
  }
  .prt_rsp_tbl.spmode_cell .prt_col3_cell[data-label]:before,
  .prt_rsp_tbl.spmode_cell .prt_col3_cell .prt_cell_wrap {
    text-align: center;
  }

  .prt_rsp_tbl.spmode_cell.type_02 tr {
    margin: 0;
    border-top: none;
  }
  .prt_rsp_tbl.spmode_cell.type_02 tr:first-child {
    border-top: 1px solid #ccc;
  }
  .prt_rsp_tbl.spmode_cell.type_02 th {
    width: 100%;
  }
  .prt_rsp_tbl.spmode_cell.type_02 td {
    padding: 10px;
  }

  .prt_tbl th,
  .prt_tbl td {
    padding: 10px;
  }

  .sp_scroll_body,
  .sp_scroll_body caption,
  .sp_scroll_body thead,
  .sp_scroll_body tbody {
    display: block;
    width: 100%;
    border: none;
  }

  .sp_scroll_body thead,
  .sp_scroll_body tbody {
    border-left: 1px solid #ccc;
  }

  .sp_scroll_body thead {
    overflow-y: scroll;
  }

  .sp_scroll_body tbody {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 315px;
    border-bottom: 1px solid #ccc;
  }

  .sp_scroll_body tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .sp_scroll_body th,
  .sp_scroll_body td {
    border-top: 1px solid #ccc;
    border-bottom: none;
  }

  .main_sect {
    margin: 30px 0 40px;
  }

  .sub_sect {
    margin: 20px 0 30px;
  }

  .view_inner {
    margin: 20px 0;
  }

  /* heading */
  .heading_01 {
    margin-bottom: 20px;
    padding: 12px 10px 10px;
    background-size: cover;
    font-size: 18px;
  }

  .heading_02 {
    margin-bottom: 20px;
    padding: 12px 10px 10px;
    font-size: 18px;
  }

  .heading_03 {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .heading_04 {
    margin-bottom: 20px;
    font-size: 15px;
  }

  /* column */
  .prt_2cols,
  .prt_3cols {
    margin: 20px 0;
  }
  .prt_2cols > .item,
  .prt_3cols > .item {
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
  .prt_2cols > .item:first-child,
  .prt_3cols > .item:first-child {
    margin: 0 0 20px;
  }
  .prt_2cols > .item > p:first-child,
  .prt_3cols > .item > p:first-child {
    margin: 20px 0;
  }
  .prt_2cols > .item > p:last-child,
  .prt_3cols > .item > p:last-child {
    margin-bottom: 20px;
  }
  .prt_2cols > .item:last-child,
  .prt_3cols > .item:last-child {
    margin-bottom: 0;
  }

  .prt_2cols > .item.s_wide,
  .prt_2cols > .item.s_narrow,
  .prt_2cols > .item.wide,
  .prt_2cols > .item.narrow {
    width: 100%;
  }
  .prt_2cols > .item.reverse > .item:first-child {
    float: none;
    margin: 20px 0;
  }

  /* box */
  .prt_gray_box {
    padding: 15px 10px;
  }
  .prt_gray_box .box_caption {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 15px;
  }

  .prt_download_box,
  .prt_product_box {
    margin: 40px 0;
  }
  .prt_download_box .ss_download_btn,
  .prt_download_box .product_btn,
  .prt_product_box .ss_download_btn,
  .prt_product_box .product_btn {
    float: none;
    margin: auto;
  }

  /* list */
  .prt_arrow_list li {
    display: block;
  }
  .prt_arrow_list li.arrow {
    display: block;
    margin: 15px auto;
    width: 30px;
    height: 45px;
  }
  .prt_arrow_list li.arrow > span {
    position: relative;
    display: block;
    margin: auto;
    width: 30px;
    height: 45px;
  }
  .prt_arrow_list li.arrow > span:before {
    position: static;
    display: block;
    margin: auto;
    width: 15px;
    height: 30px;
    background: #7a6bae;
    content: "";
    -webkit-transform: none;
    transform: none;
  }
  .prt_arrow_list li.arrow > span:after {
    position: static;
    display: block;
    margin: auto;
    width: 15px;
    height: 15px;
    border: 15px solid transparent;
    border-top: 15px solid #7a6bae;
    content: "";
    -webkit-transform: none;
    transform: none;
  }

  .prt_ancher_box .item {
    padding: 0 0 10px;
  }
  .prt_ancher_box .item .label,
  .prt_ancher_box .item .list {
    display: block;
  }
  .prt_ancher_box .item .label {
    margin: 10px 0;
    width: 100%;
    text-align: left;
  }

  .prt_ancher_list li {
    margin: 0 0 10px;
    width: calc((100% - 10px) /2);
  }
  .prt_ancher_list li:nth-child(2n+1) {
    margin-right: 10px;
  }

  .prt_table_block {
    margin: 20px 0;
  }
  .prt_table_block .prt_tbl th,
  .prt_table_block .prt_rsp_tbl th {
    text-align: left;
  }
  .prt_table_block .prt_tbl .cell_w15,
  .prt_table_block .prt_tbl .cell_w20,
  .prt_table_block .prt_tbl .cell_w30,
  .prt_table_block .prt_tbl .cell_w40,
  .prt_table_block .prt_tbl .cell_w50,
  .prt_table_block .prt_tbl .cell_w60,
  .prt_table_block .prt_rsp_tbl .cell_w15,
  .prt_table_block .prt_rsp_tbl .cell_w20,
  .prt_table_block .prt_rsp_tbl .cell_w30,
  .prt_table_block .prt_rsp_tbl .cell_w40,
  .prt_table_block .prt_rsp_tbl .cell_w50,
  .prt_table_block .prt_rsp_tbl .cell_w60 {
    width: 100%;
  }
  .prt_table_block .tbl_layout_02 tbody td:first-child {
    background: none;
  }
  .prt_table_block .tbl_layout_04 th,
  .prt_table_block .tbl_layout_04 td {
    padding: 10px 4px;
    font-size: 11px;
  }
  .prt_table_block .tbl_layout_05 tr td:first-child {
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #00273e;
    color: #fff;
    font-weight: bold;
  }

  .navi_parameters .heading_param {
    padding: 5px 10px 4px;
    font-size: 16px;
  }

  .deqwas_contents {
    display: none;
  }

  /* Pages */
  /* mainvs */
  #mainvs .inner {
    position: relative;
    height: auto;
    background: none;
  }
  #mainvs .inner:before {
    display: block;
    padding-top: 55%;
    background: url(/img/ss/products/microscope/roughness/bg_style_002.jpg) no-repeat center;
    background-size: cover;
    content: "";
  }
  #mainvs .mainvs_contents {
    display: block;
    float: none;
    padding: 25px 0;
    width: auto;
    text-align: center;
  }
  #mainvs .mainvs_contents .mainvs_inner {
    display: block;
  }
  #mainvs .mainvs_contents .mainvs_title {
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
  }
  #mainvs .mainvs_contents .mainvs_text {
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.5;
  }
  #mainvs .maivs_download_box .ss_download_btn .in_txt1 {
    font-size: 12px;
  }

  #p_home #container {
    padding: 20px 0 0;
    -webkit-transform: none;
    transform: none;
  }

  .s_glossary_01 .info_list {
    width: 100%;
  }

  /* download page */
  .download_list li {
    float: none;
    margin: 0 0 15px;
    width: 100%;
  }
  .download_list.type_col2 li {
    float: none;
    margin: 0 0 15px;
    width: 100%;
  }
  .download_list .inner_column .desc {
    padding: 0;
  }
  .download_list .download_btn_box {
    position: static;
    margin: 20px 0 0;
  }
  .download_list .download_btn_box .ss_download_btn {
    margin: auto;
  }

  /* category index */
  .category_index .inner {
    padding-bottom: 30px;
  }
  .category_index .category_list {
    display: block;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .category_index .category_list li {
    margin: 0 0 15px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  /* Header */
  #header ul li a,
  #header .btn_box li a {
    font-size: 10px;
  }
  #header ul .btn_download a,
  #header .btn_box .btn_download a {
    padding: 10px 0;
  }
  #header ul .btn_download a:before,
  #header .btn_box .btn_download a:before {
    width: 16px;
    height: 20px;
  }
  #header ul .btn_contact a:before,
  #header .btn_box .btn_contact a:before {
    width: 21px;
    height: 21px;
  }
  #header ul .btn_tel a:before,
  #header .btn_box .btn_tel a:before {
    width: 18px;
    height: 26px;
  }

  /* CV Bottom */
  #cv_contact .fixed_wrapper .inner li a {
    padding: 10px 5px;
    font-size: 11px;
  }
  #cv_contact .fixed_wrapper .inner li a i {
    width: 26px;
    height: 26px;
  }
  #cv_contact .fixed_wrapper .inner li span {
    width: calc(100% - 26px);
  }
  #cv_contact .fixed_wrapper .inner .catalog a i:before {
    width: 14px;
    height: 16px;
    background-size: contain;
  }
  #cv_contact .fixed_wrapper .inner .contact a i:before {
    width: 14px;
    height: 14px;
    background-size: contain;
  }

  /* CV Area */
  /* Override */
  /* Modules */
  /* Pages */
}