@charset "UTF-8";

@font-face {
  font-family: themify;
  src: url(/fonts/themify.eot?-fvbane);
  src: url(/fonts/themify.eot?#iefix-fvbane) format("embedded-opentype"), url(/fonts/themify.woff?-fvbane) format("woff"), url(/fonts/themify.ttf?-fvbane) format("truetype"), url(/fonts/themify.svg?-fvbane#themify) format("svg");
  font-weight: 400;
  font-style: normal
}

[class*=" ti-"], [class^=ti-] {
  font-family: themify;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.ti-wand:before {
  content: "\e600"
}

.ti-volume:before {
  content: "\e601"
}

.ti-user:before {
  content: "\e602"
}

.ti-unlock:before {
  content: "\e603"
}

.ti-unlink:before {
  content: "\e604"
}

.ti-trash:before {
  content: "\e605"
}

.ti-thought:before {
  content: "\e606"
}

.ti-target:before {
  content: "\e607"
}

.ti-tag:before {
  content: "\e608"
}

.ti-tablet:before {
  content: "\e609"
}

.ti-star:before {
  content: "\e60a"
}

.ti-spray:before {
  content: "\e60b"
}

.ti-signal:before {
  content: "\e60c"
}

.ti-shopping-cart:before {
  content: "\e60d"
}

.ti-shopping-cart-full:before {
  content: "\e60e"
}

.ti-settings:before {
  content: "\e60f"
}

.ti-search:before {
  content: "\e610"
}

.ti-zoom-in:before {
  content: "\e611"
}

.ti-zoom-out:before {
  content: "\e612"
}

.ti-cut:before {
  content: "\e613"
}

.ti-ruler:before {
  content: "\e614"
}

.ti-ruler-pencil:before {
  content: "\e615"
}

.ti-ruler-alt:before {
  content: "\e616"
}

.ti-bookmark:before {
  content: "\e617"
}

.ti-bookmark-alt:before {
  content: "\e618"
}

.ti-reload:before {
  content: "\e619"
}

.ti-plus:before {
  content: "\e61a"
}

.ti-pin:before {
  content: "\e61b"
}

.ti-pencil:before {
  content: "\e61c"
}

.ti-pencil-alt:before {
  content: "\e61d"
}

.ti-paint-roller:before {
  content: "\e61e"
}

.ti-paint-bucket:before {
  content: "\e61f"
}

.ti-na:before {
  content: "\e620"
}

.ti-mobile:before {
  content: "\e621"
}

.ti-minus:before {
  content: "\e622"
}

.ti-medall:before {
  content: "\e623"
}

.ti-medall-alt:before {
  content: "\e624"
}

.ti-marker:before {
  content: "\e625"
}

.ti-marker-alt:before {
  content: "\e626"
}

.ti-arrow-up:before {
  content: "\e627"
}

.ti-arrow-right:before {
  content: "\e628"
}

.ti-arrow-left:before {
  content: "\e629"
}

.ti-arrow-down:before {
  content: "\e62a"
}

.ti-lock:before {
  content: "\e62b"
}

.ti-location-arrow:before {
  content: "\e62c"
}

.ti-link:before {
  content: "\e62d"
}

.ti-layout:before {
  content: "\e62e"
}

.ti-layers:before {
  content: "\e62f"
}

.ti-layers-alt:before {
  content: "\e630"
}

.ti-key:before {
  content: "\e631"
}

.ti-import:before {
  content: "\e632"
}

.ti-image:before {
  content: "\e633"
}

.ti-heart:before {
  content: "\e634"
}

.ti-heart-broken:before {
  content: "\e635"
}

.ti-hand-stop:before {
  content: "\e636"
}

.ti-hand-open:before {
  content: "\e637"
}

.ti-hand-drag:before {
  content: "\e638"
}

.ti-folder:before {
  content: "\e639"
}

.ti-flag:before {
  content: "\e63a"
}

.ti-flag-alt:before {
  content: "\e63b"
}

.ti-flag-alt-2:before {
  content: "\e63c"
}

.ti-eye:before {
  content: "\e63d"
}

.ti-export:before {
  content: "\e63e"
}

.ti-exchange-vertical:before {
  content: "\e63f"
}

.ti-desktop:before {
  content: "\e640"
}

.ti-cup:before {
  content: "\e641"
}

.ti-crown:before {
  content: "\e642"
}

.ti-comments:before {
  content: "\e643"
}

.ti-comment:before {
  content: "\e644"
}

.ti-comment-alt:before {
  content: "\e645"
}

.ti-close:before {
  content: "\e646"
}

.ti-clip:before {
  content: "\e647"
}

.ti-angle-up:before {
  content: "\e648"
}

.ti-angle-right:before {
  content: "\e649"
}

.ti-angle-left:before {
  content: "\e64a"
}

.ti-angle-down:before {
  content: "\e64b"
}

.ti-check:before {
  content: "\e64c"
}

.ti-check-box:before {
  content: "\e64d"
}

.ti-camera:before {
  content: "\e64e"
}

.ti-announcement:before {
  content: "\e64f"
}

.ti-brush:before {
  content: "\e650"
}

.ti-briefcase:before {
  content: "\e651"
}

.ti-bolt:before {
  content: "\e652"
}

.ti-bolt-alt:before {
  content: "\e653"
}

.ti-blackboard:before {
  content: "\e654"
}

.ti-bag:before {
  content: "\e655"
}

.ti-move:before {
  content: "\e656"
}

.ti-arrows-vertical:before {
  content: "\e657"
}

.ti-arrows-horizontal:before {
  content: "\e658"
}

.ti-fullscreen:before {
  content: "\e659"
}

.ti-arrow-top-right:before {
  content: "\e65a"
}

.ti-arrow-top-left:before {
  content: "\e65b"
}

.ti-arrow-circle-up:before {
  content: "\e65c"
}

.ti-arrow-circle-right:before {
  content: "\e65d"
}

.ti-arrow-circle-left:before {
  content: "\e65e"
}

.ti-arrow-circle-down:before {
  content: "\e65f"
}

.ti-angle-double-up:before {
  content: "\e660"
}

.ti-angle-double-right:before {
  content: "\e661"
}

.ti-angle-double-left:before {
  content: "\e662"
}

.ti-angle-double-down:before {
  content: "\e663"
}

.ti-zip:before {
  content: "\e664"
}

.ti-world:before {
  content: "\e665"
}

.ti-wheelchair:before {
  content: "\e666"
}

.ti-view-list:before {
  content: "\e667"
}

.ti-view-list-alt:before {
  content: "\e668"
}

.ti-view-grid:before {
  content: "\e669"
}

.ti-uppercase:before {
  content: "\e66a"
}

.ti-upload:before {
  content: "\e66b"
}

.ti-underline:before {
  content: "\e66c"
}

.ti-truck:before {
  content: "\e66d"
}

.ti-timer:before {
  content: "\e66e"
}

.ti-ticket:before {
  content: "\e66f"
}

.ti-thumb-up:before {
  content: "\e670"
}

.ti-thumb-down:before {
  content: "\e671"
}

.ti-text:before {
  content: "\e672"
}

.ti-stats-up:before {
  content: "\e673"
}

.ti-stats-down:before {
  content: "\e674"
}

.ti-split-v:before {
  content: "\e675"
}

.ti-split-h:before {
  content: "\e676"
}

.ti-smallcap:before {
  content: "\e677"
}

.ti-shine:before {
  content: "\e678"
}

.ti-shift-right:before {
  content: "\e679"
}

.ti-shift-left:before {
  content: "\e67a"
}

.ti-shield:before {
  content: "\e67b"
}

.ti-notepad:before {
  content: "\e67c"
}

.ti-server:before {
  content: "\e67d"
}

.ti-quote-right:before {
  content: "\e67e"
}

.ti-quote-left:before {
  content: "\e67f"
}

.ti-pulse:before {
  content: "\e680"
}

.ti-printer:before {
  content: "\e681"
}

.ti-power-off:before {
  content: "\e682"
}

.ti-plug:before {
  content: "\e683"
}

.ti-pie-chart:before {
  content: "\e684"
}

.ti-paragraph:before {
  content: "\e685"
}

.ti-panel:before {
  content: "\e686"
}

.ti-package:before {
  content: "\e687"
}

.ti-music:before {
  content: "\e688"
}

.ti-music-alt:before {
  content: "\e689"
}

.ti-mouse:before {
  content: "\e68a"
}

.ti-mouse-alt:before {
  content: "\e68b"
}

.ti-money:before {
  content: "\e68c"
}

.ti-microphone:before {
  content: "\e68d"
}

.ti-menu:before {
  content: "\e68e"
}

.ti-menu-alt:before {
  content: "\e68f"
}

.ti-map:before {
  content: "\e690"
}

.ti-map-alt:before {
  content: "\e691"
}

.ti-loop:before {
  content: "\e692"
}

.ti-location-pin:before {
  content: "\e693"
}

.ti-list:before {
  content: "\e694"
}

.ti-light-bulb:before {
  content: "\e695"
}

.ti-Italic:before {
  content: "\e696"
}

.ti-info:before {
  content: "\e697"
}

.ti-infinite:before {
  content: "\e698"
}

.ti-id-badge:before {
  content: "\e699"
}

.ti-hummer:before {
  content: "\e69a"
}

.ti-home:before {
  content: "\e69b"
}

.ti-help:before {
  content: "\e69c"
}

.ti-headphone:before {
  content: "\e69d"
}

.ti-harddrives:before {
  content: "\e69e"
}

.ti-harddrive:before {
  content: "\e69f"
}

.ti-gift:before {
  content: "\e6a0"
}

.ti-game:before {
  content: "\e6a1"
}

.ti-filter:before {
  content: "\e6a2"
}

.ti-files:before {
  content: "\e6a3"
}

.ti-file:before {
  content: "\e6a4"
}

.ti-eraser:before {
  content: "\e6a5"
}

.ti-envelope:before {
  content: "\e6a6"
}

.ti-download:before {
  content: "\e6a7"
}

.ti-direction:before {
  content: "\e6a8"
}

.ti-direction-alt:before {
  content: "\e6a9"
}

.ti-dashboard:before {
  content: "\e6aa"
}

.ti-control-stop:before {
  content: "\e6ab"
}

.ti-control-shuffle:before {
  content: "\e6ac"
}

.ti-control-play:before {
  content: "\e6ad"
}

.ti-control-pause:before {
  content: "\e6ae"
}

.ti-control-forward:before {
  content: "\e6af"
}

.ti-control-backward:before {
  content: "\e6b0"
}

.ti-cloud:before {
  content: "\e6b1"
}

.ti-cloud-up:before {
  content: "\e6b2"
}

.ti-cloud-down:before {
  content: "\e6b3"
}

.ti-clipboard:before {
  content: "\e6b4"
}

.ti-car:before {
  content: "\e6b5"
}

.ti-calendar:before {
  content: "\e6b6"
}

.ti-book:before {
  content: "\e6b7"
}

.ti-bell:before {
  content: "\e6b8"
}

.ti-basketball:before {
  content: "\e6b9"
}

.ti-bar-chart:before {
  content: "\e6ba"
}

.ti-bar-chart-alt:before {
  content: "\e6bb"
}

.ti-back-right:before {
  content: "\e6bc"
}

.ti-back-left:before {
  content: "\e6bd"
}

.ti-arrows-corner:before {
  content: "\e6be"
}

.ti-archive:before {
  content: "\e6bf"
}

.ti-anchor:before {
  content: "\e6c0"
}

.ti-align-right:before {
  content: "\e6c1"
}

.ti-align-left:before {
  content: "\e6c2"
}

.ti-align-justify:before {
  content: "\e6c3"
}

.ti-align-center:before {
  content: "\e6c4"
}

.ti-alert:before {
  content: "\e6c5"
}

.ti-alarm-clock:before {
  content: "\e6c6"
}

.ti-agenda:before {
  content: "\e6c7"
}

.ti-write:before {
  content: "\e6c8"
}

.ti-window:before {
  content: "\e6c9"
}

.ti-widgetized:before {
  content: "\e6ca"
}

.ti-widget:before {
  content: "\e6cb"
}

.ti-widget-alt:before {
  content: "\e6cc"
}

.ti-wallet:before {
  content: "\e6cd"
}

.ti-video-clapper:before {
  content: "\e6ce"
}

.ti-video-camera:before {
  content: "\e6cf"
}

.ti-vector:before {
  content: "\e6d0"
}

.ti-themify-logo:before {
  content: "\e6d1"
}

.ti-themify-favicon:before {
  content: "\e6d2"
}

.ti-themify-favicon-alt:before {
  content: "\e6d3"
}

.ti-support:before {
  content: "\e6d4"
}

.ti-stamp:before {
  content: "\e6d5"
}

.ti-split-v-alt:before {
  content: "\e6d6"
}

.ti-slice:before {
  content: "\e6d7"
}

.ti-shortcode:before {
  content: "\e6d8"
}

.ti-shift-right-alt:before {
  content: "\e6d9"
}

.ti-shift-left-alt:before {
  content: "\e6da"
}

.ti-ruler-alt-2:before {
  content: "\e6db"
}

.ti-receipt:before {
  content: "\e6dc"
}

.ti-pin2:before {
  content: "\e6dd"
}

.ti-pin-alt:before {
  content: "\e6de"
}

.ti-pencil-alt2:before {
  content: "\e6df"
}

.ti-palette:before {
  content: "\e6e0"
}

.ti-more:before {
  content: "\e6e1"
}

.ti-more-alt:before {
  content: "\e6e2"
}

.ti-microphone-alt:before {
  content: "\e6e3"
}

.ti-magnet:before {
  content: "\e6e4"
}

.ti-line-double:before {
  content: "\e6e5"
}

.ti-line-dotted:before {
  content: "\e6e6"
}

.ti-line-dashed:before {
  content: "\e6e7"
}

.ti-layout-width-full:before {
  content: "\e6e8"
}

.ti-layout-width-default:before {
  content: "\e6e9"
}

.ti-layout-width-default-alt:before {
  content: "\e6ea"
}

.ti-layout-tab:before {
  content: "\e6eb"
}

.ti-layout-tab-window:before {
  content: "\e6ec"
}

.ti-layout-tab-v:before {
  content: "\e6ed"
}

.ti-layout-tab-min:before {
  content: "\e6ee"
}

.ti-layout-slider:before {
  content: "\e6ef"
}

.ti-layout-slider-alt:before {
  content: "\e6f0"
}

.ti-layout-sidebar-right:before {
  content: "\e6f1"
}

.ti-layout-sidebar-none:before {
  content: "\e6f2"
}

.ti-layout-sidebar-left:before {
  content: "\e6f3"
}

.ti-layout-placeholder:before {
  content: "\e6f4"
}

.ti-layout-menu:before {
  content: "\e6f5"
}

.ti-layout-menu-v:before {
  content: "\e6f6"
}

.ti-layout-menu-separated:before {
  content: "\e6f7"
}

.ti-layout-menu-full:before {
  content: "\e6f8"
}

.ti-layout-media-right-alt:before {
  content: "\e6f9"
}

.ti-layout-media-right:before {
  content: "\e6fa"
}

.ti-layout-media-overlay:before {
  content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
  content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
  content: "\e6fd"
}

.ti-layout-media-left-alt:before {
  content: "\e6fe"
}

.ti-layout-media-left:before {
  content: "\e6ff"
}

.ti-layout-media-center-alt:before {
  content: "\e700"
}

.ti-layout-media-center:before {
  content: "\e701"
}

.ti-layout-list-thumb:before {
  content: "\e702"
}

.ti-layout-list-thumb-alt:before {
  content: "\e703"
}

.ti-layout-list-post:before {
  content: "\e704"
}

.ti-layout-list-large-image:before {
  content: "\e705"
}

.ti-layout-line-solid:before {
  content: "\e706"
}

.ti-layout-grid4:before {
  content: "\e707"
}

.ti-layout-grid3:before {
  content: "\e708"
}

.ti-layout-grid2:before {
  content: "\e709"
}

.ti-layout-grid2-thumb:before {
  content: "\e70a"
}

.ti-layout-cta-right:before {
  content: "\e70b"
}

.ti-layout-cta-left:before {
  content: "\e70c"
}

.ti-layout-cta-center:before {
  content: "\e70d"
}

.ti-layout-cta-btn-right:before {
  content: "\e70e"
}

.ti-layout-cta-btn-left:before {
  content: "\e70f"
}

.ti-layout-column4:before {
  content: "\e710"
}

.ti-layout-column3:before {
  content: "\e711"
}

.ti-layout-column2:before {
  content: "\e712"
}

.ti-layout-accordion-separated:before {
  content: "\e713"
}

.ti-layout-accordion-merged:before {
  content: "\e714"
}

.ti-layout-accordion-list:before {
  content: "\e715"
}

.ti-ink-pen:before {
  content: "\e716"
}

.ti-info-alt:before {
  content: "\e717"
}

.ti-help-alt:before {
  content: "\e718"
}

.ti-headphone-alt:before {
  content: "\e719"
}

.ti-hand-point-up:before {
  content: "\e71a"
}

.ti-hand-point-right:before {
  content: "\e71b"
}

.ti-hand-point-left:before {
  content: "\e71c"
}

.ti-hand-point-down:before {
  content: "\e71d"
}

.ti-gallery:before {
  content: "\e71e"
}

.ti-face-smile:before {
  content: "\e71f"
}

.ti-face-sad:before {
  content: "\e720"
}

.ti-credit-card:before {
  content: "\e721"
}

.ti-control-skip-forward:before {
  content: "\e722"
}

.ti-control-skip-backward:before {
  content: "\e723"
}

.ti-control-record:before {
  content: "\e724"
}

.ti-control-eject:before {
  content: "\e725"
}

.ti-comments-smiley:before {
  content: "\e726"
}

.ti-brush-alt:before {
  content: "\e727"
}

.ti-youtube:before {
  content: "\e728"
}

.ti-vimeo:before {
  content: "\e729"
}

.ti-twitter:before {
  content: "\e72a"
}

.ti-time:before {
  content: "\e72b"
}

.ti-tumblr:before {
  content: "\e72c"
}

.ti-skype:before {
  content: "\e72d"
}

.ti-share:before {
  content: "\e72e"
}

.ti-share-alt:before {
  content: "\e72f"
}

.ti-rocket:before {
  content: "\e730"
}

.ti-pinterest:before {
  content: "\e731"
}

.ti-new-window:before {
  content: "\e732"
}

.ti-microsoft:before {
  content: "\e733"
}

.ti-list-ol:before {
  content: "\e734"
}

.ti-linkedin:before {
  content: "\e735"
}

.ti-layout-sidebar-2:before {
  content: "\e736"
}

.ti-layout-grid4-alt:before {
  content: "\e737"
}

.ti-layout-grid3-alt:before {
  content: "\e738"
}

.ti-layout-grid2-alt:before {
  content: "\e739"
}

.ti-layout-column4-alt:before {
  content: "\e73a"
}

.ti-layout-column3-alt:before {
  content: "\e73b"
}

.ti-layout-column2-alt:before {
  content: "\e73c"
}

.ti-instagram:before {
  content: "\e73d"
}

.ti-google:before {
  content: "\e73e"
}

.ti-github:before {
  content: "\e73f"
}

.ti-flickr:before {
  content: "\e740"
}

.ti-facebook:before {
  content: "\e741"
}

.ti-dropbox:before {
  content: "\e742"
}

.ti-dribbble:before {
  content: "\e743"
}

.ti-apple:before {
  content: "\e744"
}

.ti-android:before {
  content: "\e745"
}

.ti-save:before {
  content: "\e746"
}

.ti-save-alt:before {
  content: "\e747"
}

.ti-yahoo:before {
  content: "\e748"
}

.ti-wordpress:before {
  content: "\e749"
}

.ti-vimeo-alt:before {
  content: "\e74a"
}

.ti-twitter-alt:before {
  content: "\e74b"
}

.ti-tumblr-alt:before {
  content: "\e74c"
}

.ti-trello:before {
  content: "\e74d"
}

.ti-stack-overflow:before {
  content: "\e74e"
}

.ti-soundcloud:before {
  content: "\e74f"
}

.ti-sharethis:before {
  content: "\e750"
}

.ti-sharethis-alt:before {
  content: "\e751"
}

.ti-reddit:before {
  content: "\e752"
}

.ti-pinterest-alt:before {
  content: "\e753"
}

.ti-microsoft-alt:before {
  content: "\e754"
}

.ti-linux:before {
  content: "\e755"
}

.ti-jsfiddle:before {
  content: "\e756"
}

.ti-joomla:before {
  content: "\e757"
}

.ti-html5:before {
  content: "\e758"
}

.ti-flickr-alt:before {
  content: "\e759"
}

.ti-email:before {
  content: "\e75a"
}

.ti-drupal:before {
  content: "\e75b"
}

.ti-dropbox-alt:before {
  content: "\e75c"
}

.ti-css3:before {
  content: "\e75d"
}

.ti-rss:before {
  content: "\e75e"
}

.ti-rss-alt:before {
  content: "\e75f"
}

.icon, [type=checkbox]+i, [type=radio]+i {
  background-image: url(../img/sprite.png)
}

/*! 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 {
  background-color: transparent
}

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

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

b, strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

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

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

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.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
}

.buttons {
  font-weight: 700;
  //text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

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

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="file"] {
    height: 100%;
}

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
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

fieldset {
/*  border: 1px solid silver; */
  margin: 0 2px;
  padding: 50px;
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

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

td, th {
  padding: 0
}

div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

div:after, div:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.massage_error {
    margin-bottom: 30px;
    margin-top: 30px; 
   color: #FF0000;
    font-weight: bold;
    background: #FFC7AF;
}

.massage_regist {
    margin-bottom: 30px;
    margin-top: 30px;
    color: #00008B;
    font-weight: bold;
    background: #D7EEFF;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent
}

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

figure {
  margin: 0
}

img {
  vertical-align: middle
}

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

.img-rounded {
  border-radius: 6px
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}

.img-circle {
  border-radius: 50%
}

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

.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
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px
}

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

.container:after {
  clear: both
}

@media (min-width:768px) {
  .container {
    width: 752px
  }
}

@media (min-width:992px) {
  .container {
    width: 972px
  }
}

@media (min-width:1200px) {
  .container {
    width: 1172px
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px
}

.container-fluid:after, .container-fluid:before {
  content: " ";
  display: table
}

.container-fluid:after {
  clear: both
}

.row {
  margin-left: -16px;
  margin-right: -16px
}

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

.row:after {
  clear: both
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  float: left
}

.col-xs-1 {
  width: 8.33333%
}

.col-xs-2 {
  width: 16.66667%
}

.col-xs-3 {
  width: 25%
}

.col-xs-4 {
  width: 33.33333%
}

.col-xs-5 {
  width: 41.66667%
}

.col-xs-6 {
  width: 50%
}

.col-xs-7 {
  width: 58.33333%
}

.col-xs-8 {
  width: 66.66667%
}

.col-xs-9 {
  width: 75%
}

.col-xs-10 {
  width: 83.33333%
}

.col-xs-11 {
  width: 91.66667%
}

.col-xs-12 {
  width: 100%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-pull-1 {
  right: 8.33333%
}

.col-xs-pull-2 {
  right: 16.66667%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-4 {
  right: 33.33333%
}

.col-xs-pull-5 {
  right: 41.66667%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-7 {
  right: 58.33333%
}

.col-xs-pull-8 {
  right: 66.66667%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-10 {
  right: 83.33333%
}

.col-xs-pull-11 {
  right: 91.66667%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-push-1 {
  left: 8.33333%
}

.col-xs-push-2 {
  left: 16.66667%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-4 {
  left: 33.33333%
}

.col-xs-push-5 {
  left: 41.66667%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-7 {
  left: 58.33333%
}

.col-xs-push-8 {
  left: 66.66667%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-10 {
  left: 83.33333%
}

.col-xs-push-11 {
  left: 91.66667%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-offset-0 {
  margin-left: 0
}

.col-xs-offset-1 {
  margin-left: 8.33333%
}

.col-xs-offset-2 {
  margin-left: 16.66667%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-4 {
  margin-left: 33.33333%
}

.col-xs-offset-5 {
  margin-left: 41.66667%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-7 {
  margin-left: 58.33333%
}

.col-xs-offset-8 {
  margin-left: 66.66667%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-10 {
  margin-left: 83.33333%
}

.col-xs-offset-11 {
  margin-left: 91.66667%
}

.col-xs-offset-12 {
  margin-left: 100%
}

@media (min-width:768px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left
  }
  .col-sm-1 {
    width: 8.33333%
  }
  .col-sm-2 {
    width: 16.66667%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-4 {
    width: 33.33333%
  }
  .col-sm-5 {
    width: 41.66667%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-7 {
    width: 58.33333%
  }
  .col-sm-8 {
    width: 66.66667%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-10 {
    width: 83.33333%
  }
  .col-sm-11 {
    width: 91.66667%
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-pull-0 {
    right: auto
  }
  .col-sm-pull-1 {
    right: 8.33333%
  }
  .col-sm-pull-2 {
    right: 16.66667%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-4 {
    right: 33.33333%
  }
  .col-sm-pull-5 {
    right: 41.66667%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-7 {
    right: 58.33333%
  }
  .col-sm-pull-8 {
    right: 66.66667%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-10 {
    right: 83.33333%
  }
  .col-sm-pull-11 {
    right: 91.66667%
  }
  .col-sm-pull-12 {
    right: 100%
  }
  .col-sm-push-0 {
    left: auto
  }
  .col-sm-push-1 {
    left: 8.33333%
  }
  .col-sm-push-2 {
    left: 16.66667%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-4 {
    left: 33.33333%
  }
  .col-sm-push-5 {
    left: 41.66667%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-7 {
    left: 58.33333%
  }
  .col-sm-push-8 {
    left: 66.66667%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-10 {
    left: 83.33333%
  }
  .col-sm-push-11 {
    left: 91.66667%
  }
  .col-sm-push-12 {
    left: 100%
  }
  .col-sm-offset-0 {
    margin-left: 0
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%
  }
  .col-sm-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:992px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left
  }
  .col-md-1 {
    width: 8.33333%
  }
  .col-md-2 {
    width: 16.66667%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-4 {
    width: 33.33333%
  }
  .col-md-5 {
    width: 41.66667%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-7 {
    width: 58.33333%
  }
  .col-md-8 {
    width: 66.66667%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-10 {
    width: 83.33333%
  }
  .col-md-11 {
    width: 91.66667%
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-pull-1 {
    right: 8.33333%
  }
  .col-md-pull-2 {
    right: 16.66667%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-4 {
    right: 33.33333%
  }
  .col-md-pull-5 {
    right: 41.66667%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-7 {
    right: 58.33333%
  }
  .col-md-pull-8 {
    right: 66.66667%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-10 {
    right: 83.33333%
  }
  .col-md-pull-11 {
    right: 91.66667%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-push-1 {
    left: 8.33333%
  }
  .col-md-push-2 {
    left: 16.66667%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-4 {
    left: 33.33333%
  }
  .col-md-push-5 {
    left: 41.66667%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-7 {
    left: 58.33333%
  }
  .col-md-push-8 {
    left: 66.66667%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-10 {
    left: 83.33333%
  }
  .col-md-push-11 {
    left: 91.66667%
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-offset-0 {
    margin-left: 0
  }
  .col-md-offset-1 {
    margin-left: 8.33333%
  }
  .col-md-offset-2 {
    margin-left: 16.66667%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-4 {
    margin-left: 33.33333%
  }
  .col-md-offset-5 {
    margin-left: 41.66667%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-7 {
    margin-left: 58.33333%
  }
  .col-md-offset-8 {
    margin-left: 66.66667%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-10 {
    margin-left: 83.33333%
  }
  .col-md-offset-11 {
    margin-left: 91.66667%
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:1200px) {
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left
  }
  .col-lg-1 {
    width: 8.33333%
  }
  .col-lg-2 {
    width: 16.66667%
  }
  .col-lg-3 {
    width: 25%
  }
  .col-lg-4 {
    width: 33.33333%
  }
  .col-lg-5 {
    width: 41.66667%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-7 {
    width: 58.33333%
  }
  .col-lg-8 {
    width: 66.66667%
  }
  .col-lg-9 {
    width: 75%
  }
  .col-lg-10 {
    width: 83.33333%
  }
  .col-lg-11 {
    width: 91.66667%
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-pull-0 {
    right: auto
  }
  .col-lg-pull-1 {
    right: 8.33333%
  }
  .col-lg-pull-2 {
    right: 16.66667%
  }
  .col-lg-pull-3 {
    right: 25%
  }
  .col-lg-pull-4 {
    right: 33.33333%
  }
  .col-lg-pull-5 {
    right: 41.66667%
  }
  .col-lg-pull-6 {
    right: 50%
  }
  .col-lg-pull-7 {
    right: 58.33333%
  }
  .col-lg-pull-8 {
    right: 66.66667%
  }
  .col-lg-pull-9 {
    right: 75%
  }
  .col-lg-pull-10 {
    right: 83.33333%
  }
  .col-lg-pull-11 {
    right: 91.66667%
  }
  .col-lg-pull-12 {
    right: 100%
  }
  .col-lg-push-0 {
    left: auto
  }
  .col-lg-push-1 {
    left: 8.33333%
  }
  .col-lg-push-2 {
    left: 16.66667%
  }
  .col-lg-push-3 {
    left: 25%
  }
  .col-lg-push-4 {
    left: 33.33333%
  }
  .col-lg-push-5 {
    left: 41.66667%
  }
  .col-lg-push-6 {
    left: 50%
  }
  .col-lg-push-7 {
    left: 58.33333%
  }
  .col-lg-push-8 {
    left: 66.66667%
  }
  .col-lg-push-9 {
    left: 75%
  }
  .col-lg-push-10 {
    left: 83.33333%
  }
  .col-lg-push-11 {
    left: 91.66667%
  }
  .col-lg-push-12 {
    left: 100%
  }
  .col-lg-offset-0 {
    margin-left: 0
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%
  }
  .col-lg-offset-12 {
    margin-left: 100%
  }
}

@-ms-viewport {
  width: device-width
}

.visible-xs {
  display: none !important
}

.visible-sm {
  display: none !important
}

.visible-md {
  display: none !important
}

.visible-lg {
  display: none !important
}

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

@media (max-width:767px) {
  .visible-xs {
    display: block !important
  }
  table.visible-xs {
    display: table !important
  }
  tr.visible-xs {
    display: table-row !important
  }
  td.visible-xs, th.visible-xs {
    display: table-cell !important
  }
}

@media (max-width:767px) {
  .visible-xs-block {
    display: block !important
  }
}

@media (max-width:767px) {
  .visible-xs-inline {
    display: inline !important
  }
}

@media (max-width:767px) {
  .visible-xs-inline-block {
    display: inline-block !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display: block !important
  }
  table.visible-sm {
    display: table !important
  }
  tr.visible-sm {
    display: table-row !important
  }
  td.visible-sm, th.visible-sm {
    display: table-cell !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm-block {
    display: block !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline {
    display: inline !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline-block {
    display: inline-block !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block !important
  }
  table.visible-md {
    display: table !important
  }
  tr.visible-md {
    display: table-row !important
  }
  td.visible-md, th.visible-md {
    display: table-cell !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md-block {
    display: block !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline {
    display: inline !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline-block {
    display: inline-block !important
  }
}

@media (min-width:1200px) {
  .visible-lg {
    display: block !important
  }
  table.visible-lg {
    display: table !important
  }
  tr.visible-lg {
    display: table-row !important
  }
  td.visible-lg, th.visible-lg {
    display: table-cell !important
  }
}

@media (min-width:1200px) {
  .visible-lg-block {
    display: block !important
  }
}

@media (min-width:1200px) {
  .visible-lg-inline {
    display: inline !important
  }
}

@media (min-width:1200px) {
  .visible-lg-inline-block {
    display: inline-block !important
  }
}

@media (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}

@media (min-width:1200px) {
  .hidden-lg {
    display: none !important
  }
}

.visible-print {
  display: none !important
}

@media print {
  .visible-print {
    display: block !important
  }
  table.visible-print {
    display: table !important
  }
  tr.visible-print {
    display: table-row !important
  }
  td.visible-print, th.visible-print {
    display: table-cell !important
  }
}

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

@media print {
  .visible-print-block {
    display: block !important
  }
}

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

@media print {
  .visible-print-inline {
    display: inline !important
  }
}

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

@media print {
  .visible-print-inline-block {
    display: inline-block !important
  }
}

@media print {
  .hidden-print {
    display: none !important
  }
}

blockquote, dd, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, table, ul {
  margin: 0;
  padding: 0
}

dl, ol, ul {
  list-style: none
}

body {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 2
}

a {
  color: #13b7cf;
  text-decoration: underline
}

a:visited {
  color: #91b8bd
}

a:active, a:focus, a:hover {
  text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%
}

.wrapper {
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  //margin-top: 54px;
  padding: 0 16px;
  overflow: hidden
}

.wrapper.wide {
  max-width: 1560px;
}

.wrapper.more-wide {
  max-width: 1700px;
}

.wrapper.is_contract {
  margin-top: 0
}

.wrapper.import {
  padding-top: 30px;
}

@media only screen and (min-width:1060px) {
  .wrapper.import {
    //max-width: 62.3%;
  }
}
@media only screen and (max-width:1060px) {
  .wrapper.import {
    //max-width: 100%;
  }
}

.overlay-link+.wrapper {
  position: relative;
  margin-top: 100px;
  overflow: visible
}

@media only screen and (max-width:767px) {
  .overlay-link+.wrapper {
    margin-top: 80px
  }
}

.overlay-link+.wrapper:before {
  display: block;
  position: absolute;
  top: -126px;
  left: 50%;
  width: 500px;
  height: 50px;
  margin-left: -250px;
  background-color: #ff5000;
  content: "";
  z-index: 6
}

@media only screen and (max-width:767px) {
  .overlay-link+.wrapper:before {
    top: calc(-80px - 4vw);
    width: 80vw;
    height: 8vw;
    margin-left: -40vw
  }
}

.container_local_nav {
  margin-right: -25px;
  margin-left: -25px
}

.container_local_nav [class^=col-] {
  padding-right: 25px;
  padding-left: 25px
}

@media only screen and (max-width:767px) {
  .pc {
    display: none !important
  }
}

@media only screen and (min-width:768px) {
  .sp {
    display: none !important
  }
}

.ol, .p, .ul {
  margin-top: 32px
}

.ol.is_contract, .p.is_contract, .ul.is_contract {
  margin-top: 16px
}

.ol.is_x_contract, .p.is_x_contract, .ul.is_x_contract {
  margin-top: 8px
}

.clr:after {
  display: table;
  clear: both;
  content: ""
}

.is_hide {
  display: none !important
}

.img_bordered {
  border: 1px solid #b5b6b6
}

.img-responsive {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box
}

img.alignleft {
  float: left;
  margin: 0 24px 16px 0
}

@media only screen and (max-width:767px) {
  img.alignleft {
    float: none;
    margin-right: 0
  }
}

img.alignright {
  float: right;
  margin: 0 0 16px 24px
}

@media only screen and (max-width:767px) {
  img.alignright {
    float: none;
    margin-left: 0
  }
}

.align_l {
  text-align: left
}

.align_r {
  text-align: right
}

.align_c {
  text-align: center
}

.header {
  border-bottom: 1px solid #b5b6b6
}

[class^=ns_tool_] .header {
  border-bottom: none
}

@media only screen and (min-width:768px) {
  .header .header_nav_02, .header .header_row_01, .header .header_title {
    max-width: 1060px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box
  }
  .header .header_row_01, .header .header_title {
    padding-top: 13px;
    padding-bottom: 13px
  }
  .header .header_row_01 {
    margin-top: -62px
  }
  .header .header_language, .header .header_nav_01, .header .header_search {
    float: right;
    line-height: 1.2
  }
  .header .header_language a, .header .header_nav_01 a, .header .header_search a {
    display: block;
    color: #303030;
    font-size: 12px;
    text-decoration: none
  }
  .header .header_language a:active, .header .header_language a:focus, .header .header_language a:hover, .header .header_nav_01 a:active, .header .header_nav_01 a:focus, .header .header_nav_01 a:hover, .header .header_search a:active, .header .header_search a:focus, .header .header_search a:hover {
    text-decoration: underline
  }
  .header .header_language {
    margin-left: 20px
  }
  .header .header_language p {
    padding-top: 10px
  }
  .header .header_language a {
    position: relative;
    padding: 0 35px 0 42px;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8
  }
  .header .header_language a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border-top: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    transform: rotate(135deg);
    content: ""
  }
  .header .header_language .ti-world {
    position: absolute;
    top: 0;
    left: 20px;
    color: #ff5000;
    font-size: 14px;
    font-weight: 700
  }
  .header .header_nav_01 {
    height: 36px
  }
  .header .header_nav_01 ul {
    padding-top: 10px
  }
  .header .header_nav_01 li {
    float: left
  }
  .header .header_nav_01 li:last-child {
    display: none
  }
  .header .header_nav_01 li+li {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #e5e5e5
  }
  .header .header_row_02 {
    height: 48px;
    background-color: #f6f6f6
  }
  .index .header .header_row_02 {
    display: none
  }
  .header .header_nav_02 li {
    float: left
  }
  body[class^=products_] .header .header_nav_02 li:nth-child(1) a {
    background-color: #ff5000;
    color: #fff
  }
  body[class^=technology_] .header .header_nav_02 li:nth-child(2) a {
    background-color: #ff5000;
    color: #fff
  }
  body[class^=company_] .header .header_nav_02 li:nth-child(3) a {
    background-color: #ff5000;
    color: #fff
  }
  body[class^=recruit_] .header .header_nav_02 li:nth-child(4) a {
    background-color: #ff5000;
    color: #fff
  }
  body[class^=ir_] .header .header_nav_02 li:nth-child(5) a {
    background-color: #ff5000;
    color: #fff
  }
  .header .header_nav_02 a {
    display: block;
    padding-right: 40px;
    padding-left: 40px;
    color: #2c2b2b;
    font-size: 14px;
    line-height: 48px;
    text-decoration: none;
    transition: background-color .3s ease, color .3s ease
  }
  .header .header_nav_02 a:active, .header .header_nav_02 a:focus, .header .header_nav_02 a:hover {
    background-color: #ff5000;
    color: #fff
  }
  .header .header_search {
    text-align: right;
    margin-left: 10px
  }
  .header .header_search [type=button] {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    width: 36px;
    height: 36px;
    border: none;
    background-color: #fff;
    color: #ff5000;
    font-size: 20px;
    transition: background-color .3s ease, color .3s ease
  }
  .header .header_search [type=button]:active, .header .header_search [type=button]:focus, .header .header_search [type=button]:hover {
    background-color: #ff5000;
    color: #fff
  }
}

@media only screen and (max-width:1000px) {
  .header .header_nav_02 a {
    padding-right: 30px;
    padding-left: 30px
  }
}

@media only screen and (max-width:860px) {
  .header .header_nav_02 a {
    padding-right: 20px;
    padding-left: 20px
  }
}

@media only screen and (max-width:767px) {
  .header {
    position: relative;
    padding: 20px
  }
  .header a {
    color: #555;
    text-decoration: none
  }
  .header .header_title {
    width: 169px;
    height: 40px
  }
  .header .header_menu_button {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 30px;
    height: 24px;
    margin-top: -12px;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: 0
  }
  .header .header_menu_button.is_open i {
    background-color: #7e7e7e
  }
  .header .header_menu_button.is_open i:nth-child(1) {
    top: 11px;
    transform: rotate(45deg)
  }
  .header .header_menu_button.is_open i:nth-child(3) {
    bottom: 11px;
    transform: rotate(-45deg)
  }
  .header .header_menu_button.is_open i:nth-child(2) {
    display: none
  }
  .header .header_menu_button i {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff5000;
    transition: background-color .3s ease, transform .3s ease
  }
  .header .header_menu_button i:nth-child(1) {
    top: 0
  }
  .header .header_menu_button i:nth-child(2) {
    top: 50%;
    margin-top: -1px
  }
  .header .header_menu_button i:nth-child(3) {
    bottom: 0
  }
  .header .header_menu {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    z-index: 1000;
    background-color: #fff
  }
  .header .header_wrapper {
    display: flex;
    flex-direction: column
  }
  .header .header_wrapper .header_row_01 {
    order: 2
  }
  .header .header_wrapper .header_row_02 {
    order: 1
  }
  .header .header_inner {
    display: flex;
    flex-direction: column
  }
  .header .header_inner .header_language {
    order: 2
  }
  .header .header_inner .header_nav_01 {
    order: 1
  }
  .header .header_nav_02 {
    background-color: #f6f6f6
  }
  .header .header_nav_02 a {
    display: block;
    padding: 24px 32px
  }
  .header .header_search_form {
    position: relative;
    padding: 16px
  }
  .header .header_search_form [type=text] {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding-right: 46px
  }
  .header .header_search_search {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    right: 32px;
    margin-top: -10px;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #ff5000;
    font-size: 20px;
    line-height: 1.2
  }
  .header .header_nav_01 {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden
  }
  .header .header_nav_01:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    margin-left: -1px;
    border-right: 1px solid #e5e5e5;
    content: ""
  }
  .header .header_nav_01 li {
    float: left;
    width: 50%;
    border-top: 1px solid #e5e5e5
  }
  .header .header_nav_01 a {
    display: block;
    position: relative;
    padding: 24px 16px;
    line-height: 1
  }
  .header .header_nav_01 a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: 1px solid #727171;
    border-right: 1px solid #727171;
    transform: rotate(45deg);
    content: ""
  }
  .header .header_language {
    padding: 16px
  }
  .header .header_language a {
    display: block;
    position: relative;
    padding: 16px;
    border: 1px solid #b5b6b6;
    font-size: 18px
  }
  .header .header_language a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 8px;
    height: 8px;
    margin-top: -8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg);
    content: ""
  }
  .header .header_language .ti-world {
    margin-right: 8px;
    color: #ff5000;
    font-size: 20px;
    vertical-align: -1px
  }
  .header .header_close a {
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #000;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 1
  }
}

.site_search {
  display: none
}

@media only screen and (min-width:768px) {
  .site_search {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 64px;
    background-color: #fff
  }
  .site_search:before {
    display: block;
    color: #ff5000;
    font-size: 46px;
    line-height: 1;
    content: "Search"
  }
  .site_search_close_button {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 64px;
    right: 64px;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 24px;
    transition: opacity .3s ease
  }
  .site_search_close_button:active, .site_search_close_button:focus, .site_search_close_button:hover {
    opacity: .3
  }
  .site_search_section {
    margin: 40px 40px 0
  }
  .site_search_section+.site_search_section {
    margin-top: 40px
  }
  .site_search_title {
    font-size: 20px
  }
  .site_search_form {
    position: relative;
    width: 454px;
    margin-top: 24px;
    margin-right: auto;
    margin-left: auto
  }
  .site_search_form [type=text] {
    box-sizing: border-box;
    width: 100%;
    height: 53px;
    padding-right: 42px;
    border: none;
    border-bottom: 1px solid #ff5000;
    font-size: 20px;
    outline: 0
  }
  .site_search_search {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 8px;
    right: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #ff5000;
    font-size: 32px;
    line-height: 1
  }
  .site_search_product {
    box-sizing: border-box;
    margin-top: 20px;
    font-size: 12px;
    text-align: center
  }
  .site_search_product li {
    box-sizing: border-box;
    margin-top: 20px
  }
  .site_search_product a {
    display: block;
    color: #000;
    text-decoration: none;
    transition: opacity .3s ease
  }
  .site_search_product a:active, .site_search_product a:focus, .site_search_product a:hover {
    opacity: .3
  }
  .site_search_product span {
    display: block
  }
  .site_search_image {
    position: relative;
    height: 0;
    padding-bottom: 15%
  }
  .site_search_image img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 90%;
    max-height: 90%;
    margin: auto
  }
  .site_search_text_en {
    color: #ff5000
  }
  .site_search_other {
    margin-top: 32px;
    text-align: right
  }
  .site_search_button {
    margin-top: 28px;
    text-align: center
  }
}

@media only screen and (max-width:767px) {
  .site_search_form {
    position: relative;
    margin-top: 32px;
    margin-right: auto;
    margin-left: auto
  }
  .site_search_form [type=text] {
    box-sizing: border-box;
    width: 100%;
    height: 53px;
    padding-right: 42px;
    border: none;
    border-bottom: 1px solid #ff5000;
    font-size: 20px;
    outline: 0
  }
  .site_search_search {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 8px;
    right: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #ff5000;
    font-size: 32px;
    line-height: 1
  }
}

@media only screen and (max-width:767px) {
  .breadcrumb {
    padding-left: 25px
  }
}

.breadcrumb_list {
  box-sizing: border-box;
  position: relative;
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 10px;
  font-size: 0;
  line-height: 1.5
}

@media only screen and (max-width:767px) {
  .breadcrumb_list {
    padding-top: 7px
  }
}

.breadcrumb_list [href="http://www.ns-tool.com/ja/"] {
  padding-left: 22px
}

@media only screen and (max-width:767px) {
  .breadcrumb_list [href="http://www.ns-tool.com/ja/"] {
    padding-left: 0
  }
}

.breadcrumb_list [href="http://www.ns-tool.com/ja/"] .ti-home {
  position: absolute;
  top: 0;
  left: 0;
  color: #727171;
  font-size: 14px;
  font-weight: 700
}

@media only screen and (max-width:767px) {
  .breadcrumb_list [href="http://www.ns-tool.com/ja/"] .ti-home {
    position: absolute;
    top: -2px;
    left: -25px;
    margin-right: 0
  }
}

.breadcrumb_item {
  display: inline-block;
  color: #ff5000;
  font-size: 12px
}

@media only screen and (max-width:767px) {
  .breadcrumb_item {
    margin-top: 6px
  }
}

.breadcrumb_item a {
  position: relative;
  margin-right: 16px;
  padding-right: 21px;
  color: #555;
  text-decoration: none
}

.breadcrumb_item a:active, .breadcrumb_item a:focus, .breadcrumb_item a:hover {
  text-decoration: underline
}

.breadcrumb_item a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 1px solid #727171;
  border-right: 1px solid #727171;
  transform: rotate(45deg);
  content: ""
}

.footer {
  margin-top: 158px;
  border-top: 5px solid #ff5000
}

.footer .footer_pagetop {
  position: relative;
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px
}

.footer .footer_pagetop.is_fixed {
  position: fixed;
  right: 0;
  bottom: 16px;
  z-index: 100;
  left: 0
}

@media all and (-ms-high-contrast:none) {
  .footer .footer_pagetop.is_fixed {
    margin-left: 430px
  }
}

@media only screen and (max-width:767px) {
  .footer .footer_pagetop.is_fixed {
    width: 100%
  }
}

.footer .footer_pagetop.is_fixed a {
  top: 0
}

.footer .footer_pagetop .totop {
  float: right;
  position: relative;
  top: -53px;
  right: 0;
  z-index: 300;
  width: 48px;
  height: 48px;
  background-color: #ff5000;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s ease, color .3s ease
}

.footer .footer_pagetop .totop:before {
  display: block;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  width: 14px;
  height: 14px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-45deg);
  content: "";
  transition: border-color .3s ease
}

@media only screen and (min-width:768px) {
  .footer .footer_pagetop .totop:active, .footer .footer_pagetop .totop:focus, .footer .footer_pagetop .totop:hover {
    background-color: #e5e5e5;
    color: #ff5000
  }
  .footer .footer_pagetop .totop:active:before, .footer .footer_pagetop .totop:focus:before, .footer .footer_pagetop .totop:hover:before {
    border-color: #ff5000
  }
}

@media only screen and (min-width:768px) {
  .footer .footer_sitemap {
    padding-top: 48px;
    padding-bottom: 64px;
    background-color: #f4f4f4
  }
  .footer .footer_sitemap_inner {
    max-width: 1060px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px
  }
  .footer .footer_sitemap_row {
    margin-right: -20px;
    margin-left: -20px
  }
  .footer .footer_sitemap_row+.footer_sitemap_row {
    margin-top: 48px
  }
  .footer .footer_sitemap_row [class^=col-] {
    padding-right: 20px;
    padding-left: 20px
  }
  .footer .footer_sitemap_category {
    padding-bottom: 5px;
    border-bottom: 1px solid #bcbcbc;
    font-weight: 700
  }
  .footer .footer_sitemap_category a {
    color: #000;
    text-decoration: none
  }
  .footer .footer_sitemap_list {
    margin-top: 6px
  }
  .footer .footer_sitemap_list li {
    margin-top: 5px
  }
  .footer .footer_sitemap_list a {
    display: block;
    position: relative;
    padding-left: 20px;
    color: #000;
    font-size: 14px;
    text-decoration: none
  }
  .footer .footer_sitemap_list a:active, .footer .footer_sitemap_list a:focus, .footer .footer_sitemap_list a:hover {
    text-decoration: underline
  }
  .footer .footer_sitemap_list a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    content: "-"
  }
}

.footer .footer_link {
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #727171;
  text-align: center
}

@media only screen and (max-width:767px) {
  .footer .footer_link {
    padding-top: 0;
    padding-bottom: 0;
    text-align: left
  }
}

.footer .footer_link ul {
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 0
}

@media only screen and (max-width:767px) {
  .footer .footer_link ul {
    padding-right: 0;
    padding-left: 0
  }
}

.footer .footer_link li {
  display: inline-block;
  border-left: 1px solid rgba(229, 229, 229, .3)
}

@media only screen and (max-width:767px) {
  .footer .footer_link li {
    display: block;
    border-left: none
  }
}

.footer .footer_link li+li {
  border-right: 1px solid rgba(229, 229, 229, .3)
}

@media only screen and (max-width:767px) {
  .footer .footer_link li+li {
    border-top: 1px solid #555;
    border-right: none
  }
}

.footer .footer_link a {
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  color: #fff;
  font-size: 12px;
  text-decoration: none
}

@media only screen and (max-width:767px) {
  .footer .footer_link a {
    position: relative;
    padding: 24px 16px
  }
  .footer .footer_link a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 22px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    content: ""
  }
}

.footer .footer_copyright {
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center
}

.footer .footer_copyright small {
  color: #727171;
  font-size: 12px
}

@media only screen and (max-width:767px) {
  .footer .footer_copyright small {
    font-size: 11px
  }
}

@media only screen and (max-width:767px) {
  .local_nav {
    margin-top: 64px
  }
}

.local_nav a {
  display: block;
  position: relative;
  color: #555;
  text-decoration: none
}

.local_nav a:active, .local_nav a:focus, .local_nav a:hover {
  text-decoration: underline
}

.local_nav_title {
  padding-bottom: 5px;
  border-bottom: 1px solid #b5b6b6
}

.local_nav_list01>li {
  margin-top: 16px
}

.local_nav_list01>li :first-child {
  margin-top: 24px
}

.local_nav_list01>li.has_child>a:before {
  display: block
}

.local_nav_list01>li>a {
  padding-left: 20px
}

.local_nav_list01>li>a:before {
  display: none;
  position: absolute;
  top: 4px;
  left: 2px;
  color: #ff5000;
  font-family: themify;
  font-size: 12px;
  content: "\e61a"
}

.local_nav_list01>li>a.is_close:before {
  content: "\e61a" !important
}

.local_nav_list01>li>a.is_open:before {
  content: "\e622" !important
}

.local_nav_list02 {
  display: none;
  font-size: 14px
}

.local_nav_list02>li {
  margin-top: 24px
}

.local_nav_list02>li>a {
  position: relative;
  padding-left: 32px
}

.local_nav_list02>li>a:after {
  display: block;
  position: absolute;
  top: 12px;
  left: 20px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  content: ""
}

.information_sitepolicy .local_nav_list01>li:nth-child(1) a,
.information_sitemap .local_nav_list01>li:nth-child(1) a, 
.ir_index .local_nav_list01>li:nth-child(1) a, 
.topics_index .local_nav_list01>li:nth-child(1) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.company_outline_index .local_nav_list01>li:nth-child(2) a, 
.information_privacy .local_nav_list01>li:nth-child(2) a,
.ir_message_index .local_nav_list01>li:nth-child(2) a, 
.products_webcatalog_index .local_nav_list01>li:nth-child(2) a, 
.recruit_challenge_index .local_nav_list01>li:nth-child(2) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.company_history_index .local_nav_list01>li:nth-child(3) a, 
.information_contact .local_nav_list01>li:nth-child(3) a, 
.ir_for_investors_index .local_nav_list01>li:nth-child(3) a, 
.recruit_message_index .local_nav_list01>li:nth-child(3) a, 
.topics_product_index .local_nav_list01>li:nth-child(3) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.company_access_index .local_nav_list01>li:nth-child(4) a, 
.information_accessibility .local_nav_list01>li:nth-child(4) a, 
.ir_topics_index .local_nav_list01>li:nth-child(4) a, 
.recruit_outline_index .local_nav_list01>li:nth-child(4) a, 
.topics_event_index .local_nav_list01>li:nth-child(4) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.company_environment_index .local_nav_list01>li:nth-child(5) a, .ir_calendar_index .local_nav_list01>li:nth-child(5) a, .recruit_sendaifactory_index .local_nav_list01>li:nth-child(5) a, .topics_media_index .local_nav_list01>li:nth-child(5) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.company_charter_index .local_nav_list01>li:nth-child(6) a, .company_gallery_en_index .local_nav_list01>li:nth-child(6) a, .recruit_staffvoice_index .local_nav_list01>li:nth-child(6) a, .topics_company_index .local_nav_list01>li:nth-child(6) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.company_plan_index .local_nav_list01>li:nth-child(7) a, .company_subsidiary_en_index .local_nav_list01>li:nth-child(7) a, .recruit_microedge_index .local_nav_list01>li:nth-child(7) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.company_gallery_index .local_nav_list01>li:nth-child(8) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.company_sponsorship_index .local_nav_list01>li:nth-child(9) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.company_subsidiary_index .local_nav_list01>li:nth-child(10) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.ir_faq_index .local_nav_list01>li:nth-child(12) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.ir_guide_index .local_nav_list01>li:nth-child(13) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

.ir_sitemap_index .local_nav_list01>li:nth-child(14) a {
  color: #ff5000;
  text-decoration: underline;
  cursor: default
}

[class*=technology_case_] .local_nav_list01>li:nth-child(2) .local_nav_list02 {
  display: block
}

[class*=technology_case_] .local_nav_list01>li:nth-child(2)>a:before {
  content: "\e622"
}

[class*=products_product_information_] .local_nav_list01>li:nth-child(3) .local_nav_list02, [class*=technology_technical_data_] .local_nav_list01>li:nth-child(3) .local_nav_list02 {
  display: block
}

[class*=products_product_information_] .local_nav_list01>li:nth-child(3)>a:before, [class*=technology_technical_data_] .local_nav_list01>li:nth-child(3)>a:before {
  content: "\e622"
}

[class*=recruit_staffvoice_staff_] .local_nav_list01>li:nth-child(6) .local_nav_list02 {
  display: block
}

[class*=recruit_staffvoice_staff_] .local_nav_list01>li:nth-child(6)>a:before {
  content: "\e622"
}

[class*=ir_management_] .local_nav_list01>li:nth-child(6) .local_nav_list02 {
  display: block
}

[class*=ir_management_] .local_nav_list01>li:nth-child(6)>a:before {
  content: "\e622"
}

[class*=ir_business_strategy_] .local_nav_list01>li:nth-child(7) .local_nav_list02 {
  display: block
}

[class*=ir_business_strategy_] .local_nav_list01>li:nth-child(7)>a:before {
  content: "\e622"
}

[class*=ir_financial_information_] .local_nav_list01>li:nth-child(8) .local_nav_list02 {
  display: block
}

[class*=ir_financial_information_] .local_nav_list01>li:nth-child(8)>a:before {
  content: "\e622"
}

[class*=ir_ir_library_] .local_nav_list01>li:nth-child(9) .local_nav_list02 {
  display: block
}

[class*=ir_ir_library_] .local_nav_list01>li:nth-child(9)>a:before {
  content: "\e622"
}

[class*=ir_ir_event_] .local_nav_list01>li:nth-child(10) .local_nav_list02 {
  display: block
}

[class*=ir_ir_event_] .local_nav_list01>li:nth-child(10)>a:before {
  content: "\e622"
}

[class*=ir_stock_information_] .local_nav_list01>li:nth-child(11) .local_nav_list02 {
  display: block
}

[class*=ir_stock_information_] .local_nav_list01>li:nth-child(11)>a:before {
  content: "\e622"
}

.ir_business_strategy_products_services_index .is_selected_nav>li:nth-child(1)>a, .ir_financial_information_settlement_report_index .is_selected_nav>li:nth-child(1)>a, .ir_ir_event_briefings_index .is_selected_nav>li:nth-child(1)>a, .ir_ir_library_settlement_index .is_selected_nav>li:nth-child(1)>a, .ir_management_company_profile_index .is_selected_nav>li:nth-child(1)>a, .ir_stock_information_stockholder_index .is_selected_nav>li:nth-child(1)>a, .products_product_information_index .is_selected_nav>li:nth-child(1)>a, .technology_case_index .is_selected_nav>li:nth-child(1)>a, .technology_technical_data_index .is_selected_nav>li:nth-child(1)>a {
  color: #ff5000
}

.ir_business_strategy_products_services_index .is_selected_nav>li:nth-child(1)>a:after, .ir_financial_information_settlement_report_index .is_selected_nav>li:nth-child(1)>a:after, .ir_ir_event_briefings_index .is_selected_nav>li:nth-child(1)>a:after, .ir_ir_library_settlement_index .is_selected_nav>li:nth-child(1)>a:after, .ir_management_company_profile_index .is_selected_nav>li:nth-child(1)>a:after, .ir_stock_information_stockholder_index .is_selected_nav>li:nth-child(1)>a:after, .products_product_information_index .is_selected_nav>li:nth-child(1)>a:after, .technology_case_index .is_selected_nav>li:nth-child(1)>a:after, .technology_technical_data_index .is_selected_nav>li:nth-child(1)>a:after {
  border-color: #ff5000
}

.ir_business_strategy_trends_index .is_selected_nav>li:nth-child(2)>a, .ir_financial_information_highlights_index .is_selected_nav>li:nth-child(2)>a, .ir_ir_event_general_meeting_index .is_selected_nav>li:nth-child(2)>a, .ir_management_officers_index .is_selected_nav>li:nth-child(2)>a, .ir_stock_information_dividend_index .is_selected_nav>li:nth-child(2)>a, .products_product_information_nstool_core_line_index .is_selected_nav>li:nth-child(2)>a, .technology_case_sample01_index .is_selected_nav>li:nth-child(2)>a, .technology_technical_data_cutting_speed_index .is_selected_nav>li:nth-child(2)>a, [class*=ir_ir_library_settlement_doc_] .is_selected_nav>li:nth-child(2)>a {
  color: #ff5000
}

.ir_business_strategy_trends_index .is_selected_nav>li:nth-child(2)>a:after, .ir_financial_information_highlights_index .is_selected_nav>li:nth-child(2)>a:after, .ir_ir_event_general_meeting_index .is_selected_nav>li:nth-child(2)>a:after, .ir_management_officers_index .is_selected_nav>li:nth-child(2)>a:after, .ir_stock_information_dividend_index .is_selected_nav>li:nth-child(2)>a:after, .products_product_information_nstool_core_line_index .is_selected_nav>li:nth-child(2)>a:after, .technology_case_sample01_index .is_selected_nav>li:nth-child(2)>a:after, .technology_technical_data_cutting_speed_index .is_selected_nav>li:nth-child(2)>a:after, [class*=ir_ir_library_settlement_doc_] .is_selected_nav>li:nth-child(2)>a:after {
  border-color: #ff5000
}

.ir_business_strategy_strategy_index .is_selected_nav>li:nth-child(3)>a, .ir_ir_event_activity_index .is_selected_nav>li:nth-child(3)>a, .ir_ir_library_press_release_index .is_selected_nav>li:nth-child(3)>a, .ir_management_management_policy_index .is_selected_nav>li:nth-child(3)>a, .ir_stock_information_price_index .is_selected_nav>li:nth-child(3)>a, .products_product_information_nstool_original_coating_index .is_selected_nav>li:nth-child(3)>a, .technology_case_sample02_index .is_selected_nav>li:nth-child(3)>a, .technology_technical_data_spindle_speed_index .is_selected_nav>li:nth-child(3)>a, [class*=ir_financial_information_statements_] .is_selected_nav>li:nth-child(3)>a {
  color: #ff5000
}

.ir_business_strategy_strategy_index .is_selected_nav>li:nth-child(3)>a:after, .ir_ir_event_activity_index .is_selected_nav>li:nth-child(3)>a:after, .ir_ir_library_press_release_index .is_selected_nav>li:nth-child(3)>a:after, .ir_management_management_policy_index .is_selected_nav>li:nth-child(3)>a:after, .ir_stock_information_price_index .is_selected_nav>li:nth-child(3)>a:after, .products_product_information_nstool_original_coating_index .is_selected_nav>li:nth-child(3)>a:after, .technology_case_sample02_index .is_selected_nav>li:nth-child(3)>a:after, .technology_technical_data_spindle_speed_index .is_selected_nav>li:nth-child(3)>a:after, [class*=ir_financial_information_statements_] .is_selected_nav>li:nth-child(3)>a:after {
  border-color: #ff5000
}

.ir_business_strategy_risk_index .is_selected_nav>li:nth-child(4)>a, .ir_financial_information_investment_indicators_index .is_selected_nav>li:nth-child(4)>a, .ir_ir_library_securities_report_index .is_selected_nav>li:nth-child(4)>a, .ir_management_corporate_governance_index .is_selected_nav>li:nth-child(4)>a, .products_product_information_nstool_end_mill_index .is_selected_nav>li:nth-child(4)>a, .technology_case_sample03_index .is_selected_nav>li:nth-child(4)>a, .technology_technical_data_actual_diameter_index .is_selected_nav>li:nth-child(4)>a {
  color: #ff5000
}

.ir_business_strategy_risk_index .is_selected_nav>li:nth-child(4)>a:after, .ir_financial_information_investment_indicators_index .is_selected_nav>li:nth-child(4)>a:after, .ir_ir_library_securities_report_index .is_selected_nav>li:nth-child(4)>a:after, .ir_management_corporate_governance_index .is_selected_nav>li:nth-child(4)>a:after, .products_product_information_nstool_end_mill_index .is_selected_nav>li:nth-child(4)>a:after, .technology_case_sample03_index .is_selected_nav>li:nth-child(4)>a:after, .technology_technical_data_actual_diameter_index .is_selected_nav>li:nth-child(4)>a:after {
  border-color: #ff5000
}

.ir_ir_library_business_report_index .is_selected_nav>li:nth-child(5)>a, .ir_management_disclosure_policy_index .is_selected_nav>li:nth-child(5)>a, .products_product_information_cbn_index .is_selected_nav>li:nth-child(5)>a, .technology_case_sample04_index .is_selected_nav>li:nth-child(5)>a, .technology_technical_data_surface_roughness_index .is_selected_nav>li:nth-child(5)>a {
  color: #ff5000
}

.ir_ir_library_business_report_index .is_selected_nav>li:nth-child(5)>a:after, .ir_management_disclosure_policy_index .is_selected_nav>li:nth-child(5)>a:after, .products_product_information_cbn_index .is_selected_nav>li:nth-child(5)>a:after, .technology_case_sample04_index .is_selected_nav>li:nth-child(5)>a:after, .technology_technical_data_surface_roughness_index .is_selected_nav>li:nth-child(5)>a:after {
  border-color: #ff5000
}

.ir_management_declaration_index .is_selected_nav>li:nth-child(6)>a, .products_product_information_pcd_diamond_coating_index .is_selected_nav>li:nth-child(6)>a, .technology_case_sample05_index .is_selected_nav>li:nth-child(6)>a, .technology_technical_data_hardness_index .is_selected_nav>li:nth-child(6)>a, [class*=ir_ir_library_analyst_report_] .is_selected_nav>li:nth-child(6)>a {
  color: #ff5000
}

.ir_management_declaration_index .is_selected_nav>li:nth-child(6)>a:after, .products_product_information_pcd_diamond_coating_index .is_selected_nav>li:nth-child(6)>a:after, .technology_case_sample05_index .is_selected_nav>li:nth-child(6)>a:after, .technology_technical_data_hardness_index .is_selected_nav>li:nth-child(6)>a:after, [class*=ir_ir_library_analyst_report_] .is_selected_nav>li:nth-child(6)>a:after {
  border-color: #ff5000
}

.products_product_information_micro_index .is_selected_nav>li:nth-child(7)>a, .technology_case_sample06_index .is_selected_nav>li:nth-child(7)>a, .technology_technical_data_factors_index .is_selected_nav>li:nth-child(7)>a {
  color: #ff5000
}

.products_product_information_micro_index .is_selected_nav>li:nth-child(7)>a:after, .technology_case_sample06_index .is_selected_nav>li:nth-child(7)>a:after, .technology_technical_data_factors_index .is_selected_nav>li:nth-child(7)>a:after {
  border-color: #ff5000
}

.products_product_information_mugen_coating_premium_index .is_selected_nav>li:nth-child(8)>a, .technology_case_sample07_index .is_selected_nav>li:nth-child(8)>a {
  color: #ff5000
}

.products_product_information_mugen_coating_premium_index .is_selected_nav>li:nth-child(8)>a:after, .technology_case_sample07_index .is_selected_nav>li:nth-child(8)>a:after {
  border-color: #ff5000
}

/* MSUSZシリーズ */

.products_product_information_msusz_index .is_selected_nav>li:nth-child(9)>a, .technology_case_sample08_index .is_selected_nav>li:nth-child(9)>a {
  color: #ff5000
}

.products_product_information_msusz_index .is_selected_nav>li:nth-child(9)>a:after, .technology_case_sample08_index .is_selected_nav>li:nth-child(9)>a:after {
  border-color: #ff5000
}








.products_product_information_mugen_coating_index .is_selected_nav>li:nth-child(10)>a, .technology_case_sample08_index .is_selected_nav>li:nth-child(10)>a {
  color: #ff5000
}

.products_product_information_mugen_coating_index .is_selected_nav>li:nth-child(10)>a:after, .technology_case_sample08_index .is_selected_nav>li:nth-child(10)>a:after {
  border-color: #ff5000
}

.products_product_information_aluminum_resin_index .is_selected_nav>li:nth-child(11)>a, .technology_case_sample09_index .is_selected_nav>li:nth-child(11)>a {
  color: #ff5000
}

.products_product_information_aluminum_resin_index .is_selected_nav>li:nth-child(11)>a:after, .technology_case_sample09_index .is_selected_nav>li:nth-child(11)>a:after {
  border-color: #ff5000
}

.products_product_information_copper_index .is_selected_nav>li:nth-child(12)>a, .technology_case_sample10_index .is_selected_nav>li:nth-child(12)>a {
  color: #ff5000
}

.products_product_information_copper_index .is_selected_nav>li:nth-child(12)>a:after, .technology_case_sample10_index .is_selected_nav>li:nth-child(12)>a:after {
  border-color: #ff5000
}

.products_product_information_mfd_index .is_selected_nav>li:nth-child(13)>a, .technology_case_sample11_index .is_selected_nav>li:nth-child(13)>a {
  color: #ff5000
}

.products_product_information_mfd_index .is_selected_nav>li:nth-child(13)>a:after, .technology_case_sample11_index .is_selected_nav>li:nth-child(13)>a:after {
  border-color: #ff5000
}

.products_product_information_thread_index .is_selected_nav>li:nth-child(14)>a, .technology_case_sample12_index .is_selected_nav>li:nth-child(14)>a {
  color: #ff5000
}

.products_product_information_thread_index .is_selected_nav>li:nth-child(14)>a:after, .technology_case_sample12_index .is_selected_nav>li:nth-child(14)>a:after {
  border-color: #ff5000
}

.products_product_information_ns_micro_cam_index .is_selected_nav>li:nth-child(15)>a, .technology_case_sample13_index .is_selected_nav>li:nth-child(15)>a {
  color: #ff5000
}

.products_product_information_ns_micro_cam_index .is_selected_nav>li:nth-child(15)>a:after, .technology_case_sample13_index .is_selected_nav>li:nth-child(15)>a:after {
  border-color: #ff5000
}

.technology_case_sample14_index .is_selected_nav>li:nth-child(16)>a {
  color: #ff5000
}

.technology_case_sample14_index .is_selected_nav>li:nth-child(16)>a:after {
  border-color: #ff5000
}

.technology_case_sample15_index .is_selected_nav>li:nth-child(17)>a {
  color: #ff5000
}

.technology_case_sample15_index .is_selected_nav>li:nth-child(17)>a:after {
  border-color: #ff5000
}

.technology_case_sample16_index .is_selected_nav>li:nth-child(18)>a {
  color: #ff5000
}

.technology_case_sample16_index .is_selected_nav>li:nth-child(18)>a:after {
  border-color: #ff5000
}

.technology_case_sample17_index .is_selected_nav>li:nth-child(19)>a {
  color: #ff5000
}

.technology_case_sample17_index .is_selected_nav>li:nth-child(19)>a:after {
  border-color: #ff5000
}

.technology_case_sample18_index .is_selected_nav>li:nth-child(20)>a {
  color: #ff5000
}

.technology_case_sample18_index .is_selected_nav>li:nth-child(20)>a:after {
  border-color: #ff5000
}

.technology_case_sample19_index .is_selected_nav>li:nth-child(21)>a {
  color: #ff5000
}

.technology_case_sample19_index .is_selected_nav>li:nth-child(21)>a:after {
  border-color: #ff5000
}

.technology_case_sample20_index .is_selected_nav>li:nth-child(22)>a {
  color: #ff5000
}

.technology_case_sample20_index .is_selected_nav>li:nth-child(22)>a:after {
  border-color: #ff5000
}

.technology_case_sample21_index .is_selected_nav>li:nth-child(23)>a {
  color: #ff5000
}

.technology_case_sample21_index .is_selected_nav>li:nth-child(23)>a:after {
  border-color: #ff5000
}




.technology_case_sample22_index .is_selected_nav>li:nth-child(24)>a {
  color: #ff5000
}

.technology_case_sample22_index .is_selected_nav>li:nth-child(24)>a:after {
  border-color: #ff5000
}

.technology_case_sample23_index .is_selected_nav>li:nth-child(25)>a {
  color: #ff5000
}

.technology_case_sample23_index .is_selected_nav>li:nth-child(25)>a:after {
  border-color: #ff5000
}

.technology_case_sample24_index .is_selected_nav>li:nth-child(26)>a {
  color: #ff5000
}

.technology_case_sample24_index .is_selected_nav>li:nth-child(26)>a:after {
  border-color: #ff5000
}

.technology_case_sample25_index .is_selected_nav>li:nth-child(27)>a {
  color: #ff5000
}

.technology_case_sample25_index .is_selected_nav>li:nth-child(27)>a:after {
  border-color: #ff5000
}

.technology_case_sample26_index .is_selected_nav>li:nth-child(28)>a {
  color: #ff5000
}

.technology_case_sample26_index .is_selected_nav>li:nth-child(28)>a:after {
  border-color: #ff5000
}

.technology_case_sample27_index .is_selected_nav>li:nth-child(29)>a {
  color: #ff5000
}

.technology_case_sample27_index .is_selected_nav>li:nth-child(29)>a:after {
  border-color: #ff5000
}

.technology_case_sample28_index .is_selected_nav>li:nth-child(30)>a {
  color: #ff5000
}

.technology_case_sample28_index .is_selected_nav>li:nth-child(30)>a:after {
  border-color: #ff5000
}

.technology_case_sample29_index .is_selected_nav>li:nth-child(31)>a {
  color: #ff5000
}

.technology_case_sample29_index .is_selected_nav>li:nth-child(31)>a:after {
  border-color: #ff5000
}

.technology_case_sample30_index .is_selected_nav>li:nth-child(32)>a {
  color: #ff5000
}

.technology_case_sample30_index .is_selected_nav>li:nth-child(32)>a:after {
  border-color: #ff5000
}

.technology_case_sample31_index .is_selected_nav>li:nth-child(33)>a {
  color: #ff5000
}

.technology_case_sample31_index .is_selected_nav>li:nth-child(33)>a:after {
  border-color: #ff5000
}

.technology_case_sample32_index .is_selected_nav>li:nth-child(34)>a {
  color: #ff5000
}

.technology_case_sample32_index .is_selected_nav>li:nth-child(34)>a:after {
  border-color: #ff5000
}

.technology_case_sample33_index .is_selected_nav>li:nth-child(35)>a {
  color: #ff5000
}

.technology_case_sample33_index .is_selected_nav>li:nth-child(35)>a:after {
  border-color: #ff5000
}

.technology_case_sample34_index .is_selected_nav>li:nth-child(36)>a {
  color: #ff5000
}

.technology_case_sample34_index .is_selected_nav>li:nth-child(36)>a:after {
  border-color: #ff5000
}

.technology_case_sample35_index .is_selected_nav>li:nth-child(37)>a {
  color: #ff5000
}

.technology_case_sample35_index .is_selected_nav>li:nth-child(37)>a:after {
  border-color: #ff5000
}

.technology_case_sample36_index .is_selected_nav>li:nth-child(38)>a {
  color: #ff5000
}

.technology_case_sample36_index .is_selected_nav>li:nth-child(38)>a:after {
  border-color: #ff5000
}

.technology_case_sample37_index .is_selected_nav>li:nth-child(39)>a {
  color: #ff5000
}

.technology_case_sample37_index .is_selected_nav>li:nth-child(39)>a:after {
  border-color: #ff5000
}

.technology_case_sample38_index .is_selected_nav>li:nth-child(40)>a {
  color: #ff5000
}

.technology_case_sample38_index .is_selected_nav>li:nth-child(40)>a:after {
  border-color: #ff5000
}

.technology_case_sample39_index .is_selected_nav>li:nth-child(41)>a {
  color: #ff5000
}

.technology_case_sample39_index .is_selected_nav>li:nth-child(41)>a:after {
  border-color: #ff5000
}

.technology_case_sample40_index .is_selected_nav>li:nth-child(42)>a {
  color: #ff5000
}

.technology_case_sample40_index .is_selected_nav>li:nth-child(42)>a:after {
  border-color: #ff5000
}

.technology_case_sample41_index .is_selected_nav>li:nth-child(43)>a {
  color: #ff5000
}

.technology_case_sample41_index .is_selected_nav>li:nth-child(43)>a:after {
  border-color: #ff5000
}


.section {
  //margin-top: 64px
}

.section.is_contract {
  margin-top: 45px;
}

.title_page+.section {
  margin-top: 32px
}

@media only screen and (min-width:768px) {
  .section_inner {
    margin-right: 32px;
    margin-left: 32px;
  }
}

@media only screen and (min-width:768px) {
  .section_inner_parents {
    margin-right: 32px;
    margin-left: 32px;
    position: relative;
  }
}
.section02 {
  margin-top: 32px
}

.box, .box_simple {
  padding: 20px;
  //border: 1px solid #b5b6b6;
  //background-color: #f6f6f6
}

.box_import {
  padding-bottom: 20px;
}

.box_import .form_controls_row.is_column2.clr,
.box_import .form_controls_row.is_column3.clr {
  display: flex;
}

.box_import form {
    display: contents;
}

@media only screen and (max-width:767px) {
  .box, .box_simple {
    padding-right: 8px;
    padding-left: 8px
  }
}

.box.is_separate, .box_simple.is_separate {
  margin-top: 64px
}

.box_simple {
  background-color: transparent
}

.media_box {
  margin-top: 32px;
  margin-right: -10px;
  margin-left: -10px;
  color: #555
}

.media_box.is_contract {
  margin-top: 16px
}

.media_box.is_ex_wf5-13 {
  margin-right: -30px;
  margin-left: -30px;
  margin-bottom: 60px
}

@media only screen and (max-width:767px) {
  .media_box.is_ex_wf5-13 {
    margin-bottom: 36px
  }
}

.media_box.is_ex_wf5-13 [class^=col-] {
  padding-right: 30px;
  padding-left: 30px
}

.media_box.is_ex_wf5-13 [class^=col-]:after, .media_box.is_ex_wf5-13 [class^=col-]:before {
  display: block;
  position: absolute;
  line-height: 1;
  content: ""
}

@media only screen and (max-width:767px) {
  .media_box.is_ex_wf5-13 [class^=col-] {
    position: relative
  }
  .media_box.is_ex_wf5-13 [class^=col-]:after {
    bottom: -30px;
    left: 50%;
    width: 38px;
    height: 20px;
    margin-left: -19px;
    background: url(/assets/img/arrow_gray_bottom_01.svg);
    background-size: 38px 20px
  }
}

.media_box.is_ex_wf5-13 [class^=col-]+[class^=col-] {
  position: relative
}

@media only screen and (max-width:767px) {
  .media_box.is_ex_wf5-13 [class^=col-]+[class^=col-] {
    margin-top: 36px;
    margin-bottom: 0
  }
}

@media only screen and (min-width:768px) {
  .media_box.is_ex_wf5-13 [class^=col-]+[class^=col-]:before {
    top: 50%;
    left: -8px;
    width: 20px;
    height: 38px;
    margin-top: -19px;
    background: url(/assets/img/arrow_gray_right_01.svg);
    background-size: 20px 38px
  }
  .media_box.is_ex_wf5-13 [class^=col-]+[class^=col-]:after {
    bottom: -38px;
    left: 50%;
    width: 38px;
    height: 20px;
    margin-left: -19px;
    background: url(/assets/img/arrow_gray_bottom_01.svg);
    background-size: 38px 20px
  }
}

.title_page+.media_box {
  margin-top: 64px
}

@media only screen and (max-width:767px) {
  .title_page+.media_box {
    margin-top: 32px
  }
}

.media_box [class^=col-] {
  padding-right: 10px;
  padding-left: 10px
}

@media only screen and (max-width:767px) {
  .media_box [class^=col-sm-3]+[class^=col-sm-3] {
    margin-top: 16px
  }
  .media_box [class^=col-sm-4]+[class^=col-sm-4] {
    margin-top: 16px
  }
  .media_box [class^=col-sm-6]+[class^=col-sm-6] {
    margin-top: 32px
  }
  .media_box .col-sm-6+.col-sm-5 {
    margin-top: 24px
  }
  .media_box .col-sm-6+.media_box_info_text02 {
    margin-top: 12px
  }
  .media_box .col-sm-8+.col-sm-4 {
    margin-top: 24px
  }
}

.media_box .media_box {
  margin-top: 0
}

.media_box iframe {
  max-width: 100%
}

.media_box_title, .media_box_title02 {
  padding-right: 10px;
  padding-left: 10px
}

.media_box_title {
  padding-bottom: 24px;
  color: #000;
  font-size: 20px
}

.media_box_title02 {
  padding-bottom: 8px;
  font-weight: 400
}

.media_box_col_title, .media_box_col_title02 {
  padding-bottom: 24px
}

.media_box_col_title02 {
  color: #000;
  font-size: 20px
}

.media_box_caption {
  margin-top: 12px;
  line-height: 24px;
  text-align: center
}

.media_box_caption.is_in-house {
  color: #ff5000
}

.media_box_info_text, .media_box_info_text02 {
  color: #000;
  font-size: 12px
}

.media_box_info_text {
  margin-top: 24px
}

.media_box_info_text02 {
  margin-top: 6px
}

.media_box02 {
  margin-top: 32px;
  color: #555
}

.media_box02_row_outer {
  margin-right: -10px;
  margin-left: -10px
}

.media_box02_row_outer+.media_box02_row_outer {
  margin-top: 16px
}

.media_box02_row_outer>[class^=col-] {
  padding-right: 10px;
  padding-left: 10px
}

@media only screen and (max-width:767px) {
  .media_box02_row_outer>.col-sm-6+.col-sm-6 {
    margin-top: 16px
  }
}

.media_box02_row_inner {
  margin-right: -8px;
  margin-left: -8px
}

.media_box02_row_inner>[class^=col-] {
  padding-right: 8px;
  padding-left: 8px
}

.media_box02_title {
  padding-bottom: 24px;
  color: #000;
  font-size: 20px
}

.media_box03_link {
  display: block;
  position: relative;
  margin-top: 32px;
  margin-right: -10px;
  margin-left: -10px;
  padding-bottom: 32px;
  border-bottom: 1px dotted #555;
  color: #000;
  text-decoration: none
}

@media only screen and (min-width:768px) {
  .media_box03_link:active .media_box03_image, .media_box03_link:focus .media_box03_image, .media_box03_link:hover .media_box03_image {
    opacity: .6
  }
  .media_box03_link:active .media_box03_arrow span, .media_box03_link:focus .media_box03_arrow span, .media_box03_link:hover .media_box03_arrow span {
    text-decoration: underline
  }
}

.media_box03_link [class^=col-] {
  position: static;
  padding-right: 10px;
  padding-left: 10px
}

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

.media_box03_image {
  transition: opacity .3s ease
}

@media only screen and (max-width:767px) {
  .media_box03_body {
    margin-top: 16px
  }
}

.media_box03_title {
  font-size: 20px
}

.media_box03_title .pdf {
  color: #13b7cf
}

@media only screen and (min-width:768px) {
  .media_box03_arrow {
    position: absolute;
    right: 0;
    bottom: 10px;
    font-weight: 700
  }
  .media_box03_arrow span {
    display: inline-block;
    position: relative;
    padding-left: 24px
  }
  .media_box03_arrow .ti-arrow-circle-right {
    position: absolute;
    top: 3px;
    left: 0;
    color: #ff5000;
    font-size: 18px
  }
}

@media only screen and (max-width:767px) {
  .media_box03_arrow {
    margin-top: 16px;
    text-align: center
  }
}

.media_box04 {
  margin-top: 32px;
  margin-right: -15px;
  margin-left: -15px;
  color: #555
}

.media_box04.is_wide {
  margin-right: -42px;
  margin-left: -42px
}

.media_box04.is_wide [class^=col-] {
  padding-right: 42px;
  padding-left: 42px
}

.media_box04.is_contract {
  margin-top: 16px
}

@media only screen and (min-width:768px) {
  .media_box04.is_horizontal_pc.is_wide>[class^=col-]+[class^=col-] .media_box04_image:before {
    left: -54px;
    width: 30px;
    height: 57px;
    margin-top: -28px;
    background: url(/assets/img/arrow_gray_right_01.svg);
    background-size: 30px 57px
  }
}

@media only screen and (min-width:768px) {
  .media_box04.is_horizontal_pc>[class^=col-]+[class^=col-] .media_box04_image {
    position: relative
  }
  .media_box04.is_horizontal_pc>[class^=col-]+[class^=col-] .media_box04_image:before {
    display: block;
    position: absolute;
    top: 50%;
    left: -18px;
    width: 10px;
    height: 19px;
    margin-top: -9.5px;
    background: url(/assets/img/arrow_gray_right_01.svg);
    background-size: 10px 19px;
    line-height: 1;
    content: ""
  }
}

@media only screen and (max-width:767px) {
  .media_box04.is_vertical_sp>[class^=col-]+[class^=col-] {
    position: relative;
    margin-top: 54px
  }
  .media_box04.is_vertical_sp>[class^=col-]+[class^=col-]:before {
    display: block;
    position: absolute;
    top: -42px;
    left: 50%;
    width: 38px;
    height: 20px;
    margin-left: -19px;
    background: url(/assets/img/arrow_gray_bottom_01.svg);
    background-size: 38px 20px;
    line-height: 0;
    content: ""
  }
}

.media_box04 [class^=col-] {
  padding-right: 15px;
  padding-left: 15px
}

.tab_nav {
  display: table;
  table-layout: fixed;
  width: 100%
}

.tab_nav_item {
  display: table-cell;
  background-color: #f4f4f4;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  vertical-align: middle
}

.tab_nav_item+.tab_nav_item {
  border-left: none
}

.tab_nav_item.is_active {
  position: relative;
  background-color: #fff
}

.tab_nav_item.is_active:after, .tab_nav_item.is_active:before {
  display: block;
  position: absolute;
  content: ""
}

.tab_nav_item.is_active:before {
  top: -2px;
  right: -1px;
  left: -1px;
  height: 3px;
  background-color: #ff5000
}

.tab_nav_item.is_active:after {
  right: 0;
  left: 0;
  bottom: -1px;
  height: 1px;
  background-color: #fff
}

.tab_nav_item.is_active a:after, .tab_nav_item.is_active a:before {
  display: block;
  position: absolute;
  top: 1px;
  bottom: -1px;
  width: 1px;
  background-color: #b5b6b6;
  content: ""
}

.tab_nav_item.is_active a:before {
  left: -1px
}

.tab_nav_item.is_active a:after {
  right: -1px
}

.tab_nav_item a {
  display: block;
  padding: 18px 0;
  color: #000;
  font-size: 12px;
  text-align: center;
  text-decoration: none
}

@media only screen and (max-width:767px) {
  .tab_nav_item a {
    padding: 15px 12px;
    text-align: left;
    line-height: 1.33333
  }
}

.tab_panel {
  display: none;
  border: 1px solid #b5b6b6
}

.tab_panel.is_active {
  margin-top: 20px;
  display: block
}

.index.is_large {
  margin-top: 32px
}

.index.is_large .index_item+.index_item {
  margin-top: 48px
}

.index.is_large .index_title {
  font-size: 20px
}

.index.is_large a.index_row {
  display: block;
  margin-top: 18px;
  color: #555;
  text-decoration: none
}

@media only screen and (min-width:768px) {
  .index.is_large a.index_row:active .index_image, .index.is_large a.index_row:focus .index_image, .index.is_large a.index_row:hover .index_image {
    opacity: .6
  }
  .index.is_large a.index_row:active .index_more span, .index.is_large a.index_row:focus .index_more span, .index.is_large a.index_row:hover .index_more span {
    text-decoration: underline
  }
}

.index.is_large .index_image {
  transition: opacity .3s ease
}

.index.is_large .index_body {
  margin-top: -4px
}

@media only screen and (max-width:767px) {
  .index.is_large .index_body {
    margin-top: 16px
  }
}

@media only screen and (min-width:768px) {
  .index.is_large .index_more {
    margin-top: 20px;
    font-weight: 700;
    text-align: right
  }
  .index.is_large .index_more span {
    display: inline-block;
    position: relative;
    padding-left: 24px
  }
  .index.is_large .index_more .ti-arrow-circle-right {
    position: absolute;
    top: 6px;
    left: 0;
    color: #ff5000;
    font-size: 18px
  }
}

@media only screen and (max-width:767px) {
  .index.is_large .index_more {
    margin-top: 32px;
    text-align: center
  }
}

.index.is_medium {
  margin-top: 32px;
  transition: opacity .3s ease
}

.index.is_medium .row {
  margin-right: -10px;
  margin-left: -10px
}

.index.is_medium .row [class^=col-] {
  padding-right: 10px;
  padding-left: 10px
}

.index.is_medium a {
  display: block;
  color: #555;
  text-decoration: none
}

@media only screen and (min-width:768px) {
  .index.is_medium a:active .index_image, .index.is_medium a:focus .index_image, .index.is_medium a:hover .index_image {
    opacity: .6
  }
  .index.is_medium a:active .index_text, .index.is_medium a:focus .index_text, .index.is_medium a:hover .index_text {
    text-decoration: underline
  }
}

@media only screen and (max-width:767px) {
  .index.is_medium .index_item {
    margin-top: 16px
  }
}

.index.is_medium .index_image {
  transition: opacity .3s ease
}

.index.is_medium .index_image img {
  width: 100%
}

.index.is_medium .index_text {
  display: flex;
  position: relative;
  box-sizing: border-box;
  min-height: 72px;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 40px;
  padding-left: 16px;
  border: 1px solid #b5b6b6;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700
}

.index.is_medium .index_text:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  content: ""
}

.index.is_small {
  margin-top: 16px
}

@media only screen and (max-width:767px) {
  .index.is_small {
    margin-top: 32px;
    border-top: 1px solid #b5b6b6
  }
}

.index.is_small.is_separate {
  margin-bottom: 30px
}

@media only screen and (max-width:767px) {
  .index.is_small.is_separate {
    margin-top: 64px
  }
}

.index.is_small.is_match {
  margin-top: 0
}

@media only screen and (min-width:768px) {
  .index.is_small.is_column3 .index_item:nth-child(3n+1) {
    clear: left
  }
  .index.is_small.is_column4 .index_item:nth-child(4n+1) {
    clear: left
  }
}

//240716 kosu
.index.is_small .row {
  //margin-right: -8px;
  //margin-left: -8px
}

//240716 kosu
.index.is_small .row [class^=col-] {
  //padding-right: 8px;
  //padding-left: 8px;
  padding-right: 16px;
  padding-left: 16px;
}

@media only screen and (min-width:768px) {
  .index.is_small .index_item {
    margin-top: 16px
  }
}

.index.is_small a {
  display: block;
  color: #555;
  text-decoration: none
}

.index.is_small a:active, .index.is_small a:focus, .index.is_small a:hover {
  text-decoration: underline
}

.index.is_small a:active .index_image, .index.is_small a:focus .index_image, .index.is_small a:hover .index_image {
  opacity: .6
}

@media only screen and (max-width:767px) {
  .index.is_small a {
    display: flex;
    align-items: top;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 16px;
    border: 1px solid #b5b6b6;
    border-top: none
  }
}

.index.is_small .index_image {
  transition: opacity .3s ease
}

@media only screen and (max-width:767px) {
  .index.is_small .index_image {
    width: 76px
  }
}

.index.is_small .index_text {
  display: flex;
  position: relative;
  box-sizing: border-box;
  min-height: 72px;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 40px;
  padding-left: 16px;
  border: 1px solid #b5b6b6;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700
}

@media only screen and (max-width:767px) {
  .index.is_small .index_text {
    display: block;
    flex: 1;
    min-height: auto;
    padding: 0 18px 0 8px;
    border: none
  }
}

.index.is_small .index_text:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  content: ""
}

@media only screen and (max-width:767px) {
  .index.is_small .index_text:after {
    right: 2px
  }
}

.index.sub_index.is_separate {
  margin-top: 32px
}

@media only screen and (max-width:767px) {
  .index.sub_index.is_separate {
    margin-top: 64px
  }
}

@media only screen and (min-width:768px) {
  .index.sub_index.is_column2 .index_item:nth-child(2n+1) {
    clear: left
  }
}

.index.sub_index .row {
  margin-right: -8px;
  margin-left: -8px
}

.index.sub_index .row [class^=col-] {
  padding-right: 8px;
  padding-left: 8px
}

@media only screen and (min-width:768px) {
  .index.sub_index .index_item {
    margin-top: 16px
  }
}

.index.sub_index .index_item a {
  display: table;
  width: 100%;
  border-bottom: 4px solid #ff5000;
  background: #000;
  text-decoration: none;
  color: #fff
}

.index.sub_index .index_item a .index_image {
  display: table-cell;
  text-align: left
}

@media only screen and (min-width:768px) {
  .index.sub_index .index_item a .index_image {
    vertical-align: top;
    width: 210px
  }
  .index.sub_index .index_item a .index_image img {
    width: 210px
  }
}

@media only screen and (max-width:767px) {
  .index.sub_index .index_item a .index_image {
    vertical-align: middle;
    width: 90px
  }
  .index.sub_index .index_item a .index_image img {
    width: 90px
  }
}

.index.sub_index .index_item a .index_text {
  display: table-cell;
  text-align: left;
  font-size: 14px
}

.index.sub_index .index_item a .index_text:after {
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ""
}

@media only screen and (min-width:768px) {
  .index.sub_index .index_item a .index_text {
    vertical-align: top;
    padding: 12px 24px
  }
  .index.sub_index .index_item a .index_text:after {
    bottom: 24px;
    right: 32px
  }
}

@media only screen and (max-width:767px) {
  .index.sub_index .index_item a .index_text {
    vertical-align: middle;
    padding: 6px 12px
  }
  .index.sub_index .index_item a .index_text:after {
    bottom: auto;
    right: 27px;
    top: 50%;
    margin-top: -4px
  }
}

.index.sub_index .index_item a:visited {
  color: #fff
}

.index.sub_index .index_item a:active, .index.sub_index .index_item a:focus, .index.sub_index .index_item a:hover {
  text-decoration: underline
}

.index.sub_index .index_item a:active .index_image, .index.sub_index .index_item a:focus .index_image, .index.sub_index .index_item a:hover .index_image {
  opacity: .6
}

.text_block {
  margin-top: 32px;
  color: #555
}

.text_block.is_separate {
  margin-top: 64px;
  padding-top: 12px;
  border-top: 1px solid #b5b6b6
}

.text_block.is_contract {
  margin-top: 24px
}

.text_block.is_contract .js_table_responsive, .text_block.is_contract ol, .text_block.is_contract p, .text_block.is_contract table, .text_block.is_contract ul {
  margin-top: 24px
}

.text_block.is_contract .js_table_responsive:first-child, .text_block.is_contract ol:first-child, .text_block.is_contract p:first-child, .text_block.is_contract table:first-child, .text_block.is_contract ul:first-child {
  margin-top: 0
}

.text_block.is_x_contract {
  margin-top: 12px
}

.text_block.is_x_contract .js_table_responsive, .text_block.is_x_contract ol, .text_block.is_x_contract p, .text_block.is_x_contract table, .text_block.is_x_contract ul {
  margin-top: 12px
}

.text_block.is_x_contract .js_table_responsive:first-child, .text_block.is_x_contract ol:first-child, .text_block.is_x_contract p:first-child, .text_block.is_x_contract table:first-child, .text_block.is_x_contract ul:first-child {
  margin-top: 0
}

.text_block.is_contract_parent {
  margin-top: 24px
}

.text_block.is_x_contract_parent {
  margin-top: 12px
}

.text_block.is_xx_contract_parent {
  margin-top: 6px
}

.text_block.is_xxx_contract_parent {
  margin-top: 0
}

.text_block 
.js_table_responsive, 
//.text_block ol, 
.text_block p, 
.text_block table, 
.text_block ul {
  margin-top: 32px
}

.text_block .js_table_responsive.is_contract, .text_block .js_table_responsive:first-child, .text_block ol.is_contract, .text_block ol:first-child, .text_block p.is_contract, .text_block p:first-child, .text_block table.is_contract, .text_block table:first-child, .text_block ul.is_contract, .text_block ul:first-child {
  margin-top: 0
}

.text_signature_date, .text_signature_name {
  font-size: 14px;
  line-height: 1.5
}

.title_category {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

body[class^=company_] .title_category, body[class^=recruit_] .title_category {
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover
}

@media only screen and (min-width:768px) {
  .title_category.is_product {
    background-image: url(/ja/products/img/bg_pc_01.jpg)
  }
}

@media only screen and (max-width:767px) {
  .title_category.is_product {
    background-image: url(/ja/products/img/bg_sp_01.jpg)
  }
}

@media only screen and (min-width:768px) {
  .title_category.is_technology {
    background-image: url(/ja/technology/img/bg_pc_01.jpg)
  }
}

@media only screen and (max-width:767px) {
  .title_category.is_technology {
    background-image: url(/ja/technology/img/bg_sp_01.jpg)
  }
}

@media only screen and (min-width:768px) {
  .title_category.is_ir {
    background-image: url(/ja/ir/img/bg_pc_01.jpg)
  }
}

@media only screen and (max-width:767px) {
  .title_category.is_ir {
    background-image: url(/ja/ir/img/bg_sp_01.jpg)
  }
}

@media only screen and (min-width:768px) {
  .title_category.is_company {
    background-image: url(/img/top/bg_pc_01.jpg)
  }
}

@media only screen and (max-width:767px) {
  .title_category.is_company {
    background-image: url(/ja/company/img/bg_sp_01.jpg)
  }
}

@media only screen and (min-width:768px) {
  .title_category.is_topics {
    background-image: url(/ja/topics/img/bg_pc_01.jpg)
  }
}

@media only screen and (max-width:767px) {
  .title_category.is_topics {
    background-image: url(/ja/topics/img/bg_sp_01.jpg)
  }
}

@media only screen and (min-width:768px) {
  .title_category.is_recruit {
    background-image: url(/ja/recruit/img/bg_pc_01.jpg)
  }
}

@media only screen and (max-width:767px) {
  .title_category.is_recruit {
    background-image: url(/ja/recruit/img/bg_sp_01.jpg)
  }
}

@media only screen and (min-width:768px) {
  .title_category.is_recruit_b {
    background-image: url(/ja/recruit/img/bg_pc_02.jpg)
  }
}

@media only screen and (max-width:767px) {
  .title_category.is_recruit_b {
    background-image: url(/ja/recruit/img/bg_sp_02.jpg)
  }
}

.title_category_inner {
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 16px
}

.title_category_pseudo_table {
  display: table;
  width: 100%;
  height: 200px
}

.title_category_pseudo_cell {
  display: table-cell;
  vertical-align: middle
}

.title_category_name {
  color: #ff5000;
  font-size: 20px;
  font-weight: 700
}

.title_category_name.negative {
  color: #fff
}

.title_category_h1 {
  color: #fff;
  font-size: 20px;
  font-weight: 400
}

.title_category_h1.negative {
  color: #555
}

@media only screen and (max-width:767px) {
  body[class^=recruit_] .title_category_h1.negative {
    color: #fff
  }
}

.title_page {
  position: relative;
  padding-bottom: 24px;
  margin-top: 45px;
}

.title_page:after {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid #ff5000;
  content: ""
}

.title_page.title_page_emphasis:after {
  /* border-top: 6px solid #000 */
}

@media only screen and (max-width:767px) {
  .title_page.has-description {
    padding-bottom: 60px
  }
  .title_page.has-description:after {
    bottom: 36px
  }
}

.title_page_category, .title_page_model_number {
  color: #ff5000;
  font-size: 20px;
  line-height: 1.5
}

.title_page_new {
  margin-left: 8px
}

.title_page_h1 {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5
}

.title_page_h1.is_small {
  font-size: 30px
}

.title_page_description {
  position: absolute;
  top: 36px;
  right: 0
}

@media only screen and (max-width:767px) {
  .title_page_description {
    top: auto;
    bottom: 0
  }
}

.title_section_h2 {
  position: relative;
  padding-left: 32px;
  font-size: 26px;
  font-weight: 400
}

.title_section_h2:before {
  display: block;
  position: absolute;
  top: 24px;
  left: 0;
  width: 16px;
  height: 2px;
  background-color: #ff5000;
  content: ""
}

.title_section_h3 {
  font-size: 20px
}

.lead {
  color: #555;
  line-height: 1.75
}

.lead.is_separate {
  margin-top: 24px
}

.lead.is_separate_small {
  margin-top: 12px
}

.lead_product_section02, .lead_title_category {
  color: #555
}

ul.list {
  list-style: disc outside;
  margin-left: 1.5em
}

ul.list li+li {
  margin-top: 6px
}

ol.list {
  list-style: decimal outside;
  margin-left: 1.5em
}

ol.list.is_separate li+li {
  margin-top: 32px
}

ol.list li+li {
  margin-top: 6px
}

@media only screen and (max-width:767px) {
  .link_list {
    text-align: center
  }
  .link_list li+li {
    margin-top: 8px
  }
}

.link_list.is_x_separate {
  margin-top: 64px
}

.link_list.is_vertical_pc li+li {
  margin-top: 8px
}

@media only screen and (min-width:768px) {
  .link_list.is_horizontal_pc li {
    display: inline-block
  }
  .link_list.is_horizontal_pc li+li {
    margin-left: 28px
  }
}

@media only screen and (min-width:768px) {
  .link_list a {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #555;
    text-decoration: none
  }
  .link_list a .ti-arrow-circle-right {
    position: absolute;
    top: 6px;
    left: 0;
    color: #ff5000;
    font-size: 18px
  }
  .link_list a .asx, .link_list a .html, .link_list a .pdf {
    color: #13b7cf
  }
  .link_list a:active, .link_list a:focus, .link_list a:hover {
    text-decoration: underline
  }
  .link_list a:active .asx, .link_list a:focus .asx, .link_list a:hover .asx {
    text-decoration: underline
  }
}

.list_history dt {
  float: left;
  clear: left;
  margin-top: 10px
}

.list_history dt:first-child {
  margin-top: 0
}

.list_history dt:first-child+dd {
  margin-top: 0
}

.list_history dd {
  margin-top: 10px;
  margin-left: 7em
}

.list_note {
  margin-top: 16px;
  color: #555
}

.list_note li {
  padding-left: 1.3em;
  text-indent: -1.3em
}

.list_note li+li {
  margin-top: 8px
}

.figure_caption {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
  text-align: center
}

.js_table_fixed_wrapper {
  width: 100%
}

@media only screen and (min-width:768px) {
  .js_table_fixed_wrapper {
    max-height: 473px;
    border-bottom: 1px solid #727171;
    overflow: auto
  }
}

@media only screen and (min-width:768px) {
  .js_table_fixed_wrapper.is_fixed {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 473px
  }
}

@media only screen and (max-width:767px) {
  .js_table_fixed_wrapper .table {
    border-bottom: 1px solid #b5b6b6
  }
}

.js_table_fixed_wrapper .table td {
  border-top: none;
  border-bottom: none
}

@media only screen and (max-width:767px) {
  .js_table_responsive[data-target] {
    position: relative
  }
  .js_table_responsive[data-target]:after, .js_table_responsive[data-target]:before {
    display: block;
    position: absolute
  }
  .js_table_responsive[data-target]:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .2);
    content: ""
  }
  .js_table_responsive[data-target]:after {
    top: 50%;
    left: 50%;
    z-index: 20;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
    border: 1px solid #ff5000;
    border-radius: 24px;
    background-color: #fff;
    color: #ff5000;
    font-family: themify;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    content: "\e611"
  }
}

.table_container_body {
  padding-top: 1em
}

.table_container_body .table {
  margin-top: 0
}

.table_wrapper {
  margin-top: 32px
}

.table_wrapper .table {
  margin-top: 0
}

.table_caption {
  padding-bottom: 16px;
  color: #555;
  font-size: 12px
}

.table_caption.is_highlight:before {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 4px;
  border-radius: 2px;
  background-color: #ff5000;
  vertical-align: 0;
  content: ""
}

.table_caption_area {
  margin-top: 32px
}

.table_caption_area+div+.table {
  margin-top: 0
}

.table_caption_highlight {
  padding-bottom: 6px;
  color: #000
}

.table {
  width: 100%;
  margin-top: 32px;
  font-size: 14px;
  line-height: 1.2;
  border-collapse: separate;
  border-right: 1px solid #b5b6b6;
  border-bottom: 1px solid #b5b6b6
}

.table.is_contract {
  margin-top: 0
}

.table.is_contract th {
  width: 220px
}

.search_table .table th {
  width: 12em;
  text-align: left
}

@media only screen and (max-width:767px) {
  .search_table .table th {
    width: 5.5em
  }
}

.table.table_company.is_wide tbody th {
  width: 180px
}

@media only screen and (max-width:767px) {
  .table.table_company.is_wide.is_sp_narrow tbody th {
    width: 110px
  }
}

@media only screen and (min-width:768px) {
  .table.table_company {
    table-layout: auto
  }
}

.table.table_company tbody th {
  width: 160px;
  text-align: left
}

@media only screen and (max-width:767px) {
  .table.table_company tbody th {
    width: 80px
  }
}

.table.table_company td, .table.table_company th {
  box-sizing: border-box;
  padding: 16px 16px
}

@media only screen and (max-width:767px) {
  .table.table_company td, .table.table_company th {
    padding: 16px 12px;
    white-space: normal
  }
  .js_table_responsive .table.table_company td, .js_table_responsive .table.table_company th {
    white-space: nowrap
  }
  .js_table_responsive .table.table_company td.normal, .js_table_responsive .table.table_company th.normal {
    white-space: normal
  }
}

.table.table_company .cell_narrow {
  padding-right: 8px;
  padding-left: 8px
}

@media only screen and (min-width:768px) {
  .table {
    table-layout: fixed
  }
  .table.is_auto {
    table-layout: auto
  }
}

.table thead th {
  text-align: center
}

.table tbody th {
  vertical-align: top
}

.table td, .table th {
  position: relative;
  padding: 12px 8px
}

@media only screen and (max-width:767px) {
  .table td, .table th {
    white-space: nowrap
  }
  .table td.normal, .table th.normal {
    white-space: normal
  }
}

.table th {
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  background-color: #727171;
  color: #fff;
  font-weight: 400
}

.table th span {
  display: inline-block;
  text-align: left
}

.table td {
  border-top: 1px solid #b5b6b6;
  border-left: 1px solid #b5b6b6
}

.table .nowrap {
  white-space: nowrap
}

.table_zebra tbody tr:nth-child(even) {
  background-color: #f6f6f6
}

.table_cell10 {
  width: 10em
}

.table_cell50 {
  width: 50%
}

.table_new {
  width: 3em
}

.table_price {
  width: 4em
}

.table_coad {
  width: 4em;
  word-wrap: break-word
}

.table_number {
  width: 60px
}

.table_number [type=number] {
  box-sizing: border-box;
  width: 100%
}

@media only screen and (max-width:767px) {
  .table_number [type=number] {
    width: 40px
  }
}

.table_simple td, .table_simple th {
  padding: 2px 10px;
  vertical-align: top
}

.table_simple td:first-child, .table_simple th:first-child {
  padding-left: 0
}

.table_simple td:last-child, .table_simple th:last-child {
  padding-right: 0
}

.table_simple th {
  font-weight: 400;
  text-align: left
}

.table_simple_responsive {
  width: 100%;
  margin-top: 32px;
  font-size: 14px;
  line-height: 1.2
}

.table_simple_responsive.is_contract {
  margin-top: 0
}

.table_simple_responsive td, .table_simple_responsive th {
  vertical-align: top;
  padding: 12px 8px
}

.table_simple_responsive th {
  border: 1px solid #555;
  background-color: #727171;
  color: #fff;
  font-weight: 400;
  text-align: left
}

.table_simple_responsive td {
  border: 1px solid #b5b6b6
}

.table_calculate {
  width: 100%
}

.table_calculate td, .table_calculate th {
  padding: 5px;
  text-align: center
}

.table_small_text td, .table_small_text th {
  font-size: 80%
}

.buttons {
  font-size: 0;
  font-weight: 700;
  text-align: center
}

.buttons.is_type-02 {
  text-align: left
}

@media only screen and (max-width:767px) {
  .buttons.is_type-02 li {
    display: inline-block
  }
  .buttons.is_type-02 li+li {
    margin-left: 8px
  }
}

.buttons:first-line li {
  margin-top: 0
}

.buttons li {
  display: inline-block;
  margin-top: 8px
}

@media only screen and (max-width:767px) {
  .buttons li {
    display: block;
    margin-top: 0
  }
}

.buttons li+li {
  margin-left: 8px
}

@media only screen and (max-width:767px) {
  .buttons li+li {
    margin-top: 8px;
    margin-left: 0
  }
}

.button {
  display: inline-block;
  box-sizing: border-box;
  padding-right: 8px;
  padding-left: 8px;
  transition: background-color .3s ease, color .3s ease;
  text-align: center;
  text-decoration: none
}

.button.is_primary {
  border: 1px solid #ff5000;
  background-color: #fff;
  color: #ff5000
}

.button.is_primary:active, .button.is_primary:focus, .button.is_primary:hover {
  background-color: #ff5000;
  color: #fff
}

.button.is_primary.is_highlight {
  background-color: #ff5000;
  color: #fff
}

.button.is_primary.is_highlight:active, .button.is_primary.is_highlight:focus, .button.is_primary.is_highlight:hover {
  background-color: #fff;
  color: #ff5000
}

.button.is_primary.is_highlight:active.is_arrow:after, .button.is_primary.is_highlight:focus.is_arrow:after, .button.is_primary.is_highlight:hover.is_arrow:after {
  border-color: #ff5000
}

.button.is_primary.is_highlight.is_arrow:after {
  border-color: #fff
}

.button.is_primary.is_arrow:after {
  border-color: #ff5000
}

.button.is_secondary {
  border: 1px solid #000;
  background-color: #fff;
  color: #000
}

.button.is_secondary:active, .button.is_secondary:focus, .button.is_secondary:hover {
  background-color: #000;
  color: #fff
}

.button.is_secondary:active.is_arrow:after, .button.is_secondary:focus.is_arrow:after, .button.is_secondary:hover.is_arrow:after {
  border-color: #fff
}

.button.is_secondary.is_highlight {
  background-color: #000;
  color: #fff
}

.button.is_secondary.is_highlight:active, .button.is_secondary.is_highlight:focus, .button.is_secondary.is_highlight:hover {
  background-color: #fff;
  color: #000
}

.button.is_secondary.is_highlight.is_arrow:after {
  border-color: #fff
}

.button.is_secondary.is_arrow:after {
  border-color: #000
}

.button.is_large {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px
}

@media only screen and (min-width:768px) {
  .button.is_large {
    min-width: 242px
  }
}

@media only screen and (max-width:767px) {
  .button.is_large {
    width: 242px
  }
}

.button.is_medium {
  //width: 220px;
  width: 160px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px
}

.button.is_small {
  width: 97px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px
}

.button.is_fix {
  height: 37px;
  width: 160px;
  margin-top: 46px;
  width: 160px;
  font-size: 14px;
}

.button.is_under {
    height: 37px;
    width: 160px;
    margin-top: 16px;
    width: 160px;
    font-size: 14px;
    float: inline-end;
    margin-left: 10px;
}

.button.is_import {
    height: 37px;
    width: 140px;
    font-size: 14px;
    margin-bottom: 16px;
}

.button.is_parallel {
  margin: 10px;
}

@media only screen and (max-width:767px) {
  .button.is_small.is_sp-large {
    width: 242px;
    height: 50px
  }
}

.button.is_small.is_arrow {
  width: 127px
}

.button.is_arrow:after, .button.is_search:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  content: ""
}

.button.is_arrow {
  position: relative;
  padding-right: 32px;
  padding-left: 32px;
  text-align: left
}

.button.is_arrow:after {
  margin-top: -3px;
  transform: rotate(45deg)
}

.button.is_search {
  position: relative
}

.button.is_search .ti-search {
  position: absolute;
  top: 50%;
  left: 24px;
  margin-top: -6px;
  color: #ff5000;
  font-weight: 700
}

.button.is_search:after {
  margin-top: -5px;
  transform: rotate(135deg)
}

.button.is_map {
  position: relative
}

.button.is_map .ti-map-alt {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -8px;
  color: #ff5000
}

@media only screen and (max-width:767px) {
  .sp-button {
    display: inline-block;
    box-sizing: border-box;
    padding-right: 8px;
    padding-left: 8px;
    transition: background-color .3s ease, color .3s ease;
    text-align: center;
    text-decoration: none
  }
  .sp-button.is_primary {
    border: 1px solid #ff5000;
    background-color: #fff;
    color: #ff5000
  }
  .sp-button.is_primary:active, .sp-button.is_primary:focus, .sp-button.is_primary:hover {
    background-color: #ff5000;
    color: #fff
  }
  .sp-button.is_primary.is_highlight {
    background-color: #ff5000;
    color: #fff
  }
  .sp-button.is_primary.is_highlight:active, .sp-button.is_primary.is_highlight:focus, .sp-button.is_primary.is_highlight:hover {
    background-color: #fff;
    color: #ff5000
  }
  .sp-button.is_primary.is_highlight:active.is_arrow:after, .sp-button.is_primary.is_highlight:focus.is_arrow:after, .sp-button.is_primary.is_highlight:hover.is_arrow:after {
    border-color: #ff5000
  }
  .sp-button.is_primary.is_highlight.is_arrow:after {
    border-color: #fff
  }
  .sp-button.is_primary.is_arrow:after {
    border-color: #ff5000
  }
  .sp-button.is_secondary {
    border: 1px solid #000;
    background-color: #fff;
    color: #000
  }
  .sp-button.is_secondary:active, .sp-button.is_secondary:focus, .sp-button.is_secondary:hover {
    background-color: #000;
    color: #fff
  }
  .sp-button.is_secondary:active.is_arrow:after, .sp-button.is_secondary:focus.is_arrow:after, .sp-button.is_secondary:hover.is_arrow:after {
    border-color: #fff
  }
  .sp-button.is_secondary.is_highlight {
    background-color: #000;
    color: #fff
  }
  .sp-button.is_secondary.is_highlight:active, .sp-button.is_secondary.is_highlight:focus, .sp-button.is_secondary.is_highlight:hover {
    background-color: #fff;
    color: #000
  }
  .sp-button.is_secondary.is_highlight.is_arrow:after {
    border-color: #fff
  }
  .sp-button.is_secondary.is_arrow:after {
    border-color: #000
  }
  .sp-button.is_large {
    width: 242px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px
  }
  .sp-button.is_medium {
    width: 220px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px
  }
  .sp-button.is_small {
    width: 97px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px
  }
}

@media only screen and (max-width:767px) and (max-width:767px) {
  .sp-button.is_small.is_sp-large {
    width: 242px;
    height: 50px
  }
}

@media only screen and (max-width:767px) {
  .sp-button.is_small.is_arrow {
    width: 127px
  }
  .sp-button.is_arrow:after, .sp-button.is_search:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    content: ""
  }
  .sp-button.is_arrow {
    position: relative;
    padding-right: 32px;
    padding-left: 32px;
    text-align: left
  }
  .sp-button.is_arrow:after {
    margin-top: -3px;
    transform: rotate(45deg)
  }
  .sp-button.is_search {
    position: relative
  }
  .sp-button.is_search .ti-search {
    position: absolute;
    top: 50%;
    left: 24px;
    margin-top: -6px;
    color: #ff5000;
    font-weight: 700
  }
  .sp-button.is_search:after {
    margin-top: -5px;
    transform: rotate(135deg)
  }
  .sp-button.is_map {
    position: relative
  }
  .sp-button.is_map .ti-map-alt {
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -8px;
    color: #ff5000
  }
}

[type=month], [type=date], [type=email], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url], textarea {
  border: 1px solid #d1d1d1;
  border-radius: 0;
  padding-right: 8px;
  padding-left: 8px
}

[type=month], [type=date], [type=email], [type=password], [type=number], [type=search], [type=tel], [type=text], [type=url] {
  height: 37px;
  outline: 0;
  width: 100%;
  box-sizing: border-box;
}

[type=number] {
  text-align: right
}

[type=checkbox] {
  position: absolute;
  right: 2000px
}

[type=checkbox]:checked+i {
  background-position: 0 -20px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px
}

[type=checkbox]:checked+i+.form_checkbox_text {
  color: #ff5000
}

[type=checkbox]+i {
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px
}

[type=radio] {
  /* position: absolute; */
  /* right: 2000px */
}

[type=radio]:checked+i {
  background-position: 0 -62px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 22px;
  height: 22px
}

[type=radio]:checked+i+.form_radio_text {
  color: #ff5000
}

[type=radio]+i {
  display: inline-block;
  background-position: 0 -40px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 22px;
  height: 22px
}

.form_select {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 50px;
  padding-right: 60px;
  border: 1px solid #b5b6b6;
  background-color: #fff;
  line-height: 50px;
  overflow: hidden;
  vertical-align: middle
}

.form_select:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(135deg);
  pointer-events: none;
  content: ""
}

.form_select select {
  display: block;
  appearance: none;
  width: 200%;
  height: 50px;
  padding-left: 15px;
  border: none;
  background: 0 0;
  font-size: inherit;
  vertical-align: middle;
  outline: 0
}

.form_select select:active, .form_select select:focus {
  width: 100%;
  -moz-appearance: none;
  text-indent: .01px
}

.form_select select::-ms-expand {
  display: none
}

.form_controls [type=month],
.form_controls [type=date],
.form_controls [type=email],
.form_controls [type=tel],
.form_controls [type=text],
.form_controls [type=password]
 {
  box-sizing: border-box;
  width: 100%;
  height: 50px
}

.form_controls textarea {
  width: 100%;
  height: 150px
}

.form_controls_row+.form_controls_row {
  margin-top: 16px
}

.form_controls_row.is_column2 .form_controls_item,
.form_controls_row.is_column3 .form_controls_item {
  float: left;
  box-sizing: border-box;
  width: 30%;
  padding-right: 10px;
}

.form_controls_row.is_column2 .form_controls_item.is_narrow
.form_controls_row.is_column3 .form_controls_item.is_narrow {
    width: 20%;
}

.form_controls_row.is_column2 .form_controls_item.is_wide,
.form_controls_row.is_column3 .form_controls_item.is_wide {
    width: 50%;
}

@media only screen and (max-width:767px) {
  .form_controls_row.is_column2 .form_controls_item,
  .form_controls_row.is_column3 .form_controls_item {
    float: none;
    width: auto
  }
}

@media only screen and (max-width:767px) {
  .form_controls_row.is_column2 .form_controls_item.is_narrow,
  .form_controls_row.is_column3 .form_controls_item.is_narrow {
    width: auto
  }
}

/*
.form_controls_row.is_column2 .form_controls_item:first-child {
  padding-right: 10px
}
*/

@media only screen and (max-width:767px) {
  .form_controls_row.is_column2 .form_controls_item:first-child {
    padding-right: 0
  }
}

//.form_controls_row.is_column2 .form_controls_item:last-child,
.form_controls_row.is_column2 .form_controls_item:not(:first-child),
.form_controls_row.is_column3 .form_controls_item:not(:first-child) {
  padding-left: 10px
}

@media only screen and (max-width:767px) {
  .form_controls_row.is_column2 .form_controls_item:last-child {
    margin-top: 16px;
    padding-left: 0
  }
}

.form_controls_row.is_column2 .form_controls_item:only-child,
.form_controls_row.is_column3 .form_controls_item:only-child {
  padding-right: 10px;
  padding-left: 0
}

@media only screen and (max-width:767px) {
  .form_controls_row.is_column2 .form_controls_item:only-child,
  .form_controls_row.is_column3 .form_controls_item:only-child {
    padding-right: 0
  }
}

.form_controls_title label {
  cursor: pointer
}

.form_controls_parts {
  margin-top: 14px;
  height: 34px;
  border: 1px solid #b5b6b6;
  background-color: #f6f6f6;
  font-size: 14px;
}

p.form_controls_parts {
  border: none;
}

.form_controls_parts select {
    width: 100%;
}

.form_controls_checkbox_list li, .form_controls_radio_list li {
  float: left
}

@media only screen and (max-width:767px) {
  .form_controls_checkbox_list li, .form_controls_radio_list li {
    float: none
  }
}

.form_controls_checkbox_list li+li, .form_controls_radio_list li+li {
  margin-left: 64px
}

@media only screen and (max-width:767px) {
  .form_controls_checkbox_list li+li, .form_controls_radio_list li+li {
    margin-top: 16px;
    margin-left: 0
  }
}

.form_checkbox, .form_radio {
  display: block;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  overflow: hidden
}

.form_checkbox.is_text, .form_radio.is_text {
  min-height: 22px;
  padding-left: 31px;
  font-size: 14px
}

.form_checkbox.is_text i, .form_radio.is_text i {
  position: absolute;
  top: -5px;
  left: 0
}

.form_checkbox_text, .form_radio_text {
  display: inline-block;
  vertical-align: middle;
  white-space: normal
}

.form_must {
  margin-left: .5em;
  color: #ff5000
}

.form_separator {
  margin-right: 16px;
  margin-left: 16px
}

@media only screen and (max-width:767px) {
  .form_separator {
    margin-right: 8px;
    margin-left: 8px
  }
}

a.link_arrow:active, a.link_arrow:focus, a.link_arrow:hover, a.link_help:active, a.link_help:focus, a.link_help:hover, a.link_toc:active, a.link_toc:focus, a.link_toc:hover, a.link_zoom:active, a.link_zoom:focus, a.link_zoom:hover {
  text-decoration: underline
}

.link_arrow, .link_help, .link_toc, .link_zoom {
  display: inline-block;
  padding-left: 25px;
  position: relative;
  color: #555;
  text-decoration: none
}

.link_arrow:before, .link_help:before, .link_toc:before, .link_zoom:before {
  position: absolute;
  left: 0;
  color: #ff5000;
  font-family: themify
}

.link_arrow.is_icon_small, .link_help.is_icon_small, .link_toc.is_icon_small, .link_zoom.is_icon_small {
  padding-left: 20px
}

.link_arrow.is_icon_small:before, .link_help.is_icon_small:before, .link_toc.is_icon_small:before, .link_zoom.is_icon_small:before {
  top: 2px;
  font-size: 12px
}

.link_arrow.is_medium, .link_help.is_medium, .link_toc.is_medium, .link_zoom.is_medium {
  font-size: 14px
}

.link_arrow.is_medium:before, .link_help.is_medium:before, .link_toc.is_medium:before, .link_zoom.is_medium:before {
  top: -2px;
  font-size: 16px
}

.link_arrow.is_large, .link_help.is_large, .link_toc.is_large, .link_zoom.is_large {
  font-size: 16px
}

.link_arrow.is_large:before, .link_help.is_large:before, .link_toc.is_large:before, .link_zoom.is_large:before {
  top: -1px;
  font-size: 18px
}

.link_arrow:before {
  content: "\e65d"
}

.link_help:before {
  content: "\e718"
}

.link_toc:before {
  content: "\e663"
}

.link_zoom:before {
  content: "\e611"
}

.link_pdf:active .link_pdf_text, .link_pdf:focus .link_pdf_text, .link_pdf:hover .link_pdf_text, .link_zip:active .link_pdf_text, .link_zip:focus .link_pdf_text, .link_zip:hover .link_pdf_text {
  text-decoration: underline
}

.link_pdf_text, .link_zip_text {
  color: #13b7cf
}

.toc {
  padding-top: 32px;
  padding-bottom: 42px;
  /* border-bottom: 1px solid #b5b6b6 */
}

.toc_item {
  float: left;
  margin-top: 28px;
  margin-right: 64px
}

@media only screen and (max-width:767px) {
  .toc_item {
    box-sizing: border-box;
    width: 50%;
    margin-right: 0
  }
  .toc_item:nth-child(odd) {
    clear: left;
    padding-right: 5px
  }
  .toc_item:nth-child(even) {
    padding-left: 5px
  }
}

.toc_item a {
  color: #555;
  text-decoration: none
}

.toc_item a:active, .toc_item a:focus, .toc_item a:hover {
  text-decoration: underline
}

.icons li {
  float: left;
  margin-top: 5px;
  margin-right: 5px
}

.icon_new {
  display: inline-block;
  padding: 0 4px;
  background-color: #ff5000;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  vertical-align: 1px
}

.icon_nla {
  color: #ff5000;
  font-size: 11px;
  font-weight: 700;
  text-align: center
}

.entry.is_separate {
  margin-top: 32px
}

.entry_nav {
  max-width: 385px;
  margin-top: 32px
}

.entry_nav_current {
  position: relative;
  box-sizing: border-box;
  margin-top: 32px;
  padding: 16px 32px;
  border: 1px solid #b5b6b6;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease
}

.entry_nav_current:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
  content: "";
  transition: border-color .3s ease
}

.entry_nav_current:active, .entry_nav_current:focus, .entry_nav_current:hover {
  background-color: #b5b6b6;
  color: #fff
}

.entry_nav_current:active:after, .entry_nav_current:focus:after, .entry_nav_current:hover:after {
  border-color: #fff
}

.entry_nav+.entry_list {
  margin-top: 32px
}

.entry_list_item {
  padding-bottom: 16px;
  border-bottom: 1px dotted #555
}

.entry_list_item+.entry_list_item {
  margin-top: 32px
}

.entry_list_link {
  display: block;
  text-decoration: none
}

.entry_list_link:active .entry_list_title, .entry_list_link:focus .entry_list_title, .entry_list_link:hover .entry_list_title {
  text-decoration: underline
}

.entry_list_link:active .entry_list_title .pdf, .entry_list_link:focus .entry_list_title .pdf, .entry_list_link:hover .entry_list_title .pdf {
  text-decoration: underline
}

.entry_list_link:active .entry_list_more span, .entry_list_link:focus .entry_list_more span, .entry_list_link:hover .entry_list_more span {
  text-decoration: underline
}

.entry_list_category, .entry_list_date {
  display: inline-block;
  vertical-align: middle
}

.entry_list_category {
  color: #ff5000;
  font-weight: 700;
  font-size: 11px
}

.entry_list_category.announce_icon {
  padding: 4px 8px;
  color: #fff;
  background: #886478
}

.entry_list_category.ir_icon {
  padding: 4px 8px;
  color: #fff;
  background: #767b4d
}

.entry_list_category.yuho_icon {
  padding: 4px 8px;
  color: #fff;
  background: #7c6755
}

.entry_list_category.tansin_icon {
  padding: 4px 8px;
  color: #fff;
  background: #50748a
}

.entry_list_category.press_icon {
  padding: 4px 8px;
  color: #fff;
  background: #5b5377
}

.entry_list_date {
  margin-left: .5em;
  font-size: 12px
}

.entry_list_date_ir {
  margin-left: 0;
  font-size: 16px
}

.entry_list_category_ir, .entry_list_new_ir {
  margin-right: 8px
}

.entry_list_date, .entry_list_title {
  color: #000
}

.entry_list_title {
  margin-top: 8px;
  font-size: 20px
}

.entry_list_title .pdf {
  color: #13b7cf
}

.entry_list_overview {
  margin-top: 24px;
  color: #555
}

@media only screen and (min-width:768px) {
  .entry_list_more {
    margin-top: 8px;
    color: #555;
    font-weight: 700;
    text-align: right
  }
  .entry_list_more span {
    display: inline-block;
    position: relative;
    padding-left: 24px
  }
  .entry_list_more .ti-arrow-circle-right {
    position: absolute;
    top: 5px;
    left: 0;
    color: #ff5000;
    font-size: 18px
  }
}

@media only screen and (max-width:767px) {
  .entry_list_more {
    margin-top: 32px;
    text-align: center
  }
}

.entry_list02_item {
  margin-top: 32px;
  padding-bottom: 16px;
  border-bottom: 1px dotted #555
}

.entry_list02_item+.entry_list02_item {
  margin-top: 16px
}

@media only screen and (min-width:768px) {
  .entry_list02_item a {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #555;
    text-decoration: none
  }
  .entry_list02_item a:active, .entry_list02_item a:focus, .entry_list02_item a:hover {
    text-decoration: underline
  }
  .entry_list02_item a:active .pdf, .entry_list02_item a:focus .pdf, .entry_list02_item a:hover .pdf {
    text-decoration: underline
  }
  .entry_list02_item a[target="_blank"]:after {
    margin-left: 1em;
    color: #ff5000;
    font-family: themify;
    font-size: 14px;
    content: "\e732"
  }
  .entry_list02_item .html, .entry_list02_item .pdf, .entry_list02_item .zip {
    color: #13b7cf
  }
  .entry_list02_item .ti-arrow-circle-right {
    position: absolute;
    top: 7px;
    left: 0;
    color: #ff5000;
    font-size: 18px
  }
}

.entry_list02_title {
  font-size: 20px
}

@media only screen and (min-width:768px) {
  .entry_list02_info {
    margin-top: 8px;
    font-size: 0
  }
  .entry_list02_info li {
    display: inline-block;
    margin-top: 8px;
    margin-right: 32px;
    font-size: 16px
  }
}

@media only screen and (max-width:767px) {
  .entry_list02_info {
    margin-top: 16px;
    text-align: center
  }
  .entry_list02_info li+li {
    margin-top: 8px
  }
}

.entry_detail .img, .entry_detail p {
  margin-top: 32px
}

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

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none
}

.remodal, [data-remodal-id] {
  display: none
}

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none
}

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  content: ""
}

.remodal-overlay, .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.remodal {
  position: relative;
  outline: 0;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%
}

.remodal-is-initialized {
  display: inline-block
}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
  -webkit-filter: blur(3px);
  filter: blur(3px)
}

.remodal-overlay {
  background: rgba(43, 46, 56, .9)
}

.remodal-overlay.remodal-is-closing, .remodal-overlay.remodal-is-opening {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
  padding: 10px 10px 0
}

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff
}

.remodal.remodal-is-closing, .remodal.remodal-is-opening {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes
}

.remodal, .remodal-wrapper:after {
  vertical-align: middle
}

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color .2s;
  transition: color .2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: 0 0
}

.remodal-close:focus, .remodal-close:hover {
  color: #2b2e38
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center
}

.remodal-cancel, .remodal-confirm {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background .2s;
  transition: background .2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0
}

.remodal-confirm {
  color: #fff;
  background: #81c784
}

.remodal-confirm:focus, .remodal-confirm:hover {
  background: #66bb6a
}

.remodal-cancel {
  color: #fff;
  background: #e57373
}

.remodal-cancel:focus, .remodal-cancel:hover {
  background: #ef5350
}

.remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
  padding: 0;
  border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@media only screen and (min-width:641px) {
  .remodal {
    min-width: 1px;
    max-width: 1060px
  }
  .remodal img {
    max-width: 100%
  }
  .remodal .ti-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
  }
}

@media only screen and (max-width:767px) {
  .remodal img {
    max-width: 100%
  }
}

.lt-ie9 .remodal-overlay {
  background: #2b2e38
}

.lt-ie9 .remodal {
  width: 700px
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slider {
  display: none
}

.slider.slick-initialized {
  display: block
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}

.slick-track:after, .slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-next, .slick-prev {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  z-index: 10;
  border: none;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  background: 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 200%;
  outline: 0
}

@media only screen and (min-width:768px) {
  .slick-next, .slick-prev {
    top: 50%;
    margin-top: -21px;
    width: 20px;
    height: 20px
  }
}

@media only screen and (max-width:767px) {
  .slick-next, .slick-prev {
    bottom: 140px;
    width: 20px;
    height: 20px
  }
}

.slick-prev {
  transform: rotate(225deg)
}

@media only screen and (min-width:768px) {
  .slick-prev {
    left: 20px
  }
}

@media only screen and (max-width:767px) {
  .slick-prev {
    left: 10px
  }
}

.slick-next {
  transform: rotate(45deg)
}

@media only screen and (min-width:768px) {
  .slick-next {
    right: 20px
  }
}

@media only screen and (max-width:767px) {
  .slick-next {
    right: 10px
  }
}

.slick-dots {
  display: none !important;
  position: absolute;
  left: 0;
  width: 100%;
  font-size: 0;
  text-align: center
}

@media only screen and (min-width:768px) {
  .slick-dots {
    bottom: 90px
  }
}

@media only screen and (max-width:767px) {
  .slick-dots {
    bottom: 45px
  }
}

.slick-dots li {
  display: inline-block
}

.slick-dots li+li {
  margin-left: 10px
}

.slick-dots button {
  display: block;
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  padding: 0;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  outline: 0
}

.slick-dots .slick-active button {
  background-color: #a9adb1
}

.hero_item {
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #000;
  white-space: nowrap;
  overflow: hidden
}

@media only screen and (min-width:768px) {
  .hero_item {
    height: 510px;
    background-size: auto 510px
  }
}

@media only screen and (max-width:767px) {
  .hero_item {
    height: 80vw;
    background-size: cover
  }
}

.hero_item img {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.hero_item a {
  left: 0;
  width: 100%;
  height: 100%;
  display: block
}

@media only screen and (min-width:768px) {
  .hero {
    width: 100%
  }
  .hero_item_01 {
    background-image: url(/ja/img/photo_hero_pc_01.jpg)
  }
  .hero_item_02 {
    background-image: url(/ja/img/photo_hero_pc_02.jpg)
  }
  .hero_item_03 {
    background-image: url(/ja/img/photo_hero_pc_03.jpg)
  }
  .hero_item_04 {
    background-image: url(/ja/img/photo_hero_pc_04.jpg)
  }
  .hero_item_05 {
    background-image: url(/ja/img/photo_hero_pc_05.jpg)
  }
  .hero_item_06 {
    background-image: url(/ja/img/photo_hero_pc_06.jpg)
  }
  .hero_item_07 {
    background-image: url(/ja/img/photo_hero_pc_07.jpg)
  }
  .hero_item_08 {
    background-image: url(/ja/img/photo_hero_pc_08.jpg)
  }
  .hero_item_09 {
    background-image: url(/ja/img/photo_hero_pc_09.jpg)
  }
  .hero_item_10 {
    background-image: url(/ja/img/photo_hero_pc_10.jpg)
  }
  .hero_item_11 {
    background-image: url(/ja/img/photo_hero_pc_11.jpg)
  }
  .hero_item_12 {
    background-image: url(/ja/img/photo_hero_pc_12.jpg)
  }
  .hero_item_13 {
    background-image: url(/ja/img/photo_hero_pc_13.jpg);
    background-position: center top;
    background-size: cover
  }
  .hero_item_14 {
    background-image: url(/ja/img/photo_hero_pc_14.jpg);
    background-position: center top;
    background-size: cover
  }
  .hero_item_15 {
    background-image: url(/ja/img/photo_hero_pc_15.jpg);
    background-position: center top;
    background-size: cover
  }
  .hero_item_16 {
    background-image: url(/ja/img/photo_hero_pc_16.jpg);
    background-position: center top;
    background-size: cover
  }
  .hero_item_17 {
    background-image: url(/ja/img/photo_hero_pc_17.jpg)
  }
  .hero_item_18 {
    background-position:  40% top;
    background-image: url(/ja/img/photo_hero_pc_18.jpg);background-position:  40% top;
  }
  .hero-item_18 span.link_button {
    color:#ffffff;
  }
  .hero_item_19 {
    background-image: url(/ja/img/photo_hero_pc_19.jpg)
  }
  .hero_item_20 {
    background-image: url(/ja/img/photo_hero_pc_20.jpg)
  }
}

@media only screen and (max-width:767px) {
  .hero {
    width: 100%
  }
  .hero_item_01 {
    background-image: url(/ja/img/photo_hero_sp_01.jpg)
  }
  .hero_item_02 {
    background-image: url(/ja/img/photo_hero_sp_02.jpg)
  }
  .hero_item_03 {
    background-image: url(/ja/img/photo_hero_sp_03.jpg)
  }
  .hero_item_04 {
    background-image: url(/ja/img/photo_hero_sp_04.jpg)
  }
  .hero_item_05 {
    background-image: url(/ja/img/photo_hero_sp_05.jpg)
  }
  .hero_item_06 {
    background-image: url(/ja/img/photo_hero_sp_06.jpg)
  }
  .hero_item_07 {
    background-image: url(/ja/img/photo_hero_sp_07.jpg)
  }
  .hero_item_08 {
    background-image: url(/ja/img/photo_hero_sp_08.jpg)
  }
  .hero_item_09 {
    background-image: url(/ja/img/photo_hero_sp_09.jpg)
  }
  .hero_item_10 {
    background-image: url(/ja/img/photo_hero_sp_10.jpg)
  }
  .hero_item_11 {
    background-image: url(/ja/img/photo_hero_sp_11.jpg)
  }
  .hero_item_12 {
    background-image: url(/ja/img/photo_hero_sp_12.jpg)
  }
  .hero_item_13 {
    background-image: url(/ja/img/photo_hero_sp_13.jpg);
    background-position: center top;
    background-size: cover
  }
  .hero_item_14 {
    background-image: url(/ja/img/photo_hero_sp_14.jpg);
    background-position: center top;
    background-size: cover
  }
  .hero_item_15 {
    background-image: url(/ja/img/photo_hero_sp_15.jpg);
    background-position: center top;
    background-size: cover
  }
  .hero_item_16 {
    background-image: url(/ja/img/photo_hero_sp_16.jpg);
    background-position: center top;
    background-size: cover
  }
  .hero_item_17 {
    background-image: url(/ja/img/photo_hero_sp_17.jpg)
  }
  .hero_item_18 {
    background-image: url(/ja/img/photo_hero_sp_18.jpg);background-position:  70% top;
  }
  .hero-item_18 span.link_button {
    color:#FF5000;
  }
  .hero_item_19 {
    background-image: url(/ja/img/photo_hero_sp_19.jpg)
  }
  .hero_item_20 {
    background-image: url(/ja/img/photo_hero_sp_20.jpg)
  }
}

@media only screen and (min-width:768px) {
  .en .hero_item_01 {
    background-image: url(/en/img/photo_hero_pc_01.jpg)
  }
  .en .hero_item_02 {
    background-image: url(/en/img/photo_hero_pc_02.jpg)
  }
  .en .hero_item_03 {
    background-image: url(/en/img/photo_hero_pc_03.jpg)
  }
  .en .hero_item_04 {
    background-image: url(/en/img/photo_hero_pc_04.jpg)
  }
  .en .hero_item_05 {
    background-image: url(/en/img/photo_hero_pc_05.jpg)
  }
  .en .hero_item_06 {
    background-image: url(/en/img/photo_hero_pc_06.jpg)
  }
  .en .hero_item_07 {
    background-image: url(/en/img/photo_hero_pc_07.jpg)
  }
  .en .hero_item_08 {
    background-image: url(/en/img/photo_hero_pc_08.jpg)
  }
  .en .hero_item_09 {
    background-image: url(/en/img/photo_hero_pc_09.jpg)
  }
  .en .hero_item_10 {
    background-image: url(/en/img/photo_hero_pc_10.jpg)
  }
  .en .hero_item_11 {
    background-image: url(/en/img/photo_hero_pc_11.jpg)
  }
  .en .hero_item_12 {
    background-image: url(/en/img/photo_hero_pc_12.jpg)
  }
  .en .hero_item_13 {
    background-image: url(/en/img/photo_hero_pc_13.jpg)
  }
  .en .hero_item_14 {
    background-image: url(/en/img/photo_hero_pc_14.jpg)
  }
  .en .hero_item_15 {
    background-image: url(/en/img/photo_hero_pc_15.jpg)
  }
  .en .hero_item_16 {
    background-image: url(/en/img/photo_hero_pc_16.jpg)
  }
  .en .hero_item_17 {
    background-image: url(/en/img/photo_hero_pc_17.jpg)
  }
  .en .hero_item_18 {
    background-image: url(/en/img/photo_hero_pc_18.jpg)
  }
  .en .hero_item_19 {
    background-image: url(/en/img/photo_hero_pc_19.jpg)
  }
  .en .hero_item_20 {
    background-image: url(/en/img/photo_hero_pc_20.jpg)
  }
}

@media only screen and (max-width:767px) {
  .en .hero_item_01 {
    background-image: url(/en/img/photo_hero_sp_01.jpg)
  }
  .en .hero_item_02 {
    background-image: url(/en/img/photo_hero_sp_02.jpg)
  }
  .en .hero_item_03 {
    background-image: url(/en/img/photo_hero_sp_03.jpg)
  }
  .en .hero_item_04 {
    background-image: url(/en/img/photo_hero_sp_04.jpg)
  }
  .en .hero_item_05 {
    background-image: url(/en/img/photo_hero_sp_05.jpg)
  }
  .en .hero_item_06 {
    background-image: url(/en/img/photo_hero_sp_06.jpg)
  }
  .en .hero_item_07 {
    background-image: url(/en/img/photo_hero_sp_07.jpg)
  }
  .en .hero_item_08 {
    background-image: url(/en/img/photo_hero_sp_08.jpg)
  }
  .en .hero_item_09 {
    background-image: url(/en/img/photo_hero_sp_09.jpg)
  }
  .en .hero_item_10 {
    background-image: url(/en/img/photo_hero_sp_10.jpg)
  }
  .en .hero_item_11 {
    background-image: url(/en/img/photo_hero_sp_11.jpg)
  }
  .en .hero_item_12 {
    background-image: url(/en/img/photo_hero_sp_12.jpg)
  }
  .en .hero_item_13 {
    background-image: url(/en/img/photo_hero_sp_13.jpg)
  }
  .en .hero_item_14 {
    background-image: url(/en/img/photo_hero_sp_14.jpg)
  }
  .en .hero_item_15 {
    background-image: url(/en/img/photo_hero_sp_15.jpg)
  }
  .en .hero_item_16 {
    background-image: url(/en/img/photo_hero_sp_16.jpg)
  }
  .en .hero_item_17 {
    background-image: url(/en/img/photo_hero_sp_17.jpg)
  }
  .en .hero_item_18 {
    background-position:  70% top;
    background-image: url(/en/img/photo_hero_sp_18.jpg)
  }
  .en .hero_item_19 {
    background-image: url(/en/img/photo_hero_sp_19.jpg)
  }
  .en .hero_item_20 {
    background-image: url(/en/img/photo_hero_sp_20.jpg)
  }
}

.hero_item .hero-link_button {
  text-align: center
}

.hero_item a {
  text-decoration: none
}

.hero_item .hero-link_button {
  display: block;
  width: 230px;
  margin: 0 auto;
  border: 1px solid #ff5000;
  background-size: 14px 14px;
  color: #000;
  font-size: 18px;
  text-align: center;
  line-height: 50px;
  -webkit-transition: background .3s ease, color .3s ease;
  transition: background .3s ease, color .3s ease
}

.hero_item_13 .hero-link_button {
  color: #000
}

.hero_item_15 .hero-link_button {
  color: #fff
}

.hero_item_16 .hero-link_button {
  color: #fff
}

.overlay-link {
  position: absolute;
  background-color: #000;
  z-index: 5;
  box-sizing: border-box
}

.overlay-link .overlay-link_lead {
  color: #fff;
  box-sizing: border-box
}

.overlay-link .overlay-link_heading {
  text-align: center
}

.overlay-link .overlay-link_heading img {
  display: inline-block
}

@media only screen and (min-width:768px) {
  .overlay-link {
    top: 63px;
    right: 0;
    width: 1px;
    height: 510px;
    padding-top: 170px;
    opacity: 0
  }
  .overlay-link .overlay-link_lead {
    width: 300px;
    margin: 0 auto;
    padding-left: 10px;
    font-size: 12px
  }
  .overlay-link .overlay-link_heading img {
    width: 300px
  }
}

@media only screen and (max-width:767px) {
  .overlay-link {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0
  }
  .overlay-link .overlay-link_lead {
    text-align: center;
    font-size: 14px
  }
  .overlay-link .overlay-link_heading img {
    width: 80%
  }
}

.home_index {
  overflow: hidden;
  text-align: center
}

.home_index_item {
  float: left;
  width: 20%;
  text-align: center
}

.home_index_item:first-child {
  margin-left: 0
}

.home_index_item:last-child {
  margin-right: 0
}

.home_index_item h2 {
  font-size: 18px
}

@media only screen and (max-width:1024px) {
  .home_index_item {
    margin: 0 15px
  }
  .home_index_item h2 {
    font-size: 16px
  }
}

@media only screen and (max-width:840px) {
  .home_index_item {
    margin: 0 8px
  }
}

.home_index_item a {
  color: #000;
  text-decoration: none
}

.home_index_item a:active, .home_index_item a:focus, .home_index_item a:hover {
  text-decoration: underline
}

.home_index_item p {
  position: relative;
  margin-top: 2px;
  padding-top: 8px;
  color: #727171;
  font-size: 11px;
  line-height: 1.81818
}

.home_index_item p:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 1px;
  margin-left: -12px;
  background-color: #ff5000;
  content: ""
}

.en .home_index_item {
  width: 25%
}

.home_search {
  margin-top: 100px
}

@media only screen and (max-width:767px) {
  .home_search {
    margin-top: 0
  }
}

.home_search h2 {
  font-size: 28px;
  text-align: center
}

@media only screen and (max-width:767px) {
  .home_search h2 {
    position: relative;
    padding-left: 32px;
    font-size: 26px;
    text-align: left
  }
  .home_search h2:before {
    display: block;
    position: absolute;
    top: 24px;
    left: 0;
    width: 16px;
    height: 2px;
    background-color: #ff5000;
    content: ""
  }
}

.home_search_label {
  margin-top: 30px;
  font-size: 14px;
  text-align: center
}

@media only screen and (max-width:767px) {
  .home_search_label {
    margin-top: 10px;
    font-size: 20px;
    text-align: left
  }
}

.home_search_wrapper {
  position: relative;
  margin-top: 15px
}

.home_search_text {
  margin-right: 165px
}

@media only screen and (max-width:767px) {
  .home_search_text {
    margin-right: 0
  }
}

.home_search_text [type=text] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  padding-right: 20px;
  padding-left: 20px;
  border: 1px solid #ff5000;
  font-size: 24px
}

@media only screen and (max-width:767px) {
  .home_search_text [type=text] {
    height: 50px;
    padding-right: 48px;
    padding-left: 16px;
    font-size: 16px
  }
}

.home_search_button {
  display: block;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  height: 80px;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  font-size: 24px
}

@media only screen and (min-width:768px) {
  .home_search_button {
    transition: background-color .3s ease, color .3s ease
  }
  .home_search_button:active, .home_search_button:focus, .home_search_button:hover {
    background-color: #fff;
    color: #000
  }
}

@media only screen and (max-width:767px) {
  .home_search_button {
    right: 10px;
    width: auto;
    height: 50px;
    border: none;
    background-color: transparent;
    color: #ff5000
  }
}

.home_shape h3 {
  margin-top: 60px;
  font-size: 14px;
  text-align: center
}

@media only screen and (max-width:767px) {
  .home_shape h3 {
    font-size: 20px;
    text-align: left
  }
}

.home_shape_list {
  margin-right: -10px;
  margin-left: -10px;
  overflow: hidden
}

@media only screen and (max-width:767px) {
  .home_shape_list {
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    border-top: 1px solid #ff5000
  }
}

.home_shape_item {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
  margin-top: 20px;
  padding-right: 10px;
  padding-left: 10px
}

@media only screen and (max-width:767px) {
  .home_shape_item {
    float: none;
    width: auto;
    margin-top: 0;
    padding-right: 0;
    padding-left: 0
  }
}

.home_shape_item:nth-child(3n+1) {
  clear: left
}

.home_shape_item a {
  display: table;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  border: 1px solid #ff5000;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 140px auto;
  color: #000;
  font-size: 18px;
  line-height: 1.33333;
  text-decoration: none
}

@media only screen and (min-width:768px) {
  .home_shape_item a {
    transition: background-color .3s ease, color .3s ease
  }
  .home_shape_item a:active, .home_shape_item a:focus, .home_shape_item a:hover {
    background-color: #ff5000;
    color: #fff
  }
}

@media only screen and (max-width:767px) {
  .home_shape_item a {
    border-top: none;
    font-size: 16px
  }
}

.home_shape_item span {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle
}

.home_shape_item_01 a {
  background-image: url(/common/img/square_1.png)
}

.home_shape_item_02 a {
  background-image: url(/common/img/ball_1.png)
}

.home_shape_item_03 a {
  background-image: url(/common/img/radius_1.png)
}

.home_shape_item_04 a {
  background-image: url(/common/img/taper_1.png)
}

.home_shape_item_05 a {
  background-image: url(/common/img/taperball_1.png)
}

.home_shape_item_06 a {
  background-image: url(/common/img/taperradius_1.png)
}

.home_shape_item_07 a {
  background-image: url(/common/img/drill_1.png)
}

.home_shape_item_08 a {
  background-image: url(/common/img/thread_1.png)
}

.home_shape_item_09 a {
  background-image: url(/common/img/chamfer_1.png)
}

@media only screen and (min-width:768px) {
  .home_shape_more {
    margin-top: 20px;
    text-align: right
  }
  .home_shape_more a {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #555;
    font-size: 12px;
    text-decoration: none
  }
  .home_shape_more a:active, .home_shape_more a:focus, .home_shape_more a:hover {
    text-decoration: underline
  }
  .home_shape_more .ti-arrow-circle-right {
    position: absolute;
    top: 6px;
    left: 0;
    color: #ff5000;
    font-size: 14px
  }
}

@media only screen and (max-width:767px) {
  .home_shape_more {
    margin-top: 40px;
    text-align: center
  }
}

.home_info {
  //margin-top: 160px
}

@media only screen and (min-width:768px) {
  .home_info .row {
    margin-right: -30px;
    margin-left: -30px
  }
  .home_info [class^=col-] {
    padding-right: 30px;
    padding-left: 30px
  }
}

@media only screen and (max-width:767px) {
  .home_info {
    margin-top: 100px
  }
}

.home_info_item {
  margin-top: 32px;
}

.home_info_ir .home_info_item {
  display: flex;
  position: relative;
  box-sizing: border-box;
  min-height: 72px;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 40px;
  padding-left: 16px;
  border: 1px solid #b5b6b6;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}

.home_info_ir .home_info_item:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  content: ""
}

@media only screen and (max-width:767px) {
  .home_info_item+.home_info_item {
    margin-top: 16px;
    padding-top: 32px;
    border-top: 1px dotted #555
  }
}

.home_info_item a {
  display: block;
  color: #000;
  text-decoration: none;
  overflow: hidden;
  transition: opacity .3s ease
}

@media only screen and (min-width:768px) {
  .home_info_item a:active, .home_info_item a:focus, .home_info_item a:hover {
    opacity: .6
  }
}

.home_info_meta {
  float: left;
  width: 90px
}

@media only screen and (max-width:767px) {
  .home_info_meta {
    float: none;
    width: auto
  }
}

@media only screen and (max-width:767px) {
  .home_info_category, .home_info_time {
    display: inline-block
  }
}

.home_info_category {
  width: 75px;
  //border: 1px solid #b5b6b6;
  border: 1px solid #ff5000;
  font-size: 10px;
  text-align: center;
  line-height: 20px;
  color: #ff5000;
}

@media only screen and (max-width:767px) {
  .home_info_category {
    width: auto;
    margin-right: 5px;
    border: none;
    color: #ff5000;
    font-size: 14px;
    line-height: 1.2
  }
}

.home_info_time {
  font-size: 12px
}

@media only screen and (max-width:767px) {
  .home_info_time {
    line-height: 1.2
  }
}

.home_info_title {
  overflow: hidden;
  line-height: 1.5
}

@media only screen and (min-width:768px) {
  .home_info_ir .home_info_title {
    //font-size: 12px
  }
}

@media only screen and (max-width:767px) {
  .home_info_title {
    margin-top: 5px;
    //font-size: 20px
  }
  .home_info_title .pdf {
    color: #13b7cf
  }
}

@media only screen and (min-width:768px) {
  .home_info_ir .home_info_overview {
    font-size: 12px
  }
}

@media only screen and (max-width:767px) {
  .home_info_overview {
    margin-top: 10px;
    color: #555
  }
  .home_info_button {
    margin-top: 16px;
    text-align: center
  }
  .home_info_ir {
    margin-top: 100px
  }
}

@media only screen and (min-width:768px) {
  .home_info_more {
    margin-top: 20px;
    text-align: right
  }
  .home_info_more a {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #555;
    font-size: 12px;
    text-decoration: none
  }
  .home_info_more a:active, .home_info_more a:focus, .home_info_more a:hover {
    text-decoration: underline
  }
  .home_info_more .ti-arrow-circle-right {
    position: absolute;
    top: 6px;
    left: 0;
    color: #ff5000;
    font-size: 14px
  }
}

@media only screen and (max-width:767px) {
  .home_info_more {
    margin-top: 40px;
    text-align: center
  }
}

.home_action {
  margin-top: 150px
}

@media only screen and (max-width:767px) {
  .home_action {
    margin-top: 100px
  }
}

.home_action a {
  display: block;
  width: 520px;
  height: 120px;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #ff5000;
  background-color: #ff5000;
  color: #fff;
  font-size: 24px;
  line-height: 120px;
  text-align: center;
  text-decoration: none
}

@media only screen and (min-width:768px) {
  .home_action a {
    transition: background-color .3s ease, color .3s ease
  }
  .home_action a:active, .home_action a:focus, .home_action a:hover {
    background-color: #fff;
    color: #ff5000
  }
}

@media only screen and (max-width:767px) {
  .home_action a {
    width: auto
  }
}

.home_banner_fct {
  margin-top: 60px
}

@media only screen and (max-width:767px) {
  .home_banner_fct {
    margin-top: 80px
  }
}

.home_banner {
  margin-top: 60px
}

@media only screen and (max-width:767px) {
  .home_banner {
    margin-top: 0
  }
}

.home_banner ul {
  margin-right: -10px;
  margin-left: -10px;
  overflow: hidden
}

@media only screen and (max-width:767px) {
  .home_banner ul {
    margin-right: 0;
    margin-left: 0
  }
}

.home_banner li {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
  margin-top: 20px;
  padding-right: 10px;
  padding-left: 10px
}

@media only screen and (max-width:767px) {
  .home_banner li {
    float: none;
    width: auto;
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0
  }
}

.home_banner a {
  display: block
}

@media only screen and (min-width:768px) {
  .home_banner a {
    transition: opacity .3s ease
  }
  .home_banner a:active, .home_banner a:focus, .home_banner a:hover {
    opacity: .6
  }
}

.home_banner img {
  border: 1px solid #727171
}

.brand_backto {
  position: relative;
  max-width: 1060px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 64px;
  font-size: 14px
}

.brand_backto.is-under {
  padding-bottom: 0
}

.brand_backto.is-under:after {
  display: none
}

.brand_backto:after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 32px;
  background: url(/ja/ns_tool/img/logo_01.png) 0 0 no-repeat;
  content: ""
}

.brand_backto a {
  position: relative;
  padding-left: 15px;
  color: #000;
  text-decoration: none
}

.brand_backto a:active, .brand_backto a:focus, .brand_backto a:hover {
  text-decoration: underline
}

.brand_backto a:before {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(225deg);
  content: ""
}

.brand_intro {
  padding-top: 500px
}

@media only screen and (max-width:767px) {
  .brand_intro {
    padding-top: 240px
  }
}

.brand_intro, .brand_section_01 .brand_section_content {
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px
}

.brand_intro_header {
  position: relative;
  padding-bottom: 36px
}

.brand_intro_statement {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px
}

@media only screen and (max-width:767px) {
  .brand_intro_h1 {
    width: 78.47222222%
  }
  .brand_intro_h1 img {
    width: 100%;
    height: auto
  }
}

.brand_intro_body {
  margin-top: 36px;
  font-size: 18px;
  line-height: 2.55556
}

@media only screen and (max-width:767px) {
  .brand_intro_body {
    margin-top: 30px;
    font-size: 16px;
    line-height: 2.25
  }
  .brand_intro_body p+p {
    margin-top: 16px
  }
}

.brand_section_nav li:nth-child(1) {
  margin-top: 0
}

@media only screen and (min-width:768px) {
  .brand_section_nav li:nth-child(1) a {
    background-image: url(/ja/ns_tool/img/nav_01.jpg)
  }
}

@media only screen and (max-width:767px) {
  .brand_section_nav li:nth-child(1) a {
    background-image: url(/ja/ns_tool/img/nav_01_sp.jpg)
  }
}

@media only screen and (min-width:768px) {
  .brand_section_nav li:nth-child(2) a {
    background-image: url(/ja/ns_tool/img/nav_02.jpg)
  }
}

@media only screen and (max-width:767px) {
  .brand_section_nav li:nth-child(2) a {
    background-image: url(/ja/ns_tool/img/nav_02_sp.jpg)
  }
}

@media only screen and (min-width:768px) {
  .brand_section_nav li:nth-child(3) a {
    background-image: url(/ja/ns_tool/img/nav_03.jpg)
  }
}

@media only screen and (max-width:767px) {
  .brand_section_nav li:nth-child(3) a {
    background-image: url(/ja/ns_tool/img/nav_03_sp.jpg)
  }
}

@media only screen and (min-width:768px) {
  .brand_section_nav li:nth-child(4) a {
    background-image: url(/ja/ns_tool/img/nav_04.jpg)
  }
}

@media only screen and (max-width:767px) {
  .brand_section_nav li:nth-child(4) a {
    background-image: url(/ja/ns_tool/img/nav_04_sp.jpg)
  }
}

@media only screen and (min-width:768px) {
  .brand_section_nav li:nth-child(5) a {
    background-image: url(/ja/ns_tool/img/nav_05.jpg)
  }
}

@media only screen and (max-width:767px) {
  .brand_section_nav li:nth-child(5) a {
    background-image: url(/ja/ns_tool/img/nav_05_sp.jpg)
  }
}

@media only screen and (min-width:768px) {
  .brand_section_nav li:nth-child(6) a {
    background-image: url(/ja/ns_tool/img/nav_06.jpg)
  }
}

@media only screen and (max-width:767px) {
  .brand_section_nav li:nth-child(6) a {
    background-image: url(/ja/ns_tool/img/nav_06_sp.jpg)
  }
}

@media only screen and (min-width:768px) {
  .brand_section_nav li:nth-child(7) a {
    background-image: url(/ja/ns_tool/img/nav_07.jpg)
  }
}

@media only screen and (max-width:767px) {
  .brand_section_nav li:nth-child(7) a {
    background-image: url(/ja/ns_tool/img/nav_07_sp.jpg)
  }
}

@media only screen and (min-width:768px) {
  .brand_section_nav li:nth-child(8) a {
    background-image: url(/ja/ns_tool/img/nav_08.jpg)
  }
}

@media only screen and (max-width:767px) {
  .brand_section_nav li:nth-child(8) a {
    background-image: url(/ja/ns_tool/img/nav_08_sp.jpg)
  }
}

@media only screen and (min-width:768px) {
  .brand_section_nav li:nth-child(9) a {
    background-image: url(/ja/ns_tool/img/nav_09.jpg)
  }
}

@media only screen and (max-width:767px) {
  .brand_section_nav li:nth-child(9) a {
    background-image: url(/ja/ns_tool/img/nav_09_sp.jpg)
  }
}

.brand_section_nav a {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 13.20754717%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: 105%;
  white-space: nowrap;
  overflow: hidden
}

@media only screen and (max-width:767px) {
  .brand_section_nav a {
    padding-bottom: 23.33333333%
  }
}

.brand_section_01 {
  position: relative;
  margin-top: 280px
}

@media only screen and (max-width:767px) {
  .brand_section_01 {
    margin-top: 120px
  }
}

.brand_section_01 .brand_section_header {
  position: relative;
  padding-top: 50px
}

@media only screen and (max-width:767px) {
  .brand_section_01 .brand_section_header {
    padding-top: 36px
  }
}

.brand_section_01 .brand_section_tagline {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px
}

@media only screen and (max-width:767px) {
  .brand_section_01 .brand_section_h2 {
    width: 84.72222222%
  }
  .brand_section_01 .brand_section_h2 img {
    width: 100%;
    height: auto
  }
}

.brand_section_01 .brand_section_body {
  margin-top: 52px;
  padding-right: 39%;
  line-height: 1.875
}

@media only screen and (max-width:767px) {
  .brand_section_01 .brand_section_body {
    margin-top: 40px;
    padding-right: 0;
    line-height: 2.25
  }
}

.brand_section_01 .brand_section_body p+p {
  margin-top: 32px
}

@media only screen and (max-width:767px) {
  .brand_section_01 .brand_section_body p+p {
    margin-top: 28px
  }
}

.brand_section_01 .brand_section_body .note {
  margin-top: 20px;
  font-size: 10px
}

.brand_section_01 .brand_section_nav {
  position: absolute;
  top: 50px;
  right: 0;
  width: 36.80555556%;
  max-width: 530px
}

@media only screen and (max-width:767px) {
  .brand_section_01 .brand_section_nav {
    position: static;
    width: auto;
    max-width: none;
    margin-top: 40px;
    margin-left: 20px
  }
}

.brand_section_01 .brand_section_nav li {
  margin-top: 10px
}

@media only screen and (min-width:768px) {
  .brand_section_01 .brand_section_nav a {
    transition: opacity .3s ease
  }
  .brand_section_01 .brand_section_nav a:active, .brand_section_01 .brand_section_nav a:focus, .brand_section_01 .brand_section_nav a:hover {
    opacity: .6
  }
}

.brand_section_02 {
  margin-top: 230px;
  text-align: center
}

@media only screen and (max-width:767px) {
  .brand_section_02 {
    margin-top: 120px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: left
  }
  .brand_section_02 .brand_section_h2 img {
    max-width: 100%;
    height: auto
  }
}

.brand_section_02 .brand_section_body {
  margin-top: 50px;
  font-size: 18px;
  line-height: 2.11111
}

@media only screen and (max-width:767px) {
  .brand_section_02 .brand_section_body {
    margin-top: 40px;
    font-size: 16px;
    line-height: 2.25
  }
}

.brand_section_02 .brand_section_body p+p {
  margin-top: 36px
}

.brand_movie {
  margin-top: 120px
}

@media only screen and (max-width:767px) {
  .brand_movie {
    margin-top: 40px
  }
}

.brand_movie_wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%
}

.brand_movie_wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%
}

.brand_footer {
  margin-top: 280px;
  padding-bottom: 130px;
  text-align: center
}

@media only screen and (max-width:767px) {
  .brand_footer {
    margin-top: 140px;
    padding-bottom: 0
  }
  .brand_footer img {
    width: 240px;
    height: 27px
  }
}

.brand_concept .brand_section_nav {
  position: absolute;
  top: 236px;
  right: 0;
  width: 530px
}

@media only screen and (max-width:767px) {
  .brand_concept .brand_section_nav {
    position: static;
    width: auto;
    margin-top: 80px;
    margin-left: 20px
  }
}

.brand_concept .brand_section_nav li {
  transform: translateX(480px)
}

@media only screen and (min-width:768px) {
  .brand_concept .brand_section_nav li {
    transition: transform .3s cubic-bezier(.84, .02, .01, 1)
  }
  .brand_concept .brand_section_nav li:active, .brand_concept .brand_section_nav li:focus, .brand_concept .brand_section_nav li:hover {
    transform: translateX(0)
  }
}

@media only screen and (max-width:767px) {
  .brand_concept .brand_section_nav li {
    transform: translateX(0)
  }
}

.brand_concept .brand_section_nav li+li {
  margin-top: 10px
}

.brand_concept .brand_section_nav .is-current {
  transition: none
}

.brand_concept .brand_section_nav .is-current:active, .brand_concept .brand_section_nav .is-current:focus, .brand_concept .brand_section_nav .is-current:hover {
  transform: translateX(480px)
}

.brand_concept .brand_section_nav .is-current a {
  opacity: .3;
  pointer-events: none
}

.brand_concept_backto, .brand_concept_inner {
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px
}

.brand_concept_backto {
  padding-top: 50px;
  text-align: right
}

@media only screen and (max-width:767px) {
  .brand_concept_backto {
    padding-top: 30px
  }
}

.brand_concept_backto a {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px
}

@media only screen and (min-width:768px) {
  .brand_concept_backto a {
    transition: transform .3s ease
  }
  .brand_concept_backto a:active, .brand_concept_backto a:focus, .brand_concept_backto a:hover {
    transform: rotate(180deg)
  }
}

@media only screen and (max-width:767px) {
  .brand_concept_backto a {
    width: 30px;
    height: 30px
  }
}

.brand_concept_backto a:after, .brand_concept_backto a:before {
  display: block;
  position: absolute;
  top: 21px;
  left: -7px;
  width: 58px;
  height: 2px;
  background-color: #000;
  content: ""
}

@media only screen and (max-width:767px) {
  .brand_concept_backto a:after, .brand_concept_backto a:before {
    width: 40px;
    top: 14px;
    left: -5px
  }
}

.brand_concept_backto a:before {
  transform: rotate(45deg)
}

.brand_concept_backto a:after {
  transform: rotate(-45deg)
}

.brand_concept_backto span {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden
}

.brand_concept_inner {
  box-sizing: border-box;
  padding-right: 100px
}

@media only screen and (max-width:767px) {
  .brand_concept_inner {
    padding-right: 16px
  }
}

.brand_concept_tagline {
  margin-top: 92px;
  font-size: 10px
}

@media only screen and (max-width:767px) {
  .brand_concept_tagline {
    margin-top: 56px
  }
}

.brand_concept_number {
  margin-top: 15px;
  font-size: 18px
}

.brand_concept_image {
  float: left;
  width: 66.03773585%;
  margin-top: 35px
}

@media only screen and (max-width:767px) {
  .brand_concept_image {
    float: none;
    width: auto;
    margin-top: 42px
  }
}

.brand_concept_image img {
  width: 100%;
  height: auto
}

@media only screen and (min-width:768px) {
  .brand_concept_lead {
    margin-top: 35px;
    margin-left: 69.24528302%
  }
  .brand_concept_lead span {
    display: block;
    position: relative;
    height: 0
  }
  .brand_concept_01 .brand_concept_lead span {
    width: 94.30379747%;
    padding-bottom: 113.75838926%
  }
  .brand_concept_02 .brand_concept_lead span {
    width: 92.08860759%;
    padding-bottom: 116.49484536%
  }
  .brand_concept_03 .brand_concept_lead span {
    width: 76.58227848%;
    padding-bottom: 107.082645%
  }
  .brand_concept_04 .brand_concept_lead span {
    width: 84.81012658%;
    padding-bottom: 112.492537%
  }
  .brand_concept_05 .brand_concept_lead span {
    width: 91.7721519%;
    padding-bottom: 103.10344828%
  }
  .brand_concept_06 .brand_concept_lead span {
    width: 80.37974684%;
    padding-bottom: 107.464567%
  }
  .brand_concept_07 .brand_concept_lead span {
    width: 80.06329114%;
    padding-bottom: 119.802372%
  }
  .brand_concept_08 .brand_concept_lead span {
    width: 87.34177215%;
    padding-bottom: 94.30379747%
  }
  .brand_concept_09 .brand_concept_lead span {
    width: 72.78481013%;
    padding-bottom: 94.62025316%
  }
  .brand_concept_lead img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

@media only screen and (max-width:767px) {
  .brand_concept_lead {
    margin-top: 24px
  }
  .brand_concept_lead img {
    max-width: 100%
  }
}

.brand_concept_title {
  clear: left;
  padding-top: 130px;
  line-height: 1
}

.brand_concept_container {
  position: relative;
  margin-top: 116px
}

@media only screen and (max-width:767px) {
  .brand_concept_container {
    margin-top: 70px
  }
}

.brand_concept_content {
  width: 66.03773585%;
  box-sizing: border-box;
  margin-top: 100px;
  margin-left: auto;
  line-height: 2.375
}

@media only screen and (max-width:767px) {
  .brand_concept_content {
    width: auto;
    margin-top: 100px;
    margin-left: 0;
    padding-right: 0
  }
}

#logo {
  position: absolute;
  width: 100%;
  height: 1200px;
  z-index: -1;
  overflow: hidden
}

#logo.divided canvas {
  transition-delay: 1s;
  transition-duration: 1.6s;
  transform: translateY(0)
}

#logo.nowebgl:before {
  width: 600px;
  height: 60px;
  background-color: #eb6100;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  top: 300px
}

#logo:after {
  height: 500px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 50%, #fff 100%);
  content: ''
}

#logo canvas {
  transition: transform 3s cubic-bezier(.445, .05, .55, .95) 6s;
  position: absolute;
  transform: translateY(-20%)
}

@media only screen and (max-width:767px) {
  #logo {
    height: 600px
  }
  #logo.nowebgl:before {
    width: 250px;
    height: 25px;
    top: 170px
  }
  #logo:after {
    height: 200px
  }
}

.cart_total {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  border-bottom: 1px solid #b5b6b6;
  font-size: 0;
  font-weight: 700;
  text-align: right
}

@media only screen and (max-width:767px) {
  .cart_total {
    padding-right: 0;
    border-top: 1px solid #b5b6b6;
    border-bottom: none
  }
}

@media only screen and (max-width:767px) and (max-width:767px) {
  .cart_total.is_top {
    margin-top: 32px
  }
}

.cart_button, .cart_total_price, .cart_total_title {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle
}

@media only screen and (max-width:767px) {
  .cart_button, .cart_total_price, .cart_total_title {
    display: block
  }
}

.cart_total_title {
  margin-right: 62px
}

@media only screen and (max-width:767px) {
  .cart_total_title {
    float: left;
    margin-right: 0;
    padding-top: 4px
  }
}

.cart_total_price {
  margin-right: 32px
}

@media only screen and (max-width:767px) {
  .cart_total_price {
    margin-right: 0
  }
}

.cart_total_price .number {
  margin-right: 16px;
  color: #ff5000;
  font-size: 20px
}

@media only screen and (max-width:767px) {
  .cart_button {
    margin-top: 16px;
    padding-top: 8px;
    border-top: 1px solid #b5b6b6
  }
}

.cart_button_empty {
  margin-top: 32px
}

@media only screen and (max-width:767px) {
  .cart_button_empty {
    margin-top: 16px
  }
}

.cart_button_empty a {
  margin-right: auto;
  margin-left: auto
}

.cart_dealer_user_box {
  margin-top: 32px
}

.cart_dealer_user_buttons {
  margin-top: 64px
}

.products_illust_box {
  margin-top: 32px;
  margin-right: 95px;
  margin-left: 95px
}

@media only screen and (max-width:767px) {
  .products_illust_box {
    margin-right: 0;
    margin-left: 0
  }
}

.product_end_mill_table {
  margin-top: 32px
}

.product_original_coating_table {
  margin-top: 32px
}

.products_catalog_row {
  margin-top: 32px;
  margin-right: -10px;
  margin-left: -10px
}

.products_catalog_row [class^=col-] {
  padding-right: 10px;
  padding-left: 10px
}

@media only screen and (max-width:767px) {
  .products_catalog_nav {
    margin-top: 25px;
    margin-right: 18px;
    margin-left: 18px
  }
}

.products_catalog_nav li+li {
  margin-top: 16px
}

.products_catalog_nav a {
  display: flex;
  height: 80px;
  align-items: center;
  position: relative;
  padding-right: 16px;
  padding-left: 46px;
  border: 1px solid #000;
  color: #000;
  font-weight: 700;
  vertical-align: middle;
  text-decoration: none;
  transition: background-color .3s ease, color .3s ease
}

.products_catalog_nav a:active, .products_catalog_nav a:focus, .products_catalog_nav a:hover {
  background-color: #000;
  color: #fff
}

.products_catalog_nav [aria-hidden=true] {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -10px;
  font-size: 20px;
  font-weight: 400
}

.products_list_item {
  border: 1px solid #e5e5e5
}

.products_list_item+.products_list_item {
  border-top: none
}

.products_list_item_wrapper {
  display: table;
  width: 100%
}

@media only screen and (max-width:767px) {
  .products_list_item_wrapper {
    display: block
  }
}

a.products_list_item_wrapper {
  color: #000;
  text-decoration: none;
  transition: background-color .3s ease
}

a.products_list_item_wrapper:active, a.products_list_item_wrapper:focus, a.products_list_item_wrapper:hover {
  background-color: #e5e5e5;
  opacity: .7
}

.products_list_body, .products_list_image {
  display: table-cell;
  padding-top: 48px;
  padding-bottom: 48px;
  vertical-align: middle
}

@media only screen and (max-width:767px) {
  .products_list_body, .products_list_image {
    display: block
  }
}

.products_list_image {
  position: relative;
  width: 35%;
  background-color: #fff
}

@media only screen and (max-width:767px) {
  .products_list_image {
    width: auto
  }
}

.products_list_image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 80%;
  max-height: 80%
}

@media only screen and (max-width:767px) {
  .products_list_image img {
    max-width: 90%;
    max-height: 90%
  }
}

.products_list_body {
  padding-left: 30px;
  padding-right: 30px
}

@media only screen and (max-width:767px) {
  .products_list_body {
    padding-top: 0;
    padding-right: 16px;
    padding-left: 16px
  }
}

.products_list_model_number {
  color: #ff5000;
  font-weight: 700
}

.products_list_title {
  margin-top: 16px;
  font-size: 16px
}

.products_list_new {
  margin-left: 8px
}

.products_list_icons {
  margin-top: 16px
}

.products_list_info {
  margin-top: 16px;
  color: #555;
  font-size: 0
}

.products_list_info dd, .products_list_info dt {
  display: inline-block;
  font-size: 16px
}

@media only screen and (max-width:767px) {
  .products_list_info dd, .products_list_info dt {
    display: block;
    margin-top: 8px
  }
}

@media only screen and (max-width:767px) {
  .products_list_info dt {
    float: left;
    clear: left
  }
  .products_list_info dt:first-child {
    margin-top: 0
  }
}

.products_list_info dd+dt {
  margin-left: 64px
}

@media only screen and (max-width:767px) {
  .products_list_info dd+dt {
    margin-left: 0
  }
}

.products_list_info b {
  margin-right: 10px
}

.products_list_info [type=number] {
  min-width: 1em;
  max-width: 3em
}

.products_list_buttons {
  margin-top: 24px
}

.product_detail_material table td, .product_detail_material table th {
  font-size: 80%
}

.search_wrapper {
  margin-top: 32px
}

.search {
  //padding: 45px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 45px;
  background-color: #fff
}

@media only screen and (max-width:767px) {
  .search {
    padding: 32px 16px
  }
}

.search.is_inner {
  margin-top: 32px;
  border: 1px solid #e5e5e5
}

.search_title {
  color: #555
}

.search_category+.search_category {
  margin-top: 66px
}

.search_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  margin-left: 12px
}

@media only screen and (max-width:767px) {
  .search_list {
    display: block
  }
}

.search_list.is_single {
  margin-top: 16px;
  margin-left: 0
}

.search_list.is_inner {
  margin: 0
}

@media only screen and (min-width:768px) {
  .search_list.is_inner {
    margin-top: -8px
  }
}

@media only screen and (max-width:767px) {
  .search_list.is_inner {
    margin-top: -16px
  }
}

.search_list.is_column2 li {
  width: 50%
}

@media only screen and (max-width:767px) {
  .search_list.is_column2 li {
    width: auto
  }
}

.search_list.is_column3 li {
  width: 33.3333%
}

@media only screen and (max-width:767px) {
  .search_list.is_column3 li {
    width: auto
  }
}

.search_list.is_column4 li {
  width: 25%
}

@media only screen and (max-width:767px) {
  .search_list.is_column4 li {
    width: auto
  }
}

.search_list li {
  box-sizing: border-box;
  margin-top: 8px;
  padding: 0 10px
}

@media only screen and (max-width:767px) {
  .search_list li {
    float: none;
    width: auto;
    margin-top: 16px;
    padding: 0
  }
}

.search_buttons {
  margin-top: 64px
}

.search_second_buttons {
  margin-top: 20px
}

.search_keyword {
  position: relative;
  padding: 45px 100px;
  font-size: 20px
}

@media only screen and (max-width:767px) {
  .search_keyword {
    padding: 14px 0
  }
}

.search_keyword [type=text] {
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding-right: 60px;
  border: none;
  border-bottom: 1px solid #ff5000
}

@media only screen and (max-width:767px) {
  .search_keyword [type=text] {
    padding-right: 46px
  }
}

.search_keyword .search_keyword_button {
  position: absolute;
  top: 45px;
  right: 100px;
  border: none;
  background: 0 0;
  color: #ff5000;
  font-size: 32px
}

@media only screen and (max-width:767px) {
  .search_keyword .search_keyword_button {
    top: 16px;
    right: 0
  }
}

.search_size [type=number] {
  box-sizing: border-box;
  width: 80px
}

@media only screen and (max-width:767px) {
  .search_size [type=number] {
    width: 50px
  }
}

.search_terms {
  margin-top: 32px
}

.search_terms.is_contract {
  margin-top: 16px
}

.search_terms .search_terms_title {
  font-size: 20px
}

@media only screen and (min-width:768px) {
  .search_terms .search_terms_text, .search_terms .search_terms_title {
    display: inline-block;
    vertical-align: middle
  }
  .search_terms .search_terms_title {
    margin-right: 28px
  }
}

.search_terms .search_terms_buttons {
  margin-top: 24px
}

.search_result {
  margin-top: 17px
}

.search_re a {
  display: block;
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1px solid #b5b6b6;
  border-top: none;
  color: #000;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s ease, color .3s ease
}

.search_re a.is_open .is_close {
  display: none
}

.search_re a.is_open .is_open {
  display: block !important
}

.search_re a.is_open:after {
  margin-top: -2px;
  transform: rotate(315deg)
}

.search_re a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 32px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
  content: "";
  transition: border-color .3s ease, transform .3s ease
}

.search_re a:active, .search_re a:focus, .search_re a:hover {
  background-color: #b5b6b6;
  color: #fff
}

.search_re a:active:after, .search_re a:focus:after, .search_re a:hover:after {
  border-color: #fff
}

.product_detail {
  margin-top: 32px
}

.product_detail_image_main {
  position: relative;
  height: 0;
  padding-bottom: 91.1764%;
  border: 1px solid #b5b6b6;
  cursor: pointer
}

@media only screen and (max-width:767px) {
  .product_detail_image_main {
    cursor: default
  }
}

.product_detail_image_main img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 90%;
  max-height: 90%
}

.product_detail_image_main .ti-zoom-in {
  position: absolute;
  right: 16px;
  bottom: 16px;
  color: #b5b6b6;
  font-size: 20px;
  font-weight: 700
}

@media only screen and (max-width:767px) {
  .product_detail_image_main .ti-zoom-in {
    display: none
  }
}

.product_detail_image_thumbs {
  margin-top: 10px;
  margin-right: -3px;
  margin-left: -3px;
  font-size: 0
}

.product_detail_image_thumb {
  float: left;
  width: 25%;
  padding-right: 3px;
  padding-left: 3px;
  cursor: pointer
}

.product_detail_image_thumb.is_current span {
  border-color: #ff5000
}

.product_detail_image_thumb span {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 91.25%;
  border: 1px solid rgba(181, 182, 182, .8)
}

.product_detail_image_thumb img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 80%;
  max-height: 80%
}

.product_detail_info {
  margin-top: -4px;
  color: #555
}

@media only screen and (max-width:767px) {
  .product_detail_info {
    margin-top: 32px
  }
}

.product_detail_material_buttons {
  margin-top: 24px
}

.product_detail_material_text {
  margin-top: 16px;
  color: #555;
  text-align: center
}

.product_detail_lineup {
  margin-top: 96px
}

@media only screen and (max-width:767px) {
  .product_detail_lineup {
    margin-top: 74px
  }
}

.product_detail_lineup_buttons {
  margin-top: 56px
}

@media only screen and (max-width:767px) {
  .product_detail_lineup_buttons {
    margin-top: 32px
  }
}

.map_box {
  margin-top: 32px;
  color: #555
}

.map_box .row {
  margin-right: -10px;
  margin-left: -10px
}

.map_box [class^=col-] {
  padding-right: 10px;
  padding-left: 10px
}

.map_box .map_box_zoom {
  margin-top: 12px;
  text-align: center
}

.map_box .map_box_zoom a {
  display: inline-block;
  color: #555;
  text-decoration: none
}

.map_box .map_box_zoom a:active, .map_box .map_box_zoom a:focus, .map_box .map_box_zoom a:hover {
  text-decoration: underline
}

@media only screen and (max-width:767px) {
  .map_box .map_box_body {
    margin-top: 32px
  }
}

.map_box .map_box_body p+p {
  margin-top: 32px
}

@media only screen and (min-width:768px) {
  .map_box .map_box_body .sp+p {
    margin-top: 0
  }
}

.map_box .map_box_application {
  text-align: center
}

.qa_item {
  margin-top: 36px
}

.qa_answer, .qa_question {
  position: relative;
  padding-left: 28px
}

.qa_answer:before, .qa_question:before {
  display: block;
  position: absolute;
  left: 0;
  font-size: 20px
}

.qa_question {
  color: #ff5000;
  font-size: 20px
}

.qa_question:before {
  top: 0;
  content: "Q"
}

.qa_answer {
  margin-top: 24px;
  color: #555
}

.qa_answer:before {
  top: -3px;
  content: "A"
}

.contact_section {
  margin-top: 64px
}

.contact_buttons {
  margin-top: 56px
}

.contact_box, .contact_message {
  //margin-top: 32px
}

.contact_message {
  box-sizing: border-box;
  height: 335px;
  overflow: auto
}

@media only screen and (max-width:767px) {
  .contact_message {
    height: 687px
  }
}

.sitemap a {
  display: block;
  color: #555;
  text-decoration: none
}

.sitemap a:active, .sitemap a:focus, .sitemap a:hover {
  text-decoration: underline
}

.sitemap_lv01>li {
  margin-top: 64px
}

.sitemap_lv01>li>span {
  padding-left: 25px
}

.sitemap_lv02 {
  box-sizing: border-box;
  margin-right: -30px;
  margin-left: 0
}

.sitemap_lv02>li {
  box-sizing: border-box;
  margin-top: 32px;
  padding-right: 30px;
  padding-left: 30px
}

@media only screen and (min-width:768px) {
  .sitemap_lv02>li:nth-child(3n+1) {
    clear: left
  }
}

.sitemap_lv02>li>a {
  position: relative;
  padding-left: 14px
}

.sitemap_lv02>li>a:after {
  display: block;
  position: absolute;
  top: 8px;
  left: -3px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  transform: rotate(45deg);
  content: ""
}

.sitemap_lv03 {
  margin-left: 14px
}

.sitemap_lv03>li {
  margin-top: 16px
}

.sitemap_lv03>li>a {
  position: relative;
  padding-left: 14px;
  font-size: 12px
}

.sitemap_lv03>li>a:before {
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  border-top: 1px solid #555;
  content: ""
}

.sitemap_lv03_wrapper {
  margin-right: -30px;
  margin-left: -30px
}

.sitemap_lv03_wrapper [class^=col-] {
  padding-right: 30px;
  padding-left: 30px
}

.gallery {
  margin-top: 16px
}

.gallery .gallery_item {
  margin-top: 16px
}

.gallery .gallery_item .gallery_image a {
  display: block
}

@media only screen and (min-width:768px) {
  .gallery .gallery_item .gallery_image a {
    transition: opacity .3s ease
  }
  .gallery .gallery_item .gallery_image a:active, .gallery .gallery_item .gallery_image a:focus, .gallery .gallery_item .gallery_image a:hover {
    opacity: .6
  }
}

.gallery .gallery_item .gallery_image img {
  width: 100%
}

.gallery .gallery_item .gallery_text {
  margin-top: 16px
}

.gallery .gallery_item .gallery_text_sub {
  margin-top: 8px;
  font-size: 12px
}

.modal_caption {
  text-align: left;
  font-size: 12px
}

.branding_banner {
  margin-top: 60px
}

@media only screen and (max-width:767px) {
  .branding_banner {
    margin-top: 20px
  }
}

.index .branding_banner {
  margin-top: 0
}

.branding_banner ul {
  margin-right: -10px;
  margin-left: -10px;
  overflow: hidden
}

@media only screen and (max-width:767px) {
  .branding_banner ul {
    margin-right: 0;
    margin-left: 0
  }
}

.branding_banner li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin-top: 20px;
  padding-right: 10px;
  padding-left: 10px
}

@media only screen and (max-width:767px) {
  .index .branding_banner {
    width: auto;
    max-width: 440px;
    margin: 0 auto
  }
  .index .branding_banner li {
    float: none;
    width: auto;
    max-width: 440px;
    margin-top: 20px;
    padding-right: 0;
    padding-left: 0
  }
  .branding_banner li:nth-of-type(3) {
    margin-top: 40px
  }
}

@media only screen and (max-width:767px) {
  .branding_banner li {
    float: none;
    width: auto;
    margin-top: 20px;
    padding-right: 0;
    padding-left: 0
  }
  .branding_banner li:nth-of-type(3) {
    margin-top: 40px
  }
}

.branding_banner a {
  display: block
}

@media only screen and (min-width:768px) {
  .branding_banner a {
    transition: opacity .3s ease
  }
  .branding_banner a:active, .branding_banner a:focus, .branding_banner a:hover {
    opacity: .6
  }
}

.branding_banner_s {
  margin-top: 40px
}

@media only screen and (max-width:767px) {
  .branding_banner_s {
    margin-top: 40px
  }
}

.branding_banner_s ul {
  width: 100%
}

@media only screen and (max-width:767px) {
  .branding_banner_s ul {
    width: 100%
  }
}

.branding_banner_s li {
  margin-top: 20px
}

@media only screen and (max-width:767px) {
  .branding_banner_s li {
    width: auto;
    margin-top: 20px
  }
}

.branding_banner_s a {
  display: block
}

@media only screen and (max-width:767px) {
  .branding_banner_s li a img {
    width: 100%
  }
}

@media only screen and (min-width:768px) {
  .branding_banner_s a {
    transition: opacity .3s ease
  }
  .branding_banner_s a:active, .branding_banner_s a:focus, .branding_banner_s a:hover {
    opacity: .6
  }
}

.company_index .banner {
  margin-bottom: 38px
}

.company_index .banner img {
  width: 100%
}

.recruit_index .section02 {
  display: table;
  margin-top: 24px
}

@media only screen and (max-width:767px) {
  .recruit_index .section02 {
    display: block
  }
}

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

.recruit_index .section02 .title_section {
  display: table-cell;
  text-align: center;
  width: 7em
}

@media only screen and (max-width:767px) {
  .recruit_index .section02 .title_section {
    display: block
  }
}

.recruit_index .section02 .title_section .title_section_h3 {
  background: #ff5000;
  font-size: 16px;
  color: #fff
}

.recruit_index .section02 .text_block {
  display: table-cell;
  padding-left: 10px
}

@media only screen and (max-width:767px) {
  .recruit_index .section02 .text_block {
    display: block;
    padding-left: 0
  }
}

@media only screen and (max-width:767px) {
  .recruit_index .section02 .text_block.is_contract {
    margin-top: 12px
  }
}

.recruit_index .section02 .text_block a {
  color: #555
}

@media only screen and (min-width:768px) {
  .recruit_index .index.is_medium .index_item:nth-child(4), .recruit_index .index.is_medium .index_item:nth-child(5), .recruit_index .index.is_medium .index_item:nth-child(6) {
    margin-top: 20px
  }
}

.recruit_banner {
  margin-top: 60px
}

@media only screen and (max-width:767px) {
  .recruit_banner {
    margin-top: 20px
  }
}

.recruit_banner ul {
  margin-right: -10px;
  margin-left: -10px;
  overflow: hidden
}

@media only screen and (max-width:767px) {
  .recruit_banner ul {
    margin-right: 0;
    margin-left: 0
  }
}

.recruit_banner li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin-top: 20px;
  padding-right: 10px;
  padding-left: 10px
}

@media only screen and (max-width:767px) {
  .recruit_banner li {
    float: none;
    width: auto;
    margin-top: 20px;
    padding-right: 0;
    padding-left: 0
  }
  .recruit_banner li:nth-of-type(3) {
    margin-top: 40px
  }
}

.recruit_banner a {
  display: block
}

@media only screen and (min-width:768px) {
  .recruit_banner a {
    transition: opacity .3s ease
  }
  .recruit_banner a:active, .recruit_banner a:focus, .recruit_banner a:hover {
    opacity: .6
  }
}

.recruit_banner_s {
  margin-top: 40px
}

.recruit_banner_s form {
  width: 200px;
  //margin: 0 auto;
} 

@media only screen and (max-width:767px) {
  .recruit_banner_s {
    margin-top: 40px
  }
}

.recruit_banner_s ul {
  width: 100%
}

@media only screen and (max-width:767px) {
  .recruit_banner_s ul {
    width: 100%
  }
}

.recruit_banner_s li {
  margin-top: 20px
}

@media only screen and (max-width:767px) {
  .recruit_banner_s li {
    width: auto;
    margin-top: 20px
  }
}

.recruit_banner_s a {
  display: block
}

@media only screen and (max-width:767px) {
  .recruit_banner_s li a img {
    width: 100%
  }
}

@media only screen and (min-width:768px) {
  .recruit_banner_s a {
    transition: opacity .3s ease
  }
  .recruit_banner_s a:active, .recruit_banner_s a:focus, .recruit_banner_s a:hover {
    opacity: .6
  }
}

.recruit_staffvoice_index .local_nav_list01>li:nth-child(6) .local_nav_list02 li a {
  color: #555;
  text-decoration: none;
  cursor: pointer
}

.recruit_staffvoice_index .local_nav_list01>li:nth-child(6) .local_nav_list02 li a:hover {
  text-decoration: underline
}

.recruit_staffvoice_staff_sales_1_index .is_selected_nav>li:nth-child(1)>a {
  color: #ff5000
}

.recruit_staffvoice_staff_sales_1_index .is_selected_nav>li:nth-child(1)>a:after {
  border-color: #ff5000
}

.recruit_staffvoice_staff_sales_2_index .is_selected_nav>li:nth-child(2)>a {
  color: #ff5000
}

.recruit_staffvoice_staff_sales_2_index .is_selected_nav>li:nth-child(2)>a:after {
  border-color: #ff5000
}

.recruit_staffvoice_staff_manufacture_1_index .is_selected_nav>li:nth-child(3)>a {
  color: #ff5000
}

.recruit_staffvoice_staff_manufacture_1_index .is_selected_nav>li:nth-child(3)>a:after {
  border-color: #ff5000
}

.recruit_outline_index .table {
  color: #555;
  line-height: 1.75
}

.recruit_outline_index .table th {
  border-top: 1px solid #b5b6b6;
  border-left: 1px solid #b5b6b6;
  background-color: #e5e5e5;
  color: #555;
  font-weight: 700
}

.recruit_challenge_index .title_section_h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.75
}

.recruit_challenge_index .title_page+.text_block {
  margin-top: 50px
}

.recruit_challenge_index .text_block, .recruit_sendaifactory_index .text_block {
  line-height: 2.5
}

.recruit_challenge_index .image_area, .recruit_sendaifactory_index .image_area {
  margin: 60px 0
}

.recruit_challenge_index .image_area img, .recruit_sendaifactory_index .image_area img {
  width: 100%;
  height: auto
}

.recruit_challenge_index .image_area ul, .recruit_sendaifactory_index .image_area ul {
  margin: 0
}

.recruit_challenge_index .image_area ul li, .recruit_sendaifactory_index .image_area ul li {
  display: inline-block;
  width: 50%;
  float: left
}

.recruit_message_index .title_section_h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.75
}

.recruit_message_index p+.title_section_h3 {
  margin-top: 60px
}

.recruit_message_index .signature {
  position: relative;
  height: 285px;
  margin-top: 60px
}

.recruit_message_index .signature .photo_message {
  position: absolute;
  top: 0;
  right: 0
}

.recruit_message_index .signature .text_signature {
  position: absolute;
  bottom: -5px;
  right: 300px
}

@media only screen and (max-width:768px) {
  .recruit_message_index .signature {
    position: relative;
    width: 285px;
    height: auto;
    margin: 60px auto 0
  }
  .recruit_message_index .signature .photo_message {
    position: relative;
    top: 0;
    right: 0
  }
  .recruit_message_index .signature .text_signature {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 16px;
    text-align: left
  }
}

.recruit_sendaifactory_index .title_section {
  position: relative;
  margin-bottom: 60px
}

.recruit_sendaifactory_index .title_section img {
  width: 100%;
  height: auto
}

.recruit_sendaifactory_index .title_section .title_section_h3 {
  position: absolute;
  top: 80px;
  left: 32px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.75
}

@media only screen and (max-width:767px) {
  .recruit_sendaifactory_index .title_section .title_section_h3 {
    position: absolute;
    top: 10px;
    left: 10px;
    padding-right: 10px;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.5
  }
}

@media only screen and (min-width:768px) {
  .recruit_staffvoice_index .index.is_medium .index_item:nth-child(3) {
    margin-top: 20px
  }
}

.recruit_staffvoice_index .index.is_medium .index_text {
  display: block;
  position: relative;
  box-sizing: border-box;
  min-height: 72px;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 40px;
  padding-left: 16px;
  border: 1px solid #b5b6b6;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700
}

.recruit_staffvoice_index .index.is_medium .index_text span {
  padding-left: 1em;
  font-weight: 400
}

.recruit_staffvoice_staff_manufacture_1 .title_page_h1 .job_category, .recruit_staffvoice_staff_sales_1 .title_page_h1 .job_category, .recruit_staffvoice_staff_sales_2 .title_page_h1 .job_category {
  font-size: 26px;
  padding-right: .5em
}

.recruit_staffvoice_staff_manufacture_1 .staffvoice_catch, .recruit_staffvoice_staff_sales_1 .staffvoice_catch, .recruit_staffvoice_staff_sales_2 .staffvoice_catch {
  font-size: 26px;
  font-weight: 400
}

.recruit_staffvoice_staff_manufacture_1 .main_image, .recruit_staffvoice_staff_sales_1 .main_image, .recruit_staffvoice_staff_sales_2 .main_image {
  width: 100%;
  margin-top: 40px
}

.recruit_staffvoice_staff_manufacture_1 .profile, .recruit_staffvoice_staff_sales_1 .profile, .recruit_staffvoice_staff_sales_2 .profile {
  margin-top: 40px
}

.recruit_staffvoice_staff_manufacture_1 .profile .profile_name, .recruit_staffvoice_staff_sales_1 .profile .profile_name, .recruit_staffvoice_staff_sales_2 .profile .profile_name {
  font-weight: 700
}

.recruit_staffvoice_staff_manufacture_1 .job, .recruit_staffvoice_staff_sales_1 .job, .recruit_staffvoice_staff_sales_2 .job {
  margin-top: 40px;
  padding: 25px 0;
  border: 1px solid #b5b6b6
}

.recruit_staffvoice_staff_manufacture_1 .job .job_title, .recruit_staffvoice_staff_sales_1 .job .job_title, .recruit_staffvoice_staff_sales_2 .job .job_title {
  margin: 0 30px;
  font-weight: 700
}

.recruit_staffvoice_staff_manufacture_1 .job .job_details, .recruit_staffvoice_staff_sales_1 .job .job_details, .recruit_staffvoice_staff_sales_2 .job .job_details {
  margin: 0 30px
}

.recruit_staffvoice_staff_manufacture_1 .question, .recruit_staffvoice_staff_sales_1 .question, .recruit_staffvoice_staff_sales_2 .question {
  margin-top: 60px;
  font-weight: 700;
  color: #ff5000
}

.recruit_staffvoice_staff_manufacture_1 .answer, .recruit_staffvoice_staff_sales_1 .answer, .recruit_staffvoice_staff_sales_2 .answer {
  margin-top: 40px
}

.recruit_staffvoice_staff_manufacture_1 .staff_image_left, .recruit_staffvoice_staff_sales_1 .staff_image_left, .recruit_staffvoice_staff_sales_2 .staff_image_left {
  float: left;
  width: 45%;
  margin-top: 48px;
  margin-right: 40px
}

.recruit_staffvoice_staff_manufacture_1 .staff_image_left img, .recruit_staffvoice_staff_sales_1 .staff_image_left img, .recruit_staffvoice_staff_sales_2 .staff_image_left img {
  margin: 0
}

.recruit_staffvoice_staff_manufacture_1 .staff_image_right, .recruit_staffvoice_staff_sales_1 .staff_image_right, .recruit_staffvoice_staff_sales_2 .staff_image_right {
  float: right;
  width: 45%;
  margin-top: 48px;
  margin-left: 40px
}

.recruit_staffvoice_staff_manufacture_1 .staff_image_right img, .recruit_staffvoice_staff_sales_1 .staff_image_right img, .recruit_staffvoice_staff_sales_2 .staff_image_right img {
  margin: 0
}

.recruit_staffvoice_staff_manufacture_1 .oneday, .recruit_staffvoice_staff_sales_1 .oneday, .recruit_staffvoice_staff_sales_2 .oneday {
  margin-top: 40px;
  padding: 25px 0;
  border: 1px solid #b5b6b6
}

.recruit_staffvoice_staff_manufacture_1 .oneday .oneday_title, .recruit_staffvoice_staff_sales_1 .oneday .oneday_title, .recruit_staffvoice_staff_sales_2 .oneday .oneday_title {
  margin: 0 30px;
  font-weight: 700
}

.recruit_staffvoice_staff_manufacture_1 .oneday .oneday_details, .recruit_staffvoice_staff_sales_1 .oneday .oneday_details, .recruit_staffvoice_staff_sales_2 .oneday .oneday_details {
  margin: 0 30px
}

.recruit_staffvoice_staff_manufacture_1 .oneday .oneday_details dl, .recruit_staffvoice_staff_sales_2 .oneday .oneday_details dl {
  width: 100%;
  margin-top: 20px;
  background: url(/ja/recruit/staffvoice/img/oneday_bg.jpg) 0 0 repeat-y
}

.recruit_staffvoice_staff_manufacture_1 .oneday .oneday_details dl:after, .recruit_staffvoice_staff_sales_2 .oneday .oneday_details dl:after {
  display: table;
  clear: both;
  content: ""
}

.recruit_staffvoice_staff_manufacture_1 .oneday .oneday_details dl dt, .recruit_staffvoice_staff_sales_2 .oneday .oneday_details dl dt {
  float: left;
  width: 80px;
  margin-bottom: 30px;
  background: #ccc;
  border-radius: 2px;
  text-align: center
}

.recruit_staffvoice_staff_manufacture_1 .oneday .oneday_details dl dd, .recruit_staffvoice_staff_sales_2 .oneday .oneday_details dl dd {
  float: left;
  width: calc(100% - 100px);
  margin-bottom: 30px;
  margin-left: 20px
}

.recruit_staffvoice_staff_manufacture_1 .oneday .oneday_details dl dd.last, .recruit_staffvoice_staff_manufacture_1 .oneday .oneday_details dl dt.last, .recruit_staffvoice_staff_sales_2 .oneday .oneday_details dl dd.last, .recruit_staffvoice_staff_sales_2 .oneday .oneday_details dl dt.last {
  margin-bottom: 0
}

.recruit_staffvoice_staff_manufacture_1 .is_selected_nav>li:nth-child(3)>a, .recruit_staffvoice_staff_sales_1 .is_selected_nav>li:nth-child(1)>a, .recruit_staffvoice_staff_sales_2 .is_selected_nav>li:nth-child(2)>a {
  color: #ff5000
}

.recruit_staffvoice_staff_manufacture_1 .is_selected_nav>li:nth-child(3)>a:after, .recruit_staffvoice_staff_sales_1 .is_selected_nav>li:nth-child(1)>a:after, .recruit_staffvoice_staff_sales_2 .is_selected_nav>li:nth-child(2)>a:after {
  border-color: #ff5000
}

.ir_index .entry_list_title {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400
}

.ir_index .entry_list_title .pdf {
  color: #13b7cf
}

.ir_index .entry_list_more {
  display: none
}

.ir_index .entry_list_item+.entry_list_item {
  margin-top: 12px
}

#menu ul {
  position: absolute !important
}

