@charset "UTF-8";

/* general setting
------------------------------ */
body {
  min-width: 0;
}

.wrapper {
  position: relative;
  overflow: hidden;
  line-height: 1.6;
  -webkit-transform: none !important;
  transform: none !important;
}

.wrapper img {
  max-width: 100%;
  vertical-align: bottom;
}

.wrapper a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.contents_wrap {
  margin: 0 auto;
  width: 980px;
}

.contents_wrap:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

/* display view */
.pc_view {
  display: block;
}

.sp_view {
  display: none;
}

/* header
------------------------------- */
#header {
  width: 100%;
  background-color: #024c85;
}

#header > .inner {
  margin: 0 auto;
  width: 980px;
}

#header > .inner:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

#header .site_title {
  float: left;
  padding: 15px 0 18px;
}


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

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

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

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

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

#header .site_title img {
  width: 240px;
  height: 55px;
}

#header ul {
  float: right;
  width: 401px;
}

#header ul li {
  display: table;
  float: left;
  width: 198px;
  height: 38px;
}

#header ul li a {
  display: table-cell;
  padding: 0 0 0 10px;
  color: #fff;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14px;
}

#header ul li a > span {
  display: none;
  font-weight: bold;
}

#header ul li a:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
}

#header .btn_download {
  margin-right: 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: #e60012;
}

#header .btn_download a:before {
  margin: 0 27px 0 0;
  width: 18px;
  height: 24px;
  background: url(/img/ss/common/bg_icon_dl_001.png) no-repeat center;
  background-size: contain;
}

#header .btn_contact {
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: #41a147;
}

#header .btn_contact a:before {
  margin: -4px 8px 0 0;
  width: 24px;
  height: 24px;
  background: url(/img/ss/common/bg_icon_contact_001.png) no-repeat center;
  background-size: contain;
}

#header .btn_tel {
  display: none;
  background-color: #00284a;
}

#header .btn_tel a:before {
  background: url(/img/ss/common/bg_icon_tel_001.png) no-repeat center;
  background-size: contain;
}

#header .logo {
  float: right;
  margin-left: 10px;
  width: 93px;
}

#header .logo a {
  display: inline-block;
  padding: 10px 0 0;
}

#header .logo img {
  max-width: 100%;
  height: auto;
}

/* footer
----------------------------- */
/* sitemap
----------------------------- */
.sitemap {
  padding: 30px 0;
}

.sitemap > .inner {
  margin: 0 auto;
  width: 980px;
}

.sitemap > .inner:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

.sitemap .home_link {
  margin-bottom: 10px;
  padding: 0 5px;
  text-align: left;
}

.sitemap .home_link a {
  color: #373737;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

.sitemap dl {
  float: left;
  padding: 0 5px;
  width: 25%;
}

.sitemap dl .sitemap_label {
  padding-left: 0;
  color: #373737;
  font-size: 15px;
}

.sitemap dt {
  margin-bottom: 5px;
  color: #373737;
  font-weight: bold;
  font-size: 15px;
}

.sitemap dd {
  margin: 0 0 5px 2px;
}

.sitemap dd a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: #373737;
  font-size: 13px;
}

.sitemap dd a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin-top: 5px;
  width: 5px;
  height: 7px;
  background: url(/img/ss/products/safety/knowledge/bg_arrow_001.png) no-repeat;
  content: "";
}

.sitemap dd a:hover {
  text-decoration: underline;
}

.sitemap .footer_banner {
  margin: auto;
  width: 980px;
}
.sitemap .footer_banner:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.sitemap .footer_banner .item_bnr {
  float: right;
  padding: 0 5px;
  width: 25%;
}

/* copy
------------------------------- */
.copy {
  padding: 20px 0;
  border-top: 1px solid #b0b0b0;
}

.copy > .inner {
  margin: 0 auto;
  width: 980px;
}

.copy > .inner:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

.copy p {
  float: left;
  width: 50%;
  color: #808080;
  font-size: 11px;
}

.copy ul {
  float: right;
  width: 50%;
  text-align: right;
}

.copy ul li {
  display: inline-block;
  padding: 0 12px;
  border-right: solid 1px #b0b0b0;
}

.copy ul li a {
  color: #808080;
  font-size: 11px;
}

.copy ul li a:hover {
  text-decoration: underline;
}

.copy ul li:last-child {
  border-right: none;
}

/* breadcrumb
--------------------------- */
#breadcrumb {
  margin-bottom: 50px;
  padding: 12px 0;
  background: #e7f4fa;
}
#page_index #breadcrumb {
  margin-bottom: 0;
}

#breadcrumb ul {
  margin: 0 auto;
  max-width: 960px;
  padding: 0 5px;
  width: 100%;
  text-align: left;
}

#breadcrumb ul li {
  display: inline-block;
  color: #6a6a6a;
  font-size: 12px;
}

#breadcrumb ul 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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#breadcrumb ul li:last-child {
  padding-right: 0;
}

#breadcrumb ul li:last-child:after {
  width: 0;
  height: 0;
  border: 0;
}

/* pager
-------------------------- */
.pager {
  display: table;
  overflow: hidden;
  width: 100%;
  height: auto;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  word-wrap: break-word;
}

.pager li {
  position: relative;
  display: table-cell;
  width: 50%;
  border-left: 1px solid #e7e7e7;
}

.pager li a {
  display: block;
  opacity: 1;
}

.pager li a > strong {
  display: block;
  color: #014b84;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6;
}

.pager li a > span {
  display: block;
  color: #333;
  font-size: 14px;
}

.pager li a:hover {
  background-color: #e0f4ff;
  opacity: 1;
}

.pager li:first-child {
  border-left: none;
}

.pager .prev a {
  padding: 17px 17px 17px 55px;
  background: url(/img/ss/products/safety/knowledge/bg_pager_001.gif) no-repeat left;
}

.pager .next a {
  padding: 17px 55px 17px 17px;
  background: url(/img/ss/products/safety/knowledge/bg_pager_002.gif) no-repeat right;
  text-align: right;
}

.back_index {
  margin-bottom: 40px;
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
}

.back_index a {
  display: inline-block;
  padding-left: 20px;
  background: url(/img/ss/products/safety/knowledge/bg_pager_003.gif) no-repeat left center;
  color: #333;
}

.back_index a:hover {
  text-decoration: underline;
  opacity: 1;
}

/* cv contact
------------------------------- */
#cv_contact {
  position: relative;
  width: 100%;
  height: 68px;
}

#cv_contact .fixed_wrapper {
  position: relative;
  padding: 10px 0 8px;
  width: 100%;
  height: 68px;
  background-color: #024c85;
}

#cv_contact .fixed_wrapper .inner {
  overflow: hidden;
  margin: 0 auto;
  width: 980px;
}

#cv_contact .fixed_wrapper .inner p {
  float: left;
  width: 420px;
}

#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 a {
  display: table-cell;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: none;
  transition: none;
}

#cv_contact .fixed_wrapper .inner li a:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
}

#cv_contact .fixed_wrapper .inner li span {
  display: inline-block;
  margin-top: 2px;
  width: 81%;
  width: calc(100% - 44px);
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

#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:first-child {
  margin: 0;
}

#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;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

#cv_contact #pagetop a {
  position: relative;
  display: block;
  width: 51px;
  height: 51px;
  background-color: #024c85;
}

#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: #024c85;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#cv_contact #pagetop:hover {
  opacity: 0.7;
}

#cv_contact.fixed .fixed_wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
}

#cv_contact.fiexd.hidden .fixed_wrapper {
  display: none;
}

#cv_contact .fixed_wrapper .inner p a {
  opacity: 1;
  cursor: default;
}

/* side floating banner
--------------------------- */
.cv_right {
  position: absolute;
  top: 184px;
  left: 50%;
  z-index: 9999;
  margin: 0 0 565px 520px;
  width: 230px;
}
.cv_right em{
 font-weight : bold;
}
.cv_right ul {
  margin-bottom: 8px;
}
.cv_right ul:last-child {
  margin: 0;
}
.cv_right ul li a:hover {
  opacity: 0.7;
}

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

