@charset "UTF-8";
/* 旧スタイルシートCSS */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.fa.fa-pull-left, .fa.pull-left {
  margin-right: 0.3em;
}

#main nav a, .fa, .fa-stack {
  display: inline-block;
}

body, body.pageload {
  background-color: #fff;
}

#main nav a, a {
  text-decoration: none;
}

#main .btn-inquiry a, #main .title div, #main nav, .fa-fw, .fa-li, .fa-stack-1x, .fa-stack-2x {
  text-align: center;
}

@font-face {
  font-family: FontAwesome;
  src: url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);
  src: url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
  font-weight: 400;
  font-style: normal;
}
.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa.fa-pull-right, .fa.pull-right {
  margin-left: 0.3em;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right, .pull-right {
  float: right;
}

#main .boxL, .pull-left {
  float: left;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
  filter: none;
}

.fa-stack {
  position: relative;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-close:before, .fa-remove:before, .fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-cog:before, .fa-gear:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-repeat:before, .fa-rotate-right:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before, .fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before, .fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-exclamation-triangle:before, .fa-warning:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-cogs:before, .fa-gears:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before, .fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before, .fa-users:before {
  content: "";
}

.fa-chain:before, .fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before, .fa-scissors:before {
  content: "";
}

.fa-copy:before, .fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-floppy-o:before, .fa-save:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-sort:before, .fa-unsorted:before {
  content: "";
}

.fa-sort-desc:before, .fa-sort-down:before {
  content: "";
}

.fa-sort-asc:before, .fa-sort-up:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "";
}

.fa-gavel:before, .fa-legal:before {
  content: "";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-bolt:before, .fa-flash:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-clipboard:before, .fa-paste:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-chain-broken:before, .fa-unlink:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
  content: "";
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
  content: "";
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
  content: "";
}

.fa-eur:before, .fa-euro:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before, .fa-usd:before {
  content: "";
}

.fa-inr:before, .fa-rupee:before {
  content: "";
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
  content: "";
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
  content: "";
}

.fa-krw:before, .fa-won:before {
  content: "";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-try:before, .fa-turkish-lira:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
  content: "";
}

.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before, .fa-car:before {
  content: "";
}

.fa-cab:before, .fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
  content: "";
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
  content: "";
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
  content: "";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
  content: "";
}

.fa-empire:before, .fa-ge:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before, .fa-weixin:before {
  content: "";
}

.fa-paper-plane:before, .fa-send:before {
  content: "";
}

.fa-paper-plane-o:before, .fa-send-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before, .fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-bed:before, .fa-hotel:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-y-combinator:before, .fa-yc:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
  content: "";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "";
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-television:before, .fa-tv:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
  content: "";
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-sign-language:before, .fa-signing:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "";
}

.fa-fa:before, .fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-address-card:before, .fa-vcard:before {
  content: "";
}

.fa-address-card-o:before, .fa-vcard-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
  content: "";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  border: 0;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

body, button, input, select, textarea {
  font-family: Robot, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img, td, th {
  vertical-align: top;
}

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}

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

td, th {
  text-align: left;
}

img {
  border: none;
}

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

.cf:after {
  clear: both;
}

@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1) rotate(0.02deg);
    transform: scale(1) rotate(0.02deg);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2) rotate(0.02deg);
  }
}
html {
  font-size: 62.5%;
  overflow: auto;
}

#main .title, .container, .modal--movie, body.useloading {
  overflow: hidden;
}

body {
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
  color: #333;
}

body.locked, body.useloading {
  position: fixed;
  width: 100%;
  height: 100%;
}

body.pageload .loadingBar {
  height: 4px;
  background-color: #008051;
  position: absolute;
  top: 0;
  left: 0;
}

#main, #main nav a, .container {
  position: relative;
}

body #main, body footer, body header {
  opacity: 0;
}

button, input, select, textarea {
  color: #404040;
  font-size: 1.6rem;
}

input, textarea {
  border: 1px solid #bcbcbc;
  padding: 10px;
}

* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

p {
  line-height: 1.8;
}

.text-e {
  color: #fd4e40;
}

.container {
  width: 1000px;
  max-width: 1000px;
  margin: 0 auto;
}

a {
  -webkit-transition: all .1s linear 0s;
  transition: all 0.1s linear 0s;
}

a:active, a:link, a:visited {
  color: #036aba;
}

a:hover {
  color: #3197e6;
}

.btn {
  display: block;
  border-radius: 3px;
  background-color: #008051;
  background-image: none;
  border: none;
  color: #fff !important;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all .1s linear 0s;
  transition: all 0.1s linear 0s;
}

#main .title div p, .box {
  -webkit-transition-duration: 0.8s;
}

.btn:hover {
  opacity: 0.8;
}

#main {
  z-index: 2;
  padding-bottom: 80px;
  background-color: #fff;
  min-height: 400px;
}

#main .title {
  width: 100%;
  height: 493px;
  background-size: cover;
  background-position: center;
}

#main .title div {
  padding-top: 213px;
  width: 100%;
  height: 493px;
  font-size: 6rem;
  font-weight: 700;
  font-style: italic;
  line-height: 72px;
  color: #fff;
  background: url(../img/common/main_over.png);
}

@media screen and (max-width: 1000px) {
  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  #main .title div {
    display: block;
    margin: 0;
    text-align: center;
    font-size: 3.4rem;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  #main .title div {
    display: block;
    margin: 0;
    text-align: center;
    font-size: 3.4rem;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
  }
}
#main h2, #main h3 {
  margin-bottom: 21px;
  font-weight: 700;
}

#main .title div p {
  line-height: 72px;
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
  transition-duration: .8s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 1000px) {
  #main .title div p {
    padding: 0 15px;
    line-height: 1.3em;
  }
}
@media screen and (max-width: 767px) {
  #main .title div p {
    padding: 0 15px;
    line-height: 1.3em;
  }
}
#main .title div p.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#main nav {
  padding: 15px 0;
  background: #2c2c2c;
  font-size: 1.6rem;
}

#main nav a {
  margin: 0 45px;
  color: #fff;
  line-height: 35px;
}

#div_creative_web .text a, #index .index-topic__list--txt a {
  text-decoration: underline;
}

#main nav a.active:after, #main nav a.active:before, #main nav a:after, #main nav a:before {
  position: absolute;
  display: inline-block;
  height: 1px;
  -webkit-transition: .3s;
  content: "";
  bottom: 0;
}

#main nav a:before {
  left: 50%;
}

#main nav a:after {
  right: 50%;
}

#main nav a:after, #main nav a:before {
  width: 0;
  background: #fbdd11;
  transition: 0.3s;
}

#main nav a.active:after, #main nav a.active:before {
  width: 50%;
  background: #ebebeb;
  transition: 0.3s;
}

#main nav a:hover {
  opacity: .8;
  color: #fbdd11;
}

#main nav a:hover:after, #main nav a:hover:before {
  background-color: #fbdd11;
}

@media screen and (max-width: 1000px) {
  #main nav a.active:after, #main nav a.active:before {
    display: none;
  }

  #main nav a {
    display: block;
    margin: 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #main nav a {
    display: block;
    margin: 0;
    text-align: center;
  }
}
#main .container {
  margin-top: 90px;
}

@media screen and (max-width: 1000px) {
  #main .container {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .container {
    margin-top: 30px;
  }
}
#main .container.container2 {
  margin-top: 0;
}

#main h2 {
  font-size: 3rem;
  color: #00623e;
  line-height: 42px;
}

@media screen and (max-width: 1000px) {
  #main h2 {
    font-size: 2.4rem;
    line-height: 1.5;
  }

  #main h2 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #main h2 {
    font-size: 2.4rem;
    line-height: 1.5;
  }

  #main h2 br {
    display: none;
  }
}
#main h3 {
  font-size: 2.7rem;
  line-height: 38px;
}

@media screen and (max-width: 1000px) {
  #main h3 {
    font-size: 2.4rem;
    line-height: 1.5;
  }

  #main .text {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main h3 {
    font-size: 2.4rem;
    line-height: 1.5;
  }

  #main .text {
    margin-bottom: 20px;
  }
}
#main .text {
  font-size: 1.6rem;
}

@media screen and (max-width: 1000px) {
  #main .boxL {
    float: none;
    width: auto !important;
  }
}
@media screen and (max-width: 767px) {
  #main .boxL {
    float: none;
    width: auto !important;
  }
}
#main .boxR {
  float: right;
}

@media screen and (max-width: 1000px) {
  #main .boxR {
    float: none;
    width: auto !important;
  }
}
@media screen and (max-width: 767px) {
  #main .boxR {
    float: none;
    width: auto !important;
  }

  #main img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1000px) {
  #main img {
    width: 100%;
    height: auto;
  }

  #main .imgL {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #main .imgL {
    margin-bottom: 15px;
  }
}
#main .btn-inquiry {
  margin: 85px auto 0;
  width: 452px;
}

@media screen and (max-width: 767px) {
  #main .btn-inquiry {
    width: 100%;
  }
}
#main .btn-inquiry a {
  display: block;
  font-size: 2.1rem;
  font-weight: 700;
  color: #fff;
  line-height: 80px;
  background: #008051;
  border-radius: 3px;
}

#main .btn-inquiry a:hover {
  opacity: 0.8;
}

#preLoading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#preLoading #preLoading1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #008051;
}

#preLoading #preLoading2 {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background: #008051;
}

#preLoading #preLoadingLogo {
  position: fixed;
  top: 50%;
  left: 0;
  margin-top: -23px;
  width: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
}

.mfp-close {
  font-size: 50px;
}

.modal--movie {
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 1000px) {
  #main .btn-inquiry {
    width: 100%;
  }

  .modal--movie {
    width: 100% !important;
    height: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .modal--movie {
    width: 100% !important;
    height: auto !important;
  }

  .modal--movie img {
    width: 100%;
    height: auto;
  }
}
.modal--movie img {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 1000px) {
  .modal--movie img {
    width: 100%;
    height: auto;
  }
}
.modal--movie .icon-play {
  position: absolute;
  width: 110px!important;
  height: 110px;
  top: calc(50% - 55px);
  left: calc(50% - 55px);
  -webkit-transition-duration: .4s;
  transition-duration: 0.4s;
}

@media screen and (max-width: 1000px) {
  .modal--movie .icon-play {
    width: 110px !important;
    height: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .modal--movie .icon-play {
    width: 110px !important;
    height: 110px !important;
  }
}
header h1, header h1 a img {
  width: 258px;
}

.modal--movie:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}

.modal--movie:hover .icon-play {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0.7;
}

.select-tab__panel {
  display: none;
}

.select-tab__panel--active {
  display: block;
}

header {
  position: relative;
  width: 100%;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0 -5px 8px 4px rgba(10, 37, 48, 0.3);
}

header .company-nav-wrap {
  padding: 13px 25px;
  background-color: #008051;
}

@media screen and (max-width: 1000px) {
  header .company-nav-wrap {
    padding: 0;
    height: 8px;
  }
}
@media screen and (max-width: 767px) {
  header .company-nav-wrap {
    padding: 0;
    height: 8px;
  }
}
header .nav-wrap {
  padding: 13px 25px;
}

header h1 {
  float: left;
}

@media screen and (max-width: 1000px) {
  header .nav-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  header h1, header h1 a img {
    width: 230px;
  }

  header #pc-dropdown-nav-menu {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  header .nav-wrap {
    padding-left: 10px;
    padding-right: 15px;
  }

  header h1, header h1 a img {
    width: 200px;
  }

  header #pc-dropdown-nav-menu {
    display: none;
  }
}
header #pc-dropdown-nav-menu #header-navi {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.12);
}

header #pc-dropdown-nav-menu .header-navi-content {
  display: none;
  width: 100%;
  background: #fff;
}

header #pc-dropdown-nav-menu .header-navi-content a {
  color: #333;
}

header #pc-dropdown-nav-menu .header-navi-content dl {
  margin: 0 auto;
  padding: 25px 0;
  width: 1000px;
}

header #pc-dropdown-nav-menu .header-navi-content dl dt {
  float: left;
  padding-left: 48px;
  width: 215px;
  font-size: 1.8rem;
  font-weight: 700;
}

header #pc-dropdown-nav-menu .header-navi-content dl dt a:hover {
  opacity: 0.8;
}

header #pc-dropdown-nav-menu .header-navi-content dl dd {
  float: left;
  padding-left: 55px;
  padding-bottom: 5px;
  width: 723px;
  border-left: 1px solid #b6b6b6;
}

header #pc-dropdown-nav-menu .header-navi-content dl dd p {
  float: left;
  width: 222px;
  font-size: 1.6rem;
  text-align: left;
  line-height: 1em;
}

footer .copy, header nav#company-nav, header nav#global-nav ul, header nav.global-nav ul {
  text-align: right;
}

header #pc-dropdown-nav-menu .header-navi-content dl dd p a {
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
}

header #pc-dropdown-nav-menu .header-navi-content dl dd p a:before {
  left: 50%;
}

header #pc-dropdown-nav-menu .header-navi-content dl dd p a:after {
  right: 50%;
}

header #pc-dropdown-nav-menu .header-navi-content dl dd p a:after, header #pc-dropdown-nav-menu .header-navi-content dl dd p a:before {
  position: absolute;
  content: "";
  bottom: 0;
  display: inline-block;
  width: 0;
  height: 1px;
  background: #333;
  -webkit-transition: .3s;
  transition: 0.3s;
}

header #pc-dropdown-nav-menu .header-navi-content dl dd p a:hover:after, header #pc-dropdown-nav-menu .header-navi-content dl dd p a:hover:before {
  width: 50%;
}

header #pc-dropdown-nav-menu .header-navi-content dl dd .mt {
  margin-top: 23px;
}

header #sm-dropdown-nav-menu {
  display: none;
}

@media screen and (max-width: 1000px) {
  header #sm-dropdown-nav-menu {
    display: block;
    position: absolute;
    right: 15px;
    top: 29px;
  }
}
@media screen and (max-width: 767px) {
  header #sm-dropdown-nav-menu {
    display: block;
    position: absolute;
    right: 15px;
    top: 29px;
  }
}
header #sm-dropdown-nav-menu .menu-trigger {
  position: relative;
  display: block;
  width: 20px;
  height: 14px;
  z-index: 9999;
  -webkit-transition: all .4s 0s ease;
  transition: all 0.4s 0s ease;
}

header #sm-dropdown-nav-menu .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  -webkit-transition: all .4s 0s ease;
  transition: all 0.4s 0s ease;
}

header #sm-dropdown-nav-menu .menu-trigger span:nth-of-type(2) {
  top: 6px;
}

header #sm-dropdown-nav-menu .menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

header #sm-dropdown-nav-menu .menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

header #sm-dropdown-nav-menu .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}

header #sm-dropdown-nav-menu .menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}

header #sm-dropdown-nav-menu .menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}

footer .footer-nav li dl dd a:hover, footer .footer-nav-wrap a:hover, footer .sns-nav .sns-link li a:hover, header nav#company-nav a:hover {
  opacity: 0.8;
}

header .sm-dropdown-nav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  padding-top: 60px;
  background-color: #fff;
  display: none;
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 15px;
}

header .sm-dropdown-nav ul {
  font-size: 1.6rem;
}

header .sm-dropdown-nav ul li {
  border-top: 1px solid #ebebeb;
}

header .sm-dropdown-nav ul li a {
  padding: 13px 15px;
  display: block;
  font-weight: 700;
  color: #333;
}

header .sm-dropdown-nav ul li dl dt a {
  position: relative;
}

header .sm-dropdown-nav ul li dl dt a.arrow-d:after {
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #5a5a5a;
  border-right: 1px solid #5a5a5a;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  content: "";
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .4s;
  transition-duration: 0.4s;
}

header .sm-dropdown-nav ul li dl dt a.arrow-d.visible:after {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

header .sm-dropdown-nav ul li dl dd {
  display: none;
  background-color: #ebf0ec;
}

header .sm-dropdown-nav ul li dl dd a {
  font-weight: 400;
  padding-left: 25px;
}

header .sm-dropdown-nav ul.sm-company-nav li:last-child {
  border-bottom: 1px solid #ebebeb;
}

header nav {
  font-size: 1.4rem;
}

@media screen and (max-width: 1000px) {
  header nav#company-nav {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  header nav#company-nav {
    display: none;
  }
}
header nav#company-nav a {
  color: #fff;
}

header nav#company-nav ul.link {
  display: inline-block;
}

header nav#company-nav ul.link li {
  display: inline-block;
  margin-right: 25px;
}

header nav#company-nav ul.link li:last-child {
  margin-right: 0;
}

header nav#global-nav, header nav.global-nav {
  float: right;
  width: 673px;
  margin-top: 12px;
}

@media screen and (max-width: 1000px) {
  header nav#global-nav, header nav.global-nav {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  header nav#global-nav, header nav.global-nav {
    display: none;
  }
}
header nav#global-nav ul li, header nav.global-nav ul li {
  font-size: 1.8rem;
  display: inline-block;
  margin-right: 32px;
}

header nav#global-nav ul li a, header nav.global-nav ul li a {
  color: #333;
  font-weight: 700;
  display: block;
  font-size: 1.7rem;
  position: relative;
  padding-bottom: 8px;
}

header nav#global-nav ul li a:before, header nav.global-nav ul li a:before {
  left: 50%;
}

header nav#global-nav ul li a:after, header nav.global-nav ul li a:after {
  right: 50%;
}

header nav#global-nav ul li a:after, header nav#global-nav ul li a:before, header nav.global-nav ul li a:after, header nav.global-nav ul li a:before {
  position: absolute;
  content: "";
  bottom: 0;
  display: inline-block;
  width: 0;
  height: 3px;
  background: #008051;
  -webkit-transition: .3s;
  transition: 0.3s;
}

header nav#global-nav ul li a:hover, header nav.global-nav ul li a:hover {
  color: #008051;
}

header nav#global-nav ul li a:hover:after, header nav#global-nav ul li a:hover:before, header nav.global-nav ul li a:hover:after, header nav.global-nav ul li a:hover:before {
  width: 50%;
}

header nav#global-nav ul li.active a, header nav#global-nav ul li.on a, header nav.global-nav ul li.active a, header nav.global-nav ul li.on a {
  color: #008051;
  font-weight: 700;
}

header nav#global-nav ul li.active a:after, header nav#global-nav ul li.active a:before, header nav#global-nav ul li.on a:after, header nav#global-nav ul li.on a:before, header nav.global-nav ul li.active a:after, header nav.global-nav ul li.active a:before, header nav.global-nav ul li.on a:after, header nav.global-nav ul li.on a:before {
  position: absolute;
  content: "";
  bottom: 0;
  display: inline-block;
  width: 50%;
  height: 3px;
  background: #008051;
}

header nav#global-nav ul li:last-child, header nav.global-nav ul li:last-child {
  margin-right: 0;
}

header .fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 -5px 8px 4px rgba(10, 37, 48, 0.3);
  display: none;
}

footer {
  background-color: #021c12;
  padding: 33px 0 15px;
  position: relative;
  color: #fff;
}

footer .copy {
  font-size: 1.2rem;
}

footer .footer-nav {
  margin-bottom: 30px;
}

footer .footer-nav li {
  float: left;
  width: 178px;
  margin-right: 27px;
}