.arrow_box {
  display: none;
  position: absolute;
  padding: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #333;
  color: #fff;
  z-index: 10
}

.arrow_box:after {
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-width: 10px;
  pointer-events: none;
  content: " ";
  z-index: 10
}

.base_right, .base_left {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  //display: flex
}

.base_right {
  text-align: right;
}

.base_left {
  text-align: left;
}

.base_center {
  text-align: center;
}

.base_right_child {
  display: inline-block;
  //float: left;
  margin-left: 5px;
}

.base_left_child {
  display: inline-block;
  //float: left;
  margin-right: 5px;
}

.base_center_child {
  display: inline-block;
  margin-right: 5px;
}

.login_form {
  margin-top: 64px;
}

.calender_title,
.file_upload_title {
  margin-top: 30px;
  text-align: center;
  font-size: 16px;
}

.file_upload_title {
  //margin-bottom: 60px;
  margin-top: 95px;
}

.calender_access {
  padding: 25px;
  position: relative;
}

.calender_search {
  padding-left: 40%;
  padding-right: 40%;
  margin-top: 30px;
}

.previous, .next{
  position: absolute;
  right: 0px;
  font-size: 14px;
}

.previous {
  left: 0px;
}

.next p {
  font-size: 14px;
}

.choice {
  //padding: 10px;
}