.cv_right .caption,
.cv_right .desc,
.cv_right .thumb,
.cv_right .button,
.cv_right .exp {
  display: block;
}
.cv_right .banner {
  border: 1px solid #024c85;
}
.cv_right .thumb {
  float: left;
}
.cv_right .button {
  clear: both;
}
.cv_right .asset_bnr .caption {
  padding: 3px 5px 4px;
  background: #024c85;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.6;
}
.cv_right .asset_bnr .desc {
  overflow: hidden;
  padding: 10px;
}
.cv_right .asset_bnr .thumb {
  /*width: 48px;*/
}
.cv_right .asset_bnr .thumb img {
  border: 1px solid #ccc;
}
.cv_right .asset_bnr .exp{
  margin-left: 75px;
}
.cv_right .asset_bnr .ss_download_btn{
  margin: 0 auto 10px;

}
.cv_right .asset_bnr .exp {
  margin-bottom: 5px;
  color: #000;
  font-size: 14px;
  line-height: 1.6;
}
.cv_right .asset_bnr .ss_download_btn {
  max-width: 205px;
}
.cv_right .series_list li {
  margin: 10px 0 0;
}
.cv_right .series_list .banner {
  padding: 10px 0;
  border-width: 2px;
}
.cv_right .series_list .thumb {
  float: left;
  margin: -10px 0 10px;
  padding: 1px;
  width: 92px;
  height: 92px;
}
.cv_right .series_list .caption {
  float: right;
  margin: 0 0 10px;
  width: 113px;
  color: #333;
  letter-spacing: -1px;
  font-size: 13px;
  line-height: 1.385;
}
.cv_right .series_list .caption em {
  display: block;
  margin: 3px 0 0;
  color: #cd1919;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.2;
}
.cv_right .series_list .button {
  padding: 0 10px;
}
.cv_right .series_list .ss_download_btn {
  max-width: 184px;
}

/* side contents
--------------------------- */
#side {
  float: left;
  width: 217px;
}

.side_nav {
  position: relative;
  margin-bottom: 30px;
  word-wrap: break-word;
}

.side_nav > ul > li {
  border-bottom: 1px solid #014b84;
}

.side_nav > ul > li:first-child {
  border-top: 1px solid #014b84;
}

.side_nav .ttl_nav p {
  margin: 0;
  padding: 22px 30px 20px 14px;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
  cursor: pointer;
}

.side_nav .ttl_nav p span {
  position: relative;
  display: block;
  font-weight: bold;
  line-height: 1;
}

.side_nav .ttl_nav p span:after {
  position: absolute;
  top: 50%;
  right: -13%;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/img/ss/products/safety/knowledge/bg_navi_002.gif) no-repeat 98% center;
  background-size: 100% 100%;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.side_nav .ttl_nav p .label {
  color: #333;
}

.side_nav .ttl_nav p:hover {
  background-color: #e7e7e7;
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}

.side_nav .ttl_nav p:hover .label {
  color: #f92828;
}

.side_nav .ttl_nav .ac_btn.open:hover {
  background-color: #e7e7e7;
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}

.side_nav .ttl_nav .ac_btn.open:hover .label {
  color: #f92828;
}

.side_nav .ttl_nav .ac_btn.open span:after {
  position: absolute;
  top: 50%;
  right: -13%;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/img/ss/products/safety/knowledge/bg_navi_001.gif) no-repeat 96% center;
  background-size: 100% 100%;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.side_nav .nav_list {
  display: none;
  padding: 15px 0;
  border-top: 1px dotted #e7e7e7;
}

.side_nav .nav_list > li {
  margin-bottom: 7px;
  padding: 0 10px 0 20px;
  background: url(/img/ss/products/safety/knowledge/bg_arrow_001.png) no-repeat 8px 6px;
}

.side_nav .nav_list > li a {
  color: #333;
}

.side_nav .nav_list > li a:hover {
  text-decoration: underline;
}

.side_nav .nav_list > li .active {
  color: #ea0437;
}

.side_nav .nav_list > li.info {
  display: none;
  padding: 10px 15px;
  background: none;
}

.side_nav .current .ttl_nav {
  background-color: #4895dc;
}

.side_nav .current .ttl_nav .label {
  color: #fff;
}

/* side banner */
.side_bnr {
  border-top: solid 1px #a90101;
  border-right: solid 1px #a90101;
  border-bottom: solid 4px #a90101;
  border-left: solid 1px #a90101;
}

.side_bnr a {
  display: block;
  background: #d92525;
}

.side_bnr a:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

.side_bnr a span {
  color: #fff;
  font-weight: bold;
}

.side_bnr a:hover {
  opacity: 0.7;
}

.side_bnr .safety {
  padding: 10px 6px;
}

.side_bnr .safety .thumb {
  float: left;
  width: 40px;
}

.side_bnr .safety .thumb img {
  width: 100%;
  height: auto;
}

.side_bnr .right_1 {
  display: block;
  float: left;
  margin-left: 8px;
  width: 154px;
}

.side_bnr .right_1 span {
  display: block;
}

.side_bnr .right_1 .catch {
  font-size: 10px;
}

.side_bnr .right_1 .catch .sub {
  letter-spacing: -0.1em;
}

.side_bnr .right_1 .dl_btn:after {
  display: inline-block;
  margin: 0 0 0 5px;
  width: 14px;
  height: 20px;
  background: url(/img/ss/common/bg_icon_dl_001.png) no-repeat center;
  background-size: contain;
  content: "";
  vertical-align: middle;
}

.side_contact {
  border-top: solid 1px #a90101;
  border-right: solid 1px #a90101;
  border-bottom: solid 4px #a90101;
  border-left: solid 1px #a90101;
}

.side_contact a {
  display: block;
}

.side_contact a span {
  display: block;
  font-weight: bold;
}

.side_contact a:hover {
  opacity: 0.7;
}

.side_contact .contact {
  padding: 25px 0 25px 10px;
  background-color: #d92525;
}

.side_contact .contact .txt {
  color: #fff;
}

.side_contact .contact .txt:before {
  display: inline-block;
  margin: -5px 18px 0 0;
  width: 25px;
  height: 25px;
  background: url(/img/ss/common/bg_icon_contact_001.png) no-repeat center;
  background-size: contain;
  content: "";
  vertical-align: middle;
}

.side_banner_list {
  margin-top: 30px;
}
.side_banner_list li {
  margin-bottom: 20px;
  text-align: center;
}
.side_banner_list li:last-child {
  margin-bottom: 0;
}

/* main contents
--------------------------------- */
/* mainvs (bxslider.js)
------------------------------ */
#mainvs {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
  width: 100%;
}

#mainvs .js_bxslider,
#mainvs .bx-viewport {
  margin: 0;
  padding: 0;
}

#mainvs .js_bxslider {
  overflow: hidden;
  width: 10000px;
}

#mainvs .js_bxslider li {
  display: block;
  float: left;
}

#mainvs .js_bxslider li img {
  max-width: 100%;
  height: 340px;
}

#mainvs .js_bxslider .img_box:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

#mainvs .js_bxslider .img_box .left {
  float: left;
  width: 50%;
}

#mainvs .js_bxslider .img_box .right {
  float: right;
  width: 50%;
}

#mainvs .js_bxslider .leftLink,
#mainvs .js_bxslider .rightLink {
  width: 50%;
}

#mainvs .js_bxslider .leftLink {
  float: left;
}

#mainvs .js_bxslider .rightLink {
  float: right;
}

#mainvs .bx-viewport {
  overflow: visible !important;
  margin: 0 auto;
  max-width: 1200px;
}

#mainvs .bx-controls-direction a {
  position: absolute;
  top: 0;
  display: block;
  overflow: hidden;
  width: 50%;
  height: 340px;
  background-color: #fff;
  text-indent: -10000px;
  font-size: 0;
  opacity: 0.7;
}

#mainvs .bx-prev {
  left: -600px;
}

#mainvs .bx-next {
  right: -600px;
}

#mainvs .bx-prev img {
  position: absolute;
  top: 120px;
  right: 20px;
}

#mainvs .bx-next img {
  position: absolute;
  top: 120px;
  left: 20px;
}

#mainvs .bx-pager {
  position: absolute;
  bottom: 2.5%;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#mainvs .bx-pager-item {
  position: relative;
  display: inline-block;
  margin: 0 7px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  font-size: 0;
}

#mainvs .bx-pager-link {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  overflow: hidden;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#mainvs .bx-pager-link.active {
  width: 12px;
  height: 12px;
  background: #014b84;
}

#main {
  float: right;
  width: calc(100% - 260px);
}

/* Top Page */
.fl {
  float: left;
}

.fr {
  float: right;
}

.index {
  margin-bottom: 50px;
}

.index .link_box > li {
  margin-bottom: 30px;
  width: 49%;
  border: 1px solid #f0f0f0;
}

