@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Remove margin
 */
figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Blockquote
   ========================================================================== */
blockquote {
  margin: 0;
}

/*
 _reset.scss
*/
img {
  vertical-align: top;
  max-width: 100%;
}

a img {
  border: none;
}

a:active,
a:hover {
  outline: invert none medium;
}

ul {
  list-style: none;
  padding-left: 0;
}

ol {
  padding-left: 0;
}

dd {
  margin-left: 0;
}

input {
  border-radius: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
}

iframe {
  border: none;
}

/*
 _variable.scss
*/
/*
 _mixin.scss
*/
/* -- function -- */
/* -- place holder --*/
.c-heading-l3, .c-userEditable h3, #globalNav, .contentSubNav h1, .contentSubNav .contentSubNav_title, .c-heading-l2, .c-userEditable h2, .p-forBeginners_intro {
  position: relative;
}
.c-heading-l3:before, .c-userEditable h3:before, #globalNav:before, .contentSubNav h1:before, .contentSubNav .contentSubNav_title:before, .c-heading-l2:before, .c-userEditable h2:before, .p-forBeginners_intro:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #e7161a;
  background-image: url(/images/dot_red.png);
}

.c-heading-l3:before, .c-userEditable h3:before {
  top: -3px;
  height: 3px;
  background-color: #000;
  background-image: url(/images/dot_black.png);
}

.p-index_message_items:after {
  content: " ";
  display: table;
  clear: both;
}

/*
  _base.scss
*/
html {
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 0.875em;
  line-height: 1.7142857143;
  -webkit-font-feature-settings: "kern" 1, "liga" 1;
  -moz-font-feature-settings: "kern" 1, "liga" 1;
  font-feature-settings: "kern" 1, "liga" 1;
}

a {
  color: #00669f;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:hover img {
  opacity: .8;
}
a:hover .rollover {
  opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}

table {
  width: 100%;
  border: 1px solid #b3b3b3;
}
table th, table td {
  padding: 1em;
  border: 1px solid #b3b3b3;
}
table th {
  min-width: 100px;
  background-color: #faf9e1;
  text-align: left;
}
table tr:nth-child(2n), table tr:nth-child(2n) th {
  background-color: #f0f0e6;
}

/*
  _layout.scss
*/
/* -- siteWidth -- */
.globalHeaderInner, .globalNav_description, .globalNavItems, #contentBody, #globalFooter .globalFooterInner, .globalFooter_subInner, .p-index_product, .p-index_message, .p-index_case {
  width: 960px;
  margin: 0 auto;
}

#wrap {
  min-width: 980px;
  overflow-x: hidden;
}

#globalHeader {
  padding-bottom: 32px;
}

/* -- globalHeader -- */
.globalHeaderInner {
  position: relative;
}

.globalHeaderInner h1 {
  margin: 0;
  padding-top: 15px;
}

.globalHeader_description {
  width: 185px;
  margin-bottom: 16px;
  font-size: 0.7857142857em;
  line-height: 1.27;
  text-align: justify;
}

.c-headerBanner {
  position: absolute;
  top: 12px;
  right: 0;
  margin: 0 234px 0 0;
}
.c-headerBanner li {
  display: inline;
  float: left;
  margin-right: 6px;
}

.c-headerContact {
  position: absolute;
  top: 0;
  right: 2px;
  width: 224px;
  border: 1px solid #f7f7f7;
  border-top-width: 0;
  background-color: #faf9e1;
}
.c-headerContact:before {
  content: " ";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -1;
  border: 1px solid #e1dfda;
  border-top-width: 0;
}
.c-headerContact:after {
  content: url(/images/shadow230.png);
  position: absolute;
  left: -2px;
  bottom: -19px;
  z-index: -2;
}

.c-headerContact_label {
  height: 16px;
  margin: 0 -1px;
  padding: 3px 0;
  background-color: #000;
  background-image: url(/images/dot_black.png);
  text-align: center;
}
.c-headerContact_label img {
  margin-top: 2px;
}

.c-headerContact_inner {
  margin: 0;
}

.c-headerContact_inner a {
  display: block;
  width: 214px;
  margin: 6px auto;
}

/* -- globalNav -- */
#globalNav {
  margin: 5px 0 16px;
  padding: 6px 0 0;
  border-bottom: 1px solid #e1dfda;
  background-color: #faf9e1;
}
#globalNav:before {
  top: -6px;
  height: 6px;
}
#globalNav:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #fff;
}

body.index #globalNav {
  margin-bottom: 0;
}

.globalNav_description {
  position: relative;
  margin-top: -37px;
}
.globalNav_description:before {
  content: " ";
  display: block;
  position: absolute;
  top: 49px;
  left: 0;
  width: 1px;
  height: 33px;
  border-left: 1px dashed #b3b3b3;
}

.globalNavItems {
  display: table;
  padding: 5px 0;
}
.globalNavItems > li {
  display: table-cell;
  *display: inline;
  *float: left;
  position: relative;
  width: 192px;
  text-align: center;
  vertical-align: middle;
}
.globalNavItems > li:after {
  content: " ";
  display: block;
  position: absolute;
  top: 13px;
  right: -1px;
  width: 1px;
  height: 33px;
  border-left: 1px dashed #b3b3b3;
}
.globalNavItems > li a {
  display: block;
  width: 181px;
  height: 59px;
  margin-left: 5px;
  overflow: hidden;
}
.globalNavItems > li a img {
  -webkit-transition-duration: .25s;
          transition-duration: .25s;
  -webkit-transition-property: top;
          transition-property: top;
  -webkit-transition-timing-function: line;
          transition-timing-function: line;
  position: relative;
  *position: static;
  top: 0;
}

.globalNavItems > li a:hover img, .globalNavItems > li a:focus img, body.product .globalNavItems .globalNavItem-product a img, body.case .globalNavItems .globalNavItem-case a img, body.question .globalNavItems .globalNavItem-question a img, body.quality .globalNavItems .globalNavItem-quality a img, body.company .globalNavItems .globalNavItem-company a img {
  top: -59px;
  opacity: 1;
}

/* -- コンテンツエリア -- */
/* -- メインコンテンツエリア -- */
#main {
  float: left;
  width: 700px;
  min-height: 400px;
}

#main.noContentSub {
  float: none;
  width: 960px;
}

/* -- サブコンテンツエリア (ローカルナビ、バナーリスト) -- */
#contentSub {
  float: right;
  width: 230px;
  margin-top: 25px;
  margin-bottom: 27px;
}

.contentSubNav {
  position: relative;
  border: 1px solid #f7f7f7;
}
.contentSubNav h1, .contentSubNav .contentSubNav_title {
  margin: 0;
  padding: 35px 14px 28px;
  border: 1px solid #e1dfda;
  border-bottom-width: 0;
  background-color: #faf9e1;
  font-size: 1.2857142857em;
  font-weight: bold;
}
.contentSubNav h1 a, .contentSubNav .contentSubNav_title a {
  color: #000;
}
.contentSubNav h1:before, .contentSubNav .contentSubNav_title:before {
  top: 0;
  z-index: 2;
}
.contentSubNav:after {
  content: url(/images/shadow230.png);
  position: absolute;
  left: 0;
  bottom: -18px;
  z-index: -1;
}

