@charset "UTF-8";
/*////// FOR TABLET ///////*/
/* COMMON CSS */
@media only screen  and (min-width : 768px) and (max-width : 1024px) {

    .sentence {
        font-size: 16px;
    }

    .content {
        width: 658px;
        padding: 20px 20px;
        margin: 0 auto;
        background: #fff;
        margin-top: 20px;
    }

    .contentWidth {
        width: 768px;
    }

    .select-style {
        width: 100%;
    }

    .txt_note {
        font-size: 14px;
        line-height: 20px;
    }

    .width200 {
        width: 330px !important;
    }

    .width400 {
        width: 655px !important;
    }

    .txt_strong {
        font-size: 18px;
    }

    /* STYLE CSS */



    .btn_normal {
        display: table-cell;
        width: fit-content;
        background-position: 90% center;
    }
    .btn_normal > span {
        line-height: 24px;
        width: 100%;
        padding: 5px 15px 5px 0;
    }

    .btn_normal:hover {
        background-color: #b0c8eb;
        color: #003f98;
    }

    .btn_pdf {
        font-size: 14px;
        min-width: 300px;
        height: 24px;
        padding: 13px 0;
        background-image: none;
    }
    .btn_pdf > span {
        line-height: 24px;
        padding: 5px 0 5px 30px;
        background-image: url(/sites/all/themes/kddilabs/images/common/icn_pdf.png);
        background-repeat: no-repeat;
        background-position: left center;
    }

    .btn_white {
        display: table-cell;
        font-size: 16px;
        line-height: 20px;
        padding: 15px 20px;
        border: 1px #e6e6e6 solid;
        background-color: #fff;
        color: #888888;
        cursor: pointer;
        min-width: 220px;
        text-align: center;
    }
    .btn_white > span {
        padding-right: 0px;
    }
    .btn_white:hover {
        background-color: #f1f1f1;
        color: #888888;
    }

    .btn_print {
        font-size: 12px;
        min-width: 158px;
        height: 20px;
        padding: 9px 0;
    }
    .btn_print > span {
        padding-left: 25px;
        background-image: url(/sites/all/themes/kddilabs/images/common/icn_print.png);
        background-repeat: no-repeat;
        background-position: left center;
    }

    #header #indentify_bar .contactBtn {
        height: 38px;
        width: 129px;
        padding-left: 29px;
        background-position: 15% 50%;
        line-height: 38px;
    }

    /* topPage_header */
    #header {
        padding-top: 20px;
        height: 100px;
        width: 100%;
    }

    #header.topPage_header.white_page {
        height: 55px;
    }

    #header .logo {
        padding-left: 10px;
    }
    #header h1.logo img {
      margin-left: 12px;
      width: 73px;
      height: 40px;
    }

    #header #indentify_bar {
        height: 40px;
    }
    #header #indentify_bar .logo {
        float: left;
        width: auto;
        height: 40px;
    }

    #header #indentify_bar .groupSearch_bar {
        height: 40px;
        width: 260px;
        padding-left: 5px;
        float: right;
    }

    #header #indentify_bar .groupSearch_bar .search-keywords {
        height: 38px;
        width: 113px;
        padding: 0 30px 0 10px;
        border: 1px solid #e6e6e6;
        background-position: 97% 50%;
    }

    /* #nav_language  */
    #header #indentify_bar .groupSearch_bar div  {
        float: right;
        margin-right: 20px;
    }

    #header #indentify_bar .groupSearch_bar #nav_language {
        height: 23px;
        width: 80px;
        margin-top: 0;
        float: left;
        margin-right: 0;
    }

    #nav_language > ul.absoluteLeft {
        display: none;
    }

    #nav_language .nav_language_eng {
        padding: 14px 18px 12px 18px;
        display: block;
    }
    #nav_global{
      width: 768px;
    }
    #nav_global > ul > li > ul > li > a {
      font-size: 10px;
    }
   #nav_global.lang_en > ul > li ,.lang_en #nav_global > ul > li > ul > li > a {
        width: 190px;
    }
    #nav_global.lang_ja > ul > li ,#nav_global.lang_ja > ul > li > ul > li > a {
        width: 152px;
    }

     #nav_global.lang_en > ul > li:last-child ,.lang_en #nav_global > ul > li:last-child > ul > li > a {
        width: 193px;
    }
    #nav_global.lang_ja > ul > li:last-child ,#nav_global.lang_ja > ul > li:last-child > ul > li > a {
        width: 154px;
    }


    #slider {
        margin: 0;
    }

    #slider ul li,
    #slider ul li img {
        width: 768px;
        height: 320px;
    }

    h1.tth_2.mgT30 {
        margin-top: 0px !important;
    }

    ul.sns_bar {
        text-align: right;
        margin: 20px 30px 30px 30px;
    }

    #footer #multilink > div >ul {
        padding-top: 20px;
    }

    #footer #multilink > div >ul>li {
        padding-top: 30px;
        display: inline-table;
        table-layout: fixed;
        width: 350px;
        margin-left: 30px;
        vertical-align: top;
    }

    #footer #multilink > div > ul > li > dl {
        display: block;
    }

    #footer #copyright {
        width: 708px;
        clear: both;
        margin: 30px 30px;
    }

    table.prd_list > tbody > tr > td {
        display: block;
        float: left;
        width: 598px;
        margin-top: -2px;
    }

    table.prd_list> tbody > tr > td > dl > dt {
        font-size: 18px;
    }

    table.prd_list> tbody > tr > td > dl > dd {
        font-size: 16px;
    }

    ul.prd_list_rel > li {
        width: 254px;
        height: 269px;
    }

    ul.prd_list_rel .prd_img {
        height: 166px;
        width: 254px;
        padding-right:0px;
    }

    ul.prd_list_rel > li.full_width {
        width: 100%;
        height: auto;
    }

    ul.prd_list_rel li.full_width .prd_img {
        height: 100px;
        width: 150px;
    }

    ul.prd_list_rel > li > dl > dd {
        font-size: 16px;
        line-height: 25px;
        padding-top: 10px;
        display: inline-block;
    }

    ul.lst_anchorLink > li > a {
        font-size: 16px;
    }

    ul.breadcrumb > li > a {
        font-size: 14px;
        line-height: 22px;
    }

    ul.breadcrumb > li:last-child {
        font-size: 14px;
        line-height: 22px;
    }

    ul.lst_expcol li {
        width: 100%;
        height: 50px;
    }
    ul.lst_expcol li:nth-child(2n+1) {
        margin-right: 0px;
    }

    ul.lst_expcol > li > a {
        background-size: 49px 49px;
    }
    ul.lst_expcol > li > a > span {
        padding-left: 70px;
    }

    ul.lst_expcol > li > a {
        width: 658px;
        line-height: 40px;
    }

    ul.lst_strong > li {
        font-size: 16px;
    }

    .btn_print {
        display: none;
    }

    .btn_pdf {
        font-size: 16px;
    }

    .btn_rss {
        display: none;
    }

    .select-style.mgL10 {
        margin-left: 0 !important;
        margin-top: 10px;
    }

    .select-style {
        padding: 0;
        margin: 0;
        background-size: 53px 50px;
    }

    .select-style select {
        padding: 9px 15px;
        width: 80%;
        font-size: 18px;
        line-height: 26px;
    }

    .select-style select:focus {
        outline: none;
    }

    .news_loadmore.dark {
        margin: 0px;
    }

    /* ul.threeCol */
    ul.threeCol > li {
        display: block;
        font-size: 14px;
        width: 100%;
    }

    ul.threeCol > li:first-child {
        margin-right: 0;
    }

    ul.threeCol > li:last-child {
        margin-left: 0;
    }

    /* ul.threeCol.promo_box */
    .promo_box > ul.threeCol > li {
        width: 100%;
        text-align: center;
    }
    .promo_box > ul.threeCol > li a[target="_blank"]:after {
      right: 10px;
      top: 10px;
      width: 18px;
      height: 15px;
      background-size: 18px 15px;
    }

    /* .sns_style  three col */
    .sns_style ul.threeCol > li {
        width: 100%;
    }

    /* .sns_style  two col */
    .sns_style ul.twoCol > li {
        width: 100%;
        margin-bottom: 15px;
    }
    .sns_style ul.twoCol > li:first-child {
        margin-right: 0;
    }

    .sns_style ul.twoCol > li:last-child {
        margin-left: 0;
    }
    .sns_style ul.twoCol > li > dl > dt {
        display: block;
        width: 100%;
    }

	.pc_inline {
		display: none;
	}

	.sp_inline {
		display: none;
	}

	.tb_inline {
		display: inline;
	}

