@charset "UTF-8";
/* 首页*/
.top_mv {
  position: relative;
  height: 320px;
  overflow: hidden;
  margin-bottom: 30px; }
  .top_mv .lead_txt {
    font-family: "Noto Serif Japanese","Sawarabi Mincho", serif;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 150px);
    top: calc(33%);
    z-index: 100;
    color: #fff;
    text-shadow: 0 0 5px black;
    font-size: 26px; }
    .top_mv .lead_txt br:nth-child(2) {
      display: block; }
  .top_mv li {
    background-size: cover;
    height: 320px; }
    .top_mv li.mv_img01 {
      background-image: url("../images/E5W0zbBVS8CN8LZASV4BEQ.jpg");
      background-position: center center; }
    .top_mv li.mv_img02 {
      background-image: url("../images/T0b3KYwgT6CXs09a0TJL_Q.jpg");
      background-position: center center; }
    .top_mv li.mv_img03 {
      background-image: url("../images/c0Ip8LNeTrqIxG0m3wf8CQ.jpg");
      background-position: center center; }
    .top_mv li.mv_img04 {
      background-image: url("../images/8k9wwKfQSL6QvTNLlLLdCw.jpg");
      background-position: 58% center; }

.top_mv.en .lead_txt {
  left: calc(50% - 150px);
  top: calc(23%);
  padding-right: calc(50% - 150px); }
  .top_mv.en .lead_txt br {
    display: none; }

@media (min-width: 768px) {
  .top_mv {
    height: 500px;
    margin-bottom: 40px; }
    .top_mv .lead_txt {
      left: calc(50% - 400px);
      top: calc(30%);
      z-index: 100;
      color: #fff;
      text-shadow: 0 0 5px black;
      font-size: 36px; }
      .top_mv .lead_txt br:nth-child(2) {
        display: none; }
    .top_mv li {
      height: 500px; }
      .top_mv li.mv_img04 {
        background-position: center center; }
  .top_mv.en .lead_txt {
    top: calc(35%);
    left: calc(50% - 400px);
    padding-right: 0; }
    .top_mv.en .lead_txt br {
      display: block; } }