@media screen and (max-width: 1000px) {
  header .fixed-nav {
    display: none !important;
  }

  footer .footer-nav {
    margin-bottom: 25px;
  }

  footer .footer-nav li {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  header .fixed-nav {
    display: none !important;
  }

  footer {
    padding-top: 10px;
  }

  footer .footer-nav {
    margin-bottom: 25px;
  }

  footer .footer-nav li {
    width: 100%;
  }
}
footer .footer-nav li dl dt {
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #727272;
  margin-bottom: 10px;
}

footer .footer-nav li dl dt a {
  color: #fff;
  display: block;
  padding: 0 0 8px;
}

@media screen and (max-width: 1000px) {
  footer .footer-nav li dl dt a {
    padding: 13px 8px;
  }

  footer .footer-nav li dl dt {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-nav li dl dt a {
    padding: 13px 8px;
  }

  footer .footer-nav li dl dt {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
}
footer .footer-nav li dl dd {
  font-size: 1.5rem;
}

footer .footer-nav li dl dd a {
  color: #b6b6b6;
  display: block;
  padding: 8px 0 8px 5px;
}

footer .footer-nav li:last-child {
  margin-right: 0;
}

footer .footer-nav li:last-child dl dt {
  border: none;
}

footer .sns-nav {
  margin-bottom: 30px;
}

@media screen and (max-width: 1000px) {
  footer .footer-nav li dl dd {
    display: none;
  }

  footer .footer-nav li:last-child dl dt {
    border-bottom: 1px solid #727272;
  }

  footer .sns-nav .sns-link {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-nav li dl dd {
    display: none;
  }

  footer .footer-nav li:last-child dl dt {
    border-bottom: 1px solid #727272;
  }

  footer .sns-nav .sns-link {
    text-align: center;
  }
}
footer .sns-nav .sns-link li {
  display: inline-block;
  margin-right: 50px;
}

footer .sns-nav .sns-link li:last-child {
  margin-right: 0;
}

footer .sns-nav .sns-link li a {
  color: #fff;
  display: inline-block;
}

footer .sns-nav .sns-link li a img {
  vertical-align: middle;
}

footer .sns-nav .sns-link li dl dt {
  display: inline-block;
  margin-right: 10px;
}

footer .sns-nav .sns-link li dl dd {
  display: inline-block;
}

footer .footer-nav-wrap {
  background-color: #072419;
  margin: 13px 0;
  padding: 14px 0 12px;
}

footer .footer-nav-wrap a {
  color: #fff;
}

footer .footer-nav-wrap .footer-company-nav {
  float: right;
  display: inline-block;
}

footer .footer-nav-wrap .footer-company-nav li {
  text-align: center;
  font-size: 1.3rem;
  display: inline-block;
  margin-right: 20px;
}

@media screen and (max-width: 1000px) {
  footer .footer-nav-wrap .footer-company-nav {
    float: none;
    width: 100%;
  }

  footer .footer-nav-wrap .footer-company-nav li {
    display: block;
    text-align: left;
    margin-right: 0;
  }

  footer .footer-nav-wrap .footer-company-nav li a {
    font-size: 1.4rem;
    display: block;
    padding: 8px 0;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-nav-wrap .footer-company-nav {
    float: none;
    width: 100%;
  }

  footer .footer-nav-wrap .footer-company-nav li {
    display: block;
    text-align: left;
    margin-right: 0;
  }

  footer .footer-nav-wrap .footer-company-nav li a {
    font-size: 1.4rem;
    display: block;
    padding: 8px 0;
  }
}
footer small {
  display: block;
  text-align: center;
  font-size: 1.3rem;
}

footer .pageup {
  background-color: #b5b5b5;
  display: block;
  width: 65px;
  height: 65px;
  border-radius: 100%;
  position: absolute;
  top: -32px;
  right: 50px;
  -webkit-transition: all .1s linear 0s;
  transition: all 0.1s linear 0s;
}

footer .pageup:hover {
  background-color: #cdcdcd;
}

footer .pageup img {
  display: block;
  position: absolute;
  width: 30px;
  height: 16px;
  top: 24px;
  left: 17px;
}

#index .slide ul {
  position: relative;
  width: 100%;
  height: 650px;
  overflow: hidden;
}

@media screen and (max-width: 1000px) {
  footer small {
    font-size: 1.2rem;
    font-style: italic;
  }

  #index .slide ul {
    height: 520px;
  }
}
@media screen and (max-width: 767px) {
  footer small {
    font-size: 1.2rem;
    font-style: italic;
  }

  #index .slide ul {
    height: 520px;
  }
}
#index .slide ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 650px;
  background-size: cover;
  background-position: center;
}

#index .slide ul li.bg1 {
  background-image: url(/img/index/slide_1.jpg);
}

#index .slide ul li.bg2 {
  background-image: url(/img/index/slide_2.jpg);
}

#index .slide ul li.bg3 {
  background-image: url(/img/index/slide_3.jpg);
}

#index .slide ul li.zoomOut {
  -webkit-animation: zoomOut 8s linear;
  animation: zoomOut 8s linear;
}

#index .slide ul li.zoomIn {
  -webkit-animation: zoomIn 8s linear;
  animation: zoomIn 8s linear;
}

#index .slide ul li.index1 {
  z-index: 1;
}

#index .slide ul li.index2 {
  z-index: 0;
}

#index .slide ul li img {
  display: none;
}

#index .index-topic {
  background-color: #e5e5e5;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #index .slide ul li {
    height: 520px;
  }

  #index .index-topic {
    padding: 15px;
  }

  #index .index-topic .link-topics {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #index .slide ul li {
    height: 520px;
  }

  #index .index-topic {
    padding: 15px;
  }

  #index .index-topic .link-topics {
    display: none;
  }
}
#index .index-topic .link-topics {
  position: absolute;
  top: 8px;
  right: 30px;
  border-radius: 0;
  padding: 9px 10px;
  font-weight: 700;
  font-size: 1.4rem;
  background-color: transparent;
  border: 1px solid #008051;
  color: #008051 !important;
}

#index .index-topic__title {
  font-size: 2.1rem;
  text-align: center;
  font-weight: 700;
  float: left;
  margin: 0 60px 0 0;
  padding: 16px 30px;
  background-color: #2c2c2c;
  color: #fff;
  line-height: 1.1;
  width: 155px;
}

#index .index-topic__list {
  overflow: hidden;
  font-size: 1.8rem;
}

#index .index-topic__list--date {
  font-weight: 700;
  float: left;
  margin-right: 40px;
  width: 90px;
  padding: 15px 0;
}

@media screen and (max-width: 1000px) {
  #index .index-topic__title {
    display: none;
  }

  #index .index-topic__list--date {
    margin-right: 15px;
    font-size: 1.4rem;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #index .index-topic__title {
    display: none;
  }

  #index .index-topic__list--date {
    margin-right: 15px;
    font-size: 1.4rem;
    padding: 0;
  }
}
#index .index-topic__list--txt {
  float: left;
  width: calc(100% - 400px);
  font-weight: 700;
  padding: 15px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1000px) {
  #index .index-topic__list--txt {
    width: calc(100% - 105px);
    font-size: 1.4rem;
    padding: 0;
    overflow: auto;
    white-space: normal;
    text-overflow: clip;
  }
}
@media screen and (max-width: 767px) {
  #index .index-topic__list--txt {
    width: calc(100% - 105px);
    font-size: 1.4rem;
    padding: 0;
    overflow: auto;
    white-space: normal;
    text-overflow: clip;
  }
}
#index .index-topic__list--txt .new::after {
  color: #fff;
  padding: 3px 5px;
  margin-left: 5px;
  font-size: 1.3rem;
  border: 1px solid #e80010;
  background-color: #e80010;
  content: "New";
}

@media screen and (max-width: 767px) {
  #index .index-topic__list--txt .new::after {
    font-size: 1.2rem;
    line-height: 1.1;
    padding: 1px 5px 3px;
  }
}
#index .index-copy {
  margin-bottom: 30px;
}

#index .index-copy .copy-container {
  width: 1000px;
  margin: 50px auto 0;
}

@media screen and (max-width: 1000px) {
  #index .index-topic__list--txt .new::after {
    font-size: 1.2rem;
    line-height: 1.1;
    padding: 1px 5px 3px;
  }

  #index .index-copy .copy-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
  }
}
#index .index-copy .copy-container .copy {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: 1.1s;
  transition: 1.1s;
}

#index .index-copy .copy-container .copy.mv-up {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

#index .contents-box {
  padding-top: 45px;
  margin-bottom: 100px;
}

@media screen and (max-width: 1000px) {
  #index .index-copy .copy-container .copy {
    text-align: left;
    font-size: 1.6rem;
  }

  #index .index-copy .copy-container .copy br {
    display: none;
  }

  #index .contents-box {
    padding-top: 20px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  #index .index-copy .copy-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
  }

  #index .index-copy .copy-container .copy {
    text-align: left;
    font-size: 1.6rem;
  }

  #index .index-copy .copy-container .copy br {
    display: none;
  }

  #index .contents-box {
    padding-top: 20px;
    margin-bottom: 30px;
  }
}
#index .contents-box__title {
  font-size: 4.8rem;
  text-align: center;
  font-style: italic;
  margin-bottom: 20px;
  line-height: 1.2;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: .5s;
  transition: 0.5s;
}

@media screen and (max-width: 1000px) {
  #index .contents-box__title {
    font-size: 2.8rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box__title {
    font-size: 2.8rem;
    margin-bottom: 15px;
  }
}
#index .contents-box__title.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#index .contents-box__lead {
  text-align: center;
  margin-bottom: 28px;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: .8s;
  transition: 0.8s;
}

#index .contents-box__lead.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#index .contents-box .section__list__menu {
  width: calc(100% / 3);
  float: left;
  position: relative;
  height: auto;
  opacity: 0;
}

#index .contents-box .section__list__menu:nth-child(1) {
  -webkit-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transition: .6s;
  transition: 0.6s;
}

@media screen and (max-width: 1000px) {
  #index .contents-box__lead {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    text-align: left;
  }

  #index .contents-box__lead br {
    display: none;
  }

  #index .contents-box .section__list__menu:nth-child(1) {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box__lead {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    text-align: left;
  }

  #index .contents-box__lead br {
    display: none;
  }

  #index .contents-box .section__list__menu:nth-child(1) {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }
}
#index .contents-box .section__list__menu:nth-child(1).mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#index .contents-box .section__list__menu:nth-child(2) {
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
  -webkit-transition: 1s;
  transition: 1s;
}

@media screen and (max-width: 1000px) {
  #index .contents-box .section__list__menu:nth-child(2) {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box .section__list__menu:nth-child(2) {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }
}
#index .contents-box .section__list__menu:nth-child(2).mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#index .contents-box .section__list__menu:nth-child(3) {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
  -webkit-transition: 1.7s;
  transition: 1.7s;
}

@media screen and (max-width: 1000px) {
  #index .contents-box .section__list__menu:nth-child(3) {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }

  #index .contents-box .section__list__menu {
    width: 100%;
    background-color: #e9f5f0;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box .section__list__menu:nth-child(3) {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }

  #index .contents-box .section__list__menu {
    width: 100%;
    background-color: #e9f5f0;
  }
}
#index .contents-box .section__list__menu:nth-child(3).mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

@media screen and (max-width: 1000px) {
  #index .contents-box .section__list__menu:nth-child(even) .section__list__menu__img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box .section__list__menu:nth-child(even) .section__list__menu__img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 1000px) {
  #index .contents-box .section__list__menu:nth-child(even) .section__list__menu__box {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box .section__list__menu:nth-child(even) .section__list__menu__box {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}
#index .contents-box .section__list__menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#index .contents-box .section__list__menu__img {
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 1000px) {
  #index .contents-box .section__list__menu__img {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box .section__list__menu__img {
    width: 50%;
  }
}
#index .contents-box .section__list__menu__img img {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}

#index .contents-box .section__list__menu__img img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}

#index .contents-box .section__list__menu__box {
  width: 80%;
  padding: 25px 30px 5px;
  background-color: #fff;
  position: absolute;
  top: 80%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  color: #333;
}

@media screen and (max-width: 1000px) {
  #index .contents-box .section__list__menu__box {
    width: 50%;
    position: relative;
    margin: 0;
    background-color: #e9f5f0;
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box .section__list__menu__box {
    width: 50%;
    position: relative;
    margin: 0;
    background-color: #e9f5f0;
    padding: 0 15px;
  }
}
#index .contents-box .section__list__menu__box:hover + .section__list__menu__img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .7;
  display: none;
}

#index .contents-box .section__list__menu__box--title {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 10px;
  -webkit-transform: translate(0, 15px);
  transform: translate(0, 15px);
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}

#index .contents-box .section__list__menu__box--title.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

@media screen and (max-width: 1000px) {
  #index .contents-box .section__list__menu__box--title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box .section__list__menu__box--title {
    font-size: 1.8rem;
  }

  #index .contents-box .section__list__menu__box--text {
    font-size: 1.3rem;
  }
}
#index .contents-box .section__list__menu__box--text {
  line-height: 1.5;
  text-align: left;
  -webkit-transform: translate(0, 15px);
  transform: translate(0, 15px);
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}

#index .contents-box .section__list__menu__box--text.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#index .sec-wrap {
  margin-top: 150px;
}

@media screen and (max-width: 1000px) {
  #index .contents-box .section__list__menu__box--text {
    font-size: 1.3rem;
  }

  #index .sec-wrap {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #index .sec-wrap {
    margin-top: 60px;
  }
}
#index .contents-box2:first-child {
  margin-top: 100px;
}

#index .contents-box2 a {
  display: block;
}

#index .contents-box2 a:hover .detail {
  color: #fff;
}

#index .contents-box2 a:hover .detail .background {
  width: 100%;
}

#index .contents-box2 .section__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 328px;
  background-color: #fbdd11;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .3s;
  transition-duration: 0.3s;
}

#index .contents-box2 .section__more:hover .section__more__img__content {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.8;
}

@media screen and (max-width: 1000px) {
  #index .contents-box2:first-child {
    margin-top: 0;
  }

  #index .contents-box2 .section__more {
    height: 200px;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box2:first-child {
    margin-top: 0;
  }

  #index .contents-box2 .section__more {
    height: 200px;
  }

  #index .contents-box2 .section__more__explain {
    height: auto;
  }
}
#index .contents-box2 .section__more__explain {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
  background-color: #fbdd11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#index .contents-box2 .section__more__explain__inner {
  width: 63%;
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}

@media screen and (max-width: 1000px) {
  #index .contents-box2 .section__more__explain {
    height: auto;
  }

  #index .contents-box2 .section__more__explain__inner {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    width: 98%;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box2 .section__more__explain__inner {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    width: 98%;
  }
}
#index .contents-box2 .section__more__explain__inner.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#index .contents-box2 .section__more__explain__inner--title {
  font-size: 3.9rem;
  text-align: center;
  font-style: italic;
}

@media screen and (max-width: 1000px) {
  #index .contents-box2 .section__more__explain__inner--title {
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  #index .contents-box2 .section__more__explain__inner--text {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box2 .section__more__explain__inner--title {
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  #index .contents-box2 .section__more__explain__inner--text {
    display: none;
  }
}
#index .contents-box2 .section__more__explain__inner--text {
  color: #333;
  margin-bottom: 30px;
}

#index .contents-box2 .section__more__explain__inner .detail {
  border: 1px solid #008051;
  padding: 15px;
  text-align: center;
  color: #008051;
  width: 50%;
  margin: 0 auto;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  position: relative;
}

#index .contents-box3, #index .contents-box4 {
  margin-top: 60px;
}

@media screen and (max-width: 1000px) {
  #index .contents-box2 .section__more__explain__inner .detail {
    font-size: 1.3rem;
    width: 70%;
    padding: 8px;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box2 .section__more__explain__inner .detail {
    font-size: 1.3rem;
    width: 70%;
    padding: 8px;
  }
}
#index .contents-box2 .section__more__explain__inner .detail .text {
  position: relative;
  z-index: 10;
}

#index .contents-box2 .section__more__explain__inner .detail .background {
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #008051;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .3s;
  transition-duration: 0.3s;
}

#index .contents-box2 .section__more__img {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
  height: 328px;
  overflow: hidden;
  background-color: #fff;
}

@media screen and (max-width: 1000px) {
  #index .contents-box2 .section__more__img {
    height: 200px;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box2 .section__more__img {
    height: 200px;
  }
}
#index .contents-box2 .section__more__img__content {
  background-size: cover;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  width: 100%;
  height: 328px;
}

#index .contents-box2 .section__more .img-about {
  background-image: url(/img/index/sec_about.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

#index .contents-box2 .section__more .img-div {
  background-image: url(/img/index/sec_div.jpg);
  background-repeat: no-repeat;
}

#index .contents-box3 .section__list2__menu {
  overflow: hidden;
}

#index .contents-box3 .section__list2__menu__item {
  width: 486px;
  float: left;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1000px) {
  #index .contents-box3 .section__list2__menu__item {
    width: auto;
    height: 130px;
    margin-bottom: 15px;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box3 .section__list2__menu__item {
    width: auto;
    height: 130px;
    margin-bottom: 15px;
    float: none;
  }
}
#index .contents-box3 .section__list2__menu__item:nth-child(2n) {
  float: right;
  background-color: #e9e7ea;
}

#index .contents-box3 .section__list2__menu__item__title {
  display: block;
  position: absolute;
  font-size: 2.8rem;
  font-weight: 700;
  color: #333;
}

#index .contents-box3 .section__list2__menu__item__title.pos1 {
  top: 70px;
  left: 300px;
}

@media screen and (max-width: 1000px) {
  #index .contents-box3 .section__list2__menu__item:nth-child(2n) {
    float: none;
  }

  #index .contents-box3 .section__list2__menu__item__title {
    font-size: 2.4rem;
  }

  #index .contents-box3 .section__list2__menu__item__title.pos1 {
    top: calc(50% - 10px);
    left: 50%;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box3 .section__list2__menu__item:nth-child(2n) {
    float: none;
  }

  #index .contents-box3 .section__list2__menu__item__title {
    font-size: 2.1rem;
  }

  #index .contents-box3 .section__list2__menu__item__title.pos1 {
    top: calc(50% - 10px);
    left: 50%;
  }
}
#index .contents-box3 .section__list2__menu__item__title.pos2 {
  top: 70px;
  left: 270px;
}

#index .contents-box3 .section__list2__menu__item a {
  display: block;
}

#index .contents-box3 .section__list2__menu__item a img {
  width: 486px;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .6s;
  transition-duration: 0.6s;
}

#index .contents-box3 .section__list2__menu__item a:hover > img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}

#index .contents-box4 .section__list__menu__item a:hover, #main .category_top .container .box:hover .titlebox {
  opacity: 0.8;
}

#index .contents-box4 .container {
  text-align: center;
}

#index .contents-box4 .section__list__menu {
  display: inline-block;
  overflow: hidden;
}

#index .contents-box4 .section__list__menu__item {
  float: left;
  margin-right: 50px;
}

@media screen and (max-width: 1000px) {
  #index .contents-box3 .section__list2__menu__item__title.pos2 {
    top: calc(50% - 10px);
    left: 50%;
  }

  #index .contents-box3 .section__list2__menu__item a img {
    width: auto;
    height: 130px;
  }

  #index .contents-box4 {
    margin-top: 40px;
  }

  #index .contents-box4 .section__list__menu__item {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #index .contents-box3 .section__list2__menu__item__title.pos2 {
    top: calc(50% - 10px);
    left: 50%;
  }

  #index .contents-box3 .section__list2__menu__item a img {
    width: auto;
    height: 130px;
  }

  #index .contents-box4 {
    margin-top: 40px;
  }

  #index .contents-box4 .section__list__menu__item {
    margin-right: 10px;
  }
}
#index .contents-box4 .section__list__menu__item:nth-last-child {
  margin-right: 0;
}

#index .container {
  margin-top: 0;
}

#main .category_top {
  padding-top: 50px;
}

#main .category_top h1 {
  margin-bottom: 25px;
  font-size: 3.3rem;
  font-weight: 700;
  color: #008051;
  text-align: center;
}