.choice input {
  display: none;
}
.choice label{
	display: block;
	float: left;
	cursor: pointer;
	width: 60px;
	margin: 0;
	padding: 10px;
	background: #bdc3c7;
	color: #869198;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	margin-left: 0;
	margin-right: 0;
}
.choice label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.choice label:last-of-type{
	border-radius: 0 3px 3px 0;
}
.choice input[type="radio"]:checked + .switch-on {
	background-color: #a1b91d;
	color: #fff;
}
.choice input[type="radio"]:checked + .switch-off {
	background-color: #e67168;
	color: #fff;
}

iframe {
  border: none;
  //margin-top: 30px;
}

td input[type="checkbox"] {
  position: inherit;
}

.calender_access 
input[type="checkbox"]+label,
form input[type="radio"]+label {
  margin-left: 0px;
  margin-right: 0px;
}

h2.title_section_h3{
  margin-top: 30px;
}

.search_button {
  margin-top: 20px;
}

ul.menu {
    margin-top: 34px;
}

ul.menu option {
    height: 34px;
}
/*
select.menu__second-level {
    border: 1px solid #b5b6b6;
    padding-right: 20px;
    padding-left: 20px;
    height: 34px;
    font-size: 12px;
    width: 25%;
}
*/
select.menu__first-level,
select.menu__second-level,
select.menu__third-level {
    border: 1px solid #b5b6b6;
    padding-right: 20px;
    padding-left: 20px;
    height: 34px;
    font-size: 12px;
}