.index .link_box h2 {
  padding: 3.125% 10% 3.125% 18%;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.index .link_box .info {
  padding: 15px;
}

.index .link_box .link_content {
  padding: 0 15px 15px;
}

.index .link_box .link_content > li {
  margin-bottom: 5px;
}

.index .link_box .link_content > li a {
  padding-left: 20px;
  background: url(/img/ss/products/safety/knowledge/bg_arrow_001.png) no-repeat left center;
}

.index .link_box .link_content > li:last-child {
  margin-bottom: 0;
}

.index .link_box .link_title_01 {
  background: url(/img/ss/products/safety/knowledge/bg_index_001.gif) no-repeat left center #034c85;
  background-size: 15% auto;
}

.index .link_box .link_title_02 {
  background: url(/img/ss/products/safety/knowledge/bg_index_002.gif) no-repeat left center #034c85;
  background-size: 15% auto;
}

.index .link_box .link_title_03 {
  background: url(/img/ss/products/safety/knowledge/bg_index_003.gif) no-repeat left center #034c85;
  background-size: 15% auto;
}

.index .link_box .link_title_04 {
  background: url(/img/ss/products/safety/knowledge/bg_index_004.gif) no-repeat left center #034c85;
  background-size: 15% auto;
}

.products_list_wrap {
  margin: -40px auto 20px;
  max-width: 980px;
}
.products_list_wrap .products_list_ttl {
  margin-bottom: 15px;
  padding-bottom: 5px;
  color: #333;
  font-weight: bold;
  font-size: 17px;
  border-bottom: 1px solid #024c85;
}
.products_list_wrap .products_list {
  display: flex;
  flex-wrap: wrap;
}
.products_list_wrap .products_list .products_list_item {
  padding-bottom: 10px;
  font-size: 15px;
}
.products_list_wrap .products_list .products_list_item:not(:last-child) {
  padding-right: 30px;
}
.products_list_wrap .products_list .products_list_item a {
  position: relative;
  padding-left: 18px;
  display: block;
}
.products_list_wrap .products_list .products_list_item a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  border-color: transparent transparent transparent #e60012;
}

a.blank {
  padding-right: 15px;
  background: url(/img/ss/products/safety/knowledge/bg_style_001.gif) no-repeat;
  background-position: right center;
}

p a:hover,
p a:focus {
  color: #06c;
  text-decoration: underline;
}

.bbtm {
  border-bottom: 1px dotted #0265b2;
}

.w49 {
  width: 49%;
}

.plr25 {
  padding-right: 25px;
  padding-left: 25px;
}

.prt_boxImg {
  margin-right: 25px;
  width: 41.7%;
}

.txt_hl {
  color: #0075c1;
}

/* prt_h1 */
.prt_h1 {
  margin: 0;
  padding: 25px 20px;
  border-top: 1px solid #014b84;
  border-bottom: 4px solid #014b84;
  font-weight: bold;
  font-size: 22px;
}

/* prt_h2 */
.prt_h2 {
  margin: 0;
  padding: 12px 20px;
  border-left: 3px solid #014b84;
  font-weight: bold;
  font-size: 18px;
}

/* prt_h3 */
.prt_h3 {
  margin: 0;
  padding: 12px 20px;
  background-color: #f3f3f3;
  font-weight: bold;
  font-size: 18px;
}

/* prt_h4 */
.prt_h4 {
  font-weight: bold;
  font-size: 16px;
}

/* prt_rec_01, prt_rec_02, prt_rec_03 */
.prt_rec_01,
.prt_rec_02 {
  margin: 0;
  padding: 20px 25px;
  border: 1px dotted #0265b2;
}

.prt_rec_01 .catch,
.prt_rec_02 .catch {
  display: block;
  font-weight: bold;
}

.prt_rec_02 {
  border-style: solid;
}

.prt_rec_03 {
  clear: both;
  margin: 0;
  border: 1px dotted #0265b2;
}

.prt_rec_03 dt {
  padding: 20px 30px 10px;
  font-weight: bold;
}

.prt_rec_03 dt span {
  display: block;
  font-weight: bold;
}

.prt_rec_03 dd {
  padding: 0 30px 20px;
  border-bottom: 1px dotted #0265b2;
  line-height: 1.5;
}

.fnt_blu {
  color: #0265b2;
}

.prt_rec_03 dt span.fnt_blu.column_title_01 {
  display: inline-block;
  margin-right: 10px;
}

.prt_rec_03 dl dd.last {
  border-bottom: 0 none;
}

.prt_rec_01 ul,
.prt_rec_02 ul,
.prt_rec_03 ul {
  margin-left: 15px;
  list-style: outside disc;
}

/* prt_rec_04 */
.prt_rec_04 dl {
  float: left;
  margin: 0 0 15px;
  padding: 20px 30px;
  border: 1px dotted #0265b2;
}

.prt_rec_04.column2 dl {
  width: calc((100% - 15px) / 2);
}

.prt_rec_04.column3 dl {
  margin-right: 15px;
  width: calc((100% - 31px) / 3);
}

.prt_rec_04.column3 dl ul li {
  margin: 5px 0 0 15px;
  list-style: disc;
}

.prt_rec_04.column2 dl:nth-child(odd) {
  margin-right: 15px;
}

.prt_rec_04.column3 dl:nth-child(3n+3) {
  margin-right: 0;
}

.prt_rec_04 dl dt {
  margin: 0 0 10px;
  word-wrap: break-word;
  font-weight: bold;
}

.prt_rec_04 p.divider {
  margin-bottom: 10px;
}

.prt_rec_04 p.divider:last-child {
  margin-bottom: 0;
}

.prt_rec_04 p.active {
  padding: 5px;
  background: #fafafa;
}

/* prt_rec_06 */
.prt_rec_06 {
  margin: 0;
  padding: 20px 30px;
  border: 1px solid #0265b2;
}

.prt_rec_06 dl {
  margin-bottom: 20px;
}

.prt_rec_06 dl dt {
  color: #0265b2;
  font-weight: bold;
}

.prt_rec_06 ul {
  margin-bottom: 20px;
}

.prt_rec_06 ul:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

.prt_rec_06 ul li {
  float: left;
  padding: 5px 10px 5px 25px;
  width: 33.3%;
  border-left: 1px dotted #0265b2;
  text-indent: -1em;
}

.prt_rec_06 ul li:first-child {
  padding-left: 15px;
  border-left: 0;
}

/* prt_rec_07 */
.prt_rec_07 {
  float: left;
  width: 52.77777%;
}

.prt_rec_07 dt {
  margin: 0 0 15px;
  padding: 10px 0 0;
  font-weight: bold;
}

.prt_rec_07 dd.formulate {
  margin: 0 0 10px 0;
  padding: 10px 0;
  border: 1px solid #4098d1;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

/* prt_rec_08 */
.prt_rec_08 {
  margin: 0;
  padding: 20px 30px;
  border: 1px dotted #000;
}

.prt_rec_08 p {
  display: inline-block;
  margin: 0 0 15px;
  padding: 3px 7px;
  border: 2px solid #f00;
  font-size: 17px;
}

.prt_rec_08 ul li {
  margin: 0 0 15px 20px;
  list-style-type: circle;
}

/* prt_rec_003 for level */
.prt_rec_03.level dl dt img {
  margin-right: 5px;
}

.prt_rec_03.level dl dt span {
  display: inline;
  font-weight: bold;
}

.prt_rec_03.level dl dt.s,
.prt_rec_03.level dl dt.s span,
.prt_rec_03.level dl dd.s span {
  color: #f5a353;
}

.prt_rec_03.level dl dt.f,
.prt_rec_03.level dl dt.f span,
.prt_rec_03.level dl dd.f span {
  color: #b062a4;
}

.prt_rec_03.level dl dt.p,
.prt_rec_03.level dl dt.p span,
.prt_rec_03.level dl dd.p span {
  color: #78c06f;
}
/* prt_anchor */
.prt_anchor {
  overflow: hidden;
  margin: 30px 0;
}
.prt_anchor li {
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
  background: #fff;
}
.prt_anchor li:nth-child(3n) {
  margin-right: 0;
}
.prt_anchor li:before {
  position: absolute;
  top: 50%;
  left: 10px;
  margin: -2px 0 0;
  width: 11px;
  height: 11px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #024c85;
  content: "";
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}
.prt_anchor li > span {
  display: table;
  width: 100%;
  word-break: break-word;
}
.prt_anchor li > span a {
  display: table-cell;
  padding: 13px 20px 10px 30px;
  border: 1px solid #024c85;
  color: #333;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  line-height: 1.25;
  opacity: 1;
}
.prt_anchor li:hover {
  background: #024c85;
}
.prt_anchor li:hover:before {
  border-color: #fff;
}
.prt_anchor li:hover span a {
  color: #fff;
}
.prt_anchor a:not(.ss_download_btn):hover {
  text-decoration: none;
  opacity: 1;
}
/* TABLE PARTS */
.prt_tbl_01,
.prt_tbl_02,
.prt_tbl_03,
.prt_tbl_04,
.prt_tbl_05,
.prt_tbl_07 {
  margin: 0;
  padding: 1px;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-top: 1px solid #201716;
  border-left: 1px solid #201716;
  background: #201716;
  line-height: 1.5;
}

.prt_tbl_01 li,
.prt_tbl_02 li,
.prt_tbl_03 li,
.prt_tbl_04 li,
.prt_tbl_05 li,
.prt_tbl_07 li {
  line-height: 1.5;
}

.prt_tbl_01 tr .ta_center,
.prt_tbl_02 tr .ta_center,
.prt_tbl_03 tr .ta_center,
.prt_tbl_04 tr .ta_center,
.prt_tbl_05 tr .ta_center,
.prt_tbl_07 tr .ta_center {
  text-align: center;
}

.prt_tbl_01 th,
.prt_tbl_02 th,
.prt_tbl_03 th,
.prt_tbl_04 th,
.prt_tbl_05 th,
.prt_tbl_07 th {
  padding: 5px;
  border-right: 1px solid #201716;
  border-bottom: 1px solid #201716;
  background: #e9f0f9;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
}

.prt_tbl_01 td,
.prt_tbl_02 td,
.prt_tbl_03 td,
.prt_tbl_04 td,
.prt_tbl_05 td,
.prt_tbl_07 td {
  padding: 5px 8px;
  border-right: 1px solid #201716;
  border-bottom: 1px solid #201716;
  background: #fff;
  vertical-align: middle;
  text-align: left;
}

.prt_tbl_01 td sup,
.prt_tbl_02 td sup,
.prt_tbl_03 td sup,
.prt_tbl_04 td sup,
.prt_tbl_05 td sup,
.prt_tbl_07 td sup {
  vertical-align: top;
  font-size: 12px;
}

.prt_tbl_01 td.bg01,
.prt_tbl_02 td.bg01,
.prt_tbl_03 td.bg01,
.prt_tbl_04 td.bg01,
.prt_tbl_05 td.bg01,
.prt_tbl_07 td.bg01 {
  background: #f8f6ea;
  vertical-align: middle;
}

.prt_tbl_02 td,
.prt_tbl_03 td,
.prt_tbl_07 td {
  vertical-align: top;
}

/* prt_tbl_02 */
.prt_tbl_02 ul {
  list-style: outside disc;
}

.prt_tbl_02 ul li {
  margin-left: 1.2em;
}

.prt_tbl_02 .indent {
  margin-left: 2.5em;
  text-indent: -2.5em;
}

.prt_tbl_03,
.prt_tbl_07 {
  margin: 0 0 20px 0;
  padding: 1px;
  border-spacing: 0;
  border-collapse: separate;
  border-top: 1px solid #201716;
  border-left: 1px solid #201716;
  background: #201716;
  font-size: 14px;
  line-height: 1.3;
}

.prt_tbl_03 th,
.prt_tbl_07 th {
  text-align: center;
}

.prt_tbl_03 td,
.prt_tbl_07 td {
  text-align: center;
}

.prt_tbl_03 {
  width: 43.05556%;
}

/* prt_tbl_04 */
.prt_tbl_04 th,
.prt_tbl_04 td {
  text-align: center;
}

.prt_tbl_07 {
  width: 53.47222%;
}

#main table td.cate {
  background: #e9f0f9;
}