#main .category_top .container {
  margin-top: 0;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  #main .category_top .container {
    padding: 0;
  }
}
#main .category_top .container .text {
  margin-bottom: 50px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #main .category_top .container {
    padding: 0;
  }

  #main .category_top .container .text {
    padding-left: 15px;
    padding-right: 15px;
  }

  #main .category_top .container .text br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #main .category_top .container .text {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
  }

  #main .category_top .container .text br {
    display: none;
  }
}
#main .category_top .container .box {
  background: #008051;
  -webkit-transition: all .1s linear 0s;
  transition: all 0.1s linear 0s;
}

#main .category_top .container .box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.8;
}

#main .category_top .container .box:hover .titlebox .link .text {
  color: #008051;
}

#main .category_top .container .box:hover .titlebox .link .background {
  width: 100%;
}

#main .category_top .container .box a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#main .category_top .container .box img {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  width: 100%;
}

#main .category_top .container .box .titlebox {
  width: 60%;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 0;
}

@media screen and (max-width: 1000px) {
  #main .category_top .container .box .titlebox {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }
}
@media screen and (max-width: 767px) {
  #main .category_top .container .box .titlebox {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    width: 80%;
  }
}
#main .category_top .container .box .titlebox.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#main .category_top .container .box .titlebox .name {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #main .category_top .container .box .titlebox .name {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  #main .category_top .container .box .titlebox .name {
    font-size: 1.5rem;
  }
}
#main .category_top .container .box .titlebox .detail {
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 1000px) {
  #main .category_top .container .box .titlebox .detail {
    font-size: 1.4rem;
    line-height: 1.5;
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #main .category_top .container .box .titlebox .detail {
    font-size: 1.2rem;
    line-height: 1.5;
    display: none;
  }
}
#main .category_top .container .box .titlebox .link {
  margin: 20px auto 0;
  width: 40%;
  padding: 10px;
  border: 1px solid #fff;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #main .category_top .container .box .titlebox .link {
    margin-top: 10px;
    width: 70%;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  #main .category_top .container .box .titlebox .link {
    margin-top: 5px;
    width: 100%;
    font-size: 1.3rem;
    padding: 5px;
  }
}
#main .category_top .container .box .titlebox .link.link2 {
  margin-top: 10px;
}

#main .category_top .container .box .titlebox .link a {
  display: block;
  line-height: 34px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
}

#company_history .container .detail, #company_outline .container .detail {
  border-top: 1px solid #e2e2e2;
}

#main .category_top .container .box .titlebox .link .text {
  position: relative;
  z-index: 10;
}

#main .category_top .container .box .titlebox .link .background {
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .3s;
  transition-duration: 0.3s;
}

#company .title, #company_base .title, #company_history .title, #company_outline .title, #company_philosophy .title {
  background-image: url(../img/company/index_main.jpg);
}

#main .category_top .container .box1 .box-contents1 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}

#main .category_top .container .box1:nth-child(odd) .box-contents1:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#main .category_top .container .box1 .image {
  background-color: #fff;
}

#company .title {
  background-position: center 0;
}

@media screen and (max-width: 1000px) {
  #main .category_top .container .box .titlebox .link a {
    font-size: 1.4rem;
    line-height: 24px;
  }

  #company .title {
    background-position: -90px 0;
  }
}
@media screen and (max-width: 767px) {
  #main .category_top .container .box .titlebox .link a {
    font-size: 1.2rem;
    line-height: 20px;
  }

  #company .title {
    background-position: -90px 0;
  }
}
#company .container .text1 {
  font-size: 2.1rem;
  font-weight: 700;
}

#company .container .text2 {
  margin-top: 35px;
}

#company .container .text2 p {
  margin-bottom: 35px;
}

#company .container .text3 {
  margin-top: 30px;
  font-size: 2rem;
  text-align: right;
}

#company_philosophy .title {
  background-position: center 0;
}

@media screen and (max-width: 1000px) {
  #company_philosophy .title {
    background-position: -90px 0;
  }
}
@media screen and (max-width: 767px) {
  #company_philosophy .title {
    background-position: -90px 0;
  }
}
#company_philosophy .container {
  margin-top: 115px;
}

#company_philosophy .container .img {
  text-align: center;
}

#company_outline .title {
  background-position: center 0;
}

#company_outline .container .detail li {
  position: relative;
  padding: 11px 0;
  font-size: 1.6rem;
  line-height: 24px;
  border-bottom: 1px solid #e2e2e2;
}

#company_outline .container .detail li .name {
  position: absolute;
  top: 11px;
  left: 11px;
  font-weight: 700;
}

#company_outline .container .detail li .value {
  margin-left: 200px;
}

@media screen and (max-width: 1000px) {
  #company_outline .title {
    background-position: -90px 0;
  }

  #company_outline .container .detail li {
    padding: 10px 0;
  }

  #company_outline .container .detail li .name {
    position: relative;
    top: 0;
    left: 0;
  }

  #company_outline .container .detail li .value {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #company_outline .title {
    background-position: -90px 0;
  }

  #company_outline .container .detail li {
    padding: 10px 0;
  }

  #company_outline .container .detail li .name {
    position: relative;
    top: 0;
    left: 0;
  }

  #company_outline .container .detail li .value {
    margin-left: 0;
  }
}
#company_outline .container .photo {
  margin: 64px auto 0;
}

#company_outline .container .photo li {
  float: left;
  padding-right: 64px;
}

@media screen and (max-width: 1000px) {
  #company_outline .container .photo li {
    float: none;
    margin: 0 0 15px;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #company_outline .container .photo li {
    float: none;
    margin: 0 0 15px;
    padding-right: 0;
  }
}
#company_outline .container .photo li.last {
  padding-right: 0;
}

#company_outline .container .photo li .text {
  margin-top: 5px;
  font-size: 1.6rem;
}

#company_outline .container dl {
  margin-top: 60px;
}

#company_outline .container dl dt {
  font-size: 2.1rem;
  font-weight: 700;
}

#company_outline .container dl dd {
  margin-top: 12px;
  font-size: 1.6rem;
}

#company_outline .container dl dd .img {
  margin-top: 25px;
  margin-left: 8px;
}

@media screen and (max-width: 1000px) {
  #company_outline .container dl dd .img {
    width: 40%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #company_outline .container dl dd .img {
    width: 40%;
    margin: 0 auto;
  }

  #company_outline .container dl dd .img img {
    margin-bottom: 15px;
  }
}
#company_outline .container dl dd .img a:hover {
  opacity: 0.8;
}

#company_outline .container dl dd .img img {
  margin-right: 36px;
}

#company_history .title {
  background-position: center 0;
}

#company_history .container .detail li {
  position: relative;
  padding: 11px 0;
  font-size: 1.6rem;
  line-height: 24px;
  border-bottom: 1px solid #e2e2e2;
}

#company_history .container .detail li .name {
  position: absolute;
  top: 11px;
  left: 11px;
  font-weight: 700;
}

#company_history .container .detail li .value {
  margin-left: 200px;
}

@media screen and (max-width: 1000px) {
  #company_outline .container dl dd .img img {
    margin-bottom: 15px;
  }

  #company_history .title {
    background-position: -90px 0;
  }

  #company_history .container .detail li {
    padding: 10px 0;
  }

  #company_history .container .detail li .name {
    position: relative;
    top: 0;
    left: 0;
  }

  #company_history .container .detail li .value {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #company_history .title {
    background-position: -90px 0;
  }

  #company_history .container .detail li {
    padding: 10px 0;
  }

  #company_history .container .detail li .name {
    position: relative;
    top: 0;
    left: 0;
  }

  #company_history .container .detail li .value {
    margin-left: 0;
  }
}
#company_base .title {
  background-position: center 0;
}

@media screen and (max-width: 1000px) {
  #company_base .title {
    background-position: -90px 0;
  }
}
@media screen and (max-width: 767px) {
  #company_base .title {
    background-position: -90px 0;
  }
}
#company_base .container {
  margin-top: 0;
  padding-top: 90px;
  width: 100%;
  max-width: 100%;
  background-image: url(../img/company/base/map.svg);
  background-position: -500px -330px;
  background-repeat: no-repeat;
}

#company_base .container .container-sub {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
}

#company_base .container .detail dt {
  font-size: 2.1rem;
  font-weight: 700;
}

@media screen and (max-width: 1000px) {
  #company_base .container {
    padding-top: 50px;
  }

  #company_base .container .container-sub {
    width: 100%;
  }

  #company_base .container .detail dt {
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  #company_base .container {
    padding-top: 50px;
  }

  #company_base .container .container-sub {
    width: 100%;
  }

  #company_base .container .detail dt {
    line-height: 1.3;
  }

  #company_base .container .detail dd {
    line-height: 1.8;
  }
}
#company_base .container .detail dd {
  margin-top: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 1000px) {
  #company_base .container .detail dd {
    line-height: 1.8;
  }

  #div_creative .title {
    background-position: 0 0;
  }
}
#company_base .container .detail .box1, #company_base .container .detail .box2 {
  margin-bottom: 65px;
}

#company_base .container .detail .box3 {
  margin-bottom: 45px;
}

#company_base .container .country .name {
  margin-bottom: 24px;
  padding-bottom: 10px;
  font-size: 2.1rem;
  font-weight: 700;
  border-bottom: 1px solid #c3c3c3;
}

#company_base .container .country dl {
  margin-bottom: 30px;
}

#div_creative .box1, #div_creative .box2 {
  margin-bottom: 58px;
}

#company_base .container .country dt {
  font-weight: 700;
}

#company_base .container .country dd {
  line-height: 1.5;
}

.box {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  transition-duration: .8s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.box:nth-child(1) {
  -webkit-transition-duration: .8s;
  transition-duration: 0.8s;
}

.box:nth-child(2), .box:nth-child(3) {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}

.box:nth-child(4), .box:nth-child(5), .box:nth-child(6) {
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

.box.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#inquiry .confirm-form-box .back-btn-box a:hover, #quality_informationsecurity .container .policy .box2 .img a:hover, #sitemap .container a:hover {
  opacity: 0.8;
}

#div_creative .title {
  background-image: url(../img/div/creative/index_main.jpg);
}

#div_creative .box1 .boxL {
  width: 610px;
}

#div_creative .box1 .boxR, #div_creative .box2 .boxL {
  width: 350px;
}

#div_creative .box2 .boxR {
  width: 610px;
}

#div_creative .box3 {
  margin-bottom: 90px;
}

#div_creative .box4 {
  margin-bottom: 58px;
}

#div_creative .box4 .boxL {
  width: 350px;
}

#div_creative .box4 .boxR {
  width: 610px;
}

#div_creative .products {
  margin: 100px 0 60px 38px;
}

#div_creative .products li {
  float: left;
  padding-right: 38px;
}

@media screen and (max-width: 1000px) {
  #div_creative .products li {
    float: none;
    margin: 0 auto 10px;
    padding-right: 0;
    width: 50%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #div_creative .title {
    background-position: 0 0;
  }

  #div_creative .products li {
    float: none;
    margin: 0 auto 10px;
    padding-right: 0;
    width: 50%;
    text-align: center;
  }
}
#div_creative_database .title {
  background-image: url(../img/div/creative/database_main.jpg);
}

#div_creative_database .box1 {
  margin-bottom: 50px;
}

#div_creative_database .box1 .boxL {
  width: 610px;
}

#div_creative_database .box1 .boxR, #div_creative_database .box3 .boxL {
  width: 350px;
}

#div_creative_database .box2 {
  margin-bottom: 95px;
}

#div_creative_database .box2 .img {
  margin-top: 50px;
  text-align: center;
}

#div_creative_database .box3 {
  margin-bottom: 140px;
}

#div_creative_database .box3 .boxR {
  width: 610px;
}

#div_creative_database .box3 .img {
  margin-top: 88px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #div_creative_database .box3 .img img {
    display: block;
    margin: 0 auto 10px;
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  #div_creative_database .box3 .img img {
    display: block;
    margin: 0 auto;
    width: 70%;
  }
}
#div_manufacturing .box2 .detail__item, #div_manufacturing .box3 .photos img {
  display: inline-block;
}

#div_creative_database .box3 .img .img1 {
  margin-right: 80px;
}

@media screen and (max-width: 1000px) {
  #div_creative_database .box3 .img .img1 {
    margin: 0 auto 10px;
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  #div_creative_database .box3 .img .img1 {
    margin: 0 auto 10px;
    width: 70%;
  }
}
#div_creative_database .box3 .img .img2 {
  margin-right: 72px;
}

@media screen and (max-width: 1000px) {
  #div_creative_database .box3 .img .img2 {
    margin: 0 auto 10px;
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  #div_creative_database .box3 .img .img2 {
    margin: 0 auto 10px;
    width: 70%;
  }
}
#div_creative_database .box4 .boxL {
  width: 610px;
}

#div_creative_database .box4 .boxR {
  width: 350px;
}

#div_creative_image .title {
  background-image: url(../img/div/creative/image_main.jpg);
}

#div_creative_image .box1 {
  margin-bottom: 106px;
}

#div_creative_image .box1 .boxL {
  width: 580px;
}

#div_creative_image .box1 .boxR {
  width: 380px;
}

#div_creative_image .box2 {
  margin-bottom: 100px;
}

#div_creative_image .box2 .boxL {
  width: 350px;
}

#div_creative_image .box2 .boxR {
  width: 610px;
}

#div_creative_image .box3 .img .boxL, #div_creative_image .box3 .img .boxR {
  width: 480px;
}

#div_creative_image .box3 {
  margin-bottom: 80px;
}

#div_creative_image .box3 .img {
  margin-top: 40px;
  text-align: center;
}

#div_creative_image .box3 .img .imgL {
  margin-right: 40px;
}

#div_creative_image .box4 .boxL {
  width: 610px;
}

#div_creative_image .box4 .boxR {
  width: 350px;
}

#div_creative_writing .title {
  background-image: url(../img/div/creative/writing_main.jpg);
}

@media screen and (max-width: 1000px) {
  #div_creative_image .box3 .img .boxL {
    margin-bottom: 15px;
  }

  #div_creative_writing .title {
    background-position: -228px 0;
  }
}
@media screen and (max-width: 767px) {
  #div_creative_image .box3 .img .boxL {
    margin-bottom: 15px;
  }

  #div_creative_writing .title {
    background-position: -228px 0;
  }
}
#div_creative_writing .box1 {
  margin-bottom: 100px;
}

#div_creative_writing .box1 .boxL {
  width: 625px;
}

#div_creative_writing .box1 .boxR, #div_creative_writing .box2 .boxL {
  width: 350px;
}

#div_creative_writing .box2 {
  margin-bottom: 85px;
}

#div_creative_writing .box2 .boxR, #div_creative_writing .box4 .boxL {
  width: 610px;
}

#div_creative_writing .box3 {
  margin-bottom: 80px;
}

#div_creative_writing .box4 .boxR {
  width: 350px;
}

#div_creative_honyaku .title {
  background-image: url(../img/div/creative/honyaku_main.jpg);
}

#div_creative_honyaku .box1 {
  margin-bottom: 95px;
}

#div_creative_honyaku .box1 .boxL {
  width: 625px;
}

#div_creative_honyaku .box1 .boxR, #div_creative_honyaku .box2 .boxL {
  width: 350px;
}

#div_creative_honyaku .box2 {
  margin-bottom: 85px;
}

#div_creative_honyaku .box2 .boxR, #div_creative_honyaku .box3 .boxL {
  width: 610px;
}

#div_creative_honyaku .box3 {
  margin-bottom: 80px;
}

#div_creative_package .box1, #div_creative_package .box2 {
  margin-bottom: 95px;
}

#div_creative_honyaku .box3 .boxR {
  margin-top: 40px;
  width: 350px;
}

#div_creative_package .title {
  background-image: url(../img/div/creative/package_main.jpg);
}

#div_creative_package .box1 .boxL {
  width: 610px;
}

#div_creative_package .box1 .boxR, #div_creative_package .box2 .boxL {
  width: 350px;
}

#div_creative_package .box2 .boxR {
  width: 630px;
}

#div_creative_package .box2 .text2 {
  margin-top: 30px;
}

#div_creative_package .box3 {
  margin-bottom: 105px;
}

#div_creative_package .box3 .boxL {
  width: 610px;
}

#div_creative_package .box3 .boxR {
  margin-top: 35px;
  width: 350px;
}

#div_creative_package .box4 .img {
  margin-top: 55px;
  text-align: center;
}

#div_creative_package .box4 .img .imgL {
  margin-right: 38px;
}

#div_creative_ondemand .title {
  background-image: url(../img/div/creative/ondemand_main.jpg);
}

#div_creative_ondemand .box1 {
  margin-bottom: 95px;
}

#div_creative_ondemand .box1 .boxL {
  width: 610px;
}

#div_creative_ondemand .box1 .boxR, #div_creative_ondemand .box2 .boxL {
  width: 350px;
}

#div_creative_ondemand .box2 {
  margin-bottom: 80px;
}

#div_creative_ondemand .box2 .boxR, #div_creative_ondemand .box4 .boxL {
  width: 610px;
}

#div_creative_ondemand .box3 {
  margin-bottom: 35px;
}

#div_creative_ondemand .box3 .img {
  margin-top: 50px;
  text-align: center;
}

#div_creative_ondemand .box3 .img p {
  margin-bottom: 25px;
}

#div_creative_ondemand .box4 .boxR {
  width: 350px;
}

#div_creative_ondemand .box4 .boxR li {
  float: left;
  margin-bottom: 13px;
  padding-right: 10px;
}

@media screen and (max-width: 1000px) {
  #div_creative_ondemand .box4 .boxR li {
    width: 30%;
    margin: 0 1% 13px;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #div_creative_ondemand .box4 .boxR li {
    width: 30%;
    margin: 0 1% 13px;
    padding: 0;
  }
}
#div_creative_ondemand .box4 .boxR li p {
  width: 89px;
  font-size: 1.6rem;
  color: #008051;
  line-height: 37px;
  text-align: center;
  border: 1px solid #008051;
  border-radius: 3px;
}

@media screen and (max-width: 1000px) {
  #div_creative_ondemand .box4 .boxR li p {
    width: auto;
  }

  #div_creative_web .title {
    background-position: -470px 0;
  }
}
@media screen and (max-width: 767px) {
  #div_creative_ondemand .box4 .boxR li p {
    width: auto;
  }

  #div_creative_web .title {
    background-position: -470px 0;
  }
}
#div_creative_dtp .title {
  background-image: url(../img/div/creative/dtp_main.jpg);
}

#div_creative_dtp .box1 {
  margin-bottom: 75px;
}

#div_creative_dtp .box1 .img {
  margin-top: 25px;
  text-align: center;
}

#div_creative_dtp .box1 .img .imgL {
  margin-right: 79px;
}

#div_creative_dtp .box2 {
  margin-bottom: 65px;
}

#div_creative_dtp .box3, #div_creative_web .box1 {
  margin-bottom: 90px;
}

#div_creative_dtp .box2 .img {
  margin-top: 45px;
  text-align: center;
}

#div_creative_dtp .box2 .img .imgL {
  margin-right: 63px;
}

#div_creative_dtp .box3 .img {
  margin-top: 55px;
  text-align: center;
}

#div_creative_dtp .box3 .img .imgL {
  margin-right: 70px;
}

#div_creative_dtp .box4 .boxL {
  width: 610px;
}

#div_creative_dtp .box4 .boxR {
  width: 350px;
}

#div_creative_web .title {
  background-image: url(../img/div/creative/web_main.jpg);
}

#div_creative_web .text a {
  color: #333;
}

#div_tour h1, #inquiry h2 {
  color: #008051;
  text-align: center;
}

#div_creative_web .box2 {
  margin-bottom: 70px;
}

