/* -------------------------------------------------------
SUB Layout
---------------------------------------------------------- */

/* for SmartPhone
---------------------------------------------------------- */
@media only screen and (max-width:1023px){
   /* header */
  .header_intro {
    padding: 3px 8px;
    font-size: 10px;
    line-height: 1.2;
  }
  .header_block {
    min-height: 60px;
  }
  .header_block header {
    display: inline-block;
    padding: 8px 0 0;
    vertical-align: middle;
  }
  .header_block h1 {
    display: inline;
  }
  .header_block h1 img {
    height: 50px;
  }




  /* コンテンツページ共通
  ------------------------------------------------- */
  .page_title {
    position: relative;
    width: 100%;
    height: 240px;
  }

  .page_title .pt {
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 160%;
    font-weight: bold;
    text-align: center;
  }
  .page_title .pt span {
    display: block;
    margin-top: 8px;
    font-size: 10px;
    font-weight: normal;
  }


  .category_link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .category_link ul {
    letter-spacing: -0.4em;
    text-align: center;
  }

  .category_link ul li {
    letter-spacing: normal;
    display: inline-block;
    border-right: 1px solid #ddd;
  }
  .category_link ul li:last-child {
    border: none;
  }
  .category_link ul li a {
    display: block;
    padding: 1em;
    background: #eee;
    color: #333;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
  }
  .category_link ul.prd li a {
    font-size: 10px;
  }
  .category_link ul li.now a {
    background: #fff;
  }
  .category_link ul li a:hover {
    background: #174a89;
    color: #fff;
    transition: all .5s;
  }
  .category_link ul li a span {
    display: block;
  }
  .category_link ul li a i {
    display: none;
  }

  /* page_path */
  .page_path {
    padding: 12px;
  }
  .page_path ul {
    letter-spacing: -0.4em;
  }
  .page_path li {
    letter-spacing: normal;
    display: inline-block;
    color: #fff;
    font-size: 12px;
  }
  .page_path li:after {
    content: "\f105";
    font-family: "FontAwesome";
    margin: 0 8px;
  }
  .page_path li:last-child:after {
    content: "";
  }
  .page_path li a {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
  }
  .page_path li a:hover {
    border-bottom: none;
  }
  .page_path li.dark,
  .page_path li.dark a {
    color: #333 !important;
    text-shadow: 0 0 2px rgba(255,255,255,0.5);
  }
  .page_path li.dark a {
    border-bottom: 1px solid #333;
  }


  /* contents_body */
  .contents_body {
    padding: 40px 0;
  }

  .inner {
    padding: 0 16px;
  }
  .inner-min {
    padding: 0 16px;
  }
  .inner-mid {
    padding: 0 16px;
  }

  .section_title {
    margin: 0 0 32px;
    text-align: center;
  }
  .section_title h2 {
    position: relative;
    display: inline-block;
    padding: 0 48px;
    color: #111;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
  }
  .section_title h2:before,
  .section_title h2:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 32px;
    height: 1px;
    background-color: #ccc;
  }

  .section_title h2:before {left:0;}
  .section_title h2:after {right: 0;}

  .st_h {
    margin: .5em 0 0;
    font-size: 80%;
  }

  .contents_body p {
    line-height: 2.0;
  }

  .bgg1 {
    background: #f7f7f7;
  }

  .bg_g1 {
    background: -webkit-linear-gradient(top, #f7f6ea 0%, #fff 10%);
    background: -moz-linear-gradient(top, #f7f6ea 0%, #fff 10%);
    background: -o-linear-gradient(top, #f7f6ea 0%, #fff 10%);
    background: -ms-linear-gradient(top, #f7f6ea 0%, #fff 10%);
    background: linear-gradient(to bottom, #f7f6ea 0%, #fff 10%);
  }

  .bg_img1 {
    background: url(../images/sub_bg1.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
  }
  .bg_img2 {
    background: url(../images/youkou_btn_bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
  }




  /* 各カテゴリー　タイトル背景 */
  /* 会社概要 */
  /*
  .p_t_a_profile {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg.jpg);
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-position: left top, center;
  }*/
  .p_t_a_profile {
    background-image: url(../images/pt_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  /* 業績ハイライト */
  .p_t_a_investment {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_investment.jpg);
    background-repeat: repeat, no-repeat;
    background-position: left top, center;
  }
  /* お知らせ */
  .p_t_a_news {
    background-image: url(../images/pt_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  /* 製品情報-液晶パネル　タイトル背景 */

  .p_t_a_pro1 {
    background-image: url(../images/pt_bg_products1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  /* 製品情報-電子回路基板　タイトル背景 */
  .p_t_a_pro2 {
    background-image: url(../images/pt_bg_products2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  /* 製品情報-電子回路基板　タイトル背景 */
  .p_t_a_pro3 {
    background-image: url(../images/pt_bg_products3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  /* 製品情報タイトル　網掛け
  .p_t_a_pro1 {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_products1.jpg);
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-position: left top, center;
  }
  .p_t_a_pro2 {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_products2.jpg);
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-position: left top, center;
  }
  .p_t_a_pro3 {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_products3.jpg);
    background-repeat: repeat, no-repeat;
    background-position: left top, center;
  }
  */

  /* 製品情報-製品技術　タイトル背景 */
  .p_t_a_tech {
    background-image: url(../images/pt_bg_tech.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  /* 採用情報TOP　タイトル背景 */
  .p_t_a_recruit {
    background-image: url(../images/pt_bg_recruit4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
  }
  .p_t_a_recruit2 {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_recruit3.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: left top, center top;
  }
  .p_t_a_recruit_re {
    background-image: url(../images/pt_bg_recruit5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
  }

   /* detail
  ------------------------------------------------- */
  
  /* 製品情報 */
  .product_block {}
  .product_block h2 span {
    display: block;
    margin-top: 8px;
    font-size: 14px;
  }

  .product_list {
    letter-spacing: -0.4em;
    text-align: center;
  }
  .product_list li {
    display: inline-block;
    letter-spacing: normal;
    box-sizing: border-box;
    width: 50%;
    margin: 0 0 40px;
    padding: 0 16px;
    /*vertical-align: top;*/
  }
  .product_list li a {
    color: #222;
  }
  .product_list li a:hover {
    color: #1a428c;
  }
  .product_list li img {
    width: 100%;
    height: auto;
    max-width: 280px;
    max-height: 300px;
    margin: 0 auto 16px;
  }
  .product_list li img:hover {}

  .product_list li h3 {
    margin: 0 0 8px;
    font-size: 120%;
    font-weight: bold;
  }
  .product_list li p {
    font-size: 80%;
    line-height: 1.6;
  }


 .product_list2 {
    letter-spacing: -0.4em;
    text-align: center;
  }
  .product_list2 li {
    display: inline-block;
    letter-spacing: normal;
    box-sizing: border-box;
    margin: 0 0 40px;
    padding: 0 16px;
    /*vertical-align: top;*/
  }
  .product_list2 li a {
    color: #222;
  }
  .product_list2 li a:hover {
    color: #1a428c;
  }
  .product_list2 li img {
    width: 100%;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    margin: 0 auto 16px;
  }
  .product_list2 li img:hover {}

  .product_list2 li h3 {
    margin: 0 0 8px;
    font-size: 100%;
    font-weight: bold;
  }
  .product_list2 li p {
    font-size: 80%;
    line-height: 1.6;
  }

  
  /* テーブル スクロール処理 */
  .gaiyou_table::-webkit-scrollbar,
  .enkaku_table::-webkit-scrollbar,
  .group_table::-webkit-scrollbar,
  .data_table::-webkit-scrollbar,
  .news_table::-webkit-scrollbar,
  .spec_table::-webkit-scrollbar,
  .career_youkou::-webkit-scrollbar{
    height: 5px;
  }
  .gaiyou_table::-webkit-scrollbar-track,
  .enkaku_table::-webkit-scrollbar-track,
  .group_table::-webkit-scrollbar-track,
  .data_table::-webkit-scrollbar-track,
  .news_table::-webkit-scrollbar-track,
  .spec_table::-webkit-scrollbar-track,
  .career_youkou::-webkit-scrollbar-track{
    background: #f1f1f1;
  }
  .gaiyou_table::-webkit-scrollbar-thumb,
  .enkaku_table::-webkit-scrollbar-thumb,
  .group_table::-webkit-scrollbar-thumb,
  .data_table::-webkit-scrollbar-thumb,
  .news_table::-webkit-scrollbar-thumb,
  .spec_table::-webkit-scrollbar-thumb,
  .career_youkou::-webkit-scrollbar-thumb{
    background: #bbb;
  }

  /* detail ここまで ---------------------------- */




  .site_footer {
    background: #111;
  }
  .footer-inner {
    padding: 16px 16px 0;
  }

  .flink-s ul {
    letter-spacing: -0.4em;
    margin: 0 0 14px;
    text-align: center;
  }
  .flink-s li {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 16px 0 0;
    font-size: 12px;
  }
  .flink-s li a {
    display: block;
    padding: 1em 1em;
    background: #000;
    color: #eee;
    text-decoration: none;
    transition: all .5s;
  }

  .f_address_box {
    color: #666;
    font-size: 12px;
    text-align: center;
  }
  .f_address_box .com_name {
    display: block;
    text-align: center;
  }
  .f_address_box .address {
    display: block;
    margin-top: 8px;
  }

  .cp {
    padding: 8px;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
    text-align: center;
  }
}/* end SP */






/* for PC
---------------------------------------------------------- */
@media only screen and (min-width:1024px){
  .site_header {
    min-width: 1024px;
    background: #fff;
    border-bottom:4px solid #174A89;
  }
  .site_header .header-inner {
    position: relative;
    width: 1024px;
    margin: 0 auto;
  }

  .header_intro {
    padding: 8px 0;
    color: #666;
    font-size: 12px;
    font-weight: 200;
  }

  .lang_box {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    /*font-weight: bold;*/
    z-index: 999;
  }
  .lang_box span {
    display: inline-block;
    /*padding: 8px 16px;*/
  }

  .lang_box span a {
    display: block;
    padding: 6px 10px;
    color: #777;
    text-decoration: none;
    transition: all .5s;
  }
  .lang_box span a:hover {
    /*background: #174a89;*/
    color: #174a89;
  }
  .lang_box a.lang_now {
    background: #174a89;
    color: #eee;
  }
  .lang_box a.lang_now:hover {
    background: #174a89;
    color: #eee;
  }

  .header-inner h1 img {
    height: 64px;
  }


  /* gnav-pc */
  /* fs:14px
  .gnav_box {
    position: absolute;
    top: 22px;
    left: 260px;
    z-index: 200;
  }
  .menu {
    position: relative;
    width: 760px;
    height: 42px;
  }

  .menu > li {
    float: left;
    width: 140px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    font-size: 14px;
  }
  .menu > li.ls {
    float: left;
    width: 130px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    font-size: 14px;
  }
  .menu > li.lm {
    float: left;
    width: 160px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    font-size: 14px;
  }
  .menu > li.ll {
    float: left;
    width: 170px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    font-size: 14px;
  }
  .menu > li.lxl {
    float: left;
    width: 180px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    font-size: 14px;
  }

  .menu > li a {
    display: block;
    color: #333;
    text-align: center;
    cursor: pointer;
  }

  .menu > li a:hover {
    color: #333;
    text-decoration: none;
  }

  ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
  }

  ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
  }

  ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
  }

  .menu > li:hover {
    background: #e6e6e6;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  .menu__second-level li {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }

  .menu__third-level li {
    border-top: 1px solid #111;
  }

  .menu__second-level li a:hover {
    background: #174a89;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  .menu__third-level li a:hover {
    background: #174a89;
  }

  .menu__fourth-level li a:hover {
    background: #174a89;
  }

  li.menu__single.bgt a:hover {
    background: #174a89;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  .menu > li.menu__single {
    position: relative;
  }

  li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
  }

  li.menu__single:hover ul.menu__second-level {
    top: 42px;
    visibility: visible;
    opacity: 1;
  }

  ul.menu__second-level li.to a {
    padding: 8px 0;
    line-height: 1.3;
  }
*/
  .gnav_box {
    position: absolute;
    top: 22px;
    left: 240px;
    z-index: 200;
  }
  .menu {
    position: relative;
    width: 780px;
    height: 42px;
  }

  .menu > li {
    float: left;
    width: 140px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    font-size: 16px;
  }
  .menu > li.ls {
    width: 130px;
  }
  .menu > li.lm {
    width: 160px;
  }
  .menu > li.ll {
    width: 170px;
  }
  .menu > li.lxl {
    width: 184px;
  }

  .menu > li a {
    display: block;
    color: #333;
    text-align: center;
    cursor: pointer;
  }

  .menu > li a:hover {
    color: #333;
    text-decoration: none;
  }

  ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
  }

  ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
  }

  ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
  }

  .menu > li:hover {
    background: #e6e6e6;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  .menu__second-level li {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 15px;
  }

  .menu__third-level li {
    border-top: 1px solid #111;
  }

  .menu__second-level li a:hover {
    background: #174a89;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  .menu__third-level li a:hover {
    background: #174a89;
  }

  .menu__fourth-level li a:hover {
    background: #174a89;
  }

  li.menu__single.bgt a:hover {
    background: #174a89;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  .menu > li.menu__single {
    position: relative;
  }

  li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
  }

  li.menu__single:hover ul.menu__second-level {
    top: 42px;
    visibility: visible;
    opacity: 1;
  }

  ul.menu__second-level li.to a {
    padding: 8px 0;
    line-height: 1.3;
  }

  .headerbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 64px;
    z-index: 999;
    display: none;
  }













  /* コンテンツページ共通
  ------------------------------------------------- */
  /* page title */
  .page_title_area {
    background: url(../images/pt_bg.jpg) no-repeat center;
  }


  .page_title {
    position: relative;
    width: 1024px;
    height: 400px;
    margin: 0 auto;
  }

  .page_title .pt {
    position: absolute;
    top: 160px;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
  }
  .page_title .pt span {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: normal;
  }

  .category_link {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .category_link ul {
    letter-spacing: -0.4em;
    text-align: center;
  }
  .category_link ul li {
    letter-spacing: normal;
    display: inline-block;
    box-sizing: border-box;
    height: 50px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #e7e7e7;
  }
  .category_link ul li.now {
    border-bottom: 1px solid #fff;
  }

  .category_link ul li:last-child {
    border-right: none;
  }
  .category_link ul li a {
    display: block;
    box-sizing: border-box;
    padding: 0 2em;
    background: #eee;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    line-height: 49px;
    text-decoration: none;
  }
  .category_link ul li a:hover {
    background: #174a89;
    color: #fff;
    transition: all .5s;
  }
  .category_link ul li.now a {
    background: #fff;
    color: #222;
  }


  /* page_path */
  .page_path {
    position: absolute;
    top: 12px;
    left: 16px;
    z-index: 10;
  }
  .page_path ul {
    letter-spacing: -0.4em;
  }
  .page_path li {
    letter-spacing: normal;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    text-shadow: 0 0 2px rgba(0,0,0,0.5);
  }
  .page_path li:after {
    content: "\f105";
    font-family: "FontAwesome";
    margin: 0 8px;
  }
  .page_path li:last-child:after {
    content: "";
  }
  .page_path li a {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
  }
  .page_path li a:hover {
    border-bottom: none;
  }
  .page_path li.dark,
  .page_path li.dark a {
    color: #333 !important;
    text-shadow: 0 0 2px rgba(255,255,255,0.5);
  }


  /* contents_body */
  .contents_body {
    /*padding: 100px 0;*/
  }

  .inner {
    width: 1024px;
    margin: 0 auto;
  }
  .inner-min {
    width: 640px;
    margin: 0 auto;
  }
  .inner-mid {
    width: 840px;
    margin: 0 auto;
  }

  .section_title {
    margin: 0 0 40px;
    text-align: center;
  }
  .section_title h2 {
    position: relative;
    display: inline-block;
    padding: 0 55px;
    color: #111;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }
  .section_title h2:before,
  .section_title h2:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #ccc;
  }

  .section_title h2:before {left:0;}
  .section_title h2:after {right: 0;}

  .st_h {
    margin: .5em 0 0;
    font-size: 80%;
  }

  .hd_m {
    margin: 32px 0 16px;
    font-size: 18px;
    font-weight: bold;
  }



  .contents_body p {
    line-height: 2.0;
  }

  .bgg1 {
    background: #f7f7f7;
  }
  .bgw {
    background: #fff;
  }
  .bgb1 {
    background: #00A0EA;
  }

  .bg_g1 {
    background: -webkit-linear-gradient(top, #f7f6ea 0%, #fff 10%);
    background: -moz-linear-gradient(top, #f7f6ea 0%, #fff 10%);
    background: -o-linear-gradient(top, #f7f6ea 0%, #fff 10%);
    background: -ms-linear-gradient(top, #f7f6ea 0%, #fff 10%);
    background: linear-gradient(to bottom, #f7f6ea 0%, #fff 10%);
  }


  .bg_img1 {
    background: url(../images/sub_bg1.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
  }

  .bg_img2 {
    background: url(../images/youkou_btn_bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
  }

  .dsp_t {
    display: table;
  }
  .dsp_tc {
    display: table-cell;
  }


  /* 会社概要　タイトル背景 */
  /*
  .p_t_a_profile {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg.jpg);
    background-repeat: repeat, no-repeat;
    background-position: left top, center;
  }
  */
  .p_t_a_profile {
    background-image: url(../images/pt_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .p_t_a_profile .pt {
    color: #111;
  }
  /* 業績ハイライト　タイトル背景 */
  .p_t_a_investment {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_investment.jpg);
    background-repeat: repeat, no-repeat;
    background-position: left top, center;
  }
  /* お知らせ　タイトル背景 */
  .p_t_a_news {
    background-image: url(../images/pt_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .p_t_a_news .pt {
    color: #111;
  }

  /* 製品情報-液晶パネル　タイトル背景 */
  .p_t_a_pro1 {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_products1.jpg);
    background-repeat: repeat, no-repeat;
    background-position: left top, center;
  }
  /* 製品情報-電子回路基板　タイトル背景 */
  .p_t_a_pro2 {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_products2.jpg);
    background-repeat: repeat, no-repeat;
    background-position: left top, center;
  }
  /* 製品情報-電子回路基板　タイトル背景 */
  .p_t_a_pro3 {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_products3.jpg);
    background-repeat: repeat, no-repeat;
    background-position: left top, center bottom;
  }
  /* 製品情報-製品技術　タイトル背景 */
  .p_t_a_tech {
    background-image: url(../images/pt_bg_tech.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
  }



  /* 採用情報　タイトル */
  .p_t_a_recruit {
    background-image: url(../images/pt_bg_recruit4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }

  .recruit_title {
    position: relative;
    width: 1024px;
    /*height: 560px;*/
    height: 360px;
    margin: 0 auto;
  }

  .recruit_title .pt {
    position: absolute;
    top: 160px;
    /*left: 120px;*/
    right: 0;
    left: 0;
    margin: auto;
    color: #111;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
  }

  .p_t_a_recruit2 {
    background-image: url(../images/top_bg_ami.png), url(../images/pt_bg_recruit3.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    background-position: left top, center top;
    background-attachment: fixed;
  }
  .recruit_sub_title {
    position: relative;
    width: 1024px;
    height: 320px;
    margin: 0 auto;
  }
  .recruit_sub_title .pt {
    position: absolute;
    top: 160px;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
  }

  .p_t_a_recruit_re {
    background-image: url(../images/pt_bg_recruit5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 80px;
  }
  .p_t_a_recruit_re .recruit_title {
    position: relative;
    width: 1024px;
    height: 560px;
    margin: 0 auto;
  }
  .recruit_title .category_link {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    margin: auto;
  }
  .recruit_hd_catch {
    position: absolute;
    top: 30vh;
    width: 100%;
  }
  .recruit_hd_catch h1 {
    color: #fff;
    font-size: 64px;
    font-weight: bold;
  }
  .recruit_hd_catch p {
    margin-top: 1em;
    color: #fff;
    font-size: 20px;
    line-height: 1.6;
    text-shadow: 0 0 3px rgba(0,0,0,0.3);
  }


   /* detail
  ------------------------------------------------- */
  


  /* 製品情報 */
  .product_block {
    padding: 80px 0;
  }
  .product_d_block {
    padding: 120px 0;
  }
  .product_block h2 span {
    display: inline-block;
    margin-left: 16px;
  }
  body.en .product_block h2 span {
    display: block;
    margin-top: 1em;
    font-size: 14px;
  }

  .category_info {
    height: 400px;
    margin-bottom: 80px;
    background: #eee;
  }

  .product_list {
    letter-spacing: -0.4em;
    margin-right: -40px;
    text-align: center;
  }
  .product_list li {
    display: inline-block;
    letter-spacing: normal;
    width: 300px;
    margin: 0 40px 80px 0;
    font-family: "Noto Sans Japanese", sans-serif;
    vertical-align: top;
  }
  .product_list li a {
    color: #222;
  }
  .product_list li a:hover {
    color: #1a428c;
  }

  .product_list li .img_box {
    position: relative;
    width: 280px;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
  }
  .product_list li img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width:auto;
    height:auto;
    max-width: 280px;
    max-height: 300px;
    margin: 0 auto 16px;
    vertical-align: bottom;
    opacity: 1.0;
    transition: all .5s;
  }
  .product_list li img:hover {
    opacity: 0.7;
  }

  .product_list li h3 {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: bold;
  }
  .product_list li h3.lh {
    line-height: 1.2;
  }
  .product_list li h3 span {
    display: block;
  }
  .product_list li p {
    font-size: 14px;
    line-height: 1.6;
  }


 .product_list2 {
    letter-spacing: -0.4em;
    margin-right: -40px;
    text-align: center;
  }
  .product_list2 li {
    letter-spacing: normal;
    margin: -6% 40px 80px 0;
    font-family: "Noto Sans Japanese", sans-serif;
    vertical-align: top;
  }
  .product_list2 li a {
    color: #222;
  }
  .product_list2 li a:hover {
    color: #1a428c;
  }

  .product_list2 li .img_box {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
  }
  .product_list2 li img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width:auto;
    height:auto;
    max-width: 80%;
    max-height: 70%;
    margin: 0 auto 16px;
    vertical-align: bottom;
    opacity: 1.0;
    transition: all .5s;
}
  .product_list2 li img:hover {
    opacity: 0.7;
  }

  .product_list2 li h3 {
    margin: 0 0 8px;
    font-size: 18px;
      }
  .product_list2 li h3.lh {
    line-height: 1.2;
  }
  .product_list2 li h3 span {
    display: block;
  }
  .product_list2 li p {
    font-size: 16px;
    line-height: 1.2;
  }




  .p-d_wrap {
    width: 100%;
    display: table;
  }
  .p-d_img {
    display: table-cell;
    width: 460px;
    text-align: left;
    vertical-align: top;
  }
  .p-d_spec {
    display: table-cell;
    vertical-align: top;
  }
  .p-d_spec header {
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #333;
    font-family: "Noto Sans Japanese", sans-serif;
  }
  .p-d_spec header h2 {
    margin-bottom: .3em;
    color: #222;
    font-size: 40px;
    font-weight: bold;
  }
  .p-d_spec header p {
    color: #222;
    font-size: 16px;
    font-weight: bold;
  }
  .p-d_spec ul {
    margin-bottom: 32px;
    padding-left: 1.2em;
  }
  .p-d_spec li {
    list-style: square;
    margin-bottom: 8px;
    color: #333;
    font-weight: bold;
    line-height: 1.6;
  }
  .p-d_spec li span {
    font-size: 90%;
    font-weight: normal;
  }
  .p-d_spec table {
    width: 100%;
    border: 1px solid #ddd;
    font-size: 14px;
  }
  .p-d_spec th {
    padding: .8em 1em;
    background: #eee;
    border: 1px solid #ddd;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  }
  .p-d_spec td {
    padding: .8em 1em;
    border: 1px solid #ddd;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
  }

  .tech_cath {
    margin-bottom: 1em;
    font-family: "Noto Sans Japanese", sans-serif;
    color: #222;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.6;
  }
  body.en .tech_cath {
    text-align: justify;
  }


  .backtolist {
    margin-top: 56px;
    text-align: center;
  }


  /* detail ここまで ---------------------------- */



  /* page_top */
  .pagetop_pc {
    position: fixed;
    bottom: 24px;
    right: 24px;
  }
  .pagetop_pc a {
    text-decoration: none;
  }

  /* footer */
  .site_footer {
    background: #25282b;
  }
  .footer-inner {
    width: 1024px;
    margin: 0 auto;
    padding: 32px 0;
  }
  .footer-inner p {
    color: #999;
    font-size: 14px;
  }

  .flink-pc {
    margin-bottom: 32px;
  }
  .f_logo {}
  .f_logo img {
    height: 40px;
    margin-bottom: 32px;
  }
  .flink_wrap {
    display: table;
    width: 100%;
  }
  .flink_tc {
    display: table-cell;
    vertical-align: top;
    color: #f3f3f3;
    font-size: 90%;
  }
  .flink_tc dl {}
  .flink_tc dt {
    margin-bottom: 1em;
  }
  .flink_tc dd {
    padding-left: 8px;
    font-weight: 200;
    line-height: 1.8;
  }
  .flink_tc dd:before {
    content: "\f0da";
    font-family: "FontAwesome";
    margin-right: 8px;
  }

  .flink_tc dt a,
  .flink_tc dd a {
    color: #f3f3f3;
    text-decoration: none;
    transition: all .3s;
  }
  .flink_tc dt a:hover,
  .flink_tc dd a:hover {
    color: #666;
  }

  .cp {
    color: rgba(255,255,255,0.5);
    font-size: 11px;
    letter-spacing: 1px;
    text-align: center;
  }

}/* end PC */