#main table td.dcavg {
  background: #e9f0f9;
}

.table_scroll {
  overflow-x: auto;
}

/* prt_tbl_05 */
.prt_tbl_05 {
  margin: 0 auto 30px;
  padding: 1px;
  max-width: 510px;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-top: 1px solid #201716;
  border-left: 1px solid #201716;
  background: #201716;
  line-height: 1.3;
}

.prt_tbl_05 th,
.prt_tbl_05 td {
  text-align: center;
}

/* prt_tbl_06 */
.prt_tbl_06 {
  clear: both;
  width: 100%;
  border-collapse: collapse;
}

.prt_tbl_06 th,
.prt_tbl_06 td {
  padding: 5px 0;
  width: 50%;
  text-align: center;
}

.prt_tbl_06 th {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  background-color: #eaf1fa;
  font-weight: bold;
}

.prt_tbl_06 tr.last td {
  border-top: 1px solid #333;
  border-bottom: 2px solid #333;
}

.prt_tbl_06 th.left,
.prt_tbl_06 td.left {
  border-right: 1px solid #333;
}

.row {
  width: 20%;
}

.row2 {
  width: 15%;
}

.row3 {
  width: 40%;
}

.row4 {
  width: 45%;
}

/* prt_btn_01 */
.prt_btn_cont_01 {
  padding: 20px 0 20px;
  text-align: right;
}

.prt_btn_01,
.prt_btn_01 a {
  position: relative;
  display: inline-block;
}

.prt_btn_01 .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  border: 1px solid #ccc;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.prt_btn_01 .icon {
  width: 15%;
}

.prt_btn_01 a img {
  height: 48px;
}

.prt_btn_01 span img,
.prt_btn_01 a span img {
  width: 100%;
  height: auto;
}

.prt_bnr_01 {
  position: relative;
  width: 100%;
  border: 2px solid #d6292f;
}

.prt_bnr_01 .top {
  padding: 25px 0 20px;
}

.prt_bnr_01 .top .title {
  padding-right: 150px;
  color: #323232;
  font-weight: bold;
  font-size: 36px;
}

.prt_bnr_01 .top .title span.red {
  display: inline-block;
  margin-right: 10px;
  padding: 0 25px;
  background-image: url(/img/ss/products/safety/knowledge/bg_area_004.gif), url(/img/ss/products/safety/knowledge/bg_area_005.gif);
  background-position: 0 20%, 100% 20%;
  background-repeat: no-repeat;
  color: #d52525;
  font-weight: bold;
}

.prt_bnr_01 .top span.cat {
  position: absolute;
  top: 0;
  right: 0;
}

.prt_bnr_01 .top span.cat img {
  border: 1px solid #ccd4d6;
}

.prt_bnr_01 .top .text {
  padding-right: 150px;
  color: #333;
  font-size: 15px;
}

.prt_bnr_01 .bottom {
  padding: 20px 0;
  background: #fae6e7;
}

.inner_cont {
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 605px;
  width: 100%;
}

.prt_bnr_02 {
  position: relative;
  display: block;
  padding: 24px 25px;
  border: 1px solid #aaa;
}

.prt_bnr_02:after {
  position: absolute;
  top: -1px;
  right: -1px;
  display: block;
  width: 24px;
  height: calc(100% + 2px);
  background: url(/img/ss/products/safety/knowledge/bg_area_003.gif) #d92526 no-repeat;
  background-position: center;
  content: "";
}

.prt_bnr_02 span {
  position: relative;
  display: inline-block;
  padding-left: 75px;
  color: #333;
  font-weight: bold;
  font-size: 25px;
}

.prt_bnr_02 span:before {
  position: absolute;
  top: calc(50% - 25px);
  left: 0;
  display: block;
  width: 45px;
  height: 45px;
  background: url(/img/ss/products/safety/knowledge/bg_area_001.png) no-repeat;
  content: "";
}

/* download page */
/* prt_list */
.prt_list li {
  margin-left: 38px;
  text-indent: -38px;
}

.prt_list2 li {
  margin-left: 2em;
  list-style: outside disc;
}

/* prt_item_list */
.prt_item_list,
.prt_item_list2 {
  position: relative;
  margin: 0 3.6%;
}

.prt_item_list:after,
.prt_item_list2:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

.prt_item_list li {
  position: relative;
  float: right;
  max-width: 304px;
  width: 46%;
}

.prt_item_list2 li {
  float: left;
  width: 50%;
}

.prt_item_list li dt,
.prt_item_list2 li dt {
  font-weight: bold;
  font-size: 16px;
}

.prt_item_list li:first-child {
  z-index: 2;
  float: left;
}

.prt_item_list.arrow01 li .img_arrow {
  position: relative;
}

.prt_item_list.arrow01 li .img_arrow:before {
  position: absolute;
  top: 0;
  left: -61px;
  z-index: 1;
  width: 61px;
  height: 100%;
  background: url(/img/ss/products/safety/knowledge/bg_style_002.gif) no-repeat;
  background-position: right center;
  content: "";
}
.p_function .prt_item_list dl dt{
  margin-bottom:30px;
}
.p_function .prt_item_list .prt_sect_cv{
  margin :0;
}
.p_function .prt_item_list .prt_sect_cv .button.download{
  float: none;
  width:100%;
}
.p_function .prt_item_list03{
  margin: 70px 0 0px;
}
.p_function .prt_item_list03 .prt_sect_cv{
  margin: 0 0 35px;
}
.p_function .prt_item_list03 .prt_sect_cv .button.download{
  float:none;
  margin: 0 auto;
}
.down_arrow01{
  position: relative;

}
.down_arrow01:after {
  position: absolute;
  top: -6px;
  left: 50%;
  display: block;
  margin-left: -35px;
  width: 0;
  height: 0;
  border-top: 20px solid #2d90e0;
  border-right: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 35px solid transparent;
  content: "";
}