#div_creative_web .box2 .boxL {
  width: 620px;
}

#div_creative_web .box2 .boxR, #div_creative_web .box4 .boxL {
  width: 350px;
}

#div_creative_web .box3 {
  margin-bottom: 95px;
}

#div_creative_web .box4 {
  margin-bottom: 100px;
}

#div_creative_web .box4 .boxR {
  width: 610px;
}

#div_creative_web .box5, #div_creative_web .box6 {
  margin-bottom: 95px;
}

#div_creative_web .box6 .img {
  margin-top: 60px;
  text-align: center;
}

#div_manufacturing .title {
  background-image: url(../img/div/manufacturing/index_main.jpg);
}

#div_manufacturing .box1 {
  margin-bottom: 65px;
}

#div_manufacturing .box1 .boxL {
  width: 620px;
}

#div_manufacturing .box1 .boxR {
  width: 350px;
}

#div_manufacturing .box2 h3 {
  margin-bottom: 20px;
  padding-bottom: 6px;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #ebecec;
}

#div_manufacturing .box2 h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 30px;
}

#div_manufacturing .box2 .boxL, #div_manufacturing .box2 .boxR {
  width: 474px;
}

#div_manufacturing .box2 .machine {
  margin-bottom: 30px;
}

@media screen and (max-width: 1000px) {
  #div_manufacturing .box2 .machine .modal--movie {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #div_manufacturing .box2 .machine .modal--movie {
    margin-bottom: 20px;
  }
}
#div_manufacturing .box2 .detail {
  margin-bottom: 35px;
  font-size: 1.5rem;
  line-height: 31px;
}

#div_manufacturing_binding .box2 h3, #div_manufacturing_sheetfed .box2 .machine h3 {
  font-size: 1.8rem;
  padding-bottom: 6px;
  border-bottom: 1px solid #ebecec;
  font-weight: 700;
}

#div_manufacturing .box2 .detail__title {
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
}

#div_manufacturing .box2 .detail1 {
  height: 240px;
}

@media screen and (max-width: 1000px) {
  #div_manufacturing .box2 .detail1 {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #div_manufacturing .box2 .detail1 {
    height: auto;
  }
}
#div_manufacturing .box2 .detail2 {
  height: 135px;
}

#div_manufacturing .box2 .img {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  #div_manufacturing .box2 .detail2 {
    height: auto;
  }

  #div_manufacturing .box2 .img {
    margin-bottom: 20px;
  }
}
#div_manufacturing .box3 .boxL {
  width: 620px;
}

#div_manufacturing .box3 .boxR {
  width: 350px;
}

#div_manufacturing .box3 .photos {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #div_manufacturing .box2 .detail2 {
    height: auto;
  }

  #div_manufacturing .box2 .img {
    margin-bottom: 20px;
  }

  #div_manufacturing .box3 .photos img {
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #div_manufacturing .box3 .photos img {
    margin: 0 auto;
    display: block;
  }
}
#div_manufacturing .box3 .photos img.imgL {
  margin-right: 50px;
}

@media screen and (max-width: 1000px) {
  #div_manufacturing .box3 .photos img.imgL {
    margin: 0 auto 20px;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #div_manufacturing .box3 .photos img.imgL {
    margin: 0 auto 20px;
    display: block;
  }
}
#div_manufacturing_sheetfed .title {
  background-image: url(../img/div/manufacturing/sheetfed/index_main.jpg);
}

#div_manufacturing_sheetfed .box1 {
  margin-bottom: 65px;
}

#div_manufacturing_sheetfed .box2 {
  margin-bottom: 75px;
}

#div_manufacturing_sheetfed .box2 .machine {
  margin-bottom: 30px;
}

#div_manufacturing_sheetfed .box2 .photos .modal--movie {
  width: 322px;
  margin-right: 16px;
}

#div_manufacturing_sheetfed .box2 .photos img {
  display: inline-block;
  margin-right: 16px;
}

@media screen and (max-width: 1000px) {
  #div_manufacturing_sheetfed .box2 .photos img {
    display: block;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 767px) {
  #div_manufacturing_sheetfed .box2 .photos img {
    display: block;
    margin: 0 auto 20px;
  }
}
#div_manufacturing_sheetfed .box2 .photos img.last {
  margin-right: 0;
}

@media screen and (max-width: 1000px) {
  #div_manufacturing_sheetfed .box2 .photos img.last {
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 767px) {
  #div_manufacturing_sheetfed .box2 .photos img.last {
    margin: 0 auto 20px;
  }
}
#div_manufacturing_binding .title {
  background-image: url(../img/div/manufacturing/binding/index_main.jpg);
}

#div_manufacturing_binding .box1, #div_manufacturing_binding .box2 {
  margin-bottom: 55px;
}

#div_manufacturing_binding .box2 h3 {
  margin-bottom: 20px;
}

#div_manufacturing_binding .box2 h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 30px;
}

#div_manufacturing_binding .box2 .spec {
  margin-bottom: 35px;
  font-size: 1.5rem;
}

#div_manufacturing_binding .box2 .margin-bottom75 {
  margin-bottom: 60px;
}

@media screen and (max-width: 1000px) {
  #div_manufacturing_binding .box2 .margin-bottom75 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  #div_manufacturing_binding .box2 .margin-bottom75 {
    margin-bottom: 30px;
  }
}
#div_manufacturing_binding .box2 .detail {
  margin-bottom: 35px;
  font-size: 1.5rem;
  line-height: 31px;
}

#div_manufacturing_binding .box2 .detail__title {
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
}

#div_manufacturing_binding .box2 .detail__item {
  display: inline-block;
}

#div_manufacturing_binding .box2 .photos {
  margin-bottom: 75px;
}

@media screen and (max-width: 767px) {
  #div_manufacturing_binding .box2 .photos {
    margin-bottom: 30px;
  }
}
#div_manufacturing_binding .box2 .photos .modal--movie {
  width: 322px;
  margin-right: 0;
}

#div_manufacturing_binding .box2 .photos img {
  display: inline-block;
  margin-right: 16px;
}

@media screen and (max-width: 1000px) {
  #div_manufacturing_binding .box2 .photos {
    margin-bottom: 30px;
  }

  #div_manufacturing_binding .box2 .photos img {
    display: block;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 767px) {
  #div_manufacturing_binding .box2 .photos img {
    display: block;
    margin: 0 auto 20px;
  }
}
#div_manufacturing_binding .box2 .photos img.last {
  margin-right: 0;
}

#div_manufacturing_paperware .title {
  background-image: url(../img/div/manufacturing/paperware/index_main.jpg);
}

@media screen and (max-width: 1000px) {
  #div_manufacturing_binding .box2 .photos img.last {
    margin: 0 auto 20px;
  }

  #div_manufacturing_paperware .title {
    background-position: -200px 0;
  }
}
@media screen and (max-width: 767px) {
  #div_manufacturing_binding .box2 .photos img.last {
    margin: 0 auto 20px;
  }

  #div_manufacturing_paperware .title {
    background-position: -200px 0;
  }
}
#div_manufacturing_paperware .box1 {
  margin-bottom: 55px;
}

#div_manufacturing_paperware .box2 h3 {
  padding-bottom: 6px;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #ebecec;
}

#div_manufacturing_paperware .box2 .modal--movie {
  margin-bottom: 30px;
}

#div_logistics .title {
  background-image: url(../img/div/logistics/index_main.jpg);
}

#div_logistics h3 {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1em;
}

#div_logistics .box1 {
  margin-bottom: 85px;
}

#div_logistics .box1 .boxL {
  width: 630px;
}

#div_logistics .box1 .boxR {
  width: 350px;
}

#div_logistics .box2 {
  margin-bottom: 55px;
}

#div_logistics .box2 .boxL {
  width: 441px;
}

#div_logistics .box2 .boxL img {
  margin-bottom: 20px;
}

#div_logistics .box2 .boxR {
  width: 520px;
}

#div_logistics .box2 .text {
  margin-bottom: 10px;
}

#div_logistics .box3 {
  margin-bottom: 65px;
}

#div_tour {
  padding-top: 50px;
}

#div_tour h1 {
  font-size: 3rem;
  font-weight: 700;
}

#div_tour .lead {
  text-align: center;
  margin: 15px 0 0;
}

@media screen and (max-width: 1000px) {
  #div_tour .lead {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  #div_tour .lead {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
  }
}
#products_attachment .subcontainer .text, #products_package .subcontainer .text, #products_sales .subcontainer .text, #services_facility .subcontainer .text, #services_quality .subcontainer .text, #services_solution .subcontainer .text {
  font-size: 1.4rem;
  line-height: 24px;
}

#div_tour .movie {
  margin-bottom: 100px;
}

#div_tour .movie:nth-child(odd) {
  float: left;
}

#div_tour .movie:nth-child(even) {
  float: right;
}

#div_tour .movie .modal--movie {
  width: 485px;
  height: 273px;
}

#div_tour .movie .caption {
  text-align: center;
}

#products_sales .title {
  background-image: url(../img/products/sales/index_main.jpg);
}

@media screen and (max-width: 1000px) {
  #div_tour .movie {
    margin-bottom: 30px;
  }

  #products_sales .title {
    background-position: -340px 0;
  }
}
@media screen and (max-width: 767px) {
  #div_tour .movie {
    margin-bottom: 30px;
  }

  #products_sales .title {
    background-position: -340px 0;
  }
}
#products_sales .container {
  margin-top: 50px;
}

#products_sales .box1 {
  margin-bottom: 65px;
}

#products_sales .subcontainer {
  margin-top: 75px;
  margin-bottom: 90px;
  height: 1220px;
  background: #f0f8f5;
}

#products_sales .subcontainer .subcontainer-box {
  position: relative;
  margin: 0 auto;
  width: 1000px;
}

@media screen and (max-width: 1000px) {
  #products_sales .subcontainer {
    height: auto;
  }

  #products_sales .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_sales .subcontainer {
    height: auto;
  }

  #products_sales .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
#products_sales .subcontainer .subbox1 {
  position: absolute;
  top: 70px;
  left: 50px;
  width: 420px;
}

@media screen and (max-width: 1000px) {
  #products_sales .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #products_sales .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#products_sales .subcontainer .subbox1 img {
  position: absolute;
  top: -109px;
  left: 436px;
}

@media screen and (max-width: 1000px) {
  #products_sales .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_sales .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#products_sales .subcontainer .subbox2 {
  position: absolute;
  top: 535px;
  left: 548px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #products_sales .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #products_sales .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#products_sales .subcontainer .subbox2 img {
  position: absolute;
  top: -190px;
  left: -536px;
}

@media screen and (max-width: 1000px) {
  #products_sales .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_sales .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#products_sales .subcontainer .subbox3 {
  position: absolute;
  top: 940px;
  left: 78px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #products_sales .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #products_sales .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#products_sales .subcontainer .subbox3 img {
  position: absolute;
  top: -175px;
  left: 416px;
}

#products_package .title {
  background-image: url(../img/products/package/index_main.jpg);
}

@media screen and (max-width: 1000px) {
  #products_sales .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #products_package .title {
    background-position: -350px 0;
  }
}
@media screen and (max-width: 767px) {
  #products_sales .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #products_package .title {
    background-position: -600px 0;
  }
}
#products_package .container {
  margin-top: 50px;
}

#products_package .box1 {
  margin-bottom: 65px;
}

#products_package .subcontainer {
  margin-top: 75px;
  margin-bottom: 90px;
  height: 1220px;
  background: #f0f8f5;
}

#products_package .subcontainer .subcontainer-box {
  position: relative;
  margin: 0 auto;
  width: 1000px;
}

@media screen and (max-width: 1000px) {
  #products_package .subcontainer {
    height: auto;
  }

  #products_package .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_package .subcontainer {
    height: auto;
  }

  #products_package .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
#products_package .subcontainer .subbox1 {
  position: absolute;
  top: 70px;
  left: 50px;
  width: 420px;
}

@media screen and (max-width: 1000px) {
  #products_package .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #products_package .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#products_package .subcontainer .subbox1 img {
  position: absolute;
  top: -109px;
  left: 436px;
}

@media screen and (max-width: 1000px) {
  #products_package .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_package .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#products_package .subcontainer .subbox2 {
  position: absolute;
  top: 535px;
  left: 548px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #products_package .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #products_package .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#products_package .subcontainer .subbox2 img {
  position: absolute;
  top: -190px;
  left: -536px;
}

@media screen and (max-width: 1000px) {
  #products_package .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_package .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#products_package .subcontainer .subbox3 {
  position: absolute;
  top: 940px;
  left: 78px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #products_package .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #products_package .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#products_package .subcontainer .subbox3 img {
  position: absolute;
  top: -175px;
  left: 416px;
}

#products_attachment .title {
  background-image: url(../img/products/attachment/index_main.jpg);
}

@media screen and (max-width: 1000px) {
  #products_package .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #products_attachment .title {
    background-position: 0 0;
  }
}
@media screen and (max-width: 767px) {
  #products_package .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #products_attachment .title {
    background-position: 0 0;
  }
}
#products_attachment .container {
  margin-top: 50px;
}

#products_attachment .box1 {
  margin-bottom: 65px;
}

#products_attachment .subcontainer {
  margin-top: 75px;
  margin-bottom: 90px;
  height: 1220px;
  background: #f0f8f5;
}

#products_attachment .subcontainer .subcontainer-box {
  position: relative;
  margin: 0 auto;
  width: 1000px;
}

@media screen and (max-width: 1000px) {
  #products_attachment .subcontainer {
    height: auto;
  }

  #products_attachment .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_attachment .subcontainer {
    height: auto;
  }

  #products_attachment .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
#products_attachment .subcontainer .subbox1 {
  position: absolute;
  top: 70px;
  left: 50px;
  width: 420px;
}

@media screen and (max-width: 1000px) {
  #products_attachment .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #products_attachment .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#products_attachment .subcontainer .subbox1 img {
  position: absolute;
  top: -109px;
  left: 436px;
}

@media screen and (max-width: 1000px) {
  #products_attachment .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_attachment .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#products_attachment .subcontainer .subbox2 {
  position: absolute;
  top: 535px;
  left: 548px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #products_attachment .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #products_attachment .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#products_attachment .subcontainer .subbox2 img {
  position: absolute;
  top: -190px;
  left: -536px;
}

@media screen and (max-width: 1000px) {
  #products_attachment .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_attachment .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#products_attachment .subcontainer .subbox3 {
  position: absolute;
  top: 940px;
  left: 78px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #products_attachment .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #products_attachment .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#products_attachment .subcontainer .subbox3 img {
  position: absolute;
  top: -175px;
  left: 416px;
}

#services_solution .title {
  background-image: url(../img/services/solution/index_main.jpg);
}

#services_solution .container {
  margin-top: 50px;
}

#services_solution .box1 {
  margin-bottom: 65px;
}

#services_solution .subcontainer {
  margin-top: 75px;
  margin-bottom: 90px;
  height: 1220px;
  background: #f0f8f5;
}

@media screen and (max-width: 1000px) {
  #products_attachment .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #services_solution .subcontainer {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #products_attachment .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #services_solution .subcontainer {
    height: auto;
  }
}
#services_solution .subcontainer .subcontainer-box {
  position: relative;
  margin: 0 auto;
  width: 1000px;
}

@media screen and (max-width: 1000px) {
  #services_solution .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_solution .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
#services_solution .subcontainer .subbox1 {
  position: absolute;
  top: 70px;
  left: 50px;
  width: 420px;
}

@media screen and (max-width: 1000px) {
  #services_solution .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #services_solution .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#services_solution .subcontainer .subbox1 img {
  position: absolute;
  top: -109px;
  left: 436px;
}

@media screen and (max-width: 1000px) {
  #services_solution .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_solution .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#services_solution .subcontainer .subbox2 {
  position: absolute;
  top: 505px;
  left: 548px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #services_solution .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #services_solution .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#services_solution .subcontainer .subbox2 img {
  position: absolute;
  top: -160px;
  left: -536px;
}

@media screen and (max-width: 1000px) {
  #services_solution .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_solution .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#services_solution .subcontainer .subbox3 {
  position: absolute;
  top: 910px;
  left: 78px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #services_solution .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #services_solution .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#services_solution .subcontainer .subbox3 img {
  position: absolute;
  top: -145px;
  left: 416px;
}

#services_quality .title {
  background-image: url(../img/services/quality/index_main.jpg);
}

@media screen and (max-width: 1000px) {
  #services_solution .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #services_quality .title {
    background-position: -350px 0;
  }
}
#services_quality .container {
  margin-top: 50px;
}

#services_quality .box1 {
  margin-bottom: 65px;
}

#services_quality .subcontainer {
  margin-top: 75px;
  margin-bottom: 90px;
  height: 1220px;
  background: #f0f8f5;
}

@media screen and (max-width: 767px) {
  #services_solution .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #services_quality .subcontainer {
    height: auto;
  }
}
#services_quality .subcontainer .subcontainer-box {
  position: relative;
  margin: 0 auto;
  width: 1000px;
}

@media screen and (max-width: 1000px) {
  #services_quality .subcontainer {
    height: auto;
  }

  #services_quality .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_quality .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
#services_quality .subcontainer .subbox1 {
  position: absolute;
  top: 70px;
  left: 50px;
  width: 420px;
}

@media screen and (max-width: 1000px) {
  #services_quality .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #services_quality .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#services_quality .subcontainer .subbox1 img {
  position: absolute;
  top: -109px;
  left: 436px;
}

@media screen and (max-width: 1000px) {
  #services_quality .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_quality .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#services_quality .subcontainer .subbox2 {
  position: absolute;
  top: 535px;
  left: 548px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #services_quality .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #services_quality .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#services_quality .subcontainer .subbox2 img {
  position: absolute;
  top: -190px;
  left: -536px;
}

@media screen and (max-width: 1000px) {
  #services_quality .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_quality .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#services_quality .subcontainer .subbox3 {
  position: absolute;
  top: 940px;
  left: 78px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #services_quality .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #services_quality .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#services_quality .subcontainer .subbox3 img {
  position: absolute;
  top: -175px;
  left: 416px;
}

#services_facility .title {
  background-image: url(../img/services/facility/index_main.jpg);
}

#services_facility .container {
  margin-top: 50px;
}

#services_facility .box1 {
  margin-bottom: 65px;
}

#services_facility .subcontainer {
  margin-top: 75px;
  margin-bottom: 90px;
  height: 1220px;
  background: #f0f8f5;
}

@media screen and (max-width: 1000px) {
  #services_quality .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #services_facility .subcontainer {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_quality .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #services_facility .subcontainer {
    height: auto;
  }
}
#services_facility .subcontainer .subcontainer-box {
  position: relative;
  margin: 0 auto;
  width: 1000px;
}

@media screen and (max-width: 1000px) {
  #services_facility .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_facility .subcontainer .subcontainer-box {
    padding: 15px;
    width: auto;
  }
}
#services_facility .subcontainer .subbox1 {
  position: absolute;
  top: 70px;
  left: 50px;
  width: 420px;
}

@media screen and (max-width: 1000px) {
  #services_facility .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #services_facility .subcontainer .subbox1 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#services_facility .subcontainer .subbox1 img {
  position: absolute;
  top: -109px;
  left: 436px;
}

@media screen and (max-width: 1000px) {
  #services_facility .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_facility .subcontainer .subbox1 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#services_facility .subcontainer .subbox2 {
  position: absolute;
  top: 535px;
  left: 548px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #services_facility .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #services_facility .subcontainer .subbox2 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#services_facility .subcontainer .subbox2 img {
  position: absolute;
  top: -190px;
  left: -536px;
}