/* 公司新闻 */
.top_news {
  margin-bottom: 60px;
  width: 100%; }
  @media (min-width: 768px) {
    .top_news {
      margin-bottom: 60px;
      width: 100%; } }
  .top_news .main_wrap {
    zoom: 1; }
    .top_news .main_wrap::before, .top_news .main_wrap::after {
      content: "";
      display: table; }
    .top_news .main_wrap::after {
      clear: both; }
    @media (min-width: 768px) {
      .top_news .main_wrap .top_newswrap {
        zoom: 1; }
        .top_news .main_wrap .top_newswrap::before, .top_news .main_wrap .top_newswrap::after {
          content: "";
          display: table; }
        .top_news .main_wrap .top_newswrap::after {
          clear: both; } }
    .top_news .main_wrap .left_news {
      zoom: 1; }
      .top_news .main_wrap .left_news::before, .top_news .main_wrap .left_news::after {
        content: "";
        display: table; }
      .top_news .main_wrap .left_news::after {
        clear: both; }
      @media (min-width: 768px) {
        .top_news .main_wrap .left_news {
          width: 66.6%;
          float: left;
          padding-right: 20px; } }
      .top_news .main_wrap .left_news .left_newslist {
        padding-left: 10px;
        padding-right: 10px; }
        @media (min-width: 768px) {
          .top_news .main_wrap .left_news .left_newslist {
            padding-left: 0;
            padding-right: 0; } }
        .top_news .main_wrap .left_news .left_newslist li {
          zoom: 1;
          padding-top: 8px;
          padding-bottom: 8px;
          border-bottom: 1px dotted #ccc; }
          .top_news .main_wrap .left_news .left_newslist li::before, .top_news .main_wrap .left_news .left_newslist li::after {
            content: "";
            display: table; }
          .top_news .main_wrap .left_news .left_newslist li::after {
            clear: both; }
          .top_news .main_wrap .left_news .left_newslist li:nth-child(n+4) {
            display: none; }
            @media (min-width: 768px) {
              .top_news .main_wrap .left_news .left_newslist li:nth-child(n+4) {
                display: block; } }
          @media (min-width: 768px) {
            .top_news .main_wrap .left_news .left_newslist li:nth-child(n+6) {
              display: none; } }
          .top_news .main_wrap .left_news .left_newslist li a {
            color: #204861;
            font-size: 14px;
            display: inline-block; }
            @media (min-width: 768px) {
              .top_news .main_wrap .left_news .left_newslist li a {
                font-size: 15px; }
                .top_news .main_wrap .left_news .left_newslist li a:hover {
                  text-decoration: underline; } }
            .top_news .main_wrap .left_news .left_newslist li a.pdf::after {
              content: '';
              display: inline-block;
              width: 16px;
              height: 16px;
              background-image: url("../images/icon_pdf.png");
              background-size: contain;
              vertical-align: text-top;
              margin-left: 5px; }
          .top_news .main_wrap .left_news .left_newslist li:first-child {
            padding-top: 0; }
          .top_news .main_wrap .left_news .left_newslist li .news_date {
            font-size: 14px;
            width: 100%; }
            @media (min-width: 768px) {
              .top_news .main_wrap .left_news .left_newslist li .news_date {
                display: block;
                width: 16%;
                float: left;
                line-height: 1.7em; } }
          .top_news .main_wrap .left_news .left_newslist li .news_txt {
            width: 100%; }
            @media (min-width: 768px) {
              .top_news .main_wrap .left_news .left_newslist li .news_txt {
                display: block;
                width: 84%;
                float: left; } }
      .top_news .main_wrap .left_news .top_newslink {
        float: right; }
  .top_news .right_company {
    width: 100%; }
    @media (min-width: 768px) {
      .top_news .right_company {
        width: 33.3%;
        float: right;
        padding-left: 20px; } }
    .top_news .right_company .top_company {
      text-align: center;
      background: url("../images/img_topcompany.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      padding: 20px 15px;
      margin-top: 35px;
      margin-bottom: 20px; }
      .top_news .right_company .top_company h2 {
        position: relative;
        display: inline-bl ock;
        padding-bottom: 8px;
        color: #fff;
        font-size: 24px;
        margin-bottom: 15px; }
        .top_news .right_company .top_company h2::before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          border-bottom: 2px solid #fff;
          width: 80%;
          width: -webkit-calc(100% - 40px);
          width: calc(100% - 40px);
          margin: 0 auto; }
      .top_news .right_company .top_company .top_companybtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .top_news .right_company .top_company .top_companybtn li {
          width: 48.5%;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .top_news .right_company .top_company .top_companybtn li:nth-child(n+3) {
            margin-top: 10px; }
          .top_news .right_company .top_company .top_companybtn li a {
            border: 1px solid #fff;
            border-radius: 4px;
            background-color: rgba(28, 121, 182, 0.3);
            color: #fff;
            display: table;
            padding: 5px;
            padding: 8px 0;
            height: 100%;
            width: 100%; }
            @media (min-width: 768px) {
              .top_news .right_company .top_company .top_companybtn li a {
                -webkit-transition: background-color .25s;
                -o-transition: background-color .25s;
                transition: background-color .25s; }
                .top_news .right_company .top_company .top_companybtn li a:hover {
                  background-color: #1c79b6; } }
            .top_news .right_company .top_company .top_companybtn li a span {
              vertical-align: middle;
              height: 100%;
              display: table-cell;
              text-align: center;
              width: 100%; }
    .top_news .right_company.en .top_companybtn {
      font-size: 80%; }
      .top_news .right_company.en .top_companybtn li a {
        padding: 14px 0; }

/* 产品中心*/
.top_products {
  padding: 40px 0 80px;
  background: url("../images/img_top_bg.png") repeat;
  background-size: 30px 15px; }
  .top_products .main_wrap .column_items .products_img01 {
    display: block;
    width: 100%;
    height: 200px;
    background: url("../images/img_products01.jpg") no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .top_products .main_wrap .column_items .products_img01:hover + .products_menulist .h3_leftborder a {
        color: #1c79b6 !important; } }
  .top_products .main_wrap .column_items .products_img02 {
    display: block;
    width: 100%;
    height: 200px;
    background: url("../images/img_products02.jpg") no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .top_products .main_wrap .column_items .products_img02:hover + .products_menulist .h3_leftborder a {
        color: #1c79b6 !important; } }
  .top_products .main_wrap .column_items .products_img03 {
    display: block;
    width: 100%;
    height: 200px;
    background: url("../images/img_products03.jpg") no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .top_products .main_wrap .column_items .products_img03:hover + .products_menulist .h3_leftborder a {
        color: #1c79b6 !important; } }
  .top_products .main_wrap .column_items .products_menu {
    background: #fff; }
    @media (min-width: 768px) {
      .top_products .main_wrap .column_items .products_menu {
        border-right: 1px solid #ddd;
        width: 33.3%; } }
    .top_products .main_wrap .column_items .products_menu .products_menulist {
      background-color: #fff;
      padding: 15px 10px 40px; }
      @media (min-width: 768px) {
        .top_products .main_wrap .column_items .products_menu .products_menulist {
          padding: 15px 30px; } }
      .top_products .main_wrap .column_items .products_menu .products_menulist .h3_leftborder a {
        color: #333 !important; }
        @media (min-width: 768px) {
          .top_products .main_wrap .column_items .products_menu .products_menulist .h3_leftborder a {
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s; }
            .top_products .main_wrap .column_items .products_menu .products_menulist .h3_leftborder a:hover {
              color: #1c79b6 !important; } }
      .top_products .main_wrap .column_items .products_menu .products_menulist li {
        padding-left: 5px;
        padding-right: 5px;
        display: inline-block;
        line-height: 1em;
        position: relative;
        width: 100%; }
        @media (min-width: 768px) {
          .top_products .main_wrap .column_items .products_menu .products_menulist li {
            width: auto;
            position: relative;
            margin-right: 8px; } }
        .top_products .main_wrap .column_items .products_menu .products_menulist li::before {
          font-family: FontAwesome;
          content: '\f0da';
          display: inline-block;
          color: #1c79b6;
          position: absolute;
          right: 15px;
          font-size: 14px;
          float: none;
          padding: 16px 0 16px; }
          @media (min-width: 768px) {
            .top_products .main_wrap .column_items .products_menu .products_menulist li::before {
              right: 0;
              left: 1px;
              padding: 5px 0;
              font-size: 16px; } }
        .top_products .main_wrap .column_items .products_menu .products_menulist li a {
          color: #333;
          font-size: 14px;
          display: block;
          position: relative;
          border-bottom: 1px dotted #cdcdcd;
          padding: 16px 0 16px 10px; }
          @media (min-width: 768px) {
            .top_products .main_wrap .column_items .products_menu .products_menulist li a {
              font-size: 15px;
              display: inline-block;
              border-bottom: none;
              padding: 5px 0 5px 10px; } }
        .top_products .main_wrap .column_items .products_menu .products_menulist li:first-child a {
          border-top: 1px dotted #cdcdcd; }
          @media (min-width: 768px) {
            .top_products .main_wrap .column_items .products_menu .products_menulist li:first-child a {
              border-top: none; } }
      .top_products .main_wrap .column_items .products_menu .products_menulist .stainless_list li {
        width: 50%;
        float: left; }
        @media (min-width: 768px) {
          .top_products .main_wrap .column_items .products_menu .products_menulist .stainless_list li {
            width: auto;
            float: none; } }
        .top_products .main_wrap .column_items .products_menu .products_menulist .stainless_list li:nth-child(2) a {
          border-top: 1px dotted #cdcdcd; }
          @media (min-width: 768px) {
            .top_products .main_wrap .column_items .products_menu .products_menulist .stainless_list li:nth-child(2) a {
              border-top: none; } }
      .top_products .main_wrap .column_items .products_menu .products_menulist .machine_list li:nth-child(-n+4) {
        width: 50%;
        float: left; }
        @media (min-width: 768px) {
          .top_products .main_wrap .column_items .products_menu .products_menulist .machine_list li:nth-child(-n+4) {
            width: auto;
            float: none; } }
        .top_products .main_wrap .column_items .products_menu .products_menulist .machine_list li:nth-child(-n+4):nth-child(2) a {
          border-top: 1px dotted #cdcdcd; }
          @media (min-width: 768px) {
            .top_products .main_wrap .column_items .products_menu .products_menulist .machine_list li:nth-child(-n+4):nth-child(2) a {
              border-top: none; } }
      .top_products .main_wrap .column_items .products_menu .products_menulist .stainless_list, .top_products .main_wrap .column_items .products_menu .products_menulist .steel_list, .top_products .main_wrap .column_items .products_menu .products_menulist .machine_list {
        zoom: 1;
        margin-right: -5px;
        margin-left: -5px; }
        .top_products .main_wrap .column_items .products_menu .products_menulist .stainless_list::before, .top_products .main_wrap .column_items .products_menu .products_menulist .stainless_list::after, .top_products .main_wrap .column_items .products_menu .products_menulist .steel_list::before, .top_products .main_wrap .column_items .products_menu .products_menulist .steel_list::after, .top_products .main_wrap .column_items .products_menu .products_menulist .machine_list::before, .top_products .main_wrap .column_items .products_menu .products_menulist .machine_list::after {
          content: "";
          display: table; }
        .top_products .main_wrap .column_items .products_menu .products_menulist .stainless_list::after, .top_products .main_wrap .column_items .products_menu .products_menulist .steel_list::after, .top_products .main_wrap .column_items .products_menu .products_menulist .machine_list::after {
          clear: both; }
        @media (min-width: 768px) {
          .top_products .main_wrap .column_items .products_menu .products_menulist .stainless_list, .top_products .main_wrap .column_items .products_menu .products_menulist .steel_list, .top_products .main_wrap .column_items .products_menu .products_menulist .machine_list {
            margin-right: 0;
            margin-left: 0; } }
  @media (min-width: 768px) {
    .top_products .main_wrap .column_items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: strech;
      -ms-flex-align: strech;
      align-items: strech; } }

.zoom_in .img_hidden_area {
  overflow: hidden; }
  .zoom_in .img_hidden_area img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }

@media (min-width: 768px) {
  .zoom_in:hover .img_hidden_area img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }

.top_products.en .main_wrap .column_items .products_menu .products_menulist {
  padding: 15px 13px; }
  @media (min-width: 768px) {
    .top_products.en .main_wrap .column_items .products_menu .products_menulist {
      padding: 15px 20px; } }
  .top_products.en .main_wrap .column_items .products_menu .products_menulist li {
    position: relative; }
    .top_products.en .main_wrap .column_items .products_menu .products_menulist li::before {
      padding: 0;
      top: 32%; }
      @media (min-width: 768px) {
        .top_products.en .main_wrap .column_items .products_menu .products_menulist li::before {
          padding: 5px 0;
          top: auto; } }
    .top_products.en .main_wrap .column_items .products_menu .products_menulist li a {
      padding-right: 16px; }
  .top_products.en .main_wrap .column_items .products_menu .products_menulist .stainless_list li {
    float: none;
    width: 100%; }
    .top_products.en .main_wrap .column_items .products_menu .products_menulist .stainless_list li:nth-child(2) a {
      border-top: none; }
      @media (min-width: 768px) {
        .top_products.en .main_wrap .column_items .products_menu .products_menulist .stainless_list li:nth-child(2) a {
          border-top: none; } }

.ctgtop_block {
  margin-bottom: 100px; }
  @media (min-width: 768px) {
    .ctgtop_block {
      margin-bottom: 80px; } }
  .ctgtop_block .card_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    /* 2栏目 */ }
    @media (min-width: 768px) {
      .ctgtop_block .card_list {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 1000px) {
      .ctgtop_block .card_list {
        padding-left: 0;
        padding-right: 0;
        margin-left: -15px;
        margin-right: -15px; } }
    .ctgtop_block .card_list .card_item {
      width: 50%; }
      .ctgtop_block .card_list .card_item .card_itemwrap {
        position: relative;
        margin-top: 20px;
        margin-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
        zoom: 1; }
        .ctgtop_block .card_list .card_item .card_itemwrap::before, .ctgtop_block .card_list .card_item .card_itemwrap::after {
          content: "";
          display: table; }
        .ctgtop_block .card_list .card_item .card_itemwrap::after {
          clear: both; }
        .ctgtop_block .card_list .card_item .card_itemwrap::before {
          float: right;
          content: "";
          display: block;
          position: absolute;
          right: 5px;
          bottom: -4px;
          width: calc(100% - 10px);
          height: 1px;
          background: #1c79b6;
          -webkit-transition: all .25s;
          -o-transition: all .25s;
          transition: all .25s; }
          @media (min-width: 768px) {
            .ctgtop_block .card_list .card_item .card_itemwrap::before {
              width: 100%;
              right: 0; }
              .company .ctgtop_block .card_list .card_item .card_itemwrap::before {
                width: 100%; } }
        .ctgtop_block .card_list .card_item .card_itemwrap::after {
          content: "";
          display: block;
          -webkit-transform: skewX(45deg);
          -ms-transform: skewX(45deg);
          transform: skewX(45deg);
          position: absolute;
          bottom: -4px;
          width: 2px;
          height: 12px;
          right: 10px;
          background: #1c79b6;
          margin-left: -5px; }
          @media (min-width: 768px) {
            .ctgtop_block .card_list .card_item .card_itemwrap::after {
              right: 7px;
              height: 16px; } }
        .ctgtop_block .card_list .card_item .card_itemwrap .hidden_link {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          text-indent: -9999px; }
        @media (min-width: 768px) {
          .ctgtop_block .card_list .card_item .card_itemwrap {
            margin-top: 0;
            margin-bottom: 15px;
            padding-left: 0;
            padding-right: 0; }
            .ctgtop_block .card_list .card_item .card_itemwrap:hover .card_link {
              color: #1c79b6 !important; }
            .ctgtop_block .card_list .card_item .card_itemwrap:hover::before {
              width: 44%; } }
        .ctgtop_block .card_list .card_item .card_itemwrap img {
          border: 1px solid #cdcdcd; }
      .ctgtop_block .card_list .card_item:nth-child(-n+2) .card_itemwrap {
        margin-top: 0; }
      @media (min-width: 768px) {
        .ctgtop_block .card_list .card_item {
          -webkit-transition: opacity .25s;
          -o-transition: opacity .25s;
          transition: opacity .25s;
          margin-bottom: 60px;
          padding-left: 15px;
          padding-right: 15px;
          width: 33.3%; }
          .company .ctgtop_block .card_list .card_item, .stainless .ctgtop_block .card_list .card_item, .normal .ctgtop_block .card_list .card_item, .cutting .ctgtop_block .card_list .card_item {
            width: 25%; } }
      .ctgtop_block .card_list .card_item:last-child {
        margin-bottom: 0; }
        @media (min-width: 768px) {
          .ctgtop_block .card_list .card_item:last-child {
            margin-bottom: 60px; } }
      .ctgtop_block .card_list .card_item .card_link {
        padding: 8px 5px 5px;
        position: relative;
        color: #333;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.3em; }
        @media (min-width: 768px) {
          .ctgtop_block .card_list .card_item .card_link {
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s;
            padding: 10px 10px 7px;
            font-size: 17px; } }
      .ctgtop_block .card_list .card_item .card_txtlink li {
        padding-left: 5px;
        padding-right: 5px;
        display: inline-block;
        line-height: 1em;
        position: relative;
        width: 100%; }
        @media (min-width: 768px) {
          .ctgtop_block .card_list .card_item .card_txtlink li {
            width: auto;
            position: relative;
            margin-right: 8px; } }
        .ctgtop_block .card_list .card_item .card_txtlink li::before {
          font-family: FontAwesome;
          content: '\f0da';
          display: inline-block;
          color: #1c79b6;
          position: absolute;
          right: 15px;
          top: 32%;
          font-size: 14px;
          float: none;
          padding: 0; }
          @media (min-width: 768px) {
            .ctgtop_block .card_list .card_item .card_txtlink li::before {
              right: 0;
              left: 1px;
              padding: 5px 0;
              font-size: 16px;
              top: 0; } }
        .ctgtop_block .card_list .card_item .card_txtlink li a {
          color: #333;
          font-size: 13px;
          display: block;
          position: relative;
          border-bottom: 1px dotted #cdcdcd;
          padding: 12px 15px 12px 5px; }
          @media (min-width: 768px) {
            .ctgtop_block .card_list .card_item .card_txtlink li a {
              font-size: 15px;
              display: inline-block;
              border-bottom: none;
              padding: 5px 0 5px 10px; } }
        .ctgtop_block .card_list .card_item .card_txtlink li:first-child a {
          border-top: 1px dotted #cdcdcd; }
          @media (min-width: 768px) {
            .ctgtop_block .card_list .card_item .card_txtlink li:first-child a {
              border-top: none; } }
      .ctgtop_block .card_list .card_item .recruit_note {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px;
        color: #777; }
        @media (min-width: 768px) {
          .ctgtop_block .card_list .card_item .recruit_note {
            padding-left: 0;
            padding-right: 0;
            font-size: 14px; } }
      .ctgtop_block .card_list .card_item .recruit_bnr {
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px; }
        @media (min-width: 768px) {
          .ctgtop_block .card_list .card_item .recruit_bnr {
            padding-left: 0;
            padding-right: 0; } }
        .ctgtop_block .card_list .card_item .recruit_bnr .h3_leftborder {
          font-size: 14px; }
          @media (min-width: 768px) {
            .ctgtop_block .card_list .card_item .recruit_bnr .h3_leftborder {
              margin-top: 20px;
              font-size: 16px; } }
        .ctgtop_block .card_list .card_item .recruit_bnr li {
          margin-bottom: 05px; }
          @media (min-width: 768px) {
            .ctgtop_block .card_list .card_item .recruit_bnr li {
              margin-bottom: 15px; } }
          .ctgtop_block .card_list .card_item .recruit_bnr li:last-child {
            margin-bottom: 0; }
          .ctgtop_block .card_list .card_item .recruit_bnr li a {
            -webkit-transition: opacity .25s;
            -o-transition: opacity .25s;
            transition: opacity .25s; }
            .ctgtop_block .card_list .card_item .recruit_bnr li a img {
              border: 1px solid #cdcdcd; }
            .ctgtop_block .card_list .card_item .recruit_bnr li a:hover {
              opacity: .75; }
      .ctgtop_block .card_list .card_item.notlink .card_itemwrap .hidden_link:hover {
        cursor: default; }
      @media (min-width: 768px) {
        .ctgtop_block .card_list .card_item.notlink .card_itemwrap:hover .card_link {
          color: #333 !important; }
        .ctgtop_block .card_list .card_item.notlink .card_itemwrap:hover::before {
          width: 100%; } }
    @media (min-width: 768px) {
      .ctgtop_block .card_list.column2 {
        width: 686px;
        margin: auto; } }
    @media (min-width: 768px) {
      .ctgtop_block .card_list.column2 .card_item {
        width: 50%; } }
    .ctgtop_block .card_list.en .card_item .card_link {
      padding: 8px 14px 5px 5px; }
  .ctgtop_block .product_bnr ul {
    zoom: 1;
    margin-top: 30px; }
    .ctgtop_block .product_bnr ul::before, .ctgtop_block .product_bnr ul::after {
      content: "";
      display: table; }
    .ctgtop_block .product_bnr ul::after {
      clear: both; }
    @media (min-width: 768px) {
      .ctgtop_block .product_bnr ul {
        margin-top: 0;
        margin-left: -15px;
        margin-right: -15px; } }
    .ctgtop_block .product_bnr ul li {
      width: 100%;
      float: left;
      margin-top: 20px; }
      @media (min-width: 768px) {
        .ctgtop_block .product_bnr ul li {
          padding-left: 15px;
          padding-right: 15px;
          margin-top: 0;
          width: 33.3%; } }

.contents_wrap {
  zoom: 1;
  margin-bottom: 80px; }
  .contents_wrap::before, .contents_wrap::after {
    content: "";
    display: table; }
  .contents_wrap::after {
    clear: both; }
  @media (min-width: 768px) {
    .contents_wrap {
      margin-bottom: 140px; } }
  .contents_wrap .detail_block {
    margin-bottom: 60px;
    line-height: 1.6em; }
    @media (min-width: 768px) {
      .contents_wrap .detail_block {
        width: 75%;
        float: left;
        padding-right: 15px;
        margin-bottom: 0; }
        .news .contents_wrap .detail_block, .sitemap .contents_wrap .detail_block, .info .contents_wrap .detail_block {
          width: 100%; } }
    .contents_wrap .detail_block .common_txt {
      margin-bottom: 40px; }
      .contents_wrap .detail_block .common_txt:last-child {
        margin-bottom: 0; }
      .contents_wrap .detail_block .common_txt p {
        font-size: 15px;
        padding-bottom: 20px; }
        .contents_wrap .detail_block .common_txt p:last-child {
          padding-bottom: 0; }
      .contents_wrap .detail_block .common_txt .message_txt {
        text-align: center; }
        .contents_wrap .detail_block .common_txt .message_txt p {
          text-align: left;
          padding-bottom: 15px; }
          .contents_wrap .detail_block .common_txt .message_txt p:last-child {
            padding-bottom: 0; }
          .contents_wrap .detail_block .common_txt .message_txt p.president_img {
            text-align: center;
            display: inline-block;
            border: 1px solid #ddd;
            width: 280px;
            height: 220px;
            overflow: hidden;
            margin-bottom: 10px; }
            @media (min-width: 768px) {
              .contents_wrap .detail_block .common_txt .message_txt p.president_img {
                height: 100%;
                width: 50%;
                float: right;
                padding-bottom: 0;
                padding-left: 30px;
                border: none; } }
            .contents_wrap .detail_block .common_txt .message_txt p.president_img img {
              display: inline;
              width: 240px; }
              @media (min-width: 768px) {
                .contents_wrap .detail_block .common_txt .message_txt p.president_img img {
                  border: 1px solid #ddd;
                  width: 100%; } }
      .contents_wrap .detail_block .common_txt .h3_leftborder {
        font-size: 16px;
        margin-bottom: 4px; }
    @media (min-width: 768px) {
      .contents_wrap .detail_block .common_txt2column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px; } }
    @media (min-width: 768px) {
      .contents_wrap .detail_block .common_txt2column .common_txt {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px; } }
    .contents_wrap .detail_block .company_plan li {
      zoom: 1;
      padding-top: 8px;
      padding-bottom: 8px;
      text-align: left;
      border-bottom: 1px dotted #cdcdcd;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .contents_wrap .detail_block .company_plan li::before, .contents_wrap .detail_block .company_plan li::after {
        content: "";
        display: table; }
      .contents_wrap .detail_block .company_plan li::after {
        clear: both; }
      .contents_wrap .detail_block .company_plan li:last-child {
        border-bottom: none; }
      .contents_wrap .detail_block .company_plan li .plan_title {
        font-family: "Noto Serif Japanese","Sawarabi Mincho", serif;
        font-weight: 700;
        font-size: 18px;
        display: block;
        color: #333;
        line-height: 1em;
        float: left;
        width: 17%;
        vertical-align: middle; }
        @media (min-width: 768px) {
          .contents_wrap .detail_block .company_plan li .plan_title {
            font-size: 20px;
            width: 40%; } }
      .contents_wrap .detail_block .company_plan li .plan_txt {
        line-height: 1.4em;
        color: #777;
        display: inline-block;
        width: 83%;
        font-size: 14px;
        vertical-align: middle; }
        @media (min-width: 768px) {
          .contents_wrap .detail_block .company_plan li .plan_txt {
            width: 90%; } }
    .contents_wrap .detail_block .company_plan li {
      margin-bottom: 4px; }
    .contents_wrap .detail_block .company_plan.en li {
      display: block; }
      @media (min-width: 768px) {
        .contents_wrap .detail_block .company_plan.en li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
      .contents_wrap .detail_block .company_plan.en li .plan_title {
        float: none;
        width: 100%;
        margin-bottom: 5px; }
        @media (min-width: 768px) {
          .contents_wrap .detail_block .company_plan.en li .plan_title {
            width: 33%; } }
      .contents_wrap .detail_block .company_plan.en li .plan_txt {
        display: block;
        width: 100%; }
        @media (min-width: 768px) {
          .contents_wrap .detail_block .company_plan.en li .plan_txt {
            width: 100%; } }
    .contents_wrap .detail_block .company_plan.en li {
      margin-bottom: 4px; }
    .contents_wrap .detail_block .ol_type01 {
      list-style-type: decimal;
      padding-left: 1.2em;
      font-size: 15px; }
      .contents_wrap .detail_block .ol_type01 > li {
        margin-bottom: 5px; }
    .contents_wrap .detail_block .ol_type02 {
      list-style-type: lower-alpha;
      padding-left: 1.2em;
      font-size: 15px; }
      .contents_wrap .detail_block .ol_type02 > li {
        margin-bottom: 5px; }
    .contents_wrap .detail_block .corporate_governance_img {
      max-width: 600px;
      border: 1px solid #cdcdcd; }
  .contents_wrap .common_table {
    width: 100%;
    font-size: 15px;
    border: 1px solid #cdcdcd; }
    @media (min-width: 768px) {
      .contents_wrap .common_table {
        border: none;
        border-top: 1px solid #cdcdcd;
        border-bottom: 1px solid #cdcdcd; } }
    @media (min-width: 768px) {
      .contents_wrap .common_table tr {
        border-top: 1px dotted #cdcdcd; } }
    .contents_wrap .common_table th {
      display: block;
      width: 100%;
      text-align: left;
      background-color: #f2f2f2;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px; }
      @media (min-width: 768px) {
        .contents_wrap .common_table th {
          display: table-cell;
          width: 25%;
          text-align: right;
          padding-left: 0;
          padding-right: 15px; } }
    .contents_wrap .common_table td {
      display: block;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px; }
      @media (min-width: 768px) {
        .contents_wrap .common_table td {
          display: table-cell;
          width: 75%;
          padding-left: 15px; } }
      .contents_wrap .common_table td a {
        margin-top: 10px; }
    .contents_wrap .common_table.affiliated_table th {
      display: block;
      width: 100%;
      text-align: left;
      background-color: #f2f2f2;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px; }
      @media (min-width: 768px) {
        .contents_wrap .common_table.affiliated_table th {
          display: table-cell;
          width: 40%;
          text-align: right;
          padding-left: 0;
          padding-right: 15px; } }
      .contents_wrap .common_table.affiliated_table th a {
        color: #1c79b6;
        text-decoration: none; }
        .contents_wrap .common_table.affiliated_table th a span {
          border-bottom: 1px solid #1c79b6;
          -webkit-transition: border-bottom .1s;
          -o-transition: border-bottom .1s;
          transition: border-bottom .1s; }
        @media (min-width: 768px) {
          .contents_wrap .common_table.affiliated_table th a:hover span {
            border-bottom: 1px solid rgba(28, 121, 182, 0); } }
    .contents_wrap .common_table.affiliated_table td {
      display: block;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px; }
      @media (min-width: 768px) {
        .contents_wrap .common_table.affiliated_table td {
          display: table-cell;
          width: 75%;
          padding-left: 15px; } }
    .stock .contents_wrap .common_table {
      margin-bottom: 30px; }
      @media (min-width: 768px) {
        .stock .contents_wrap .common_table {
          margin-bottom: 20px; } }
      .stock .contents_wrap .common_table th {
        width: 100%; }
        @media (min-width: 768px) {
          .stock .contents_wrap .common_table th {
            width: 30%; } }
      .stock .contents_wrap .common_table td a {
        margin-top: 0; }
  .contents_wrap .common_table.en th {
    width: 100%; }
    @media (min-width: 768px) {
      .contents_wrap .common_table.en th {
        width: 30%; } }
  .contents_wrap .thumb_table {
    zoom: 1; }
    .contents_wrap .thumb_table::before, .contents_wrap .thumb_table::after {
      content: "";
      display: table; }
    .contents_wrap .thumb_table::after {
      clear: both; }
    .contents_wrap .thumb_table .thumb_wrap {
      display: table;
      width: calc(100% + 10px);
      table-layout: fixed;
      margin-left: -5px;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .contents_wrap .thumb_table .thumb_wrap {
          display: block;
          width: 30%;
          float: right; } }
      .contents_wrap .thumb_table .thumb_wrap .thumb_parts {
        display: table-cell;
        padding: 0 5px;
        margin-bottom: 20px; }
        @media (min-width: 768px) {
          .contents_wrap .thumb_table .thumb_wrap .thumb_parts {
            display: inline-block;
            padding-left: 20px;
            margin-bottom: 10px; } }
        .contents_wrap .thumb_table .thumb_wrap .thumb_parts img {
          width: 100%; }
    @media (min-width: 768px) {
      .contents_wrap .thumb_table .common_table {
        width: 70%;
        float: left; } }
  .contents_wrap .affiliated_list li {
    zoom: 1;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #ccc;
    font-size: 15px;
    line-height: 1.5em; }
    .contents_wrap .affiliated_list li::before, .contents_wrap .affiliated_list li::after {
      content: "";
      display: table; }
    .contents_wrap .affiliated_list li::after {
      clear: both; }
    .contents_wrap .affiliated_list li:first-child {
      padding-top: 0; }
    .contents_wrap .affiliated_list li:last-child {
      border-bottom: none; }
    .contents_wrap .affiliated_list li .profile_date {
      width: 100%;
      display: block;
      color: #777;
      font-size: 14px; }
      @media (min-width: 768px) {
        .contents_wrap .affiliated_list li .profile_date {
          display: block;
          width: 13%;
          float: left; } }
    .contents_wrap .affiliated_list li .profile_txt {
      width: 100%; }
      @media (min-width: 768px) {
        .contents_wrap .affiliated_list li .profile_txt {
          display: block;
          width: 87%;
          float: left; } }
  @media (min-width: 768px) {
    .contents_wrap .feature_list {
      zoom: 1; }
      .contents_wrap .feature_list::before, .contents_wrap .feature_list::after {
        content: "";
        display: table; }
      .contents_wrap .feature_list::after {
        clear: both; } }
  .contents_wrap .feature_list .feature_img {
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .contents_wrap .feature_list .feature_img {
        float: right;
        width: 30%;
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .contents_wrap .feature_list .feature_dl {
      float: left;
      width: 68%;
      margin: 0; } }
  .contents_wrap .company_history {
    position: relative;
    padding-bottom: 10px;
    font-size: 15px; }
    @media (min-width: 768px) {
      .contents_wrap .company_history {
        position: relative;
        padding-bottom: 10px;
        font-size: 15px; } }
    .contents_wrap .company_history::before {
      content: '';
      display: block;
      width: 2px;
      height: calc(100% - 10px);
      background: #9cc8e6;
      position: absolute;
      left: 7px;
      bottom: 0; }
      @media (min-width: 768px) {
        .contents_wrap .company_history::before {
          content: '';
          display: block;
          width: 2px;
          height: calc(100% - 10px);
          background: #9cc8e6;
          position: absolute;
          left: 90px;
          bottom: 0; } }
    @media (min-width: 768px) {
      .contents_wrap .company_history dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .contents_wrap .company_history .history_date {
      font-size: 24px;
      font-style: italic;
      display: block;
      position: relative;
      color: #1c79b6;
      font-weight: bold;
      width: 100%;
      margin-top: 15px;
      padding-left: 25px;
      padding-bottom: 5px; }
      @media (min-width: 768px) {
        .contents_wrap .company_history .history_date {
          font-size: 24px;
          width: 102px;
          margin-top: 15px;
          padding-left: 0;
          padding-bottom: none; } }
      .contents_wrap .company_history .history_date::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #9cc8e6;
        left: 0;
        top: 4px; }
        @media (min-width: 768px) {
          .contents_wrap .company_history .history_date::before {
            content: '';
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #9cc8e6;
            left: auto;
            right: 0;
            top: 4px; } }
      .contents_wrap .company_history .history_date::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #1c79b6;
        left: 4px;
        top: 8px; }
        @media (min-width: 768px) {
          .contents_wrap .company_history .history_date::after {
            content: '';
            display: inline-block;
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #1c79b6;
            left: auto;
            right: 4px;
            top: 8px; } }
    .contents_wrap .company_history .history_list {
      margin-left: 20px;
      width: calc(100% - 20px);
      border-top: 1px solid #ccc;
      padding-top: 10px; }
      @media (min-width: 768px) {
        .contents_wrap .company_history .history_list {
          margin-left: 20px;
          width: calc(100% - 102px);
          border-top: 1px solid #ccc;
          padding-top: 15px; } }
      .contents_wrap .company_history .history_list ul li {
        zoom: 1;
        margin-top: 10px; }
        .contents_wrap .company_history .history_list ul li::before, .contents_wrap .company_history .history_list ul li::after {
          content: "";
          display: table; }
        .contents_wrap .company_history .history_list ul li::after {
          clear: both; }
        @media (min-width: 768px) {
          .contents_wrap .company_history .history_list ul li {
            zoom: 1;
            margin-top: 10px; }
            .contents_wrap .company_history .history_list ul li::before, .contents_wrap .company_history .history_list ul li::after {
              content: "";
              display: table; }
            .contents_wrap .company_history .history_list ul li::after {
              clear: both; } }
        .contents_wrap .company_history .history_list ul li:first-child {
          margin-top: 0; }
          @media (min-width: 768px) {
            .contents_wrap .company_history .history_list ul li:first-child {
              margin-top: 0; } }
        .contents_wrap .company_history .history_list ul li .history_listDate {
          display: block;
          width: 17%;
          float: left;
          text-align: right;
          padding-right: 5px;
          font-weight: bold; }
          .contents_wrap .company_history .history_list ul li .history_listDate::after {
            content: '：';
            display: inline-block; }
          @media (min-width: 768px) {
            .contents_wrap .company_history .history_list ul li .history_listDate {
              display: block;
              width: 9%;
              float: left;
              text-align: right;
              padding-right: 15px;
              font-weight: 400; }
              .contents_wrap .company_history .history_list ul li .history_listDate::after {
                display: none; } }
        .contents_wrap .company_history .history_list ul li .history_listTxt {
          display: block;
          width: 83%;
          float: left; }
          @media (min-width: 768px) {
            .contents_wrap .company_history .history_list ul li .history_listTxt {
              display: block;
              width: 91%;
              float: left; } }
      .contents_wrap .company_history .history_list ul.use_thumb .history_listTxt {
        display: block;
        width: 83%;
        float: left; }
        @media (min-width: 768px) {
          .contents_wrap .company_history .history_list ul.use_thumb .history_listTxt {
            display: block;
            width: 68%;
            float: left; } }
      .contents_wrap .company_history .history_list ul.use_thumb .history_listImg {
        display: block;
        width: 83%;
        float: right;
        margin-top: 10px; }
        @media (min-width: 768px) {
          .contents_wrap .company_history .history_list ul.use_thumb .history_listImg {
            display: block;
            width: 22%;
            margin-top: 0; } }
        .contents_wrap .company_history .history_list ul.use_thumb .history_listImg img {
          width: 100%;
          border: 1px solid #cdcdcd; }
          .contents_wrap .company_history .history_list ul.use_thumb .history_listImg img:nth-child(n+2) {
            margin-top: 10px; }
            @media (min-width: 768px) {
              .contents_wrap .company_history .history_list ul.use_thumb .history_listImg img:nth-child(n+2) {
                margin-top: 5px; } }
    .contents_wrap .company_history .history_column {
      margin-bottom: 40px; }
      @media (min-width: 768px) {
        .contents_wrap .company_history .history_column {
          margin-bottom: 0; } }
      .contents_wrap .company_history .history_column:first-child .history_date {
        margin-top: 0; }
        @media (min-width: 768px) {
          .contents_wrap .company_history .history_column:first-child .history_date {
            margin-top: 0; } }
      @media (min-width: 768px) {
        .contents_wrap .company_history .history_column:first-child .history_list {
          border-top: none !important;
          padding-top: 0; } }
    .contents_wrap .company_history.en .history_list ul li .history_listDate {
      width: 22%; }
      @media (min-width: 768px) {
        .contents_wrap .company_history.en .history_list ul li .history_listDate {
          width: 9%; } }
    .contents_wrap .company_history.en .history_list ul.use_thumb .history_listTxt {
      width: 77%; }
      @media (min-width: 768px) {
        .contents_wrap .company_history.en .history_list ul.use_thumb .history_listTxt {
          width: 68%; } }
    .contents_wrap .company_history.en .history_list ul li .history_listTxt {
      width: 77%; }
      @media (min-width: 768px) {
        .contents_wrap .company_history.en .history_list ul li .history_listTxt {
          width: 91%; } }
  .contents_wrap .company_movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
  .contents_wrap .company_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; }
  .contents_wrap .company_movientitle {
    text-align: right;
    font-size: 16px;
    margin-top: 10px; }
  @media (min-width: 768px) {
    .contents_wrap .catalog_imglist {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .contents_wrap .catalog_imglist li {
    position: relative;
    width: 100%;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 768px) {
      .contents_wrap .catalog_imglist li {
        width: 50%;
        display: block;
        margin-left: -8px;
        zoom: 1; }
        .contents_wrap .catalog_imglist li::before, .contents_wrap .catalog_imglist li::after {
          content: "";
          display: table; }
        .contents_wrap .catalog_imglist li::after {
          clear: both; } }
    .contents_wrap .catalog_imglist li .catalog_img {
      width: 40%;
      padding-left: 8px;
      padding-right: 8px; }
      @media (min-width: 768px) {
        .contents_wrap .catalog_imglist li .catalog_img {
          float: left; } }
    .contents_wrap .catalog_imglist li .catalog_link {
      width: 60%;
      padding-left: 8px;
      padding-right: 8px; }
      @media (min-width: 768px) {
        .contents_wrap .catalog_imglist li .catalog_link {
          float: left; } }
  .contents_wrap .catalog_imglist .hidden_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
    @media (min-width: 768px) {
      .contents_wrap .catalog_imglist .hidden_link {
        display: block; }
        .contents_wrap .catalog_imglist .hidden_link:hover .marker_link {
          color: #1c79b6 !important;
          cursor: pointer; }
        .contents_wrap .catalog_imglist .hidden_link:hover .marker_hidden::after {
          -webkit-transform-origin: left top !important;
          -ms-transform-origin: left top !important;
          transform-origin: left top !important;
          -webkit-transform: scale(1, 1) !important;
          -ms-transform: scale(1, 1) !important;
          transform: scale(1, 1) !important; }
        .contents_wrap .catalog_imglist .hidden_link:hover .marker_hidden::before {
          will-change: transform;
          -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
          transform: scaleX(1);
          -webkit-transform-origin: left;
          -ms-transform-origin: left;
          transform-origin: left; } }
  .contents_wrap .catalog_txtlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 768px) {
      .contents_wrap .catalog_txtlist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .contents_wrap .catalog_txtlist li {
      width: 100%;
      margin-bottom: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media (min-width: 768px) {
        .contents_wrap .catalog_txtlist li {
          width: 33.3%;
          display: block; } }
  .contents_wrap .ir_txtlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 768px) {
      .contents_wrap .ir_txtlist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .contents_wrap .ir_txtlist li {
      width: 100%;
      margin-bottom: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media (min-width: 768px) {
        .contents_wrap .ir_txtlist li {
          display: block; } }
  @media (min-width: 768px) {
    .fstatement .contents_wrap .ir_txtlist li, .individual .contents_wrap .ir_txtlist li {
      width: 100%;
      width: 50% !important; } }
  .contents_wrap .appearance_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px; }
    @media (min-width: 768px) {
      .contents_wrap .appearance_list {
        margin-left: -15px;
        margin-right: -15px; } }
    .contents_wrap .appearance_list li {
      width: 50%;
      display: block;
      padding-left: 5px;
      padding-right: 5px; }
      .contents_wrap .appearance_list li:nth-child(n+3) {
        margin-top: 15px; }
      @media (min-width: 768px) {
        .contents_wrap .appearance_list li {
          padding-left: 15px;
          padding-right: 15px; }
          .contents_wrap .appearance_list li:nth-child(n+3) {
            margin-top: 20px; } }
      .contents_wrap .appearance_list li figure {
        margin: 0; }
        .contents_wrap .appearance_list li figure img {
          width: 100%;
          border: 1px solid #cdcdcd; }
        .contents_wrap .appearance_list li figure figcaption {
          text-align: right;
          font-size: 12px; }
          @media (min-width: 768px) {
            .contents_wrap .appearance_list li figure figcaption {
              font-size: 14px;
              margin-top: 5px; } }
    @media (min-width: 768px) {
      .contents_wrap .appearance_list.pc_column3 li {
        width: 33.3%; }
        .contents_wrap .appearance_list.pc_column3 li:nth-child(3) {
          margin-top: 0; }
        .contents_wrap .appearance_list.pc_column3 li:nth-child(n+4) {
          margin-top: 15px; } }
  .contents_wrap .faq_block .faq_list {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    @media (min-width: 768px) {
      .contents_wrap .faq_block .faq_list {
        border-left: none;
        border-right: none; } }
    .contents_wrap .faq_block .faq_list .faq_question {
      border-top: 1px solid #ccc;
      text-indent: -.9em;
      padding-left: 2.5em;
      padding-top: 13px;
      padding-bottom: 17px;
      padding-right: 40px;
      position: relative;
      -webkit-transition: all .25s;
      -o-transition: all .25s;
      transition: all .25s;
      line-height: 1.5em; }
      @media (min-width: 768px) {
        .contents_wrap .faq_block .faq_list .faq_question {
          text-indent: -1.2em;
          padding-left: 3em;
          padding-top: 15px;
          padding-bottom: 19px; } }
      .contents_wrap .faq_block .faq_list .faq_question::before {
        font-family: 'Lato', sans-serif;
        content: 'Q.';
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        color: #949494;
        padding-right: 10px; }
        @media (min-width: 768px) {
          .contents_wrap .faq_block .faq_list .faq_question::before {
            font-size: 24px;
            padding-right: 15px; } }
      .contents_wrap .faq_block .faq_list .faq_question::after {
        font-family: FontAwesome;
        content: '\f067';
        display: inline-block;
        color: #1c79b6;
        position: absolute;
        right: 8px;
        font-size: 16px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
      .contents_wrap .faq_block .faq_list .faq_question.open {
        background: #f2f2f2; }
        .contents_wrap .faq_block .faq_list .faq_question.open::after {
          content: '\f068'; }
      @media (min-width: 768px) {
        .contents_wrap .faq_block .faq_list .faq_question:hover {
          background: #f2f2f2;
          cursor: pointer; } }
    .contents_wrap .faq_block .faq_list .faq_answer {
      display: none;
      border-top: 1px dotted #ddd;
      text-indent: -1em;
      padding-left: 2.8em;
      padding-top: 13px;
      padding-bottom: 17px;
      padding-right: 10px;
      font-size: 15px;
      color: #1c79b6; }
      @media (min-width: 768px) {
        .contents_wrap .faq_block .faq_list .faq_answer {
          text-indent: -1.2em;
          padding-left: 3.2em;
          padding-top: 15px;
          padding-bottom: 19px;
          padding-right: 40px; } }
      .contents_wrap .faq_block .faq_list .faq_answer::before {
        font-family: 'Lato', sans-serif;
        content: 'A.';
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        color: #1c79b6;
        padding-right: 12px; }
        @media (min-width: 768px) {
          .contents_wrap .faq_block .faq_list .faq_answer::before {
            font-size: 24px;
            padding-right: 15px; } }
      .contents_wrap .faq_block .faq_list .faq_answer a {
        text-decoration: underline;
        color: #777; }
        @media (min-width: 768px) {
          .contents_wrap .faq_block .faq_list .faq_answer a:hover {
            text-decoration: none; } }
  .contents_wrap .common_figure {
    margin: 0;
    text-align: left;
    margin-bottom: 20px; }
    .contents_wrap .common_figure figcaption {
      text-align: right;
      font-size: 12px; }
  .contents_wrap .column2_table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .contents_wrap .column2_table {
        margin-left: -15px;
        margin-right: -15px; } }
    .contents_wrap .column2_table .column2_tablelist {
      width: 100%;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .contents_wrap .column2_table .column2_tablelist {
          width: 50%;
          padding-left: 15px;
          padding-right: 15px; } }
      .contents_wrap .column2_table .column2_tablelist:last-child {
        margin-bottom: 0; }
  .contents_wrap .common_note {
    font-size: 14px !important;
    color: #666;
    line-height: 1.5em; }
    .contents_wrap .common_note li {
      text-indent: -1em;
      padding-left: 1.2em;
      padding-top: 5px; }
  .contents_wrap ul.common_note {
    margin-top: -15px; }
  .contents_wrap .productnormal_table {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    font-size: 15px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333; }
    @media (min-width: 768px) {
      .contents_wrap .productnormal_table {
        text-align: center;
        display: table; } }
    .contents_wrap .productnormal_table tr {
      width: 100%;
      display: inline-block; }
      @media (min-width: 768px) {
        .contents_wrap .productnormal_table tr {
          display: table; } }
      .contents_wrap .productnormal_table tr th {
        background: #eae4d1;
        display: block;
        width: 100%;
        padding: 5px 10px;
        border-bottom: 1px solid #333; }
        @media (min-width: 768px) {
          .contents_wrap .productnormal_table tr th {
            display: table-cell;
            width: 15%;
            border-right: 1px solid #333;
            padding: 5px 0; } }
      .contents_wrap .productnormal_table tr td {
        width: 100%;
        display: block;
        background: #f5f2e9;
        padding: 5px 10px;
        border-bottom: 1px solid #333; }
        @media (min-width: 768px) {
          .contents_wrap .productnormal_table tr td {
            display: table-cell;
            padding: 5px 0; } }
  .contents_wrap .product_txtlink {
    color: #1c79b6;
    text-decoration: underline; }
    @media (min-width: 768px) {
      .contents_wrap .product_txtlink:hover {
        text-decoration: none; } }
  .contents_wrap .note_txt {
    color: #ff9b1a;
    padding-bottom: 0px !important;
    font-weight: 700; }
  .contents_wrap .recruit_txt {
    margin-top: 20px; }
  .contents_wrap .news_nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-left: 1px solid #1c79b6; }
    .contents_wrap .news_nav ul li {
      border-collapse: collapse;
      width: 50%;
      text-align: center;
      border-top: 1px solid #1c79b6;
      border-bottom: 1px solid #1c79b6;
      border-right: 1px solid #1c79b6; }
      .contents_wrap .news_nav ul li:nth-child(n+3) {
        border-top: none; }
      @media (min-width: 768px) {
        .contents_wrap .news_nav ul li {
          width: 12.5%; }
          .contents_wrap .news_nav ul li:nth-child(n+3) {
            border-top: 1px solid #1c79b6; }
          .contents_wrap .news_nav ul li:nth-child(n+9) {
            border-top: none; } }
      .contents_wrap .news_nav ul li a {
        color: #333;
        display: block;
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 14px; }
        .contents_wrap .news_nav ul li a:before {
          font-family: FontAwesome;
          content: '\f0da';
          display: inline-block;
          color: #1c79b6;
          padding-right: 5px; }
      .contents_wrap .news_nav ul li.active a {
        color: #fff;
        background: #1c79b6; }
        .contents_wrap .news_nav ul li.active a:before {
          color: #fff; }
      @media (min-width: 768px) {
        .contents_wrap .news_nav ul li a {
          -webkit-transition: all .15s;
          -o-transition: all .15s;
          transition: all .15s; }
          .contents_wrap .news_nav ul li a:hover {
            color: #fff;
            background: #1c79b6; }
            .contents_wrap .news_nav ul li a:hover:before {
              color: #fff; } }
  .contents_wrap .news_tabbox .news_box {
    display: none; }
    .contents_wrap .news_tabbox .news_box.active {
      display: block; }
    .contents_wrap .news_tabbox .news_box > div {
      margin-top: 30px; }
  .contents_wrap .news_list {
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .contents_wrap .news_list {
        padding-left: 0;
        padding-right: 0; } }
    .contents_wrap .news_list li {
      zoom: 1;
      padding-top: 8px;
      padding-bottom: 8px;
      border-bottom: 1px dotted #ccc; }
      .contents_wrap .news_list li::before, .contents_wrap .news_list li::after {
        content: "";
        display: table; }
      .contents_wrap .news_list li::after {
        clear: both; }
      .contents_wrap .news_list li a {
        color: #204861;
        font-size: 14px;
        display: inline-block; }
        @media (min-width: 768px) {
          .contents_wrap .news_list li a {
            font-size: 15px; }
            .contents_wrap .news_list li a:hover {
              text-decoration: underline; } }
        .contents_wrap .news_list li a.pdf::after {
          content: '';
          display: inline-block;
          width: 16px;
          height: 16px;
          background-image: url("../images/icon_pdf.png");
          background-size: contain;
          vertical-align: text-top;
          margin-left: 5px; }
      .contents_wrap .news_list li:first-child {
        padding-top: 0; }
      .contents_wrap .news_list li .news_date {
        font-size: 14px;
        width: 100%; }
        @media (min-width: 768px) {
          .contents_wrap .news_list li .news_date {
            display: block;
            width: 12%;
            float: left;
            line-height: 1.7em; } }
      .contents_wrap .news_list li .news_txt {
        width: 100%; }
        @media (min-width: 768px) {
          .contents_wrap .news_list li .news_txt {
            display: block;
            width: 88%;
            float: left; } }
  .contents_wrap .article_announcement {
    font-weight: 700;
    color: #666;
    font-size: 15px !important;
    padding-bottom: 5px !important;
    text-align: right; }
    @media (min-width: 768px) {
      .contents_wrap .article_announcement {
        text-align: left;
        font-size: 17px !important;
        padding-bottom: 10px !important; } }
  .contents_wrap .article_txtright {
    font-weight: 700;
    text-align: right;
    color: #949494; }
  .contents_wrap .article_alert {
    color: #ea3c3c; }
  .contents_wrap .article_table {
    border: 1px solid #cdcdcd;
    max-width: 750px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px; }
    .contents_wrap .article_table tr th {
      border: 1px solid #cdcdcd;
      width: 50%;
      padding: 10px;
      background: #f2f2f2; }
    .contents_wrap .article_table tr td {
      border: 1px solid #cdcdcd;
      width: 50%;
      padding: 10px; }
  .contents_wrap .article_table02 {
    border: 1px solid #cdcdcd;
    max-width: 750px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px; }
    .contents_wrap .article_table02 tr th {
      display: block;
      width: 100%;
      background: #f2f2f2;
      text-align: left;
      padding: 10px;
      border-top: 1px solid #cdcdcd; }
      @media (min-width: 768px) {
        .contents_wrap .article_table02 tr th {
          display: table-cell;
          width: 25%;
          border: 1px solid #cdcdcd;
          padding: 10px 15px 10px 10px;
          text-align: right; } }
    .contents_wrap .article_table02 tr:first-child th {
      border-top: none; }
    .contents_wrap .article_table02 tr td {
      display: block;
      width: 100%;
      padding: 10px;
      text-align: left;
      border-top: 1px solid #cdcdcd; }
      @media (min-width: 768px) {
        .contents_wrap .article_table02 tr td {
          display: table-cell;
          border: 1px solid #cdcdcd;
          width: 75%;
          padding: 10px 10px 10px 15px; } }
  .contents_wrap .article_table03 {
    max-width: 750px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px; }
    .contents_wrap .article_table03 tr {
      border-bottom: 1px solid #cdcdcd; }
      .contents_wrap .article_table03 tr th {
        width: 33.3%;
        background: #f2f2f2;
        text-align: center;
        padding: 10px;
        border-top: 1px solid #cdcdcd;
        display: none; }
        @media (min-width: 768px) {
          .contents_wrap .article_table03 tr th {
            display: table-cell;
            width: 33.3%;
            border: 1px solid #cdcdcd;
            padding: 10px 15px 10px 10px; } }
      .contents_wrap .article_table03 tr td {
        padding: 10px;
        text-align: center;
        border-right: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        display: block; }
        @media (min-width: 768px) {
          .contents_wrap .article_table03 tr td {
            display: table-cell;
            border: 1px solid #cdcdcd;
            width: 33.3%;
            padding: 10px 10px 10px 15px; } }
        .contents_wrap .article_table03 tr td::before {
          content: attr(data-label);
          float: left;
          font-weight: bold; }
          @media (min-width: 768px) {
            .contents_wrap .article_table03 tr td::before {
              display: none; } }
      .contents_wrap .article_table03 tr:first-child {
        border-top: 1px solid #fff; }
        .contents_wrap .article_table03 tr:first-child td {
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;
          border-left: 1px solid #fff; }
  .contents_wrap .article_emphasis {
    max-width: 750px;
    width: 100%;
    border: 1px solid #cdcdcd;
    padding: 20px;
    background: #f2f2f2;
    margin-bottom: 20px; }
    .contents_wrap .article_emphasis span {
      display: block;
      font-weight: bold;
      margin-bottom: 10px; }
  .contents_wrap .article_dl {
    font-size: 15px;
    margin: 0;
    margin-bottom: 20px; }
    .contents_wrap .article_dl dt {
      font-weight: bold;
      color: #666; }
      .contents_wrap .article_dl dt::before {
        content: '-';
        display: inline-block;
        color: #1c79b6; }
  .contents_wrap .article_note {
    font-size: 13px;
    display: block;
    color: #666; }
  .contents_wrap .article_imgcolmun {
    zoom: 1; }
    .contents_wrap .article_imgcolmun::before, .contents_wrap .article_imgcolmun::after {
      content: "";
      display: table; }
    .contents_wrap .article_imgcolmun::after {
      clear: both; }
    @media (min-width: 768px) {
      .contents_wrap .article_imgcolmun {
        margin-left: -15px;
        margin-right: -15px; } }
    .contents_wrap .article_imgcolmun .article_imgcolmuleft {
      width: 100%; }
      @media (min-width: 768px) {
        .contents_wrap .article_imgcolmun .article_imgcolmuleft {
          float: left;
          width: 66.6%;
          padding-left: 15px;
          padding-right: 15px; } }
      .contents_wrap .article_imgcolmun .article_imgcolmuleft._vertical {
        width: 100%; }
        @media (min-width: 768px) {
          .contents_wrap .article_imgcolmun .article_imgcolmuleft._vertical {
            width: 75%; } }
    .contents_wrap .article_imgcolmun .article_imgcolmuright {
      width: 100%;
      margin-top: 15px; }
      @media (min-width: 768px) {
        .contents_wrap .article_imgcolmun .article_imgcolmuright {
          float: right;
          width: 33.3%;
          margin-top: 0;
          padding-left: 15px;
          padding-right: 15px; } }
      .contents_wrap .article_imgcolmun .article_imgcolmuright img {
        border: 1px solid #cdcdcd; }
      .contents_wrap .article_imgcolmun .article_imgcolmuright._vertical {
        width: 70%; }
        @media (min-width: 768px) {
          .contents_wrap .article_imgcolmun .article_imgcolmuright._vertical {
            width: 25%; } }
  .contents_wrap .article_date {
    font-family: 'Lato', sans-serif;
    padding-bottom: 20px !important;
    color: #1c79b6; }
  .contents_wrap .sidebar_block {
    width: 100%; }
    @media (min-width: 768px) {
      .contents_wrap .sidebar_block {
        width: 25%;
        float: right;
        padding-left: 15px; } }
    .contents_wrap .sidebar_block .sidebar_list {
      border-top: 4px solid #9dcae8;
      border-bottom: 1px solid #ccc; }
      .contents_wrap .sidebar_block .sidebar_list li .sidebar_accordion {
        padding: 0;
        border-top: none;
        display: none; }
      .contents_wrap .sidebar_block .sidebar_list li a {
        border-top: 1px solid #ccc;
        display: block;
        font-size: 13px;
        color: #333;
        padding: 14px 10px;
        position: relative; }
        @media (min-width: 768px) {
          .contents_wrap .sidebar_block .sidebar_list li a {
            font-size: 14px;
            -webkit-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s; } }
        .contents_wrap .sidebar_block .sidebar_list li a::before {
          font-family: FontAwesome;
          content: '\f0da';
          display: inline-block;
          color: #1c79b6;
          position: absolute;
          right: 10px;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          font-size: 16px; }
        .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer01 {
          border-top: none;
          background: #1c79b6;
          color: #fff;
          font-weight: 700;
          -webkit-transform: perspective(1px) translateZ(0);
          transform: perspective(1px) translateZ(0);
          position: relative;
          -webkit-transition-property: color background-color;
          -o-transition-property: color background-color;
          transition-property: color background-color; }
          .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer01::before {
            display: none; }
          .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer01::after {
            font-family: FontAwesome;
            content: '\f0da';
            display: inline-block;
            color: #fff;
            right: 10px;
            font-size: 16px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            -webkit-transition: all .25s;
            -o-transition: all .25s;
            transition: all .25s;
            position: absolute;
            right: 10px;
            opacity: 0; }
            @media (min-width: 768px) {
              .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer01::after {
                right: 20px;
                opacity: 0; } }
          @media (min-width: 768px) {
            .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer01:hover::after {
              right: 10px;
              opacity: 1; } }
        .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer02 {
          padding: 14px 15px 14px 13px;
          background: #f2f2f2;
          color: #1c79b6; }
          @media (min-width: 768px) {
            .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer02:hover {
              background: #ddd; } }
          .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer02.current {
            color: #1c79b6;
            background: #ddd; }
        .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer03 {
          border-top: 1px dotted #ccc;
          padding: 14px 15px 14px 16px; }
          @media (min-width: 768px) {
            .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer03 {
              padding: 14px 15px 14px 20px; }
              .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer03:hover {
                color: #1c79b6;
                background: #f2f2f2; } }
        .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer04 {
          color: #949494;
          border-top: 1px dotted #ccc;
          padding: 14px 15px 14px 19px; }
          @media (min-width: 768px) {
            .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer04 {
              padding: 14px 15px 14px 25px; }
              .contents_wrap .sidebar_block .sidebar_list li a.sidebar_layer04:hover {
                color: #1c79b6;
                background: #f2f2f2; } }
        .contents_wrap .sidebar_block .sidebar_list li a.sidebar_accordion ul li a {
          border-top: 1px dashed #ccc; }
        .contents_wrap .sidebar_block .sidebar_list li a.sidebar_accordion ul li:first-child a {
          border-top: 1px solid #ccc; }
        .contents_wrap .sidebar_block .sidebar_list li a.current {
          color: #1c79b6;
          background: #f2f2f2; }
      .contents_wrap .sidebar_block .sidebar_list li .toggle_block .toggle_btn::before {
        font-family: FontAwesome;
        content: '\f067';
        display: inline-block;
        color: #1c79b6;
        position: absolute;
        right: 8px;
        font-size: 12px; }
      .contents_wrap .sidebar_block .sidebar_list li .toggle_block.open .toggle_btn::before {
        font-family: FontAwesome;
        content: '\f068';
        display: inline-block;
        color: #1c79b6;
        position: absolute;
        right: 8px;
        font-size: 12px; }

#modal_content {
  width: 96%;
  margin: 0;
  padding: 15px;
  border: 1px solid #aaa;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 4; }
  @media (min-width: 768px) {
    #modal_content {
      max-width: 600px;
      width: 100%;
      padding: 20px; } }
  #modal_content .formula {
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    color: #1c79b6;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      #modal_content .formula {
        font-size: 52px; } }
  #modal_content .formula_note {
    margin-bottom: 10px;
    font-size: 12px;
    color: #777;
    text-align: center; }
    #modal_content .formula_note span {
      font-weight: 700;
      color: #1c79b6; }
    @media (min-width: 768px) {
      #modal_content .formula_note {
        font-size: 13px; }
        #modal_content .formula_note br {
          display: none; } }
  #modal_content .common_table {
    text-align: center; }
    #modal_content .common_table tr {
      font-size: 12px;
      border-bottom: 1px dotted #cdcdcd; }
      @media (min-width: 768px) {
        #modal_content .common_table tr {
          font-size: 15px; } }
      #modal_content .common_table tr th {
        display: table-cell;
        width: 50%;
        text-align: center;
        padding: 6px 5px;
        background-color: #f2f2f2;
        line-height: 1.5em;
        height: 32px; }
        #modal_content .common_table tr th:first-child {
          border-right: 1px dotted #cdcdcd; }
        @media (min-width: 768px) {
          #modal_content .common_table tr th {
            padding: 10px 0;
            height: auto; } }
      #modal_content .common_table tr td {
        display: table-cell;
        width: 50%;
        padding: 6px 5px; }
        #modal_content .common_table tr td:first-child {
          border-right: 1px dotted #cdcdcd; }
        @media (min-width: 768px) {
          #modal_content .common_table tr td {
            padding: 10px 0; } }

#modal_overlay {
  z-index: 3;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); }

.button_link {
  text-align: center;
  margin-top: 10px; }
  .button_link a {
    color: #fff;
    background: #1c79b6;
    padding: 10px 50px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid #1c79b6; }
    .button_link a:hover {
      cursor: pointer;
      color: #1c79b6;
      background: #fff; }

/* 咨询 */
.contact_txt {
  text-align: left;
  margin-bottom: 30px;
  line-height: 1.7em;
  font-size: 15px; }
  @media (min-width: 768px) {
    .contact_txt {
      padding-top: 10px;
      margin-bottom: 40px;
      text-align: center; } }

.screen-reader-response {
  display: none; }

.wpcf7-not-valid-tip {
  color: #ea3c3c;
  display: block;
  font-weight: bold;
  margin-top: 4px; }

.wpcf7-text {
  padding: 7px 10px;
  border-radius: 4px;
  border: none;
  border: 1px solid #ccc;
  max-width: 240px;
  text-align: left; }

.your-company-name .wpcf7-text, .your-company-section .wpcf7-text, .your-email .wpcf7-text, .your-address .wpcf7-text {
  max-width: 100%;
  width: 100%; }

.your-zip .wpcf7-text {
  max-width: 142px; }

.your-age .wpcf7-text {
  max-width: 80px; }

.wpcf7-textarea {
  padding: 7px 10px;
  border-radius: 4px;
  border: none;
  border: 1px solid #ccc;
  width: 100%; }

.wpcf7-validates-as-required.wpcf7-not-valid {
  border: 1px solid #ea3c3c;
  background: #ffe7e7; }

.wpcf7-list-item-label {
  display: inline-block;
  padding-left: 6px; }

.wpcf7-list-item.last {
  padding-left: 16px; }

.wpcf7-submit {
  border: none;
  background: #1c79b6;
  border: 1px solid #1c79b6;
  color: #fff;
  padding: 12px 80px;
  font-weight: bold;
  border-radius: 4px;
  text-align: center;
  margin-top: 30px;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  .wpcf7-submit:hover {
    color: #1c79b6;
    background: #fff; }

.wpcf7-form {
  text-align: center; }

.form-caption {
  display: block; }

.wpcf7-validation-errors {
  width: calc(100% - 20px);
  margin-right: auto;
  margin-left: auto;
  background: #ffe7e7;
  padding: 20px 10px;
  color: #ea3c3c;
  font-weight: bold;
  margin-top: 40px;
  font-size: 15px; }
  @media (min-width: 768px) {
    .wpcf7-validation-errors {
      max-width: 500px;
      width: 100%; } }

.wpcf7-mail-sent-ok {
  width: calc(100% - 20px);
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #1c79b6;
  padding: 20px 10px;
  color: #1c79b6;
  font-weight: bold;
  margin-top: 40px;
  font-size: 15px; }
  @media (min-width: 768px) {
    .wpcf7-mail-sent-ok {
      max-width: 500px;
      width: 100%; } }

.contact_table {
  width: 100%;
  padding: 0 10px;
  font-size: 15px;
  text-align: left; }
  @media (min-width: 768px) {
    .contact_table {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      border: none;
      border-top: 1px solid #cdcdcd;
      border-bottom: 1px solid #cdcdcd; } }
  .contact_table dt {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-top: 1px dotted #cdcdcd;
    display: block;
    width: 100%;
    text-align: right;
    background-color: #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left; }
    .contact_table dt:nth-child(1) {
      border-top: 1px solid #cdcdcd; }
    @media (min-width: 768px) {
      .contact_table dt {
        border-left: none;
        border-right: none; }
        .contact_table dt:nth-child(1) {
          border-top: none; } }
    .contact_table dt label {
      text-align: right;
      margin-left: auto;
      font-weight: 700; }
    .contact_table dt .required {
      color: #ea3c3c; }
    @media (min-width: 768px) {
      .contact_table dt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 33.3%;
        text-align: right;
        padding-left: 0;
        padding-right: 15px; } }
  .contact_table dd {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-top: 1px dotted #cdcdcd;
    display: block;
    width: 100%;
    padding: 10px; }
    .contact_table dd:last-child {
      border-bottom: 1px solid #cdcdcd; }
    @media (min-width: 768px) {
      .contact_table dd {
        border-left: none;
        border-right: none;
        width: 66.6%;
        padding-left: 15px; }
        .contact_table dd:nth-child(2) {
          border-top: none; }
        .contact_table dd:last-child {
          border-bottom: none; } }

form.sent .contact_table {
  display: none !important; }

form.sent .wpcf7-form-control.wpcf7-submit {
  display: none !important; }

/* 错误页面 */
.error_txt {
  padding: 20px 0 40px;
  text-align: center; }
  @media (min-width: 768px) {
    .error_txt {
      padding: 30px 0 50px; } }
  .error_txt span {
    display: block;
    margin-top: 20px; }

/* 余白 */
.pb0 {
  padding-bottom: 0 !important; }

.pb10 {
  padding-bottom: 10px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mt20 {
  margin-top: 20px !important; }

.cf {
  zoom: 1; }
  .cf::before, .cf::after {
    content: "";
    display: table; }
  .cf::after {
    clear: both; }

/* 产品详细情况 */
.product_detail_photoblock01 {
  zoom: 1; }
  .product_detail_photoblock01::before, .product_detail_photoblock01::after {
    content: "";
    display: table; }
  .product_detail_photoblock01::after {
    clear: both; }
  @media (min-width: 600px) {
    .product_detail_photoblock01 {
      width: 600px; } }
  .product_detail_photoblock01 .left {
    float: left;
    width: 48%;
    padding-bottom: 0 !important; }
  .product_detail_photoblock01 .right {
    float: right;
    width: 48%;
    padding-bottom: 0 !important; }
  .product_detail_photoblock01 p {
    border: 1px solid #cdcdcd; }
  .product_detail_photoblock01 figure {
    margin: 0; }
  .product_detail_photoblock01 figcaption {
    font-size: 12px;
    text-align: right;
    margin-top: 5px; }
    @media (min-width: 768px) {
      .product_detail_photoblock01 figcaption {
        font-size: 14px; } }

.common_column2 {
  zoom: 1; }
  .common_column2::before, .common_column2::after {
    content: "";
    display: table; }
  .common_column2::after {
    clear: both; }
  @media (min-width: 768px) {
    .common_column2 .common_column2left {
      width: 70%;
      float: left; } }
  .common_column2 .common_column2right {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .common_column2 .common_column2right {
        width: 28%;
        float: right;
        margin-top: 0; } }
    .common_column2 .common_column2right img {
      width: 60%; }
      @media (min-width: 768px) {
        .common_column2 .common_column2right img {
          width: 100%; } }

.longrack_list {
  font-size: 16px; }
  .longrack_list li::before {
    content: '';
    background-color: #9dcae8;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    font-size: 10px;
    display: inline-block;
    margin-right: 10px; }

.sitemap .h2_sitemap {
  padding-bottom: 10px;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px solid #aaa;
  position: relative;
  margin-bottom: 20px;
  font-size: 22px; }
  .sitemap .h2_sitemap::after {
    content: "";
    display: block;
    width: 33.3%;
    border-bottom: 3px solid #1c79b6;
    position: absolute;
    bottom: 0;
    margin-bottom: -2px; }
    @media (min-width: 768px) {
      .sitemap .h2_sitemap::after {
        width: 20%; } }
  .sitemap .h2_sitemap::before {
    font-family: FontAwesome;
    content: '\f0da';
    color: #1c79b6;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 8px; }
  .sitemap .h2_sitemap.nonlink::before {
    display: none; }
  .sitemap .h2_sitemap a {
    color: #333;
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s; }
    @media (min-width: 768px) {
      .sitemap .h2_sitemap a:hover {
        color: #1c79b6; } }

.sitemap .sitemap_layer01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 15px;
  margin-left: -10px;
  margin-right: -10px;
  line-height: 1.5em; }
  .sitemap .sitemap_layer01 > li {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .sitemap .sitemap_layer01 > li {
        width: 25%; } }
    .sitemap .sitemap_layer01 > li::before {
      font-family: FontAwesome;
      content: '\f0da';
      color: #1c79b6;
      display: inline-block;
      vertical-align: top;
      font-size: 16px;
      padding-right: 8px;
      position: absolute; }
    .sitemap .sitemap_layer01 > li > a {
      padding-left: 12px; }
    .sitemap .sitemap_layer01 > li.nonlink::before {
      display: none; }
    .sitemap .sitemap_layer01 > li.nonlink .sitemap_layer01_another > li {
      margin-bottom: 20px;
      position: relative; }
      .sitemap .sitemap_layer01 > li.nonlink .sitemap_layer01_another > li::before {
        font-family: FontAwesome;
        content: '\f0da';
        color: #1c79b6;
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        padding-right: 8px;
        position: absolute; }
      .sitemap .sitemap_layer01 > li.nonlink .sitemap_layer01_another > li > a {
        padding-left: 12px; }
  .sitemap .sitemap_layer01 a {
    color: #333; }
  .sitemap .sitemap_layer01 .sitemap_layer02 {
    margin-top: 16px; }
    @media (min-width: 768px) {
      .sitemap .sitemap_layer01 .sitemap_layer02 {
        margin-top: 8px; } }
    .sitemap .sitemap_layer01 .sitemap_layer02 > li {
      font-size: 14px;
      margin-left: .7em;
      margin-bottom: 15px;
      position: relative; }
      @media (min-width: 768px) {
        .sitemap .sitemap_layer01 .sitemap_layer02 > li {
          margin-left: 1em;
          margin-bottom: 8px; } }
      .sitemap .sitemap_layer01 .sitemap_layer02 > li::before {
        font-family: FontAwesome;
        content: '\f105';
        color: #1c79b6;
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        padding-right: 8px;
        position: absolute; }
      .sitemap .sitemap_layer01 .sitemap_layer02 > li > a {
        color: #555;
        padding-left: 12px; }
    .sitemap .sitemap_layer01 .sitemap_layer02 .sitemap_layer03 {
      margin-top: 15px;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .sitemap .sitemap_layer01 .sitemap_layer02 .sitemap_layer03 {
          margin-top: 5px; } }
      .sitemap .sitemap_layer01 .sitemap_layer02 .sitemap_layer03 > li {
        font-size: 14px;
        margin-left: .5em;
        margin-bottom: 15px;
        position: relative; }
        @media (min-width: 768px) {
          .sitemap .sitemap_layer01 .sitemap_layer02 .sitemap_layer03 > li {
            margin-left: 1em;
            margin-bottom: 5px; } }
        .sitemap .sitemap_layer01 .sitemap_layer02 .sitemap_layer03 > li::before {
          content: '-';
          color: #ccc;
          margin-right: .5em;
          position: absolute; }
        .sitemap .sitemap_layer01 .sitemap_layer02 .sitemap_layer03 > li > a {
          color: #777;
          padding-left: 12px; }
  .sitemap .sitemap_layer01 br {
    display: none; }
    @media (min-width: 768px) {
      .sitemap .sitemap_layer01 br {
        display: inline; } }