select.menu__first-level {
    width: 100%;
}

select.menu__second-level {
    width: 25%;
}

select option {
    line-height: 7px;
}

.input.radio label {
    display: inline-block;
    //width: 20%;
    width: 25%;
}

.fix h2 {
    margin-top: 30px;
}

nav.local_nav {
    margin-top: 20px;
}

.calender_buttons {
    margin-top: 20px;
}

.conditions {
    margin-left: 30px;
    margin-top: 10px;
}

.password_reset {
    text-align: center;
    padding-top: 30px;
}

.error-message {
    color: #ff5000;
}

input#numdata {
    text-align: right;
}

/* ツールチップ */

.c-tooltip {
    display: inline-block;
    position: relative;
}

.c-tooltip::before,
.c-tooltip::after {
    -webkit-transition: all 0.2s;
    opacity: 0;
    position: absolute;
    transition: all 0.2s;
    visibility: hidden;
    z-index: 11;
}

.c-tooltip::before {
    -webkit-transform: translateY(-50%);
    border-color: transparent #5f6368 transparent transparent;
    border-style: solid;
    border-width: 3px 7px 3px 0;
    content: "";
    height: 0;
    left: calc(100% + 6px);
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}

.c-tooltip::after {
    -webkit-transform: translateY(-50%);
    background: #5f6368;
    border-radius: 3px;
    color: #fff;
    content: attr(data-tooltip);
    display: block;
    font-size: 11px;
    font-weight: 600;
    left: calc(100% + 13px);
    padding: 5px 10px;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}