.contentSubNav .c-search {
  padding: 10px 15px 15px;
  border-left: 1px solid #e1dfda;
  border-right: 1px solid #e1dfda;
  border-bottom-width: 0;
  background-image: url(/images/dot_black.png);
  font-size: 0.8571428571em;
}
.contentSubNav .c-search .c-search_label {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-bottom: 5px;
  padding: 2px 0 1px 12px;
  background-image: url(/images/icon/icon_search_small.png);
}
.contentSubNav .c-search .c-searchInput {
  margin-left: -1px;
}
.contentSubNav .c-search .c-searchInput_text {
  width: 149px;
}

.contentSubNavList {
  position: relative;
  margin: 0;
  border: 1px solid #e1dfda;
  border-top-width: 0;
}
.contentSubNavList > li {
  border-top: 3px solid #e1dfda;
  background-color: #e7161a;
  background-image: url(/images/dot_red.png);
  color: #fff;
  font-size: 1.0714285714em;
}
.contentSubNavList > li a {
  padding-left: 17px;
  background-image: url(/images/arrow_right_border.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.contentSubNavList > li > a {
  display: block;
  padding: 18px 16px 16px 31px;
  background-color: #faf9e1;
  background-position: 14px 1.5333333333em;
  color: #000;
  font-weight: bold;
}
.contentSubNavList > li > a:hover {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}
.contentSubNavList > .current {
  padding: 0 5px 5px 5px;
  font-weight: bold;
}
.contentSubNavList > .current > a {
  display: block;
  padding-left: 17px;
  background-image: url(/images/arrow_down_border.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 9px;
  padding-bottom: 15px;
  background-color: transparent;
  background-position: left center;
  color: #fff;
}
.contentSubNavList > .current > span {
  display: block;
  padding: 18px 16px 11px 26px;
  background-image: url(/images/dot_black_list.png);
  background-color: transparent;
  background-position: 10px 1.6em;
  background-repeat: no-repeat;
  color: #fff;
}

.contentSubNavList > li > ul {
  background-color: #fff;
  font-size: 0.9333333333em;
  font-size: 1rem;
  font-weight: normal;
}
.contentSubNavList > li > ul > li {
  padding: 10px 0;
  border-top: 1px solid #e7161a;
}
.contentSubNavList > li > ul > li > a, .contentSubNavList > li > ul > li > span {
  display: block;
  padding-left: 25px;
  border-top-width: 0;
  background-position: 10px .4em;
}
.contentSubNavList > li > ul > .current {
  padding-bottom: 0;
}
.contentSubNavList > li > ul > .current > a {
  padding-bottom: 7px;
  border-bottom: 1px dashed #e7161a;
  background-image: url(/images/arrow_down.png);
}
.contentSubNavList > li > ul > .current > span {
  padding-bottom: .5em;
  background-image: url(/images/dot_black_list.png);
  background-repeat: no-repeat;
  color: #000;
}

.contentSubNavList > li > ul > li > ul {
  padding-left: 10px;
  font-size: 0.8571428571em;
}
.contentSubNavList > li > ul > li > ul > li {
  padding: 3px 0 4px;
  border-top: 1px dashed #b3b3b3;
}
.contentSubNavList > li > ul > li > ul > li a {
  padding-left: 15px;
  background-image: url(/images/arrow_right.png);
  background-position: left 1px;
}
.contentSubNavList > li > ul > li > ul > li:first-child {
  border-top-width: 0;
}
.contentSubNavList > li > ul > li > ul > li.current > a {
  background-image: url(/images/arrow_down.png);
}
.contentSubNavList > li > ul > li > ul > li.current > span {
  padding-left: 17px;
  background-image: url(/images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #000;
  font-weight: bold;
}

.contentSubNavList > li > ul > li > ul > li > ul {
  font-size: 0.9166666667em;
  font-size: 0.7857142857rem;
}
.contentSubNavList > li > ul > li > ul > li > ul li {
  margin-bottom: 2px;
}
.contentSubNavList > li > ul > li > ul > li > ul li span, .contentSubNavList > li > ul > li > ul > li > ul li a {
  display: block;
  background-image: url(/images/small_arrow_right.png);
  padding-top: 2px;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: .4em .55em;
  line-height: 1.2727272727em;
}
.contentSubNavList > li > ul > li > ul > li > ul li span {
  padding-top: 3px;
  background-image: url(/images/dot_black_list.png);
  background-position: left 0.3636363636em;
  color: #000;
  font-weight: bold;
}

.contentSubNavList > li > ul > li > ul > li > ul > li > ul .current:before {
  color: #000;
}
.contentSubNavList > li > ul > li > ul > li > ul > li > ul li {
  margin-bottom: 2px;
}
.contentSubNavList > li > ul > li > ul > li > ul > li > ul li:before {
  content: "・";
  float: left;
  clear: left;
  color: #e7161a;
}
.contentSubNavList > li > ul > li > ul > li > ul > li > ul li span, .contentSubNavList > li > ul > li > ul > li > ul > li > ul li a {
  display: block;
  background-image: none;
}

/* -- globalFooter -- */
#globalFooter {
  position: relative;
  padding-top: 25px;
  border-top: 1px solid #fff;
  background-color: #faf9e1;
}
#globalFooter:before {
  content: " ";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e1dfda;
}

#globalFooter .globalFooterInner {
  margin-top: 0;
  font-size: 0.8571428571em;
}
#globalFooter .globalFooterInner a {
  padding-left: 17px;
  background-image: url(/images/arrow_right.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  padding-left: 16px;
  background-position: left 0.3333333333em;
}
#globalFooter .globalFooterInner .globalFooterList_title {
  display: block;
  margin: 0 0 4px;
  font-size: 1.1666666667em;
  font-size: 1rem;
  font-weight: bold;
}
#globalFooter .globalFooterInner .globalFooterList_title a {
  color: #000;
  background-position: left 0.3571428571em;
}
#globalFooter .globalFooterInner .globalFooterList_title + ul {
  margin-top: 0;
  margin-bottom: 10px;
}
#globalFooter .globalFooterInner ul > li {
  margin-bottom: 2px;
}
#globalFooter .globalFooterInner ul > li ul {
  margin-bottom: 5px;
}
#globalFooter .globalFooterInner ul > li ul a {
  padding-left: 17px;
  background-image: url(/images/small_arrow_right.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  background-position: 0.3571428571em 0.6428571429em;
}
#globalFooter .globalFooterInner .c-grid_colum.product {
  margin-left: 0;
}
#globalFooter .globalFooterInner .c-grid_colum.product .c-grid_colum {
  width: 165px;
}
#globalFooter .globalFooterInner .c-grid_colum.product .globalFooterList_title + .c-grid_colum {
  margin-left: 0;
}
#globalFooter .globalFooterInner .c-grid_colum.case, #globalFooter .globalFooterInner .c-grid_colum.utility {
  width: 165px;
}
#globalFooter .globalFooterInner .c-grid_colum.company {
  width: 220px;
}
#globalFooter .globalFooterInner .globalFooterNavUitility {
  margin-top: 0;
  margin-bottom: 13px;
}
#globalFooter .globalFooterInner .globalFooterNavUitility li {
  margin-bottom: 8px;
}
#globalFooter .globalFooterInner .globalFooterNavUitility a {
  color: #000;
  background-position: left 0.3571428571em;
  font-size: 1.1666666667em;
  font-size: 1rem;
  font-weight: bold;
}
#globalFooter .globalFooterInner .globalFooterNavBnr li {
  margin-bottom: 0.7142857143em;
}
#globalFooter .globalFooterInner .globalFooterNavBnr a {
  padding-left: 0;
  background-image: none;
}