.prt_item_list04:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.prt_item_list04 .title {
  color: #034c85;
  background: #e5f4fa;
  line-height: 2.5;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.prt_item_list04 .em {
  font-weight: bold;
  font-size: 16px;
}
.prt_item_list04 .list04_left {
  float: left;
  width: 475px;
}
.prt_item_list04 .list04_left ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.prt_item_list04 .list04_left li {
  float: left;
}
.prt_item_list04 .list04_left li,
.prt_item_list04 .list04_right li {
  width: 228px;
  border: 1px solid #ccc;
  padding: 7px;
}
.prt_item_list04 .list04_left li:last-child {
  float: right;
}
.prt_item_list04 .list04_left li .img,
.prt_item_list04 .list04_right li .img {
  width: 95px;
  display: inline-block;
  padding: 15px 0 20px;
}

.prt_item_list04 .list04_left li .name,
.prt_item_list04 .list04_right li .name {
display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.4;
  padding-top: 25px;
}
.prt_item_list04 .list04_right {
  float: right;
  width: 230px;
}
.prt_item_list04 .ss_download_btn.type01 {
  max-width: 100%;
  height: 34px;
}
.prt_item_list04 .ss_download_btn .txt01 {
  padding-right: 32px;
  font-size: 15px;
}
.prt_border_box {
  padding: 10px 0;
  border: 1px solid #ccc;
}
.prt_border_box figcaption{
  text-align : center;
  font-weight : bold;
}
/* Column */
.column_type3:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

.column_type3 ul {
  float: left;
  width: 31.11111%;
}

.column_type3 ul li img {
  height: auto;
}

.column_type3 .col_1 {
  margin-right: 26px;
}

.prt_box2:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

.prt_box2 .title {
  margin: 0 0 15px;
  color: #0075c1;
  font-weight: bold;
  font-size: 21px;
}

.prt_box2 .prt_box2_l {
  float: left;
}

.prt_box2 .prt_box2_r {
  float: right;
}

.prt_box2 .box_w35 {
  width: 35%;
}

.prt_box2 .box_w40 {
  width: 40%;
}

.prt_box2 .box_w50 {
  width: 50%;
}

.prt_box2 .box_w55 {
  width: 55%;
}

.prt_box2 .box_w60 {
  width: 60%;
}

.prt_box2 .indent_list li {
  margin-left: 2em;
  text-indent: -2em;
}

.prt_box3 {
  margin-bottom: 15px;
  padding: 0 25px;
}

.prt_box3:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

.prt_box3 .prt_l {
  float: left;
  width: 51.64179%;
}

.prt_box3 .prt_r {
  float: right;
  width: 45.67164%;
}

.prt_box4 {
  margin-bottom: 30px;
}

.prt_box4:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

.prt_box4 .txt {
  float: left;
  width: 53.47222%;
}

.prt_box4 .txt2 {
  float: left;
  width: 42%;
}

.indent_box {
  margin: 0 0 50px 20px;
}

.indent_box .txt {
  margin-bottom: 20px;
  font-weight: bold;
}

.indent_box .img_box {
  text-align: center;
}

.detail_box p {
  margin-bottom: 20px;
}

.detail_box img {
  margin: 0 0 20px 20px;
}

.calc_img {
  margin: 0 0 30px 47px;
}

#main strong,
.em {
  font-weight: bold;
}

/* cv area */
.cv_area {
  position: relative;
  margin-bottom: 50px;
}

.cv_area .catalog_list:after {
  display: table;
  clear: both;
  content: "";
}

.cv_area .catalog_list li {
  float: right;
  width: 355px;
}

.cv_area .catalog_list li:first-child {
  float: left;
}
/* cv area 002 */
.cv_area_002 {
clear: both;
}
.cv_area_002 .catalog_list:after {
  display: table;
  clear: both;
  content: "";
}
.cv_area_002 .catalog_list li {
  float: left;
  max-width: 32%;
  margin-right: 2%;
}
.cv_area_002 .catalog_list li:last-child {
  margin-right: 0px;
}

/* SUB Page Bnr
------------------------------- */
.ss_subpage_box {
  margin: 0 auto;
  max-width: 515px;
  width: 100%;
}
.ss_subpage_box .ss_subpage_bnr {
  overflow: hidden;
  width: 100%;
}
.ss_subpage_box .ss_subpage_bnr > a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 10px 23px;
  max-width: 515px;
  border: 1px solid #014b84;
  background: #fff;
  color: #333;
  font-size: 14px;
  text-decoration : none;
}
.ss_subpage_box .ss_subpage_bnr > a .img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 104px;
  border: 1px solid #ccc;
}
.ss_subpage_box .ss_subpage_bnr > a .img img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.ss_subpage_box .ss_subpage_bnr > a .inner {
  min-height: 148px;
  position: relative;
  margin-left: 114px;
  padding-bottom: 43px;
}
.ss_subpage_box .ss_subpage_bnr > a .inner .title {
  margin-bottom: 8px;
  padding-bottom: 3px;
  border-bottom: 1px solid #014b84;
  color: inherit;
  font-size: inherit;
}
.ss_subpage_box .ss_subpage_bnr > a .inner .title.part_block{
  text-align:center;
}
.ss_subpage_box .ss_subpage_bnr > a .inner .title.part_block span{
  display: block;
}
.ss_subpage_box .ss_subpage_bnr > a .inner .title em {
  color: inherit;
  font-weight: bold;
  font-size: 18px;
}
.ss_subpage_box .ss_subpage_bnr > a .inner .txt {
  color: inherit;
  font-size: inherit;
}
.ss_subpage_box .ss_subpage_bnr > a .inner .btn_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.ss_subpage_box .ss_subpage_bnr > a .inner .btn_wrap .btn {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 5px;
  background: #e24141;
  background: linear-gradient(#e24141, #ca1616);
  color: #fff;
  text-align: center;
  font-weight: bold;
  width: 80%;
}
.ss_subpage_box .ss_subpage_bnr > a .inner .btn_wrap .btn span {
  display: inline-block;
  width: 100%;
  background: url(/img/ss/common/bg_icon_dl_001.png) no-repeat left center;
}
.ss_subpage_box .ss_subpage_bnr > .ss_subpage_btn {
  color: #333;
  text-decoration: none;
}
.ss_subpage_box .ss_subpage_bnr a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* download page style
--------------------------- */
.download_container {
  margin: 50px 0 70px;
}

.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 li:nth-child(3n+1) {
  margin-left: 0;
}
.download_list.type_col2 li {
  display: block;
  float: left;
  margin: 0 0 20px 2%;
  width: 49%;
  height: auto;
}
.download_list.type_col2 li:nth-child(2n+1) {
  margin-left: 0;
}
.download_list .download_item {
  border: 1px solid #d6d6d6;
}
.download_list .download_item .inner {
  padding: 20px;
}
.download_list .download_item .label_01 {
  padding: 20px 20px 0;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
}
.download_list .download_item .label_01 > span {
  display: inline-block;
  color: #d52525;
  font-weight: bold;
}
.download_list .download_item .label_01 .em_mark {
  margin: 0 4px;
  padding: 0 18px;
  background-image: url(/img/ss/products/safety/knowledge/bg_area_004.gif), url(/img/ss/products/safety/knowledge/bg_area_005.gif);
  background-position: 0 20%, 100% 20%;
  background-size: contain;
  background-repeat: no-repeat;
}
.download_list .download_item .label_02 {
  padding: 20px;
  background: #333;
  color: #fff;
  font-size: 15px;
}
.download_list .download_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 .download_column .thumb,
.download_list .download_column .desc {
  float: left;
}
.download_list .download_column .thumb {
  width: 80px;
}
.download_list .download_column .thumb a {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
.download_list .download_column .thumb .prt_image {
  display: table-cell;
  vertical-align: middle;
}
.download_list .download_column .thumb .prt_image img {
  border: 1px solid #ddd;
}
.download_list .download_column .desc {
  padding-left: 20px;
  width: calc(100% - 80px);
}
.download_list .download_column .desc .ttl {
  color: #0094d3;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
}
.download_list .download_column .desc .text {
  margin: 10px 0;
}
.download_list .download_column .desc .break {
  display: block;
}
.download_list .download_btn_box {
  margin: 20px 0 0;
  width: 100%;
}
.download_list .download_btn_box .ss_download_btn {
  margin: auto;
  height: 40px;
}
.download_list .download_btn_box .ss_download_btn .txt01 {
  padding-right: 30px;
  font-size: 15px;
}

/* download button
--------------------------- */
.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_sect_cv {
  margin: 48px 0 0;
}
.prt_sect_cv:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.prt_sect_cv .button {
  width: 48%;
  width: calc(50% - 10px);
}
.prt_sect_cv .button.series {
  float: left;
}
.prt_sect_cv .button.download {
  float: right;
}
.ss_download_box{
  margin : 0 0 40px;
}
.ss_download_box .ss_download_btn.type01 {
  max-width: 340px;

}
.ss_download_box .product {
  float: left;
  width: 48%;
}
.ss_download_box .product .product_btn {
  position: relative;
  display: table;
  max-width: 340px;
  width: 100%;
  border-radius: 5px;
  background: #3e944c;
  background: linear-gradient(#3e944c, #176a25);
  text-align: center;
  height: 49px;
}
.ss_download_box .product_btn .img01 {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

}
.ss_download_box .product_btn .txt01 {
  padding-right: 5px;
}
.ss_download_box .product_btn.icon01 > span:first-child {
  background: url(/img/ss/products/safety/knowledge/bg_icon_dl_001.png) no-repeat left center;
}
.ss_download_box .product_btn.type01 {
  padding-right: 12px;
  padding-left: 12px;
}
.ss_download_box .product .product_btn span {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 5px;
}
.ss_download_box .prt_sect_cv {
  float: right;
  width: 48%;
}
.ss_download_box .prt_sect_cv .button{
  width: 100%;
}
.ss_download_box a:hover {
  text-decoration: none;
}
.prt_download_box1 .ss_download_box .product a {
  float: none;
}
.ss_download_box .prt_sect_cv{
  margin: 0;
}
.ss_download_box .prt_sect_cv .button a{
  height : 49px;
}
.ss_download_box .prt_sect_cv .button a .txt01{
  font-size: 100%;
}
.ss_download_box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
/* page solution
--------------------------- */
.main_contents p {
  margin: 0 0 20px;
}
.main_contents .prt_lead {
  margin: 40px 0;
}

.main_sect,
.sub_sect {
  margin: 0 0 50px;
}
.main_sect sup,
.sub_sect sup {
  vertical-align: super;
  font-size: 11px;
  line-height: 1;
}

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

.view_inner {
  margin: 0 0 20px;
}

.prt_image {
  margin-bottom: 20px;
  text-align: center;
}

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

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

.prt_gray_box {
  background: #f2f2f2;
}
.prt_gray_box.box_padding {
  padding: 15px;
}

.prt_detail_list dt {
  margin-bottom: 10px;
  font-weight: bold;
}

.prt_download_box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.prt_download_box > .ss_download_btn {
  float: right;
}
.prt_download_box > .ss_download_btn img {
  border: 1px solid #ccc;
}

.index .js_new_icon:after,
.sp_view .side_nav .js_new_icon:after,
#footer .js_new_icon:after,
.main_contents .js_new_icon:after {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-left: 4px;
  padding: 0 4px;
  background: #e60012;
  color: #fff;
  content: "NEW";
  vertical-align: middle;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.4;
}

.sol_columns:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
  font-size: 0;
}
.sol_columns .item {
  float: left;
  margin-left: 2%;
  width: 49%;
}
.sol_columns .item:first-child {
  margin-left: 0;
}
.sol_columns .item .prt_image {
  margin-bottom: 0;
}

.sol_heading_01 {
  margin-bottom: 30px;
  padding-top: 15px;
  border-top: 8px solid #fc0;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.2;
}
.sol_heading_01 .sub_ttl {
  display: block;
  margin-bottom: 6px;
  padding-left: 20px;
  font-size: 17px;
}
.sol_heading_01 .h_wrap {
  display: table;
  width: 100%;
  height: 68px;
  table-layout: fixed;
}
.sol_heading_01 .h_wrap .ttl,
.sol_heading_01 .h_wrap:after {
  display: table-cell;
}
.sol_heading_01 .h_wrap .ttl {
  padding: 0 0 10px 20px;
  border-bottom: 16px solid #fc0;
  vertical-align: middle;
}
.sol_heading_01 .h_wrap:after {
  width: 154px;
  height: 68px;
  background: url(/img/ss/products/safety/knowledge/bg_style_003.jpg) right bottom no-repeat;
  background-size: contain;
  content: "";
  vertical-align: bottom;
}

.sol_heading_02 {
  display: table;
  margin-bottom: 30px;
  width: 100%;
  height: 70px;
  background: #005082;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.45;
}
.sol_heading_02 .ttl,
.sol_heading_02 .icon_01 {
  display: table-cell;
  vertical-align: middle;
}
.sol_heading_02 .icon_01 {
  width: 70px;
  height: 70px;
  background: url(/img/ss/products/safety/knowledge/bg_style_003.png) no-repeat;
  background-size: contain;
  text-align: center;
}
.sol_heading_02 .icon_01:before {
  display: inline-block;
  margin: auto;
  width: 48px;
  height: 48px;
  background: url(/img/ss/products/safety/knowledge/bg_style_004.png) no-repeat;
  background-size: contain;
  content: "";
}

.sol_heading_03 {
  display: table;
  margin-bottom: 20px;
  width: 100%;
  height: 60px;
  border-bottom: 3px solid #df8901;
  table-layout: fixed;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.45;
}
.sol_heading_03 .ttl,
.sol_heading_03 .icon_01 {
  display: table-cell;
  vertical-align: middle;
}
.sol_heading_03 .ttl {
  padding-left: 16px;
}
.sol_heading_03 .icon_01 {
  width: 60px;
  height: 57px;
  background: url(/img/ss/products/safety/knowledge/bg_style_005.png) left bottom no-repeat;
  background-size: cover;
  text-align: center;
}
.sol_heading_03 .icon_01:before {
  display: inline-block;
  width: 31px;
  height: 34px;
  background: url(/img/ss/products/safety/knowledge/bg_style_006.png) no-repeat;
  background-size: contain;
  content: "";
}

.sol_heading_04 {
  position: relative;
  margin-bottom: 10px;
  padding-left: 1em;
  color: #df8901;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.45;
}
.sol_heading_04:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "■";
}

.trouble_box {
  margin: 30px 0;
  padding: 34px 34px 0 34px;
  border-radius: 10px;
  background: #e7f2f5;
}
.trouble_box .inner {
  padding-bottom: 34px;
  background: url(/img/ss/products/safety/knowledge/bg_style_007.png) right bottom no-repeat;
}
.trouble_box .trouble_detail {
  padding-right: 130px;
}
.trouble_box .trouble_detail dt {
  margin-bottom: 20px;
  font-weight: bold;
}
.trouble_box .trouble_detail dd ul {
  padding-left: 20px;
  list-style: disc outside;
}
.trouble_box .trouble_detail dd ul li {
  margin-bottom: 20px;
}

.style_note {
  font-size: 12px;
}

/* 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;
}

/* media screen
------------------------------- */
@media screen and (max-width: 1199px) {
  /* chrome huck */
  #mainvs .js_bxslider li img {
    height: auto;
  }
}
@media screen and (max-width: 979px) {
  .contents_wrap,
  .copy > .inner {
    padding: 0 5px;
    width: 100%;
  }

  .sitemap > .inner {
    padding: 30px 5px;
    width: 100%;
  }

  #header > .inner {
    padding: 0 5px;
    width: 100%;
  }

  #header .site_title {
    width: 30%;
  }

  #header .site_title img {
    width: 100%;
    height: auto;
  }

  .cv_area .catalog_list li {
    width: 49.3%;
  }

  #cv_contact {
    height: auto;
  }

  #cv_contact .fixed_wrapper {
    height: auto;
  }

  #cv_contact .fixed_wrapper .inner {
    padding: 0 5px;
    width: 100%;
  }

  #cv_contact .fixed_wrapper .inner p {
    width: 42.85714%;
  }

  #cv_contact #pagetop {
    right: 0;
    margin-right: 0;
  }
  .prt_item_list04 .title {
    margin-bottom: 27px;
    text-align: left;
    padding-left: 20px;
  }
  .prt_item_list04 .list04_left {
    margin-bottom: 60px;
  }
  .prt_item_list04 .list04_left,