@media screen and (max-width: 1000px) {
  #services_facility .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #services_facility .subcontainer .subbox2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
#services_facility .subcontainer .subbox3 {
  position: absolute;
  top: 940px;
  left: 78px;
  width: 410px;
}

@media screen and (max-width: 1000px) {
  #services_facility .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #services_facility .subcontainer .subbox3 {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 30px;
    width: 100%;
  }
}
#services_facility .subcontainer .subbox3 img {
  position: absolute;
  top: -175px;
  left: 416px;
}

@media screen and (max-width: 1000px) {
  #services_facility .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #services_facility .container, #services_quality .container, #services_solution .container {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #services_facility .subcontainer .subbox3 img {
    position: static;
    top: auto;
    left: auto;
  }

  #services_facility .container, #services_quality .container, #services_solution .container {
    margin-top: 30px;
  }
}
@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1) rotate(0.02deg);
    transform: scale(1) rotate(0.02deg);
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2) rotate(0.02deg);
  }
}
#inquiry .container {
  width: 800px;
  margin-top: 0;
}

#inquiry h2 {
  font-size: 3.2rem;
  font-weight: 700;
  padding-top: 53px;
  padding-bottom: 50px;
}

#inquiry .inquiry-title {
  font-weight: 700;
  font-size: 2.1rem;
  text-align: center;
  margin-bottom: 20px;
}

#inquiry .lead {
  text-align: center;
  margin-bottom: 50px;
}

#inquiry .explain, #inquiry .terms p {
  margin-bottom: 30px;
}

@media screen and (max-width: 1000px) {
  #inquiry .container {
    width: 100%;
  }

  #inquiry h2 {
    padding-bottom: 20px;
  }

  #inquiry .lead {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .container {
    width: 100%;
  }

  #inquiry h2 {
    padding-bottom: 20px;
  }

  #inquiry .lead {
    text-align: left;
  }
}
#inquiry .explain {
  border: 1px dotted #e1e1e1;
  padding: 20px;
}

#inquiry .terms {
  margin-top: 20px;
}

#inquiry .terms h4 {
  font-weight: 700;
}

#inquiry .error-text {
  background-color: #ffe6e6;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #da504d;
}

#inquiry .error-text ul li {
  color: #da504d;
  padding-left: 1em;
  text-indent: -1em;
}

#inquiry .consent-form-box .consent-box .req {
  display: block;
  width: 240px;
  border-radius: 3px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  background-color: #f7d1d1;
}

#inquiry .consent-form-box .consent-box .req.ok {
  background-color: #adead2;
}

#inquiry .consent-form-box .consent-box .req input[type=checkbox] {
  margin-right: 10px;
}

#inquiry .consent-form-box .btn-box {
  margin-top: 50px;
  text-align: center;
}

#inquiry .consent-form-box .btn-box .btn {
  width: 370px;
  padding: 20px;
  font-size: 2.1rem;
  margin: 0 auto;
}

#inquiry .input-form-box .row {
  border-top: 1px solid #e1e1e1;
  overflow: hidden;
  padding: 20px 0;
}

@media screen and (max-width: 1000px) {
  #inquiry .consent-form-box .btn-box .btn {
    width: 100%;
  }

  #inquiry .input-form-box .row {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .consent-form-box .btn-box .btn {
    width: 100%;
  }

  #inquiry .input-form-box .row {
    display: block;
  }
}
#inquiry .input-form-box .row:nth-last-child(2) {
  border-bottom: 1px solid #e1e1e1;
}

#inquiry .input-form-box .row h3 {
  font-weight: 700;
  width: 250px;
  float: left;
  position: relative;
  font-size: 1.6rem;
}

#inquiry .input-form-box .row h3 .req {
  position: absolute;
  right: 0;
  top: 2px;
  border-radius: 3px;
  background-color: #eb2121;
  display: inline-block;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.3;
  padding: 3px 5px;
}

#inquiry .input-form-box .row .input-box input[type=text].err, #inquiry .input-form-box .row .input-box textarea.err {
  border: 1px solid #eb2121;
}

@media screen and (max-width: 1000px) {
  #inquiry .input-form-box .row h3 {
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }

  #inquiry .input-form-box .row h3 .req {
    top: -5px;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .input-form-box .row h3 {
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }

  #inquiry .input-form-box .row h3 .req {
    top: -5px;
  }
}
#inquiry .input-form-box .row .input-box {
  width: 550px;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 1000px) {
  #inquiry .input-form-box .row .input-box {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .input-form-box .row .input-box {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
#inquiry .input-form-box .row .input-box input[type=text] {
  width: 100%;
}

#inquiry .input-form-box .row .input-box input[type=text].short {
  width: 200px;
  margin-left: 10px;
  margin-right: 10px;
}

@media screen and (max-width: 1000px) {
  #inquiry .input-form-box .row .input-box input[type=text].short {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .input-form-box .row .input-box input[type=text].short {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#inquiry .input-form-box .row .input-box textarea {
  width: 100%;
  margin-top: 10px;
}

#inquiry .input-form-box .row .input-box label {
  margin-right: 10px;
}

#inquiry .input-form-box .row .input-box .radio label {
  display: block;
  margin-bottom: 10px;
}

#inquiry .input-form-box .row .input-box .radio label:last-child {
  margin-bottom: 0;
}

#inquiry .input-form-box .row .input-box .name {
  display: inline-block;
  width: 35px;
  text-align: right;
}

@media screen and (max-width: 1000px) {
  #inquiry .input-form-box .row .input-box .name {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .input-form-box .row .input-box .name {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
  }
}
#inquiry .input-form-box .row .input-box .note {
  margin-top: 8px;
  line-height: 1.1;
}

#inquiry .input-form-box .btn-box {
  margin-top: 65px;
  text-align: center;
}

#inquiry .input-form-box .btn-box button.form-submit {
  width: 370px;
  padding: 20px;
  font-size: 2.1rem;
  margin: 0 auto;
}

#inquiry .confirm-form-box .row {
  border-top: 1px solid #e1e1e1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1000px) {
  #inquiry .input-form-box .btn-box button.form-submit {
    width: 100%;
  }

  #inquiry .confirm-form-box .row {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .input-form-box .btn-box button.form-submit {
    width: 100%;
  }

  #inquiry .confirm-form-box .row {
    display: block;
  }
}
#inquiry .confirm-form-box .row:nth-last-child(3) {
  border-bottom: 1px solid #e1e1e1;
}

#inquiry .confirm-form-box .row h3 {
  font-weight: 700;
  width: 250px;
  float: left;
  position: relative;
  background-color: #eff6ee;
  padding: 20px;
  font-size: 1.6rem;
  margin-bottom: 0;
  line-height: 1.1;
}

@media screen and (max-width: 1000px) {
  #inquiry .confirm-form-box .row h3 {
    float: none;
    width: 100%;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .confirm-form-box .row h3 {
    float: none;
    width: 100%;
    padding: 10px;
  }
}
#inquiry .confirm-form-box .row .confirm-box {
  width: 550px;
  float: left;
  padding: 20px;
}

@media screen and (max-width: 1000px) {
  #inquiry .confirm-form-box .row .confirm-box {
    float: none;
    width: 100%;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .confirm-form-box .row .confirm-box {
    float: none;
    width: 100%;
    padding: 10px;
  }
}
#inquiry .confirm-form-box .btn-box {
  margin-top: 65px;
  text-align: center;
}

#inquiry .confirm-form-box .btn-box button.form-submit {
  width: 370px;
  padding: 20px;
  font-size: 2.1rem;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  #inquiry .confirm-form-box .btn-box button.form-submit {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .confirm-form-box .btn-box button.form-submit {
    width: 100%;
  }
}
#inquiry .confirm-form-box .back-btn-box {
  margin-top: 10px;
}

#inquiry .confirm-form-box .back-btn-box a {
  background-color: #fff;
  background-image: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  color: #008051;
  font-size: 1.8rem;
}

#inquiry .complete-form-box .btn-box {
  margin-top: 65px;
  text-align: center;
}

#inquiry .complete-form-box .btn-box .btn {
  width: 370px;
  padding: 20px;
  font-size: 2.1rem;
  margin: 0 auto;
}

#quality_informationsecurity .title {
  background-image: url(../img/quality-informationsecurity/index_main.jpg);
}

@media screen and (max-width: 1000px) {
  #inquiry .complete-form-box .btn-box .btn {
    width: 100%;
  }

  #quality_informationsecurity .title {
    background-position: -100px 0;
  }
}
@media screen and (max-width: 767px) {
  #inquiry .complete-form-box .btn-box .btn {
    width: 100%;
  }

  #quality_informationsecurity .title {
    background-position: -100px 0;
  }
}
#quality_informationsecurity .container h2 {
  margin-bottom: 30px;
  font-size: 2.8rem;
  font-weight: 700;
  color: #333;
}

#quality_informationsecurity .container h3 {
  margin-bottom: 15px;
  font-size: 2.1rem;
}

#quality_informationsecurity .container p {
  margin-bottom: 30px;
  line-height: 30px;
}

#quality_informationsecurity .container table {
  margin-bottom: 40px;
  width: 100%;
  font-size: 1.6rem;
  line-height: 30px;
  border-collapse: collapse;
  border: 1px solid #e2e2e2;
}

#quality_informationsecurity .container table th {
  padding: 5px 0;
  width: 50%;
  text-align: center;
  font-weight: 400;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px dotted #e2e2e2;
}

#quality_informationsecurity .container table td {
  padding: 15px;
  letter-spacing: -1px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px dotted #e2e2e2;
  line-height: 1.5;
}

#quality_informationsecurity .container .name {
  margin-bottom: 0;
  text-align: right;
  font-size: 1.8rem;
}

#quality_informationsecurity .container .name .text-l {
  font-size: 2.1rem;
}

#quality_informationsecurity .container .box {
  margin-bottom: 35px;
  border-bottom: 1px solid #e2e2e2;
}

#quality_informationsecurity .container .policy {
  padding-bottom: 40px;
}

#quality_informationsecurity .container .policy .box1 {
  margin-bottom: 105px;
}

#quality_informationsecurity .container .policy .box1 .img {
  margin-bottom: 5px;
}

@media screen and (max-width: 1000px) {
  #quality_informationsecurity .container .policy .box1 .img {
    width: 40%;
    margin: 0 auto 5px;
  }

  #quality_informationsecurity .container .policy .box1 .imgtext {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #quality_informationsecurity .container .policy .box1 .img {
    width: 40%;
    margin: 0 auto 5px;
  }

  #quality_informationsecurity .container .policy .box1 .imgtext {
    text-align: center;
  }
}
#quality_informationsecurity .container .policy .box1 .imgtext {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 21px;
}

#quality_informationsecurity .container .policy .box2 .img {
  margin-bottom: 0;
}

@media screen and (max-width: 1000px) {
  #quality_informationsecurity .container .policy .box2 .img {
    width: 40%;
    margin: 0 auto 5px;
  }
}
@media screen and (max-width: 767px) {
  #quality_informationsecurity .container .policy .box2 .img {
    width: 40%;
    margin: 0 auto 5px;
  }
}
#quality_informationsecurity .container .quality {
  padding-bottom: 35px;
}

#quality_informationsecurity .container .quality h3 {
  text-align: center;
}

#quality_informationsecurity .container .quality .text1 {
  margin-bottom: 70px;
  text-align: center;
}

#quality_informationsecurity .container .quality .quality-policy li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
  margin-bottom: 10px;
}

#quality_informationsecurity .container .privacy .name {
  margin-bottom: 65px;
}

#quality_informationsecurity .container .privacy .privacy-policy {
  margin-bottom: 50px;
  margin-top: 50px;
}

#quality_informationsecurity .container .privacy .privacy-policy li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
  margin-bottom: 10px;
}

#quality_informationsecurity .container .personal-number {
  border: none;
}

#quality_informationsecurity .container .personal-number .name {
  margin-bottom: 30px;
}

#environment .title {
  background-image: url(../img/environment/index_main.jpg);
}

#environment .container h2 {
  margin-bottom: 30px;
  font-size: 2.8rem;
  font-weight: 700;
  color: #333;
}

#environment .container h3 {
  margin-bottom: 15px;
  font-size: 2.1rem;
}

#environment .container p {
  margin-bottom: 30px;
  line-height: 30px;
}

#environment .container table {
  margin-bottom: 40px;
  width: 100%;
  font-size: 1.6rem;
  line-height: 30px;
}

#environment .container table th {
  padding: 5px 0;
  width: 50%;
  text-align: center;
  font-weight: 400;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

#environment .container table td {
  padding: 5px 10px 5px 35px;
  letter-spacing: -1px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

#environment .container ul {
  margin-bottom: 30px;
}

#environment .container ul li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 30px;
}

#environment .container .name {
  margin-bottom: 0;
  text-align: right;
  font-size: 1.8rem;
}

#recruit .recruit__box .btn-inquiry, #recruit .select__recruit__menu__item, #recruit h1, #sitemap h1, #topics h1, #topics_article h1 {
  text-align: center;
  font-weight: 700;
}

#environment .container .name .text-l {
  font-size: 2.1rem;
}

#environment .container .box {
  margin-bottom: 25px;
  padding-bottom: 70px;
  border-bottom: 1px solid #e2e2e2;
}

#environment .container .policy {
  padding-bottom: 40px;
}

#environment .container .policy .img {
  margin-bottom: 4px;
}

@media screen and (max-width: 1000px) {
  #environment .container .policy .img {
    width: 40%;
    margin: 0 auto 5px;
  }
}
@media screen and (max-width: 767px) {
  #environment .container .policy .img {
    width: 40%;
    margin: 0 auto 5px;
  }
}
#environment .container .policy .imgtext {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 21px;
}

#environment .container .fsc {
  padding-bottom: 0;
  border-bottom: none;
}

#environment .container .fsc .img {
  margin-bottom: 0;
}

@media screen and (max-width: 1000px) {
  #environment .container .fsc .img {
    width: 40%;
    margin: 0 auto 5px;
  }
}
@media screen and (max-width: 767px) {
  #environment .container .fsc .img {
    width: 40%;
    margin: 0 auto 5px;
  }
}
#local .container .box1, #local .container .box2, #local .container p {
  margin-bottom: 70px;
}

#local .title {
  background-image: url(../img/local/index_main.jpg);
}

#local .container .box1 .boxL {
  width: 350px;
}

#local .container .box1 .boxR, #local .container .box2 .boxL {
  width: 620px;
}

#local .container .box2 .boxR {
  width: 350px;
}

#local .container .imgs img {
  margin-right: 70px;
}

@media screen and (max-width: 1000px) {
  #local .container .imgs img {
    margin: 0 0 15px;
  }
}
@media screen and (max-width: 767px) {
  #local .container .imgs img {
    margin: 0 0 15px;
  }
}
#local .container .imgs img.last {
  margin-right: 0;
}

#sitemap {
  padding-top: 50px;
}

#sitemap h1 {
  margin-bottom: 65px;
  font-size: 3rem;
  color: #008051;
}

#sitemap .container h2 {
  font-size: 2.1rem;
}

#sitemap .container a {
  color: #333;
}

#sitemap .container ul {
  margin: 20px 0 60px;
  border-top: 1px solid #e1e1e1;
}

#sitemap .container ul li {
  border-bottom: 1px solid #e1e1e1;
}

#sitemap .container ul li a {
  padding: 15px 18px;
  display: block;
}

#sitemap .container ul li a:hover {
  background-color: #e9f5f0;
}

#sitemap .container ul li.sub a {
  padding-left: 50px;
}

#recruit {
  padding-top: 50px;
}

#recruit h1 {
  font-size: 3rem;
  color: #008051;
}

#recruit .select__recruit {
  margin-bottom: 30px;
}

#recruit .select__recruit__menu {
  border-bottom: 2px solid #008051;
  overflow: hidden;
}

#recruit .select__recruit__menu__item {
  float: left;
  width: 48.5%;
  font-size: 2.1rem;
  background-color: #f1f1f1;
  padding: 20px;
  cursor: pointer;
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 1000px) {
  #recruit .select__recruit__menu__item {
    font-size: 1.8rem;
  }

  #recruit .recruit__title {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #recruit .select__recruit__menu__item {
    font-size: 1.8rem;
  }

  #recruit .recruit__title {
    text-align: center;
  }
}
#recruit .select__recruit__menu__item:last-child {
  float: right;
}

#recruit .select__recruit__menu__item:hover {
  opacity: 1;
  background-color: #d1d1d1;
}

#recruit .select__recruit__menu .select-tab__menu__item--active {
  background-color: #008051;
  color: #fff;
}

#recruit .recruit__title {
  color: #333;
  font-size: 2.4rem;
  line-height: 1.4;
  margin-bottom: 20px;
}

#recruit .recruit__lead {
  margin-bottom: 70px;
}

#recruit .recruit__box {
  margin-bottom: 80px;
}

#recruit .recruit__box__title {
  font-size: 2.1rem;
  border: 1px solid #e1e1e1;
  border-left: 7px solid #e1e1e1;
  padding: 7px 15px 5px;
}

#recruit .recruit__box__detail__row .requirement td, #recruit .recruit__box__detail__row .requirement th {
  border-bottom: 1px solid #e1e1e1;
  padding: 8px 12px;
  line-height: 1.4;
}

#recruit .recruit__box__title .text-small {
  font-size: 1.6rem;
}

#recruit .recruit__box__text {
  margin-bottom: 20px;
}

#recruit .recruit__box__bnr a {
  display: inline-block;
}

#recruit .recruit__box__bnr a:hover {
  opacity: 0.4;
}

#recruit .recruit__box__bnr img {
  width: 130px;
}

#recruit .recruit__box__bnr {
  text-align: center;
}

#recruit .recruit__box__contact {
  margin-bottom: 30px;
  line-height: 1.4;
}

#recruit .recruit__box__detail__row__title {
  font-weight: 700;
  margin-bottom: 5px;
  background-color: #008051;
  color: #fff;
  padding: 5px;
}

#recruit .recruit__box__detail__row .requirement {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 50px;
}

#recruit .recruit__box__detail__row .requirement th {
  background-color: #f1f1f1;
  font-weight: 700;
}

#recruit .recruit__box__detail__row .requirement .occupation {
  background-color: #021c12;
  color: #fff;
  font-weight: 700;
}

#topics .topics__list__menu__item a:hover .date, #topics .topics__list__menu__item a:hover .title, #topics h1 {
  color: #008051;
}

#recruit .recruit__box__detail__row .requirement .col1 {
  width: 20%;
}

#recruit .recruit__box .btn-inquiry {
  font-size: 2.1rem;
  line-height: 80px;
  width: 452px;
  margin: 50px auto 0;
}

#topics {
  padding-top: 50px;
}

#topics h1 {
  margin-bottom: 80px;
  font-size: 3rem;
}

@media screen and (max-width: 1000px) {
  #recruit .recruit__box__bnr {
    text-align: center;
  }

  #recruit .recruit__box .btn-inquiry {
    width: 100%;
  }

  #topics h1 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  #recruit .recruit__box__bnr {
    text-align: center;
  }

  #recruit .recruit__box .btn-inquiry {
    width: 100%;
  }

  #topics h1 {
    margin-bottom: 50px;
  }
}
#topics .topics__list__menu__item {
  width: 303px;
  float: left;
  margin-right: 45px;
  margin-bottom: 50px;
  -webkit-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transition: 1.1s;
  transition: 1.1s;
  opacity: 0;
}

@media screen and (max-width: 1000px) {
  #topics .topics__list__menu__item {
    width: 100%;
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  #topics .topics__list__menu__item {
    width: 100%;
    margin-bottom: 70px;
  }
}
#topics .topics__list__menu__item.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#topics .topics__list__menu__item:nth-child(3n) {
  margin-right: 0;
}

#topics .topics__list__menu__item a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.8;
}

