/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

html {
    font-size: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);
}

body {
    font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, sans-serif;
    font-size: .875em;
    line-height: 1.42857;
    color: #000;
    background-color: #fff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #039;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #001a4d;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

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

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

[role="button"] {
    cursor: pointer;
}

p {
    margin: 0 0 10px;
}

.text-left {
    text-align: left;
}

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

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-top {
    vertical-align: top;
}

.text-bottom {
    vertical-align: bottom;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0;
}

.list-unstyled {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.42857;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: .9em;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: .9em;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: .9285714em;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

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

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}

.form-control-static.input-lg,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0;
}

.input-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

select.input-lg,
.input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg,
.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #404040;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.form-horizontal .form-group:after {
    clear: both;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 1em;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none;
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group .form-control:focus {
    z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn > .btn {
    position: relative;
}

.input-group-btn > .btn + .btn {
    margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
    z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #eccb00;
    border-radius: 4px;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li + li:before {
    content: "> ";
    padding: 0 5px;
    color: #000;
}

.breadcrumb > .active {
    color: #000;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table;
}

.modal-header:after {
    clear: both;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@-ms-viewport {
    width: auto !important;
}

.visible-xs {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

.visible-print {
    display: none !important;
}

.visible-print-block {
    display: none !important;
}

.visible-print-inline {
    display: none !important;
}

.visible-print-inline-block {
    display: none !important;
}

/**
 *  全体
 */

/* ブラウザ枠一杯に広げる要素対応（メガメニュー用） */

html {
    overflow: auto;
}

body {
    overflow: hidden;
}

/* URL文字列改行する */

a[href^="http://"],
a[href^="https://"] {
    word-wrap: break-word;
}

/**
 *  ヘッダー
 */

.header {
    background-color: #fff;
    width: 1000px;
    margin: 0 auto;
    padding: 15px 10px 0;
}

.header-head {
    float: none;
    margin: 0 0 29px 0;
}

.header-head:before,
.header-head:after {
    content: " ";
    display: table;
}

.header-head:after {
    clear: both;
}

/* グローバルナビゲーションオープンクローズボタン */

.btn-open-gnav {
    display: none;
}

/* 企業ロゴ */

.site-title {
    display: inline-block;
    float: left;
    background-image: url("../image/logo-ci.png");
    background-repeat: no-repeat;
    background-size: 163px 28px;
    margin: 6px 0 0 0;
    width: 163px;
    height: 28px;
    line-height: 1;
    font-size: 1em;
}

.site-title a {
    display: block;
    height: 100%;
}

/* ヘッダーユーティリティナビ */

.head-utility-nav {
    float: right;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    line-height: 1;
}

.head-utility-nav li {
    float: left;
    margin: 0 0 0 16px;
}

.head-utility-nav a {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}

.head-utility-nav li:first-child a {
    background-image: url("../image/item-global.png");
}

.head-utility-nav li:nth-child(2) a {
    background-image: url("../image/item-search.png");
}

.head-utility-nav li:last-child a {
    background-image: url("../image/item-member.png");
}

/** 
 *  検索パネル
 */

.search-outside {
    display: none;
    position: absolute;
    top: 76px;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 50;
}

.search-outside.is-search-panel-open {
    display: block;
}

.search-outside-bottom {
    height: 100%;
}

.search-panel-outer {
    background-color: #eccb00;
    padding: 10px 0;
}

.search-panel {
    position: relative;
    background-color: #fff;
    width: 980px;
    margin: 0 auto;
    padding: 55px 30px 15px;
    border-radius: 4px;
}

.search-panel:after {
    content: '';
    position: absolute;
    top: -34px;
    right: 63px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 12px solid #eccb00;
}

.search-panel .close {
    position: absolute;
    top: 8px;
    right: 30px;
    background-color: #eee;
    width: 30px;
    height: 30px;
    padding: 0 0 2px 0;
    line-height: 1;
    font-size: 1.71429em;
    border: 0;
    border-radius: 50%;
}

.search-panel .close:hover,
.search-panel .close:focus {
    background-color: #ddd;
}

.search-panel .close span {
    color: #232323;
}

.search-panel label {
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 1.28571em;
    font-weight: normal;
    color: #232323;
}

.search-panel .form-control {
    height: 50px;
    font-size: 1.14286em;
}

.search-panel .btn-search {
    background-color: #eccb00;
    background-image: url(../image/txt-search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 84px 27px;
    width: 122px;
    height: 50px;
    color: #232323;
}

#search-word {
    color: #000;
}

#___gcse_0 {
    display: none;
}

/* -------------------------------------------------------------------------------------------------------------- */

/** 
 *  SPモードグローバルナビゲーション
 */

.header-gnav {
    background-color: #f5eeeb;
    padding: 26px 16px 24px 0;
    text-align: right;
    border-bottom: 1px solid #ae2822;
    border-left: 1px solid #ae2822;
}

/* グローバルナビゲーションクローズボタン */

.btn-close-gnav {
    display: inline-block;
    background-color: transparent;
    padding: 4px 0 0;
    line-height: 1;
    border: none;
}

.humberger-icon-close {
    display: inline-block;
    background-image: url(../image/btn-humberger-close.png);
    background-repeat: no-repeat;
    background-size: 40px auto;
    width: 40px;
    height: 32px;
}

/* グローバルナビゲーション大枠 */

.wrapper-gnav-sp {
    display: block;
    position: fixed;
    top: 0;
    right: -260px;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent;
}

/* グローバルナビゲーション */

.gnav-sp ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.gnav-sp a {
    display: block;
}

.gnav-sp > ul > li {
    border-bottom: 1px solid #ae2822;
    border-left: 1px solid #ae2822;
}

.gnav-sp > ul > li > a {
    background-color: #f5eeeb;
    background-image: url(../image/item-plus.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px auto;
    padding: 12px 10px 12px 40px;
    font-size: 1.14286em;
    color: #000;
}

.gnav-sp > ul > li > a:hover,
.gnav-sp > ul > li > a:focus {
    text-decoration: none;
}

.gnav-sp > ul > .normal-link > a {
    background-image: none;
    padding: 12px 10px 12px 12px;
}

.gnav-sp > ul > .normal-link > a:hover,
.gnav-sp > ul > .normal-link > a:focus {
    background-color: #dedede;
}

.gnav-sp > ul > .is-megamenu-open > a {
    background-color: #fff;
    background-image: url(../image/item-minus.png);
}

.gnav-sp .megamenu {
 /* メガメニュー */
    display: none;
    background-color: #fff;
}

.gnav-sp .is-megamenu-open .megamenu {
    display: block;
}

.gnav-sp .megamenu__title {
 /* メガメニュータイトル */
    margin: 0;
}

.gnav-sp .megamenu__title a {
    padding: 12px 10px 12px 12px;
    font-size: 1.105em;
}

.gnav-sp .megamenu__title a:hover,
.gnav-sp .megamenu__title a:focus {
    background-color: #dedede;
}

.gnav-sp .megamenu__list__title {
    margin: 0;
}

.gnav-sp .megamenu__list__title span {
    display: block;
}

.gnav-sp .megamenu__list__title a,
.gnav-sp .megamenu__list__title span {
    background-image: url(../image/item-arrow01.png);
    background-repeat: no-repeat;
    background-position: 12px .9em;
    background-size: 15px 15px;
    padding: 12px 10px 12px 40px;
    font-size: 1.105em;
}

.gnav-sp .megamenu__list__title a:hover,
.gnav-sp .megamenu__list__title a:focus {
    background-color: #dedede;
}

.gnav-sp .megamenu__list ul a {
    background-image: url(../image/item-arrow02.png);
    background-repeat: no-repeat;
    background-position: 40px 1.25em;
    background-size: 4px 7px;
    padding: 12px 10px 12px 55px;
}

.gnav-sp .megamenu__list ul a:hover,
.gnav-sp .megamenu__list ul a:focus {
    background-color: #dedede;
}

/* -------------------------------------------------------------------------------------------------------------- */

/**
 *  PCモードグローバルナビゲーション
 */

.gnav {
    position: relative;
}

.gnav ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.gnav > ul {
    display: table;
    background-image: url(../image/item-bar01.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 100%;
}

.gnav > ul > li {
    display: table-cell;
    background-image: url(../image/item-bar01.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    height: 37px;
    border-bottom: 5px solid #fff;
}

.gnav > ul > li > a {
    display: block;
    background-repeat: no-repeat;
    background-position: center 4px;
    width: 100%;
    height: 100%;
}

.gnav > ul > .is-hover {
    border-bottom: 5px solid #e0d3cd;
}

.gnav > ul > .active {
    border-bottom: 5px solid #ae2822;
}

.gnav > ul > li:first-child {
    width: 13.26%;
}

.gnav > ul > li:first-child > a {
    background-image: url("../image/btn-gnav01.png");
    background-size: 41px auto;
}

.gnav > ul > li:nth-child(2) {
    width: 13.26%;
}

.gnav > ul > li:nth-child(2) > a {
    background-image: url("../image/btn-gnav02.png");
    background-size: 56px auto;
}

.gnav > ul > li:nth-child(3) {
    width: 16.32%;
}

.gnav > ul > li:nth-child(3) > a {
    background-image: url("../image/btn-gnav03.png");
    background-size: 111px auto;
}

.gnav > ul > li:nth-child(4) {
    width: 17.34%;
}

.gnav > ul > li:nth-child(4) > a {
    background-image: url("../image/btn-gnav04.png");
    background-size: 88px auto;
}

.gnav > ul > li:nth-child(5) {
    width: 13.26%;
}

.gnav > ul > li:nth-child(5) > a {
    background-image: url("../image/btn-gnav05.png");
    background-size: 70px auto;
    background-position: center 3px;
}

.gnav > ul > li:nth-child(6) {
    width: 13.26%;
}

.gnav > ul > li:nth-child(6) > a {
    background-image: url("../image/btn-gnav06.png");
    background-size: 55px auto;
    background-position: center 3px;
}

.gnav > ul > li:nth-child(7) {
    width: 13.26%;
}

.gnav > ul > li:nth-child(7) > a {
    background-image: url("../image/btn-gnav07.png");
    background-size: 56px auto;
}

/**
 *  メガメニュー
 */

.gnav .megamenu {
    display: none;
    position: absolute;
    background-color: #f5eeeb;
    top: 37px;
    left: 0;
    margin: 0 -200%;
    padding: 0 200%;
    border-top: 1px solid #ceb3a6;
    border-bottom: 1px solid #ceb3a6;
    z-index: 10;
}

.gnav .megamenu-inner {
    width: 980px;
    padding: 20px 0 10px;
}

.gnav .megamenu-inner:before,
.gnav .megamenu-inner:after {
    content: " ";
    display: table;
}

.gnav .megamenu-inner:after {
    clear: both;
}

.gnav .megamenu-inner a {
    color: #000;
}

.gnav .megamenu--ir .megamenu-inner {
    padding: 20px 0 0;
}

.gnav .megamenu--employ .megamenu-inner {
    padding: 20px 0;
}

.gnav .megamenu__title {
 /* メガメニュータイトル */
    position: relative;
    background-color: #fff;
    margin: 0;
    color: #ae2822;
    font-weight: bold;
    font-size: 1.14286em;
    border-radius: 4px;
}

.gnav .megamenu__title a {
    display: block;
    padding: 9px 20px;
    color: #ae2822;
}

.gnav .megamenu__list-row {
 /* 各リストの列 */
    border-bottom: 1px dotted #ae2822;
}

.gnav .megamenu__list-row:before,
.gnav .megamenu__list-row:after {
    content: " ";
    display: table;
}

.gnav .megamenu__list-row:after {
    clear: both;
}

.gnav .megamenu__list-row:last-child {
    border-bottom: none;
}

.gnav .megamenu__list {
 /* 各リスト */
    float: left;
    width: 25%;
    margin: 20px 0;
    padding: 0 1% 10px 2%;
    border-left: 1px dotted #ae2822;
}

.gnav .megamenu__list:first-child {
    padding: 0 1% 10px 1.3%;
    border-left: none;
}

.gnav .megamenu__list:last-child {
    margin: 20px 0 0 0;
}

.gnav .megamenu__list ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin: 0 0 12px 0;
}

.gnav .megamenu__list li {
    margin: 0 0 8px 0;
    padding: 0 0 0 25px;
    text-indent: -25px;
}

.gnav .megamenu__list li a:before {
    content: '';
    display: inline-block;
    background-image: url(../image/item-arrow02.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 4px 7px;
    width: 4px;
    height: 7px;
    vertical-align: middle;
    margin: -4px 15px 0 6px;
}

.gnav .megamenu--ir .megamenu__list {
    margin: 20px 0 0;
    border-left: none;
}

.gnav .megamenu__list__title {
 /* 各リストのタイトル */
    margin: 0 0 12px 0;
    padding: 0 0 0 25px;
    text-indent: -25px;
}

.gnav .megamenu__list__title a:before,
.gnav .megamenu__list__title span:before {
    content: '';
    display: inline-block;
    background-image: url(../image/item-arrow01.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: -9px 10px -6px 0;
}

.gnav .megamenu--ir .megamenu__list__title {
    margin: 0 0 30px 0;
}

/**
 *  パン屑
 */

.breadcrumb-outer {
    background-color: #eccb00;
}

.breadcrumb {
    width: 1000px;
    margin: 0 auto;
    padding: 15px 10px 15px;
}

.breadcrumb > li {
    display: inline;
}

.breadcrumb .fanuc-char,
.breadcrumb .fanuc_char {
    color: #000;
    font-weight: normal;
}

.breadcrumb a .fanuc-char,
.breadcrumb a .fanuc_char {
    color: #039;
}

.breadcrumb a .fanuc-char:hover,
.breadcrumb a .fanuc_char:hover {
    color: #001a4d;
}

/**
 *  フッター
 */

/* ページトップへ戻る */

.page-top {
    position: fixed;
    bottom: 84px;
    right: 0;
    z-index: 20;
}

.page-top a {
    display: inline-block;
    background-image: url(../image/btn-page-top.png);
    background-repeat: no-repeat;
    width: 66px;
    height: 87px;
}

/* フッターメインナビゲーション */

.footer-upper-outer {
    background-color: #30302f;
}

.fnav-main {
    width: 1000px;
    margin: 0 auto;
    padding: 21px 10px 16px;
    color: #fff;
}

.fnav-main ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.fnav-main ul:before,
.fnav-main ul:after {
    content: " ";
    display: table;
}

.fnav-main ul:after {
    clear: both;
}

.fnav-main li {
    float: left;
    width: 130px;
    padding: 2px 0;
    border-left: 1px solid #b7b7b7;
}

.fnav-main li:nth-child(3) {
    width: 160px;
}

.fnav-main li:nth-child(4) {
    width: 170px;
}

.fnav-main li:last-child {
    border-right: 1px solid #b7b7b7;
}

.fnav-main a {
    display: block;
    color: #fff;
}

/* フッターサブナビゲーション */

.footer-middle-outer {
    background-color: #232323;
}

.footer-middle-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 20px 10px 28px;
    color: #fff;
}

.fnav-sub {
    float: left;
    margin: 0 0 10px 0;
}

.fnav-sub ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.fnav-sub ul:before,
.fnav-sub ul:after {
    content: " ";
    display: table;
}

.fnav-sub ul:after {
    clear: both;
}

.fnav-sub li {
    float: left;
}

.fnav-sub li:not(:last-child) {
    margin: 0 12px 0 0;
}

.fnav-sub a {
    display: block;
    background-image: url(../image/item-arrow04.png);
    background-repeat: no-repeat;
    background-position: 10px 0.7em;
    background-size: 16px auto;
    padding: 8px 0 13px 34px;
    color: #fff;
}

/* フッターユーティリティナビ */

.foot-utility-nav {
    float: right;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin: 0 0 96px 0;
}

.foot-utility-nav li {
    display: inline-block;
    margin: 0 0 0 14px;
}

.foot-utility-nav a {
    display: inline-block;
    background-repeat: no-repeat;
}

.foot-utility-nav li:first-child a {
    background-image: url("../image/item-global.png");
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}

.foot-utility-nav li:nth-child(2) a {
    background-image: url("../image/item-member.png");
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}

.foot-utility-nav li:nth-child(3) a {/* 20181025Added*/
    background-image: url("../image/item-global2.png");
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}

.foot-utility-nav li:last-child {
    position: relative;
    top: -3px;
}

.foot-utility-nav li:last-child a {
    background-image: url("../image/item-youtube.png");
    background-size: 73px 30px;
    width: 73px;
    height: 30px;
}

/* 会社情報 */

.company-info {
    clear: both;
}

.company-info:before,
.company-info:after {
    content: " ";
    display: table;
}

.company-info:after {
    clear: both;
}

.company-info__name {
    margin: 0 0 6px 0;
    font-size: 1.42857em;
    font-weight: bold;
}

.company-info__address {
    float: left;
    margin: 0 40px 0 0;
    font-size: 1.14286em;
}

.company-info__inquiry {
    display: none;
}

/* 署名 */

.footer-bottom-outer {
    clear: both;
    background-color: #000;
}

.footer-bottom-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 26px 10px 62px;
    text-align: center;
    color: #fff;
}

.copyright {
    margin: 0;
    font-size: 0.92857em;
}

/* -------------------------------------------------------------------------------------------------------------- */

/**
 *  下層ページタイトル（下層ページ<h1>周り）
 *
 *それぞれモディファイアを付けてバリエーションあり
 *<div class="page-title-bg">
 *	<div class="page-title-el">
 *		<h1 class="page-title page-title--center"><span class="sr-only">会社案内</span></h1>
 *	</div>
 *</div>
 */

.page-title-bg {
    background-color: black;
    background-repeat: no-repeat;
    background-position: center top;
}

.page-title-bg.page-title-bg--product {
    background-image: url(../product/image/pic-product.jpg);
}

.page-title-bg.page-title-bg--product-cnc,
.page-title-bg.page-title-bg--fa {
    background-image: url(../product/cnc/image/pic-product-cnc.jpg);
}

.page-title-bg.page-title-bg--profile {
    background-image: url(../profile/image/pic-profile.jpg);
}

.page-title-bg.page-title-bg--robot {
    background-image: url(../product/robot/image/pic-robot.jpg);
}

.page-title-bg.page-title-bg--robomachine {
    background-image: url(../product/robomachine/image/pic-robomachine.jpg);
}

.page-title-bg.page-title-bg--field {
    background-image: url(../product/field/image/pic-field.jpg);
}

.page-title-bg.page-title-bg--service {
    background-image: url(../service/image/pic-service.jpg);
}

.page-title-bg.page-title-bg--training {
    background-image: url(../training/image/pic-training.jpg);
}

.page-title-bg.page-title-bg--ir {
    background-image: url(../ir/image/pic-ir.jpg);
}

.page-title-bg.page-title-bg--employ {
    background-image: url(../employ/image/pic-employ.jpg);
}

.page-title-el {
    position: relative;
    width: 1000px;
    height: 240px;
    margin: 0 auto;
    padding: 0 10px;
}

.page-title-el.page-title-el--low {
 /* 下層テキストのみ */
    height: 160px;
}

.page-title-el.page-title-el--auto {
 /* 高さを指定しない 行数が多いテキストに 下層の.page-title--txtは使用しない */
    height: auto;
    padding: 25px 10px;
}

.page-title {
    margin: 0;
    color: #fff;
    font-size: 1.71429em;
    font-weight: normal;
}

.page-title .small {
    display: inline-block;
    margin: 0 0 10px 0;
    font-size: .75em;
}

.page-title .fanuc-char,
.page-title .fanuc_char {
    color: #fff;
}

.page-title.page-title--center {
 /* 縦横中央配置 */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-title.page-title--txt {
 /* テキストのみ（画像なし） */
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0 10px 0 0;
}

.page-title.page-title--product {
    background-image: url("../product/image/txt-h1-product01.png");
    background-repeat: no-repeat;
    background-size: 174px 27px;
    width: 174px;
    height: 27px;
}

.page-title.page-title--fa {
    background-image: url("../product/fa/image/txt-h1-fa.png");
    background-repeat: no-repeat;
    background-size: 50px 34px;
    width: 50px;
    height: 34px;
}

.page-title.page-title--robot {
    background-image: url(../product/robot/image/txt-h1-robot.png);
    background-repeat: no-repeat;
    background-size: 149px 35px;
    width: 149px;
    height: 35px;
}

.page-title.page-title--robomachine {
    background-image: url(../product/robomachine/image/txt-h1-robomachine.png);
    background-repeat: no-repeat;
    background-size: 334px 35px;
    width: 334px;
    height: 35px;
}

.page-title.page-title--field {
    background-image: url("../product/field/image/txt-h1-fieldsystem.png");
    background-repeat: no-repeat;
    background-size: 276px 50px;
    width: 276px;
    height: 50px;
}

.page-title.page-title--iot { /* 2021/11/25 Added */
    background-image: url("../product/iot/image/txt-h1-iot.png");
    background-repeat: no-repeat;
    background-size: 63px 50px;
    width: 63px;
    height: 50px;
}

.page-title.page-title--service {
    background-image: url("../service/image/txt-h1-service.png");
    background-repeat: no-repeat;
    background-size: 280px 27px;
    width: 280px;
    height: 27px;
}

.page-title.page-title--training {
    background-image: url("../training/image/txt-h1-kensyu.png");
    background-repeat: no-repeat;
    background-size: 273px 30px;
    width: 273px;
    height: 30px;
}

.page-title.page-title--ir {
    background-image: url("../ir/image/txt-h1-ir.png");
    background-repeat: no-repeat;
    background-size: 177px 33px;
    width: 177px;
    height: 33px;
}

.page-title.page-title--profile {
    background-image: url("../profile/image/txt-h1-profile.png");
    background-repeat: no-repeat;
    background-size: 180px 33px;
    width: 180px;
    height: 33px;
}

.page-title.page-title--employ {
    background-image: url("../employ/image/txt-h1-employ.png");
    background-repeat: no-repeat;
    background-size: 174px 27px;
    width: 174px;
    height: 27px;
}

.page-title.page-title--dummy {
 /* 汎用ページ例用 */
    background-image: url(../image/txt-h1-dummy.png);
    background-repeat: no-repeat;
    background-size: 322px auto;
    width: 322px;
    height: 26.5px;
}

.page-toc .page-title {
 /* 作成ページ一覧（制作用） */
    background-image: url("../image/txt-h1-toc.png");
    background-repeat: no-repeat;
    background-size: 185px 28px;
    width: 185px;
    height: 28px;
}

/**
 *  下層ページタイトル下全体コンテンツ枠（白背景のまま）cnc/index, cnc/fs_0i-f etc
 *
 *  通常は１つで大枠
 *<section class="content">　</section>
 *　or
 *上下２つに分ける場合
 *<section class="content content--upper">　</seciton>
 *<section class="content-lower">　</section>
 */

.content {
    width: 1000px;
    margin: 0 auto;
    min-height: 400px;
    padding: 40px 10px;
}

.content.content--upper {
    padding: 40px 10px 0;
}

.content-lower {
    width: 1000px;
    margin: 20px auto 0;
    padding: 0 10px 40px;
}

/**
 *  下層ページタイトル下コンテンツ枠（薄グレー背景）
 */

.content-gray-outer {
    background-color: #f1f0ef;
}

.content-gray {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 10px 30px;
}

/* タイトル下リードテキスト */

.content-lead-txt {
    margin: -6px 0 12px 0;
    line-height: 2;
}

/**
 *  ニュース（商品紹介etc）
 *
 * <dl class="news-item">
 *	<dt class="news-item__label news-item__label--new">新製品</dt>
 *	<dd class="news-item__date">2016年1月28日</dd>
 *	<dd class="news-item__txt"><a href="#">◯◯◯◯</a></dd>
 * </dl>
 */

.news-item__label {
    display: inline-block;
    width: 5em;
    margin: 0 10px 0 0;
    text-align: center;
    vertical-align: top;
    color: #fff;
    font-weight: normal;
}

.news-item--top .news-item__label {
    width: 8.5em;
    letter-spacing: -.1em;
}

.news-item__label--new {
    background-color: #b03a5f;
}

.news-item__label--exhibition {
    background-color: #2e619e;
}

.news-item__label--other {
    background-color: #4d4742;
}

.news-item__label--ir {
    background-color: #264584;
}

.news-item__label--press,
.news-item__label--news {
    background-color: #8e2650;
}

.news-item__label--corporate {
    background-color: #434343;
}

.news-item__date {
    display: inline-block;
    width: 8.5em;
    margin: 0 5px 0 0;
    vertical-align: top;
}

.news-item__txt {
    display: inline-block;
    width: 54em;
}

.news-item--top .news-item__txt {
    width: 44em;
}

.news-item__txt ul {
    margin: 4px 0 0 0;
    padding: 0 0 0 25px;
}

.news-item__txt img {
    margin: 0 2px 0 0;
}

/**
 *  写真付きリストメニュー（会社案内、サービスのご案内、投資家情報 etc）
 *
 *<div class="pic-menu pic-menu--nolink"> "pic-menu--nolink"はリンクリストのないとき。
 *	<div class="pic-menu-item">
 *		<a href="#" class="pic-menu-item__link">
 *		<p class="pic-menu-item__pic"><img src="image/pic-profile01.jpg" alt="" width="310" height="174"></p>
 *		<p class="pic-menu-item__title">会社概要</p>
 *		</a>
 *		<ul class="pic-menu-item__list">
 *			<li><a href="#">プロフィール</a></li>
 */

.pic-menu:before,
.pic-menu:after {
    content: " ";
    display: table;
}

.pic-menu:after {
    clear: both;
}

.pic-menu-item {
    float: left;
    width: 31.63265%;
    margin: 0 2.55102% 20px 0;
}

.pic-menu-item:nth-of-type(3n) {
    margin: 0 0 20px 0;
}

.pic-menu--nolink .pic-menu-item {
    margin: 0 2.55102% 30px 0;
}

.pic-menu--nolink .pic-menu-item:nth-of-type(3n) {
    margin: 0 0 30px 0;
}

.pic-menu-item__link {
    display: block;
}

.pic-menu-item__link:hover img,
.pic-menu-item__link:focus img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.pic-menu-item__link.pic-menu-item__link--no:hover,
.pic-menu-item__link.pic-menu-item__link--no:focus {
    cursor: default;
}

.pic-menu-item__link.pic-menu-item__link--no:hover img,
.pic-menu-item__link.pic-menu-item__link--no:focus img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.pic-menu-item__pic {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.pic-menu-item__pic img {
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.pic-menu-item__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    margin: 0;
    height: 45px;
    padding: 11px 10px 11px 15px;
    padding: 0 10px 0 15px;
    line-height: 1.15;
    font-size: 1.14286em;
    color: #fff;
}

.pic-menu-item__list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    padding: 13px 10px 0 30px;
}

.pic-menu-item__list li {
    margin: 0 0 10px 0;
    padding: 0 0 0 26px;
    text-indent: -26px;
}

.pic-menu-item__list a {
    color: #000;
}

.pic-menu-item__list a:before {
    content: '';
    display: inline-block;
    background-image: url(../image/item-arrow10.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -9px 10px -7px 0;
}

/**
 *  下層ページ コンテンツサブタイトルとその大枠（商品紹介、サービスのご案内、トレーニングセンタ etc）
 *
 * <section class="lower-content-outer lower-content-outer--xxx">
 * 	<h2 class="lower-content-title"><span>PRODUCT NEWS</span></h2>
 */

.lower-content-outer {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 10px;
}

.lower-content-outer.lower-content-outer--pickup-products {
 /* 商品紹介 PICKUP PRODUCTS */
    padding: 42px 10px 0;
}

.lower-content-outer.lower-content-outer--product-news {
 /* 商品紹介 PRODUCT NEWS */
    padding: 42px 10px 38px;
}

.lower-content-outer.lower-content-outer--fanuc-news {
 /* 会社案内 FANUC NEWS */
    padding: 50px 10px 0;
}

.lower-content-outer.lower-content-outer--service-local {
 /* サービスのご案内 国内サービス拠点 */
    padding: 40px 10px 0;
}

.lower-content-outer.lower-content-outer--training-center {
 /* ファナックトレーニングセンタ */
    padding: 40px 10px 30px;
}

.lower-content-outer.lower-content-outer--ir-inquiry {
 /* 投資家情報 お問い合わせ窓口 */
    padding: 40px 10px 50px;
}

.lower-content-outer.lower-content-outer--service-overseas {
 /* サービスのご案内 海外サービス拠点 */
    padding: 20px 10px 0;
}

.lower-content-title {
    margin: 0 0 30px 0;
    text-align: center;
    font-size: 1.78571em;
    font-weight: normal;
}

.lower-content-title span {
    display: inline-block;
    padding: 0 20px 7px;
    border-bottom: 4px solid #eccb00;
}

.lower-content-title.lower-content-title--one-fanuc {
 /* One FANUC */
}

.lower-content-title.lower-content-title--one-fanuc span {
    padding: 0 40px 7px;
}

.lower-content-title.lower-content-title--ir-inquiry {
 /* 投資家情報 お問い合わせ窓口 */
}

.lower-content-title.lower-content-title--ir-inquiry span {
    padding: 0 100px 7px;
}

/**
 *  矢印付きボックスボタン
 *
 * ボタン全体の長さは各要素の方で指定。<a>はwidth=100%とし、その親要素で長さを指定する。
 * 複数
 * <ul class="*****">
 *	<li><a href="#" class="btn-fanuc"><span>最新号ダウンロード</span></a></li>
 *	<li><a href="#" class="btn-fanuc"><span>バックナンバーはこちらから</span></a></li>
 * </ul>
 * 単数
 * <p><a href="#" class="btn-fanuc"><span>最新号ダウンロード</span></a></p>
 */

.btn-fanuc {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 20px 20px;
    padding: 12px 16px 12px 55px;
    vertical-align: middle;
    font-size: 1.105em;
    border-radius: 4px;
}

.btn-fanuc:hover,
.btn-fanuc:focus {
    text-decoration: none;
}

.btn-fanuc span {
    display: inline-block;
}

.btn-fanuc--center {
    text-align: center;
}

.btn-fanuc--center span {
    margin: 0 0 0 -24px;
}

.btn-fanuc--yellow {
    background-color: #eccb00;
    background-image: url(../image/item-arrow05.png);
    color: #000;
}

.btn-fanuc--yellow:hover,
.btn-fanuc--yellow:focus {
    background-color: #ffdc01;
    color: #000;
}

.btn-fanuc--yellow:visited {
    color: #000;
}

.btn-fanuc--gray {
    background-color: #b7b7b7;
    background-image: url(../image/item-arrow05.png);
    color: #000;
}

.btn-fanuc--gray:hover,
.btn-fanuc--gray:focus {
    background-color: #c1c1c1;
    color: #000;
}

.btn-fanuc--gray:visited {
    color: #000;
}

.btn-fanuc--black {
    background-color: #000;
    background-image: url(../image/item-arrow16.png);
    color: #fff;
}

.btn-fanuc--black:hover,
.btn-fanuc--black:focus {
    background-color: #534700;
    color: #fff;
}

.btn-fanuc--black:visited {
    color: #fff;
}

/**
 *  Adobe Acrobat Reader ダウンロードバナー
 */

.pdfreader-download {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 20px 0;
}

.pdfreader-download .pdfreader-download__bannar {
    margin: 0 10px 0 0;
}

.pdfreader-download .pdfreader-download__txt {
    margin: 0;
}

/* 旧FANUCサイト Acrobat Reader バナー */

.get-reader {
    float: left;
    margin: 0 10px 0 0;
}

/**
 *  YouTube Google map
 */

iframe {
    border: none;
}

/**
 *  支社、サービスセンタ、テクニカルセンタ
 */

.branch {
    margin: 0 0 16px 0;
}

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

.branch:after {
    clear: both;
}

.branch-pic {
    float: left;
}

.content-normal-low .branch-pic {
    margin: 0 16px 16px 0;
}

.branch-map {
    float: left;
}

.content-normal-low .branch-map {
    margin: 0;
}

/* 汎用 */

small {
    font-size: .9em;
}

.mt0 {
    margin-top: 0 !important;
}

.mt05 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

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

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

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

.mb05 {
    margin-bottom: 5px !important;
}

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

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

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

.mb25 {
    margin-bottom: 25px !important;
}

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

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr05 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml05 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 25px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt05 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb05 {
    padding-bottom: 5px !important;
}

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

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.mh500 {
    min-height: 500px !important;
}

.img-widemax {
    width: 100%;
    height: auto;
}

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

/* 矢印アイコン付加 */

.link-bullet {
    padding-left: 23px !important;
    text-indent: -23px;
}

.link-bullet a:before {
    content: '';
    display: inline-block;
    background: url(../image/item-arrow22.png) no-repeat 0 0;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    margin: -9px 8px -6px 0;
    vertical-align: middle;
}

/* 改行させる */

.break-word {
    word-wrap: break-word;
}

/* _blank アイコン付加（別窓オープン用） */

.wo {
    background-image: url(../../image/newwindowicon.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 23px 0 0;
}

/* 使用する旧FANUCサイトセレクタ、クラス */

table {
    margin: 0 0 20px 0;
    text-align: justify;
}

table th {
    padding: 7px;
    border: 1px solid #aaa;
}

table td {
    padding: 7px;
    border: 1px solid #aaa;
}

.red {
    color: #a51d1d;
    font-weight: bold;
}

.fanuc-char,
.fanuc_char {
    font-weight: bold;
    color: #ae2822;
}

.i-char,
.i_char {
    margin: 0 .03em;
    font-family: "Book Antiqua", "Times New Roman", Georgia, serif;
    font-size: 1.28571em;
    font-style: italic;
    font-weight: bold;
}

.greek-char,
.greek_char {
    font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.21429em;
}

.centerimage {
    text-align: center;
}

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

.aligncenter {
    text-align: center;
}

.silvercell {
    background-color: silver;
}

.yellowcell {
    background-color: #ffc;
}

/* Colors for contact tables */

.blackcell {
    background-color: #000;
    color: #fff;
}

.blackcell a:link {
    color: #fff;
}

.blackcell a:visited {
    color: #fff;
}

.blackcell a:active {
    color: #f00;
}

.blackcell a:hover {
    color: #f00;
}

.silvercell1 {
    background-color: #eeeeee;
}

/* Colors for robot linenup tables */

.bluecell1 {
    background-color: #f0f8ff;
}

.bluecell2 {
    background-color: #b0c4de;
}

.bluecell3 {
    background-color: #336699;
    color: #ffffff;
}

.pinkcell1 {
    background-color: #fff0f5;
}

.pinkcell2 {
    background-color: #ffc0cb;
}

/* Colors for training center departments */

.fa1 {
    background-color: #ffffcc;
}

.fa2 {
    background-color: #ffffaa;
}

.fa3 {
    background-color: #ffff44;
}

.robot1 {
    background-color: #eeffee;
}

.robot2 {
    background-color: #ccffcc;
}

.robot3 {
    background-color: #66ff66;
}

.robomachine1 {
    background-color: #eeffff;
}

.robomachine2 {
    background-color: #ccffff;
}

.robomachine3 {
    background-color: #66ffff;
}

.roboshot1 {
    background-color: #eeffff;
}

.roboshot2 {
    background-color: #ccffff;
}

.roboshot3 {
    background-color: #66ffff;
}

/*
.robodrillcut1	{ background-color: #eeeeff; }
.robodrillcut2	{ background-color: #ccccff; }
.robodrillcut3	{ background-color: #6666ff; color: white; }
*/

.robodrillcut1 {
    background-color: #eeffff;
}

.robodrillcut2 {
    background-color: #ccffff;
}

.robodrillcut3 {
    background-color: #66ffff;
}

/* Colors for customer service calendar */

.yasumi {
    background-color: #fcf;
}

.cs24 {
    background-color: #ffc;
}

.ippan {
    background-color: #cff;
}

.new {
    background-color: #eccb00;
    padding: 0 .3em;
    font-size: .8em;
    font-weight: bold;
    font-style: italic;
    color: #e61515;
}

/* 479px以下のみ表示 */

.visible-below479-inline {
    display: none;
}

/* 480px以上のみ表示 */

.visible-up480-inline {
    display: none;
}

/* 567px以下のみ表示 */

.visible-below567-inline {
    display: none;
}

/**
 *  トップページ
 */

/**
 *  メインビジュアル
 */

.main-visual-outer {
    height: 561px;
    overflow: hidden;
}

.main-visual {
    position: relative;
    margin: 0 auto;
}

.main-visual .bx-controls {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 980px;
    height: 561px;
    margin: -280px 0 0 -490px;
}

.main-visual .bx-prev {
    position: absolute;
    top: 220px;
    left: -40px;
}

.main-visual .bx-next {
    position: absolute;
    top: 220px;
    right: -40px;
}

.is-main-visual .main-visual-pager {
    display: none;
}

.main-visual-slider {
    display: block;
    z-index: 5;
}

.main-visual-slider-item {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 561px;
}

.main-visual-slider-item a {
    display: block;
    height: 100%;
} 

.main-visual-slider-item--01 {
    background-image: url(../image/img-mainvisual01.jpg);
}

.main-visual-slider-item--02 {
    background-image: url(../image/img-mainvisual02.jpg);
}

.main-visual-slider-item--03 {
    background-image: url(../image/img-mainvisual03.jpg);
}

.main-visual-slider-item--04 {
    background-image: url(../image/img-mainvisual04.jpg);
}

.main-visual-slider-item--05 {
    background-image: url(../image/img-mainvisual05.jpg);
}

.bx-prev,
.bx-next {
    z-index: 6;
}

.main-visual-pager {
    position: absolute;
    bottom: 15px;
    right: 60px;
    z-index: 7;
}

.main-visual-pager__item {
    display: inline-block;
    margin: 0 0 0 20px;
}

.main-visual-pager__item a {
    display: block;
    background-color: #b7b7b7;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-indent: -99999px;
    outline: none;
}

.main-visual-pager__item a.active {
    background-color: #ae2822;
}

/**
 *  PRODUCTS
 */

.product-outer {
    background-color: #030302;
    background-image: url(../image/img-bg-top-products.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.product {
    width: 1000px;
    margin: 0 auto;
    padding: 0 10px 50px;
    text-align: center;
}

.product-title {
    background-image: url(../image/txt-products.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 165px 24px;
    height: 134px;
    margin: 0;
    line-height: 1;
}

.product-one-fanuc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 60px 0;
}

.product-one-fanuc-item {/* 20171215Changed */
    margin: 0 80px 0 0;
}

.product-one-fanuc-item a {
    display: block;
}

.product-one-fanuc-item a:hover,
.product-one-fanuc-item a:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.product-one-fanuc-item:last-child {
    margin: 0;
}

.product-one-fanuc-item p:first-child {
 /* アイコン */
    margin: 0 0 15px 0;
    line-height: 1;
}

.product-one-fanuc-item p:last-child {
 /* テキスト */
    margin: 0;
    line-height: 1;
}

.product-one-fanuc-item--fa p:last-child {
    background-image: url(../image/txt-fa.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 55px 22px;
    height: 22px;
}

.product-one-fanuc-item--robot p:last-child {
    background-image: url(../image/txt-robot.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 93px 22px;
    height: 22px;
}

.product-one-fanuc-item--robomachine p:last-child {
    background-image: url(../image/txt-robomachine.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 166.5px 22px;
    height: 22px;
}

.product-one-fanuc-item--fieldsystem p:last-child {/* 20171215Added */
    background-image: url(../image/txt-field.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 139px 22px;
    height: 22px;
}

.product-one-fanuc-item--iot p:last-child {/* 2021/11/25 Added */
    background-image: url(../image/txt-iot.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 58px 22px;
    height: 22px;
}

.product-txt {
    display: inline-block;
    width: 690px;
    margin: 0;
    text-align: left;
    font-size: 1.28571em;
    color: #fff;
}

/**
 *  更新情報（下部の展示会情報と共通要素アリ）
 */

.update-outer {
    background-image: url(../image/pic-bg-update.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.update {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 25px 10px 0;
}

.update-title {
    background-repeat: no-repeat;
    background-position: center center;
    width: 10em;
    margin: 0 auto;
    border-bottom: 4px solid #eccb00;
}

.update-title--news {
    background-image: url(../image/txt-update.png);
    background-size: 118px 29px;
    height: 76px;
}

.update-all-list {
    position: absolute;
    top: 50px;
    right: 20px;
}

.update-all-list a {
    background-image: url(../image/item-arrow14.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px 18px;
    padding: 2px 0 2px 30px;
    color: #000;
}

.update-box {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px 50px 20px 50px;
}

.update-last-update {
    padding: 8px 0 0 0;
    text-align: right;
    border-top: 1px solid #8fc1ce;
}

.update-last-update a {
    margin: 0 0 0 10px;
}

.btn-update-list {
    display: none;
    margin: 0;
}

.btn-update-list a {
    width: 100%;
}

/**
 *  展示会情報（上部のNEWSと共通要素アリ）
 */

.update--exhibition {
    padding: 30px 10px 80px;
}

.update--exhibition .update-all-list {
    top: 52px;
}

.update-title--exhibition {
    background-image: url(../image/txt-exhibition.png);
    background-size: 148.5px 29px;
    height: 72px;
}

.update-box--exhibition {
    padding: 25px 50px 25px 50px;
}

.info-head {
    display: table;
    width: 100%;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #1a809c;
}

.info-head__date {
    display: table-cell;
    width: 33.06122%;
    padding: 0 0 0 35px;
}

.info-head__venue {
    display: table-cell;
    width: 14.18367%;
}

.info-head__name {
    display: table-cell;
    width: 33.36735%;
}

.info-head__product {
    display: table-cell;
}

.info-item-link {
    display: block;
    color: #000;
    transition-duration: .8s;
}

.info-item-link:hover {
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

.info-item {
    display: table;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #1a809c;
}

.info-item > dt,
.info-item > dd {
    display: table-cell;
    vertical-align: top;
}

.info-item__date {
    width: 33%;
    padding: 0 10px 0 0;
    font-weight: normal;
}

.info-item__date span {
    display: inline-block;
    background-image: url(../image/item-arrow15.png);
    background-repeat: no-repeat;
    background-position: 10px .3em;
    background-size: 14px 14px;
    padding: 0 0 0 35px;
}

.info-item__venue {
    width: 14%;
    padding: 0 10px 0 0;
}

.info-item__name {
    width: 33%;
    padding: 0 10px 0 0;
}

.info-item__product {
    padding: 0 10px 0 0;
}

/* Aside 全世界サービスネットワーク、ファナックの環境報告書 */

.aside-top-outer {
    background-color: #f1f0ef;
}

.aside-top {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 10px;
    text-align: center;
}

.aside-top:before,
.aside-top:after {
    content: " ";
    display: table;
}

.aside-top:after {
    clear: both;
}

.aside-top-item {
    box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.15);
}

.aside-top-item:nth-of-type(1) {
    float: left;
    position: relative;
    left: -1px;
}

.aside-top-item:nth-of-type(2) {
    float: right;
}

.aside-top-item__link {
    display: block;
    color: #000;
}

.aside-top-item__link:hover,
.aside-top-item__link:focus {
    color: #000;
    text-decoration: none;
}

.aside-top-item__link:hover img,
.aside-top-item__link:focus img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.aside-top-item__img {
    margin: 0;
    overflow: hidden;
}

.aside-top-item__img img {
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.aside-top-item__txt {
    background-color: #fff;
    background-image: url(../image/item-arrow17.png);
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 39px 39px;
    margin: 0;
    padding: 20px 0;
    font-size: 1.28571em;
}

/**
 *  商品紹介
 */

/**
 *  商品アコーディオンメガメニュー
 */

.product-menu-outer {
    background-color: #f1f0ef;
}

.product-menu {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 10px 0;
}

.product-menu-lead {
    line-height: 2;
    margin: 0 0 12px 0;
}

.product-menu-lead:nth-of-type(1) {
    margin-top: -6px;
}

.product-menu-lead:nth-last-of-type(1) {
    margin-bottom: 70px;
}

/* 商品グループ 
 *
 * カテゴリ内に新製品があり、カテゴリアイコンに「NEW」マークを付けたいときは、
 *<li role="presentation"><span class="product-menu-name">CNC</span><a href="#fa01" class="product-menu-pic" role="tab"><img src="image/pic-product-item01.png" alt="product pic" width="64" height="82"></a><span class="new"><span>NEW</span></span></li>
 */

.product-menu-row {
    padding: 0 0 70px 0;
}

.product-menu-row:nth-of-type(4) {
    padding: 0 0 24px 0;
}

.product-menu-row > ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin: 0 0 24px 0;
}

.product-menu-row > ul:before,
.product-menu-row > ul:after {
    content: " ";
    display: table;
}

.product-menu-row > ul:after {
    clear: both;
}

.product-menu-row > ul > li {
    position: relative;
    float: left;
    margin: 0 0 0 62px;
}

.product-menu-row > ul > li:first-child {
    margin: 0;
}

.product-menu-row > ul > li > .is-product-menu-pic {
    position: relative;
    background-color: #eccb00;
}

.product-menu-row > ul > li > .is-product-menu-pic:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 98%;
    left: 40%;
    width: 30px;
    height: 52px;
    border-top: 26px solid #eccb00;
    border-right: 15px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 15px solid transparent;
}

.product-menu-row > ul > li .new {
    display: block;
    position: absolute;
    background-color: #d11107;
    top: 0;
    right: -1em;
    width: 3.57143em;
    height: 3.57143em;
    padding: 0;
    border-radius: 50%;
    font-size: 1.01em;
    font-style: normal;
    color: #fff;
}

.product-menu-row > ul > li .new span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* 各商品グループ名 */

.product-menu-title {
    position: relative;
    float: left;
    background-color: #000;
    width: 6.04167em;
    height: 6.04167em;
    text-align: center;
    line-height: 1;
    font-size: 1.71429em;
    font-weight: normal;
    color: #fff;
    border-radius: 50%;
}

.product-menu-title > a {
    display: block;
    height: 100%;
    color: #fff;
}

.product-menu-title .product-menu-title__txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* 各ロボットの名称 */

.product-menu-name {
    position: absolute;
    bottom: 105%;
    width: 9.0625em;
    line-height: 1.2;
    text-align: center;
    font-size: 1.14286em;
}

/* 画像アイコン */

.product-menu-pic {
    display: inline-block;
    position: relative;
    background-color: #fff;
    width: 6.04167em;
    height: 6.04167em;
    text-align: center;
    line-height: 1;
    font-size: 1.71429em;
    border-radius: 50%;
}

.product-menu-pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* 商品各項目メガメニュー */

.product-megamenu__box {
    display: none;
    background-color: #fff;
    border-top: 4px solid #eccb00;
}

.product-megamenu__box.active {
    display: block;
}

.product-megamenu__title {
    background-color: #fdfae5;
    margin: 0;
    padding: 26px 10px;
    text-align: center;
    font-size: 1.71429em;
}

.product-megamenu__subtitle {
    background-image: url(../image/item-arrow06.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 22px auto;
    margin: 0;
    padding: 15px 0 15px 50px;
    font-size: 1.105em;
    font-weight: bold;
}

.product-megamenu__subtitle a {
    color: #000;
}

.product-megamenu__box-inner {
    padding: 0 15px;
}

.product-megamenu__box-inner:before,
.product-megamenu__box-inner:after {
    content: " ";
    display: table;
}

.product-megamenu__box-inner:after {
    clear: both;
}

.product-megamenu__item {
    display: inline;
    float: left;
    width: 32.6666666%;
    margin: 0 1% 0 0;
}

.product-megamenu__item:nth-child(3n) {
    margin: 0;
}

.product-megamenu__item-title {
    background-color: #f1f0ef;
    margin: 0 0 15px 0;
    padding: 10px 20px;
}

.product-megamenu__item-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin: 0 0 40px 0;
}

.product-megamenu__item-list li {
    background-image: url(../image/item-arrow07.png);
    background-repeat: no-repeat;
    background-position: 5px .5em;
    background-size: 5px auto;
    margin: 0 0 10px 0;
    padding: 0 10px 0 20px;
}

.product-megamenu__item-list li .new {
    margin: 0 0 0 5px;
}

.product-megamenu__item-list li .new img {
    position: relative;
    top: -2px;
}

.product-megamenu__item-list a {
    color: #000;
}

/**
 *  PICKUP PRODUCTS
 */

.pickup-products-box:before,
.pickup-products-box:after {
    content: " ";
    display: table;
}

.pickup-products-box:after {
    clear: both;
}

.pickup-products-item {
    display: table;
    float: left;
    width: 24.5%;
    margin: 0 .666666% 0 0;
}

.pickup-products-item:last-child {
    margin: 0;
}

.pickup-products-item a {
    display: block;
    width: 100%;
}

.pickup-products-item a:hover,
.pickup-products-item a:focus {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.pickup-products-item__pic {
    display: table-header-group;
}

.pickup-products-item__pic img {
    width: 100%;
    height: auto;
}

.pickup-products-item__txt {
    display: table-cell;
    background-color: #000;
    height: 3.9em;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

/**
 *  商品紹介ビックアイコン付きフッターナビ
 *
 *<div class="product-fnav-outer">
 *	<nav class="product-fnav">
 *		<h3 class="sr-only">Products navigation</h3>
 *			<ul>
 *				<li><a href="#"><img src="#" alt="" width="102" height="102"><span>New Products</span></a></li>
 */

.product-fnav-outer {
    background-color: #eccb00;
}

.product-fnav {
    width: 1000px;
    margin: 0 auto;
    padding: 29px 10px 25px;
}

.product-fnav ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.product-fnav li {
    width: 114px;
    margin: 0 22px;
}

.product-fnav a {
    display: block;
    color: #000;
}

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

.product-fnav span {
    display: block;
    margin: 10px 0 0 0;
}

/**
 *  商品紹介 FA ROBOT
 */

/**
 *  写真アイコン付きメニュー（product/robot/index etc）
 *
 *<div class="product-pic-menu-outer">
 *	<section class="product-pic-menu product-pic-menu--wide">
 *		<h2 class="sr-only">製品メニュー</h2>
 *		<div class="product-pic-menu-item">
 *			<a href="#">
 *			<p class="product-pic-menu-item__pic"><img src="image/pic-robot01.png"></p>
 *			<p class="product-pic-menu__txt">協働ロボット</p>
 *			</a>
 */

.product-pic-menu-outer {
    background-color: #f1f0ef;
}

.product-pic-menu {
    width: 1000px;
    margin: 0 auto;
    padding: 28px 10px 0;
}

.product-pic-menu:before,
.product-pic-menu:after {
    content: " ";
    display: table;
}

.product-pic-menu:after {
    clear: both;
}

.product-pic-menu-item {
    float: left;
    width: 31.73333%;
}

.product-pic-menu-item:not(:nth-of-type(3n)) {
    margin: 0 2.4% 25px 0;
}

.product-pic-menu-item a {
    color: #232323;
}

.product-pic-menu-item__pic {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    height: 170px;
    margin: 0 0 14px 0;
}

.product-pic-menu-item__pic:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.product-pic-menu__txt {
    margin: 0;
    padding: 0 0 2px 31px;
    text-indent: -31px;
    font-size: 1.14286em;
}

.product-pic-menu__txt:before {
    content: '';
    display: inline-block;
    background: url(../image/item-arrow18.png) no-repeat 0 0;
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    margin: -14px 8px -9px 0;
}

/**
 *  写真アイコン付きメニュー下部コンテンツ
 */

.product-under-pic-menu {
    width: 1000px;
    margin: 0 auto;
    padding: 0 10px 20px;
}

.product-under-pic-menu:before,
.product-under-pic-menu:after {
    content: " ";
    display: table;
}

.product-under-pic-menu:after {
    clear: both;
}

.product-under-pic-menu h2 {
    background-color: #eee;
    margin: 40px 0 28px;
    padding: 18px 10px;
    font-size: 1.28571em;
    border-left: 8px solid #eccb00;
}

.product-under-pic-menu h2:nth-of-type(1) {
    margin: 30px 0 28px;
}

.product-under-pic-menu-img img {
    max-width: 100%;
    height: auto;
}

/**
 *  製品テキストリスト（product/robot/index, product/fa/index etc）
 *
 * ROBOT
 *<section class="product-list">
 *	<h3 class="sr-only">製品リスト</h3>
 *	<div class="product-list-item" id="product-list-item01">
 *		<p class="product-list-item__title">協働ロボット</p>
 *		<div class="product-list-item__body">
 *			<ul>
 *				<li><a href="#">FANUC Robot CR-35iA</a></li>
 *			</ul>
 *
 * FA
 *<section class="product-list">
 *	<h3 class="sr-only">製品リスト</h3>
 *	<div class="product-list-item" id="product-list-item01">
 *		<p class="product-list-item__title"><a href="../cnc/index.html">CNC</a></p>
 *		<div class="product-list-item__body-fa">
 *			<p>さらに進化したファナックの世界標準CNC</p>
 *			<ul>
 *				<li><a href="../cnc/fs_0i-f.html">FANUC Series 0i-MODEL F</a></li>
 *			</ul>
 */

.product-list {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 10px;
}

.product-list-item {
    margin: 0 0 30px 0;
}

.product-list-item__title {
    background-color: #eccb00;
    background-image: url(../image/item-shape01.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 250px 85px;
    margin: 0;
    line-height: 1.2;
    font-size: 1.42857em;
}

.product-list-item__title a {
    display: block;
    color: #000;
    background-image: url(../image/item-arrow19.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 26px 26px;
    padding: 13px 10px 13px 50px;
}

.product-list-item__body {
    background-color: #f1f0ef;
    padding: 0 0 20px 0;
}

.product-list-item__body p {
 /* FAタイプのタイトル */
    background-color: #fff;
    margin: 0 20px 0 166px;
    padding: 10px 15px 10px 33px;
    text-indent: -16px;
    font-size: 1.14286em;
    border-radius: 4px;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
}

.product-list-item__body p:before {
    content: '';
    display: inline-block;
    background: url(../image/item-arrow21.png) no-repeat 0 0;
    background-size: 5px 7px;
    width: 5px;
    height: 7px;
    margin: -5px 10px -2px 0;
    vertical-align: middle;
}

.product-list-item__body ul {
    margin: 0;
    padding: 7px 0 6px 210px;
    font-size: 1.14286em;
    border-bottom: 1px dotted #d2d4d5;
}

.product-list-item__body ul:before,
.product-list-item__body ul:after {
    content: " ";
    display: table;
}

.product-list-item__body ul:after {
    clear: both;
}

.product-list-item__body li {
    float: left;
    width: 47%;
    margin: 0 0 0 20px;
    padding: 3px 10px 3px 0;
}

/* FAタイプ */

.product-list-item__body-fa {
    background-color: #f1f0ef;
    padding: 15px 0 5px 0;
}

.product-list-item__body-fa p {
    background-color: #fff;
    margin: 0 20px 5px 166px;
    padding: 10px 15px 10px 18px;
    text-indent: -16px;
    font-size: 1.14286em;
    border-radius: 4px;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
}

.product-list-item__body-fa p span {
    display: block;
    padding: 0 0 0 16px;
    text-indent: -16px;
    color: #000;
}

.product-list-item__body-fa p span:before {
    content: '';
    display: inline-block;
    background: url(../image/item-arrow21.png) no-repeat 0 0;
    background-size: 5px 7px;
    width: 5px;
    height: 7px;
    margin: -5px 10px -2px 0;
    vertical-align: middle;
}

.product-list-item__body-fa ul {
    margin: 0 20px 11px 210px;
    padding: 7px 0 6px 20px;
    font-size: 1.14286em;
}

.product-list-item__body-fa ul:before,
.product-list-item__body-fa ul:after {
    content: " ";
    display: table;
}

.product-list-item__body-fa ul:after {
    clear: both;
}

.product-list-item__body-fa li {
    padding: 3px 0 3px 0;
}

.product-list-item__body-fa a {
    color: #000;
}

/* ---------------------------------------------------------------------------------------------------- */

/**
 *  商品紹介 CNC etc
 */

/* 各商品（インデックスページ）CNC etc */

/**
 *  商品リード
 */

.product-lead {
    margin: 0 0 40px 0;
}

.product-lead:before,
.product-lead:after {
    content: " ";
    display: table;
}

.product-lead:after {
    clear: both;
}

.product-lead__txt {
    float: left;
    width: calc(100% - 320px);
    line-height: 2;
}

.product-lead__txt.product-lead__txt--3icon {
 /* ３つ以上アイコンが並ぶ場合 */
    width: calc(100% - 480px);
}

.product-lead__link {
    float: right;
    width: 320px;
}

.product-lead__link.product-lead__link--3icon {
    width: 480px;
}

.product-lead__link.product-lead__link--4icon {
 /* ４つ以上アイコンが並ぶ場合 */
    width: 480px;
}

.product-lead__link.product-lead__link--4icon ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-lead__link.product-lead__link--4icon li:nth-child(-n+3) {
    margin: 0 0 20px 20px;
}

.product-lead__link ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    text-align: center;
}

.product-lead__link li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 140px;
    margin: 0 0 0 20px;
}

.product-lead__link a {
    display: block;
    color: #000;
}

.product-lead__link p {
    margin: 10px 0 0 0;
}

.product-lead__link p:nth-of-type(2) {
    padding: 0 0 0 20px;
    text-indent: -20px;
    text-align: left;
}

.product-lead__link p:nth-of-type(2) img {
    margin: 0 4px 0 0;
}

.product-lead__link p a {
    display: inline;
}

/**
 *  商品ラインナップ
 */

.product-lineup:before,
.product-lineup:after {
    content: " ";
    display: table;
}

.product-lineup:after {
    clear: both;
}

.product-lineup-item {
    float: left;
    background-color: #eee;
    width: 31.6%;
    margin: 0 2.6% 4.1% 0;
}

.product-lineup-item:nth-child(3n) {
    margin: 0 0 4.1% 0;
}

.product-lineup-item__link {
    color: #fff;
    transition-duration: .8s;
}

.product-lineup-item__link:hover,
.product-lineup-item__link:focus {
    color: #fff;
    text-decoration: none;
}

.product-lineup-item__link:hover .product-lineup-item__title,
.product-lineup-item__link:focus .product-lineup-item__title {
    background-color: #444;
}

.product-lineup-item__link:hover .product-lineup-item__pic,
.product-lineup-item__link:focus .product-lineup-item__pic {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.product-lineup-item__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #272727;
    height: 4em;
    margin: 0;
    padding: 0 12px;
}

.product-lineup-item__title.product-lineup-item__title--3line {
    height: 6em;
}

.product-lineup-item__title .fanuc-char,
.product-lineup-item__title .fanuc_char {
    color: #fff;
}

.product-lineup-item__pic {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    width: 100%;
    height: 215px;
    margin: 0;
}

.product-lineup-item__pic img {
    width: 55%;
    height: auto;
}

.product-lineup-item__pic.product-lineup-item__pic--2col span {
    text-align: center;
}

.product-lineup-item__pic.product-lineup-item__pic--2col img {
    width: 80%;
}

/**
 *  お問い合わせ
 *
 *<div class="inquiry-place">
 *	<ul class="inquiry-place__list"> or <div class="inquiry-placy__list-robocut" の場合もアリ
 *		<li><a href="tel:0555846120">東部FAセールス　電話: 0555-84-6120</a></li>
 *		<li><a href="tel:0568737821">西部FAセールス　電話: 0568-73-7821</a></li>
 *	</ul>
 *	<ul class="inquiry-place__btn">
 *		<li><a href="#" class="btn-fanuc btn-fanuc--center btn-fanuc--gray"><span>支社・支店</span></a></li>
 *		<li><a href="#" class="btn-fanuc btn-fanuc--center btn-fanuc--gray"><span>国内サポートセンター</span></a></li>
 */

.inquiry-title {
    background-color: #eccb00;
    margin: 0 0 20px 0;
    padding: 14px 20px;
    font-size: 1.14286em;
}

.inquiry-place {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.inquiry-place__list {
 /* CNC */
    width: 70%;
    margin: 0;
    padding: 0 0 0 30px;
}

.inquiry-place__list li {
    margin: 0 0 5px 0;
    font-size: 1.14286em;
}

.inquiry-place__list span {
    display: inline-block;
    vertical-align: top;
}

.inquiry-place__list span:nth-of-type(1) {
    width: 36%;
    padding: 0 1% 0 0;
}

.inquiry-place__list span:nth-of-type(2) {
    width: 35%;
    padding: 0 1% 0 0;
}

.inquiry-place__list span:nth-of-type(3) {
    width: 29%;
}

.inquiry-place__list a {
    /*
    color: #000;
    */
}

.inquiry-placy__list-robocut {
 /* ROBOCUT */
    width: 70%;
    margin: 0 0 20px 0;
}

.inquiry-placy__list-robocut table {
    width: 90%;
}

.inquiry-placy__list-robocut td {
    padding: 7px;
    border: 1px solid #b7b7b7;
}

.inquiry-place__btn {
    width: 30%;
    padding: 0 20px 0 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.inquiry-place__btn li {
    margin: 0 0 20px 0;
}

.inquiry-place__btn a {
    width: 100%;
}

/* ---------------------------------------------------------------------------------------------------- */

/* 各商品詳細ページ */

/**
 *  商品説明（CNC)
 *
 *<div class="product-detail">
 *	<div class="product-detail-txt">
 *		<p class="product-detail-lead"></p>
 *		<ul class="product-detail-list">
 *			<li><a href="#"></a></li>
 *			<li><a href="#"></a></li>
 *			<li><a href="../../../product/cnc/xxxx.pdf"></a></li>
 *		</ul>
 *	</div>
 * <p class="product-detail-img"><img></p>
 *</div>
 */

.product-detail {
    margin: 0 0 40px 0;
}

.product-detail:before,
.product-detail:after {
    content: " ";
    display: table;
}

.product-detail:after {
    clear: both;
}

.product-detail-txt {
    float: left;
    width: 55%;
    padding: 0 60px 0 0;
}

.product-detail-title {
 /* 複数製品タイトルがある場合 */
    margin: 0 0 15px 0;
}

.product-detail-lead {
    margin: -5px 0 15px 0;
    line-height: 1.642857;
}

.product-detail-sub {
    line-height: 1.642857;
}

.product-detail-list {
    padding: 0 0 0 30px;
}

.product-detail-list.product-detail-list--last {
    margin: 0 0 40px 0;
}

.product-detail-list li {
    margin: 0 0 15px 0;
}

.product-detail-list li img {
    margin: 0 6px 0 0;
}

.product-detail-right {
 /* アイコンと画像がある場合。ロボナノ等 */
    float: right;
    width: 45%;
}

.product-detail-link {
 /* 商品カタログ/商品紹介ビデオ */
    margin: 0 0 20px 0;
}

.product-detail-link ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    text-align: center;
}

.product-detail-link li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 140px;
    margin: 0 0 0 20px;
}

.product-detail-link a {
    display: block;
    color: #000;
}

.product-detail-link p {
    margin: 10px 0 0 0;
}

.product-detail-link p:nth-of-type(2) {
    padding: 0 0 0 20px;
    text-indent: -20px;
    text-align: left;
}

.product-detail-link p:nth-of-type(2) img {
    margin: 0 4px 0 0;
}

.product-detail-link p a {
    display: inline;
}

.product-detail-img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    position: relative;
    background-color: #fff;
    width: 45%;
    height: 28em;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #dedddb;
}

.product-detail-img img {
    max-width: 95%;
    height: auto;
}

.product-detail-right .product-detail-img {
    float: none;
    width: 100%;
}

/**
 *  関連商品ラインナップ（CNC）
 * 
 * <div class="product-detail-related">
 *	<div class="product-detail-related-item">
 *		<h3><span><b>FANUC</b> Series 0<i>i</i>-MF</span></h3>
 *		<p>マシニングセンタ用CNC</p>
 *	</div>
 *</div>
 */

.product-detail-related:before,
.product-detail-related:after {
    content: " ";
    display: table;
}

.product-detail-related:after {
    clear: both;
}

.product-detail-related-item {
    float: left;
    background-color: #f5f3f0;
    width: 31.6%;
    margin: 0 2.6% 30px 0;
}

.product-detail-related-item:nth-child(3n) {
    margin: 0 0 30px 0;
}

.product-detail-related-item h3 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #272727;
    height: 2.9em;
    margin: 0;
    padding: 0 20px;
    font-weight: normal;
    font-size: 1.14286em;
    color: #fff;
}

.product-detail-related-item .fanuc-char,
.product-detail-related-item .fanuc_char {
    color: #fff;
}

.product-detail-related-item__body {
    margin: 0;
    padding: 15px 18px 5px;
    line-height: 2;
}

/**
 *  商品ラインナップ（ロボカット、ロボショット、ロボカットetc）
 * 
 *<div class="lineup">
 *	<div class="lineup-item">
 *		<div class="lineup__title"><h2><span class="greek_char">&alpha;</span>-C400<span class="i-char">i</span>A</h2></div>
 *		<div class="lineup__body"><img src="image/robocutalphac400ia.jpg" alt="&alpha;-C400iA" height="220" width="253" /></div>
 *
 * ３列になる場合は<div class="lineup lineup--3col">とする  
 */

.lineup {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lineup-item {
    width: 460px;
    margin: 0 30px 0 0;
}

.lineup__title {
    background-color: #000;
    padding: 14px 20px;
    color: #fff;
}

.lineup__title h2,
.lineup__title h3 {
    margin: 0;
    font-size: 1.14286em;
    font-weight: normal;
}

.lineup__body {
    padding: 30px 20px;
    text-align: center;
}

.lineup__body span {
    display: block;
    margin: 10px 0 0 0;
}

/**
 *  商品タイトル（ROBOCUT etc）
 */

.title-h3 {
    margin: 0 0 16px 0;
    padding: 6px 4px;
    font-size: 1.14286em;
    font-weight: bold;
    border-bottom: 4px solid #eee;
}

.title-h2 {
    background-color: #000;
    margin: 0 0 16px 0;
    padding: 14px 20px;
    color: #fff;
    font-weight: normal;
    font-size: 1.14286em;
}

.title-h2 .fanuc-char,
.title-h2 .fanuc_char {
    color: #fff;
}

/**
 *  商品拡大画像（モーダル）
 */

.btn-large-img {
 /* モーダル起動トリガー */
    display: block;
    width: 100%;
    padding: 0;
}

.btn-large-img.btn-large-img--left {
    text-align: left;
}

.modal {
 /* モーダル要素 */
}

.modal img {
    width: 100%;
    height: auto;
}

.modal .btn-close {
    background-color: #000;
    padding: 8px 16px 11px;
    color: #fff;
}

.modal .btn-close span {
    font-size: 1.42857em;
}

.modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.modal-header {
    padding: 15px 0 4px 0;
    text-align: right;
    border: none;
}

.modal-body {
    padding: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

/**
 *  サービスのご案内
 */

/**
 *  Service First
 */

.service-fast {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1000px;
    margin: 30px auto 0;
    padding: 0 10px;
}

.service-fast__logo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eccb00;
    width: 50%;
    margin: 0;
    border-top: 1px solid #c2bdb8;
    border-bottom: 1px solid #c2bdb8;
    border-left: 1px solid #c2bdb8;
}

.service-fast__txt {
    width: 50%;
    margin: 0;
    padding: 20px 50px;
    line-height: 2;
    border-top: 1px solid #c2bdb8;
    border-bottom: 1px solid #c2bdb8;
    border-right: 1px solid #c2bdb8;
}

/**
 *  国内サービス拠点
 */

.service-local {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.service-local-lead {
    line-height: 2;
    margin: 0 0 14px 0;
}

.service-local-map {
    width: 72.44898%;
}

.service-local-map__map-sp {
    display: none;
}

.service-local-map__txt {
    margin: 0 0 45px 0;
}

.service-local-list {
    width: 27.55102%;
}

.service-local-list h4 {
    background-color: #eee;
    margin: 0 0 10px 0;
    padding: 16px 14px;
    font-size: 14px;
    font-weight: normal;
    border-top: 3px solid #5d5d5d;
}

.service-local-list ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0 0 0 10px;
}

.service-local-list li {
    padding: 0 0 10px 26px;
    text-indent: -26px;
}

.service-local-list a {
    color: #000;
}

.service-local-list a:before {
    content: '';
    display: inline-block;
    background: url(../image/item-arrow23.png) no-repeat 0 0;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin: -9px 10px -7px 0;
    vertical-align: middle;
}

/**
 *  海外サービス拠点
 */

.service-overseas-lead {
    line-height: 2;
}

.service-overseas:before,
.service-overseas:after {
    content: " ";
    display: table;
}

.service-overseas:after {
    clear: both;
}

.service-overseas__map {
    float: left;
    width: 72%;
}

.service-overseas__list {
    float: right;
    width: 27%;
    margin: 15px 0 0 0;
}

.service-overseas__list ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.service-overseas__list li {
    margin: 0 0 30px 0;
}

.service-overseas__list a {
    width: 100%;
}

/**
 *  故障修理やご質問について
 */

.service-inquiry {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.service-inquiry__txt {
    width: 50%;
    padding: 0 40px 0 0;
    line-height: 2;
}

.service-inquiry__link {
    width: 50%;
}

.service-inquiry__link a {
    width: 100%;
}

/**
 *  トレーニングセンタ
 */

/**
 *  写真と説明文横並び（ファナックトレーニングセンタ etc）
 *
 *<ul class="pic-word-list pic-word-list--2col">
 *	<li>
 *		<p><img src="image/pic-training06.jpg" alt="" width="310" height="174"></p>
 *		<p>雄大な富士山麓に展開するファナックトレーニングセンタ</p>
 *	</li>
 */

.pic-word-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 14px 0;
}

.pic-word-list li {
    width: 31.63265%;
}

.pic-word-list p:first-child {
 /* 写真 */
    margin: 0 0 4px 0;
}

.pic-word-list p:nth-child(2) {
 /* テキスト */
    margin: 0;
    line-height: 1.5;
}

.pic-word-list--2col li {
    margin: 0 4.08163% 0 0;
}

.pic-word-list--2col li:nth-child(2n) {
    margin: 0;
}

/**
 *  ファナックトレーニングセンタ
 */

.training-center-txt {
    margin: 0 0 24px 0;
    line-height: 2;
}

.training-center-item {
    margin: 0 0 30px 0;
}

.training-center-item__title {
    background-color: #dedede;
    margin: 0;
    padding: 14px 20px;
    font-size: 1.28571em;
    border-bottom: 2px solid #d2d1d0;
}

.trainning-center-item__body {
    background-color: #f1f0ef;
    padding: 20px;
}

.trainning-center-item__body:before,
.trainning-center-item__body:after {
    content: " ";
    display: table;
}

.trainning-center-item__body:after {
    clear: both;
}

.training-center-item__pic {
    float: right;
    margin: 0 0 0 20px;
}

.training-center-item__txt p:nth-of-type(1) {
    margin: -6px 0 14px 0;
    line-height: 2;
}

.training-center-item__txt p:nth-of-type(2) {
    margin: 0;
}

/**
 *  投資家情報
 */

/**
 *  お問い合わせ窓口
 */

.ir-inquiry-lead {
    margin: 0 0 15px 0;
    font-size: 1.28571em;
}

.ir-inquiry-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px 0;
    font-size: 1.14286em;
    border: 1px solid #ddd;
}

.ir-inquiry-item__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eccb00;
    width: 17.14286%;
    margin: 0;
    padding: 0 10px 0 16px;
    font-weight: bold;
}

.ir-inquiry-item__body {
    width: 82.85714%;
    padding: 16px 16px 10px 16px;
}

.ir-inquiry-item__body p {
    margin: 0 0 6px 0;
}

.ir-inquiry-item__body p:nth-of-type(1) {
    font-weight: bold;
}

.ir-inquiry-item__body a {
    color: #000;
}

/**
 *  会社案内
 */

/**
 *  ONE FANUC
 */

.fanuc-biz {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 0 50px 0;
}

.fanuc-biz__bar {
    width: 478px;
    margin: 0;
}

.fanuc-biz__one {
    width: 337px;
    line-height: 2;
}

.fanuc-biz__one img {
    margin: 0 0 15px 0;
}

/**
 *  各種テーブル
 */

/**
 *  テーブル01（ROBOCUT）
 *  ５列
 */

.table01 {
    margin: 0 0 40px 0;
}

.table01 th {
    background-color: #eee;
    width: 20%;
}

.table01 th.table01__left {
    text-align: left;
}

.table01--4col .table01 th {
    width: 25%;
}

.table01 td {
    text-align: center;
}

.table01 td.table01__left {
    text-align: left;
}

.table01 .silvercell1 {
    text-align: center;
}

/**
 *  テーブル02（ROBOCUT）
 *  ２列
 */

.table02 {
    width: 640px;
}

.table02 th {
    background-color: #eee;
    width: 200px;
    text-align: left;
    font-weight: normal;
}

/**
 *  テーブル03（ROBODRILL etc）
 *  列指定なし、幅指定なし。
 */

.table03 {
    margin: 0 0 20px 0;
}

.table03 th {
    background-color: #eee;
}

/* ボーダーを付けない */

.table-responsive .no-border {
    border-left: none;
}

.no-border th {
    border: none;
}

.no-border td {
    border: none;
}

/* 制作用 */

.table-of-contents {
    width: 99.9%;
}

.table-of-contents th {
    background-color: #eee;
}

/**
 *  テーブルレスポンシブ対応
 *
 * <div class="table-responsive">
 *	<table>
 */

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

.table-responsive table {
    width: 99.9%;
    border-left: 1px solid #aaa;
}

/**
 *  各種レイアウト
 */

/**
 *  レイアウト01（ROBOCUT etc）<section class="content">内
 *  左：画像　右：テーブル（テキスト）
 */

.layout01 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0 40px 0;
}

.layout01 .leftfloat {
    margin: 0 10px 0 0;
}

/**
 *  レイアウト02（ROBOCUT etc）
 *  上：テキスト　下：画像
 */

.layout02 p:last-child {
    text-align: center;
    margin: 20px 0 30px;
}

/**
 *  レイアウト03（研究所、ロボナノ etc）
 *  左：テキスト、リスト　右：画像
 *
 *  レイアウト03比率違い テキストの方が狭い（ゲンコツロボットetc）
 *  左：テキスト、リスト　右：画像
 *
 *  レイアウト03リバース（会社案内>工場 etc）
 *  左：画像　右：テキスト、リスト
 *
 *  ★マークアップはどちらもテキストが先。
 */

.layout03 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.layout03 p:first-child {
    width: 70%;
    padding: 0 10px 0 0;
}

.layout03 p:last-child {
    width: 30%;
    padding: 0 0 0 10px;
}

.layout03 p:last-child img {
    max-width: 100%;
    height: auto;
}

.content-normal-low .layout03 p {
    margin: 0;
}

.layout03 ul {
    width: 70%;
}

.layout03-ratio-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.layout03-ratio-reverse p:first-child {
    width: 30%;
    padding: 0 10px 0 0;
}

.layout03-ratio-reverse p:last-child {
    width: 70%;
    padding: 0 0 0 10px;
}

.layout03-ratio-reverse p:last-child img {
    max-width: 100%;
    height: auto;
}

.content-normal-low .layout03-ratio-reverse p {
    margin: 0;
}

.layout03-ratio-reverse ul {
    width: 30%;
}

.layout03-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.layout03-reverse p:first-child {
    width: 70%;
    padding: 0 0 0 10px;
}

.layout03-reverse p:last-child {
    width: 30%;
    padding: 0 10px 0 0;
}

.layout03-reverse p:last-child img {
    max-width: 100%;
    height: auto;
}

.content-normal-low .layout03-reverse p {
    margin: 0;
}

.layout03-reverse ul {
    width: 70%;
}

/**
 *  レイアウト03 テキストに段落アリ（トレーニングセンタ>FA etc）
 *  左：テキスト　右：画像
 *
 *  レイアウト03リバース テキストに段落アリ（会社案内>アジア etc）
 *  左：画像　右：テキスト
 *
 *  マークアップはテキストが先。
 */

.layout03-ps {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.layout03-ps p {
    width: 30%;
    padding: 0 10px 0 0;
}

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

.layout03-ps__txts {
    width: 70%;
    padding: 0 0 0 10px;
}

.layout03-ps__txts p {
    width: 100%;
    padding: 0;
}

.layout03-reverse-ps {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.layout03-reverse-ps p {
    width: 30%;
    padding: 0 10px 0 0;
}

.layout03-reverse-ps img {
    max-width: 100%;
    height: auto;
}

.layout03-reverse-ps__txts {
    width: 70%;
    padding: 0 0 0 10px;
}

.layout03-reverse-ps__txts p {
    width: 100%;
    padding: 0;
}

/**
 *  レイアウト04（研究所 etc）
 *  左：テキスト　右：画像２枚
 */

.layout04 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.layout04 p:first-child {
    width: 60%;
    padding: 0 10px 0 0;
}

.layout04 p:not(:first-child) {
    width: 20%;
    padding: 0 0 0 10px;
}

.layout04 p:not(:first-child) img {
    max-width: 100%;
    height: auto;
}

.content-normal-low .layout04 p {
    margin: 0;
}

/**
 *  レイアウト05（研究所 etc）
 *  画像４枚横並び。<p>でそれぞれの<img>を包含する。スマホ縦モードで画像は横２列
 *  画像サイズ固定時はタブレットモードから縦１列
 */

.layout05 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 16px 0;
}

.layout05 p {
    width: 25%;
    padding: 0 10px;
}

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

.content-normal-low .layout05 p {
    margin: 0;
}

.layout05.layout05--img-fixed p img {
    max-width: none;
}

/**
 *  レイアウト06（研究所>ロボット研究所）
 */

.layout06 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.content-normal-low .layout06 p {
    margin: 0 0 16px 0;
}

.layout06__left {
    width: 60%;
    padding: 0 10px 0 0;
}

.layout06__left ul {
    float: left;
    width: 60%;
}

.layout06__left p:last-child {
    float: left;
    width: 40%;
}

.layout06__left p:last-child img {
    max-width: 100%;
    height: auto;
}

.layout06__right {
    width: 40%;
    padding: 0 0 0 10px;
}

.layout06__right p {
    margin-bottom: 0 !important;
}

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

/**
 *  レイアウト07（要素をセンター寄せで並べる。幅は成り行き）
 */

.layout07 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.layout07 p {
    margin: 0 10px;
}

.content-normal-low .layout07 p {
    margin: 16px 10px;
}

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

/**
 *  レイアウト（ulタグで要素を横並び。幅は成り行き）
 */

.layout-list-nth {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.layout-list-nth li {
    margin: 0 15px 15px 0;
}

.layout-list-nth a {
    color: #000;
}

.layout-list-nth a:hover,
.layout-list-nth a:focus {
    text-decoration: underline;
}

.layout-list-nth img {
    max-width: 100%;
    height: auto;
}

/**
 *  レイアウト（汎用 design_parts.html）
 *  ２カラムレイアウト横幅均等
 */

.layout-2col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.layout-2col__left {
    width: 50%;
    padding: 0 1% 0 0;
}

.layout-2col__right {
    width: 50%;
    padding: 0 0 0 1%;
}

/**
 *  レイアウト パディング
 */

.layout-p05 {
    padding: 5px;
}

.layout-p10 {
    padding: 10px;
}

.layout-p15 {
    padding: 15px;
}

.layout-p20 {
    padding: 20px;
}

/**
 *  本文非加工（.normal-content-lowとマルチクラスで設置する）
 */

.raw {
    min-height: 500px;
}

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

.raw table th {
    padding: 7px;
}

.raw table td {
    padding: 7px;
}

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

.raw .clearfix:after {
    clear: both;
}

.raw .rightfloatimage {
    float: right;
    margin: 10px;
}

.raw .leftfloatimage {
    float: left;
    margin: 10px;
}

.raw .floatright {
    float: right;
}

.raw .alignright {
    text-align: right;
}

.raw .floatclear,
.raw .clearfloat {
    clear: both;
}

/**
 *  下層ノーマル（詳細）ページ
 */

/**
 *  ソースをコピペレベルで移行できるノーマルな下層詳細ページ
 */

.content-normal-low {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 10px 40px;
}

.content-normal-low h2 {
    background-color: #eee;
    margin: 40px 0 28px;
    padding: 18px 10px;
    font-size: 1.28571em;
    border-left: 8px solid #eccb00;
}

.content-normal-low h2:nth-of-type(1) {
    margin: 30px 0 28px;
}

.content-normal-low h3 {
    margin: 16px 0 16px;
    padding: 0 10px 6px 0;
    font-size: 1.14286em;
    border-bottom: 4px solid #eee;
}

.content-normal-low h4 {
    margin: 16px 0;
    font-size: 1.14286em;
}

.content-normal-low h5,
.content-normal-low h6 {
    font-size: 14px;
    margin: 10px 0 8px;
}

.content-normal-low h5 + p,
.content-normal-low h6 + p {
    margin: 8px 0 16px;
}

.content-normal-low p {
    margin: 16px 0;
}

.content-normal-low ul {
    margin: 16px 0;
    padding: 0 0 0 22px;
}

.content-normal-low ul li {
    margin: 0 0 16px 0;
}

.content-normal-low ol {
    margin: 16px 0;
    padding: 0 0 0 26px;
}

.content-normal-low ol li {
    margin: 0 0 16px 0;
}

.content-normal-low dl dt {
    margin: 0 0 8px 0;
}

.content-normal-low dl dd {
    margin: 0 0 16px 0;
}

.content-normal-low hr {
    border-top: 1px solid #000;
}

.content-normal-low .content-link {
 /* 黒アイコン<a>込み <ul>に指定 */
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin: 16px 0;
}

.content-normal-low .content-link li {
    margin: 0 0 8px 0;
    padding: 0 0 0 23px;
    text-indent: -23px;
}

.content-normal-low .content-link a:before {
    content: '';
    display: inline-block;
    background: url(../image/item-arrow22.png) no-repeat 0 0;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    margin: -9px 8px -6px 0;
    vertical-align: middle;
}

.content-normal-low .content-list-black {
 /* 黒アイコン リストのみ <ul>に指定  */
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin: 16px 0;
}

.content-normal-low .content-list-black li {
    margin: 0 0 8px 0;
    padding: 0 0 0 23px;
    text-indent: -23px;
}

.content-normal-low .content-list-black li:before {
    content: '';
    display: inline-block;
    background: url(../image/item-arrow22.png) no-repeat 0 0;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    margin: -9px 8px -6px 0;
    vertical-align: middle;
}

.content-normal-low .content-list-yellow {
 /* 黄アイコン リストのみ <ul>に指定 */
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin: 16px 0;
}

.content-normal-low .content-list-yellow li {
    margin: 0 0 8px 0;
    padding: 0 0 0 23px;
    text-indent: -23px;
}

.content-normal-low .content-list-yellow li:before {
    content: '';
    display: inline-block;
    background: url(../image/item-arrow04.png) no-repeat 0 0;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    margin: -9px 8px -6px 0;
    vertical-align: middle;
}

@media print {

    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
td.visible-print {
        display: table-cell !important;
    }

    .visible-print-block {
        display: block !important;
    }

    .visible-print-inline {
        display: inline !important;
    }

    .visible-print-inline-block {
        display: inline-block !important;
    }

    .hidden-print {
        display: none !important;
    }
}


/**
 *  印刷用制御
 */
.head-utility-nav,
.product-fnav-outer,
.page-top {
    display: none;
}

.header-nav,
.breadcrumb-outer,
.footer-upper-outer,
.footer-middle-outer {
    display: none;
}

.top-page .header-nav,
.top-page .breadcrumb-outer,
.top-page .footer-upper-outer,
.top-page .footer-middle-outer {
    display: block;
}

/* 要素内での改ページを避ける */
table,
img,
.ir-inquiry-item {
    page-break-inside: avoid;
}
/* その位置で強制的に改ページさせる */
.print-new-page {
    page-break-after: always;
}

/* メインビジュアル */
.main-visual-outer {
    height: 435px;
}

.main-visual-slider-item {
    background-position: -253px top;
    background-size: 125% auto;
    height: 435px;
}

.main-visual .bx-controls {
    display: none;
}

.main-visual-pager {
    bottom: 135px;
}