.globalFooter_sub {
  border-top: 1px dashed #e1dfda;
}

.globalFooter_subInner {
  position: relative;
  padding: 1em 0;
}

.globalFooter_utility {
  position: absolute;
  bottom: 10px;
  right: 0;
}

/*
  _component.scss
*/
.c-breadcrumb {
  margin: 0;
  padding-left: 0;
  font-size: 0.8571428571em;
}
.c-breadcrumb > a:after {
  content: url(/images/big_arrow_right.png);
  position: relative;
  top: 1px;
  margin: 0 14px;
}
.c-breadcrumb > span {
  font-weight: bold;
}

/* -- logo -- */
.c-logo {
  max-width: 213px;
}

a:hover .c-logo {
  opacity: 1;
}

/* -- セクション section -- */
.c-section {
  margin: 25px 0 40px;
}

.c-header {
  margin-bottom: 20px;
}

/* -- Heading -- */
.c-heading-l1, .c-userEditable h1, .c-heading-l1 a, .c-userEditable h1 a, .c-heading-l2, .c-userEditable h2, .c-heading-l3, .c-userEditable h3, .c-heading-l4, .c-userEditable h4, .c-heading-l5, .c-userEditable h5, .c-heading-l6, .c-userEditable h6 {
  font-weight: bold;
  clear: both;
}

.c-heading-l1, .c-userEditable h1 {
  font-size: 2.4285714286em;
  margin: 0.5294117647em 0 0.6176470588em;
}

.c-heading-l1 a, .c-userEditable h1 a {
  padding-left: 0;
  background-image: none;
}

.c-heading-l2, .c-userEditable h2 {
  padding: 0.7777777778em 0.5555555556em;
  border-bottom: 1px dashed #b3b3b3;
  font-size: 1.2857142857em;
}
.c-heading-l2 a, .c-userEditable h2 a {
  background-position: left center;
}

.c-heading-l3, .c-userEditable h3 {
  padding: 8px 10px;
  border-bottom: 1px dashed #b3b3b3;
  font-size: 1em;
}

.c-heading-l4, .c-userEditable h4 {
  padding: 0.4285714286em 0.7142857143em;
  border-top: 1px dashed #b3b3b3;
  border-bottom: 1px dashed #b3b3b3;
  font-size: 1em;
}

.c-heading-l5, .c-userEditable h5 {
  padding-left: 0.7142857143em;
  font-size: 1em;
}

.c-heading-l6, .c-userEditable h6 {
  padding-left: 0.8333333333em;
  font-size: 0.8571428571em;
}

/* -- パラグラフ Paragraph -- */
.c-forGovArchitect {
  width: 53.6923076923em;
  padding: 0;
  border: 1px solid #e1dfda;
  background-color: #faf9e1;
  font-size: 0.9285714286em;
  font-weight: bold;
}

.c-forGovArchitect_label {
  display: inline-block;
  padding: 4px 0.7692307692em;
  background-color: #f0f0e6;
}

.c-forGovArchitect_text {
  display: inline-block;
  padding-left: 0.7692307692em;
  border-left: 1px dashed #b3b3b3;
}

.c-lead {
  display: table;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  border: 7px solid #e1dfda;
  border-collapse: separate;
  font-size: 1em;
}

.c-lead_img_left {
  display: table-cell;
  width: 218px;
}

.c-lead_text {
  display: table-cell;
  width: 438px;
  margin: 0;
  padding-right: 15px;
  padding-left: 15px;
  text-align: left;
  vertical-align: middle;
}

.noContentSub .c-lead {
  display: table;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  border: 7px solid #e1dfda;
  border-collapse: separate;
  font-size: 1.2857142857em;
}
.noContentSub .c-lead_text {
  display: table-cell;
  width: 698px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}

.c-lead_entry_photo-main {
  position: relative;
  float: left;
  width: 420px;
  margin-right: 20px;
}

.c-lead_entry_photo-main_image {
  width: 100%;
}

.c-lead_entry_photo-main_movie {
  display: none;
  width: 100%;
  height: 315px;
  border-width: 0;
}

.c-lead_entry_photo_zoom {
  display: block;
  position: absolute;
  bottom: 54px;
  left: 10px;
}

.c-lead_entry_photo_sub {
  float: right;
  width: 280px;
  margin: 0 0 0 -20px;
  font-size: 0.7142857143em;
  text-align: center;
}
.c-lead_entry_photo_sub > li {
  display: inline;
  float: left;
  width: 120px;
  margin-left: 20px;
  margin-bottom: 7px;
}
.c-lead_entry_photo_sub > li:nth-child(2n+1) {
  clear: left;
}
.c-lead_entry_photo_sub > li img {
  width: 112px;
  height: 82px;
  border: 4px solid #e1dfda;
}
.c-lead_entry_photo_sub > li img.is-dummy {
  width: 120px;
  height: 90px;
  border-width: 0px;
}
.c-lead_entry_photo_sub > li > a img:hover, .c-lead_entry_photo_sub .is-selectedImage {
  border-color: #e7161a;
}

/* -- Image in Paragraph -- */
.c-img_left {
  float: left;
  margin-right: 20px;
}

.c-img_right {
  float: right;
  margin-left: 20px;
}

.c-img_center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.c-figure img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.c-figure_movie {
  display: block;
}

.c-figure_caption {
  display: block;
  min-height: 1.5em;
  margin: 0;
  padding: 0.8333333333em 1.3333333333em;
  border-top: 5px solid #e1dfda;
  background: #faf9e1;
  font-size: 0.8571428571em;
  line-height: 1.5em;
}

/* -- リスト list ul ol dl -- */
.c-ulist, .c-userEditable ul {
  padding-left: 1.5em;
}
.c-ulist > li, .c-userEditable ul > li {
  padding-left: .71425em;
  background-image: url(/images/dot_red_list.png);
  background-repeat: no-repeat;
  background-position: left .5em;
}

.c-olist, .c-userEditable ol {
  padding-left: 1.5em;
  list-style: none;
  counter-reset: ol_li;
}
.c-olist > li:before, .c-userEditable ol > li:before {
  margin-right: .25em;
  counter-increment: ol_li;
  content: counter(ol_li);
  color: #e7161a;
}

.c-dlist_horizon {
  border-top: 2px solid #e1dfda;
  border-bottom: 2px solid #e1dfda;
}
.c-dlist_horizon dt {
  float: left;
  clear: left;
  width: 108px;
  padding: 14px 16px;
  border-top: 1px solid #e1dfda;
  font-weight: bold;
}
.c-dlist_horizon dd {
  margin-left: 140px;
  padding: 14px 0 14px 16px;
  border-top: 1px solid #e1dfda;
  border-left: 1px solid #e1dfda;
}