#topics .topics__list__menu__item a:hover .detail {
  color: #fff;
}

#topics .topics__list__menu__item a:hover .detail .background {
  width: 100%;
}

#topics .topics__list__menu__item .thumb {
  margin-bottom: 10px;
  overflow: hidden;
}

#topics .topics__list__menu__item .thumb img {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  width: 100%;
}

#topics .topics__list__menu__item .date {
  color: #333;
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 8px;
}

#topics .topics__list__menu__item .title {
  color: #333;
  font-weight: 700;
  height: auto;
  margin-bottom: 10px;
}

#topics .topics__list__menu__item .detail {
  color: #008051;
  border: 1px solid #008051;
  padding: 5px;
  text-align: center;
  font-weight: 700;
  position: relative;
}

#topics .topics__list__menu__item .detail .text {
  position: relative;
  z-index: 1;
}

#topics .topics__list__menu__item .detail .background {
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #008051;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: .3s;
  transition-duration: 0.3s;
}

#topics_article {
  padding-top: 50px;
}

#topics_article .container {
  width: 800px;
}

#topics_article h1 {
  margin-bottom: 80px;
  font-size: 3rem;
  color: #008051;
}

@media screen and (max-width: 1000px) {
  #topics_article .container {
    width: 100%;
  }

  #topics_article h1 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  #topics_article .container {
    width: 100%;
  }

  #topics_article h1 {
    margin-bottom: 50px;
  }
}
#topics_article .topics_article--pubdate {
  font-size: 1.4rem;
  text-align: right;
  display: block;
  margin-bottom: 10px;
}

#topics_article .topics_article--title {
  font-size: 2.4rem;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.3;
}

#topics_article .topics_article__body {
  margin-bottom: 40px;
}

#topics_article .topics_article__body--title {
  font-size: 2.4rem;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.1;
}

#topics_article .topics_article__body--paragraph {
  margin-bottom: 30px;
}

#topics_article .topics_article__body--image {
  margin: 0 auto 30px;
}

#topics_article .topics_article__body--image .image {
  margin-bottom: 5px;
}

@media screen and (max-width: 1000px) {
  #topics_article .topics_article--pubdate {
    text-align: left;
  }

  #topics_article .topics_article__body--image, #topics_article .topics_article__body--image .image {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #topics_article .topics_article--pubdate {
    text-align: left;
  }

  #topics_article .topics_article__body--image, #topics_article .topics_article__body--image .image {
    width: 100%;
  }
}
#topics_article .topics_article__body--image .caption {
  text-align: left;
  font-size: 1.4rem;
}

#topics_article .topics_article__subsection {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 40px;
}

#topics_article .topics_article__subsection--title {
  font-weight: 700;
  font-size: 1.9rem;
  line-height: 1.1;
  margin-bottom: 20px;
}

#topics_article .topics_article__subsection__menu {
  margin: 0;
  padding: 0;
}

#topics_article .topics_article__subsection__menu__item {
  margin-bottom: 13px;
}

#topics_article .topics_article__subsection__menu__item:last-child {
  margin-bottom: 0;
}

#topics_article .topics_article__backlink .btn_topicsback {
  width: 400px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  #topics_article .topics_article__backlink .btn_topicsback {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #topics_article .topics_article__backlink .btn_topicsback {
    width: 100%;
  }
}
@media print {
  blockquote, img, pre, tr {
    page-break-inside: avoid;
  }

  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  blockquote, pre {
    border: 1px solid #999;
  }

  thead {
    display: table-header-group;
  }

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

  @page {
    margin: 0.5cm;
  }
  h2, h3, p {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }

  #header-navi {
    display: none;
  }
}
/* 旧スタイルシートCSS ここまで */
/* 共有 */
.no-border {
  border: none !important;
}

#main {
  /*padding-bottom: 0;*/
}
#main .title {
  display: table;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}
#main .title div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 20px;
  font-size: 4.0rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 5px;
  color: #fff;
  /*background: url(../img/common/main_over.png);*/
}
#main .title div .en_title {
  font-size: 2.0rem;
  display: block;
  letter-spacing: 0;
}

.font-b {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}

#main h2, #main h3 {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}

.company .container .detail li .name {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}

.block_table th {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}

/* 真生印刷のについて */
.company .link_btn {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  display: inline-block;
}

.company .link_btn a {
  font-size: 1.6rem;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
  color: #fff;
  padding: 10px 15px 9px 40px;
  opacity: 1;
  transition: .6s;
  background: url(../img/common/double_arrow.png) left 10px center no-repeat #008051;
  background-size: 23px 16px;
  margin-left: 10px;
}

/* 環境活動 */
.environment .container .box .poster_img img {
  margin: 100px 0 0 0;
}

/* 採用情報 */
.container .interview_box {
  margin: 0 auto;
  width: 100%;
  max-width: 1030px;
  padding: 0 15px;
}

.container .interview_box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.container .interview_box ul li {
  width: 22%;
  margin: 0 0 20px 0;
}

.container .interview_box ul li a {
  opacity: 1;
  transition: .6s;
}

.container .interview_box ul li img {
  width: 100%;
  margin: 0 0 10px 0;
}

.container .interview_box ul li a p {
  text-align: center;
  color: #333;
}

.container .interview_box ul li a p span {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-weight: bold;
  font-size: 20px;
}

.contact_text p {
  text-align: center;
  margin-top: 30px;
  padding: 0 15px;
}

#recruit {
  padding-top: 0;
}

.recruit .title {
  background-image: url(../img/recruit/recruit_top.jpg);
}

/* 採用情報 社員紹介 */
#recruit_staff .main_img {
  position: relative;
}
#recruit_staff .main_img img {
  width: auto;
  max-width: 100%;
}
#recruit_staff .main_img .staff-people {
  position: absolute;
  bottom: -70px;
  right: 0px;
  width: 50%;
  max-height: 50%;
  background-color: #37BFEF;
  padding: 20px;
}
#recruit_staff .main_img .staff-people p {
  color: #fff;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
#recruit_staff .main_img .staff-people p.staff-people-ttl {
  border-bottom: 2px solid #fff;
  padding-bottom: 5px;
}
#recruit_staff .main_img .staff-people p.staff-people-ttl span.staff_number {
  font-size: 2.4rem;
  color: #FFFFFF;
  padding-left: 5px;
}
#recruit_staff .main_img .staff-people p.staff-people-post {
  font-size: 1.5rem;
  line-height: 2rem;
  padding-top: 10px;
}
#recruit_staff .container {
  margin-top: 150px;
}
#recruit_staff h2 {
  font-size: 3rem;
  color: #37bfef;
  line-height: 42px;
}
#recruit_staff img {
  width: 100%;
}
#recruit_staff section.recruit-staff-cate {
  margin-bottom: 100px;
}
#recruit_staff .staff-h3::after {
  content: '';
  width: 100%;
  display: block;
  bottom: 26px;
  background-color: #37BFEF;
  height: 3px;
  position: relative;
  z-index: -1000;
}
#recruit_staff .staff-h3 h3 {
  width: 40%;
  background-color: #37BFEF;
  color: #fff;
  font-size: 2rem;
  padding-left: 10px;
  margin: 30px 0 5px 0;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
#recruit_staff p span {
  color: #37BFEF;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul {
  max-height: 600px;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li h4 {
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li h4.message-h {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  color: #333;
  font-size: 1.8rem;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li h4.message-h span {
  font-family: 'ヒラギノUD明朝 W6 JIS2004','Hiragino UD Serif W6 JIS2004';
  color: #37BFEF;
  font-size: 3rem;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.message-ttl {
  width: 1000px;
  max-width: 1000px;
  margin: 0 auto;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.message-ttl h4 {
  position: relative;
  right: -35%;
  top: 60px;
  width: 65%;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.left {
  width: 1000px;
  max-width: 1000px;
  margin: 0 auto;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.left p.s-m_img {
  width: 30%;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.left p.s-m_img img {
  width: 100%;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.right {
  width: 100%;
  background-color: #CCF1FC;
  position: relative;
  top: -270px;
  z-index: -1000;
  min-height: 300px;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.right p.messeage-comment {
  width: 1000px;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  padding: 40px 0;
}
#recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.right p.messeage-comment span {
  width: 65%;
  color: #333333;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W6 JIS2004';
}
#recruit_staff h5 {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  text-align: center;
  padding-bottom: 7px;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-size: 3rem;
}
#recruit_staff .staff-container {
  margin: 50px 0 0 0;
}
#recruit_staff .staff-container .interview_box {
  margin: 0 auto;
  width: 100%;
  max-width: 1030px;
  padding: 0 15px;
}
#recruit_staff .staff-container .interview_box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#recruit_staff .staff-container .interview_box ul li {
  width: 30%;
  margin: 0 0 20px 0;
}
#recruit_staff .staff-container .interview_box ul li a {
  opacity: 1;
  transition: .6s;
}
#recruit_staff .staff-container .interview_box ul li a p {
  text-align: center;
  color: #333;
}
#recruit_staff .staff-container .interview_box ul li a p span {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-weight: bold;
  font-size: 20px;
  color: #333;
}
#recruit_staff .staff-container .interview_box ul li img {
  width: 100%;
  margin: 0 0 10px 0;
}

/* 個人情報について お問い合わせ */
/* 真生ロジスティクス */
#div_logistics .box1 .boxR img {
  margin-bottom: 20px;
}

#div_logistics .boxL h3, #div_logistics .wf_img_box h3 {
  border-bottom: 2px dotted #00764F;
  font-size: 2.7rem;
  line-height: 38px;
  margin: 20px 0 21px 0;
}

.wf_img_box {
  margin-bottom: 85px;
}
.wf_img_box img {
  width: 100%;
}

/* クリエイティブ共通 */
#div_creative {
  /* ボタン */
  /* クリエイティブに戻るボタン */
  /* クリエイティブラインナップh2 */
}
#div_creative .copy, #div_creative .lead {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: .2px;
  font-feature-settings: "palt";
  text-align: center;
  margin-bottom: 50px;
}
#div_creative .copy-tl {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: .2px;
  font-feature-settings: "palt";
  margin-bottom: 50px;
}
#div_creative .link_btn {
  margin-top: 0.5em;
  margin-bottom: 1em;
  display: inline-block;
}
#div_creative .link_btn a {
  font-size: 1.6rem;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
  color: #fff;
  display: block;
  padding: 10px 15px 9px 40px;
  opacity: 1;
  transition: .6s;
  background: url("../img/common/double_arrow.png") left 10px center no-repeat #008051;
  background-size: 23px 16px;
}
#div_creative .link_btn a:hover {
  opacity: 0.8;
}
#div_creative .btn_creative-back {
  width: 400px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0 auto;
}
#div_creative .btn {
  display: block;
  border-radius: 3px;
  background-color: #008051;
  background-image: none;
  border: none;
  color: #fff !important;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all .1s linear 0s;
  transition: all 0.1s linear 0s;
}
#div_creative .creative-line-up h2, #div_creative .creative_plan_design h2, #div_creative .creative_database h2, #div_creative .creative_image h2, #div_creative .creative_writing h2, #div_creative .creative_package h2, #div_creative .creative_web h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2.4em;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  line-height: 60px;
}
#div_creative .creative-line-up h2::after, #div_creative .creative_plan_design h2::after, #div_creative .creative_database h2::after, #div_creative .creative_image h2::after, #div_creative .creative_writing h2::after, #div_creative .creative_package h2::after, #div_creative .creative_web h2::after {
  content: '\A■　■　■';
  white-space: pre;
  font-size: 3rem;
  color: #BED9CB;
}
#div_creative .creative_note {
  font-size: 1.4rem;
}
#div_creative .box-all {
  width: 100%;
}
#div_creative .box-all img {
  width: 100%;
}
#div_creative .boxR iframe {
  width: 100%;
}
#div_creative .shoulder {
  line-height: 1.0;
  color: #008051;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-weight: bold;
}
#div_creative h4 {
  font-size: 2.0rem;
  color: #008051;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  margin-top: 30px;
}
#div_creative h4.none-mt {
  margin-top: 0px;
}
sup {
vertical-align:super;
font-size:small;
}
#div_creative .shoulder {
  line-height: 1.0;
  color: #008051;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-weight: bold;
  position: relative;
  top: 15px;
}

/* クリエイティブ */
#div_creative .box1 h3 {
  border-bottom: 2px dotted #00764F;
  font-size: 2.7rem;
  line-height: 38px;
  margin: 20px 0 21px 0;
}
#div_creative .box1 .box_block {
  margin-bottom: 50px;
  display: inline-block;
}
#div_creative .box1 .boxL {
  width: 49%;
}
#div_creative .box1 .boxL img {
  width: 100%;
}
#div_creative .box1 .boxL .text-ba {
  text-align: center;
  margin: 15px 0;
}
#div_creative .box1 .boxR {
  width: 49%;
}
#div_creative .box1 .boxR .cat_title {
  display: inline-block;
  padding: 3px 10px 2px;
  background: #70A937;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 5px;
}
#div_creative .box1 .boxR p {
  margin-bottom: 20px;
}
#div_creative .box1 .boxR img {
  width: 100%;
}
#div_creative .box1 .boxR .text-ba {
  text-align: center;
  margin: 15px 0;
}
#div_creative .box1 .creative-top-h h2 {
  height: 100px;
}
#div_creative .box1 .creative-top-h h2 span {
  top: -60px;
  left: 20px;
  position: relative;
}
#div_creative .box1 .creative-top-h h2::before {
  content: '';
  width: 55px;
  height: 55px;
  border: 5px solid #BED9CB;
  display: block;
}
#div_creative .box1 .fl-number ul {
  display: flex;
}
#div_creative .box1 .fl-number ul li p {
  font-weight: bold;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  color: #00623E;
  line-height: 1em;
  font-feature-settings: "palt";
}
#div_creative .box1 .fl-number ul li p.h4L {
  font-size: 50px;
  margin-top: 0px;
  padding-right: 10px;
}
#div_creative .box1 .fl-number ul li p.h4R {
  font-size: 25px;
  letter-spacing: 0.03em;
  line-height: 1.3em;
}
#div_creative .creative_block ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* ラインナップ */
}
#div_creative .creative_block ul li {
  width: 32.666%;
  height: 200px;
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}
#div_creative .creative_block ul img {
  width: 23px;
  vertical-align: middle;
  padding-right: 5px;
}
#div_creative .creative_block ul a {
  display: block;
}
#div_creative .creative_block ul a .link_box {
  color: #fff;
  background-color: transparent;
  transition: .6s;
}
#div_creative .creative_block ul a .line-up {
  text-align: left;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
#div_creative .creative_block ul a .line-up span {
  font-size: 1.4em;
  letter-spacing: 0.1em;
  line-height: 2em;
}
#div_creative .creative_block ul a .more {
  float: right;
  align-self: flex-end;
  padding: 75px 0 0 0;
}
#div_creative .creative_block ul a .link_box {
  color: #fff;
  position: absolute;
  width: 95%;
  max-width: 470px;
  height: 180px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  padding: 10px;
}
#div_creative .creative_block ul a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(51, 153, 51, 0.8);
  z-index: 1;
  opacity: 1;
  transition: .6s;
}
#div_creative .creative_block ul a:hover::before {
  opacity: 0;
}
#div_creative .creative_block ul a:hover .link_box {
  text-shadow: 0 0 20px #333 , 0 0 10px #333;
}
#div_creative .creative_block ul a:hover .link_box .more img {
  animation: arrow 2.0s infinite;
  position: relative;
  left: -10px;
}
@keyframes arrow {
  50% {
    left: 0px;
  }
  100% {
    left: -10px;
  }
}
#div_creative .creative_block ul .creative_Plan-Promo {
  background: url("../img/one-stop/creative/index_main_creative.jpg") top center no-repeat;
  background-size: cover;
}
#div_creative .creative_block ul .lu-plan_design {
  background-image: url("../img/one-stop/creative/plan_design/index_main_promotion.jpg");
}
#div_creative .creative_block ul .lu-database {
  background-image: url("../img/one-stop/creative/design-dtp/index_main_design.jpg");
}
#div_creative .creative_block ul .lu-image {
  background-image: url("../img/one-stop/creative/image/index_main_image.jpg");
}
#div_creative .creative_block ul .lu-writing {
  background-image: url("../img/one-stop/creative/writing/index_main_writing.jpg");
}
#div_creative .creative_block ul .lu-package {
  background-image: url("../img/one-stop/creative/package/index_main_package.jpg");
}
#div_creative .creative_block ul .lu-web {
  background-image: url("../img/one-stop/creative/web/index_main_web-ict1.jpg");
}

/* クリエイティブ トップ */
#div_creative .title_top {
  background-image: url("../img/one-stop/creative/index_main_creative.jpg");
}

/* クリエイティブ 企画・プロモーション */
#div_creative .title_plan_design {
  background-image: url("../img/one-stop/creative/plan_design/index_main_promotion.jpg");
}

/* クリエイティブ デザイン・DTP */
#div_creative .title_database {
  background-image: url("../img/one-stop/creative/design-dtp/index_main_design.jpg");
}

/* クリエイティブ フォトレタッチ */
#div_creative .title_image {
  background-image: url("../img/one-stop/creative/image/index_main_image.jpg");
}

/* クリエイティブ マニュアル制作 */
#div_creative .title_writing {
  background-image: url("../img/one-stop/creative/writing/index_main_writing.jpg");
}

/* クリエイティブ パッケージソリューション */
#div_creative .title_package {
  background-image: url("../img/one-stop/creative/package/index_main_package.jpg");
}

/* クリエイティブ Web・ICTソリューション */
#div_creative .title_web {
  background-image: url("../img/one-stop/creative/web/index_main_web-ict1.jpg");
}