/* 20161025
画像サイズ調整のためstyle系列cssのliquid_bigおよびliquid_smallを修正 */
	img.liquid_big {
		width: 100% !important;
		height: auto !important;
	}

    img.liquid_small {
        width: auto;
        height: auto;
    }

/* 20161109
研究・製品ページのメイン画像サイズ固定のため追加 */
    img.fixed_size {
        width: 240px;
        height: 160px;
    }

    /* text_indent20 */
    .text_indent20 {
        margin-left: 0px;
    }

    /* prd_list */
    ul.prd_list > li {
        display: block;
        float: left;
        width: 598px;
        margin-top: -2px;
    }

    ul.prd_list > li > dl > dt {
        font-size: 18px;
    }

    ul.prd_list > li > dl > dd {
        font-size: 16px;
    }

    /* note */
    .note{
        font-size: 14px;
    }

    /* table_confirm */
    .table_confirm{
        font-size: 16px;
    }

    .table_confirm div.select-style {
        width: 100% !important;
    }

    .table_confirm div.select-style select {
        width: 100% !important;
    }

    .table_confirm div.select-style-left {
        margin-top: 10px;
        width: 70% !important;
    }

    /* step1 */
    .step1{
        background-position: -91px 0;
    }

    /* step2 */
    .step2{
        background-size: 219px 100%;
    }

    /* btn_prev */
    .btn_prev {
        background-position: 10% center;
        font-size: 16px;
    }

    /* btn_next */
    .btn_next {
        font-size: 16px;
    }

    /* confirm_button */
    .confirm_buttons{
        padding: 0 2%;
    }

    /* checkbox */
    input[type="checkbox"] + label span {
        width:32px;
        height:32px;
        background: url(/sites/all/themes/kddilabs/images/checkbox_TB.png) left top no-repeat;
        background-size: 64px 32px;
    }

    input[type="checkbox"]:checked + label span {
        background: url(/sites/all/themes/kddilabs/images/checkbox_TB.png) -32px top no-repeat;
        background-size: 64px 32px;
    }

    input[type="checkbox"] + label > span:nth-child(2) {
        background: none;
    }

    /* required*/
    .required {
        font-size: 12px;
    }

    .table_confirm div.error_txt{
        font-size: 14px;
    }

    table.table-02 {
    	width: 100%;
	  }

    /* button suggest address from zipcode */
    .table_confirm .btn_zipcode {
      /*font-size: 16px;
      padding: 15px 20px;*/
      margin: 10px 0;
    }

    table.table-05 {
      width: 94% !important;
      margin-left: 3% !important;
      margin-right: 3% !important;
    }

  .vision {
    padding: 20px 20px 0;
  }

  .vision .img_top {
    width: 698px;
    left: -20px;
  }

  .vision .img_bottom {
    width: 698px;
    left: -20px;
  }
  .2images {
  text-align: center;
  }
  .within2images {
  float: none;
  text-align: center;
  }

}