.c-tooltip:hover {
    cursor: pointer;
}

.c-tooltip:hover::before {
    opacity: 1;
    visibility: visible;
}

.c-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
}

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

.menu-check{
    display: none;
}
.menu-label{
    background: #333;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
}
.menu-content{
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.menu-check:checked + .menu-label + .menu-content{
    height: 450px;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

.box_import .menu-check:checked + .menu-label + .menu-content {
    height: 300px;
}

.menu-content#menu-long {
    height: 550px;
}

.menu-content#menu-more-long {
    height: 650px;
}

/* 実績データ */

.SalesGoal {
    margin-top: 30px;
    margin-bottom: 30px;
}

.salesdata tbody tr td input:disabled {
    border: 1px solid #d1d1d1;
    //background: #EEEEEE;
}

.salesdata tbody tr td input {
    border: 1px solid #FF0000;
    background: white;
}

select.form_controls_parts {
    width: 250px;
}

input#SalesGoal,
input#amount {
    text-align: right;
}

.section_search {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* チャート */

.canvas-container {
    margin-top: 30px;
}

/* Form */

input:read-only {
    background: #f6f6f6;
}

.is_file {
    background: #FFFFFF;
}

/* ダウンロード（global） */

.calender_title.fix {
    margin-bottom: 20px;
}
i#new,
a#new {
  color: red;
}
a#uploaded {
  //color: red;
  position: relative;
}
a#uploaded span {
  position: absolute;     /* 相対位置に指定 */
  top: -10px;             /* 表示位置を上から-10pxの位置にする */
  left: calc(100% - 10px);/* 表示位置を右から内側に10pxの位置 */
  color: #FFF;            /* 文字色を白に指定 */
  font-weight: bold;      /* 太文字にする */
  line-height: 20px;      /* 行の高さを指定 */
  text-align: center;     /* 文字を中央揃えにする */
  background: #ff5000;    /* 背景色をオレンジに指定 */
  border-radius: 10px;    /* line-heightの半分の角丸を指定 */
  min-width: 20px;        /* 最低幅を指定 */
  padding: 0 3px;         /* 左右に少しだけ余白を設定 */
  box-sizing: border-box; /* 計算しやすいように */
  font-size: 14px;
}

/* 帳票一覧 */

.is_inline {
  display: inline-block;
  margin-right: 10px;
}

.button.is_highlight.is_cautions {
    background-color: RGB(80, 116, 138);
    border: 1px solid RGB(80, 116, 138);
    color: #fff;
    margin-right: 20px;
}

.button.is_primary.is_cautions:active,
.button.is_primary.is_cautions:focus,
.button.is_primary.is_cautions:hover {
  background-color: #fff;
  color: RGB(80, 116, 138);
}

/* ファイル選択 */

.box_padding_top {
    padding-top: 64px;
}

/* 240409 oka パスワード入力のフォーム内、伏字切替 */
::-ms-reveal { 
    display: none; /* edgeはtype=passwordで自動的に伏字の機能が入るため非表示にする */ 
}

#LoginEyeIcon{
    margin-top: 18px;
}

#EditEyeIcon{
    margin-top: 0.2vw;
}

#EditConfirmEyeIcon{
    margin-top: 0.2vw;
}

.bi-eye::before {
    content: "\f341";
}

[class^="bi-"]::before, [class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.end-0 {
    right: 0;
}

.top-50 {
    top: 50%;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.translate-middle {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);
}

/* oka */