@media screen and (max-width: 1200px) {
  header nav#company-nav, #global-nav {
    display: none;
  }

  header #sm-dropdown-nav-menu {
    display: block;
    position: absolute;
    right: 15px;
    top: 29px;
  }

  header .fixed-nav {
    display: none !important;
  }

  /*採用情報*/
  .container .interview_box ul li {
    width: 48%;
  }

  /* 採用情報 社員紹介 */
  #recruit_staff .staff-h3::after {
    display: none;
  }
  #recruit_staff .staff-h3 h3 {
    width: 100%;
  }

  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.message-ttl {
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }

  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.message-ttl h4 {
    right: -37%;
    width: 300px;
  }

  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.left {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0 15px;
  }

  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.right p.messeage-comment {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    padding: 40px 0;
  }

  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.right p.messeage-comment span {
    padding: 0 15px;
  }

  /*クリエイティブ;*/
  #div_creative .creative_block ul li {
    width: 49%;
  }

  #div_creative .box1 .creative-top-h h2 span br {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul {
    max-height: 500px;
  }

  /* クリエイティブ共通 */
  #div_creative .btn_creative-back {
    width: 100%;
  }

  #div_creative .fl-number ul li br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  /* 採用情報 社員紹介 */
  #recruit_staff .main_img .staff-people {
    width: 90%;
  }
  #recruit_staff .staff-container .interview_box ul {
    display: block;
  }
  #recruit_staff .staff-container .interview_box ul li {
    width: 100%;
    margin-bottom: 100px;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul {
    max-height: 100%;
    margin-bottom: 50px;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li h4 {
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li h4.message-h {
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    color: #333;
    font-size: 1.8rem;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li h4.message-h span {
    font-family: 'ヒラギノUD明朝 W6 JIS2004','Hiragino UD Serif W6 JIS2004';
    color: #37BFEF;
    font-size: 3rem;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.message-ttl {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.message-ttl h4 {
    position: relative;
    right: 0%;
    top: 0px;
    width: 100%;
    text-align: center;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.left {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 50px 15px 0 15px;
    background-color: #CCF1FC;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.left p.s-m_img {
    width: 100%;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.left p.s-m_img img {
    width: 100%;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.right {
    width: 100%;
    background-color: #CCF1FC;
    position: relative;
    top: 0px;
    z-index: -1000;
    min-height: 300px;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.right p.messeage-comment {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    padding: 40px 15px 50px 15px;
  }
  #recruit_staff section.recruit-staff-cate-message .staff-message_box ul li.right p.messeage-comment span {
    width: 100%;
    color: #333333;
    font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W6 JIS2004';
  }
  #recruit_staff h5 {
    padding-bottom: 0px;
  }

  /* クリエイティブ共通 */
  #div_creative .copy, #div_creative .lead {
    text-align: left;
  }
  #div_creative .copy br, #div_creative .lead br {
    display: none;
  }
}
.company-nav-wrap {
  display: none;
}

.object_fit_img {
  font-family: "object-fit: cover;";
}

header nav#global-nav, header nav.global-nav {
  width: auto;
}

header #pc-dropdown-nav-menu .header-navi-content dl dt {
  width: 275px;
  padding-left: 0;
  padding-right: 55px;
  text-align: right;
}

header .nav-wrap1 {
  padding: 13px 25px 7px;
}
header .nav-wrap1 nav#company-nav {
  margin-top: -13px;
}
header .nav-wrap1 nav#company-nav ul li {
  margin-right: 10px;
}
header .nav-wrap1 nav#company-nav ul li a {
  background: #008051;
  font-weight: bold;
  display: inline-block;
  padding: 3px 6px 3px;
  border-radius: 0 0 10px 10px;
  width: 140px;
  text-align: center;
  /*color: #000;*/
}
header .nav-wrap1 nav#company-nav ul li a .mail {
  display: inline-block;
  padding-left: 25px;
  background: url("../img/common/icon_mail.png") left center no-repeat;
  background-size: 20px 15px;
}
header .nav-wrap1 #global-nav {
  margin-top: 13px;
}
header .nav-wrap1 #global-nav ul li a {
  font-size: 1.6rem;
}
header nav#global-nav ul li {
  position: relative;
}
header nav#global-nav ul li::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 20px;
  background: #b6b6b6;
  right: 0;
  top: 0;
  margin-top: 0px;
  margin-right: -20px;
}
header nav#global-nav ul li:last-child::after {
  width: 0;
}

footer {
  position: relative;
}
footer #totop {
  position: fixed;
  display: none;
  right: 30px;
  bottom: 30px;
  z-index: 200;
  cursor: pointer;
}
footer #totop img {
  width: 50px;
  /*opacity: 0.7 !important;*/
}

@media screen and (min-width: 1001px) {
  footer .footer-nav li:nth-child(3) dl dt {
    border: none;
  }

  footer .footer-nav li {
    width: 215px;
    margin-right: 45px;
  }

  footer .footer-nav li dl dt {
    padding-bottom: 8px;
  }

  footer .footer-nav li dl dt a {
    padding: 0;
  }

  footer .footer-nav li:first-child dl dt:not(:nth-child(1)) {
    border: none;
  }

  footer .footer-nav li:first-child dl dt:nth-of-type(2) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1000px) {
  #main .title {
    text-align: left;
  }
  #main .title div {
    display: table-cell;
    text-align: left;
    padding: 15px;
    font-size: 2.6rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  #main .title div .en_title {
    font-size: 1.4rem;
    letter-spacing: 0;
  }

  header .nav-wrap1 {
    padding: 13px 15px 13px 10px;
  }
  header #sm-dropdown-nav-menu {
    top: 24px;
  }
  header .sm-dropdown-nav ul.sm-company-nav {
    font-size: 1.4rem;
  }
  header .sm-dropdown-nav ul.sm-company-nav li a {
    font-weight: normal;
  }

  footer .sns-nav .sns-link {
    text-align: left;
  }

  footer .sns-nav .sns-link li {
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 10px;
  }
}
/* ニュース一覧 */
#topics .topics__list__menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#topics .topics__list__menu::after {
  display: block;
  content: "";
  width: 303px;
}
#topics .topics__list__menu .topics__list__menu__item {
  float: none;
}

@media screen and (max-width: 1000px) {
  #topics .topics__list__menu__item {
    margin-right: 0;
  }
}
/* 真生印刷について */
.company .title {
  background-image: url(../img/company/index_main.jpg);
}

.inquiry {
  height: 680px;
  background-color: #B3D9CA;
}

.company {
  padding-bottom: 80px;
}

.company .container .text2 p {
  margin-bottom: 35px;
}

.company .container .text3 {
  margin-top: 30px;
  font-size: 2rem;
  text-align: right;
}

.company .container .img {
  text-align: center;
}

.company .container .detail {
  border-top: 1px solid #e2e2e2;
}

.company .container .detail li {
  position: relative;
  padding: 11px 0;
  font-size: 1.6rem;
  line-height: 24px;
  border-bottom: 1px solid #e2e2e2;
}

.company .container .detail li .name {
  position: absolute;
  top: 11px;
  left: 11px;
  font-weight: 700;
}

.company .container .detail li .value {
  margin-left: 200px;
}

.company .container .detail li .value02 {
  margin-left: 600px;
}

.company .container dl dt {
  font-size: 2.1rem;
  font-weight: 700;
}

.company .container dl {
  margin-top: 60px;
}

.company .container dl dt {
  font-size: 2.1rem;
  font-weight: 700;
}

.company .container dl dd {
  margin-top: 12px;
  font-size: 1.6rem;
}

.company .container dl dd .img {
  margin-top: 25px;
  margin-left: 8px;
}

.company .container dl dd .img img {
  margin-right: 36px;
}

.block_table th {
  top: 11px;
  padding: 10px 11px;
  font-weight: 700;
  width: 200px;
}

.block_table td {
  width: 200px;
  padding: 10px 0;
}

.block_table td span {
  display: inline-block;
  width: 600px;
}

.company h2 {
  padding: 0rem 2rem;
  border-left: 10px solid #00764F;
}

.web-catalog {
  margin: 100px 0;
  text-align: center;
}

.web-catalog img:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1000px) {
  .company .container dl dd .img {
    width: 40%;
    margin: 0 auto;
  }

  .company .container dl dd .img img {
    margin-bottom: 15px;
  }

  .company .container .detail li {
    padding: 10px 0;
  }

  .company .container .detail li .name {
    position: relative;
    top: 0;
    left: 0;
  }

  .company .container .detail li .value {
    margin-left: 0;
  }

  .block_table th, .block_table td {
    display: block;
  }

  .block_table th {
    padding: 0px;
    line-height: 1.8;
  }

  .block_table td {
    width: 100%;
    padding: 0;
    line-height: 1.8;
  }

  .block_table td:first-child {
    padding-top: 20px;
  }

  .block_table td span {
    display: inline-block;
    width: 100%;
    font-size: 1.4rem;
  }

  .web-catalog {
    margin: 20px auto;
    text-align: center;
    width: 90%;
  }
}
/* 拠点一覧 */
#company_base .title {
  background-image: url(../img/company/base_main.jpg);
}

#company_base .container {
  background-image: none;
}

.base_container {
  display: flex;
  justify-content: space-between;
}

.base_container dl {
  margin-bottom: 30px;
}

.base_container dt {
  font-weight: 700;
  line-height: 1.5;
}

.base_container dd {
  line-height: 1.5;
}

.base_map iframe {
  width: 100%;
  height: 400px;
  margin: 10px 0 0 0;
}

.company_base .country {
  margin: 0 0 100px 0;
}

.company_base .country hr {
  margin: 10px 0 24px 0;
  border-bottom: 1px solid #c3c3c3;
  border-top: none;
  border-left: none;
  border-right: none;
}

.company_base h2 {
  padding: 0rem 2rem;
  border-left: 10px solid #00764F;
}

@media screen and (max-width: 1000px) {
  .base_container {
    display: block;
  }
}
/* SNS運営ガイドライン */
.sns_guideline .title {
  background-image: url(../img/sns_guideline/index_main.jpg);
}
.sns_guideline .container p {
  margin-bottom: 30px;
  line-height: 30px;
}
.sns_guideline .container .sns_box {
  margin-bottom: 65px;
}
.sns_guideline .container .sns_box ul li {
  line-height: 30px;
  margin-bottom: 10px;
}
.sns_guideline .container .sns_box ul.circle_list li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
}

/* 製造 */
.div_manufacturing .manufacturing_box + .manufacturing_box {
  margin-top: 50px;
}
.div_manufacturing .manufacturing_box h3 {
  border-bottom: 2px dotted #00764F;
}
.div_manufacturing .manufacturing_box h4 {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.div_manufacturing .manufacturing_box .movie_box {
  margin: 10px auto;
  text-align: center;
}
.div_manufacturing .manufacturing_box .movie_box a {
  display: inline-block;
}
.div_manufacturing .manufacturing_box .box_block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  transition-duration: .8s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.div_manufacturing .manufacturing_box .box_block.mv-up {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.div_manufacturing .manufacturing_box .box_block .left_box {
  width: 40%;
}
.div_manufacturing .manufacturing_box .box_block .left_box .sub_photo {
  width: 100%;
  max-width: 200px;
  margin-top: 10px;
}
.div_manufacturing .manufacturing_box .box_block .left_box .sub_photo img {
  width: 100%;
}
.div_manufacturing .manufacturing_box .box_block .right_box {
  width: 55%;
}
.div_manufacturing .manufacturing_box .box_block .right_box img {
  width: 100%;
}
.div_manufacturing .manufacturing_box .box_block + .box_block {
  margin-top: 30px;
}
.div_manufacturing .manufacturing_box .box .boxL .others_img img {
  width: 100%;
}
.div_manufacturing .manufacturing_box .box .boxR img + img {
  margin-top: 10px;
}
.div_manufacturing .manufacturing_box .cat_title {
  display: inline-block;
  padding: 3px 10px 2px;
  background: #70A937;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 5px;
}
.div_manufacturing .manufacturing_box .copy {
  font-size: 2.4rem;
  line-height: 42px;
  margin-bottom: 10px;
  /*font-weight: bold;*/
}
.div_manufacturing .manufacturing_box .detail_box {
  margin: 15px 0 0;
  background: #ebecec;
  padding: 15px;
}
.div_manufacturing .manufacturing_box .detail_box ul {
  font-size: 1.4rem;
}
.div_manufacturing .manufacturing_box .detail_box ul li {
  line-height: 1.6;
  margin-bottom: 5px;
}
.div_manufacturing .manufacturing_box .detail_box ul.circle_list li {
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (max-width: 1000px) {
  .div_manufacturing .manufacturing_box + .manufacturing_box {
    margin-top: 50px;
  }
  .div_manufacturing .manufacturing_box .box_block .left_box {
    width: 100%;
  }
  .div_manufacturing .manufacturing_box .box_block .right_box {
    width: 100%;
  }
}
/* トップページ */
.inner {
  width: 100%;
  max-width: 1030px;
  padding: 0 15px;
  margin: 0 auto;
}

.section_title {
  text-align: center;
  position: relative;
  padding-bottom: 7px;
  line-height: 42px;
}
.section_title::after {
  content: '';
  display: block;
  width: 70px;
  height: 3px;
  background: #008051;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -35px;
}
.section_title .main {
  font-size: 4.0rem;
  color: #000;
  letter-spacing: 10px;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  display: block;
}
.section_title .sub {
  font-size: 2.0rem;
  color: #707070;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
  letter-spacing: 3px;
  display: block;
}

.contact_block {
  padding: 100px 0;
  background: rgba(0, 128, 81, 0.3);
}
.contact_block .contact_box {
  margin: 50px auto 0px;
  width: 100%;
  max-width: 1030px;
  padding: 0 15px;
}
.contact_block .contact_box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contact_block .contact_box ul li {
  width: 48%;
}
.contact_block .contact_box ul li a {
  padding: 30px 50px 50px;
  height: 333px;
  display: block;
  text-align: center;
  position: relative;
}
.contact_block .contact_box ul li a .contact_box_title {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-size: 3.0rem;
  line-height: 1.6;
  letter-spacing: 4.5px;
  color: #008051;
}
.contact_block .contact_box ul li a .tel_number {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-size: 3.5rem;
  line-height: 1.6;
  color: #707070;
  margin: 10px auto 5px;
}
.contact_block .contact_box ul li a .tel_number .small {
  font-size: 2.5rem;
}
.contact_block .contact_box ul li a .tel_note {
  font-size: 1.6rem;
  color: #707070;
}
.contact_block .contact_box ul li.contact_hp a {
  background: url("../img/common/icon_contact_mail.png") center bottom 30px no-repeat #fff;
  background-size: 125px 100px;
  opacity: 1;
  transition: .6s;
}
.contact_block .contact_box ul li.contact_hp a:hover {
  opacity: 0.8;
}
.contact_block .contact_box ul li.contact_hp a::after {
  content: '';
  width: 18px;
  height: 47px;
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -23px;
  background: url("../img/common/green_arrow.png") right center no-repeat;
  background-size: cover;
}
.contact_block .contact_box ul li.contact_tel a {
  background: url("../img/common/icon_contact_tel.png") center bottom 30px no-repeat #fff;
  background-size: 125px 100px;
  cursor: default;
}

#index .green {
  color: #008051;
}
#index .copy_box {
  text-align: center;
  padding: 40px 0;
}
#index .copy_box .copy {
  font-size: 2.4rem;
  line-height: 1.5;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  letter-spacing: .2px;
  font-feature-settings: "palt";
}
#index .nav_block {
  width: 100%;
  max-width: 1000px;
  background: #F5F5F5;
  padding: 30px 30px 10px;
  margin: 0 auto;
}
#index .nav_block ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#index .nav_block ul li {
  width: 31.666%;
  height: 198px;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}
#index .nav_block ul li.soon::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.8);
  z-index: 1;
}
#index .nav_block ul li.soon::after {
  content: 'Coming Soon';
  color: #FFFF00;
  font-size: 2.6rem;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  position: absolute;
  left: 50%;
  bottom: 10%;
  z-index: 2;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#index .nav_block ul li .link_box {
  color: #fff;
  position: absolute;
  width: 90%;
  max-width: 240px;
  height: 80px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px;
}
#index .nav_block ul li .link_box .en {
  font-size: 2.6rem;
  width: 100%;
}
#index .nav_block ul li .link_box .jp {
  font-size: 1.8rem;
  width: 100%;
}
#index .nav_block ul li a {
  display: block;
}
#index .nav_block ul li a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(51, 153, 51, 0.8);
  z-index: 1;
  opacity: 1;
  transition: .6s;
}
#index .nav_block ul li a .link_box {
  color: #fff;
  background-color: transparent;
  transition: .6s;
}
#index .nav_block ul li a:hover::before {
  opacity: 0;
}
#index .nav_block ul li a:hover .link_box {
  color: #000;
  background-color: #fff;
}
#index .nav_block ul li.one-stop {
  background: url("../img/index/img_one-stop.jpg") top center no-repeat;
  background-size: cover;
}
#index .nav_block ul li.creative {
  background: url("../img/index/img_creative.jpg") top center no-repeat;
  background-size: cover;
}
#index .nav_block ul li.manufacturing {
  background: url("../img/index/img_manufacturing.jpg") top center no-repeat;
  background-size: cover;
}
#index .nav_block ul li.logistics {
  background: url("../img/index/img_logistics.jpg") top center no-repeat;
  background-size: cover;
}
#index .nav_block ul li.aboutus {
  background: url("../img/index/img_aboutus.jpg") top center no-repeat;
  background-size: cover;
}
#index .nav_block ul li.sakai-sekai {
  background: url("../img/index/img_sakai-sekai.jpg") top center no-repeat;
  background-size: cover;
}
#index .topics_block {
  margin-top: 100px;
}
#index .topics_block .topics_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 50px auto 50px;
}
#index .topics_block .topics_list li {
  width: 32%;
  margin: 10px 10px 0 0;
}
#index .topics_block .topics_list li img {
  width: 100%;
}
#index .topics_block .topics_list li a {
  transition: .6s;
  opacity: 1;
}
#index .topics_block .topics_list li a:hover {
  opacity: 0.8;
}
#index .white_btn {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
#index .white_btn a {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  color: #008051;
  text-align: center;
  padding: 8px 5px;
  border: 2px solid #008051;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  transition: .6s;
  background: #fff;
}
#index .white_btn a:hover {
  color: #fff;
  background: #008051;
}
#index .green_btn {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
#index .green_btn a {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  padding: 8px 5px;
  border: 2px solid #008051;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  transition: .6s;
  background: #008051;
}
#index .green_btn a:hover {
  color: #fff;
  background: #fff;
  color: #008051;
}
#index .news_sns_block {
  /*display: flex;
  justify-content: space-between;
  flex-wrap: wrap;*/
  margin: 100px 0 50px;
  position: relative;
}
#index .news_sns_block .news_block {
  position: relative;
  background: #F5F5F5;
  border-top: 3px solid #008051;
  border-right: 3px solid #008051;
  border-bottom: 3px solid #008051;
  box-shadow: 10px 10px rgba(0, 128, 81, 0.4);
  right: 50%;
  top: 0;
  margin-right: -150px;
  padding: 50px 50px 50px 0;
}
#index .news_sns_block .news_block .news_inner {
  width: 550px;
  margin-right: 50px;
  margin-left: auto;
  min-height: 460px;
}
#index .news_sns_block .news_block .news_inner .news_title_block {
  position: absolute;
  right: 400px;
  top: 0;
  display: inline-block;
  width: 250px;
  padding: 10px;
  margin-top: -30px;
  z-index: 10;
}
#index .news_sns_block .news_block .news_inner .news_title_block::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  background: #F5F5F5;
  left: 0;
  top: 0;
  margin-top: 27px;
  z-index: 5;
}
#index .news_sns_block .news_block .news_inner .news_title_block .news_title {
  margin-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 6;
  display: table;
}
#index .news_sns_block .news_block .news_inner .news_title_block .news_title .main {
  font-size: 4.0rem;
  font-family: 'ヒラギノUD明朝 W6 JIS2004','Hiragino UD Serif W6 JIS2004';
  padding-right: 10px;
  display: table-cell;
  vertical-align: middle;
}
#index .news_sns_block .news_block .news_inner .news_title_block .news_title .sub {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-size: 2.0rem;
  display: table-cell;
  vertical-align: middle;
}
#index .news_sns_block .news_block .news_list li {
  padding: 15px 0;
  border-bottom: 1px solid #707070;
  line-height: 1.6;
}
#index .news_sns_block .news_block .news_list li a .news_date {
  font-size: 1.6rem;
  color: #008051;
}
#index .news_sns_block .news_block .news_list li a .news_text {
  font-size: 1.6rem;
  color: #000;
}
#index .news_sns_block .news_block .green_btn {
  margin: 30px 0 0 auto;
}
#index .news_sns_block .sns_block {
  width: 300px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 200px;
  height: 600px;
}
#index .news_sns_block .sns_block .top-sns-link {
  display: flex;
  justify-content: space-between;
  margin: 30px auto;
}
#index .news_sns_block .sns_block .top-sns-link li img {
  width: 100%;
}
#index .news_sns_block .sns_block .top-sns-link li.twitter {
  width: 35px;
}
#index .news_sns_block .sns_block .top-sns-link li.youtube {
  width: 160px;
}
#index .news_sns_block .sns_block .top-sns-link li.facebook {
  width: 35px;
}
#index .recruit_block {
  margin-top: 100px;
  padding: 50px 0;
  background: url("../img/index/bg_recruit.jpg") center center no-repeat;
  background-size: cover;
}
#index .recruit_btn {
  width: 100%;
  max-width: 450px;
  margin: 50px auto 0;
}
#index .recruit_btn a {
  display: block;
  font-weight: bold;
  font-size: 2.5rem;
  color: #008051;
  text-align: center;
  padding: 12px 5px;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  transition: .6s;
  letter-spacing: 5px;
  background: #fff;
  position: relative;
}
#index .recruit_btn a::after {
  content: '';
  width: 18px;
  height: 47px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -23px;
  background: url("../img/common/green_arrow.png") right center no-repeat;
  background-size: cover;
}
#index .recruit_btn a:hover {
  color: #fff;
  background: #008051;
}
#index .recruit_btn a:hover::after {
  background: url("../img/common/white_arrow.png") right center no-repeat;
  background-size: cover;
}
#index .map_block iframe {
  vertical-align: bottom;
}
#index .map_block .address_box {
  background: #FFFF00;
  padding: 15px 0;
}
#index .map_block .address_box .inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#index .map_block .address_box .inner .address_text {
  color: #333333;
  font-size: 1.6rem;
  padding: 11px 0;
}
#index .map_block .address_box .inner .address_btn {
  width: 100%;
  max-width: 200px;
}
#index .map_block .address_box .inner .address_btn a {
  display: block;
  font-size: 1.6rem;
  color: #333333;
  text-align: center;
  padding: 10px 5px;
  border: 1px solid #333333;
  transition: .6s;
  background-color: transparent;
}
#index .map_block .address_box .inner .address_btn a:hover {
  color: #fff;
  background: #333333;
}

