@charset "utf-8";
body {
  -webkit-text-size-adjust: 100%;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.banner {
  width: 100%;
  overflow: hidden;
  padding-top: 50%;
}
.main {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.main.products {
  max-width: none;
}
.main_inner {
  width: 100%;
  position: relative;
  padding-top: 41.718%;
  overflow: hidden;
}
.main_01 {
  width: 100%;
  position: relative;
  padding-top: 28.1111%;
  overflow: hidden;
}
.m_tit {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.m_tit_01 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.column_main {
  float: left;
  width: 33.3333%;
  padding: 0px;
  box-sizing: border-box;
}
.row_main:after {
  content: "";
  display: table;
  clear: both;
}
.recruit_blog {
  width: 100%;
  position: relative;
  padding-top: 28%;
}
.rec_tit {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}
.none {
  text-decoration: none !important;
}
.new_blog {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.new_blog .inner {
  width: 980px;
  margin: 0 auto;
}
.inner h1, .link_inner h1, .ir_inner h1, .csr_inner_blog h1 {
  text-align: center;
  font-size: 36px;
  color: #231815;
  font-weight: normal;
  font-family: "din-2014", sans-serif;
}
.inner span, .link_inner span, .ir_inner span, .csr_inner_blog span {
  color: #231815;
  font-size: 20pt;
}
.inner ul {
  list-style-type: none;
  margin: 0;
  padding: 0px 0;
  padding-bottom: 0px;
  overflow: hidden;
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, 'SimSun', Arial, "宋体", 'Hei', "Microsoft YaHei", '微软雅黑', 黑体, sans-serif;
}
.inner a{
  color: #231815;
  font-size: 19px;
}
.inner .datelabel{
  display: inline-block;
  width: 170px;
  float: left;
  text-align: left;
  padding: 0px;
  margin-bottom: 10px;
  color: #231815;
  font-size: 19px;
}
.newtit{
  display: inline-block;
  width: 170px;
  float: left;
  text-align: center;
  padding: 0px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
     background: #1a54ae;
}
.newstitletop{
  margin: 0 0 15px 36%;
  color: #231815;
  font-size: 19px;
  text-align: left;
}
.newstitletop:hover{
  text-decoration: underline;
  color: #231815;
}
.newcsr{
  display: inline-block;
  width: 170px;
  float: left;
  text-align: center;
  padding: 0px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
 background: #37900b;
}
.newbusiness{
  display: inline-block;
  width: 170px;
  float: left;
  text-align: center;
  padding: 0px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
     background: #767d7f;
}
.newproduct{
  display: inline-block;
  width: 170px;
  float: left;
  text-align: center;
  padding: 0px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
  background: #d2572a;
}
.list {
  color: #fff;
  font-weight: bold;
  width: 170px;
  padding: 0;
  text-align: center;
}
.list_csr {
  background: #37900b;
  padding: 0;
  color: #fff;
  font-weight: bold;
  width: 170px;
  text-align: center;
}
.list_business {
  background: #767d7f;
  padding: 0px;
  color: #fff !important;
  font-weight: bold;
  width: 170px;
  text-align: center;
}
.list_product {
  background: #d85020;
  padding: 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 170px;
}
.btn_01 {
  float: right;
  width: 106px;
  height: 35px;
  margin-bottom: 40px;
}
.btn_01 img:hover {
  opacity: 0.5
}
.link {
  width: 100%;
}
.link .link_inner {
  width: 980px;
  margin: 0 auto;
}
.link_blog {
  width: 1024px;
  margin: 0 auto;
  margin-bottom: 60px;
}
/*　1つの場合　*/
.link_blog_column {
  max-width: 50%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
/*　2つ入る場合　*/
/*　
.link_blog_column {
  float: left;
  width: 50%;
  padding: 0;
  box-sizing: border-box;
}
*/
.link_blog_row:after {
  content: "";
  display: table;
  clear: both;
}
.main_02 {
  width: 100%;
  background: url(../images/common/footer_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 90px 0 60px;
}
.blogcolumn {
  float: left;
  width: 50%;
  padding: 0px;
  overflow: hidden;
  box-sizing: border-box;
}
.blogrow:after {
  content: "";
  display: table;
  clear: both;
}
figure.tophover {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
 /* max-height: 800px;*/
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background: #000;
}
.lineheight{line-height: 1.2em;}
.bottom{
  position: absolute;
  top: 40%;
 left: 7%;
 right: 7%;
  bottom: 55% !important;}
figure.tophover:hover, figure.snip:hover, figure.rechover01:hover, figure.rechover:hover, figure.phover02:hover, figure.phover01:hover, figure.rechover02:hover, figure.tophover01:hover, figure.csrhover02:hover, figure.snip1437:hover, figure.rechover05:hover, figure.rechover:hover, figure.csrhover02:hover, figure.rechover01_1:hover, figure.product:hover, figure.rechover03:hover {
  background: #fff;
  font-weight: bold;
}
figure.snip:hover h2, figure.rechover01:hover h2, figure.snip:hover span{font-weight: bold;}

figure.rechover01_1:hover h2, figure.phover01:hover h2, figure.product:hover h3, figure.product:hover p, figure.tophover:hover h2, figure.tophover01:hover h2,figure.csrhover02:hover h3,figure.rechover03:hover h2,
figure.tophover02:hover h2, figure.tophover02:hover span, figure.product:hover .links li a ,  figure.csrhover02:hover .links li a {
  font-weight: bold;
}

figure.tophover figcaption, figure.tophover img{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.tophover img {
  opacity: 0.5;
  width: 100%;
  vertical-align: top;
}
figure.tophover img:hover {
  background: #fff;
}
figure.tophover figcaption {
  position: absolute;
  top: 40%;
  left: 7%;
  right: 7%;
  bottom: 40%;
}
figure.tophover .heading {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 0;
  width: 100%;
}
figure.tophover h2{
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-family: "din-2014", sans-serif;
  font-size: 60px;
  font-size: 3vw;
  line-height: 1.2em;
}
figure.tophover:hover h2, figure.snip:hover h2 , figure.rechover01:hover h2,
figure.tophover:hover h2, figure.sni:hoverp h2, figure.rechover01:hover h2, figure.rechover:hover h2, figure.rechover01_1:hover h2, figure.phover02:hover h2, figure.phover0:hover1 h2, figure.snip1437:hover h3, figure.tophover01:hover h2, figure.csrhover02:hover h3, figure.rechover05:hover h2, figure.rechover03:hover h2, figure.rechover02:hover h2, figure.product:hover h3,
figure.rechover:hover h2, figure.rechover01:hover h2, figure.rechover02:hover h2, figure.rechover01_1:hover h2{
  font-weight: bold;
}


figure.rechover:hover h2{
  font-weight: bold;
}
figure.tophover span {
  font-size: 25px;
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, 'SimSun', Arial, "宋体", 'Hei', "Microsoft YaHei", '微软雅黑', 黑体, sans-serif;
}
figure.tophover h2:before, figure.tophover h2:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  top: 50%;
}
figure.tophover h2:before {
  left: -1000%;
}
figure.tophover h2:after {
  right: -1000%;
}
figure.tophover p {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 0.9em;
}
figure.tophover a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.tophover:hover img, figure.tophover.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: #000;
}
figure.tophover:hover figcaption, figure.tophover.hover figcaption{
  top: 20%;
  bottom: 20%;
  color: #000;
}
figure.tophover:hover p, figure.tophover.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
/* top hover 01*/
figure.tophover01, figure.tophover02 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background: #000;
}

figure.tophover01 figcaption, figure.tophover01 img, figure.tophover02 figcaption, figure.tophover02 img{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.tophover01 img, figure.tophover02 img {
  width: 100%;
  opacity: 0.5;
  vertical-align: top;
}
figure.tophover01 figcaption, figure.tophover02 figcaption {
  position: absolute;
  top: 40%;
  left: 7%;
  right: 7%;
  bottom: 40%;
}
figure.tophover01 .heading {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 26px;
  width: 100%;
}
figure.tophover02 .heading {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 26px;
  width: 100%;
  left: 16%;
}
 figure.tophover02 h2  {
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-family: "din-2014", sans-serif;
  font-size: 60px;
  font-size: 3vw;
}
figure.tophover01 h2 {
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  /*text-transform: uppercase;*/
  font-family: "din-2014", sans-serif;
  font-size: 60px;
  font-size: 2.4vw;
}
figure.tophover01 span, figure.tophover02 span  {

  font-size: 25px;
}
figure.tophover01 h2:before, figure.tophover01 h2:after, figure.tophover02 h2:before, figure.tophover02 h2:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  top: 50%;
}
figure.tophover01 h2:before, figure.tophover02 h2:before {
  left: -1000%;
}
figure.tophover01 h2:after, figure.tophover02 h2:after {
  right: -1000%;
}
figure.tophover01 p, figure.tophover02 p  {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 0.9em;
}
figure.tophover01 a, figure.tophover02 a  {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.tophover01:hover img, figure.tophover01.hover img, figure.tophover02:hover img, figure.tophover02.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: #000;
}
figure.tophover01:hover figcaption, figure.tophover01.hover figcaption , figure.tophover02:hover figcaption, figure.tophover02.hover figcaption{
  top: 30%;
  bottom: 35%;
  color: #000;
}
figure.tophover01:hover p, figure.tophover01.hover p, figure.tophover02:hover p, figure.tophover02.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
/*-----End Top Page---*/
figure.snip {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  max-width: 639px;
  max-height: 539px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background: #000;
}
figure.snip figcaption,
figure.snip img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip img {
  width: 100%;
  opacity: 0.5;
  vertical-align: top;
}
figure.snip figcaption {
  position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 45%;
}
figure.snip .heading {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 0;
  width: 100%;
}
figure.snip h2 {
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-family: "din-2014", sans-serif;
  font-size: 60px;
  font-size: 3vw;
}
figure.snip span {

  font-size: 25px;
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, 'SimSun', Arial, "宋体", 'Hei', "Microsoft YaHei", '微软雅黑', 黑体, sans-serif;
}
figure.snip h2:before, figure.snip h2:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
  top: 50%;
}
figure.snip h2:before {
  left: -1000%;
}
figure.snip h2:after {
  right: -1000%;
}
figure.snip p {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 0.9em;
}
figure.snip a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip:hover img, figure.snip.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: #000;
}
figure.snip:hover figcaption, figure.snip.hover figcaption {
  top: 30%;
  bottom: 30%;
  color: #000;
  font-weight: bold;
}
figure.snip:hover p, figure.snip.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.p_txt{font-size: 20px;}
/*----recruit-----*/
.rec_blog {
  width: 100%;
  position: relative;
  padding-top: 42.55%;
  overflow: hidden;
}
.rec_blog_01 {
  width: 100%;
  position: relative;
  padding-top: 44%;
  overflow: hidden;
}
.rec_main {
  width: 100%;
  position: relative;
  padding-top: 43.1%;
  overflow: hidden;
}
.rec_main_01 {
  width: 100%;
  position: relative;
 padding-top: 27.7%;
}
.rec_tit {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.rec_main .column {
  float: left;
  width: 50%;
  padding: 0;
  box-sizing: border-box;
}
.globalNav img:hover {
  opacity: 0.5;
}
.rec_main .row:after {
  content: "";
  display: table;
  clear: both;
}
.rec_main .inner {
  width: 100%;
}
.rec_blogcolumn {
  float: left;
  width: 50%;
  padding: 0px;
}
.rec_blogrow:after {
  content: "";
  display: table;
  clear: both;
}
.rec_column {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
}
.rec_row:after {
  content: "";
  display: table;
  clear: both;
}
/* recruite hover*/
figure.rechover {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  max-width: 640px;
  max-height: 553px;
  width: 100%;
  color: #ffffff;
  background: #000;
  text-align: center;
  font-size: 16px;
}
/*figure.rechover *, figure.rechover01 *, figure.rechover02 *, figure.rechover03 *, figure.rechover04 *, figure.rechover05 *, figure.rechover01_1 * */
figure.rechover figcaption, figure.rechover img, figure.rechover01 figcaption, figure.rechover01 img ,figure.product figcaption, figure.product img{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

figure.rechover02 figcaption, figure.rechover02 img, figure.rechover03 figcaption, figure.rechover03 img,  figure.rechover04 figcaption, figure.rechover04 img,
 figure.rechover05 figcaption, figure.rechover05 img, figure.rechover01_1 figcaption, figure.rechover01_1 img{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

figure.rechover img, figure.rechover01 img, figure.rechover02 img, figure.rechover04 img, figure.rechover05 img, figure.rechover01_1 img {
  width: 100%;
  opacity: 0.5;
  vertical-align: top;
}
figure.rechover03 img, figure.csrhover01 img {
  width: 100%;
  opacity: 0.5;
  vertical-align: top;
}
figure.rechover figcaption, figure.rechover01 figcaption, figure.rechover02 figcaption, figure.rechover04 figcaption, figure.rechover05 figcaption, figure.rechover01_1 figcaption {
  position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 45%;
}
figure.rechover03 figcaption{
    position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 50%;
}
figure.rechover .heading, figure.rechover01 .heading, figure.rechover02 .heading, figure.rechover03 .heading, figure.rechover04 .heading, figure.rechover05 .heading, figure.rechover01_1 .heading {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 0;
  width: 100%;
}
figure.rechover h2, figure.rechover01 h2, figure.rechover02 h2, figure.rechover01_1 h2 {
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-family: "din-2014", sans-serif;
  font-size: 60px;
  font-size: 3vw;
  line-height: 1.2em;
}
figure.rechover span, figure.rechover01 span, figure.rechover02 span, figure.rechover01_1 span {
  font-size: 25px;
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, 'SimSun', Arial, "宋体", 'Hei', "Microsoft YaHei", '微软雅黑', 黑体, sans-serif;
}
figure.rechover h2:before, figure.rechover h2:after, figure.rechover01 h2:before, figure.rechover01 h2:after, figure.rechover02 h2:before, figure.rechover02 h2:after, figure.rechover01_1 h2:before, figure.rechover01_1 h2:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  top: 50%;
}
figure.rechover01_1 h2.blank:after {
  content: "";
  display: inline-block;
  background: url(../images/com_new_w.png) no-repeat;
  position: absolute;
  top: 5%;
  right: 35%;
  width: 18px;
  height: 20px;
}
figure.rechover01_1:hover h2.blank:after {
  background: url(../images/com_new_bk.png) no-repeat;
}
figure.rechover h2:before, figure.rechover01 h2:before, figure.rechover02 h2:before {
  left: -1000%;
}
figure.rechover h2:after, figure.rechover01 h2:after, figure.rechover01_1 h2:after {
  right: -1000%;
}
figure.rechover p, figure.rechover01 p, figure.rechover02 p, figure.rechover01_1 p {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 0.9em;
}
figure.rechover a, figure.rechover01 a, figure.rechover02 a, figure.rechover01_1 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.rechover:hover img, figure.rechover.hover img, figure.rechover01:hover img, figure.rechover01.hover img, figure.rechover02:hover img, figure.rechover02.hover img, figure.rechover01_1:hover img, figure.rechover01_1.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: #000;
}
figure.rechover:hover figcaption, figure.rechover.hover figcaption, figure.rechover01:hover figcaption, figure.rechover01.hover figcaption, figure.rechover01_1:hover figcaption, figure.rechover01_1:hover figcaption {
  top: 50%;
  bottom: 50%;
  color: #000;
}
figure.rechover02:hover figcaption, figure.rechover02.hover figcaption {
  top: 50%;
  bottom: 50%;
  color: #000;
}
figure.snip1437:hover {
  color: #000;
}
figure.rechover:hover p, figure.rechover.hover p, figure.rechover01:hover p, figure.rechover01.hover p, figure.rechover02:hover p, figure.rechover02.hover p, figure.rechover01_1:hover p, figure.rechover01_1:hover p {
  opacity: 0.25;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
/*--- end hover *------/
/* recruite hover_01*/
figure.rechover01 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background: #000;
  max-height: 534px;
}
figure.rechover01_1 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background: #000;
  max-height: 534px;
}
figure.rechover02 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  max-width: 960px;
  max-height: 425px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background: #000;
}
figure.rechover03 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  max-width: 640px;
  width: 100%;
  color: #fff;
  background: #000;
  text-align: center;
  font-size: 16px;
}
figure.rechover05 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  background: #000;
  max-width: 960px;
}
figure.rechover03 h2, figure.rechover05 h2 {
margin: 0 auto;
padding: 0 10px;
position: relative;
text-align: center;
width: auto;
text-transform: uppercase;
font-family: "din-2014", sans-serif;
font-size: 60px;
font-size: 3vw;
  line-height: 1.2em;
}
figure.tophover01 span, figure.tophover02 span,
figure.rechover03 span, figure.rechover05 span {
  font-size: 25px;
  font-size: 1.5vw;
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, 'SimSun', Arial, "宋体", 'Hei', "Microsoft YaHei", '微软雅黑', 黑体, sans-serif;
}
figure.rechover03 h2:before, figure.rechover03 h2:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  top: 50%;
}
figure.rechover03 h2:before, figure.rechover05 h2:before {
  left: -1000%;
}
figure.rechover03 h2:after,figure.rechover05 h2:after {
  right: -1000%;
}
figure.rechover03 p,figure.rechover05 p {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 0.9em;
}
figure.rechover03 a, figure.rechover04 a, figure.rechover05 a,figure.product.phover_pt a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.product.phover_pt {
  position: relative;
}
figure.rechover03:hover img, figure.rechover03.hover img, figure.rechover04:hover img, figure.rechover04.hover img, figure.rechover05:hover img, figure.rechover05.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: #fff;
  color: 0.25;
}
figure.rechover03:hover figcaption, figure.rechover03.hover figcaption, figure.rechover04:hover figcaption, figure.rechover04.hover figcaption {
  top: 20%;
  bottom: 30%;
  color: #000;
}
figure.rechover05:hover figcaption, figure.rechover05.hover figcaption {
  color: #000;
}
figure.rechover03:hover p, figure.rechover03.hover p, figure.rechover04:hover p, figure.rechover04.hover p, figure.rechover05:hover p, figure.rechover05.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
/*--- end hover *------/
/*----End recruit-----*/
/*---------Group-----*/
.group_banner {
  width: 100%;
  overflow: hidden;
  background: #001424;
}
/*---------End Group-----*/
/*---------Product-----*/
.product_inner {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.p_tit {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.p_tit_01 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.product_inner .column_product {
  float: left;
  width: 33.3333%;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}
.p_tit::after {
  width: 0;
  height: 0;
  position: absolute;
  border-top: 13px solid transparent;
  border-left: 13px solid #fff000;
  border-bottom: 13px solid transparent;
  content: "";
  display: block;
  top: 43%;
  left: 30%;
}
.p_img {
  background: url(../images/product/product_img_01.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
}
.p_img_01 {
  background: url(../images/product/product_img_07.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  display: flex;
}
.ptxt_blog {
  width: 90%;
  padding: 25% 0 0;
}
.product_inner .row_product:after {
  content: "";
  display: table;
  clear: both;
}
/*product hover*/
figure.phover {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  max-width: 639px;
  max-height: 539px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
}
figure.phover01 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  background: #000;
}
figure.phover02 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background: #000;
}
figure.phover_pt {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background: #000;
}
figure.product.phover_pt:hover img {
  opacity: 0.5;
}
figure.product.phover_pt figcaption {
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.product.phover_pt:hover figcaption {
  top: 66%;
}

figure.phover figcaption, figure.phover img, figure.phover01 figcaption, figure.phover01 img, figure.phover03 figcaption, figure.phover03 img,
figure.phover02 figcaption, figure.phover02 img{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.phover img, figure.phover01 img, figure.phover03 img, figure.phover02 img {
  width: 100%;
  opacity: 0.5;
  vertical-align: top;
}
figure.phover figcaption, figure.phover01 figcaption, figure.phover03 figcaption, figure.phover02 figcaption {
  position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 45%;
}
figure.phover .heading, figure.phover01 .heading, figure.phover03 .heading, figure.phover02 .heading {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 0;
  width: 100%;
}
figure.phover h2, figure.phover01 h2, figure.phover03 h2, figure.phover02 h2 {
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-family: "din-2014", sans-serif;
  font-size: 60px;
  font-size: 3vw;
  line-height: 1.2;
}
figure.phover span, figure.phover01 span, figure.phover03 span, figure.phover02 span {

  font-size: 25px;
  font-size: 1.5vw;
}
figure.phover h2:before, figure.phover h2:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
  top: 50%;
}
figure.phover h2:before, figure.phover01 h2:before, figure.phover03 h2:before, figure.phover02 h2:before {
  left: -1000%;
}
figure.phover h2:after, figure.phover01 h2:after, figure.phover03 h2:after, figure.phover02 h2:after {
  right: -1000%;
}
figure.phover p, figure.phover01 p, figure.phover03 p, figure.phover02 p {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 0.9em;
}
figure.phover a, figure.phover01 a, figure.phover a, figure.phover03 a, figure.phover02 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.phover:hover img, figure.phover.hover img, figure.phover01:hover img, figure.phover01.hover img, figure.phover02:hover img, figure.phover02.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: #000;
}
figure.phover:hover figcaption, figure.phover.hover figcaption, figure.phover01:hover figcaption, figure.phover.hover01 figcaption, figure.phover02:hover figcaption, figure.phover.hover02 figcaption {
  top: 30%;
  bottom: 30%;
  color: #000;
}
figure.phover:hover p, figure.phover.hover p, figure.phover01:hover p, figure.phover01.hover p, figure.phover02:hover p, figure.phover02.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
/*end product hover*/
.product_blog {
  width: 100%;
  background: url(../images/product/product_bg.jpg) no-repeat;
  background-size: cover;
  background-position: left;
}
.product_01 {
  width: 980px;
  margin: 0 auto;
  color: #fff;
}
.prodcut_02 {
  width: 100%;
}
.column_product01 {
  float: left;
  width: 25%;
  padding: 0;
}
.row_product01:after {
  content: "";
  display: table;
  clear: both;
}
.htit {
  color: #fff;
  text-align: center;
  font-size: 35px;
  font-weight: 700;
}
.htit_01 {
  color: #fff;
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  margin-top: 4%;
}
.pdf a:hover {
  text-decoration: none;
}
.pdf a:link {
  color: #000;
  font-size: 25px;
  font-size: 1.5vw;
  font-weight: bold;
  padding: 15px 30px;
  /*text-align: center;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pdf a:visited {
  color: #000;
}
.pdf li {
  float: none;
  text-align: center;
  width: 100%;
  clear: both;
}
.pdf a {
  background: #fff;
  color: #fff;
  display: block;
  padding: 12px;
  text-decoration: none;
}
.pdftxt_01{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: auto;
    margin: auto 0;
    height: 100%;
    font-size: 16px;
}
.disc_list{
    list-style-type: disc;
    margin-left:25px;
    margin-bottom: 10px;
}
.disc_list li{
    list-style-type: disc;
    margin-bottom: 5px;
}
.caution {
  display: flex;
  justify-content: center;
  align-items: center;
}
.caution li {
  display: block;
  width: 420px;
  margin: 0 15px;
}
.caution li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
/*----end product---*/
/*--- company---*/
.company_banner, .product_banner, .ir_banner, .rec_banner, .csr_banner {
  width: 100%;
  position: relative;
}
.text-block {
  position: absolute;
  bottom: 6%;
  left: 10%;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 68.75px;
  font-size: 3.12vw;
  font-family: "din-2014", sans-serif;
}
.title_tit {
  font-size: 25px;
  text-align: center;
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, 'SimSun', Arial, "宋体", 'Hei', "Microsoft YaHei", '微软雅黑', 黑体, sans-serif;
}
.text-block_01 {
  color: #0061ac;
  text-align: center;
}
.text-block_01 img{
  width: auto;
}
.text-block_01 .logo{
  max-width: 350px;
  margin: 0 auto 20px;
}
.text-block_01 .logo img{
  width: 100%;
}
.text-block_01 .sound_logo{
  max-width: 230px;
  margin: 0 auto;
}
.text-block_01 .sound_logo img{
  width: 100%;
}
.titfooter {
  font-size: 57px;
  line-height: 0.75em;
  font-weight: 700;
  font-family: "din-2014", sans-serif;
}
.lh01 {
  line-height: 1.2em;
}
.company_banner img, .product_banner img, .ir_banner img, .rec_banner img{
  width: 100%;
  vertical-align: bottom;
}

.csr_banner img {
    width: 100%;
    vertical-align: top;
}
.company_inner {
  width: 100%;
  position: relative;
  padding-top: 28.85%;
  overflow: hidden;
}
.company_inner_01 {
  width: 100%;
  position: relative;
  padding-top: 28.85%;
  overflow: hidden;
}
.csr_inner, .csr_blog {
  width: 100%;
}
.c_coloum, .c_coloum_01 {
  float: left;
  width: 33.3333%;
  padding: 0px;
  box-sizing: border-box;
}
.c_row:after, .c_row_01:after {
  content: "";
  display: table;
  clear: both;
}
.company_blog {
  width: 100%;
  position: relative;
  padding-top: 19.2%;
}
.companytit {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.company_blog_inner {
  width: 980px;
  margin: 0 auto;
  color: #fff;
}
.company_blog_inner h1 {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}
/*company hover*/
/*--- end company---*/
/*--- IR---*/
.ir_inner {
  width: 100%;
}
.ir_inner_blog {
  width: 980px;
  margin: 0 auto;
}
.csr_inner_blog {
  width: 980px;
  margin: 0 auto;
}
.ir_blog_01 {
  width: 100%;
  position: relative;
  padding-top: 41.6666%;
  overflow: hidden;
}
.ir_blog_02 {
  width: 100%;
  position: relative;
  padding-top: 28.125%;
  overflow: hidden;
}
.ir_blog_02.upper {
  padding-top: 27.75%;
}
.irh_tit {
  text-align: center;
  font-size: 30pt;
  color: #231815;
  font-weight: normal;
}
.irtxt {
  text-align: center;
  font-size: 20px;
  color: #231815;
  font-weight: normal;
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, 'SimSun', Arial, "宋体", 'Hei', "Microsoft YaHei", '微软雅黑', 黑体, sans-serif;
}
.toptxt {
  text-align: center;
  font-size: 19px;
  color: #231815;
  font-weight: normal;
}
.ir_inner_blog ul, .csr_inner_blog ul {
  list-style-type: none;
  margin: 0;
  padding: 0px 0;
  padding-bottom: 0px;
  overflow: hidden;
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, 'SimSun', Arial, "宋体", 'Hei', "Microsoft YaHei", '微软雅黑', 黑体, sans-serif;
}
.ir_inner_blog li, .csr_inner_blog li {
    list-style: none;
}
.ir_inner_blog a, .csr_inner_blog a {
  text-decoration: none;
  color: #231815;
}
.ir_inner_blog .datelabel{
  display: inline-block;
  width: 170px;
  float: left;
  text-align: center;
  padding: 0px 16px;
  margin-bottom: 10px;
  background: #1a54ae;
  color: #fff;
  font-size: 18px;
}
 .csr_inner_blog .datelabel {
  display: inline-block;
  width: 170px;
  float: left;
  text-align: center;
  padding: 0px 16px;
  margin-bottom: 10px;
  background: #37900b;
  color: #fff;
  font-size: 18px;
}
.newstitle {
  margin: 0 0 15px 220px;
  color: #231815;
  font-size: 19px;
}
.newstitle:hover{
  text-decoration: underline;
}
.ir_inner_blog li a:hover, .csr_inner_blog li a:hover, .inner li a:hover {
  text-decoration: underline;
  color: #231815;
}

.list_business01 {
  text-decoration: none !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 18px;
}
.list_01_02 {
  padding: 0;
}
.ircolumn {
  float: left;
  width: 50%;
  padding: 0;
  box-sizing: border-box;
}
.ircolumn.upper {
  width: 33.3333%;
}
.irrow:after {
  content: "";
  display: table;
  clear: both;
}
/*---ir_second_blog ---*/
.column_ir {
  float: left;
  width: 33.3333%;
  padding: 0;
}
.row_ir:after {
  content: "";
  display: table;
  clear: both;
}
/*--- end ir---*/
/*--- csr---*/
.csr_main_01 {
  width: 100%;
  position: relative;
  padding-top: 26.58%;
  overflow: hidden;
}
.csrcolumn, .csrcolumn_01, .csrcolumn_02, .csrcolumn_03, .csrcolumn_03_01 {
  float: left;
  width: 50%;
  padding: 0px;
  box-sizing: border-box;
  position: relative;
}
.csr_main_03 {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 26.4999%;
}
.csr_main_04 {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 26.45%;
}
.csrrow:after, .csrrow_01:after, .csrrow_02:after, .csrrow_03:after {
  content: "";
  display: table;
  clear: both;
}
.csrcolumn_01 ul, .csrcolumn_02 ul, .csrcolumn_03 ul {
  color: #fff;
  font-size: 13px;
  text-align: left;
  padding: 10px 0 0 0;
  list-style: disc;
  list-style-position: outside;
}
.csr_main_02 {
  width: 100%;
  position: relative;
  padding-top: 26.362%;
  overflow: hidden;
}
/*--- end csr---*/
.image {
  display: block;
  width: 100%;
  height: auto;
}

/* blog01*/
figure.csrhover02 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  min-width: 220px;
  max-width: 960px;
  max-height: 508px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  background: #000;
}


figure.snip1437:after, figure.csrhover01:after, figure.csrhover02:after, figure.product:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -30%;
  right: 70%;
  content: '';
}
figure.snip1437 *, figure.csrhover01 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;

}
/*figure.csrhover02 *, figure.product *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  font-weight: normal;
}*/
figure.snip1437 img, figure.csrhover02 img{
  width: 100%;
  opacity: 0.5;
  vertical-align: top;
}
figure.product img {
  width: 100%;
  opacity: 1;
  vertical-align: top;
}
figure.csrhover01 figcaption, figure.csrhover02 figcaption {
  position: absolute;
  right: 0;
  z-index: 1;
 top: 13%;
  padding: 20px;
  left: 35%;
}
figure.product figcaption {
  position: absolute;
  right: 0;
  z-index: 1;
  top: 50%;
  padding: 20px;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
figure.product a:hover{
  text-decoration: underline;
}

  figure.csrhover02:hover figcaption, figure.csrhover02.hover figcaption, figure.product:hover figcaption, figure.csrhover02.hover figcaption{
    color: #000;
  }
  figure.csrhover02:hover .csrlink,
 figure.product:hover .productlink{
    color: #000;
   font-weight: bold;
  }
/*figure.csrhover02 .links:hover li a,  figure.product .links:hover li a{
  font-weight: bold;
}*/

figure.csrhover01:hover figcaption, figure.csrhover01.hover figcaption {
  color: #fff;
}
figure.snip1437 figcaption{
  position: absolute;
  right: 0;
  z-index: 1;
  top: 37%;
  padding: 20px;
  left: 0;
}
figure.snip1437 h3, figure.snip1437 .links, figure.csrhover01 h3, figure.csrhover01 .links, figure.csrhover01 h3, figure.csrhover01 .links {
  width: 100%;
  margin: 0;
  padding: 0;
}
figure.snip1437 h3 {
  line-height: 1.3em;
  font-weight: 900;
  font-size: 60px;
  font-size: 3.0vw;
  color: #fff;
  font-family: "din-2014", sans-serif;
}

figure.csrhover01 p, figure.csrhover02 p{
  font-size: 25px;
  font-size: 1.5vw;
}
figure.product p {
  font-size: 16px;
}

figure.csrhover02 h3, figure.product h3 {
  line-height: 1.3em;
  font-size: 60px;
  font-size: 3vw;
  font-family: "din-2014", sans-serif;
}


figure.snip1437 .links {
  font-size: 1em;
  letter-spacing: 3px;
  font-weight: 300;
  padding: 0;
  margin: 0;
}
figure.snip1437 .links li {
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  color: #000;
  width: 40%;
  margin: 0 auto;
  list-style: disc none;
  font-size: 26px;
  font-size: 1.3vw;
}
figure.snip1437 a {
  padding: 2px 0;
  display: block;
  color: #000;
  text-decoration: underline;

}
/*csr list 01*/
figure.csrhover02 .links,figure.product .links {
  letter-spacing: 3px;
  font-weight: 300;
  padding: 0;
  margin: 0;
  color: #000;
  padding-top: 10px;
  font-size: 22px;
 font-size: 1.25vw;
}
figure.csrhover02 .links li, figure.product .links li {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  color: #fff;
  width: 65%;
  margin: 0 auto;
  list-style: disc none;
    text-align: left;
    font-weight: bold;
}


figure.csrhover02 a, figure.product a  {
  padding: 2px 0;
  display: block;
  color: #fff;
  text-decoration: none;

}
figure.product:hover .links li a{
    color: #000;
}
figure.csrhover02 a:hover{
  text-decoration: underline;
}
/*figure.rechover05:hover  h2, figure.rechover02:hover h2,  figure.rechover03:hover h2{font-weight: bold; color: #000;}*/
figure.csrhover02 .csrlink, figure.product .productlink{
  padding: 2px 0;
  display: block;
  color: #fff;
  text-decoration: none;
}
figure.csrhover01 a:hover {
  color: #fff;
}
figure.snip1437:hover:after, figure.snip1437.hover:after, figure.csrhover01:hover:after, figure.csrhover01.hover:after, figure.csrhover02:hover:after, figure.csrhover02.hover:after,
 figure.product:hover:after, figure.product.hover:after{
  -webkit-transform: skew(20deg) translateX(0%);
  transform: skew(20deg) translateX(0%);
}
figure.snip1437:hover img, figure.snip1437.hover img, figure.csrhover01:hover img, figure.csrhover01.hover img, figure.csrhover02:hover img, figure.csrhover02.hover img,
figure.product:hover img, figure.product.hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip1437:hover li, figure.snip1437.hover li, figure.csrhover01:hover li, figure.csrhover01.hover li, figure.csrhover02:hover li, figure.csrhover02.hover li{
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
   font-weight: bold;
       color: #000;
}

 figure.product:hover li, figure.product.hover li {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
   text-align: left;
    font-weight: bold;
     color: #000;
}
figure.product:hover a, figure.product.hover a{
    color: #000;
}
figure.snip1437:hover li:first-child, figure.snip1437.hover li:first-child, figure.csrhover01:hover li:first-child, figure.csrhover01.hover li:first-child, figure.csrhover02:hover li:first-child, figure.csrhover02.hover li:first-child{
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;

}
figure.snip1437:hover li:nth-child(2), figure.snip1437.hover li:nth-child(2), figure.csrhover01:hover li:nth-child(2), figure.csrhover01.hover li:nth-child(2), figure.csrhover02:hover li:nth-child(2), figure.csrhover02.hover li:nth-child(2){
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1437:hover li:nth-child(3), figure.snip1437.hover li:nth-child(3), figure.csrhover01:hover li:nth-child(3), figure.csrhover01.hover li:nth-child(3), figure.csrhover02:hover li:nth-child(3), figure.csrhover02.hover li:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip1437:hover li:nth-child(4), figure.snip1437.hover li:nth-child(4), figure.csrhover01:hover li:nth-child(4), figure.csrhover01.hover li:nth-child(4), figure.csrhover02:hover li:nth-child(4), figure.csrhover02.hover li:nth-child(4),  figure.product:hover li:nth-child(4), figure.product.hover li:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
figure.csrhover02:hover li:nth-child(5), figure.csrhover02.hover li:nth-child(5), figure.product:hover li:nth-child(5), figure.product.hover li:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
figure.csrhover02:hover li:nth-child(6), figure.csrhover02.hover li:nth-child(6) {
    -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.csrhover02:hover li:nth-child(7), figure.csrhover02.hover li:nth-child(7) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
  }
figure.csrhover02:hover li:nth-child(8), figure.csrhover02.hover li:nth-child(8) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
/*group*/
.link_sec {
  width: 100%;
  overflow: hidden;
  padding-top: 1%;
}
.link_blog_column figure img {
  width: 100%;
}
/*end group*/
#wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #000;
}
#wrapper:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
#content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.psection {
  width: 100%;
  padding: 40px 0 40px;
  background: #111;
  margin: 0 auto;
}
.psecleft {
  flex-basis: 80%;
  box-sizing: border-box;
}
.psecright {
  flex-basis: 20%;
  box-sizing: border-box;
  position: relative;
  padding-top: 41.8%;
  background: url(../images/product/product_img_07.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.columnleft {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
}
.rowright:after {
  content: "";
  display: table;
  clear: both;
}
.second {
  width: 100%;
}
.second .pdf {
  display: flex;
}
.second .pdf li {
  display: block;
}
.second_inner {
  width: 90%;
  margin: 0 auto;
}
.innerleft {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.innerright {
  width: 50%;
  float: right;
  box-sizing: border-box;
}
.pdftxt {

    background: #085aa2;
    color: #fff;
    padding: 10px 10px;
    width: 180px;
    text-align: center;
    font-size: 14px;
    clear: both;
    display: inline-block;
}
.pdftxt_011 {
    background: #085aa2;
    color: #fff;
    padding: 10px 0;
    width: 28%;
    text-align: center;
    font-size: 15px;
    clear: both;
    display: table-cell;
}
.txt01 {
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.txthtit {
  font-size: 35px;
  color: #fff;
  font-weight: 700;
}
.ptxt {
  width: 87%;
  margin: 0 auto;
  padding: 10px;
  letter-spacing: 1px;
  font-size: 25px;
  font-size: 1.25vw;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.ptextl {
  text-align: left;
}

.ptxt01 {
  font-size: 25px;
  font-size: 1.25vw;
}
.ptot {
  font-size: 35px;
  position: absolute;
  top: 36%;
  left: 0;
  padding: 0 0 0 20%;
  width: 80%;
}
.ptot h2{
  font-size: 35px;
  font-size: 1.75vw;
}
.ptot::after {
  width: 0;
  height: 0;
  position: absolute;
  border-top: 13px solid transparent;
  border-right: 13px solid #fff000;
  border-bottom: 13px solid transparent;
  content: "";
  display: block;
  top: 42.99%;
  left: 9%;
  ;
}
/*group*/
.groupmap {
  position: absolute;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  border: 3px solid #57717d;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1vw;
  background-color: rgba(0,5,32,0.23);
}
.groupmap:hover {
  border: 3px solid #f00;
  z-index: 100;
}
.groupmap ul {
  padding: 0;
  margin: 1em 0 1em 1em;
  color: #fff;
  opacity: 0;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}
.groupmap ul ul {
  list-style-type: disc;
  margin: 0 0 .5em 1.5em;
}

.groupmap:hover ul {
  opacity: 1;
}
.groupmap a {
  color: #fff;
  text-decoration: none;
}
.groupmap a:hover {
  color: #fff;
  text-decoration: underline;
}
.usa {
  width: 40%;
  height: 86%;
  top: 7%;
  right: 4%;
}
.usa ul {
  margin-top: 40%;
}
.europe {
  width: 18%;
  height: 24%;
  top: 21%;
  left: 4%;
}
.europe ul {
  margin-top: 25%;
}
.japan {
  width: 7%;
  height: 16%;
  top: 35%;
  left: 43%;
}
.japan:hover {
  width: 22%;
  height: 26%;
  top: 25%;
  left: 30%;
}
.asia {
  width: 31%;
  height: 23%;
  top: 53%;
  left: 22%;
}
.asia:hover {
  width: 46%;
  height: 49%;
  top: 27%;
  left: 16%;
}

.top{
  top: 45% !important;
}
.csr_txt{
    position: absolute;
    bottom: 8%;
    right: 6%;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-size:25px;
    font-size: 1.35vw;
    font-family: "din-2014", sans-serif;
}
.csr_txt p{
  text-shadow:1px 1px 5px rgb(0, 0, 0, 0.5), -1px 1px 5px rgb(0, 0, 0, 0.5), 1px -1px 5px rgb(0, 0, 0, 0.5), -1px -1px 5px rgb(0, 0, 0, 0.5);
}

.company_bgtit{
    position: absolute;
    bottom: 6%;
    left: 10%;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 68.75px;
    font-size: 3.12vw;
    font-family: "din-2014", sans-serif;
}

.csrtitlink:hover{
  text-decoration:none !important;
}


.w {
  width: 100%;
}
.firstchild {
  margin-top: 0 !important;
}
.mt00 {
  margin-top: 0 !important;
}
.mt05 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.pt00 {
  padding-top: 0 !important;
}
.ml30 {
  margin-left: -19px;
}
.pt05 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
/* bottom */
.mb00 {
  margin-bottom: 0 !important;
}
.mb05 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
/* left */
.ml10 {
  margin-left: 10px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml35 {
  margin-left: 35px !important;
}
/* right */
.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.pb00 {
  padding-bottom: 0 !important;
}
.pb05 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
/* align */
.alignL {
  text-align: left !important;
}
.alignC {
  text-align: center !important;
}
.alignR {
  text-align: right !important;
}
.alignM {
  vertical-align: middle !important;
}
.pt100{
  padding-top: 20% !important;
}
/* width */

  /* 20151127追記 */
.w49 {
  width: 49px !important;
}
.w84 {
  width: 84px !important;
}
/* 追記end */
.w70 {
  width: 70px !important;
}
.w222 {
  width: 222px !important;
}
.w556 {
  width: 556px !important;
}
/* float */
.flNone {
  float: none !important;
}
/* font-size */
.fs12 {
  font-size: 12px !important;
}
.fs20 {
  font-size: 20px;
}
/* name */
.name {
  vertical-align: middle;
  padding: 0 1px 2px 0;
}
.csrmargin {
  margin-top: 7%;
  left: 18% !important;
}
.csrmargin01{
  left: 18% !important;
    margin-top: -8%;
}
/*triangle*/



 figure.rechover03::after, figure.snip::after, figure.rechover::after, figure.phover02::after, .csrcolumn_03::after, figure.rechover05::after, figure.rechover04::after, figure.rechover02::after, figure.tophover::after, figure.tophover01::after{
  width: 0;
  height: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-bottom: 30px solid #2ea7e0;
  border-left: 30px solid transparent;
  content: "";
  display: block;
}
figure.phover01::after{
    width: 0;
  height: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-bottom: 20px solid #2ea7e0;
  border-left: 20px solid transparent;
  content: "";
  display: block;
}
.blog_wrapper::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 10px;
  left: 47.88%;
  border-bottom: 30px solid #2ea7e0;
  border-left: 30px solid transparent;
  content: "";
  display: block;
}
figure.rechover01::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 27%;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #2ea7e0;
  content: "";
  display: block;
  left: 49%;
  top: 68%;
}
figure.rechover01_1::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 27%;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #2ea7e0;
  content: "";
  display: block;
  left: 49%;
  top: 62%;
}

@media screen and (max-width: 1002px) {
.pdf li {
  width: 100%;
}
.caution li {
  display: block;
  width: 420px;
}
  .csrmargin{
    margin-top: -3%;
  }
.blog_wrapper::after{left: 46%;}
.inner li:first-child, .inner li:last-child,  .ir_inner_blog li a, .csr_inner_blog li a {
  font-size: 16px;
}
.product_03 .p_blogcoloum h2 {
  font-size: 20px;
}
.htit {
  font-size: 28px;
}
  .wide{width: 84%;}
figure.tophover h2, figure.snip h2, figure.rechover h2, figure.rechover01 h2, figure.rechover01_1 h2,  figure.rechover h2, figure.rechover01 h2, figure.rechover01_1 h2, figure.rechover03 h2, figure.rechover05 h2, figure.phover h2, figure.phover03 h2, figure.phover02 h2, .text-block, figure.snip1437 h3, figure.tophover01 h2, figure.csrhover01 h3, figure.csrhover02 h3, figure.product h3, .company_bgtit, figure.product h3 {
  font-size: 30px;
}
figure.rechover02 h2, figure.product h2, figure.rechover03 h2{
  line-height: 0.95em;
  font-size: 30px;
}
  figure.product .links li{
    width: 84%;
    font-size: 15px;
  }
figure.rechover04 h2 {
  font-size: 38px;
}
figure.phover01 h2 {
  font-size: 30px;
}
figure.tophover span
figure.snip span
figure.rechover span
figure.rechover01 span
figure.rechover02 span
figure.rechover01_1 span
figure.rechover04 span
figure.rechover05 span
.title_tit
figure.csrhover01 p
figure.csrhover02 p
figure.phover span
figure.phover01 span
figure.phover03 span
figure.phover02 span
figure.rechover03 span
figure.product p
.vertical-menu li a
figure.product span{
  font-size: 25px;
}
  figure.csrhover02 p {
    font-size: 17px;
  }
figure.phover01 span {
  font-size: 15px;
}
.csr_txt{font-size: 13px;}
.pdf a:link{
  font-size: 15px;
  text-align: center;
  }
figure.snip1437 figcaption {
  top: 23%;
}
figure.snip1437 .links li {
  font-size: 20px;
  width: 60%;
  line-height: 1.3em;
}
figure.csrhover01 figcaption, figure.csrhover02 figcaption {
  left: 30%;
  top: 10%;
}
figure.csrhover01 .links li, figure.csrhover02 .links li {
    font-size: 17px;
    width: 100%;
    line-height: 1em;
}
.ptxt {
  font-size: 13px;
}
.htit_01 {
  font-size: 28px;
}
.text-block_01 {
  bottom: 50%;
  line-height: 1.95em;
}
figure.tophover01 .heading {
  left: 7%;
}
figure.rechover05:hover figcaption,  figure.rechover05.hover figcaption, figure.phover01:hover figcaption,  figure.phover01.hover figcaption, figure.rechover04:hover figcaption,  figure.rechover04.hover figcaption, figure.phover02:hover figcaption, figure.phover02.hover figcaption {
  bottom: 40%;
}
figure.tophover01.hover figcaption, figure.tophover01:hover figcaption {
  bottom: 35%;
}
figure.product.phover_pt:hover figcaption {
  top:50%;
}
figure.product.phover_pt:hover h3, figure.product.phover_pt:hover p {
  font-weight: normal;
  color: #fff;
}
  figure.csrhover02 .links{
    padding: 2px;
  }
.p_tit_01::after {
  right: 22.6%;
}
.ptxt_blog {
  width: 80%;
  margin: 0 auto;
}
.p_tit::after {
  top: 47%;
  left: 31%;
}
.pdftxt {
  padding: 10px 20px;
}
.psecright {
  padding-top: 62.8%;
}
.ptot::after {
  top: 30.99%;
  left: 7%;
}
  .groupmap {
    font-size: 10px;
  }
  figure.rechover03 span,figure.tophover01 span, figure.tophover02 span  {
    font-size: 17px;
  }
    figure.product  p {
    font-size: 16px;
  }
}

@media screen and (min-width: 1920px) {
figure.tophover h2, figure.snip h2,figure.rechover01 h2,
figure.rechover h2, figure.rechover01_1 h2, figure.phover02 h2,
figure.phover01 h2,figure.snip1437 h3,figure.tophover01 h2,
figure.csrhover02 h3,figure.rechover05 h2,figure.rechover03 h2,
figure.rechover02 h2, figure.product h3{
  font-size: 2.3vw;
}
figure.tophover01 span, figure.tophover02 span,
.ptxt, figure.phover02 span,figure.phover01 span,figure.rechover03 span,
figure.tophover01 span,figure.csrhover01 p, figure.csrhover02 p,figure.product p
figure.rechover05 span,figure.rechover02 span, .ptxt01, .csr_txt, figure.rechover03 span{
    font-size: 25px;
  }
  figure.product p{

    font-size: 25px;
  }
  figure.snip1437 .links li{
    font-size: 26px;
  }
  figure.csrhover02 .links{
    font-size: 22px;
  }
  figure.product .links{
     font-size: 22px;
        font-family: "din-2014", sans-serif;
  }
  .ptot h2 {
    font-size: 35px;
  }
  .pdf a:link{
    font-size: 25px;
    text-align: center;
  }
}
figure.product {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0px 0px;
    min-width: 220px;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    background: #000;
}
.blog_wrapper01::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-bottom: 30px solid #2ea7e0;
  border-left: 30px solid transparent;
  content: "";
  display: block;
}

figure.csrhover02 *,figure.product *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
}
figure.csrhover02 .links li a,
figure.csrhover02 figcaption,
figure.csrhover02 img,
figure.csrhover02 li,
figure.product .links li a,
figure.product figcaption,
figure.product img,
figure.product li {
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  font-weight: normal;
}
figure.product .links li a{
    font-weight: bold;
}

.wide01{
  width: 100% !important;
}
.line_hr{
  display: block;
  margin-bottom: 1px solid #898989;
}
.ma5slider{
  margin-bottom: 0px !important;
}
.ma5slider .slide img {
  vertical-align: bottom;
}