.prt_item_list04 .list04_right {
    float: none;
    width: 100%;
  }
  .prt_item_list04 .list04_left li,
.prt_item_list04 .list04_right li {
    width: 48%;
    padding: 2%;
  }
  .prt_item_list04 .list04_left li .img,
.prt_item_list04 .list04_right li .img {
    width: 80%;
    display: block;
    margin: 0 auto 5px;
    padding: 0px;
  }
  .prt_item_list04 .list04_left li .name,
  .prt_item_list04 .list04_right li .name {
    display: block;
    margin: 0 0 10px;
    width: 80%;
    padding: 0px;
  }
  .prt_item_list04 .ss_download_btn.type01 {
    height: 45px;
  }
  .prt_item_list04 .ss_download_btn .txt01 {
    padding-right: 23px;
  }
  .ss_download_box .product {
    float: none;
    width: 100%;
    margin: 0 0 60px;
  }
  .ss_download_box .product .product_btn {
    margin: 0 auto 30px;
  }

  .ss_download_box .prt_sect_cv {
    float: none;
    width: 100%;
  }
  .ss_download_box .download .ss_download_btn {
    margin: 0 auto;
  }
  .prt_download_box1 .ss_download_box a {
    float: none;
    margin: 0 auto;
  }
}
@media screen and (max-width: 865px) {
  #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;
  }
}
@media screen and (max-width: 768px) {
  #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 .logo {
    width: 83px;
  }

  #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;
  }
}
@media screen and (max-width: 640px) {
  img {
    max-width: 100%;
    height: auto;
  }

  .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .contents_wrap {
    padding: 0 15px;
    width: 100%;
  }

  #side {
    width: 100%;
  }

  .pc_view {
    display: none;
  }

  .sp_view {
    display: block;
  }

  .index,
  .sitemap {
    display: none;
  }

  .pager li p {
    line-height: 1.2em;
  }

  #breadcrumb {
    display: flex;
    order: 2;
    margin-bottom: 0;
  }
  #breadcrumb ul {
    margin: 0 auto 0 0;
    padding: 0 10px;
    width: 100%;
  }

  #header > .inner {
    padding: 0;
  }

  #header .head_box {
    margin: 0;
    padding: 12px 15px;
    width: 100%;
  }

  #header .head_box:after {
    display: block;
    clear: both;
    height: 0;
    content: "";
  }

  #header .site_title {
    padding: 0;
    width: 70%;
  }

  #header .logo a {
    padding: 0;
  }

  #header ul {
    float: none;
    width: 100%;
  }

  #header ul li {
    display: block;
    width: 33.33333%;
    height: auto;
  }

  #header ul li a {
    display: block;
    text-align: center;
    font-size: 14px;
  }

  #header ul li a > span {
    display: block;
  }

  #header .btn_download {
    margin-right: 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
  }

  #header .btn_download a {
    padding: 10px 0 14px;
  }

  #header .btn_download a:before {
    display: block;
    margin: 0 auto 12px;
    width: 18px;
    height: 24px;
  }

  #header .btn_contact {
    margin-right: 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
  }

  #header .btn_contact a {
    padding: 10px 0 5px;
  }

  #header .btn_contact a:before {
    display: block;
    margin: 0 auto 8px;
    width: 24px;
    height: 24px;
  }

  #header .btn_tel {
    display: block;
  }

  #header .btn_tel a {
    padding: 8px 0 5px;
  }

  #header .btn_tel a:before {
    display: block;
    margin: 0 auto 5px;
    width: 22px;
    height: 30px;
  }

  #footer {
    order: 3;
  }

  .copy {
    padding: 12px 0;
  }

  .copy > .inner {
    width: 100%;
  }

  .copy p,
  .copy ul {
    float: none;
    width: 100%;
    text-align: center;
  }

  .copy ul {
    margin-bottom: 5px;
  }

  .copy ul li a {
    font-weight: bold;
  }

  #cv_contact {
    width: 100%;
    height: auto;
    order: 1;
  }

  #cv_contact .fixed_wrapper {
    position: relative;
    padding: 0;
    width: 100%;
    background: none;
  }

  #cv_contact .fixed_wrapper .inner {
    overflow: visible;
    padding: 0;
    width: auto;
    background-color: #024c85;
  }

  #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 p a img {
    width: 100%;
    height: auto;
  }

  #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;
    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.hidden .fixed_wrapper {
    display: block;
  }

  #cv_contact.fixed.hidden .fixed_wrapper #pagetop a {
    display: none;
  }

  #cv_contact.fixed .fixed_wrapper {
    position: relative;
  }

  #cv_contact.fixed .fixed_wrapper #pagetop a {
    position: fixed;
  }

  #side {
    float: none;
  }

  .side_nav {
    position: relative;
    margin: 0;
    padding: 0;
  }

  .side_nav > ul > li {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
  }

  .side_nav .ttl_nav p {
    padding: 3.90625% 10% 3.90625% 18%;
  }

  .side_nav .ttl_nav p span:after {
    position: absolute;
    top: 50%;
    right: -10%;
    display: inline-block;
    width: 25px;
    height: 26px;
    background: url(/img/ss/products/safety/knowledge/bg_navi_003.png) no-repeat #054f88;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .side_nav .ttl_nav p .label {
    color: #fff;
    font-size: 20px;
  }

  .side_nav .ttl_nav p:hover {
    background-color: transparent;
  }

  .side_nav .ttl_nav p:hover .label {
    color: #fff;
  }

  .side_nav .ttl_nav .ac_btn.open:hover {
    background-color: transparent;
  }

  .side_nav .ttl_nav .ac_btn.open:hover .label {
    color: #fff;
  }

  .side_nav .ttl_nav .ac_btn.open span:after {
    position: absolute;
    top: 50%;
    right: -10%;
    display: inline-block;
    width: 25px;
    height: 26px;
    background: url(/img/ss/products/safety/knowledge/bg_navi_004.png) no-repeat #054f88;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .side_nav .current .ttl_nav {
    background-color: #034c85;
  }

  .side_nav .current .ttl_nav .label {
    color: #fff;
  }

  .side_nav .nav_icon01 {
    background: url(/img/ss/products/safety/knowledge/bg_index_001.gif) no-repeat left center #034c85;
    background-size: 17% auto;
  }

  .side_nav .nav_icon02 {
    background: url(/img/ss/products/safety/knowledge/bg_index_002.gif) no-repeat left center #034c85;
    background-size: 17% auto;
  }

  .side_nav .nav_icon03 {
    background: url(/img/ss/products/safety/knowledge/bg_index_003.gif) no-repeat left center #034c85;
    background-size: 17% auto;
  }

  .side_nav .nav_icon04 {
    background: url(/img/ss/products/safety/knowledge/bg_index_004.gif) no-repeat left center #034c85;
    background-size: 17% auto;
  }

  .side_nav .nav_list {
    display: none;
  }

  .side_nav .nav_list > li {
    margin-bottom: 2.5%;
    padding: 0 4% 0 10%;
    background-position: 5% 45%;
  }
  .sp_view .side_nav .nav_list > li a.js_new_icon:after {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-left: 4px;
    padding: 0 4px;
    background: #e60012;
    color: #fff;
    content: "NEW";
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
  }
  .side_nav .nav_list > li a {
    color: #06c;
  }

  .side_nav .nav_list > li:last-child {
    margin-bottom: 15px;
  }

  .side_nav .nav_list > li.info {
    display: none;
  }

  #page_index .nav_list > li.info {
    display: block;
  }

  .products_list_wrap {
    margin-top: 30px;
    padding: 0 15px;
  }

  #main {
    float: none;
    margin-top: 20px;
    width: 100%;
    height: auto;
  }

  #mainvs .js_bxslider li a:hover img {
    opacity: 1;
  }

  #mainvs .js_bxslider .img_box {
    width: 100%;
  }

  #mainvs .bx-pager {
    bottom: 3%;
  }

  #mainvs .bx-pager-item {
    width: 10px;
    height: 10px;
  }

  #mainvs .bx-pager-link {
    width: 10px;
    height: 10px;
  }

  #mainvs .bx-pager-link.active {
    width: 12px;
    height: 12px;
  }

  #main p,
  #main li {
    font-size: 16px;
  }

  .fl,
  .fr {
    float: none;
  }

  .plr25 {
    padding-right: 0;
    padding-left: 0;
  }

  .prt_boxImg {
    margin-right: 0;
    width: 100%;
  }

  .prt_h1 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 24px;
  }

  .prt_h2 {
    font-size: 16px;
  }

  .prt_h3 {
    font-size: 16px;
  }

  .prt_h4 {
    font-size: 16px;
  }

  .prt_rec_03 {
    font-size: 26px;
  }

  .prt_rec_04 {
    font-size: 26px;
  }

  .prt_rec_04.column2 dl,
  .prt_rec_04.column3 dl {
    float: none;
    box-sizing: border-box;
    margin: 0 0 4%;
    padding: 8% 4.94%;
    width: 100%;
    height: auto;
  }
  .prt_anchor {
    overflow: visible;
  }
  .prt_anchor li {
    float: none;
    margin: 0 0 10px;
    width: auto;
  }
  /* TABLE PARTS SP */
  .prt_tbl_01,
  .prt_tbl_02,
  .prt_tbl_03,
  .prt_tbl_04,
  .prt_tbl_05,
  .prt_tbl_07 {
    width: 100%;
    font-size: 26px;
  }

  .row,
  .row2,
  .row3 {
    width: 30%;
  }

  #main td,
  #main th,
  #main dl dd,
  #main dl dt {
    font-size: 16px;
  }

  .prt_rec_06 {
    padding: 3% 10%;
  }

  .prt_rec_06 ul li:first-child {
    margin: 0;
    padding-left: 25px;
    border-top: medium none;
  }

  .prt_rec_06 ul li {
    float: none;
    margin: 0;
    width: 100%;
    height: auto;
    border-top: 1px dotted #0265b2;
    border-left: none;
  }

  /* prt_tbl_03 / prt_tbl_07 SP */
  .prt_tbl_03,
  .prt_tbl_07 {
    float: none;
    margin: 0 0 20px 0;
    width: 100%;
  }

  /* prt_tbl_04 SP */
  .table_scroll {
    overflow-x: scroll;
    padding-top: 0;
  }

  .table_scroll::-webkit-scrollbar {
    width: 5px;
    background: #e7f4fa;
  }

  .table_scroll::-webkit-scrollbar {
    height: 5px;
    background: #e7f4fa;
  }

  .table_scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #3ea8dc;
  }

  .table_scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #3ea8dc;
  }

  /* prt_tbl_05 SP */
  .prt_tbl_05 {
    max-width: 100%;
  }

  /* prt_rec_07 SP */
  .prt_rec_07 {
    float: none;
    margin: 0 auto;
    width: 100%;
  }

  .prt_rec_07 dt {
    margin: 0 0 15px;
    padding: 10px 0 0;
    font-weight: bold;
  }

  .prt_rec_07 dd {
    margin: 0 0 12px;
    line-height: 1.5;
  }

  .prt_btn_cont_01 {
    margin: 0 auto;
    padding: 4% 0;
    max-width: inherit;
    text-align: center;
  }

  .prt_btn_01,
  .prt_btn_01 a {
    width: 100%;
  }

  .prt_btn_01 img,
  .prt_btn_01 a > img {
    height: auto;
  }

  .prt_btn_01 .icon {
    right: 4.87%;
    width: 13.96%;
  }

  .prt_btn_01 .icon_2 {
    right: 2.3%;
    width: 22.4%;
  }

  .prt_bnr_01 {
    max-width: 100%;
  }

  .prt_bnr_01 .top {
    padding-bottom: 0;
  }

  #main .prt_bnr_01 .top .title {
    margin-bottom: 10px;
    padding-right: 0;
    text-align: center;
    font-size: 24px;
  }

  .prt_bnr_01 .top .title span.red {
    margin-left: 5px;
    padding: 0 18px;
    background-size: 18px;
  }

  .prt_bnr_01 .top .title br {
    display: none;
  }

  .prt_bnr_01 .top .text {
    margin-bottom: 10px;
    padding-right: 0;
  }

  .prt_bnr_01 .top span.cat {
    position: relative;
    top: initial;
    right: initial;
    display: block;
    margin-bottom: -15px;
    text-align: center;
  }

  .prt_bnr_01 .bottom {
    padding-top: 30px;
    text-align: center;
  }

  .prt_bnr_02 {
    display: none;
  }

  /* cv area */
  .cv_area {
    margin-bottom: 0;
  }

  .cv_area .catalog_list li:first-child,
  .cv_area .catalog_list li:last-child {
    float: none;
    margin-bottom: 15px;
    width: 100%;
  }
  /* cv area 002 */
  .cv_area_002 .catalog_list li,
  .cv_area_002 .catalog_list li:last-child {
    float: none;
    margin-right: 0px;
    margin-bottom: 15px;
    max-width: 100%;
  }

  .prt_item_list {
    margin: 0;
  }

  .prt_item_list li,
  .prt_item_list li:first-child,
  .prt_item_list2 li {
    float: none;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }

  .prt_item_list li:first-child {
    margin-bottom: 20px;
  }

  .prt_item_list.arrow01 li .img_arrow:before {
    display: none;
  }

  .prt_item_list.arrow01 li .txt_arrow:after {
    position: relative;
    display: block;
    margin: 10px auto;
    width: 55px;
    height: 45px;
    background: url(/img/ss/products/safety/knowledge/bg_style_002.gif) no-repeat;
    background-position: right center;
    content: "";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .p_function .prt_item_list{
   text-align:center;
  }
   .p_function .prt_item_list dl:first-child dd{
    margin: 0 0 40px;
  }
   .p_function .prt_item_list03 .prt_sect_cv{
    margin: 25px 0 45px;
  }
    .p_function .button.download a{
    margin: 0 auto;
  }
   .button.download a{
    margin: 40px auto;
  }
  .column_type3 ul {
    float: none;
    width: 100%;
  }

  .prt_box2 .prt_box2_l,
  .prt_box2 .prt_box2_r {
    float: none;
    width: 100%;
  }

  .prt_box2 .box_w35,
  .prt_box2 .box_w40,
  .prt_box2 .box_w50,
  .prt_box2 .box_w55,
  .prt_box2 .box_w60 {
    margin-bottom: 25px;
    width: 100%;
  }

  .prt_box2.pl25.pr25 {
    padding: 0;
  }

  .prt_box2_l.mr15 {
    margin-right: 0;
  }

  .prt_box3 .prt_l,
  .prt_box3 .prt_r {
    float: none;
    width: 100%;
    text-align: center;
  }

  .prt_box3 .prt_l {
    margin-bottom: 25px;
  }

  .prt_box4 .txt,
  .prt_box4 .txt2 {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }

  .prt_box4 .prt_tbl_03 {
    float: none;
    max-width: 100%;
  }

  .indent_box .txt {
    margin-bottom: 20px;
    font-weight: bold;
  }

  /* SUB Page Bnr */
  .ss_subpage_box .ss_subpage_bnr > a .inner .title.part_block{
    text-align:left;
  }
  .ss_subpage_box .ss_subpage_bnr > a .inner .title.part_block span{
    display : inline;
  }
  .ss_subpage_box {
    max-width: none;
  }
  .ss_subpage_box .ss_subpage_bnr > a {
    width: 100%;
    max-width: none;
  }
  .ss_subpage_box .ss_subpage_bnr > a .inner .btn_wrap .btn {
    width: 100%;
  }

  /* download page */
  .download_container {
    margin: 20px 0 0;
  }
  .download_container .main_sect {
    margin: 0 0 20px;
  }

  .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 .download_item .inner {
    padding: 10px;
  }
  .download_list .download_item .label_01 {
    padding: 10px 10px 0;
    font-size: 16px;
  }
  .download_list .download_item .label_01 .em_mark {
    margin: 0 2px;
    padding: 0 12px;
  }
  .download_list .download_item .label_02 {
    padding: 10px;
  }
  .download_list .download_column .thumb .prt_image {
    vertical-align: top;
  }
  .download_list .download_column .desc .ttl {
    font-size: 16px;
  }
  .download_list .download_column .desc .break {
    display: inline;
  }

  .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;
  }
   .button.download .ss_download_btn .txt01{
    font-size: 15px;
  }
  .ss_download_btn .txt02 {
    padding-right: 60px;
  }
  .ss_download_btn .txt04 {
    padding-right: 77px;
  }
  .ss_download_btn .in_txt1 {
    font-size: 12px;
  }
  .prt_sect_cv:after {
    display: none;
  }
  .prt_sect_cv .button {
    margin: 0 0 40px;
    width: auto;
  }
  .prt_sect_cv .button.series,
  .prt_sect_cv .button.download {
    float: none;
  }
  .prt_sect_cv .button a {
    margin: 0 auto;
  }
  .p_function .button.download a{
    margin: 0 auto;
  }
  .prt_sect_cv {
    margin: 30px 0 0;
  }
  .prt_sect_cv .ss_download_btn .txt02{
    font-size: 14px;
  }
  .sol_heading_01 {
    padding-top: 11px;
    border-top: 6px solid #fc0;
    font-size: 20px;
  }
  .sol_heading_01 .sub_ttl {
    display: block;
    margin-bottom: 4px;
    padding-left: 10px;
    font-size: 12px;
  }
  .sol_heading_01 .h_wrap {
    height: 51px;
  }
  .sol_heading_01 .h_wrap .ttl {
    padding: 0 0 7px 10px;
    border-bottom: 12px solid #fc0;
  }
  .sol_heading_01 .h_wrap:after {
    width: 115px;
    height: auto;
  }

  .sol_heading_02 {
    height: auto;
    font-size: 16px;
  }
  .sol_heading_02 .icon_01 {
    width: 52px;
    height: 52px;
    text-align: center;
  }
  .sol_heading_02 .icon_01:before {
    width: 36px;
    height: 36px;
  }

  .sol_heading_03 {
    width: 100%;
    height: auto;
    font-size: 16px;
  }
  .sol_heading_03 .ttl {
    padding-left: 8px;
  }
  .sol_heading_03 .icon_01 {
    width: 45px;
    height: 43px;
  }
  .sol_heading_03 .icon_01:before {
    width: 23px;
    height: 26px;
  }

  .sol_columns .item {
    float: none;
    margin: 0;
    width: 100%;
  }
  .sol_columns .item:first-child {
    margin: 0 0 20px;
  }
  .sol_columns .item .prt_image {
    margin-bottom: 0;
  }

  .trouble_box {
    margin: 30px 0;
    padding: 17px 17px 0 17px;
  }
  .trouble_box .inner {
    padding-bottom: 0;
    background: none;
  }
  .trouble_box .inner:after {
    display: block;
    height: 100px;
    background: url(/img/ss/products/safety/knowledge/bg_style_007.png) right bottom no-repeat;
    background-size: contain;
    content: "";
  }
  .trouble_box .trouble_detail {
    padding-right: 0;
  }

  .prt_download_box:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "";
    font-size: 0;
  }
  .prt_download_box > .ss_download_btn {
    float: none;
    margin: auto;
  }
  .deqwas_contents {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  #header ul li a {
    font-size: 10px;
  }

  #header .btn_download a {
    padding: 10px 0;
  }

  #header .btn_download a:before {
    width: 16px;
    height: 20px;
  }

  #header .btn_contact a:before {
    width: 21px;
    height: 21px;
  }

  #header .btn_tel a:before {
    width: 18px;
    height: 26px;
  }

  #cv_contact .fixed_wrapper .inner li span {
    width: 89%;
    width: calc(100% - 26px);
  }

  #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 .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;
  }

  .side_nav .ttl_nav p .label {
    font-size: 14px;
  }
}