@media screen and (max-width: 1000px) {
  .section_title {
    text-align: center;
    position: relative;
    padding-bottom: 2vw;
  }
  .section_title::after {
    content: '';
    display: block;
    width: 70px;
    height: 3px;
    background: #008051;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -35px;
  }
  .section_title .main {
    font-size: 7vw;
    color: #000;
    letter-spacing: 10px;
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    display: block;
  }
  .section_title .sub {
    font-size: 4.5vw;
    color: #707070;
    font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
    letter-spacing: 3px;
    display: block;
  }

  #index .copy_box {
    text-align: left;
    padding: 40px 0;
  }
  #index .copy_box .copy {
    font-size: 4.5vw;
    line-height: 2.5;
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    letter-spacing: .2px;
    font-feature-settings: "palt";
  }
  #index .copy_box .copy br {
    display: none;
  }
  #index .nav_block {
    width: 100%;
    max-width: 1000px;
    background: #F5F5F5;
    padding: 30px 30px 10px;
    margin: 0 auto;
  }
  #index .nav_block ul li {
    width: 49%;
  }
  #index .topics_block .topics_list li {
    width: 100%;
    margin: 0;
  }
  #index .topics_block .topics_list li + li {
    margin-top: 20px;
  }
  #index .news_sns_block {
    margin: 100px auto 50px;
    position: relative;
    width: 96%;
  }
  #index .news_sns_block .news_block {
    position: relative;
    background: #F5F5F5;
    border-top: 3px solid #008051;
    border-left: 3px solid #008051;
    border-right: 3px solid #008051;
    border-bottom: 3px solid #008051;
    box-shadow: 10px 10px rgba(0, 128, 81, 0.4);
    left: 0;
    top: 0;
    margin-right: 0px;
    padding: 30px 15px;
  }
  #index .news_sns_block .news_block .news_inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    min-height: auto;
  }
  #index .news_sns_block .news_block .news_inner .news_title_block {
    position: absolute;
    left: 15px;
    top: 0;
    display: inline-block;
    width: auto;
    padding: 10px;
    margin-top: -30px;
    width: 190px;
    z-index: 10;
  }
  #index .news_sns_block .news_block .news_inner .news_title_block::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #F5F5F5;
    left: 0;
    top: 0;
    margin-top: 27px;
    z-index: 5;
  }
  #index .news_sns_block .news_block .news_inner .news_title_block .news_title {
    margin-bottom: 0;
    text-align: center;
    position: relative;
    z-index: 6;
    display: table;
  }
  #index .news_sns_block .news_block .news_inner .news_title_block .news_title .main {
    font-size: 3.0rem;
    font-family: 'ヒラギノUD明朝 W6 JIS2004','Hiragino UD Serif W6 JIS2004';
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
  }
  #index .news_sns_block .news_block .news_inner .news_title_block .news_title .sub {
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    font-size: 1.5rem;
    display: table-cell;
    vertical-align: middle;
  }
  #index .news_sns_block .news_block .news_list li {
    padding: 15px 0;
    border-bottom: 1px solid #707070;
    line-height: 1.6;
  }
  #index .news_sns_block .news_block .news_list li a .news_date {
    font-size: 1.6rem;
    color: #008051;
  }
  #index .news_sns_block .news_block .news_list li a .news_text {
    font-size: 1.6rem;
    color: #000;
  }
  #index .news_sns_block .news_block .green_btn {
    margin: 30px 0 0 auto;
  }
  #index .news_sns_block .sns_block {
    width: 300px;
    position: inherit;
    margin: 30px auto 0;
    left: 0;
    height: auto;
  }
  #index .news_sns_block .sns_block .top-sns-link {
    display: flex;
    justify-content: space-between;
    margin: 30px auto;
  }
  #index .news_sns_block .sns_block .top-sns-link li img {
    width: 100%;
  }
  #index .news_sns_block .sns_block .top-sns-link li.twitter {
    width: 35px;
  }
  #index .news_sns_block .sns_block .top-sns-link li.youtube {
    width: 160px;
  }
  #index .news_sns_block .sns_block .top-sns-link li.facebook {
    width: 35px;
  }
  #index .recruit_btn {
    width: 100%;
    max-width: 450px;
    margin: 50px auto 0;
  }
  #index .recruit_btn a {
    display: block;
    font-weight: bold;
    font-size: 5.0vw;
    color: #008051;
    text-align: center;
    padding: 12px 5px;
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    transition: .6s;
    letter-spacing: 0px;
    background: #fff;
    position: relative;
  }
  #index .recruit_btn a::after {
    content: '';
    width: 18px;
    height: 47px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -23px;
    background: url("../img/common/green_arrow.png") right center no-repeat;
    background-size: cover;
  }
  #index .recruit_btn a:hover {
    color: #fff;
    background: #008051;
  }
  #index .recruit_btn a:hover::after {
    background: url("../img/common/white_arrow.png") right center no-repeat;
    background-size: cover;
  }
  #index .map_block iframe {
    vertical-align: bottom;
  }
  #index .map_block .address_box {
    background: #FFFF00;
    padding: 15px 0;
  }
  #index .map_block .address_box .inner {
    display: block;
  }
  #index .map_block .address_box .inner .address_text {
    color: #333333;
    font-size: 1.6rem;
    padding: 0 0 11px;
  }
  #index .map_block .address_box .inner .address_btn {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
  }
  #index .map_block .address_box .inner .address_btn a {
    display: block;
    font-size: 1.6rem;
    color: #333333;
    text-align: center;
    padding: 10px 5px;
    border: 1px solid #333333;
    transition: .6s;
    background-color: transparent;
  }
  #index .map_block .address_box .inner .address_btn a:hover {
    color: #fff;
    background: #333333;
  }
  #index .contents-box4 .container .section__list__menu .section__list__menu__item {
    width: 20%;
    float: none;
    display: inline-block;
  }
  #index .contents-box4 .container .section__list__menu .section__list__menu__item img {
    width: 100%;
  }

  .contact_block {
    padding: 50px 0;
  }
  .contact_block .contact_box {
    margin: 30px auto 0px;
    width: 100%;
    max-width: 1030px;
    padding: 0 15px;
  }
  .contact_block .contact_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .contact_block .contact_box ul li {
    width: 100%;
  }
  .contact_block .contact_box ul li a {
    padding: 15px 10px 70px;
    height: auto;
    display: block;
    text-align: center;
    position: relative;
  }
  .contact_block .contact_box ul li a .contact_box_title {
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    font-size: 5vw;
    line-height: 1.6;
    letter-spacing: 0px;
    color: #008051;
  }
  .contact_block .contact_box ul li a .tel_number {
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    font-size: 6vw;
    line-height: 1.6;
    color: #707070;
    margin: 10px auto 5px;
  }
  .contact_block .contact_box ul li a .tel_number .small {
    font-size: 4.5vw;
  }
  .contact_block .contact_box ul li a .tel_note {
    font-size: 3.5vw;
    color: #707070;
  }
  .contact_block .contact_box ul li.contact_hp a {
    background: url("../img/common/icon_contact_mail.png") center bottom 15px no-repeat #fff;
    background-size: 50px 40px;
    opacity: 1;
    transition: .6s;
  }
  .contact_block .contact_box ul li.contact_hp a:hover {
    opacity: 0.8;
  }
  .contact_block .contact_box ul li.contact_hp a::after {
    content: '';
    width: 18px;
    height: 47px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -23px;
    background: url("../img/common/green_arrow.png") right center no-repeat;
    background-size: cover;
  }
  .contact_block .contact_box ul li.contact_tel a {
    background: url("../img/common/icon_contact_tel.png") center bottom 15px no-repeat #fff;
    background-size: 50px 40px;
    cursor: default;
  }
  .contact_block .contact_box ul li + li {
    margin-top: 10px;
  }
}
@media screen and (max-width: 650px) {
  #index .nav_block {
    width: 100%;
    max-width: 1000px;
    background: #F5F5F5;
    padding: 30px 30px 10px;
    margin: 0 auto;
  }
  #index .nav_block ul li {
    width: 100%;
  }

  /*クリエイティブ;*/
  #div_creative .creative_block ul li {
    width: 100%;
  }
}
/* スライドショー */
/* Scss Document */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -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;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[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;
}

#main .slick {
  display: none;
}
#main .slick li img {
  width: 100%;
}
#main .slick.slick-initialized {
  display: block;
  /*slick-initializedが付与されたら表示*/
}
#main .slider-full {
  margin: 40px auto;
}
#main .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  font-size: 0;
  text-align: center;
  list-style: none;
}
#main .slick-dots li {
  display: inline-block;
  margin: 0 15px;
}
#main .slick-dots li button {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 50px;
  height: 15px;
  background: #ccc;
  border: 0;
  color: transparent;
  cursor: pointer;
}
#main .slick-dots .slick-active button,
#main .slick-dots li button:hover {
  background: #FFFF00;
}
#main .slick-slide {
  position: relative;
}

/* サイトマップ */
#sitemap h2 {
  color: #333;
}

/* 特集 */
#topics_contents {
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
  line-height: 1.6;
}
#topics_contents h1, #topics_contents h2, #topics_contents h3, #topics_contents h4, #topics_contents h5, #topics_contents h6 {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-weight: bold;
  margin: 0 auto 0.5em;
  line-height: 1.6;
  color: #000;
  text-align: left;
}
#topics_contents h1 {
  font-size: 4.0rem;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  text-align: center;
}
#topics_contents h2 {
  font-size: 3.0rem;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
#topics_contents h3 {
  font-size: 2.0rem;
  color: #008051;
  text-decoration: underline;
}
#topics_contents h4 {
  font-size: 2.0rem;
  border-bottom: 2px dotted #008051;
}
#topics_contents h5 {
  font-size: 1.8rem;
}
#topics_contents h6 {
  font-size: 1.8rem;
  color: #999;
}
#topics_contents p {
  margin-bottom: 1em;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
}
#topics_contents hr {
  border-bottom: 2px dotted #c3c3c3;
  border-top: none;
  border-left: none;
  border-right: none;
}
#topics_contents ul {
  margin: 0 auto 1em;
  list-style-type: disc;
  padding-left: 1em;
}
#topics_contents ul li {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}
#topics_contents ul li + li {
  margin-top: 5px;
}
#topics_contents ul.check {
  list-style-type: none;
}
#topics_contents ul.check li {
  position: relative;
}
#topics_contents ul.check li::before {
  content: '';
  width: 15px;
  height: 15px;
  top: 3px;
  left: 0;
  margin-left: -18px;
  background: url("../img/common/green_check.png") left center no-repeat;
  background-size: 15px 15px;
  display: block;
  position: absolute;
}
#topics_contents ol {
  margin: 0 auto 1em;
  list-style-type: decimal;
  padding-left: 1em;
}
#topics_contents ol li {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}
#topics_contents ol li + li {
  margin-top: 5px;
}
#topics_contents table {
  border-top: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;
}
#topics_contents table th {
  border-bottom: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  padding: 10px;
  background: #eee;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  text-align: center;
}
#topics_contents table td {
  border-bottom: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  padding: 10px;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
}
#topics_contents figure {
  margin: 0.5em auto 1.0em;
}
#topics_contents figure img {
  width: 100%;
}
#topics_contents figure figcaption {
  font-size: 1.4rem;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
  text-align: center;
}
#topics_contents blockquote {
  position: relative;
  padding: 30px 30px 14px 30px;
  box-sizing: border-box;
  /*font-style: italic;*/
  background: #eee;
  /*color: #555;*/
  margin-bottom: 0.5em;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
}
#topics_contents blockquote:before {
  /*display: inline-block;
  position: absolute;
  top: 15px;
  left: 10px;
  content: "“";
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  color: #B9D8CB;
  font-size: 3.0rem;;
  line-height: 1;*/
}
#topics_contents .green {
  color: #008051;
}
#topics_contents .red {
  color: #ff3300;
}
#topics_contents strong {
  font-family: "ヒラギノUD角ゴF W6 JIS2004", "Hiragino UD Sans F W6 JIS2004" !important;
}
#topics_contents .copy {
  text-align: center;
}
#topics_contents .lead {
  font-size: 2.0rem;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-weight: bold;
}
#topics_contents .shoulder {
  line-height: 1.0;
  color: #008051;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  font-weight: bold;
}
#topics_contents .main_img {
  text-align: center;
}
#topics_contents .main_img img {
  width: auto;
  max-width: 100%;
}
#topics_contents .topics_container {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
  padding: 0 15px;
}
#topics_contents .topics_container section + section {
  margin-top: 50px;
}
#topics_contents .topics_container .col_2 {
  display: flex;
  justify-content: space-between;
}
#topics_contents .topics_container .col_2 .left_item {
  order: 1;
  padding-right: 20px;
}
#topics_contents .topics_container .col_2 .right_item {
  order: 2;
  padding-left: 20px;
}
#topics_contents .link_btn {
  margin-top: 0.5em;
  margin-bottom: 1em;
  display: inline-block;
}
#topics_contents .link_btn a {
  font-size: 1.6rem;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
  color: #fff;
  display: block;
  padding: 10px 15px 9px 40px;
  opacity: 1;
  transition: .6s;
  background: url("../img/common/double_arrow.png") left 10px center no-repeat #008051;
  background-size: 23px 16px;
}
#topics_contents .link_btn a:hover {
  opacity: 0.8;
}

/* マニュサポページ　マニュサポウェブサイトはこちら用ボタン */

#topics_contents .link_btn_br {
  margin-top: 0.5em;
  margin-bottom: 1em;
  display: inline-block;
}
#topics_contents .link_btn_br a {
  font-size: 2rem;
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
  color: #fff;
  text-align: center;
  display: block;
  padding: 12px 30px 11px 30px;
  opacity: 1;
  transition: .6s;
  background: #000000;
}
#topics_contents .link_btn_br a:hover {
  opacity: 0.8;
}

/* マニュサポページ　マニュサポウェブサイトはこちら用ボタン ここまで */

@media screen and (max-width: 1000px) {
  #topics_contents {
    font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
    line-height: 1.6;
  }
  #topics_contents h1, #topics_contents h2, #topics_contents h3, #topics_contents h4, #topics_contents h5, #topics_contents h6 {
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    font-weight: bold;
    margin: 0 auto 0.5em;
    line-height: 1.6;
  }
  #topics_contents h1 {
    font-size: 2.4rem;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
  #topics_contents h2 {
    font-size: 2.0rem;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
    color: #000;
  }
  #topics_contents h3 {
    font-size: 1.8rem;
    color: #008051;
    text-decoration: underline;
  }
  #topics_contents h4 {
    font-size: 1.8rem;
  }
  #topics_contents h5 {
    font-size: 1.7rem;
  }
  #topics_contents h6 {
    font-size: 1.6rem;
  }
  #topics_contents p {
    margin-bottom: 1em;
  }
  #topics_contents ul {
    margin: 0 auto 1em;
  }
  #topics_contents ul li {
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
  }
  #topics_contents table {
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
  }
  #topics_contents table th {
    border-bottom: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    padding: 10px 5px;
    background: #eee;
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    text-align: left;
    font-size: 3vw;
  }
  #topics_contents table td {
    border-bottom: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    padding: 10px 5px;
    font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
    font-size: 3vw;
  }
  #topics_contents .green {
    color: #008051;
  }
  #topics_contents .red {
    color: #ff3300;
  }
  #topics_contents .copy {
    text-align: left;
  }
  #topics_contents .lead {
    font-size: 1.6rem;
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    font-weight: bold;
  }
  #topics_contents .shoulder {
    line-height: 1.0;
    color: #008051;
    font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
    font-weight: bold;
  }
  #topics_contents .main_img {
    text-align: center;
  }
  #topics_contents .main_img img {
    width: auto;
    max-width: 100%;
  }
  #topics_contents .topics_container {
    width: 100%;
    max-width: 830px;
    margin: 0 auto;
    padding: 0 15px;
  }
  #topics_contents .topics_container section + section {
    margin-top: 50px;
  }
  #topics_contents .topics_container .col_2 {
    flex-wrap: wrap;
  }
  #topics_contents .topics_container .col_2 .item {
    width: 100%;
  }
  #topics_contents .topics_container .col_2 .left_item {
    order: inherit;
    padding-right: 0px;
  }
  #topics_contents .topics_container .col_2 .right_item {
    order: inherit;
    padding-left: 0px;
  }
  #topics_contents .link_btn {
    margin-top: 0.5em;
    margin-bottom: 1em;
    display: block;
  }
  #topics_contents .link_btn a {
    font-size: 1.6rem;
    font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
    color: #fff;
    display: block;
    padding: 10px 15px 9px 40px;
    opacity: 1;
    transition: .6s;
    background: url("../img/common/double_arrow.png") left 10px center no-repeat #008051;
    background-size: 23px 16px;
  }
  #topics_contents .link_btn a:hover {
    opacity: 0.8;
  }

/* マニュサポページ　マニュサポウェブサイトはこちら用ボタン サイズ */	

  #topics_contents .link_btn_br {
    margin-top: 0.5em;
    margin-bottom: 1em;
    display: block;
}
  #topics_contents .link_btn_br a {
    font-size: 2rem;
    font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
    color: #fff;
    text-align: center;
    display: block;
    padding: 12px 30px 11px 30px;
    opacity: 1;
    transition: .6s;
    background: #000000;
}
  #topics_contents .link_btn_br a:hover {
    opacity: 0.8;
}
/* マニュサポページ　マニュサポウェブサイトはこちら用ボタン サイズ ここまで　*/
}
/* 追加 */
#topics_contents .topics_container .col_2 .left_item .modal--movie {
  width: 350px;
  text-align: center;
}

/* Phase2 */
body, button, input, select, textarea {
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
}

/* お問い合わせ */
#inquiry {
  padding-top: 50px;
}
#inquiry h1 {
  margin-bottom: 80px;
}
#inquiry h3 {
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}
#inquiry p {
  font-family: 'ヒラギノUD角ゴF W4 JIS2004','Hiragino UD Sans F W4 JIS2004';
}
#inquiry .error {
  color: #EB2121;
  font-family: 'ヒラギノUD角ゴF W6 JIS2004','Hiragino UD Sans F W6 JIS2004';
}
#inquiry .consent-box p {
  margin: 50px auto 20px;
  text-align: center;
}