@charset "UTF-8";
/*
Theme URI: http://www.kytile.co.jp
Theme Name:  
Description: www.kytile.co.jp website theme 
Version: 1.0
Author: Yoshiyuki Yatsuda, Fuminori Mori, Zenichiro Yasuda
Author URI: 
*/
/* ------------------------- TOC
HTML5 Boilerplate styles
Author's custom styles
	setup
  mixin
  common
	wrap around the contents
	header
	content
Helper classes
Print styles
 ------------------------- */
/* ==========================================================================
   font
   ========================================================================== */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(fonts/NotoSansCJKjp.woff) format("woff"), url(fonts/NotoSansCJKjp.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NotoSansCJKjp.woff) format("woff"), url(fonts/NotoSansCJKjp.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/NotoSansCJKjp.woff) format("woff"), url(fonts/NotoSansCJKjp.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(fonts/NotoSansCJKjp.woff) format("woff"), url(fonts/NotoSansCJKjp.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(fonts/NotoSansCJKjp.woff) format("woff"), url(fonts/NotoSansCJKjp.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NotoSansCJKjp-bold.woff) format("woff"), url(fonts/NotoSansCJKjp-bold.otf) format("opentype"); }
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222; }

body {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ============================== setup */
html, body {
  height: 100%; }

body {
  letter-spacing: 0.05em;
  color: #666;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  font-family: 'Noto Sans Japanese','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word; }

body.hasScroll {
  overflow: auto; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  color: #4a74cc;
  text-decoration: underline; }

a:link {
  color: #4a74cc; }

a:visited {
  color: #4a74cc; }

a:hover, a:active {
  color: #4a74cc;
  text-decoration: none; }

a img, a:link img, a:visited img, a:hover img, a:active img {
  border: none;
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

input[type="radio"],
input[type="checkbox"] {
  margin-right: 5px;
  margin-top: 1px; }

.radio label, .checkbox label {
  min-height: 32px; }

/* ============================== mixin */
/* ============================== common */
.hr {
  margin: 50px 0;
  height: 3px;
  background: url(img/bg_hr.png) no-repeat 50% 0;
  background-size: 942px 3px; }

.hr-simple {
  border-top: 1px solid #ededed;
  margin: 30px 0;
  height: 0; }

.contentMain .hr-simple,
.contentSub .hr-simple {
  margin-top: 33px; }

.btn-primary {
  border-color: #4a74cc;
  background: #608de8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #608de8 0%, #4a74cc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #608de8), color-stop(100%, #4a74cc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #608de8 0%, #4a74cc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #608de8 0%, #4a74cc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #608de8 0%, #4a74cc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #608de8 0%, #4a74cc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#608de8', endColorstr='#4a74cc',GradientType=0 );
  /* IE6-9 */
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.2); }
  .btn-primary:hover {
    border-color: #4a74cc;
    background: #4a74cc; }

/* pagination */
.pagination > li > .current,
.pagination > li > .current:hover,
.pagination > li > .current:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7; }

/* pods-pagination-paginate */
.pods-pagination-paginate {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  border-radius: 4px; }

.pods-pagination-paginate > a,
.pods-pagination-paginate > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }

.pods-pagination-paginate > a:first-child,
.pods-pagination-paginate > span:first-child {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.pods-pagination-paginate > a:last-child,
.pods-pagination-paginate > span:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.pods-pagination-paginate > a:hover,
.pods-pagination-paginate > span:hover,
.pods-pagination-paginate > a:focus,
.pods-pagination-paginate > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd; }

.pods-pagination-paginate > a.current,
.pods-pagination-paginate > span.current,
.pods-pagination-paginate > a.current:hover,
.pods-pagination-paginate > span.current:hover,
.pods-pagination-paginate > a.current:focus,
.pods-pagination-paginate > span.current:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7; }

.pods-pagination-paginate > span.disabled,
.pods-pagination-paginate > span.disabled:hover,
.pods-pagination-paginate > span.disabled:focus,
.pods-pagination-paginate > a.disabled,
.pods-pagination-paginate > a.disabled:hover,
.pods-pagination-paginate > a.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }

/* pager */
.pager {
  margin: 0; }

.pager .btn-primary {
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  border-color: #4a74cc;
  padding: 0;
  font-size: 12px;
  margin-left: 25px; }

.pager .btn-primary:hover {
  background-color: #4a74cc; }

.pager [rel="next"].btn-primary {
  padding-right: 15px;
  margin-left: 0;
  text-align: left; }

.pager [rel="next"].btn-primary:before {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url(img/bullet_back_s.png) no-repeat 50% 50% #fff;
  background-size: 5px 8px;
  margin-right: 14px;
  vertical-align: middle;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.pager [rel="prev"].btn-primary {
  padding-left: 15px;
  text-align: right; }

.pager [rel="prev"].btn-primary:after {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url(img/bullet_link_s.png) no-repeat 50% 50% #fff;
  background-size: 5px 8px;
  margin-left: 14px;
  vertical-align: middle;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.pager span {
  display: inline-block;
  vertical-align: middle; }

.pager-longText .btn-primary {
  width: 45%; }

.pager-longText span {
  width: calc(100% - 32px - 15px);
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

/* slider */
.bx-wrapper {
  margin-bottom: 0; }

.bx-wrapper .bx-viewport {
  padding: 0;
  box-shadow: none;
  border: none;
  left: 0; }

.bx-wrapper .bx-pager {
  padding-top: 0;
  bottom: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 22px;
  height: 22px;
  background: url(img/bt_slider_pagination.png) no-repeat 0 0;
  background-size: 22px 22px;
  margin: 0 6px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-image: url(img/bt_slider_pagination_ov.png);
  background-size: 22px 22px;
  background-color: transparent; }

.bx-wrapper .bx-pager.bx-default-pager a.active {
  background-image: url(img/bt_slider_pagination_active.png);
  background-size: 22px 22px;
  background-color: transparent; }

.bx-wrapper .bx-controls-direction a {
  width: 30px;
  height: 35px;
  background: url(img/bt_slider.png) no-repeat 0 0;
  background-size: 60px 70px;
  margin-top: -20px; }

.bx-wrapper .bx-controls-direction .bx-prev {
  left: 0;
  background-position: 0 0; }

.bx-wrapper .bx-controls-direction .bx-next {
  right: 0;
  background-position: 100% 0; }

.bx-wrapper .bx-next:hover {
  background-position: 100% 0; }

/* ============================== wrap around the contents */
/* ============================== header */
.header {
  background: url(img/bg_header_sp.png) repeat-x 0 -19px;
  background-size: 416px 180px; }
  .header .navbar {
    margin-top: 15px;
    border: none; }
  .header .navbar-brand {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    display: inline-block;
    padding: 0;
    background: url(img/logo.png) no-repeat 0 0;
    background-size: contain;
    height: 38px;
    margin: 5px 0 0 15px; }
    .header .navbar-brand:before {
      content: "";
      display: block;
      width: 0;
      height: 150%; }
  .header .navbar {
    min-height: initial;
    margin: 0;
    background-color: transparent; }
  .header .navbar-inverse .navbar-collapse {
    border-top: none; }
  .header .navbar-inverse .navbar-toggle {
    border-color: #aaa;
    background-color: #fff; }
  .header .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333; }
  .header .navbar-inverse .navbar-toggle:focus,
  .header .navbar-inverse .navbar-toggle:hover {
    background-color: #fff; }
  .header .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 15px;
    background-color: #fff; }
  .header .navbar-nav > li > a {
    background-image: url(img/marker_red.png);
    background-repeat: no-repeat;
    background-position: 6px 51%;
    background-size: 5px 5px; }
  .header .navbar-inverse .navbar-nav a {
    text-decoration: none;
    color: #666; }
  .header .navbar-inverse .navbar-nav > li > a:hover,
  .header .navbar-inverse .navbar-nav > li > a:focus {
    color: #333; }
  .header .navbar-inverse .navbar-nav > .open > a,
  .header .navbar-inverse .navbar-nav > .open > a:hover,
  .header .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff; }
  .header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #666; }
  .header .navbar-right .dropdown-menu {
    margin: 0;
    padding: 0; }
  .header .dropdown-menu > li > a {
    background-image: url(img/marker_red.png);
    background-repeat: no-repeat;
    background-position: 12px 51%;
    background-size: 5px 5px;
    padding: 10px 25px; }
  .header .navbar-nav .open .dropdown-menu > li > a:hover,
  .header .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: url(img/marker_red.png); }

.header_navFunction {
  display: none; }

/* ============================== footer */
.footer {
  margin: 100px 0 0;
  padding-top: 17px;
  padding-bottom: 10px;
  background: url(img/bg_footer_1.png) repeat-x 49.3% 0, url(img/bg_footer_2.png) 49.3% 17px;
  background-size: 416px 17px, 416px 160px; }
  .footer:before {
    content: "";
    display: block;
    height: 0;
    border-top: 5px solid #1a1918; }
  .footer .footer_sitemap .singleLink,
  .footer .footer_sitemap .singleLink a,
  .footer .footer_sitemap dt,
  .footer .footer_sitemap dt a {
    color: #ffc000;
    font-weight: normal; }
  .footer .footer_sitemap dd a {
    color: #969493; }
  .footer .footer_sitemap .singleLink,
  .footer .footer_sitemap dl {
    margin: 28px 0 0 29px;
    font-size: 12px; }
  .footer .footer_sitemap ul {
    line-height: 2;
    margin: 14px 0 0;
    list-style: none;
    padding: 0; }
  .footer .footer_sitemap li:before {
    content: "・";
    color: #969493; }
  .footer .footer_logo {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    margin: 40px auto 0;
    display: block;
    background: url(img/logo_footer.png) no-repeat 0 0;
    width: 147px;
    height: 44px;
    background-size: 147px auto; }
    .footer .footer_logo:before {
      content: "";
      display: block;
      width: 0;
      height: 150%; }
  .footer .footer_Copyright {
    text-align: center;
    color: #e24a3e;
    font-size: 12px;
    margin: 20px 0 30px; }

/* ============================== content */
.spOnly-inline {
  display: inline; }

.spOnly-inlineblock {
  display: inline-block; }

.spOnly-block {
  display: block; }

.pcOnly-inline {
  display: none; }

.pcOnly-inlineblock {
  display: none; }

.pcOnly-block {
  display: none; }

/* breadcrumb */
.breadcrumb_outer {
  display: none; }

/* pagination */
.pagination {
  margin: 0; }

/* page-header */
.page-header {
  font-size: 18px;
  line-height: 27px;
  margin: 30px 0 0;
  padding: 0;
  border: none;
  font-weight: normal;
  color: #333; }

.page-header.page-header-new {
  background: url(img/icon_new.png) no-repeat 0 1px;
  background-size: 43px 43px;
  padding-left: 58px;
  min-height: 44px; }

.page-header.page-header-otherWindow {
  font-size: 24px;
  margin-top: 50px; }

.page-header + .hr {
  margin-top: 30px; }

.page-header small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #333; }

.page-header + .categoryIndicator {
  margin-top: 10px; }

.categoryIndicator_icon {
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  line-height: 26px;
  width: 120px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.15em; }

.material.categoryIndicator_icon {
  width: 294px; }

.categoryIndicator_icon-1 {
  background-color: #bb5b2d; }

/* 装飾タイル */
.categoryIndicator_icon-2 {
  background-color: #3d4991; }

/* 内装タイル */
.categoryIndicator_icon-3 {
  background-color: #db9808; }

/* 外装タイル */
.categoryIndicator_icon-4 {
  background-color: #387e41; }

/* 床タイル */
.categoryIndicator_icon-5 {
  background-color: #726a61; }

/* 天然石 */
.categoryIndicator_icon-6 {
  background-color: #8c4f93; }

/* その他 */
/* headingLv2 */
.contentMain .headingLv2 {
  margin: 80px 0 0;
  border-bottom: 1px solid #ededed;
  padding-bottom: 15px; }

.contentSub .headingLv2 {
  margin: 30px 0; }

.contentSub .headingLv2-newsCategory,
.contentSub .headingLv2-workDetail {
  margin: 40px 0 0;
  font-size: 1px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #e0e0e0; }

.contentMain .headingLv2-officesDetail {
  margin: 100px 0 0;
  font-size: 1px;
  padding-bottom: 23px;
  border-bottom: 1px dotted #e0e0e0; }

.contentMain .headingLv2-officesDetail:first-of-type {
  margin: 30px 0 0; }

.hr + .headingLv2-workDetail {
  margin: 0 0 -17px;
  font-size: 1px; }

/* imgHeadingLv2 */
.imgHeadingLv2 {
  margin: 0;
  line-height: 1; }

.borderTable + h2 {
  margin-top: 100px; }

/* headingLv3 */
.headingLv3 {
  margin: 30px 0 0;
  border: 1px solid #ededed;
  padding: 7px 14px;
  line-height: 1;
  border-radius: 5px;
  font-size: 12px; }

.headingLv3 span {
  border-left: 3px solid #616366;
  padding-left: 12px;
  color: #333333;
  height: 12px;
  display: block; }

.headingLv3-red {
  border-color: #f9dbd8; }

.headingLv3-red span {
  border-color: #e24a3e;
  color: #e24a3e; }

.headingLv2-otherWindow {
  font-size: 14px;
  line-height: 1;
  margin: -20px 0 0; }

/* contentSub_textWrapper */
.contentSub_textWrapper {
  margin: 0 32px; }

/* mv */
.mv {
  margin: 30px 0 0; }

/* contentMain_productVisual */
.contentMain_productVisual {
  margin-top: 56px; }

.material.contentMain_productVisual {
  text-align: center; }

/* contentMain_productShape */
.contentMain_productShape {
  margin: 26px 0 0 30px; }

/* btn_sideHeading */
.btn_sideHeading {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 23px; }

.btn_sideHeading a {
  display: inline-block;
  border: 1px solid #d0d4db;
  font-size: 10px;
  color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.btn_sideHeading a:after {
  vertical-align: middle;
  content: "";
  display: inline-block;
  border-left: 1px dotted #d9dde2;
  width: 17px;
  height: 28px;
  background: url(img/bullet_link_s.png) no-repeat 50% 50% #f4f5f6;
  background-size: 5px 8px; }

.btn_sideHeading span {
  vertical-align: middle;
  display: inline-block;
  padding: 0 14px 0 12px;
  line-height: 28px; }

.btn_sideHeading a:hover {
  border-color: #c2c6cc; }
  .btn_sideHeading a:hover:after {
    background-color: #fff; }
  .btn_sideHeading a:hover span {
    background-color: #f4f5f6; }

/* text */
.contentMain p {
  margin: 26px 0 0;
  font-size: 14px;
  line-height: 1.571428571; }

.contentMain > p:first-child {
  margin-top: -20px; }

.contentSub p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.571428571; }

.caution {
  color: #e24a3e; }

.contentSub .caution {
  font-size: 12px; }

.lead {
  margin: 40px 0 0;
  font-size: 14px;
  line-height: 1.571428571; }

.contentMain a[href$=".pdf"]:before {
  content: "";
  width: 42px;
  height: 41px;
  margin-right: 13px;
  vertical-align: middle;
  background: url(img/icon_pdf.png) no-repeat 0 0;
  background-size: 42px 41px;
  display: inline-block; }

.contentMain .bullet_cooljoint:before {
  content: "";
  width: 42px;
  height: 37px;
  margin-right: 13px;
  vertical-align: middle;
  background: url(img/icon_cooljoint.png) no-repeat 0 0;
  background-size: 42px 37px;
  display: inline-block; }

.contentMain .bullet_link:before {
  content: '\00BB';
  margin-right: 8px;
  display: inline-block; }

/* table */
.borderTable {
  margin: 23px 0 0; }

.borderTable dt {
  color: #333;
  border-top: 2px solid #e6e8eb;
  text-align: left;
  font-size: 12px;
  line-height: 1.5;
  padding: 22px 0 0;
  margin-top: 20px; }

.borderTable dd {
  border-top: 1px solid #e6e8eb;
  font-size: 14px;
  line-height: 1.785714286;
  padding: 20px 0 0;
  margin-top: 20px; }

.borderTable dt:last-of-type {
  line-height: 0;
  padding: 0;
  font-size: 1px; }

.borderTable dd:last-of-type {
  line-height: 0;
  padding: 0;
  font-size: 1px;
  border-top: none; }

/* icon */
.icon_use {
  width: 19px;
  height: 18px;
  vertical-align: middle;
  margin-right: 6px; }

/* form */
.required {
  color: #e24a3e; }

.form-group {
  margin-top: 40px; }

.form-group:first-child {
  margin-top: 45px; }

.form-horizontal .control-label {
  font-size: 12px;
  line-height: 1.5;
  padding-top: 0;
  color: #333;
  padding-bottom: 5px; }

.form-horizontal .control-label .help-block {
  margin: 0; }

.form-horizontal .radio-inline {
  padding-top: 0;
  padding-bottom: 20px; }

.help-block {
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  font-weight: normal;
  margin: 8px 0 0; }

.btn-formSubmit {
  width: 150px;
  height: 60px;
  letter-spacing: 1em;
  padding-left: calc(12px + 1em);
  margin-bottom: 50px;
  font-size: 16px; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-left: 0; }

.form-group .btn-default {
  border-color: #d0d4db;
  text-shadow: 1px 0 1px rgba(255, 255, 255, 0.6);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4e7ec+0,d9dde4+100 */
  background: #e4e7ec;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTdlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWRkZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e4e7ec 0%, #d9dde4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e7ec), color-stop(100%, #d9dde4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e4e7ec 0%, #d9dde4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e4e7ec 0%, #d9dde4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e4e7ec 0%, #d9dde4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e4e7ec 0%, #d9dde4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e7ec', endColorstr='#d9dde4',GradientType=0 );
  /* IE6-8 */ }

.form-group .btn-default:hover {
  background: #d9dde4; }

.btn-searchZip {
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px; }

/* ============================== top */
.topSlider {
  background: url(img/top/bg_topslider.png) repeat-x 50% 100%;
  background-size: 1096px 16px;
  padding-bottom: 16px; }

.contentMain-top .headingLv2 {
  margin-top: 50px;
  border-bottom: none;
  padding-bottom: 0; }

.contentMain-top .newsList dt,
.contentMain-top .newsList dd {
  font-size: 12px; }

.contentMain-top .newsList_date {
  width: 97px; }

.productCategoryWrapper-top .productCategory .productCategory_text {
  margin-top: 15px;
  color: #666; }

.topProductSearch {
  margin-top: 50px;
  border: 1px solid #ededed;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .topProductSearch h2 {
    margin: 0;
    border-bottom: 1px solid #fcf2dc; }
  .topProductSearch h2 a {
    display: block;
    background: url(img/bullet_link_blue_s.png) no-repeat 89% 50% #fdf8ec;
    background-size: 22px 22px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .topProductSearch h2 a:hover {
    background-image: url(img/bullet_link_blue_s_ov.png); }
  .topProductSearch .topProductSearch_inner {
    padding: 0 25px 32px; }
  .topProductSearch p {
    margin-top: 18px;
    font-size: 12px; }
  .topProductSearch .form-group {
    margin: 18px 0 15px; }
  .topProductSearch .btn-primary {
    width: 100px; }
  .topProductSearch .topProductSearch_detailLink {
    text-align: right;
    font-size: 12px;
    margin-top: -24px; }

/* ============================== product */
/* productCassette */
.productCassette {
  margin-top: 40px; }
  .productCassette .productCassette_img {
    border: 1px solid #ededed;
    background-color: #f5f6f7;
    border-radius: 5px; }
  .productCassette .productCassette_title {
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal; }
  .productCassette .productCassette_title a {
    font-size: 18px; }
  .productCassette .productCassette_text {
    color: #999999;
    font-size: 14px;
    line-height: 1.571428571;
    margin: 5px 0 0; }
  .productCassette .productCassette_summary {
    color: #999999;
    font-size: 12px;
    line-height: 1.583333333;
    margin: 10px 0 0; }
  .productCassette .productCassette_summary dt {
    clear: both;
    font-weight: normal;
    float: left; }
  .productCassette .productCassette_summary dd {
    overflow: hidden; }

.hr + .productCassetteWrapper .productCassette:first-child {
  margin-top: 0; }

/* productCategory */
.productCategory {
  margin-top: 40px; }
  .productCategory .productCategory_img {
    border: 1px solid #ededed;
    padding: 5px;
    background-color: #fff; }
  .productCategory .productCategory_title {
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal; }
  .productCategory .productCategory_title a {
    font-size: 18px; }
  .productCategory .productCategory_text {
    color: #999999;
    font-size: 14px;
    line-height: 1.571428571;
    margin: 5px 0 0; }

.productCategoryHeading + .productCategoryWrapper .productCategory {
  margin-top: 23px; }

.hr + .productCategoryWrapper .productCategory:first-child {
  margin-top: 0; }

/* searchConditions */
.searchConditions_title {
  background-color: #f3e9de;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 0;
  text-align: center; }

.searchConditions_title img {
  width: 60px;
  height: 14px; }

.searchConditions_content {
  background-color: #fdf8ec;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 19px 22px;
  border: 1px solid #f7efe3;
  border-top: none;
  font-size: 12px;
  line-height: 1.5; }

.searchConditions_content dl {
  margin-bottom: 0; }

.searchConditions_content dt {
  padding-top: 18px;
  text-align: left;
  width: 100px;
  font-weight: normal;
  color: #333333; }

.searchConditions_content dt:first-of-type {
  padding-top: 0; }

.searchConditions_content dt:before {
  content: "";
  border-left: 3px solid #616366;
  margin-right: 12px;
  height: 12px; }

.searchConditions_content dd {
  padding-top: 8px; }

/* searchForm */
.searchForm_conditions {
  margin-top: 40px;
  margin-bottom: 40px; }

.searchForm_title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  padding-bottom: 1px;
  background: #6d6d71;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6d6d71 0%, #494a4e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d71), color-stop(100%, #494a4e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6d6d71 0%, #494a4e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6d6d71 0%, #494a4e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6d6d71 0%, #494a4e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #6d6d71 0%, #494a4e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d71', endColorstr='#494a4e',GradientType=0 );
  /* IE6-9 */ }

.searchForm_content {
  background-color: #edf1fa;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 30px 14px;
  border: 1px solid #dce4f5;
  border-top: none;
  font-size: 14px;
  line-height: 1.5; }

.searchForm_keyword .form-inline {
  text-align: center; }

.searchForm_heading {
  margin: 25px 0 12px;
  border: 1px solid #ced9f1;
  background-color: #dce4f5;
  padding: 7px 14px;
  line-height: 1;
  border-radius: 5px;
  font-size: 12px; }

.searchForm_heading:first-child {
  margin-top: 0; }

.searchForm_heading span {
  border-left: 3px solid #616366;
  padding-left: 12px;
  color: #333333;
  height: 12px;
  display: block; }

.searchForm_keywordBtn {
  width: 100px; }

.searchForm_helpText {
  color: #4a74cc;
  font-size: 12px;
  margin-bottom: 12px; }

.searchForm_condirionsBtnOuter {
  text-align: center;
  margin-top: 25px;
  margin-bottom: -60px; }

.searchForm_conditionsBtn {
  font-size: 16px;
  width: 148px;
  height: 56px; }

.searchForm .icon_search {
  width: 20px;
  height: 20px;
  margin-right: 17px;
  vertical-align: bottom; }

/* productInformation */
.productInformation {
  margin-top: 28px;
  border: 1px solid #ededed;
  border-radius: 5px;
  padding: 14px 14px 0; }

.productInformation_listWrapper {
  list-style: none;
  margin: 0;
  padding: 0; }

.productInformation_list {
  float: left;
  width: 31.06%;
  margin-left: 3.41%;
  text-align: center;
  margin-top: 9px;
  position: relative; }

.productInformation_list:nth-child(3n+1) {
  margin-left: 0; }

.productInformation_list:nth-child(1),
.productInformation_list:nth-child(2),
.productInformation_list:nth-child(3) {
  margin-top: 0; }

.productInformation_list:nth-child(1) img:first-child,
.productInformation_list:nth-child(2) img:first-child,
.productInformation_list:nth-child(3) img:first-child,
.productInformation_list:nth-child(4) img:first-child,
.productInformation_list:nth-child(5) img:first-child,
.productInformation_list:nth-child(6) img:first-child {
  position: absolute; }

.productInformation_linkWrapper {
  margin: 15px -15px 0;
  border-top: 1px solid #ededed;
  font-size: 10px;
  text-align: right; }

.productInformation_link {
  line-height: 28px;
  padding: 0 18px 0 0;
  text-decoration: none;
  display: inline-block;
  background: url(img/bullet_link_s.png) no-repeat 94.5% 50% #f4f5f6;
  background-size: 5px 8px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #ededed; }
  .productInformation_link span {
    padding: 0 14px;
    border-left: 1px dotted #d9dde2;
    border-right: 1px dotted #d9dde2;
    display: inline-block;
    color: #333;
    background-color: #fff; }
  .productInformation_link:hover {
    background-color: #fff; }
  .productInformation_link:hover span {
    background-color: #f4f5f7; }

.productInformation_listSmallWrapper {
  margin: 9px 0 0; }

.productInformation_listSmall {
  float: left;
  width: 31.06%;
  text-align: center;
  line-height: 1px; }

.productInformation_listSmall div {
  margin-top: 10px; }

.productInformation_listSmall div:first-child {
  margin-top: 0; }

.productInformation_listSmallNote {
  float: left;
  width: 65.53%;
  color: #999;
  margin-left: 3.41%;
  font-size: 11px;
  line-height: 1.545454545; }

/* howto_img */
.howto_img {
  border: 1px solid #ededed;
  border-radius: 5px;
  text-align: center;
  margin-top: 36px; }

.howto_img img {
  border-radius: 5px;
  height: 123px; }

.howto_img + p {
  margin-top: 10px;
  line-height: 1.785714286; }

.howto_img + p .note {
  font-size: 12px;
  line-height: 1.583333333;
  color: #999;
  display: block;
  margin-top: 4px; }

/* sideBtn */
.sideBtn {
  margin-top: 16px; }

/* ============================== works */
/* worksCassette */
.worksCassette {
  margin-top: 40px; }
  .worksCassette .worksCassette_img {
    border: 1px solid #ededed;
    border-radius: 5px; }
  .worksCassette .worksCassette_title {
    font-size: 18px;
    line-height: 1.5;
    margin: 13px 0 0;
    font-weight: normal; }
  .worksCassette .worksCassette_text {
    color: #666;
    font-size: 14px;
    line-height: 1.571428571;
    margin: 5px 0 0; }
  .worksCassette .works_tag {
    list-style: none;
    margin-top: 16px;
    border-top: 1px dotted #e0e0e0;
    padding-top: 10px; }

.headingLv2 + .worksCassette {
  margin-top: 30px; }

.page-headerWrapper + .worksCassetteWrapper .worksCassette:first-child {
  margin-top: 0; }

.works_tag {
  list-style: none;
  margin-top: 13px;
  color: #999999;
  font-size: 0;
  padding-left: 0; }

.works_tag li {
  font-size: 12px;
  line-height: 1.57;
  display: inline-block; }

.works_tag li:after {
  content: ",";
  margin-right: 6px; }

.works_tag li:last-child:after {
  content: ""; }

.works_tag a {
  color: #999999; }

.contentSub .works_tag li {
  font-size: 14px; }

.worksDetailImgWrapper {
  margin-top: -20px; }

.worksDetailImgWrapper img {
  border-radius: 5px; }

.contentSub .worksDetail_description {
  line-height: 1.78; }

.contentSub_productOutline a {
  font-size: 18px; }

.contentSub_productOutline span {
  font-size: 12px;
  color: #999999;
  display: inline-block;
  margin-top: 7px; }

/* ============================== news */
.newsList {
  margin-bottom: 0; }

.newsList dt {
  text-align: left;
  font-weight: normal;
  border-left: 3px solid #d0d4db;
  padding-left: 18px;
  margin-top: 25px;
  width: 210px;
  font-size: 14px;
  line-height: 1; }

.newsList dt:first-child {
  margin-top: 0; }

.newsList_date {
  width: 116px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.1em; }

.newsList_category {
  border-radius: 3px;
  width: 73px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  letter-spacing: 1em;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding-left: 1em; }

.newsList_category-recruit {
  background-color: #33bf8c; }

.newsList_category-products {
  background-color: #cf943f; }

.newsList_category-enterprise {
  background-color: #e7564a; }

.newsList_category-other {
  background-color: #b6bdc8;
  letter-spacing: 0.5em;
  padding-left: 0.5em; }

.newsList dd {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.571428571; }

.newsList a {
  color: #666; }

.newsCategory {
  list-style: none;
  margin: 6px 30px 0;
  padding: 0;
  line-height: 2.285714286; }

.newsDetail_categoryDate {
  margin-top: 33px;
  margin-bottom: -22px; }

.newsDetail_categoryDate .newsList_date {
  margin-left: 20px;
  font-size: 12px;
  width: auto;
  color: #999; }

.page-header-newsDetail {
  line-height: 1.277777778; }

.newsDetal_content p {
  line-height: 1.785714286; }

/* ============================== environment */
.environmentLead {
  line-height: 1.785714286; }

.environmentCassete {
  border-left: 3px solid #4aba00;
  margin: 50px 0 0 0;
  padding-left: 16px; }
  .environmentCassete:first-of-type {
    margin-top: 36px; }
  .environmentCassete h2 {
    font-weight: bold;
    margin: 0;
    font-size: 18px;
    line-height: 1;
    color: #333; }
  .environmentCassete h2:after {
    content: "";
    display: block;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 20px;
    width: 36px; }
  .environmentCassete h2 + p {
    line-height: 1.785714286; }
  .environmentCassete .environmentCassete_link {
    margin-top: 20px; }
  .environmentCassete h2 + p + .environmentCassete_link {
    margin-top: 15px; }

.environmentCassete + .hr {
  margin-bottom: 0; }

/* ============================== company */
.companyNav {
  list-style: none;
  margin: 33px 0 0;
  padding: 0; }

.companyNav_list {
  margin-top: 10px; }

.companyNav .btn-default {
  border: 1px solid #dbe3f5;
  background-color: #f1f4fb;
  text-align: left;
  padding: 0;
  line-height: 1; }

.companyNav .btn-default:before {
  content: "";
  display: inline-block;
  border-right: 1px solid #dbe3f5;
  background: url(img/bullet_back_s.png) no-repeat 50% 50% #fff;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  background-size: 5px 8px;
  width: 40px;
  height: 38px;
  margin-right: 19px;
  vertical-align: -13px; }

.companyNav .btn-default:hover {
  border: 1px solid #b7c7eb;
  background-color: #e4eaf7;
  color: #4a74cc;
  text-decoration: underline; }

.companyNav .btn-default:active {
  box-shadow: none;
  color: #4a74cc;
  text-decoration: underline; }

.companyNav .current-menu-item .btn-default {
  border: 1px solid #ededed;
  background-color: #fff;
  color: #949aa5;
  text-decoration: none; }

.companyNav .current-menu-item .btn-default:before {
  border-right: 1px solid #ededed;
  background-image: url(img/bullet_back_gray_s.png); }

/* officesList */
.officesList {
  padding-bottom: 25px;
  border-bottom: 1px solid #ededed; }

.officesList_mapWrapper {
  padding-top: 25px; }

.officesList_mapInner {
  border: 1px solid #ededed;
  padding: 5px; }

.officesList_mapReal {
  width: 100%;
  height: 155px; }

.officesList_mapLink {
  font-size: 12px;
  line-height: 1;
  margin-top: 10px; }

.officesList_mapLink:before {
  content: "[+]";
  margin-right: 7px;
  color: #4a74cc; }

.officesList_detailWrapper {
  padding-top: 25px; }

.officesList h3 {
  font-size: 14px;
  line-height: 2.214285714;
  font-weight: bold;
  margin: 6px 0 4px;
  color: #333; }

.officesList p {
  font-size: 14px;
  line-height: 1.785714286;
  color: #666;
  margin: 0; }

.officesList .note {
  font-size: 12px;
  line-height: 1.583333333;
  color: #999;
  margin-top: 13px; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 992px) {
  input[type="radio"],
  input[type="checkbox"] {
    margin-right: 10px; }

  .checkbox {
    margin-left: 15px;
    margin-right: 15px; }

  /* ============================== common */
  .pager li .btn-primary {
    width: auto; }

  .pager-longText .btn-primary {
    width: auto; }

  .pager-longText span {
    width: auto;
    -ms-text-overflow: clip;
    text-overflow: clip; }

  /* slider */
  .bx-wrapper .bx-pager {
    bottom: 23px; }

  .bx-wrapper .bx-pager.bx-default-pager a {
    margin: 0 3px; }

  .bx-wrapper .bx-controls-direction a {
    width: 61px;
    height: 71px;
    margin-top: -35px;
    background-size: 122px 142px; }

  .bx-wrapper .bx-prev:hover {
    background-position: 0 -71px; }

  .bx-wrapper .bx-next:hover {
    background-position: 100% -71px; }

  /* ============================== header */
  .header {
    background: url(img/bg_header.png) no-repeat 50% 0, url(img/bg_header_sp.png) repeat-x 51% 0;
    background-size: 1100px 180px, 416px 180px;
    height: 180px;
    /* normal */
    /* over */
    /* active */ }
    .header .navbar-brand {
      background-size: 247px 65px;
      width: 247px;
      height: 65px; }
    .header .navbar > .container .navbar-brand {
      margin-left: 40px; }
    .header .navbar {
      background-color: transparent;
      border: none; }
    .header .navbar-inverse .navbar-toggle .icon-bar {
      background-color: transparent; }
    .header .navbar-inverse .navbar-toggle:focus,
    .header .navbar-inverse .navbar-toggle:hover {
      background-color: transparent; }
    .header .navbar-right {
      margin-top: 48px;
      margin-right: -1px; }
    .header .navbar-right > li > a {
      background-color: transparent;
      border: 0;
      overflow: hidden;
      *text-indent: -9999px;
      height: 80px;
      padding: 0;
      line-height: 1;
      background: url(img/nav.png) no-repeat 0 0;
      background-size: 575px 240px;
      margin-left: 9px; }
      .header .navbar-right > li > a:before {
        content: "";
        display: block;
        width: 0;
        height: 150%; }
    .header .navbar-right > .nav_home > a {
      background-position: 0 0;
      width: 79px;
      margin-left: 0; }
    .header .navbar-right > .nav_product > a {
      background-position: -88px 0;
      width: 119px; }
    .header .navbar-right > .nav_feature > a {
      background-position: -216px 0;
      width: 143px; }
    .header .navbar-right > .nav_works > a {
      background-position: -368px 0;
      width: 79px; }
    .header .navbar-right > .nav_request > a {
      background-position: -456px 0;
      width: 119px; }
    .header .navbar-right > .nav_home > a:hover {
      background-position: 0 -80px; }
    .header .navbar-right > .nav_product > a:hover {
      background-position: -88px -80px; }
    .header .navbar-right > .nav_feature > a:hover {
      background-position: -216px -80px; }
    .header .navbar-right > .nav_works > a:hover {
      background-position: -368px -80px; }
    .header .navbar-right > .nav_request > a:hover {
      background-position: -456px -80px; }
    .header .navbar-right > .nav_home.current-menu-item > a {
      background-position: 0 -160px; }
    .header .navbar-right > .nav_product.current-menu-item > a {
      background-position: -88px -160px; }
    .header .navbar-right > .nav_feature.current-menu-item > a {
      background-position: -216px -160px; }
    .header .navbar-right > .nav_works.current-menu-item > a {
      background-position: -368px -160px; }
    .header .navbar-right > .nav_request.current-menu-item > a {
      background-position: -456px -160px; }
    .header .navbar-right .dropdown-menu {
      border-top: none;
      top: 80px;
      margin: 0;
      padding: 0;
      min-width: 200px; }
    .header .dropdown-menu > li > a {
      background-position: 12px 17px;
      padding: 10px 25px; }
    .header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      border-top: 1px solid #f4f4f4; }
    .header .navbar-inverse .navbar-nav .open .dropdown-menu > li:first-child > a {
      border-top: none; }
    .header .navbar-nav {
      padding: 0;
      background-color: transparent; }

  .header_navFunction {
    display: block;
    font-size: 0;
    text-align: right;
    margin: 30px 0 0;
    padding: 0 23px 0 0; }
    .header_navFunction li {
      font-size: 12px;
      display: inline-block; }
    .header_navFunction li:after {
      content: "・";
      color: #d0d4db;
      margin: 0 11px; }
    .header_navFunction li:last-child:after {
      content: ""; }
    .header_navFunction a {
      color: #999999; }

  /* ============================== footer */
  .footer .row {
    display: table;
    width: 100%;
    margin: 0; }
  .footer .col-md-3,
  .footer .col-md-6 {
    display: table-cell;
    border-left: 1px solid #433d39;
    float: none;
    padding: 0; }
  .footer .col-md-3:last-child,
  .footer .col-md-6:last-child {
    border-right: 1px solid #433d39; }
  .footer .col-md-3 {
    border-bottom: 1px solid #433d39;
    padding-bottom: 28px; }
  .footer .col-md-6 {
    vertical-align: middle; }
  .footer .footer_logo {
    margin: 30px 0 30px 30px;
    width: 294px;
    height: 87px;
    background-size: 294px 87px; }
  .footer .footer_Copyright {
    text-align: right;
    padding-right: 40px;
    margin: 0;
    border-left: none; }

  /* ============================== content */
  .spOnly-inline {
    display: none; }

  .spOnly-inlineblock {
    display: none; }

  .spOnly-block {
    display: none; }

  .pcOnly-inline {
    display: inline; }

  .pcOnly-inlineblock {
    display: inline-block; }

  .pcOnly-block {
    display: block; }

  /* breadcrumb */
  .breadcrumb_outer {
    display: block;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    background-color: #f5f6f7; }

  .breadcrumb_outer:before {
    content: "";
    display: block;
    border-top: 1px solid #fff;
    height: 0; }

  .breadcrumb_outer:after {
    content: "";
    display: block;
    border-bottom: 1px solid #fff;
    height: 0; }

  .breadcrumb {
    margin: 0 auto;
    padding: 12px 0;
    width: 942px;
    background-color: transparent;
    font-size: 12px; }

  .breadcrumb > li + li:before {
    color: #d0d4db;
    padding: 0 12px; }

  .breadcrumb > .active {
    color: #949aa5; }

  /* page-header */
  .page-header + .categoryIndicator {
    position: absolute;
    right: 15px;
    top: 11px;
    margin-top: 0; }

  /* headingLv2 */
  .contentSub .headingLv2-newsCategory {
    margin: 0 0 0; }

  .contentSub .headingLv2-workDetail {
    margin: -20px 0 0; }

  /* lead */
  .lead {
    text-align: center; }

  /* productCassette */
  .hr + .productCassetteWrapper .productCassette {
    margin-top: 0; }

  /* productCategory */
  .hr + .productCategoryWrapper .productCategory {
    margin-top: 0; }

  /* searchConditions */
  .searchConditions {
    width: 840px;
    margin-left: auto;
    margin-right: auto; }

  .searchConditions_content {
    padding-left: 44px;
    padding-right: 44px; }

  .searchConditions_content dd:first-of-type {
    padding-top: 0; }

  .searchConditions_content dd {
    padding-top: 18px;
    margin-left: 100px; }

  /* searchForm */
  .searchForm {
    width: 840px;
    margin-left: auto;
    margin-right: auto; }

  .searchForm_content {
    padding-left: 28px;
    padding-right: 28px; }

  .searchForm_content .searchForm_keywordText {
    width: 498px;
    height: 36px; }

  .searchForm_keywordBtn {
    width: 100px;
    margin-left: 15px; }

  .searchForm_helpText {
    margin-left: 37px;
    margin-right: 37px; }

  /* worksCassette */
  .page-headerWrapper + .worksCassetteWrapper .worksCassette {
    margin-top: 0; }

  /* btn_sideHeading */
  .btn_sideHeading {
    text-align: right;
    margin-top: -33px;
    margin-bottom: 0; }

  /* table */
  .borderTable dt {
    width: 132px; }

  .borderTable dd {
    margin-left: 162px; }

  .borderTable dt:first-of-type,
  .borderTable dd:first-of-type {
    margin-top: 0; }

  .borderTable dd:last-of-type {
    border-top: 1px solid #e6e8eb; }

  /* form */
  .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 10px; }

  .control-label {
    padding-right: 30px; }

  .form-group .col-sm-6 {
    border-left: 3px solid #616366;
    padding-left: 30px; }

  /* ============================== top */
  .contentMain-top .newsList {
    margin-top: 25px; }

  .contentMain-top .newsList dd {
    margin-left: 220px; }

  .contentMain_inner-top {
    width: 567px; }

  /* ============================== news */
  .newsList dd {
    margin-top: 22px;
    margin-left: 235px; }

  .newsDetal_content {
    min-height: 300px; }

  /* ============================== environment */
  .environmentCassete {
    margin: 50px 85px 0 63px;
    padding-left: 33px; }

  /* ============================== company */
  .officesList_detailWrapper {
    padding-left: 0; } }
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* floating box clear */
.clr:after, .mc:after, .ms:after, .multi_section:after, .multi_column:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clr, .mc, .ms, .multi_section, .multi_column {
  display: inline-table;
  min-height: 1%; }

/* Hide from mac IE5 \*/
* html .clr, * html .mc, * html .ms, * html .multi_section, * html .multi_column {
  height: 1%; }

.clr, .mc, .ms, .multi_section, .multi_column {
  display: block; }

/* End Hide from mac IE5 */
/* hide text */
.hidetxt, .hd {
  text-indent: -9999px;
  overflow: hidden; }

.hidetxt a, .hd a {
  overflow: hidden; }

.left_section {
  float: left; }

.right_section {
  float: right; }

.ls {
  float: left; }

.rs {
  float: right; }

.left_column {
  float: left; }

.right_column {
  float: right; }

.lc {
  float: left; }

.rc {
  float: right; }

.text_img {
  overflow: hidden; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; } }