/* -- search -- */
.c-search {
  padding: 0.7647058824em 0;
  border-bottom: 4px solid #e1dfda;
  background-color: #333;
  background-image: url(/images/dot_black.png);
  font-size: 1.2142857143em;
}

.c-search_form {
  padding: 0;
  text-align: center;
}

.c-search_label {
  margin-right: 1.1764705882em;
  padding: 0.2941176471em 0 0.1764705882em 2.0588235294em;
  background-image: url(/images/icon/icon_search.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #fff;
}
.c-search_label:hover {
  cursor: pointer;
}

.c-searchInput {
  display: inline-block;
  font-size: 0.7647058824em;
  font-size: 0.9285714286rem;
}

.c-searchInput_text {
  display: inline;
  width: 16.7692307692em;
  height: 1.6923076923em;
  padding: 0.1538461538em 0.2307692308em;
  border: 1px solid #e1dfda;
  border-right-width: 0;
  color: #333;
}

.c-searchInput_submit {
  display: inline;
  height: 2.1538461538em;
  padding: 0.3076923077em 0.4615384615em 0.1538461538em;
  border: 1px solid #e1dfda;
  background-color: #fff;
  color: #333;
  font-weight: bold;
  vertical-align: top;
}
.c-searchInput_submit:hover {
  background: #fffffe;
  background-image: url(data:image/svg+xml,%3c%21%2d%2d%20SVG%20syntax%20%2d%2d%3e%20%0d%0a%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%20viewBox%3d%220%200%201%201%22%20preserveAspectRatio%3d%22none%22%3e%0d%0a%3clinearGradient%20id%3d%22g783%22%20gradientUnits%3d%22userSpaceOnUse%22%20x1%3d%220%25%22%20y1%3d%220%25%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%0d%0a%3cstop%20stop%2dcolor%3d%22%23fffffe%22%20offset%3d%220%22%2f%3e%3cstop%20stop%2dcolor%3d%22%23e7e7e7%22%20offset%3d%221%22%2f%3e%0d%0a%3c%2flinearGradient%3e%0d%0a%3crect%20x%3d%220%22%20y%3d%220%22%20width%3d%221%22%20height%3d%221%22%20fill%3d%22url%28%23g783%29%22%20%2f%3e%0d%0a%3c%2fsvg%3e);
  background-image: -webkit-linear-gradient(#fffffe, #e7e7e7);
  background-image: linear-gradient(#fffffe, #e7e7e7);
  background-image: -webkit-linear-gradient(top, white, #e7e7e7);
  background-image: linear-gradient(to bottom, white, #e7e7e7);
}

/* -- link -- */
.c-link_right, .c-pagination_next a, .c-link_left, .c-pagination_prev a, .c-link_backTop, .c-link_down, .c-link_print, .c-link_blank {
  font-weight: bold;
}

.c-link_zoom {
  display: block;
  margin-top: 0.5em;
  font-size: 1em;
  font-size: 0.8571428571rem;
}
.c-link_zoom:before {
  content: url(/images/plus.png);
  margin-right: 6px;
}

.c-link_right, .c-pagination_next a {
  padding-left: 17px;
  background-image: url(/images/arrow_right.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.c-link_left, .c-pagination_prev a {
  padding-left: 17px;
  background-image: url(/images/arrow_left.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.c-link_backTop {
  padding-left: 17px;
  background-image: url(/images/arrow_upper.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.c-link_down {
  padding-left: 17px;
  background-image: url(/images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.c-link_print {
  padding-left: 17px;
  background-image: url(/images/print.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.c-link_blank {
  padding-left: 17px;
  background-image: url(/images/arrow_right.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.c-link_blank:after {
  content: url(/images/targetblank.png);
  margin-left: .2em;
}

/* -- button -- */
.c-button, .c-button_arrow, .c-button_arrow-big, .c-button_img, .c-menuDl_under_dl_button, .c-button_drawing-big {
  display: inline-block;
  position: relative;
  padding: 7px 12px 6px 11px;
  margin-left: 1px;
  border: 1px solid #fff;
  border-bottom-width: 0;
  background-color: #f9f9f9;
  background: #fffffe;
  background-image: url(data:image/svg+xml,%3c%21%2d%2d%20SVG%20syntax%20%2d%2d%3e%20%0d%0a%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%20viewBox%3d%220%200%201%201%22%20preserveAspectRatio%3d%22none%22%3e%0d%0a%3clinearGradient%20id%3d%22g783%22%20gradientUnits%3d%22userSpaceOnUse%22%20x1%3d%220%25%22%20y1%3d%220%25%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%0d%0a%3cstop%20stop%2dcolor%3d%22%23fffffe%22%20offset%3d%220%22%2f%3e%3cstop%20stop%2dcolor%3d%22%23f0f0f0%22%20offset%3d%221%22%2f%3e%0d%0a%3c%2flinearGradient%3e%0d%0a%3crect%20x%3d%220%22%20y%3d%220%22%20width%3d%221%22%20height%3d%221%22%20fill%3d%22url%28%23g783%29%22%20%2f%3e%0d%0a%3c%2fsvg%3e);
  background-image: -webkit-linear-gradient(#fffffe, #f0f0f0);
  background-image: linear-gradient(#fffffe, #f0f0f0);
  background-image: -webkit-linear-gradient(top, white, #f0f0f0 97%, #f0f0f0, white 3%);
  background-image: linear-gradient(to bottom, white, #f0f0f0 97%, #f0f0f0, white 3%);
  line-height: 1;
  color: #000;
  font-weight: bold;
  text-align: center;
}
.c-button:after, .c-button_arrow:after, .c-button_arrow-big:after, .c-button_img:after, .c-menuDl_under_dl_button:after, .c-button_drawing-big:after {
  content: " ";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border: 1px solid #b3b3b3;
  border-bottom-width: 2px;
}
.c-button:hover, .c-button_arrow:hover, .c-button_arrow-big:hover, .c-button_img:hover, .c-menuDl_under_dl_button:hover, .c-button_drawing-big:hover {
  background-color: #e7e7e7;
  background: #fffffe;
  background-image: url(data:image/svg+xml,%3c%21%2d%2d%20SVG%20syntax%20%2d%2d%3e%20%0d%0a%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%20viewBox%3d%220%200%201%201%22%20preserveAspectRatio%3d%22none%22%3e%0d%0a%3clinearGradient%20id%3d%22g783%22%20gradientUnits%3d%22userSpaceOnUse%22%20x1%3d%220%25%22%20y1%3d%220%25%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%0d%0a%3cstop%20stop%2dcolor%3d%22%23fffffe%22%20offset%3d%220%22%2f%3e%3cstop%20stop%2dcolor%3d%22%23e7e7e7%22%20offset%3d%221%22%2f%3e%0d%0a%3c%2flinearGradient%3e%0d%0a%3crect%20x%3d%220%22%20y%3d%220%22%20width%3d%221%22%20height%3d%221%22%20fill%3d%22url%28%23g783%29%22%20%2f%3e%0d%0a%3c%2fsvg%3e);
  background-image: -webkit-linear-gradient(#fffffe, #e7e7e7);
  background-image: linear-gradient(#fffffe, #e7e7e7);
  background-image: -webkit-linear-gradient(top, white, #e7e7e7 97%, #e7e7e7, white 3%);
  background-image: linear-gradient(to bottom, white, #e7e7e7 97%, #e7e7e7, white 3%);
  text-decoration: none;
}
.c-button:hover img, .c-button_arrow:hover img, .c-button_arrow-big:hover img, .c-button_img:hover img, .c-menuDl_under_dl_button:hover img, .c-button_drawing-big:hover img {
  opacity: 1;
}
.c-button img, .c-button_arrow img, .c-button_arrow-big img, .c-button_img img, .c-menuDl_under_dl_button img, .c-button_drawing-big img {
  vertical-align: middle;
}

.c-button_arrow, .c-button_arrow-big {
  padding-left: 16px;
  color: #000;
  font-weight: bold;
}
.c-button_arrow:before, .c-button_arrow-big:before {
  content: url(/images/arrow_right.png);
  position: relative;
  top: 0;
  left: -5px;
}

.c-button_arrow-big {
  padding: 15px;
  min-width: 28.2352941176em;
  font-size: 1.2142857143em;
}
.c-button_arrow-big:before {
  left: -0.2941176471em;
}

.c-button_img, .c-menuDl_under_dl_button {
  padding-bottom: 8px;
}

.c-button_drawing-big {
  width: 304px;
}

/* -- ラベル label -- */
.c-label, .c-label_category {
  display: inline-block;
  padding: 2px 8px 0;
  border-radius: 2px;
  background-color: #e7161a;
  background-image: url(/images/dot_red.png);
  color: #fff;
  font-size: 0.7142857143em;
  text-align: center;
  vertical-align: middle;
}

.c-label_category {
  min-width: 55px;
}

/* -- menuDl -- */
.c-menuDl {
  margin: 0 0 0 80px;
}

.c-menuDl_title, .c-menuDl_under_title {
  line-height: 1.2;
  margin-bottom: 2px;
}
.c-menuDl_title > a, .c-menuDl_under_title > a {
  padding-left: 17px;
  background-image: url(/images/arrow_right.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-position: left 1px;
  display: block;
  font-weight: bold;
}

.c-menuDl_text, .c-menuDl_under_text {
  font-size: 0.8571428571em;
}

.c-menuDl_under {
  margin: 10px 0;
}

.c-menuDl_under_title {
  margin-top: 15px;
  margin-bottom: 10px;
}

.c-menuDl_under_dl {
  margin-top: 12px;
  margin-bottom: 40px;
  padding: 7px;
  background-color: #faf9e1;
}

.c-menuDl_under_dl_title {
  display: block;
  margin-bottom: 7px;
  font-weight: bold;
}

.c-menuDl_under_dl_button {
  float: left;
  width: 56px;
  margin-left: 2px;
  margin-bottom: 2px;
  padding: 7px 5px 6px 8px;
  text-align: left;
}

.c-menuDl_under_price {
  display: block;
}

/* -- news 最新情報 -- */
.c-news_header {
  position: relative;
}

.c-news_header_title > a {
  color: #000;
}

.c-news_header_rss {
  display: block;
  position: absolute;
  right: 1em;
  top: .7em;
}

.c-newsList dt {
  margin-bottom: 5px;
  padding-left: 20px;
}

.c-newsList_publishedTime {
  margin-right: 16px;
  font-size: 0.8571428571em;
  font-weight: bold;
  vertical-align: middle;
}

.c-newsList_title {
  padding-left: 17px;
  background-image: url(/images/arrow_right.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 1.4285714286em;
  padding-left: 2.7142857143em;
  padding-bottom: 1em;
  border-bottom: 1px solid #e1dfda;
  background-position: 1.5714285714em 0.3571428571em;
}

.c-newsList_category dt, .c-newsList_category_year dt {
  float: left;
  clear: left;
  margin-left: 1.1666666667em;
}

.c-newsList_category_title {
  padding-left: 17px;
  background-image: url(/images/arrow_right.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 1.4285714286em;
  padding-left: 10.9285714286em;
  padding-bottom: 1em;
  border-bottom: 1px solid #e1dfda;
  background-position: 9.7857142857em 0.4285714286em;
}

.c-newsList_category_year {
  padding-top: 1em;
  border-top: 1px solid #e1dfda;
}

/* -- Staff Comment スタッフコメント -- */
.c-staffComment {
  border: 1px solid #e1dfda;
  border-top-width: 3px;
  background-color: #faf9e1;
}

.c-staffComment_title {
  padding-bottom: .7em;
  padding-left: 1.4285714286em;
  border-bottom: 1px dashed #b3b3b3;
}

.c-staffComment_body {
  padding: 0 20px 8px;
}

.c-staffComment_image {
  margin-bottom: 8px;
}

.c-staffComment_text {
  margin-left: 120px;
}

/* -- icon -- */
.c-icon_pdf:before, .c-icon_dxf:before, .c-icon_dwg:before, .c-icon_jwc:before, .c-icon_rss:before {
  display: inline-block;
  margin: 0 2px;
  line-height: 1;
  vertical-align: middle;
}

.c-icon_pdf:before {
  content: url(/images/icon/icon_pdf.png);
}

.c-icon_dxf:before {
  content: url(/images/icon/icon_dxf.png);
}

.c-icon_dwg:before {
  content: url(/images/icon/icon_dwg.png);
}

.c-icon_jwc:before {
  content: url(/images/icon/icon_jwc.png);
}

.c-icon_rss:before {
  content: url(/images/icon/icon_rss.png);
}

/* -- banner list -- */
.c-bnrList {
  margin: 20px 0;
}

.c-bnrList > li {
  margin-bottom: 10px;
}

/* -- pagination -- */
.c-pagination {
  margin-bottom: 20px;
  text-align: center;
}

.c-pagination > li {
  display: inline;
  margin-right: 5px;
}

.c-pagination_item > a,
.c-pagination_current em {
  padding: 6px 6px 4px;
  letter-spacing: -1px;
}

.c-pagination_item > a {
  border: 1px solid #e1dfda;
}

.c-pagination_current em {
  background-color: #e7161a;
  color: #fff;
  font-style: normal;
}

.c-pagination_next a {
  background-position: right center;
  padding-left: 0;
  padding-right: 17px;
}

/*
  _grid.scss
*/
.c-grid_colum {
  display: inline;
  float: left;
  box-sizing: border-box;
  margin-left: 20px;
  margin-bottom: 20px;
}

.c-grid {
  overflow: hidden;
  margin-left: -20px;
}

.c-grid.col2 > .c-grid_colum {
  width: 340px;
}

.c-grid.col2 > .c-grid_colum:nth-child(2n+1) {
  clear: left;
}

.c-grid.col2 > .c-grid_colum:first-child + .c-grid_colum + .c-grid_colum,
.c-grid.col2 > .c-grid_colum:first-child + .c-grid_colum + .c-grid_colum + .c-grid_colum + .c-grid_colum {
  clear: left;
}

.c-grid.col2.fullWidth > .c-grid_colum {
  width: 470px;
}

.c-grid.col3 > .c-grid_colum {
  width: 220px;
}

.c-grid.col3 > .c-grid_colum:nth-child(3n+1) {
  clear: left;
}

.c-grid.col3.fullWidth > .c-grid_colum {
  width: 306px;
}

.c-grid.col4 > .c-grid_colum {
  width: 160px;
}

.c-grid.col4 > .c-grid_colum:nth-child(4n+1) {
  clear: left;
}

.c-grid.col4 > .c-grid_colum:first-child + .c-grid_colum + .c-grid_colum + .c-grid_colum + .c-grid_colum,
.c-grid.col4 > .c-grid_colum:first-child + .c-grid_colum + .c-grid_colum + .c-grid_colum + .c-grid_colum + .c-grid_colum + .c-grid_colum + .c-grid_colum + .c-grid_colum {
  clear: left;
}

.c-grid.col4.fullWidth > .c-grid_colum {
  width: 225px;
}

.c-grid.col5 > .c-grid_colum {
  width: 124px;
}

.c-grid.col5 > .c-grid_colum:nth-child(5n+1) {
  clear: left;
}

.c-grid.col5.fullWidth > .c-grid_colum {
  width: 176px;
}

/*
  _index.scss
*/
.p-index_eyeCatch {
  width: 3180px;
  margin-left: -1110px;
  height: 320px;
}
.p-index_eyeCatch p {
  margin: 0;
}

.slick-slider {
  margin-bottom: 25px;
}

.p-index_eyeCatch .slick-list .slick-active {
  height: 290px;
  overflow: hidden;
  margin-top: 15px;
}

.p-index_eyeCatch .slick-list .slick-center {
  height: 320px;
  margin-top: 0;
  padding-bottom: 0;
}

.p-index_eye_prev, .p-index_eye_next {
  position: absolute;
  top: 136px;
  left: 1109px;
  z-index: 2;
  cursor: pointer;
}

.p-index_eye_next {
  left: 2020px;
}

.p-index_eyeCatch .slick-dots {
  bottom: 0;
}
.p-index_eyeCatch .slick-dots li {
  margin: 0 1px;
}
.p-index_eyeCatch .slick-dots li button:before {
  content: url(/images/eye/slick_dots.png);
  opacity: 1;
}
.p-index_eyeCatch .slick-dots .slick-active {
  height: 20px;
}
.p-index_eyeCatch .slick-dots .slick-active button:before {
  content: url(/images/eye/slick_dots_active.png);
}

.p-index_product, .p-index_message, .p-index_case {
  margin-top: 25px;
}
.p-index_product:last-child, .p-index_message:last-child, .p-index_case:last-child {
  margin-bottom: 65px;
}

.p-index_product_title, .p-index_message_title, .p-index_case_title {
  margin-bottom: 0;
  padding: 1.46875em 0 0;
  border-bottom-width: 0;
  background-position: center 0.625em;
  background-repeat: no-repeat;
  font-size: 2.2857142857em;
  letter-spacing: 0.125em;
  text-align: center;
}

.p-index_product_title {
  background-image: url(/images/index_product_title_bg.png);
}

.p-forGovArchitect {
  margin-bottom: 1.5384615385em;
  padding: 0.3846153846em 0 0.3076923077em;
  border-top: 1px dashed #b3b3b3;
  border-bottom: 1px dashed #b3b3b3;
  font-size: 0.9285714286em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.p-forGovArchitect .p-forGovArchitect_label {
  margin-right: 0.8461538462em;
  padding: 0.3846153846em 0.8461538462em;
  border-right: 1px dashed #b3b3b3;
}

.p-index_productListItem {
  margin-bottom: 14px;
}

.p-index_message_title {
  background-image: url(/images/index_message_title_bg.png);
}

.p-index_message_items {
  padding: 1px 0 1px 1px;
  border: 1px solid #b3b3b3;
}

.p-index_message_item {
  float: left;
  display: inline;
  border-right: 1px solid #fff;
  border-left: 1px solid #b3b3b3;
}
.p-index_message_item:first-child {
  border-left-width: 0;
}

.p-index_case_title {
  background-image: url(/images/index_case_title_bg.png);
}

.p-index_caseList > li {
  position: relative;
  float: left;
  width: 238px;
  border: 1px solid #f7f7f7;
}
.p-index_caseList > li:after {
  content: url(/images/case_ribbon.png);
  position: absolute;
  top: -6px;
  right: 9px;
}
.p-index_caseList > li:before {
  content: url(/images/shadow240.png);
  position: absolute;
  left: 0;
  bottom: -17px;
}

.p-index_caseList > li a {
  display: block;
  color: #fff;
  height: 153px;
  overflow: hidden;
}
.p-index_caseList > li a p {
  height: 70px;
  margin: 0 1px;
  position: relative;
  top: 0;
  padding: 4px 7px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: top .2s;
          transition: top .2s;
}
.p-index_caseList > li a:hover img {
  opacity: 1;
}
.p-index_caseList > li a:hover p, .p-index_caseList > li a:focus p {
  top: -79px;
}

.p-index_caseList > li img {
  border: 1px solid #e6e6e6;
}

.p-index_infoCompany {
  float: left;
  margin-top: 10px;
  width: 205px;
  padding: 10px;
  background-color: #faf9e1;
}
.p-index_infoCompany > li {
  margin-top: 10px;
}
.p-index_infoCompany > li:first-child {
  margin-top: 0;
}

.p-index_infoNews {
  float: right;
  width: 715px;
  border-bottom: 1px solid #b3b3b3;
}

.p-index_infoNewsInner {
  height: 300px;
  overflow: auto;
}

.p-index_infoNewsUpper .c-news_header_title {
  margin: 10px 0;
  text-indent: 10px;
}

.p-index_infoNewsUpperInner {
  height: 11.8571428571em;
  overflow-y: auto;
  border: 7px solid #e1dfda;
}
.p-index_infoNewsUpperInner .c-newsList {
  margin: 17px 0;
}
.p-index_infoNewsUpperInner .c-label_category {
  min-width: 7.1428571429em;
}
.p-index_infoNewsUpperInner .c-newsList > dt {
  float: left;
}
.p-index_infoNewsUpperInner .c-newsList_title {
  margin: 0 0 0 16.25em;
  padding-bottom: 13px;
  border-bottom-width: 0;
  background-position: 1.4285714286em 0.5em;
}
.p-index_infoNewsUpperInner .c-newsList_title > a {
  vertical-align: middle;
}

.p-index_infoNewsUpperLinks {
  margin-bottom: 0;
  text-align: right;
}
.p-index_infoNewsUpperLinks a {
  margin-left: 20px;
}

/*
 _for-beginners.scss
*/
.p-forBeginners_intro {
  margin-top: 28px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e7161a;
  background-color: #faf9e1;
}

.p-forBeginners_intro_text {
  margin-bottom: 25px;
  padding: 1.4285714286em 0 0;
  color: #e7161a;
  font-size: 1.4285714286em;
  font-weight: bold;
  line-height: 1.4em;
  text-align: center;
}

.p-forBeginners_intro_points {
  margin: 0;
  border-top: 4px solid #e1dfda;
  border-bottom: 1px solid #fff;
}

.p-forBeginners_intro_point {
  position: relative;
  display: inline;
  box-sizing: border-box;
  float: left;
  height: 108px;
  width: 25%;
  padding-bottom: 30px;
  text-align: center;
}
.p-forBeginners_intro_point a {
  display: block;
  height: 108px;
  color: #000;
}
.p-forBeginners_intro_point a:after {
  content: url(/images/link_unchor.png);
  position: absolute;
  height: 11px;
  right: 50%;
  bottom: 4px;
}

.p-forBeginners_intro_point_image {
  border-left: 1px solid #e1dfda;
}
.p-forBeginners_intro_point_image:first-child {
  border-left-width: 0;
}

.p-forBeginners_intro_point_text, .p-forBeginners_intro_point_text-last {
  display: block;
  margin-top: 12px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.1428571429em;
  text-align: center;
}

.p-forBeginners_intro_point_text-last {
  margin-top: 6px;
}

.p-forBeginners_point_num {
  position: relative;
  padding: 3px 9px 2px 10px;
  border-radius: 3px 0 0 3px;
  background-image: url(/images/dot_red.png);
  color: #fff;
  font-size: 0.7142857143em;
}
.p-forBeginners_point_num:after {
  content: url(/images/arrow_right_dot.png);
  position: absolute;
  top: 0;
  right: -9px;
  background-image: none;
}

.p-forBeginners_point_title {
  margin: 0 0 0.8125em;
  color: #e7161a;
  font-size: 2.2857142857em;
}

.p-forBeginners_point_subTitle {
  display: block;
  font-size: 0.625em;
  font-size: 1.4285714286rem;
}

.p-forBeginners_point_body {
  margin-bottom: 40px;
}

.p-forBeginners_point_main {
  margin-bottom: 40px;
  background-color: #000;
  background-image: url(/images/dot_black.png);
  color: #fff;
}

.p-forBeginners_point_main_photo-left {
  float: left;
  margin-right: 40px;
}

.p-forBeginners_point_main_photo-right {
  float: right;
  margin-left: 40px;
}

.p-forBeginners_point_main_text {
  padding: 40px 40px 0;
  text-align: justify;
}

.p-forBeginners_point_main_title {
  margin: 0 0 0.7em;
  font-size: 1.4285714286em;
}

.p-forBeginners_contactUs {
  margin-bottom: 40px;
  padding-top: 1.4285714286em;
  background: #faf9e1;
}

.p-forBeginners_contactUs_title {
  margin: 0 0 1em;
  color: #e7161a;
  font-size: 1.4285714286em;
  text-align: center;
}

.p-forBeginners_contactUs_btns {
  padding: 40px 0;
  background-image: url(/images/for-beginners_contact_us_bg.png);
}

.p-forBeginners_contactUs_btn {
  display: inline;
  float: left;
  margin-left: 20px;
}
.p-forBeginners_contactUs_btn:first-child {
  margin-left: 40px;
}

/*
 _product.scss
*/
.p-product_header {
  position: relative;
}

.p-product_header .c-forGovArchitect {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0.6666666667em;
}

.p-product_header .c-link_print {
  font-size: 0.8571428571em;
}

.p-product_index_subCatList_image {
  width: 70px;
  margin-right: 10px;
}

.p-product_info_detail > tbody > tr > th {
  width: 100px;
}

.p-product_info_detail_spec {
  margin: 0;
}
.p-product_info_detail_spec > dt {
  float: left;
}
.p-product_info_detail_spec > dt:after {
  content: "：";
}

.p-dl_drawing {
  padding: 10px;
  background-color: #faf9e1;
  text-align: center;
}
.p-dl_drawing .c-button_drawing-big {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

/*
 _case.scss
*/
.p-case_searchPref_title {
  margin: 0 0 20px;
  padding: 12px 12px 10px 40px;
  border-bottom: 1px dashed #e1dfda;
  background-image: url(/images/icon/icon_search_black.png);
  background-position: 5px center;
  background-repeat: no-repeat;
  font-size: 1.2142857143em;
  font-weight: normal;
}

.p-case_searchPref_table td, .p-case_searchPref_table th {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-case_searchPref_table th {
  width: 140px;
}

.p-case_searchPref_areaList {
  margin: 0;
  color: #999;
}
.p-case_searchPref_areaList > li {
  display: inline;
  margin-right: 12px;
}

.p-case_item .c-heading-l3, .p-case_item .c-userEditable h3, .c-userEditable .p-case_item h3 {
  margin-bottom: 20px;
}

.p-case_item_category {
  min-width: 7.1em;
  margin-top: -1px;
  margin-left: 10px;
  line-height: 1.7;
}

.p-case_item_photo {
  width: 220px;
}

.p-case_item_address {
  margin-left: 240px;
  clear: none;
}

.p-case_item_text {
  margin-left: 240px;
}

/*
 _quality.scss
*/
.p-quality_index_menu {
  margin-top: 0;
}

.p-quality_index_menu .c-heading-l2, .p-quality_index_menu .c-userEditable h2, .c-userEditable .p-quality_index_menu h2 {
  margin-top: 5px;
}

.p-quality_index_menu_text, .p-quality_index_menu_links {
  margin-left: 180px;
  font-size: 0.8571428571em;
}

.p-quality_index_menu_links a {
  display: block;
  background-position: left 3px;
}

/*
 _question.scss
*/
.p-question {
  margin-top: 20px;
  margin-bottom: 40px;
  border: 1px solid #e6e5cf;
  border-top-width: 3px;
}

.p-question_q {
  margin: 0;
  padding: 15px;
  border-bottom: 1px dashed #e1dfda;
  background-color: #faf9e1;
  font-size: 1.1428571429em;
}
.p-question_q:before {
  content: "Q";
  display: inline-block;
  width: 1.875em;
  margin-right: 11px;
  padding: 0.25em 0;
  border-radius: 3px;
  background-image: url(/images/dot_red.png);
  color: #fff;
  text-align: center;
}

.p-question_a {
  position: relative;
  margin-top: 20px;
  margin-left: 46px;
  padding: 0 15px;
}
.p-question_a:before {
  content: "A";
  position: absolute;
  top: 0;
  left: -30px;
  display: block;
  width: 1.875em;
  padding: 0.125em 0 0.0625em;
  border-radius: 3px;
  background-image: url(/images/dot_black.png);
  color: #fff;
  font-size: 1.1428571429em;
  text-align: center;
}

/*
 _company.scss
*/
.p-company_index_menu_text {
  margin-left: 81px;
  font-size: 0.8571428571em;
}

.p-company_about_map {
  margin-top: 6px;
  float: left;
}

.p-company_about_map > div {
  height: 220px;
  width: 220px;
}

.p-company_about_info {
  margin-top: 20px;
  margin-left: 240px;
  border-bottom: 1px solid #b3b3b3;
}
.p-company_about_info > dt {
  margin-bottom: 7px;
  padding: 15px 15px 0;
  border-top: 1px solid #b3b3b3;
  font-weight: bold;
}
.p-company_about_info > dd {
  padding: 0 15px 15px;
}

/* -- 全国販売店一覧 reseller -- */
.p-company_reseller_map {
  position: relative;
  height: 548px;
  border: 7px solid #e1dfda;
  background-image: url(/images/company/line_okinawa.png);
  background-position: 47.5% 27.5%;
  background-repeat: no-repeat;
}
.p-company_reseller_map .prefectly {
  padding-right: 4px;
  color: #dddddd;
}
.p-company_reseller_map .prefectly li {
  padding-top: 50px;
}

.p-company_reseller_map_dummy {
  position: absolute;
  top: 20px;
  left: 150px;
  z-index: 1;
}

.p-company_reseller_list > li {
  position: absolute;
  z-index: 2;
}

.reseller_sapporoNitto {
  top: 127px;
  right: 32px;
}

.reseller_northSalesBranch {
  bottom: 199px;
  right: 30px;
}

.reseller_osamuInc {
  top: 32px;
  left: 150px;
}

.reseller_tohokuAmenity {
  top: 188px;
  right: 31px;
}

.reseller_kaneko {
  top: 250px;
  right: 38px;
}

.reseller_nitto {
  top: 155px;
  left: 70px;
}

.reseller_tokyoTaiki {
  left: 460px;
  bottom: 30px;
}

.reseller_chubuNitto {
  top: 399px;
  left: 460px;
}

.reseller_moriZoukei {
  top: 399px;
  left: 30px;
}

.reseller_kansaiSalesBranch {
  top: 93px;
  left: 110px;
}

.reseller_fujikawa {
  bottom: 30px;
  left: 262px;
}

.reseller_parkCreate {
  top: 246px;
  left: 30px;
}

.reseller_tsukamoto {
  top: 399px;
  left: 262px;
}

.reseller_houei {
  bottom: 30px;
  left: 28px;
}

.p-company_reseller_account_area_list > li {
  display: inline;
}

.p-company_reseller_account_area_list .c-label, .p-company_reseller_account_area_list .c-label_category {
  min-width: 5.9166666667em;
  font-size: 0.8571428571em;
  letter-spacing: 1px;
}

/*
 _news.scss
*/
.p-news_info .c-label, .p-news_info .c-label_category {
  margin-left: 20px;
}

.p-news_body {
  margin-bottom: 40px;
}

.p-news_pager-prev,
.p-news_pager-next {
  display: block;
}

.p-news_pager-next {
  text-align: right;
  background-position: right center;
  padding-right: 16px;
  padding-left: 0;
}

.p-news_otherNews_body {
  height: 19.2857142857em;
  overflow: scroll;
}

/*
 _contact.scss
*/
.p-contact_header {
  margin-bottom: 35px;
}

.p-contact_catalog_lead {
  border-width: 0;
}

.p-contact_catalog_lead .c-lead_img_left {
  width: 142px;
}

.p-contact_catalog_lead .c-lead_text {
  width: 518px;
}

.p-contact_catalog_lead .c-lead_text_title {
  display: block;
  font-size: 1.2857142857em;
}

.p-contact_attention {
  font-size: 0.8571428571em;
}

.p-contact_form > table {
  width: 100%;
}

.p-contact_form > table th {
  width: 208px;
}

.p-contact_input-text {
  width: 8.5714285714em;
}

.p-contact_input-text-full {
  width: 21.4285714286em;
}

.p-contact_tel {
  width: 6em;
}

.p-contact_orderCatalog_list {
  margin: 0;
}

.p-contact_orderCatalog_list > li {
  margin-bottom: 3px;
}

.p-contact_orderCatalog_list > li > label {
  margin-left: 14px;
  cursor: pointer;
}

.p-contact_input-submit {
  padding: 15px;
  width: 28.2352941176em;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, white, #f0f0f0 97%, #f0f0f0, white 3%);
  background-image: linear-gradient(to bottom, white, #f0f0f0 97%, #f0f0f0, white 3%);
  line-height: 1;
  font-size: 1.2142857143em;
}
.p-contact_input-submit:hover {
  background-color: #e7e7e7;
  background-image: -webkit-linear-gradient(top, white, #e7e7e7 97%, #e7e7e7, white 3%);
  background-image: linear-gradient(to bottom, white, #e7e7e7 97%, #e7e7e7, white 3%);
  text-decoration: none;
}

input[disabled="disabled"] {
  opacity: .5;
}

.p-contact_ssl {
  margin-top: 50px;
}

/*
 _user_editable.scss
*/
.c-userEditable h1, .c-userEditable h2, .c-userEditable h3, .c-userEditable h4, .c-userEditable h5, .c-userEditable h6 {
  margin-top: 40px;
}
.c-userEditable blockquote {
  padding: 30px 30px 30px 33px;
  border-left: 5px solid #e1dfda;
  background-color: #faf9e1;
  background-image: url(/images/quote.png);
  background-repeat: no-repeat;
  background-position: 6px 7px;
}
.c-userEditable blockquote cite {
  display: block;
  font-style: normal;
  text-align: right;
}
.c-userEditable blockquote cite a:before {
  content: url(/images/arrow_right.png);
  margin-right: 3px;
}
.c-userEditable dl {
  border-bottom: 1px solid #b3b3b3;
}
.c-userEditable dl dt {
  padding-top: 12px;
  padding-left: 16px;
  border-top: 1px solid #b3b3b3;
  font-weight: bold;
}
.c-userEditable dl dd {
  margin-bottom: 12px;
  margin-left: 16px;
}

.clearfix:after, #contentBody:after, .c-lead_entry_photo:after, .c-lead_entry_photo_sub:after, .c-menuDl_under_dl:after, .c-newsList_category:after, .c-newsList_category_year:after, .c-staffComment_body:after, .p-index_caseList:after, .p-index_info:after, .p-forBeginners_intro_points:after, .p-forBeginners_point_main:after, .p-forBeginners_contactUs_btns:after, .p-dl_drawing:after, .p-case_item:after, .p-company_about_office:after, .p-contact_header:after {
  content: " ";
  display: table;
  clear: both;
}

/* -- text-align -- */
.u-txt-left {
  text-align: left;
}

.u-txt-center {
  text-align: center;
}

.u-txt-right {
  text-align: right;
}

.u-txt-attention {
  color: #e7161a;
}

/* -- margin -- */
.u-margin_top-0 {
  margin-top: 0;
}

.u-margin_top-10 {
  margin-top: 10px;
}

.u-margin_top-20 {
  margin-top: 20px;
}

.u-margin_top-30 {
  margin-top: 30px;
}

.u-margin_top-40 {
  margin-top: 40px;
}

.u-margin_right-0 {
  margin-right: 0;
}

.u-margin_right-10 {
  margin-right: 10px;
}

.u-margin_right-20 {
  margin-right: 20px;
}

.u-margin_right-30 {
  margin-right: 30px;
}

.u-margin_right-40 {
  margin-right: 40px;
}

.u-margin_bottom-0 {
  margin-bottom: 0;
}

.u-margin_bottom-10 {
  margin-bottom: 10px;
}

.u-margin_bottom-20 {
  margin-bottom: 20px;
}

.u-margin_bottom-30 {
  margin-bottom: 30px;
}

.u-margin_bottom-40 {
  margin-bottom: 40px;
}

.u-margin_left-0 {
  margin-left: 0;
}

.u-margin_left-10 {
  margin-left: 10px;
}

.u-margin_left-20 {
  margin-left: 20px;
}

.u-margin_left-30 {
  margin-left: 30px;
}

.u-margin_left-40 {
  margin-left: 40px;
}

/*
 _with_scripts.scss
*/
.is-only-with-js {
  display: none;
}