@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

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

input, select {
  vertical-align: middle;
}

/*
End of html5doctor.com Reset Stylesheet
*/
@font-face {
  font-family: 'success';
  src: url("../fonts/success.eot?dlc5x7");
  src: url("../fonts/success.eot?dlc5x7#iefix") format("embedded-opentype"), url("../fonts/success.ttf?dlc5x7") format("truetype"), url("../fonts/success.woff?dlc5x7") format("woff"), url("../fonts/success.svg?dlc5x7#success") format("svg");
  font-weight: normal;
  font-style: normal;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'success' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icn-home:before {
  content: "\e942";
}

.icn-home2:before {
  content: "\e943";
}

.icn-home3:before {
  content: "\e944";
}

.icn-office:before {
  content: "\e945";
}

.icn-newspaper:before {
  content: "\e946";
}

.icn-pencil:before {
  content: "\e947";
}

.icn-pencil2:before {
  content: "\e948";
}

.icn-quill:before {
  content: "\e949";
}

.icn-pen:before {
  content: "\e94a";
}

.icn-blog:before {
  content: "\e94b";
}

.icn-eyedropper:before {
  content: "\e94c";
}

.icn-droplet:before {
  content: "\e94d";
}

.icn-paint-format:before {
  content: "\e94e";
}

.icn-image:before {
  content: "\e94f";
}

.icn-images:before {
  content: "\e950";
}

.icn-camera:before {
  content: "\e951";
}

.icn-headphones:before {
  content: "\e952";
}

.icn-music3:before {
  content: "\e953";
}

.icn-play:before {
  content: "\e954";
}

.icn-film:before {
  content: "\e955";
}

.icn-video-camera:before {
  content: "\e956";
}

.icn-dice:before {
  content: "\e957";
}

.icn-pacman:before {
  content: "\e958";
}

.icn-spades:before {
  content: "\e959";
}

.icn-clubs:before {
  content: "\e95a";
}

.icn-diamonds:before {
  content: "\e95b";
}

.icn-bullhorn:before {
  content: "\e95c";
}

.icn-connection:before {
  content: "\e95d";
}

.icn-podcast:before {
  content: "\e95e";
}

.icn-feed3:before {
  content: "\e95f";
}

.icn-mic:before {
  content: "\e960";
}

.icn-book:before {
  content: "\e961";
}

.icn-books:before {
  content: "\e962";
}

.icn-library:before {
  content: "\e963";
}

.icn-file-text:before {
  content: "\e964";
}

.icn-profile2:before {
  content: "\e965";
}

.icn-file-empty:before {
  content: "\e966";
}

.icn-files-empty:before {
  content: "\e967";
}

.icn-file-text2:before {
  content: "\e968";
}

.icn-file-picture:before {
  content: "\e969";
}

.icn-file-music:before {
  content: "\e96a";
}

.icn-file-play:before {
  content: "\e96b";
}

.icn-file-video:before {
  content: "\e96c";
}

.icn-file-zip:before {
  content: "\e96d";
}

.icn-copy:before {
  content: "\e96e";
}

.icn-paste:before {
  content: "\e96f";
}

.icn-stack:before {
  content: "\e970";
}

.icn-folder:before {
  content: "\e971";
}

.icn-folder-open:before {
  content: "\e972";
}

.icn-folder-plus:before {
  content: "\e973";
}

.icn-folder-minus:before {
  content: "\e974";
}

.icn-folder-download:before {
  content: "\e975";
}

.icn-folder-upload:before {
  content: "\e976";
}

.icn-price-tag:before {
  content: "\e977";
}

.icn-price-tags:before {
  content: "\e978";
}

.icn-barcode:before {
  content: "\e979";
}

.icn-qrcode:before {
  content: "\e97a";
}

.icn-ticket:before {
  content: "\e97b";
}

.icn-cart:before {
  content: "\e97c";
}

.icn-coin-dollar:before {
  content: "\e97d";
}

.icn-coin-euro:before {
  content: "\e97e";
}

.icn-coin-pound:before {
  content: "\e97f";
}

.icn-coin-yen:before {
  content: "\e980";
}

.icn-credit-card:before {
  content: "\e981";
}

.icn-calculator:before {
  content: "\e982";
}

.icn-lifebuoy:before {
  content: "\e983";
}

.icn-phone2:before {
  content: "\e984";
}

.icn-phone-hang-up:before {
  content: "\e985";
}

.icn-address-book:before {
  content: "\e986";
}

.icn-envelop:before {
  content: "\e987";
}

.icn-pushpin:before {
  content: "\e988";
}

.icn-location:before {
  content: "\e989";
}

.icn-location2:before {
  content: "\e98a";
}

.icn-compass:before {
  content: "\e98b";
}

.icn-compass2:before {
  content: "\e98c";
}

.icn-map:before {
  content: "\e98d";
}

.icn-map2:before {
  content: "\e98e";
}

.icn-history:before {
  content: "\e98f";
}

.icn-clock:before {
  content: "\e990";
}

.icn-clock2:before {
  content: "\e991";
}

.icn-alarm:before {
  content: "\e992";
}

.icn-bell:before {
  content: "\e993";
}

.icn-stopwatch:before {
  content: "\e994";
}

.icn-calendar2:before {
  content: "\e995";
}

.icn-printer:before {
  content: "\e996";
}

.icn-keyboard:before {
  content: "\e997";
}

.icn-display:before {
  content: "\e998";
}

.icn-laptop:before {
  content: "\e999";
}

.icn-mobile2:before {
  content: "\e99a";
}

.icn-mobile22:before {
  content: "\e99b";
}

.icn-tablet:before {
  content: "\e99c";
}

.icn-tv:before {
  content: "\e99d";
}

.icn-drawer:before {
  content: "\e99e";
}

.icn-drawer2:before {
  content: "\e99f";
}

.icn-box-add:before {
  content: "\e9a0";
}

.icn-box-remove:before {
  content: "\e9a1";
}

.icn-download2:before {
  content: "\e9a2";
}

.icn-upload:before {
  content: "\e9a3";
}

.icn-floppy-disk:before {
  content: "\e9a4";
}

.icn-drive:before {
  content: "\e9a5";
}

.icn-database:before {
  content: "\e9a6";
}

.icn-undo:before {
  content: "\e9a7";
}

.icn-redo:before {
  content: "\e9a8";
}

.icn-undo2:before {
  content: "\e9a9";
}

.icn-redo2:before {
  content: "\e9aa";
}

.icn-forward:before {
  content: "\e9ab";
}

.icn-reply2:before {
  content: "\e9ac";
}

.icn-bubble:before {
  content: "\e9ad";
}

.icn-bubbles:before {
  content: "\e9ae";
}

.icn-bubbles2:before {
  content: "\e9af";
}

.icn-bubble2:before {
  content: "\e9b0";
}

.icn-bubbles3:before {
  content: "\e9b1";
}

.icn-bubbles4:before {
  content: "\e9b2";
}

.icn-user:before {
  content: "\e9b3";
}

.icn-users:before {
  content: "\e9b4";
}

.icn-user-plus:before {
  content: "\e9b5";
}

.icn-user-minus:before {
  content: "\e9b6";
}

.icn-user-check:before {
  content: "\e9b7";
}

.icn-user-tie:before {
  content: "\e9b8";
}

.icn-quotes-left:before {
  content: "\e9b9";
}

.icn-quotes-right:before {
  content: "\e9ba";
}

.icn-hour-glass:before {
  content: "\e9bb";
}

.icn-spinner:before {
  content: "\e9bc";
}

.icn-spinner2:before {
  content: "\e9bd";
}

.icn-spinner3:before {
  content: "\e9be";
}

.icn-spinner4:before {
  content: "\e9bf";
}

.icn-spinner5:before {
  content: "\e9c0";
}

.icn-spinner6:before {
  content: "\e9c1";
}

.icn-spinner7:before {
  content: "\e9c2";
}

.icn-spinner8:before {
  content: "\e9c3";
}

.icn-spinner9:before {
  content: "\e9c4";
}

.icn-spinner10:before {
  content: "\e9c5";
}

.icn-spinner11:before {
  content: "\e9c6";
}

.icn-binoculars:before {
  content: "\e9c7";
}

.icn-search2:before {
  content: "\e9c8";
}

.icn-zoom-in:before {
  content: "\e9c9";
}

.icn-zoom-out:before {
  content: "\e9ca";
}

.icn-enlarge:before {
  content: "\e9cb";
}

.icn-shrink:before {
  content: "\e9cc";
}

.icn-enlarge2:before {
  content: "\e9cd";
}

.icn-shrink2:before {
  content: "\e9ce";
}

.icn-key:before {
  content: "\e9cf";
}

.icn-key2:before {
  content: "\e9d0";
}

.icn-lock:before {
  content: "\e9d1";
}

.icn-unlocked:before {
  content: "\e9d2";
}

.icn-wrench:before {
  content: "\e9d3";
}

.icn-equalizer:before {
  content: "\e9d4";
}

.icn-equalizer2:before {
  content: "\e9d5";
}

.icn-cog:before {
  content: "\e9d6";
}

.icn-cogs:before {
  content: "\e9d7";
}

.icn-hammer:before {
  content: "\e9d8";
}

.icn-magic-wand:before {
  content: "\e9d9";
}

.icn-aid-kit:before {
  content: "\e9da";
}

.icn-bug:before {
  content: "\e9db";
}

.icn-pie-chart:before {
  content: "\e9dc";
}

.icn-stats-dots:before {
  content: "\e9dd";
}

.icn-stats-bars:before {
  content: "\e9de";
}

.icn-stats-bars2:before {
  content: "\e9df";
}

.icn-trophy:before {
  content: "\e9e0";
}

.icn-gift:before {
  content: "\e9e1";
}

.icn-glass:before {
  content: "\e9e2";
}

.icn-glass2:before {
  content: "\e9e3";
}

.icn-mug:before {
  content: "\e9e4";
}

.icn-spoon-knife:before {
  content: "\e9e5";
}

.icn-leaf:before {
  content: "\e9e6";
}

.icn-rocket:before {
  content: "\e9e7";
}

.icn-meter:before {
  content: "\e9e8";
}

.icn-meter2:before {
  content: "\e9e9";
}

.icn-hammer2:before {
  content: "\e9ea";
}

.icn-fire:before {
  content: "\e9eb";
}

.icn-lab:before {
  content: "\e9ec";
}

.icn-magnet:before {
  content: "\e9ed";
}

.icn-bin:before {
  content: "\e9ee";
}

.icn-bin2:before {
  content: "\e9ef";
}

.icn-briefcase:before {
  content: "\e9f0";
}

.icn-airplane:before {
  content: "\e9f1";
}

.icn-truck:before {
  content: "\e9f2";
}

.icn-road:before {
  content: "\e9f3";
}

.icn-accessibility:before {
  content: "\e9f4";
}

.icn-target:before {
  content: "\e9f5";
}

.icn-shield:before {
  content: "\e9f6";
}

.icn-power:before {
  content: "\e9f7";
}

.icn-switch:before {
  content: "\e9f8";
}

.icn-power-cord:before {
  content: "\e9f9";
}

.icn-clipboard:before {
  content: "\e9fa";
}

.icn-list-numbered:before {
  content: "\e9fb";
}

.icn-list:before {
  content: "\e9fc";
}

.icn-list2:before {
  content: "\e9fd";
}

.icn-tree:before {
  content: "\e9fe";
}

.icn-menu:before {
  content: "\e9ff";
}

.icn-menu2:before {
  content: "\ea00";
}

.icn-menu3:before {
  content: "\ea01";
}

.icn-menu4:before {
  content: "\ea02";
}

.icn-cloud:before {
  content: "\ea03";
}

.icn-cloud-download:before {
  content: "\ea04";
}

.icn-cloud-upload:before {
  content: "\ea05";
}

.icn-cloud-check:before {
  content: "\ea06";
}

.icn-download22:before {
  content: "\ea07";
}

.icn-upload2:before {
  content: "\ea08";
}

.icn-download3:before {
  content: "\ea09";
}

.icn-upload3:before {
  content: "\ea0a";
}

.icn-sphere:before {
  content: "\ea0b";
}

.icn-earth:before {
  content: "\ea0c";
}

.icn-link2:before {
  content: "\ea0d";
}

.icn-flag:before {
  content: "\ea0e";
}

.icn-attachment:before {
  content: "\ea0f";
}

.icn-eye:before {
  content: "\ea10";
}

.icn-eye-plus:before {
  content: "\ea11";
}

.icn-eye-minus:before {
  content: "\ea12";
}

.icn-eye-blocked:before {
  content: "\ea13";
}

.icn-bookmark:before {
  content: "\ea14";
}

.icn-bookmarks:before {
  content: "\ea15";
}

.icn-sun:before {
  content: "\ea16";
}

.icn-contrast:before {
  content: "\ea17";
}

.icn-brightness-contrast:before {
  content: "\ea18";
}

.icn-star-empty:before {
  content: "\ea19";
}

.icn-star-half:before {
  content: "\ea1a";
}

.icn-star-full:before {
  content: "\ea1b";
}

.icn-heart2:before {
  content: "\ea1c";
}

.icn-heart-broken:before {
  content: "\ea1d";
}

.icn-man:before {
  content: "\ea1e";
}

.icn-woman:before {
  content: "\ea1f";
}

.icn-man-woman:before {
  content: "\ea20";
}

.icn-happy:before {
  content: "\ea21";
}

.icn-happy2:before {
  content: "\ea22";
}

.icn-smile:before {
  content: "\ea23";
}

.icn-smile2:before {
  content: "\ea24";
}

.icn-tongue:before {
  content: "\ea25";
}

.icn-tongue2:before {
  content: "\ea26";
}

.icn-sad:before {
  content: "\ea27";
}

.icn-sad2:before {
  content: "\ea28";
}

.icn-wink:before {
  content: "\ea29";
}

.icn-wink2:before {
  content: "\ea2a";
}

.icn-grin:before {
  content: "\ea2b";
}

.icn-grin2:before {
  content: "\ea2c";
}

.icn-cool:before {
  content: "\ea2d";
}

.icn-cool2:before {
  content: "\ea2e";
}

.icn-angry:before {
  content: "\ea2f";
}

.icn-angry2:before {
  content: "\ea30";
}

.icn-evil:before {
  content: "\ea31";
}

.icn-evil2:before {
  content: "\ea32";
}

.icn-shocked:before {
  content: "\ea33";
}

.icn-shocked2:before {
  content: "\ea34";
}

.icn-baffled:before {
  content: "\ea35";
}

.icn-baffled2:before {
  content: "\ea36";
}

.icn-confused:before {
  content: "\ea37";
}

.icn-confused2:before {
  content: "\ea38";
}

.icn-neutral:before {
  content: "\ea39";
}

.icn-neutral2:before {
  content: "\ea3a";
}

.icn-hipster:before {
  content: "\ea3b";
}

.icn-hipster2:before {
  content: "\ea3c";
}

.icn-wondering:before {
  content: "\ea3d";
}

.icn-wondering2:before {
  content: "\ea3e";
}

.icn-sleepy:before {
  content: "\ea3f";
}

.icn-sleepy2:before {
  content: "\ea40";
}

.icn-frustrated:before {
  content: "\ea41";
}

.icn-frustrated2:before {
  content: "\ea42";
}

.icn-crying:before {
  content: "\ea43";
}

.icn-crying2:before {
  content: "\ea44";
}

.icn-point-up:before {
  content: "\ea45";
}

.icn-point-right:before {
  content: "\ea46";
}

.icn-point-down:before {
  content: "\ea47";
}

.icn-point-left:before {
  content: "\ea48";
}

.icn-warning:before {
  content: "\ea49";
}

.icn-notification:before {
  content: "\ea4a";
}

.icn-question:before {
  content: "\ea4b";
}

.icn-plus:before {
  content: "\ea4c";
}

.icn-minus:before {
  content: "\ea4d";
}

.icn-info:before {
  content: "\ea4e";
}

.icn-cancel-circle:before {
  content: "\ea4f";
}

.icn-blocked:before {
  content: "\ea50";
}

.icn-cross:before {
  content: "\ea51";
}

.icn-checkmark:before {
  content: "\ea52";
}

.icn-checkmark2:before {
  content: "\ea53";
}

.icn-spell-check:before {
  content: "\ea54";
}

.icn-enter:before {
  content: "\ea55";
}

.icn-exit:before {
  content: "\ea56";
}

.icn-play2:before {
  content: "\ea57";
}

.icn-pause:before {
  content: "\ea58";
}

.icn-stop:before {
  content: "\ea59";
}

.icn-previous:before {
  content: "\ea5a";
}

.icn-next3:before {
  content: "\ea5b";
}

.icn-backward:before {
  content: "\ea5c";
}

.icn-forward2:before {
  content: "\ea5d";
}

.icn-play3:before {
  content: "\ea5e";
}

.icn-pause2:before {
  content: "\ea5f";
}

.icn-stop2:before {
  content: "\ea60";
}

.icn-backward2:before {
  content: "\ea61";
}

.icn-forward3:before {
  content: "\ea62";
}

.icn-first:before {
  content: "\ea63";
}

.icn-last:before {
  content: "\ea64";
}

.icn-previous2:before {
  content: "\ea65";
}

.icn-next22:before {
  content: "\ea66";
}

.icn-eject:before {
  content: "\ea67";
}

.icn-volume-high:before {
  content: "\ea68";
}

.icn-volume-medium:before {
  content: "\ea69";
}

.icn-volume-low:before {
  content: "\ea6a";
}

.icn-volume-mute:before {
  content: "\ea6b";
}

.icn-volume-mute2:before {
  content: "\ea6c";
}

.icn-volume-increase:before {
  content: "\ea6d";
}

.icn-volume-decrease:before {
  content: "\ea6e";
}

.icn-loop:before {
  content: "\ea6f";
}

.icn-loop2:before {
  content: "\ea70";
}

.icn-infinite:before {
  content: "\ea71";
}

.icn-shuffle:before {
  content: "\ea72";
}

.icn-arrow-up-left:before {
  content: "\ea73";
}

.icn-arrow-up:before {
  content: "\ea74";
}

.icn-arrow-up-right:before {
  content: "\ea75";
}

.icn-arrow-right:before {
  content: "\ea76";
}

.icn-arrow-down-right:before {
  content: "\ea77";
}

.icn-arrow-down:before {
  content: "\ea78";
}

.icn-arrow-down-left:before {
  content: "\ea79";
}

.icn-arrow-left:before {
  content: "\ea7a";
}

.icn-arrow-up-left2:before {
  content: "\ea7b";
}

.icn-arrow-up2:before {
  content: "\ea7c";
}

.icn-arrow-up-right2:before {
  content: "\ea7d";
}

.icn-arrow-right2:before {
  content: "\ea7e";
}

.icn-arrow-down-right2:before {
  content: "\ea7f";
}

.icn-arrow-down2:before {
  content: "\ea80";
}

.icn-arrow-down-left2:before {
  content: "\ea81";
}

.icn-arrow-left2:before {
  content: "\ea82";
}

.icn-circle-up:before {
  content: "\ea83";
}

.icn-circle-right:before {
  content: "\ea84";
}

.icn-circle-down:before {
  content: "\ea85";
}

.icn-circle-left:before {
  content: "\ea86";
}

.icn-tab:before {
  content: "\ea87";
}

.icn-move-up:before {
  content: "\ea88";
}

.icn-move-down:before {
  content: "\ea89";
}

.icn-sort-alpha-asc:before {
  content: "\ea8a";
}

.icn-sort-alpha-desc:before {
  content: "\ea8b";
}

.icn-sort-numeric-asc:before {
  content: "\ea8c";
}

.icn-sort-numberic-desc:before {
  content: "\ea8d";
}

.icn-sort-amount-asc:before {
  content: "\ea8e";
}

.icn-sort-amount-desc:before {
  content: "\ea8f";
}

.icn-command:before {
  content: "\ea90";
}

.icn-shift:before {
  content: "\ea91";
}

.icn-ctrl:before {
  content: "\ea92";
}

.icn-opt:before {
  content: "\ea93";
}

.icn-checkbox-checked:before {
  content: "\ea94";
}

.icn-checkbox-unchecked:before {
  content: "\ea95";
}

.icn-radio-checked:before {
  content: "\ea96";
}

.icn-radio-checked2:before {
  content: "\ea97";
}

.icn-radio-unchecked:before {
  content: "\ea98";
}

.icn-crop:before {
  content: "\ea99";
}

.icn-make-group:before {
  content: "\ea9a";
}

.icn-ungroup:before {
  content: "\ea9b";
}

.icn-scissors:before {
  content: "\ea9c";
}

.icn-filter:before {
  content: "\ea9d";
}

.icn-font:before {
  content: "\ea9e";
}

.icn-ligature:before {
  content: "\ea9f";
}

.icn-ligature2:before {
  content: "\eaa0";
}

.icn-text-height:before {
  content: "\eaa1";
}

.icn-text-width:before {
  content: "\eaa2";
}

.icn-font-size:before {
  content: "\eaa3";
}

.icn-bold:before {
  content: "\eaa4";
}

.icn-underline:before {
  content: "\eaa5";
}

.icn-italic:before {
  content: "\eaa6";
}

.icn-strikethrough:before {
  content: "\eaa7";
}

.icn-omega:before {
  content: "\eaa8";
}

.icn-sigma:before {
  content: "\eaa9";
}

.icn-page-break:before {
  content: "\eaaa";
}

.icn-superscript:before {
  content: "\eaab";
}

.icn-subscript:before {
  content: "\eaac";
}

.icn-superscript2:before {
  content: "\eaad";
}

.icn-subscript2:before {
  content: "\eaae";
}

.icn-text-color:before {
  content: "\eaaf";
}

.icn-pagebreak:before {
  content: "\eab0";
}

.icn-clear-formatting:before {
  content: "\eab1";
}

.icn-table:before {
  content: "\eab2";
}

.icn-table2:before {
  content: "\eab3";
}

.icn-insert-template:before {
  content: "\eab4";
}

.icn-pilcrow:before {
  content: "\eab5";
}

.icn-ltr:before {
  content: "\eab6";
}

.icn-rtl:before {
  content: "\eab7";
}

.icn-section:before {
  content: "\eab8";
}

.icn-paragraph-left:before {
  content: "\eab9";
}

.icn-paragraph-center:before {
  content: "\eaba";
}

.icn-paragraph-right:before {
  content: "\eabb";
}

.icn-paragraph-justify:before {
  content: "\eabc";
}

.icn-indent-increase:before {
  content: "\eabd";
}

.icn-indent-decrease:before {
  content: "\eabe";
}

.icn-share:before {
  content: "\eabf";
}

.icn-new-tab:before {
  content: "\eac0";
}

.icn-embed:before {
  content: "\eac1";
}

.icn-embed2:before {
  content: "\eac2";
}

.icn-terminal:before {
  content: "\eac3";
}

.icn-share2:before {
  content: "\eac4";
}

.icn-mail2:before {
  content: "\eac5";
}

.icn-mail22:before {
  content: "\eac6";
}

.icn-mail3:before {
  content: "\eac7";
}

.icn-mail4:before {
  content: "\eac8";
}

.icn-amazon:before {
  content: "\eac9";
}

.icn-google:before {
  content: "\eaca";
}

.icn-google2:before {
  content: "\eacb";
}

.icn-google3:before {
  content: "\eacc";
}

.icn-google-plus:before {
  content: "\eacd";
}

.icn-google-plus2:before {
  content: "\eace";
}

.icn-google-plus3:before {
  content: "\eacf";
}

.icn-hangouts:before {
  content: "\ead0";
}

.icn-google-drive:before {
  content: "\ead1";
}

.icn-facebook3:before {
  content: "\ead2";
}

.icn-facebook22:before {
  content: "\ead3";
}

.icn-instagram:before {
  content: "\ead4";
}

.icn-whatsapp:before {
  content: "\ead5";
}

.icn-spotify:before {
  content: "\ead6";
}

.icn-telegram:before {
  content: "\ead7";
}

.icn-twitter3:before {
  content: "\ead8";
}

.icn-vine:before {
  content: "\ead9";
}

.icn-vk:before {
  content: "\eada";
}

.icn-renren:before {
  content: "\eadb";
}

.icn-sina-weibo:before {
  content: "\eadc";
}

.icn-rss:before {
  content: "\eadd";
}

.icn-rss2:before {
  content: "\eade";
}

.icn-youtube:before {
  content: "\eadf";
}

.icn-youtube2:before {
  content: "\eae0";
}

.icn-twitch:before {
  content: "\eae1";
}

.icn-vimeo:before {
  content: "\eae2";
}

.icn-vimeo2:before {
  content: "\eae3";
}

.icn-lanyrd:before {
  content: "\eae4";
}

.icn-flickr:before {
  content: "\eae5";
}

.icn-flickr2:before {
  content: "\eae6";
}

.icn-flickr3:before {
  content: "\eae7";
}

.icn-flickr4:before {
  content: "\eae8";
}

.icn-dribbble:before {
  content: "\eae9";
}

.icn-behance:before {
  content: "\eaea";
}

.icn-behance2:before {
  content: "\eaeb";
}

.icn-deviantart:before {
  content: "\eaec";
}

.icn-500px:before {
  content: "\eaed";
}

.icn-steam:before {
  content: "\eaee";
}

.icn-steam2:before {
  content: "\eaef";
}

.icn-dropbox:before {
  content: "\eaf0";
}

.icn-onedrive:before {
  content: "\eaf1";
}

.icn-github:before {
  content: "\eaf2";
}

.icn-npm:before {
  content: "\eaf3";
}

.icn-basecamp:before {
  content: "\eaf4";
}

.icn-trello:before {
  content: "\eaf5";
}

.icn-wordpress:before {
  content: "\eaf6";
}

.icn-joomla:before {
  content: "\eaf7";
}

.icn-ello:before {
  content: "\eaf8";
}

.icn-blogger3:before {
  content: "\eaf9";
}

.icn-blogger22:before {
  content: "\eafa";
}

.icn-tumblr:before {
  content: "\eafb";
}

.icn-tumblr2:before {
  content: "\eafc";
}

.icn-yahoo:before {
  content: "\eafd";
}

.icn-yahoo2:before {
  content: "\eafe";
}

.icn-tux:before {
  content: "\eaff";
}

.icn-appleinc:before {
  content: "\eb00";
}

.icn-finder:before {
  content: "\eb01";
}

.icn-android:before {
  content: "\eb02";
}

.icn-windows:before {
  content: "\eb03";
}

.icn-windows8:before {
  content: "\eb04";
}

.icn-soundcloud:before {
  content: "\eb05";
}

.icn-soundcloud2:before {
  content: "\eb06";
}

.icn-skype:before {
  content: "\eb07";
}

.icn-reddit:before {
  content: "\eb08";
}

.icn-hackernews:before {
  content: "\eb09";
}

.icn-wikipedia:before {
  content: "\eb0a";
}

.icn-linkedin:before {
  content: "\eb0b";
}

.icn-linkedin2:before {
  content: "\eb0c";
}

.icn-lastfm:before {
  content: "\eb0d";
}

.icn-lastfm2:before {
  content: "\eb0e";
}

.icn-delicious:before {
  content: "\eb0f";
}

.icn-stumbleupon:before {
  content: "\eb10";
}

.icn-stumbleupon2:before {
  content: "\eb11";
}

.icn-stackoverflow:before {
  content: "\eb12";
}

.icn-pinterest:before {
  content: "\eb13";
}

.icn-pinterest2:before {
  content: "\eb14";
}

.icn-xing:before {
  content: "\eb15";
}

.icn-xing2:before {
  content: "\eb16";
}

.icn-flattr:before {
  content: "\eb17";
}

.icn-foursquare:before {
  content: "\eb18";
}

.icn-yelp:before {
  content: "\eb19";
}

.icn-paypal:before {
  content: "\eb1a";
}

.icn-chrome:before {
  content: "\eb1b";
}

.icn-firefox:before {
  content: "\eb1c";
}

.icn-IE:before {
  content: "\eb1d";
}

.icn-edge:before {
  content: "\eb1e";
}

.icn-safari:before {
  content: "\eb1f";
}

.icn-opera:before {
  content: "\eb20";
}

.icn-file-pdf:before {
  content: "\eb21";
}

.icn-file-openoffice:before {
  content: "\eb22";
}

.icn-file-word:before {
  content: "\eb23";
}

.icn-file-excel:before {
  content: "\eb24";
}

.icn-libreoffice:before {
  content: "\eb25";
}

.icn-html-five:before {
  content: "\eb26";
}

.icn-html-five2:before {
  content: "\eb27";
}

.icn-css3:before {
  content: "\eb28";
}

.icn-git:before {
  content: "\eb29";
}

.icn-codepen:before {
  content: "\eb2a";
}

.icn-svg:before {
  content: "\eb2b";
}

.icn-IcoMoon:before {
  content: "\eb2c";
}

.icn-pdf-2:before {
  content: "\e93f";
}

.icn-pdf-1:before {
  content: "\e940";
}

.icn-download:before {
  content: "\e941";
}

.icn-arrow-circle:before {
  content: "\e93e";
}

.icn-arrow-r:before {
  content: "\e93a";
}

.icn-pc:before {
  content: "\e93b";
}

.icn-gs:before {
  content: "\e93c";
}

.icn-ap:before {
  content: "\e93d";
}

.icn-slide-dot:before {
  content: "\e938";
}

.icn-slide-dot-w:before {
  content: "\e939";
}

.icn-nav-left-arrow-box:before {
  content: "\e936";
  color: #fff;
}

.icn-nav-right-arrow-box:before {
  content: "\e937";
  color: #fff;
}

.icn-nav-right-arrow:before {
  content: "\e934";
}

.icn-nav-left-arrow:before {
  content: "\e935";
}

.icn-icn-windowopen:before {
  content: "\e931";
}

.icn-nav-up-arrow:before {
  content: "\e932";
}

.icn-nav-down-arrow:before {
  content: "\e933";
}

.icn-star:before {
  content: "\e607";
}

.icn-heart:before {
  content: "\e608";
}

.icn-thumbs-up:before {
  content: "\e609";
}

.icn-thumbs-up2:before {
  content: "\e60a";
}

.icn-googleplus:before {
  content: "\e60b";
}

.icn-googleplus2:before {
  content: "\e60c";
}

.icn-facebook:before {
  content: "\e60d";
}

.icn-facebook2:before {
  content: "\e60e";
}

.icn-twitter:before {
  content: "\e60f";
}

.icn-twitter2:before {
  content: "\e610";
}

.icn-feed:before {
  content: "\e611";
}

.icn-feed2:before {
  content: "\e612";
}

.icn-blogger:before {
  content: "\e613";
}

.icn-blogger2:before {
  content: "\e614";
}

.icn-next2:before {
  content: "\e92f";
}

.icn-prev2:before {
  content: "\e930";
}

.icn-add:before {
  content: "\e91c";
}

.icn-all:before {
  content: "\e91d";
}

.icn-calendar:before {
  content: "\e91e";
}

.icn-cancel:before {
  content: "\e91f";
}

.icn-comment:before {
  content: "\e920";
}

.icn-crown:before {
  content: "\e921";
}

.icn-delete:before {
  content: "\e922";
}

.icn-edit:before {
  content: "\e923";
}

.icn-favorite:before {
  content: "\e924";
}

.icn-next:before {
  content: "\e925";
}

.icn-prev:before {
  content: "\e926";
}

.icn-profile:before {
  content: "\e927";
}

.icn-reply:before {
  content: "\e928";
}

.icn-search:before {
  content: "\e929";
}

.icn-tag:before {
  content: "\e92a";
}

.icn-thumb01:before {
  content: "\e92b";
}

.icn-thumb02:before {
  content: "\e92c";
}

.icn-thumb03:before {
  content: "\e92d";
}

.icn-view:before {
  content: "\e92e";
}

.icn-head-arrow-d:before {
  content: "\e910";
}

.icn-head-blog:before {
  content: "\e911";
}

.icn-head-cart:before {
  content: "\e912";
}

.icn-head-caution:before {
  content: "\e913";
}

.icn-head-company:before {
  content: "\e914";
}

.icn-head-crown:before {
  content: "\e915";
}

.icn-head-information:before {
  content: "\e916";
}

.icn-head-news:before {
  content: "\e917";
}

.icn-head-star:before {
  content: "\e918";
}

.icn-head-upload:before {
  content: "\e919";
}

.icn-head-vote:before {
  content: "\e91a";
}

.icn-head-world:before {
  content: "\e91b";
}

.icn-nav-amusement2:before {
  content: "\e908";
}

.icn-nav-bs2:before {
  content: "\e909";
}

.icn-nav-company2:before {
  content: "\e90a";
}

.icn-nav-development2:before {
  content: "\e90b";
}

.icn-nav-free2:before {
  content: "\e90c";
}

.icn-nav-game2:before {
  content: "\e90d";
}

.icn-nav-home2:before {
  content: "\e90e";
}

.icn-nav-recruit2:before {
  content: "\e90f";
}

.icn-nav-amusement:before {
  content: "\e900";
  color: #767777;
}

.icn-nav-bs:before {
  content: "\e901";
  color: #767777;
}

.icn-nav-company:before {
  content: "\e902";
  color: #767777;
}

.icn-nav-development:before {
  content: "\e903";
  color: #767777;
}

.icn-nav-free:before {
  content: "\e904";
  color: #767777;
}

.icn-nav-game:before {
  content: "\e905";
  color: #767777;
}

.icn-nav-home:before {
  content: "\e906";
  color: #767777;
}

.icn-nav-recruit:before {
  content: "\e907";
  color: #767777;
}

.icn-ring-star:before {
  content: "\e615";
}

.icn-rina-hand:before {
  content: "\e616";
}

.icn-nameko:before {
  content: "\e617";
}

.icn-logo-success1:before {
  content: "\e618";
}

.icn-logo-success2:before {
  content: "\e619";
}

.icn-logo-success:before {
  content: "\e61a";
}

.icn-phone:before {
  content: "\e600";
}

.icn-mobile:before {
  content: "\e601";
}

.icn-mail:before {
  content: "\e602";
}

.icn-paperplane:before {
  content: "\e603";
}

.icn-link:before {
  content: "\e604";
}

.icn-music:before {
  content: "\e605";
}

.icn-music2:before {
  content: "\e606";
}

/* ページ基本設定
----------------------------------------------------------------------------*/
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
input[type="number"],
input[type="range"],
input[type="color"],
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

html {
  background: white;
  font-size: 62.5%;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.6;
  color: #333333;
  min-width: 320px;
  position: relative;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}
@media print {
  body {
    background: none;
    color: #000;
    font-size: 52.5%;
  }
}

a, a:link, a:visited, a:active {
  color: #cb330f;
  font-weight: normal;
  outline: 0;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
}
@media print {
  a, a:link, a:visited, a:active {
    color: #333;
  }
}

a:hover {
  color: #cb330f;
  font-weight: normal;
  text-decoration: underline;
}
@media print {
  a:hover {
    color: #333;
  }
}

th, td {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.6;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333333;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  th, td {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media print {
  th, td {
    color: #000;
  }
}

h1, h2, h3, h4, h5, h6, address, caption, em, strong, th, td, textarea {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
}

img, iframe {
  vertical-align: bottom;
}

ol, ul, li {
  list-style: none;
}

caption, th, td {
  text-align: left;
}

textarea {
  vertical-align: middle;
}

h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 1em 0;
}

h2 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 1em 0;
}

h3 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 1em 0;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

textarea {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.6;
  overflow: auto;
}

/* 汎用クラス ※運営時以外使用不可
----------------------------------------------------------------------------*/
/* font-style */
.b {
  font-weight: bold;
}

.i {
  font-style: italic;
}

.u {
  text-decoration: underline;
}

.d {
  text-decoration: line-through;
}

.normal {
  font-weight: normal;
}

/* font-color */
.black {
  color: #000;
}

.white {
  color: #fff;
}

.red {
  color: #f00;
}

.green {
  color: #0f0;
}

.blue {
  color: #00f;
}

.gray {
  color: #aaa;
}

.orange {
  color: #f90;
}

/* font-size */
.xx-s {
  font-size: xx-small;
}

.x-s {
  font-size: x-small;
}

.s {
  font-size: small;
}

.m {
  font-size: medium;
}

.l {
  font-size: large;
}

.x-l {
  font-size: x-large;
}

.xx-l {
  font-size: xx-large;
}

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

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

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

td.nowrap {
  white-space: nowrap;
}

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

/* float */
.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both !important;
}

/* float-image */
img.left {
  margin: 0 1em 0.5em 0;
}

img.right {
  margin: 0 0 0.5em 1em;
}

/* display */
.show {
  display: block;
}

.hide {
  display: none;
}

/* indent */
.indent {
  *zoom: 1;
  margin: 0 0.7em 2em;
}
.indent:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/* clearfix
----------------------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
/* Fluid Image
----------------------------------------------------------------------------*/
img {
  height: auto;
  max-width: 100%;
}

img, object {
  max-width: 100%;
}

/* IE7 */
/*.ie7 img,
.ie7 object* {
	width: 100%;
}*/
/* IE8 */
/*.ie8 img,
.ie8 object {
	width: auto\9;
}*/
/* フォーム
----------------------------------------------------------------------------*/
div.form-area {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #f6f7f8;
  padding: 2em;
}

div.bt-area {
  *zoom: 1;
  clear: both;
  margin: 3em 0;
  text-align: center;
}
div.bt-area:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
div.bt-area input, div.bt-area button {
  vertical-align: middle;
}
div.bt-area .submit, div.bt-area .reset {
  margin: 0 1em 0 0;
}
div.bt-area .submit:last-child, div.bt-area .reset:last-child {
  margin: 0;
}
div.bt-area .submit:hover, div.bt-area .reset:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  div.bt-area .submit, div.bt-area .reset {
    margin: 0 0 1em;
  }
}

div.fieldcontain {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
  margin: 0 0 2em;
  padding: 0 0 2em;
}
div.fieldcontain:last-child, div.fieldcontain:last-of-type {
  border: none;
  margin: 0;
  padding: 0;
}
div.fieldcontain label span, div.fieldcontain legend span {
  background: #ff6633;
  color: #fff;
  display: inline-block;
  font-size: x-small;
  line-height: 1;
  margin: 0 1em;
  padding: .3em .7em;
  vertical-align: middle;
}

label {
  display: block;
  font-weight: bold;
  padding: 0 0 5px;
}

fieldset {
  margin: 0 0 1em;
}
fieldset:last-child, fieldset:last-of-type {
  margin: 0;
}
fieldset legend {
  font-weight: bold;
  padding: 0 0 5px;
}
fieldset label {
  display: inline;
  font-weight: normal;
  margin: 0 1em 0 0;
  padding: 0;
}
fieldset label:last-child {
  margin: 0;
}
fieldset input {
  margin: 0 0.3em 0 0;
}
fieldset input:last-child {
  margin: 0 0.3em 0 0;
}
fieldset.post label {
  display: inline-block;
  margin: 0 1em 0 0;
  width: 13em;
}
fieldset select {
  display: block;
  margin: 0 0 0.5em;
}
fieldset select:last-child {
  margin: 0;
}

input, select, textarea, button {
  font-size: 16px;
  font-size: 1.6rem;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 0 0.5em 0 0;
  padding: .5em;
}
input:last-child, select:last-child, textarea:last-child, button:last-child {
  margin: 0;
}

@media screen and (max-width: 640px) {
  input, select, textarea {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.submit,
.reset {
  font-size: 16px;
  font-size: 1.6rem;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1;
  margin: 0 0.5em 0 0;
  padding: 1em;
  vertical-align: middle;
  width: 25%;
}
.submit:last-child,
.reset:last-child {
  margin: 0;
}
.submit:hover,
.reset:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .submit,
  .reset {
    width: 50%;
  }
}
@media screen and (max-width: 768px) and (max-width: 480px) {
  .submit,
  .reset {
    width: 100%;
  }
}

input.submit,
button.submit,
a.submit {
  background-color: black;
  border-color: black;
  color: white;
  transition: all 200ms 0s ease-in;
}
input.submit:hover,
button.submit:hover,
a.submit:hover {
  background-color: white;
  color: black;
}

input.reset,
button.reset,
a.reset {
  background-color: white;
  border-color: #e6e6e6;
  color: #333333;
  transition: all 200ms 0s ease-in;
}
input.reset:hover,
button.reset:hover,
a.reset:hover {
  background-color: #e6e6e6;
}

a.submit,
a.reset {
  display: inline-block;
}

input.radio {
  border: 0 none;
  padding: 0;
  width: auto;
}

input.short {
  width: 25%;
}

input.middle {
  width: 50%;
}

input.long,
textarea.long {
  width: 100%;
}

input.auto {
  width: auto;
}

/* ページネーション
----------------------------------------------------------------------------*/
div.paging {
  font-size: 12px;
  font-size: 1.2rem;
  clear: both;
  padding: 4em 0;
  text-align: center;
}
div.paging span {
  display: inline-block;
  margin: 0 8px 8px 0;
}
div.paging span:last-child {
  margin: 0 0 8px;
}
div.paging span.number {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
}
div.paging span.current {
  background-color: black;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  color: white;
  padding: 1em;
}
div.paging span a {
  display: block;
  padding: 1em;
}
div.paging span a:hover {
  color: #333;
}

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm {
  box-sizing: border-box;
  position: relative;
  z-index: 9999;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  direction: ltr;
  text-align: left;
}

.sm-rtl, .sm-rtl ul, .sm-rtl li {
  direction: rtl;
  text-align: right;
}

.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 {
  margin: 0;
  padding: 0;
}

.sm ul {
  display: none;
}

.sm li, .sm a {
  position: relative;
}

.sm a {
  display: block;
}

.sm a.disabled {
  cursor: default;
}

.sm::after {
  content: "";
  display: block;
  height: 0;
  font: 0px/0 serif;
  clear: both;
  overflow: hidden;
}

.sm *, .sm *::before, .sm *::after {
  box-sizing: inherit;
}

.sm-simple {
  border: 1px solid #bbbbbb;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
  padding: 17px .7em;
  /* make room for the toggle button (sub indicator) */
  color: #222;
  text-decoration: none;
  cursor: pointer;
}

.sm-simple a.current {
  background: #555555;
  color: #fff;
}

.sm-simple a.disabled {
  color: #cccccc;
}

.sm-simple a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 14px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.08);
}

.sm-simple a .sub-arrow::before {
  content: '+';
}

.sm-simple a.highlighted .sub-arrow::before {
  content: '-';
}

.sm-simple > li:first-child {
  border-top: 0;
}

.sm-simple ul {
  background: rgba(179, 179, 179, 0.1);
}

.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
  font-size: 14px;
  border-left: 8px solid transparent;
}

.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
  border-left: 16px solid transparent;
}

.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
  border-left: 24px solid transparent;
}

.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
  border-left: 32px solid transparent;
}

.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

@media (min-width: 1025px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-simple ul {
    position: absolute;
    width: 12em;
  }

  .sm-simple li {
    float: left;
  }

  .sm-simple.sm-rtl li {
    float: right;
  }

  .sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li {
    float: none;
  }

  .sm-simple a {
    white-space: nowrap;
  }

  .sm-simple ul a, .sm-simple.sm-vertical a {
    white-space: normal;
  }

  .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-simple {
    background: #fff;
  }

  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 17px .7em;
    color: #222;
  }

  .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    background: #eeeeee;
  }

  .sm-simple a.current {
    background: #555555;
    color: #fff;
  }

  .sm-simple a.disabled {
    background: #fff;
    color: #cccccc;
  }

  .sm-simple a .sub-arrow {
    top: 50%;
    margin-top: -8px;
    right: 20px;
    width: 8px;
    height: 16px;
    font: 14px/16px monospace !important;
    background: transparent;
  }

  .sm-simple a.highlighted .sub-arrow::before {
    content: '+';
  }

  .sm-simple > li {
    border-top: 0;
  }

  .sm-simple > li:first-child {
    border-left: 0;
  }

  .sm-simple ul {
    border-bottom: 2px solid #cb330f;
    background: #eee;
  }

  .sm-simple ul a {
    border: 0 !important;
  }

  .sm-simple ul a.has-submenu {
    padding-right: 20px;
  }

  .sm-simple ul a .sub-arrow {
    left: 8px;
    right: auto;
  }

  .sm-simple ul > li {
    border-left: 0;
  }

  .sm-simple ul > li:first-child {
    border-top: 0;
  }

  .sm-simple .scroll-up,
  .sm-simple .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }

  .sm-simple .scroll-up-arrow,
  .sm-simple .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }

  .sm-simple .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }

  .sm-simple.sm-rtl a.has-submenu {
    padding-right: 20px;
    padding-left: 32px;
  }

  .sm-simple.sm-rtl a .sub-arrow {
    left: 20px;
    right: auto;
  }

  .sm-simple.sm-rtl.sm-vertical a.has-submenu {
    padding: 11px 20px;
  }

  .sm-simple.sm-rtl.sm-vertical a .sub-arrow {
    left: auto;
    right: 8px;
  }

  .sm-simple.sm-rtl > li:first-child {
    border-left: 1px solid #eeeeee;
  }

  .sm-simple.sm-rtl > li:last-child {
    border-left: 0;
  }

  .sm-simple.sm-rtl ul a.has-submenu {
    padding: 11px 20px;
  }

  .sm-simple.sm-rtl ul a .sub-arrow {
    left: auto;
    right: 8px;
  }

  .sm-simple.sm-vertical a .sub-arrow {
    left: 8px;
    right: auto;
  }

  .sm-simple.sm-vertical li {
    border-left: 0;
    border-top: 1px solid #eeeeee;
  }

  .sm-simple.sm-vertical > li:first-child {
    border-top: 0;
  }
}
/*# sourceMappingURL=sm-simple.css.map */
.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

#main-menu {
  clear: both;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 1025px) {
  #main-menu {
    float: right;
    clear: none;
  }
}
/* Mobile menu toggle button */
.main-menu-btn {
  margin: 8px 0;
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  text-indent: 32px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 0;
}

/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #555;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}

/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 1025px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }

  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}
/* IGNORE: Unrelated generic demo styles */
.sm-simple li a i {
  font-size: 10px;
  font-size: 1rem;
  color: #666;
  margin: 0 .5em;
}

.sm-simple li a {
  background: #fff;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

.sm-simple li a:hover {
  background-color: #eee;
}

.sm-simple li ul li a {
  background: #eee;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

.sm-simple li ul li a:hover {
  background-color: #ddd;
}

.sm-simple li ul li ul li a {
  background: #ddd;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

.sm-simple li ul li ul li a:hover {
  background-color: #ccc;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: white url("../img/ajax-loader.gif") center center no-repeat;
}

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 64px;
  width: 32px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "success";
  font-size: 64px;
  line-height: 1;
  color: #ff4222;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 0;
}
.slick-prev:before {
  content: "\e936";
}
[dir="rtl"] .slick-prev:before {
  content: "\e937";
}

.slick-next {
  right: 0;
}
[dir="rtl"] .slick-next {
  left: 0;
  right: auto;
}
.slick-next:before {
  content: "\e937";
}
[dir="rtl"] .slick-next:before {
  content: "\e936";
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\e938";
  width: 20px;
  height: 20px;
  font-family: "success";
  font-size: 24px;
  line-height: 20px;
  text-align: center;
  color: white;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: white;
  opacity: 0.75;
}

/* 全面背景
----------------------------------------------------------------------------*/
/* 共通
----------------------------------------------------------------------------*/
body#development h1.description {
  display: none;
}
body#development #container .contents {
  background: #fff;
}
body#development #container section {
  *zoom: 1;
  padding: 4em 0;
}
body#development #container section:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
@media screen and (max-width: 480px) {
  body#development #container section {
    padding: 2em 1em;
  }
}
body#development #container section h1 {
  font-size: 48px;
  font-size: 4.8rem;
  border: 0 none;
  color: #cb330f;
  font-weight: normal;
  margin: 0 0 .6em;
  text-align: center;
}
@media screen and (max-width: 480px) {
  body#development #container section h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
body#development #container section p {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 1em;
}
body#development #container section .contents-inner {
  margin: 0 auto;
  overflow: hidden;
}
body#development #container section.inquiry p i {
  font-size: 14px;
  font-size: 1.4rem;
}
body#development #container section.inquiry p.inquiries {
  margin: 2em 0;
  text-align: center;
}
body#development #container section.inquiry p.inquiries a.submit {
  font-size: 21px;
  font-size: 2.1rem;
  background: #f90;
  border-color: #f90;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  padding: 0.7em;
  width: 13em;
}
body#development #container section.inquiry p.inquiries a.submit:hover {
  background: #fff;
  color: #f90;
  text-decoration: none;
}
body#development #container section.inquiry p.inquiries i {
  float: right;
}

/* トップページ
----------------------------------------------------------------------------*/
body#development.index section.catch-copy {
  display: table;
  height: 70%;
  margin: 112px 0 40px;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 640px) {
  body#development.index section.catch-copy {
    margin: 96px 0;
  }
}
body#development.index section.catch-copy div {
  display: table-cell;
  vertical-align: middle;
}
body#development.index section.catch-copy div h1 {
  font-size: 24px;
  font-size: 2.4rem;
  border: 0 none;
  color: #fff;
  font-weight: normal;
  padding: 1em;
  text-align: center;
}
body#development.index section.catch-copy div h1 span {
  text-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
  font-size: 24px;
  font-size: 2.4rem;
  border: 0 none;
  color: #fff;
  display: block;
  margin: 1em 0 0;
}
body#development.index section.catch-copy div h1 span br {
  display: none;
}
@media screen and (max-width: 640px) {
  body#development.index section.catch-copy div h1 span br {
    display: block;
  }
}
body#development.index #container {
  margin: 0;
}
body#development.index #container section .box {
  opacity: 0;
  -moz-transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  -o-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  transform: translate(0, 60px);
}
body#development.index #container section .box-ani {
  opacity: 1.0;
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
body#development.index #container section.about {
  background: #fff;
}
body#development.index #container section.about ul {
  *zoom: 1;
  float: left;
  left: 50%;
  margin: 1em 0;
  position: relative;
  width: 100%;
}
body#development.index #container section.about ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
@media screen and (max-width: 640px) {
  body#development.index #container section.about ul {
    float: none;
    left: auto;
  }
}
body#development.index #container section.about ul li {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color, 0.5s, ease-in, 0.5s;
  -moz-transition: background-color, 0.5s, ease-in, 0.5s;
  -o-transition: background-color, 0.5s, ease-in, 0.5s;
  transition: background-color, 0.5s, ease-in, 0.5s;
  background: #f6f7f8;
  border-width: 1px;
  border-style: solid;
  float: left;
  left: -50%;
  margin-right: 3.54167%;
  padding: 1em;
  position: relative;
  text-align: center;
  width: 30.9375%;
  /*					&.gs,&.ap,&.pc {
  						opacity: 0;
  						-moz-transform: translate(0,60px);
  						-webkit-transform: translate(0,60px);
  						-o-transform: translate(0,60px);
  						-ms-transform: translate(0,60px);
  						transform: translate(0,60px);
  					}
  					&.box-ani {
  						opacity: 1.0;
  						-moz-transform: translate(0,0);
  						-webkit-transform: translate(0,0);
  						-o-transform: translate(0,0);
  						-ms-transform: translate(0,0);
  						transform: translate(0,0);
  					}*/
}
body#development.index #container section.about ul li a {
  color: #333;
  display: block;
  height: 100%;
}
body#development.index #container section.about ul li a:hover {
  text-decoration: none;
}
body#development.index #container section.about ul li a > i {
  font-size: 110px;
  font-size: 11rem;
  line-height: 1.2;
}
body#development.index #container section.about ul li a h2 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 1em;
}
body#development.index #container section.about ul li a p {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
}
body#development.index #container section.about ul li a p.description {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  font-size: 1.6rem;
  background: #fff;
  border: 0 none;
  display: none;
  line-height: 1;
  padding: 0.7em;
  text-align: center;
  vertical-align: middle;
}
body#development.index #container section.about ul li.gs {
  border-color: #fdb813;
}
body#development.index #container section.about ul li.gs i, body#development.index #container section.about ul li.gs h2 {
  -webkit-transition: color, 0.3s, ease-in;
  -moz-transition: color, 0.3s, ease-in;
  -o-transition: color, 0.3s, ease-in;
  transition: color, 0.3s, ease-in;
  color: #fdb813;
}
body#development.index #container section.about ul li.gs:hover {
  background: #fdb813;
}
body#development.index #container section.about ul li.gs:hover i, body#development.index #container section.about ul li.gs:hover h2 {
  color: #fff;
}
body#development.index #container section.about ul li.gs:hover p {
  display: none;
}
body#development.index #container section.about ul li.gs:hover p i {
  color: #fdb813;
  float: right;
}
body#development.index #container section.about ul li.gs:hover p.description {
  color: #fdb813;
  display: block;
}
body#development.index #container section.about ul li.ap {
  border-color: #76bfea;
}
body#development.index #container section.about ul li.ap i, body#development.index #container section.about ul li.ap h2 {
  -webkit-transition: color, 0.3s, ease-in;
  -moz-transition: color, 0.3s, ease-in;
  -o-transition: color, 0.3s, ease-in;
  transition: color, 0.3s, ease-in;
  color: #76bfea;
}
body#development.index #container section.about ul li.ap:hover {
  background: #76bfea;
}
body#development.index #container section.about ul li.ap:hover i, body#development.index #container section.about ul li.ap:hover h2 {
  color: #fff;
}
body#development.index #container section.about ul li.ap:hover p {
  display: none;
}
body#development.index #container section.about ul li.ap:hover p i {
  color: #76bfea;
  float: right;
}
body#development.index #container section.about ul li.ap:hover p.description {
  color: #76bfea;
  display: block;
}
body#development.index #container section.about ul li.pc {
  border-color: #ccdb28;
}
body#development.index #container section.about ul li.pc i, body#development.index #container section.about ul li.pc h2 {
  -webkit-transition: color, 0.3s, ease-in;
  -moz-transition: color, 0.3s, ease-in;
  -o-transition: color, 0.3s, ease-in;
  transition: color, 0.3s, ease-in;
  color: #ccdb28;
}
body#development.index #container section.about ul li.pc:hover {
  background: #ccdb28;
}
body#development.index #container section.about ul li.pc:hover i, body#development.index #container section.about ul li.pc:hover h2 {
  color: #fff;
}
body#development.index #container section.about ul li.pc:hover p {
  display: none;
}
body#development.index #container section.about ul li.pc:hover p i {
  color: #ccdb28;
  float: right;
}
body#development.index #container section.about ul li.pc:hover p.description {
  color: #ccdb28;
  display: block;
}
body#development.index #container section.about ul li:last-child {
  margin: 0;
}
@media screen and (max-width: 640px) {
  body#development.index #container section.about ul li {
    float: none;
    left: auto;
    margin-right: 0;
    margin-bottom: 1em;
    width: 100%;
  }
}
body#development.index #container section.advantage {
  background: #f6f7f8;
}
body#development.index #container section.advantage ul {
  *zoom: 1;
  float: left;
  left: 50%;
  margin: 1em 0;
  position: relative;
  width: 100%;
}
body#development.index #container section.advantage ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
@media screen and (max-width: 640px) {
  body#development.index #container section.advantage ul {
    float: none;
    left: auto;
  }
}
body#development.index #container section.advantage ul li {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: opacity, 0.5s, ease-in, 0.5s;
  -moz-transition: opacity, 0.5s, ease-in, 0.5s;
  -o-transition: opacity, 0.5s, ease-in, 0.5s;
  transition: opacity, 0.5s, ease-in, 0.5s;
  background: #fff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  float: left;
  left: -50%;
  margin: 0.78125%;
  padding: 1em;
  position: relative;
  width: 48.32589%;
}
body#development.index #container section.advantage ul li h2 {
  font-size: 18px;
  font-size: 1.8rem;
  border-color: #ccc;
  border-style: solid;
  border-width: 0 0 1px;
  color: #cb330f;
  line-height: 2;
  margin: 0 0 1em;
  padding: 0;
}
body#development.index #container section.advantage ul li h2 span {
  border-color: #cb330f;
  border-style: solid;
  border-width: 0 0 1px;
  display: inline-block;
  line-height: 2;
  margin: 0 0 -3px;
}
body#development.index #container section.advantage ul li p {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
}
@media screen and (max-width: 640px) {
  body#development.index #container section.advantage ul li {
    float: none;
    left: auto;
    width: 100%;
  }
}
body#development.index #container section.achievement {
  background: url("../img/development/bg2.jpg") no-repeat center center;
  background-size: cover;
}
body#development.index #container section.achievement p.description {
  margin: 0;
  text-align: center;
}
body#development.index #container section.achievement p.description a.submit {
  border: 0 none;
  padding: 0.7em;
  width: 13em;
}
body#development.index #container section.achievement p.description a.submit:hover {
  text-decoration: none;
}
body#development.index #container section.achievement p.description i {
  float: right;
}
body#development.index #container section.client {
  background: #fff;
  text-align: center;
}
body#development.index #container section.client .contents-inner p {
  font-size: 14px;
  font-size: 1.4rem;
}
body#development.index #container section.client .contents-inner .client-list {
  *zoom: 1;
  overflow: hidden;
}
body#development.index #container section.client .contents-inner .client-list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#development.index #container section.client .contents-inner .client-list ul {
  *zoom: 1;
  float: left;
  left: 50%;
  position: relative;
}
body#development.index #container section.client .contents-inner .client-list ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
@media screen and (max-width: 800px) {
  body#development.index #container section.client .contents-inner .client-list ul {
    float: none;
    left: auto;
  }
}
body#development.index #container section.client .contents-inner .client-list ul li {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color, 0.5s, ease-in, 0.5s;
  -moz-transition: background-color, 0.5s, ease-in, 0.5s;
  -o-transition: background-color, 0.5s, ease-in, 0.5s;
  transition: background-color, 0.5s, ease-in, 0.5s;
  background: #fff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  color: #cb330f;
  float: left;
  left: -50%;
  line-height: 3;
  margin: 0.78125%;
  overflow: hidden;
  position: relative;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 48.4375%;
}
body#development.index #container section.client .contents-inner .client-list ul li:hover {
  background: #cb330f;
  border-color: #eee;
  color: #fff;
}
body#development.index #container section.client .contents-inner .client-list ul li a {
  display: block;
  height: 100%;
  overflow: hidden;
  padding: 0 1em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
body#development.index #container section.client .contents-inner .client-list ul li a:hover {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 800px) {
  body#development.index #container section.client .contents-inner .client-list ul li {
    float: none;
    left: auto;
    margin: 10px 0;
    width: 100%;
  }
}
body#development.index #container section.client .contents-inner .client-list ul li:last-child {
  border: 0 none;
  color: #333;
}
body#development.index #container section.client .contents-inner .client-list ul li:last-child:hover {
  background: transparent;
  border: 0 none;
  color: #333;
}
body#development.index #container section.information {
  background: #f6f7f8;
}
body#development.index #container section.information ul {
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  margin: 0 0 2em;
  padding: 1em;
}
body#development.index #container section.information ul li {
  border-color: #ccc;
  border-style: dotted;
  border-width: 0 0 1px;
  padding: .5em;
}
body#development.index #container section.information ul li:last-child {
  border-width: 0;
}
body#development.index #container section.information ul li p {
  margin: 0;
}
body#development.index #container section.information ul li p.date {
  float: left;
}
body#development.index #container section.information ul li p:last-child {
  float: none;
  padding: 0 0 0 7em;
}
@media screen and (max-width: 480px) {
  body#development.index #container section.information ul li p.date {
    float: none;
  }
  body#development.index #container section.information ul li p:last-child {
    float: none;
    padding: 0;
  }
}
body#development.index #container section.information p.description {
  margin: 0;
  text-align: center;
}
body#development.index #container section.information p.description a.submit {
  border: 0 none;
  padding: 0.7em;
  width: 13em;
}
body#development.index #container section.information p.description a.submit:hover {
  text-decoration: none;
}
body#development.index #container section.information p.description i {
  float: right;
}
body#development.index #container section.inquiry {
  background: #fdfdfd;
}

/* ご挨拶
----------------------------------------------------------------------------*/
body#development.greeting header {
  background: #fff;
}
body#development.greeting #container section.greeting {
  background: #fff;
}
body#development.greeting #container section.greeting img {
  margin: 0 0 3em;
}

/* 開発実績
----------------------------------------------------------------------------*/
body#development.works header {
  background: #fff;
}
body#development.works #container section.title-list {
  background: #fff;
}
body#development.works #container section.title-list table {
  width: 100%;
}
body#development.works #container section.title-list table tr:nth-child(2n) {
  background: #f6f7f8;
}
body#development.works #container section.title-list table tr th, body#development.works #container section.title-list table tr td {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0.2em 1em;
  vertical-align: top;
}
@media only screen and (max-width: 720px) {
  body#development.works #container section.title-list table tr th, body#development.works #container section.title-list table tr td {
    font-size: 9px;
    font-size: 0.9rem;
    word-break: break-all;
  }
}
body#development.works #container section.title-list table tr th {
  background: #eee;
  border-color: #ccc;
  border-style: solid;
  border-width: 0 0 1px;
  color: #666;
  font-weight: bold;
  white-space: nowrap;
}
@media only screen and (max-width: 640px) {
  body#development.works #container section.title-list table tr th {
    white-space: normal;
  }
}
body#development.works #container section.title-list table tr td {
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px 1px;
}
body#development.works #container section.title-list table tr td:first-child {
  border-width: 0 1px 1px 0;
}
body#development.works #container section.title-list table tr td:last-child {
  border-width: 0 0 1px 1px;
}
body#development.works #container section.title-list table tr td:nth-child(2) {
  background: #fff;
  border-color: #fff;
  border-width: 1px 0 0;
}
body#development.works #container section.title-list table tr td:nth-child(2):last-child {
  border-color: #eee;
  border-width: 0 0 1px;
}
body#development.works #container section.title-list table tr td.total {
  border-color: #eee;
  border-width: 1px 0 0;
}
body#development.works #container section.title-list table tr td.total.last {
  border-color: #eee;
  border-width: 0 0 1px;
}

/* お問い合わせ
----------------------------------------------------------------------------*/
body#development.inquiries header {
  background: #fff;
}
body#development.inquiries #container section.contact {
  background: #fff;
}
body#development.inquiries #container section.contact .form-area {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  *zoom: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  border-color: #eee;
  border-style: solid;
  border-width: 1px;
  margin: 30px 10px 50px;
  padding: 40px;
}
body#development.inquiries #container section.contact .form-area:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
@media only screen and (max-width: 480px) {
  body#development.inquiries #container section.contact .form-area {
    padding: 16px;
  }
}
body#development.inquiries #container section.contact .form-area .fieldcontain {
  border: 0 none;
  margin: 0 0 1em;
  padding: 0 0 1em;
  /*			input,button,a {
  				&.submit,&.reset {
  					@include border-radius(0);
  					@include font(18);
  					border: {
  						style: solid;
  						width: 1px;
  					}
  					padding: 1em;
  					-webkit-appearance: none;
  				}
  				&.submit {
  					background: $theme-color;
  					border: {
  						color: $theme-color;
  					}
  					&:hover {
  						background: #fff;
  						color: $theme-color;
  					}
  				}
  				&.reset {
  					background: #eee;
  					border: {
  						color: #eee
  					}
  					&:hover {
  						background: #fff;
  					}
  				}
  			}*/
}
body#development.inquiries #container section.contact .form-area .fieldcontain:last-of-type {
  margin: 0;
  padding: 0;
}
body#development.inquiries #container section.contact .form-area .fieldcontain.bt-area {
  text-align: center;
}
body#development.inquiries #container section.contact .form-area .fieldcontain.bt-area input {
  width: 12em;
}
@media only screen and (max-width: 640px) {
  body#development.inquiries #container section.contact .form-area .fieldcontain.bt-area input {
    display: block;
    margin: 0 0 1em;
    width: 100%;
  }
  body#development.inquiries #container section.contact .form-area .fieldcontain.bt-area input:last-child {
    margin: 0;
  }
}
body#development.inquiries #container section.contact .form-area .fieldcontain legend span {
  font-weight: normal;
  margin: 0 0 0 1em;
}
body#development.inquiries #container section.contact .form-area .fieldcontain label span {
  background: #f63;
  color: #fff;
  display: inline-block;
  font-size: x-small;
  line-height: 1;
  margin: 0 1em;
  padding: 0.3em 0.7em;
  vertical-align: middle;
}
body#development.inquiries #container section.contact .form-area .fieldcontain fieldset label {
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  body#development.inquiries #container section.contact .form-area .fieldcontain fieldset label {
    display: block;
  }
}
body#development.inquiries #container section.contact .form-area .fieldcontain input, body#development.inquiries #container section.contact .form-area .fieldcontain textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  font-size: 1.6rem;
  border-color: #eee;
  padding: 1em;
}
body#development.inquiries #container section.contact .form-area .fieldcontain input.check {
  border: 0 none;
  padding: 0;
  vertical-align: baseline;
  width: auto;
}
body#development.inquiries #container section.contact .form-area .fieldcontain input.name, body#development.inquiries #container section.contact .form-area .fieldcontain input.company {
  -webkit-appearance: none;
  width: 50%;
}
@media only screen and (max-width: 640px) {
  body#development.inquiries #container section.contact .form-area .fieldcontain input.name, body#development.inquiries #container section.contact .form-area .fieldcontain input.company {
    width: 100%;
  }
}
body#development.inquiries #container section.contact .form-area .fieldcontain input.email {
  -webkit-appearance: none;
  width: 100%;
}
body#development.inquiries #container section.contact .form-area .fieldcontain input.submit, body#development.inquiries #container section.contact .form-area .fieldcontain input.reset, body#development.inquiries #container section.contact .form-area .fieldcontain button.submit, body#development.inquiries #container section.contact .form-area .fieldcontain button.reset, body#development.inquiries #container section.contact .form-area .fieldcontain a.submit, body#development.inquiries #container section.contact .form-area .fieldcontain a.reset {
  -webkit-appearance: none;
}
body#development.inquiries #container section.contact .form-area .fieldcontain textarea {
  height: 10em;
  resize: none;
  width: 100%;
  -webkit-appearance: none;
}

/* ゲームソフト開発
----------------------------------------------------------------------------*/
body#development.gs header {
  background: #fff;
}
body#development.gs #container section.about {
  background: #fff;
}
body#development.gs #container section.about img {
  margin: 0 0 3em;
}
body#development.gs #container section.platform, body#development.gs #container section.environ {
  background: #f6f7f8;
}
body#development.gs #container section.platform table, body#development.gs #container section.environ table {
  margin: 0 auto 3em;
}
body#development.gs #container section.platform table tr th, body#development.gs #container section.platform table tr td, body#development.gs #container section.environ table tr th, body#development.gs #container section.environ table tr td {
  border-color: #ccc;
  border-style: solid;
  border-width: 0 0 1px;
  padding: 0.8em 1em;
}
body#development.gs #container section.platform table tr th, body#development.gs #container section.environ table tr th {
  background: #ddd;
  font-weight: bold;
  white-space: nowrap;
}
body#development.gs #container section.platform table tr td, body#development.gs #container section.environ table tr td {
  background: #eee;
}
body#development.gs #container section p.description {
  margin: 0;
  text-align: center;
}
body#development.gs #container section p.description a.submit {
  border: 0 none;
  padding: 0.7em;
  width: 13em;
}
body#development.gs #container section p.description a.submit:hover {
  text-decoration: none;
}
body#development.gs #container section p.description i {
  float: right;
}
body#development.gs #container section.achievement {
  background: #fcfcfc;
}

/* 開発実績（受託）
----------------------------------------------------------------------------*/
body#development.works #container section.title-list div.contents-inner div.example div.example_box {
  *zoom: 1;
  width: 100%;
  border: 1px solid #cfcfcf;
  padding: 1em;
  margin: 5% 0;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_left {
  text-align: center;
  padding: 1em 0;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_left ul li {
  display: inline-block;
  width: 30%;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right {
  max-width: 860px;
  margin: 0 auto;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_name {
  *zoom: 1;
  border-bottom: 1px solid #cfcfcf;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_name:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_name h3 {
  background: none;
  border-left: 6px solid #f00;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  margin: 0.5em 0;
  padding-left: 10px;
  padding-bottom: 6px;
  float: left;
}
@media only screen and (max-width: 414px) {
  body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_name h3 {
    width: 100%;
    border-bottom: 1px solid #eee;
    font-size: 1.6rem;
  }
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_name p {
  font-size: 1.2rem;
  padding: 0.5em;
  background: #000;
  border-radius: 8px;
  margin-top: 6px;
  margin-left: 2px;
  color: #fff;
  float: right;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail {
  *zoom: 1;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail dl dt {
  float: left;
  width: 20%;
  padding: 1%;
  white-space: nowrap;
}
@media only screen and (max-width: 414px) {
  body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail dl dt {
    padding: 0;
    margin-right: 1em;
  }
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail dl dd {
  padding: 1%;
  border-bottom: 1px dotted #cfcfcf;
}
@media only screen and (max-width: 414px) {
  body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail dl dd {
    font-size: 1.3rem;
  }
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail dl.left {
  float: left;
  width: 49%;
  padding-bottom: 1%;
}
@media only screen and (max-width: 640px) {
  body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail dl.left {
    width: 100%;
    float: none;
  }
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail dl.right {
  float: right;
  width: 49%;
  padding-bottom: 1%;
}
@media only screen and (max-width: 640px) {
  body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail dl.right {
    width: 100%;
    float: none;
  }
}
body#development.works #container section.title-list div.contents-inner div.example div.example_box div.box_right div.title_detail p {
  clear: both;
  color: #a8a9ac;
  text-align: center;
  margin: 0;
  font-size: 1.2rem;
}

/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("../fonts/flexslider-icon.eot");
  src: url("../fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("../fonts/flexslider-icon.woff") format("woff"), url("../fonts/flexslider-icon.ttf") format("truetype"), url("../fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #cde7f6;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #b0cee0;
}

.flex-control-paging li a.flex-active {
  background: #8db3c9;
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.vegas-wrapper,
.vegas-overlay,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  border: none;
  padding: 0;
  margin: 0;
}

.vegas-overlay {
  opacity: .5;
  background: transparent url(overlays/02.png) center center repeat;
}

.vegas-timer {
  top: auto;
  bottom: 0;
  height: 2px;
}

.vegas-timer-progress {
  width: 0%;
  height: 100%;
  background: white;
  -webkit-transition: width ease-out;
  transition: width ease-out;
}

.vegas-timer-running .vegas-timer-progress {
  width: 100%;
}

.vegas-slide,
.vegas-slide-inner {
  margin: 0;
  padding: 0;
  background: transparent center center no-repeat;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

body .vegas-container {
  overflow: hidden !important;
  position: relative;
}

.vegas-video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

body.vegas-container {
  position: static;
  z-index: -2;
}

body.vegas-container > .vegas-timer,
body.vegas-container > .vegas-overlay,
body.vegas-container > .vegas-slide {
  position: fixed;
  z-index: -1;
}

/* Target Safari IOS7+ in order to add 76px */
_::full-page-media, _:future,
:root body.vegas-container > .vegas-slide,
:root body.vegas-container > .vegas-overlay {
  bottom: -76px;
}

/*************************
    Transitions
 *************************/
/* fade */
.vegas-transition-fade,
.vegas-transition-fade2 {
  opacity: 0;
}

.vegas-transition-fade-in,
.vegas-transition-fade2-in {
  opacity: 1;
}

.vegas-transition-fade2-out {
  opacity: 0;
}

/* blur */
.vegas-transition-blur,
.vegas-transition-blur2 {
  opacity: 0;
  -webkit-filter: blur(32px);
  filter: blur(32px);
}

.vegas-transition-blur-in,
.vegas-transition-blur2-in {
  opacity: 1;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.vegas-transition-blur2-out {
  opacity: 0;
}

/* flash */
.vegas-transition-flash,
.vegas-transition-flash2 {
  opacity: 0;
  -webkit-filter: brightness(25);
  filter: brightness(25);
}

.vegas-transition-flash-in,
.vegas-transition-flash2-in {
  opacity: 1;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.vegas-transition-flash2-out {
  opacity: 0;
  -webkit-filter: brightness(25);
  filter: brightness(25);
}

/* negative */
.vegas-transition-negative,
.vegas-transition-negative2 {
  opacity: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.vegas-transition-negative-in,
.vegas-transition-negative2-in {
  opacity: 1;
  -webkit-filter: invert(0);
  filter: invert(0);
}

.vegas-transition-negative2-out {
  opacity: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

/* burn */
.vegas-transition-burn,
.vegas-transition-burn2 {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
  filter: contrast(1000%) saturate(1000%);
}

.vegas-transition-burn-in,
.vegas-transition-burn2-in {
  opacity: 1;
  -webkit-filter: contrast(100%) saturate(100%);
  filter: contrast(100%) saturate(100%);
}

.vegas-transition-burn2-out {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
  filter: contrast(1000%) saturate(1000%);
}

/* slideLeft */
.vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.vegas-transition-slideLeft2-out {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

/* slideRight */
.vegas-transition-slideRight,
.vegas-transition-slideRight2 {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.vegas-transition-slideRight2-out {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

/* slideUp */
.vegas-transition-slideUp,
.vegas-transition-slideUp2 {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.vegas-transition-slideUp2-out {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* slideDown */
.vegas-transition-slideDown,
.vegas-transition-slideDown2 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.vegas-transition-slideDown2-out {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

/* zoomIn */
.vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.vegas-transition-zoomIn2-out {
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* zoomOut */
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.vegas-transition-zoomOut2-out {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

/* swirlLeft */
.vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
  -webkit-transform: scale(2) rotate(35deg);
  transform: scale(2) rotate(35deg);
  opacity: 0;
}

.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

.vegas-transition-swirlLeft2-out {
  -webkit-transform: scale(2) rotate(-35deg);
  transform: scale(2) rotate(-35deg);
  opacity: 0;
}

/* swirlRight */
.vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
  -webkit-transform: scale(2) rotate(-35deg);
  transform: scale(2) rotate(-35deg);
  opacity: 0;
}

.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

.vegas-transition-swirlRight2-out {
  -webkit-transform: scale(2) rotate(35deg);
  transform: scale(2) rotate(35deg);
  opacity: 0;
}

/*************************
    Animations
 *************************/
.vegas-animation-kenburns {
  -webkit-animation: kenburns ease-out;
  animation: kenburns ease-out;
}

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vegas-animation-kenburnsUp {
  -webkit-animation: kenburnsUp ease-out;
  animation: kenburnsUp ease-out;
}

@-webkit-keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

.vegas-animation-kenburnsDown {
  -webkit-animation: kenburnsDown ease-out;
  animation: kenburnsDown ease-out;
}

@-webkit-keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

.vegas-animation-kenburnsLeft {
  -webkit-animation: kenburnsLeft ease-out;
  animation: kenburnsLeft ease-out;
}

@-webkit-keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

.vegas-animation-kenburnsRight {
  -webkit-animation: kenburnsRight ease-out;
  animation: kenburnsRight ease-out;
}

@-webkit-keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

.vegas-animation-kenburnsUpLeft {
  -webkit-animation: kenburnsUpLeft ease-out;
  animation: kenburnsUpLeft ease-out;
}

@-webkit-keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

.vegas-animation-kenburnsUpRight {
  -webkit-animation: kenburnsUpRight ease-out;
  animation: kenburnsUpRight ease-out;
}

@-webkit-keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

.vegas-animation-kenburnsDownLeft {
  -webkit-animation: kenburnsDownLeft ease-out;
  animation: kenburnsDownLeft ease-out;
}

@-webkit-keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

.vegas-animation-kenburnsDownRight {
  -webkit-animation: kenburnsDownRight ease-out;
  animation: kenburnsDownRight ease-out;
}

@-webkit-keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%);
  }

  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

/* 全面背景
----------------------------------------------------------------------------*/
/* 共通
----------------------------------------------------------------------------*/
body#corporate #container section.main-visual {
  overflow: hidden;
  padding: 0;
  position: relative;
}
body#corporate #container section.main-visual img {
  width: 100%;
}
body#corporate #container section.main-visual h1 {
  font-size: 36px;
  font-size: 3.6rem;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  color: #fff;
  left: 50%;
  margin: 0;
  padding: .3em 0;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (max-width: 1200px) {
  body#corporate #container section.main-visual h1 {
    border: 0 none;
  }
}
@media screen and (max-width: 480px) {
  body#corporate #container section.main-visual h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
body#corporate #container section.main-visual h1 br {
  display: none;
}
@media screen and (max-width: 1200px) {
  body#corporate #container section.main-visual h1 br {
    display: block;
  }
}
body#corporate #container .contents section {
  padding: 4em 0;
}
body#corporate #container .contents section h1 {
  font-size: 28px;
  font-size: 2.8rem;
  border: 0 none;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: .6em .6em .5em;
  position: relative;
  text-align: center;
}
body#corporate #container .contents section h1 span {
  font-size: 13px;
  font-size: 1.3rem;
  border-color: #cb330f;
  border-style: solid;
  border-width: 3px 0 0;
  display: inline-block;
  line-height: 1.8;
  margin: 1.2em 0 0;
}
body#corporate #container .contents a.corp-sub-nav-button {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  border: 1px solid #cb330f;
  text-align: center;
  padding: 1em 0.2em;
  margin: 0 0.5em 0 0;
  width: 100%;
  background-color: #fff;
  color: #cb330f;
  text-decoration: none;
}
@media screen and (max-width: 360px) {
  body#corporate #container .contents a.corp-sub-nav-button {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
body#corporate #container .contents a.corp-sub-nav-button:hover {
  background-color: #cb330f;
  color: #fff;
}

/* トップページ
----------------------------------------------------------------------------*/
body#corporate #container .contents section#corp-nav ul.main-nav {
  margin: 0 0 3em;
}
body#corporate #container .contents section#corp-nav ul.main-nav li {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  float: left;
  margin: 1em 0.86207%;
  width: 31.57328%;
}
@media screen and (max-width: 640px) {
  body#corporate #container .contents section#corp-nav ul.main-nav li {
    margin: 1em 1.25%;
    width: 47.5%;
  }
}
@media screen and (max-width: 640px) and (max-width: 479px) {
  body#corporate #container .contents section#corp-nav ul.main-nav li {
    float: none;
    margin: 1em 0;
    width: 100%;
  }
}
body#corporate #container .contents section#corp-nav ul.main-nav li a {
  display: block;
}
body#corporate #container .contents section#corp-nav ul.main-nav li a:hover {
  text-decoration: none;
}
body#corporate #container .contents section#corp-nav ul.main-nav li a figure img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
body#corporate #container .contents section#corp-nav ul.main-nav li a figure img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body#corporate #container .contents section#corp-nav ul.main-nav li a p {
  margin: 1em;
}
body#corporate #container .contents section#corp-nav ul.main-nav li a p i {
  margin: 0 .3em 0 0;
}
body#corporate #container .contents section#corp-nav ul.sub-nav li {
  border-color: #cb330f;
  border-style: solid;
  border-width: 2px;
  float: left;
  margin: 1em 2% 1em 0;
  text-align: center;
  width: 49%;
}
body#corporate #container .contents section#corp-nav ul.sub-nav li:last-child {
  margin: 1em 0;
}
body#corporate #container .contents section#corp-nav ul.sub-nav li a {
  background: #fff;
  color: #cb330f;
  display: block;
  padding: 1em;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
body#corporate #container .contents section#corp-nav ul.sub-nav li a:hover {
  background: #cb330f;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 700px) {
  body#corporate #container .contents section#corp-nav ul.sub-nav li {
    float: none;
    margin: 1em 0;
    width: 100%;
  }
}

/* 社長挨拶
----------------------------------------------------------------------------*/
body#corporate #container .contents section.greeting {
  padding: 3%;
}
body#corporate #container .contents section.greeting p {
  padding: 1em;
}
body#corporate #container .contents section.greeting h1 {
  text-align: right;
  margin-right: 10%;
  margin-top: 3%;
}

/* 企業理念、行動指針
----------------------------------------------------------------------------*/
body#corporate #container .contents div.philo {
  padding-bottom: 3%;
  text-align: center;
}
body#corporate #container .contents div.philo p {
  font-weight: bold;
  padding: 2%;
}
body#corporate #container .contents div.philo dl {
  padding-left: 15%;
}
body#corporate #container .contents div.philo dl dt, body#corporate #container .contents div.philo dl dd {
  margin-bottom: 1em;
}
body#corporate #container .contents div.philo dl dt {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  float: left;
  clear: left;
  margin-right: 1em;
  color: #db2629;
  font-weight: bold;
}
body#corporate #container .contents div.philo dl dt:not(:target) {
  line-height: 40px\9;
}
:root body#corporate #container .contents div.philo dl dt {
  line-height: 40px\9;
}
body#corporate #container .contents div.philo dl dd {
  text-align: left;
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
body#corporate #container .contents section.philo_1 ul {
  text-align: left;
  max-width: 570px;
  margin: 0 auto;
}
body#corporate #container .contents section.philo_1 ul li {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 1%;
  font-weight: bold;
}
body#corporate #container .contents section.philo_1 ul li span {
  border: none;
  color: #db2629;
  font-size: 15px;
  font-size: 1.5rem;
  margin: 0;
}
@media screen and (max-width: 500px) {
  body#corporate #container .contents section.philo_1 ul li {
    font-size: 10px;
    font-size: 1rem;
    text-indent: -1.5em;
    padding-left: 1.5em;
  }
}
body#corporate #container .contents section.philo_2 {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0171a), color-stop(100%, #6b090a));
  background-image: -webkit-linear-gradient(#e0171a, #6b090a);
  background-image: -moz-linear-gradient(#e0171a, #6b090a);
  background-image: -o-linear-gradient(#e0171a, #6b090a);
  background-image: linear-gradient(#e0171a, #6b090a);
  color: #fff;
}
body#corporate #container .contents section.philo_2 h1 span {
  border-color: #fff;
}
body#corporate #container .contents section.philo_2 p {
  color: #fff;
}
body#corporate #container .contents section.philo_2 .movie-container {
  margin: 0 auto 1em;
}
body#corporate #container .contents section.philo_2 .movie-container .movie {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
body#corporate #container .contents section.philo_2 .movie-container .movie iframe {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* 役員紹介
----------------------------------------------------------------------------*/
body#corporate #container .contents section.officer div.profile {
  height: 300px;
  padding: 1%;
  margin-bottom: 3%;
}
@media screen and (max-width: 870px) {
  body#corporate #container .contents section.officer div.profile {
    height: 100%;
  }
}
body#corporate #container .contents section.officer div.profile p {
  margin: 0;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
}
body#corporate #container .contents section.officer div.offi_left {
  float: left;
  padding-top: 4em;
}
@media screen and (max-width: 870px) {
  body#corporate #container .contents section.officer div.offi_left {
    float: none;
    text-align: center;
  }
}
@media screen and (max-width: 414px) {
  body#corporate #container .contents section.officer div.offi_left {
    padding-top: 1em;
  }
}
body#corporate #container .contents section.officer div.offi_right {
  float: right;
  width: 600px;
  padding-top: 3em;
}
@media screen and (max-width: 870px) {
  body#corporate #container .contents section.officer div.offi_right {
    float: none;
    margin: 0 auto;
  }
}
body#corporate #container .contents section.officer div.offi_right h2 {
  font-size: 14px;
  font-size: 1.4rem;
}
body#corporate #container .contents section.officer div.offi_right ul li {
  text-indent: 1em;
}
@media screen and (max-width: 414px) {
  body#corporate #container .contents section.officer div.offi_right {
    width: 100%;
    padding-top: 1em;
    font-size: 13px;
  }
}

/* 会社概要
----------------------------------------------------------------------------*/
body#corporate #container #corp table {
  width: 100%;
}
body#corporate #container #corp table tr th, body#corporate #container #corp table tr td {
  font-size: 16px;
  font-size: 1.6rem;
  border-color: #ddd;
  border-style: solid;
  padding: 1em;
}
body#corporate #container #corp table tr th {
  border-width: 0 0 2px;
  vertical-align: top;
  white-space: nowrap;
}
body#corporate #container #corp table tr td {
  border-width: 0 0 1px;
}
body#corporate #container #corp table tr td table.details {
  width: auto;
}
body#corporate #container #corp table tr td table.details th, body#corporate #container #corp table tr td table.details td {
  border: 0 none;
  padding: 0 1em 0 0;
}
body#corporate #container #team {
  background: #f6f7f8;
}
body#corporate #container #team p {
  font-weight: bold;
  text-align: center;
  padding: 2%;
  margin: 0;
}
@media screen and (max-width: 414px) {
  body#corporate #container #team p {
    font-size: 0.7em;
    padding: 3%;
  }
}
body#corporate #container #access .map-container {
  padding: 0 0 3em;
}
body#corporate #container #access .map-container:last-child {
  padding: 0;
}
body#corporate #container #access .map-container h2, body#corporate #container #access .map-container p {
  text-align: center;
}
body#corporate #container #access .map-container h2 {
  margin: 0.5em 0;
}

/* 会社沿革
----------------------------------------------------------------------------*/
body#corporate #container #history ul li {
  display: flex;
  flex-flow: row nowrap;
}
body#corporate #container #history ul li.head .year, body#corporate #container #history ul li.head .success, body#corporate #container #history ul li.head .other {
  border-color: #fff;
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
body#corporate #container #history ul li.head .year, body#corporate #container #history ul li.head .other {
  background: #aea59a;
}
body#corporate #container #history ul li.head .success {
  background: #e83715;
}
body#corporate #container #history ul li .year {
  background: #e0d6cb;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 54px;
}
body#corporate #container #history ul li .other {
  background: #fcfcfc;
  color: #999;
}
body#corporate #container #history ul li .year, body#corporate #container #history ul li .other {
  border-color: #fff;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
body#corporate #container #history ul li .success {
  border-color: #eee #fff;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
body#corporate #container #history ul li .year, body#corporate #container #history ul li .success, body#corporate #container #history ul li .other {
  padding: .5em;
}
body#corporate #container #history ul li .success, body#corporate #container #history ul li .other {
  display: flex;
  flex-flow: column nowrap;
  width: calc(( 100% - 54px ) / 2);
}
body#corporate #container #history ul li .success .event-wrap, body#corporate #container #history ul li .other .event-wrap {
  border-color: #eee;
  border-style: dotted;
  border-width: 0 0 1px;
  margin: 0 0 .5em;
  padding: 0 0 .5em;
  display: flex;
  flex-flow: row nowrap;
}
body#corporate #container #history ul li .success .event-wrap:last-child, body#corporate #container #history ul li .other .event-wrap:last-child {
  border: 0 none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  body#corporate #container #history ul li .success .event-wrap, body#corporate #container #history ul li .other .event-wrap {
    flex-flow: column nowrap;
  }
}
body#corporate #container #history ul li .success .event-wrap .date, body#corporate #container #history ul li .other .event-wrap .date {
  width: 72px;
}
@media screen and (max-width: 768px) {
  body#corporate #container #history ul li .success .event-wrap .date, body#corporate #container #history ul li .other .event-wrap .date {
    width: 100%;
  }
}
body#corporate #container #history ul li .success .event-wrap .event, body#corporate #container #history ul li .other .event-wrap .event {
  width: calc(100% - 72px);
}
@media screen and (max-width: 768px) {
  body#corporate #container #history ul li .success .event-wrap .event, body#corporate #container #history ul li .other .event-wrap .event {
    width: 100%;
  }
}

/* 事業内容
----------------------------------------------------------------------------*/
body#corporate #container #gb_title, body#corporate #container #am {
  background-color: #36342f;
}
body#corporate #container #gb_title h1, body#corporate #container #am h1 {
  color: #fff;
}
body#corporate #container #gb {
  color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0171a), color-stop(100%, #e68211));
  background-image: -webkit-linear-gradient(#e0171a, #e68211);
  background-image: -moz-linear-gradient(#e0171a, #e68211);
  background-image: -o-linear-gradient(#e0171a, #e68211);
  background-image: linear-gradient(#e0171a, #e68211);
}
body#corporate #container #gb div.gb_left {
  float: left;
  width: 22%;
}
@media screen and (max-width: 520px) {
  body#corporate #container #gb div.gb_left {
    float: none;
    width: 100%;
  }
}
body#corporate #container #gb div.gb_right {
  float: right;
  width: 70%;
  padding-top: 1em;
}
body#corporate #container #gb div.gb_right h2 {
  font-size: 14px;
  font-size: 1.4rem;
}
body#corporate #container #gb div.gb_right ul li a, body#corporate #container #gb div.gb_right ul li a:link, body#corporate #container #gb div.gb_right ul li a:visited, body#corporate #container #gb div.gb_right ul li a:active {
  color: #fff;
}
@media screen and (max-width: 520px) {
  body#corporate #container #gb div.gb_right {
    width: 100%;
    padding-top: 0;
    font-size: 13px;
    padding-bottom: 2.5em;
  }
}
body#corporate #container #gb div.gb_right .title_count {
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  margin: .5em 0;
  padding: 1em;
}
body#corporate #container #gb div.gb_1, body#corporate #container #gb .gb_2, body#corporate #container #gb .gb_3 {
  padding: 1%;
  margin-bottom: 2%;
  height: 180px;
}
body#corporate #container #gb div.gb_2, body#corporate #container #gb .gb_3 {
  clear: left;
}
body#corporate #container #gb p {
  text-align: center;
}
body#corporate #container #gb p.gb_menu {
  font-weight: bold;
  padding: 8%;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 520px) {
  body#corporate #container #gb p.gb_menu {
    padding: 2%;
    font-size: 13px;
  }
}
body#corporate #container #am {
  background-image: url("../img/corporate/busi_am_bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
}
body#corporate #container #am p {
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 520px) {
  body#corporate #container #am p {
    font-size: 13px;
  }
}
body#corporate #container #am a {
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  display: inline-block;
  margin: 1em auto;
  padding: 1em;
}
body#corporate #container #bs {
  color: #fff;
  text-align: center;
  background-image: url("../img/corporate/busi_bs_bg.jpg");
  background-color: #a8a8a8;
  background-position: top center;
  background-repeat: no-repeat;
}
body#corporate #container #bs ul {
  padding: 1em;
  margin-top: 3em;
}
body#corporate #container #bs ul li {
  display: inline-block;
  padding: 1.5em;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 2em;
  margin: 1em;
}
body#corporate #container #bs ul li:hover {
  background: #fff;
}
body#corporate #container #advantage {
  width: 80%;
  margin: 0 auto;
}
body#corporate #container #advantage dl dt {
  font-size: 21px;
  font-size: 2.1rem;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
  margin: .5em 0;
  padding: .2em 0;
}
body#corporate #container #advantage dl dd {
  margin: 0 0 3em;
  padding: 0 3em;
}
body#corporate #container #title_count p.bt-title-list {
  text-align: center;
  margin: 0 auto;
  width: 300px;
}
@media screen and (max-width: 640px) {
  body#corporate #container #title_count p.bt-title-list {
    width: 100%;
  }
}
body#corporate #container #title_count table {
  width: 80%;
  border: 1px solid #eee;
  margin: 1em auto 2em;
}
@media screen and (max-width: 414px) {
  body#corporate #container #title_count table {
    width: 100%;
  }
}
body#corporate #container #title_count table caption {
  font-weight: bold;
  padding: .3em;
  text-align: center;
}
body#corporate #container #title_count table tr th {
  background: #eee;
  width: 50%;
  padding: 0.2em 0.5em;
  border: 1px solid #fff;
  font-weight: bold;
}
@media screen and (max-width: 414px) {
  body#corporate #container #title_count table tr th {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
body#corporate #container #title_count table tr td {
  border-width: 0 0 1px;
  border: 1px solid #eee;
  padding: 0.2em 0.5em;
}
@media screen and (max-width: 414px) {
  body#corporate #container #title_count table tr td {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* 次世代育成支援対策推進法～
----------------------------------------------------------------------------*/
@media screen and (max-width: 414px) {
  body#corporate #container #jisedai h1 {
    font-size: 20px;
    font-size: 2rem;
  }
}
body#corporate #container #jisedai p.head_p {
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 414px) {
  body#corporate #container #jisedai p.head_p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
body#corporate #container #jisedai dl {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  background-color: #fcfcfc;
  border-color: #ccc;
  border-style: double;
  border-width: 3px;
  margin: 2% 0;
}
@media screen and (max-width: 414px) {
  body#corporate #container #jisedai dl {
    margin: 4% 0;
  }
}
body#corporate #container #jisedai dt, body#corporate #container #jisedai dd {
  padding: 2%;
}
body#corporate #container #jisedai dt {
  float: left;
  clear: both;
}
@media screen and (max-width: 414px) {
  body#corporate #container #jisedai dt {
    padding-bottom: 14%;
  }
}
@media screen and (max-width: 414px) {
  body#corporate #container #jisedai dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
body#corporate #container #jisedai ul, body#corporate #container #jisedai p {
  margin-left: 1.5em;
}
@media screen and (max-width: 414px) {
  body#corporate #container #jisedai ul, body#corporate #container #jisedai p {
    margin-left: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* 共通
----------------------------------------------------------------------------*/
body#recruit #container section.main-visual {
  overflow: hidden;
  padding: 0;
  position: relative;
}
body#recruit #container section.main-visual img {
  width: 100%;
}
body#recruit #container section.main-visual h1 {
  font-size: 36px;
  font-size: 3.6rem;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  color: #fff;
  left: 50%;
  margin: 0;
  padding: .3em 0;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (max-width: 1200px) {
  body#recruit #container section.main-visual h1 {
    border: 0 none;
  }
}
@media screen and (max-width: 480px) {
  body#recruit #container section.main-visual h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
body#recruit #container section.main-visual h1 br {
  display: none;
}
@media screen and (max-width: 1200px) {
  body#recruit #container section.main-visual h1 br {
    display: block;
  }
}
body#recruit #container .contents section {
  padding: 4em 0;
}
body#recruit #container .contents section h1 {
  font-size: 28px;
  font-size: 2.8rem;
  border: 0 none;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: .6em .6em .5em;
  position: relative;
  text-align: center;
}
body#recruit #container .contents section h1 span {
  font-size: 13px;
  font-size: 1.3rem;
  border-color: #cb330f;
  border-style: solid;
  border-width: 3px 0 0;
  display: inline-block;
  line-height: 1.8;
  margin: 1.2em 0 0;
}
body#recruit #container .contents section:nth-child(even) {
  background: #f6f7f8;
}
body#recruit #container .contents section.navi ul {
  *zoom: 1;
  margin: 0 0 1em;
}
body#recruit #container .contents section.navi ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#recruit #container .contents section.navi ul li {
  font-size: 18px;
  font-size: 1.8rem;
  background: #fff;
  border-color: #cb330f;
  border-style: solid;
  border-width: 1px;
  float: left;
  margin: 0 1.50862% 1em 0;
  text-align: center;
  width: 32.32759%;
}
body#recruit #container .contents section.navi ul li:last-child {
  margin: 0 0 1em;
}
@media screen and (max-width: 640px) {
  body#recruit #container .contents section.navi ul li {
    float: none;
    margin: 0 0 1em;
    width: 100%;
  }
}
body#recruit #container .contents section.navi ul li a {
  display: block;
  padding: 1em;
}
body#recruit #container .contents section.navi ul li a:hover {
  background: #cb330f;
  color: #fff;
  text-decoration: none;
}
body#recruit #container .contents section.navi ul li a i {
  float: left;
  line-height: 1.6;
}
body#recruit #container .contents section.navi p {
  text-align: center;
}
body#recruit #container .contents section.navi p a {
  color: #000;
}
body#recruit #container .contents section.navi p a i {
  color: #cb330f;
  line-height: 1.6;
  margin: 0 .2em;
}
body#recruit #container .contents section.interview-link ul li {
  float: left;
  margin: 0 1.50862% 1em 0;
  width: 32.32759%;
}
body#recruit #container .contents section.interview-link ul li:last-child {
  margin: 0 0 1em;
}
@media screen and (max-width: 640px) {
  body#recruit #container .contents section.interview-link ul li {
    float: none;
    margin: 0 auto 1em;
    width: 300px;
  }
  body#recruit #container .contents section.interview-link ul li:last-child {
    margin: 0 auto 1em;
  }
}
body#recruit #container .contents section.interview-link ul li a.thumbnail {
  display: block;
  overflow: hidden;
}
body#recruit #container .contents section.interview-link ul li a.thumbnail:hover > figure img {
  -webkit-transform: scale(1.15, 1.15);
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -o-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
}
body#recruit #container .contents section.interview-link ul li a.thumbnail:hover > figure figcaption {
  opacity: 1;
}
body#recruit #container .contents section.interview-link ul li a.thumbnail:hover > figure figcaption img {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
body#recruit #container .contents section.interview-link ul li a.thumbnail figure {
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
body#recruit #container .contents section.interview-link ul li a.thumbnail figure figcaption {
  font-size: 14px;
  font-size: 1.4rem;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body#recruit #container .contents section.interview-link ul li a.thumbnail figure figcaption p {
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  left: 50%;
  margin: 0;
  padding: .5em 1em;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body#recruit #container .contents section.interview-link ul li a.thumbnail figure img {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
body#recruit #container .contents section.interview-link ul li h2 {
  font-size: 18px;
  font-size: 1.8rem;
  border: 0 none;
  margin: .5em 0 .2em;
  padding: 0;
}
body#recruit #container .contents section.about-link ul li {
  float: left;
  margin: 0 1.50862% 1em 0;
  width: 49.24569%;
}
body#recruit #container .contents section.about-link ul li:last-child {
  margin: 0 0 1em;
}
@media screen and (max-width: 640px) {
  body#recruit #container .contents section.about-link ul li {
    float: none;
    margin: 0 auto 1em;
    width: auto;
  }
  body#recruit #container .contents section.about-link ul li:last-child {
    margin: 0 auto 1em;
  }
}
body#recruit #container .contents section.about-link ul li a {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  display: block;
  position: relative;
}
body#recruit #container .contents section.about-link ul li a:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
body#recruit #container .contents section.about-link ul li a h2 {
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  color: #fff;
  left: 50%;
  margin: 0;
  padding: .3em 0;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
body#recruit #container .contents section.about-link ul li a img {
  width: 100%;
}
body#recruit #container .contents section.category dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1em;
  padding: .5em 3em .5em 1em;
  position: relative;
}
body#recruit #container .contents section.category dl dt:hover {
  cursor: pointer;
}
body#recruit #container .contents section.category dl dt span.new {
  font-size: 14px;
  font-size: 1.4rem;
  color: #cb330f;
  font-weight: bold;
  padding: .2em 1em;
}
body#recruit #container .contents section.category dl dt span.hurry {
  font-size: 12px;
  font-size: 1.2rem;
  background: #cb330f;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin: 0 1em;
  padding: .2em .5em;
}
body#recruit #container .contents section.category dl dt i {
  line-height: 1.6;
  position: absolute;
  right: 1em;
  top: .5em;
}
body#recruit #container .contents section.category dl dd {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 0 8px;
  margin: 2em 0;
  padding: 1em 2em;
}
body#recruit #container .contents section.category dl dd h2 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 2em 0 .7em;
  padding: .7em 0;
}
body#recruit #container .contents section.category dl dd h2:first-child {
  margin: 0 0 .7em;
}
body#recruit #container .contents section.category dl dd ul {
  margin: 0 0 1em 1em;
}
body#recruit #container .contents section.category dl dd ul li {
  list-style: disc;
  list-style-position: inside;
}
body#recruit #container .contents section.flow dl {
  margin: 0 auto;
  max-width: 464px;
}
body#recruit #container .contents section.flow dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  background: #fff;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 2em 0 .5em;
  padding: 4px;
}
body#recruit #container .contents section.flow dl dt:first-child {
  margin: 0 0 .5em;
}
body#recruit #container .contents section.flow dl dt span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #000;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin: 0 1em 0 0;
  padding: .6em 1em;
}
body#recruit #container .contents section.flow dl dd {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
body#recruit #container .contents section.requirement table {
  width: 100%;
}
body#recruit #container .contents section.requirement table tr th, body#recruit #container .contents section.requirement table tr td {
  font-size: 16px;
  font-size: 1.6rem;
  border-color: #ddd;
  border-style: solid;
  padding: 1em;
}
body#recruit #container .contents section.requirement table tr th {
  border-width: 0 0 2px;
  vertical-align: top;
}
body#recruit #container .contents section.requirement table tr td {
  border-width: 0 0 1px;
}
body#recruit #container .contents section.requirement .bt-area .submit {
  font-size: 21px;
  font-size: 2.1rem;
  background: #cb330f;
  border-color: #cb330f;
  padding: 1em;
  width: 50%;
}
body#recruit #container .contents section.requirement .bt-area .submit:hover {
  background: #fff;
  color: #cb330f;
}
@media screen and (max-width: 640px) {
  body#recruit #container .contents section.requirement .bt-area .submit {
    width: 75%;
  }
}
body#recruit #container .contents section.faq h2 {
  font-size: 24px;
  font-size: 2.4rem;
  border: 0 none;
  margin: 3em 0 1em;
  padding: 0;
}
body#recruit #container .contents section.faq h2:first-child {
  margin: 1em 0;
}
body#recruit #container .contents section.faq .qa-box {
  font-size: 18px;
  font-size: 1.8rem;
  background: #fff;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1em;
}
body#recruit #container .contents section.faq .qa-box:last-child {
  margin: 0;
}
body#recruit #container .contents section.faq .qa-box .question {
  margin: 0;
  padding: .5em 3em .5em 2.5em;
  position: relative;
}
body#recruit #container .contents section.faq .qa-box .question:hover {
  cursor: pointer;
}
body#recruit #container .contents section.faq .qa-box .question span {
  color: #4e878f;
  font-weight: bold;
  line-height: 1.6;
  position: absolute;
  left: 1em;
  top: .5em;
}
body#recruit #container .contents section.faq .qa-box .question i {
  line-height: 1.6;
  position: absolute;
  right: 1em;
  top: .5em;
}
body#recruit #container .contents section.faq .qa-box .a-box .answer {
  background: #fcfcfc;
  border-color: #eee;
  border-style: dotted;
  border-width: 1px 0 0;
  margin: 0;
  padding: .5em 1em .5em 2.5em;
  position: relative;
}
body#recruit #container .contents section.faq .qa-box .a-box .answer span {
  color: #d44f4f;
  font-weight: bold;
  line-height: 1.6;
  position: absolute;
  left: 1em;
  top: .5em;
}

/* トップページ
----------------------------------------------------------------------------*/
body#recruit.index #container .contents section.message img {
  margin: 0 0 2em;
}
body#recruit.index #container .contents section.message p {
  font-size: 16px;
  font-size: 1.6rem;
  text-indent: 1em;
}

/* サクセスについて
----------------------------------------------------------------------------*/
body#recruit.about #container .contents section.infographics {
  *zoom: 1;
}
body#recruit.about #container .contents section.infographics:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#recruit.about #container .contents section.infographics .contents-inner {
  padding: 0 8px;
}
body#recruit.about #container .contents section.infographics .contents-inner .graph {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
body#recruit.about #container .contents section.infographics .contents-inner .graph .graph-sizer {
  width: 33.33333%;
}
@media screen and (max-width: 628px) {
  body#recruit.about #container .contents section.infographics .contents-inner .graph .graph-sizer {
    width: 50%;
  }
}
body#recruit.about #container .contents section.infographics .contents-inner .graph .graph-item {
  border-color: #eee;
  border-style: solid;
  border-width: 1px;
  float: left;
  margin: 0.84926%;
  position: relative;
  width: 31.63482%;
}
@media screen and (max-width: 640px) {
  body#recruit.about #container .contents section.infographics .contents-inner .graph .graph-item {
    margin: 1.27389%;
    width: 47.45223%;
  }
}
@media screen and (max-width: 640px) and (max-width: 480px) {
  body#recruit.about #container .contents section.infographics .contents-inner .graph .graph-item {
    margin: 2.54777%;
    width: 94.90446%;
  }
}
body#recruit.about #container .contents section.infographics .contents-inner .graph .graph-item.x2 {
  width: 64.96815%;
}
@media screen and (max-width: 640px) {
  body#recruit.about #container .contents section.infographics .contents-inner .graph .graph-item.x2 {
    width: 97.45223%;
  }
}
@media screen and (max-width: 640px) and (max-width: 480px) {
  body#recruit.about #container .contents section.infographics .contents-inner .graph .graph-item.x2 {
    width: 94.90446%;
  }
}
body#recruit.about #container .contents section.infographics .contents-inner .graph .graph-item.x3 {
  width: 98.30149%;
}
body#recruit.about #container .contents section.welfare .heading-img {
  position: relative;
}
body#recruit.about #container .contents section.welfare .heading-img h2 {
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  color: #fff;
  left: 50%;
  margin: 0;
  padding: .3em 0;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
body#recruit.about #container .contents section.welfare .heading-img img {
  width: 100%;
}
body#recruit.about #container .contents section.welfare ul {
  *zoom: 1;
  margin: 0 0 2em;
}
body#recruit.about #container .contents section.welfare ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#recruit.about #container .contents section.welfare ul li {
  float: left;
  padding: 1em 2em;
  width: 50%;
}
@media screen and (max-width: 640px) {
  body#recruit.about #container .contents section.welfare ul li {
    float: none;
    width: 100%;
  }
}
body#recruit.about #container .contents section.welfare ul li h3 {
  font-size: 24px;
  font-size: 2.4rem;
  background: transparent;
  border: 0 none;
  margin: .5em 0;
  padding: 0;
}
body#recruit.about #container .contents section.environment ul li {
  float: left;
  padding: 1em 2em;
  width: 50%;
}
@media screen and (max-width: 480px) {
  body#recruit.about #container .contents section.environment ul li {
    float: none;
    width: 100%;
  }
}

/* インタビュー
----------------------------------------------------------------------------*/
body#recruit.interview #container .contents p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 1.5em;
}
body#recruit.interview #container .contents .question {
  font-size: 21px;
  font-size: 2.1rem;
  color: #888;
}
body#recruit.interview #container .contents img {
  display: block;
}
body#recruit.interview #container .contents img.catch {
  margin: 0 0 3em;
}
body#recruit.interview #container .contents img.snap-r {
  float: right;
  margin: 1em 0 1em 2em;
}
body#recruit.interview #container .contents img.snap-l {
  float: left;
  margin: 1em 2em 1em 0;
}
@media screen and (max-width: 799px) {
  body#recruit.interview #container .contents img.snap-r, body#recruit.interview #container .contents img.snap-l {
    float: none;
    margin: 2em auto;
  }
}

/* 採用応募者に関する個人情報保護方針
----------------------------------------------------------------------------*/
body#recruit.applicant #container .contents section {
  background: #fff;
  padding: 0 0 5em;
}
body#recruit.applicant #container .contents section .subsection ol {
  padding: 0 1em 3em;
}
body#recruit.applicant #container .contents section .subsection ol li h3 span {
  border: 0 none;
}

/* 採用応募者に関する個人情報保護方針（同意確認）
----------------------------------------------------------------------------*/
body#recruit.applicant-agreement #container .contents section {
  background: #fff;
  padding: 0 0 5em;
}
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame {
  border-color: #eee;
  border-style: solid;
  border-width: 1px;
  height: 200px;
  margin: 2em auto;
  overflow-y: scroll;
  padding: 2em;
}
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame ol {
  padding: 0 1em 3em;
}
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame ol li {
  margin: 0 0 2em;
}
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame ol li h3 {
  background: transparent;
  border: 0 none;
  margin: 0 0 1em;
  padding: 0;
}

/* 応募完了
----------------------------------------------------------------------------*/
body#recruit.result #container .contents section {
  background: #fff;
  padding: 0 0 5em;
}

/* エントリー履歴書
----------------------------------------------------------------------------*/
body#recruit.entry #container .contents section.entry-form {
  background: #fff;
  padding: 0 0 5em;
}
body#recruit.entry #container .contents section.entry-form div.resume {
  margin: 3em 0;
}
body#recruit.entry #container .contents section.entry-form div.resume form {
  margin: 20px 0;
}
body#recruit.entry #container .contents section.entry-form div.resume input,
body#recruit.entry #container .contents section.entry-form div.resume select,
body#recruit.entry #container .contents section.entry-form div.resume textarea {
  font-size: 14px;
  font-size: 1.4rem;
  border: 0;
  padding: 0;
}
body#recruit.entry #container .contents section.entry-form div.resume input,
body#recruit.entry #container .contents section.entry-form div.resume table,
body#recruit.entry #container .contents section.entry-form div.resume textarea {
  width: 100%;
}
body#recruit.entry #container .contents section.entry-form div.resume select {
  margin: 0 3px 2px;
}
body#recruit.entry #container .contents section.entry-form div.resume textarea {
  resize: none;
}
body#recruit.entry #container .contents section.entry-form div.resume textarea#hope_reason {
  min-height: 110px;
}
body#recruit.entry #container .contents section.entry-form div.resume textarea#hope_occupations {
  min-height: 176px;
}
body#recruit.entry #container .contents section.entry-form div.resume label {
  font-weight: normal;
}
body#recruit.entry #container .contents section.entry-form div.resume label span {
  color: #f90;
}
body#recruit.entry #container .contents section.entry-form div.resume fieldset select {
  display: inline-block;
}
body#recruit.entry #container .contents section.entry-form div.resume p {
  margin: 0;
}
body#recruit.entry #container .contents section.entry-form div.resume button {
  line-height: 1;
  width: 2em;
}
body#recruit.entry #container .contents section.entry-form div.resume table {
  border-color: #666;
  border-style: solid;
  border-width: 2px;
}
body#recruit.entry #container .contents section.entry-form div.resume table tr th, body#recruit.entry #container .contents section.entry-form div.resume table tr td {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 5px;
  vertical-align: top;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 {
  border: 0 none;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td {
  padding: 0;
  vertical-align: bottom;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td label {
  float: left;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td h3 {
  font-size: 24px;
  font-size: 2.4rem;
  background: none;
  border: none;
  float: left;
  margin: 0;
  padding: 0;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td fieldset {
  margin: 10px 0 0;
  text-align: right;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td fieldset label {
  float: none;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td table {
  border-width: 2px 2px 0;
  clear: both;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td table tr td {
  padding: 5px;
  vertical-align: top;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td table tr td fieldset {
  margin: 0;
  text-align: left;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td table tr td p {
  padding: 0 0 0 60px;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td table tr td p input.name {
  font-size: 30px;
  font-size: 3rem;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td.photo {
  padding: 10px;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td.photo p {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 0 5px;
  margin: 0;
  padding: 3px 0 3px 7px;
  text-align: left;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td.photo input {
  width: auto;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block1 tr td.photo button {
  width: 100%;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block2 tr td label {
  float: left;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block2 tr td p {
  margin: 0;
  padding: 0 0 0 60px;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block2 tr td input.address {
  font-size: 16px;
  font-size: 1.6rem;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block2 tr td input.zip {
  width: 50%;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block3 tr th {
  text-align: center;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block3 tr th label {
  float: none;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block3 tr th.year {
  width: 10%;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block3 tr th.month {
  width: 8%;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block3 tr td {
  border-top: 1px solid #666;
}
body#recruit.entry #container .contents section.entry-form div.resume table.block4 tr td input {
  width: auto;
}
body#recruit.entry #container .contents section.entry-form div.resume hr {
  border: 0;
}
body#recruit.entry #container .contents section.entry-form div.resume .border-b-s {
  border-color: #666;
  border-style: solid;
  border-width: 0 0 1px;
}
body#recruit.entry #container .contents section.entry-form div.resume .border-b-d {
  border-color: #666;
  border-style: dashed;
  border-width: 0 0 1px;
}
body#recruit.entry #container .contents section.entry-form div.resume .border-r-s {
  border-color: #666;
  border-style: solid;
  border-width: 0 1px 0 0;
}
body#recruit.entry #container .contents section.entry-form div.resume .border-r-d {
  border-color: #666;
  border-style: dashed;
  border-width: 0 1px 0 0;
}
body#recruit.entry #container .contents section.entry-form div.resume .border-rb-ds {
  border-color: #666;
  border-style: dashed solid;
  border-width: 0 1px 1px 0;
}
body#recruit.entry #container .contents section.entry-form div.resume .border-rb-ss {
  border-color: #666;
  border-style: solid;
  border-width: 0 1px 1px 0;
}

/* 就業規則
----------------------------------------------------------------------------*/
body#recruit.rule #container .contents section {
  background: #fff;
  padding: 0 0 5em;
}
body#recruit.rule #container .contents section img.illust {
  border-color: #eee;
  border-style: solid;
  border-width: 1px;
  display: block;
  margin: 2em auto;
  padding: 2em;
}
@media screen and (max-width: 480px) {
  body#recruit.rule #container .contents section img.illust {
    padding: .5em;
  }
}
body#recruit.rule #container .contents section .subsection h4 {
  border-bottom: 1px solid #ddd;
  color: #666;
  font-weight: bold;
  margin: 1em 0;
  padding: .5em 0;
}
body#recruit.rule #container .contents section .subsection h5 {
  border-color: #ddd;
  border-style: dotted;
  border-width: 0 0 1px;
  font-weight: bold;
  margin: 0 0 .3em;
  padding: .2em 0;
}
body#recruit.rule #container .contents section .subsection .list-wrap {
  padding: 0 2em 3em;
}
@media screen and (max-width: 480px) {
  body#recruit.rule #container .contents section .subsection .list-wrap {
    padding: 0 .5em 3em;
  }
}
body#recruit.rule #container .contents section .subsection .list-wrap article {
  margin: 0 0 3em;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent {
  margin: 0 2em;
}
@media screen and (max-width: 480px) {
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent {
    margin: 0;
  }
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent table {
  margin: 2em auto;
  max-width: 730px;
  width: 100%;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent table tr th, body#recruit.rule #container .contents section .subsection .list-wrap article .indent table tr td {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  text-align: center;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent table tr th {
  background: #333;
  color: #fff;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time1 ul li:first-child {
  width: 20%;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time2 ul li:first-child {
  width: 10%;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time2 ul li:nth-child(2) {
  width: 20%;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time3 {
  margin: 1em 0;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time3 ul li:first-child {
  width: 12%;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time1 ul, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time2 ul, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time3 ul {
  display: flex;
  padding: 0;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time1 ul li, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time2 ul li, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time3 ul li {
  margin-bottom: 1px;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time1 ul li:first-child, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time2 ul li:first-child, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time3 ul li:first-child {
  margin-right: 1em;
  background: #e8e8e8;
  text-align: center;
}
@media screen and (max-width: 720px) {
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time1 ul, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time2 ul, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time3 ul {
    flex-direction: column;
  }
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time1 ul li:first-child, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time2 ul li:first-child, body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time3 ul li:first-child {
    width: 100%;
    text-align: left;
    padding: 1px 3px;
  }
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time1 ul li:nth-child(2), body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time2 ul li:nth-child(2), body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.time3 ul li:nth-child(2) {
    width: 100%;
  }
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ul.late {
  padding: 0;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ul.late li {
  margin: 0;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ul.late li:before {
  content: "◎";
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ul.disc {
  margin: 0 0 1em 1em;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ul.disc li {
  list-style-type: disc;
  margin: 0 0 0 1.2em;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ol {
  margin: 0 0 1em 1em;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ol.decimal li {
  list-style-type: decimal;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ol.lower-alpha li {
  list-style-type: lower-alpha;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ol.katakana li {
  list-style-type: katakana;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent ol li {
  margin: 0 0 0 1.2em;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance {
  display: flex;
  margin: 1em 0;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul {
  border-left: 1px solid #fff;
  padding: 0;
  background: #f7f7f7;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul:first-child {
  width: 30%;
  background: #ddd;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul:nth-child(2) {
  width: 35%;
}
@media screen and (max-width: 640px) {
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul {
    border: 0 none;
  }
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul li {
  margin: 0;
  padding: 3px 5px;
  border-top: 1px solid #fff;
}
body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul li:first-child {
  text-align: center;
  border-top: none;
  background: #000;
  color: #fff;
}
@media screen and (max-width: 780px) {
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul li:nth-child(5) {
    height: 50px;
  }
}
@media screen and (max-width: 640px) {
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul li {
    border-left: 1px solid #fff;
  }
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul li:nth-child(5) {
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance {
    flex-direction: column;
  }
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul {
    display: flex;
    flex-direction: row;
    width: 100% !important;
  }
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul li {
    display: flex;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    flex-grow: 1;
    align-items: center;
    padding: 0.8em 0;
  }
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul li span {
    text-combine-upright: all;
  }
  body#recruit.rule #container .contents section .subsection .list-wrap article .indent div.attendance ul li:first-child {
    border-top: 1px solid #fff;
  }
}
body#recruit.rule #container .contents section .subsection .rule-menu {
  background: #f6f7f8;
  padding: 2em;
}
body#recruit.rule #container .contents section .subsection .rule-menu ul {
  *zoom: 1;
  padding: 0;
}
body#recruit.rule #container .contents section .subsection .rule-menu ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#recruit.rule #container .contents section .subsection .rule-menu ul li {
  border-color: #cb330f;
  border-style: solid;
  border-width: 1px;
  float: left;
  margin: .5em 1%;
  text-align: center;
  width: 31%;
}
@media screen and (max-width: 640px) {
  body#recruit.rule #container .contents section .subsection .rule-menu ul li {
    width: 48%;
  }
}
@media screen and (max-width: 640px) and (max-width: 480px) {
  body#recruit.rule #container .contents section .subsection .rule-menu ul li {
    margin: 0 0 .5em;
    width: 100%;
  }
  body#recruit.rule #container .contents section .subsection .rule-menu ul li:last-child {
    margin: 0;
  }
}
body#recruit.rule #container .contents section .subsection .rule-menu ul li a {
  background: #fff;
  color: #cb330f;
  display: block;
  padding: 1em;
  transition: all 200ms 0s ease-in;
}
body#recruit.rule #container .contents section .subsection .rule-menu ul li a.select {
  background: transparent;
  color: #aaa;
}
body#recruit.rule #container .contents section .subsection .rule-menu ul li a.select:hover {
  background: transparent;
  color: #aaa;
}
body#recruit.rule #container .contents section .subsection .rule-menu ul li a:hover {
  background: #cb330f;
  color: #fff;
  text-decoration: none;
}
body#recruit.rule #container .contents section .subsection .rule-menu ul li a i {
  float: left;
  line-height: 1.6;
}

/* カラム設定
----------------------------------------------------------------------------*/
body#gameschool div#container div.contents {
  padding: 0 0 2em;
}
body#gameschool div#container div.contents section h3 {
  font-size: 21px;
  font-size: 2.1rem;
  background: transparent;
  border: 0 none;
  font-weight: normal;
  line-height: 1;
  margin: 1.5em 0;
}
@media screen and (max-width: 479px) {
  body#gameschool div#container div.contents section h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
body#gameschool div#container div.contents section p {
  margin: 0 0 1em;
}
body#gameschool div#container div.contents section div.subsection {
  clear: both;
  margin: 3em 0;
}
body#gameschool div#container div.contents section div.subsection:last-child {
  margin: 3em 0 0;
}

body#gameschool.index div.header-inner,
body#gameschool.index div.contents,
body#gameschool.index div.footer-inner {
  margin: 0 auto;
}

body#gameschool.slide div.header-inner,
body#gameschool.slide div.contents-inner,
body#gameschool.slide div.footer-inner {
  max-width: 1280px;
}

/* 左右カラム共通
----------------------------------------------------------------------------*/
body#gameschool div#container div.contents {
  *zoom: 1;
}
body#gameschool div#container div.contents:after {
  content: "";
  display: table;
  clear: both;
}
body#gameschool div#container div.contents div.column-a, body#gameschool div#container div.contents div.column-b, body#gameschool div#container div.contents div.large-banner {
  display: inline;
  text-align: left;
  word-wrap: break-word;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  background: #fafafa;
}
body#gameschool div#container div.contents div.column-a section, body#gameschool div#container div.contents div.column-b section, body#gameschool div#container div.contents div.large-banner section {
  margin: 20px;
  padding: 0;
}
@media screen and (max-width: 479px) {
  body#gameschool div#container div.contents div.column-a section, body#gameschool div#container div.contents div.column-b section, body#gameschool div#container div.contents div.large-banner section {
    margin: 5px;
  }
}
body#gameschool div#container div.contents div.column-a section aside, body#gameschool div#container div.contents div.column-b section aside, body#gameschool div#container div.contents div.large-banner section aside {
  margin: 20px 0 0;
}
body#gameschool div#container div.contents div.column-a section aside .banner-area, body#gameschool div#container div.contents div.column-b section aside .banner-area, body#gameschool div#container div.contents div.large-banner section aside .banner-area {
  margin: 0 0 20px;
  max-width: 300px;
}
body#gameschool div#container div.contents div.column-a section aside .banner-area:last-child, body#gameschool div#container div.contents div.column-b section aside .banner-area:last-child, body#gameschool div#container div.contents div.large-banner section aside .banner-area:last-child {
  margin: 0;
}
body#gameschool div#container div.contents div.column-a section ul.notice, body#gameschool div#container div.contents div.column-b section ul.notice, body#gameschool div#container div.contents div.large-banner section ul.notice {
  font-size: 11px;
  font-size: 1.1rem;
}

/* トップ左カラム
----------------------------------------------------------------------------*/
body#gameschool.index div#container div.contents div.column-a {
  float: left;
  width: 35.41667%;
}
body#gameschool.index div#container div.contents div.column-a section h2 {
  border: 0 none;
  margin: 0;
  padding: 0;
}
body#gameschool.index div#container div.contents div.column-a section nav ul {
  margin: 1em 0;
}
body#gameschool.index div#container div.contents div.column-a section nav ul li {
  font-size: 18px;
  font-size: 1.8rem;
  border-color: #ccc;
  border-style: dotted;
  border-width: 0 0 1px;
  line-height: 2.3;
}
body#gameschool.index div#container div.contents div.column-a section nav ul li a {
  color: #333;
  display: block;
}
body#gameschool.index div#container div.contents div.column-a section nav ul li a:hover {
  color: #f90;
}
@media screen and (max-width: 800px) {
  body#gameschool.index div#container div.contents div.column-a {
    display: block;
    width: 100%;
  }
  body#gameschool.index div#container div.contents div.column-a section h2, body#gameschool.index div#container div.contents div.column-a section aside {
    display: none;
  }
  body#gameschool.index div#container div.contents div.column-a section nav ul {
    *zoom: 1;
  }
  body#gameschool.index div#container div.contents div.column-a section nav ul:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  body#gameschool.index div#container div.contents div.column-a section nav ul li {
    float: left;
    width: 50%;
  }
  body#gameschool.index div#container div.contents div.column-a section nav ul li a {
    border-color: #c00;
    border-style: solid;
    border-width: 0 0 0 5px;
    padding: 0 0 0 1em;
  }
}
@media screen and (max-width: 800px) and (max-width: 479px) {
  body#gameschool.index div#container div.contents div.column-a section nav ul li a {
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* トップ右カラム
----------------------------------------------------------------------------*/
body#gameschool.index div#container div.contents div.column-b, body#gameschool.index div#container div.contents div.large-banner {
  float: right;
  width: 62.5%;
}
body#gameschool.index div#container div.contents div.column-b section div.heightLineParent, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent {
  *zoom: 1;
}
body#gameschool.index div#container div.contents div.column-b section div.heightLineParent:after, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box {
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  display: inline;
  float: left;
  margin-left: 0.89286%;
  margin-right: 0.89286%;
  margin-bottom: 20px;
  width: 23.21429%;
  word-wrap: break-word;
}
body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box img, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box img {
  display: block;
}
body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box p, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box p {
  line-height: 1.2;
  margin: 8px;
}
@media screen and (max-width: 479px) {
  body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box p, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ol, body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ul, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ol, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ul {
  margin: 0 8px 8px;
}
body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ol li, body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ul li, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ol li, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ul li {
  font-size: 11px;
  font-size: 1.1rem;
  color: #aaa;
  line-height: 1.2;
  margin: 3px 0 0;
}
body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ol li:first-child, body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ul li:first-child, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ol li:first-child, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ul li:first-child {
  margin: 0;
}
body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ol li img, body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ul li img, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ol li img, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ul li img {
  margin: 0 0 3px;
}
@media screen and (max-width: 320px) {
  body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box {
    *zoom: 1;
    display: block;
    margin-bottom: 5px;
    width: 100%;
  }
  body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box:after, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box img, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box img {
    float: left;
    margin: 0 0.5em 0 0;
    width: 80px;
  }
  body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box p, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box p {
    margin: 5px;
  }
  body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ol, body#gameschool.index div#container div.contents div.column-b section div.heightLineParent div.item-box ul, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ol, body#gameschool.index div#container div.contents div.large-banner section div.heightLineParent div.item-box ul {
    margin: 0 5px 5px;
  }
}
@media screen and (max-width: 800px) {
  body#gameschool.index div#container div.contents div.column-b, body#gameschool.index div#container div.contents div.large-banner {
    display: block;
    width: 100%;
  }
}
body#gameschool.index div#container div.contents div.large-banner {
  margin: 0 0 20px;
}
@media screen and (max-width: 800px) {
  body#gameschool.index div#container div.contents div.large-banner {
    margin: 0;
  }
  body#gameschool.index div#container div.contents div.large-banner img {
    display: block;
    margin: 0 auto;
  }
}

/* スライドページ左カラム
----------------------------------------------------------------------------*/
body#gameschool.slide div#container div.contents div.column-a {
  float: left;
  width: 71.875%;
  /*				div.slide-area {
  					iframe {
  						margin: 0 !important;
  						width: 100% !important;
  						@media screen and (max-width: 479px) {
  							height: 391px !important;
  							@media screen and (max-width: 320px) {
  								height: 261px !important;
  							}
  						}
  					}
  				}*/
}
@media screen and (max-width: 800px) {
  body#gameschool.slide div#container div.contents div.column-a {
    width: 100%;
  }
}
body#gameschool.slide div#container div.contents div.column-a section h2 {
  font-weight: normal;
  margin: 1em 0;
}
body#gameschool.slide div#container div.contents div.column-a section h2 span {
  font-size: 11px;
  font-size: 1.1rem;
  display: block;
}
body#gameschool.slide div#container div.contents div.column-a section h3 {
  display: none;
}
body#gameschool.slide div#container div.contents div.column-a section div.social-button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px inset;
  background: #fafafa;
  margin: 1em 0;
  padding: 15px;
}
body#gameschool.slide div#container div.contents div.column-a section div.social-button ul {
  *zoom: 1;
}
body#gameschool.slide div#container div.contents div.column-a section div.social-button ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#gameschool.slide div#container div.contents div.column-a section div.social-button ul li {
  float: left;
  margin: 0 10px 0 0;
}
body#gameschool.slide div#container div.contents div.column-a section div.social-button ul li:last-child {
  margin: 0;
}
body#gameschool.slide div#container div.contents div.column-a div.iframeWrap {
  padding-top: 75%;
  position: relative;
  width: 100%;
  z-index: 99;
}
body#gameschool.slide div#container div.contents div.column-a div.iframeWrap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* スライドページ左カラム（モバイル端末用）
----------------------------------------------------------------------------*/
.ios body#gameschool.slide div#container div.contents div.column-a section h2, .android body#gameschool.slide div#container div.contents div.column-a section h2, .blackberry body#gameschool.slide div#container div.contents div.column-a section h2, .windows body#gameschool.slide div#container div.contents div.column-a section h2 {
  display: none;
}
.ios body#gameschool.slide div#container div.contents div.column-a section h3, .android body#gameschool.slide div#container div.contents div.column-a section h3, .blackberry body#gameschool.slide div#container div.contents div.column-a section h3, .windows body#gameschool.slide div#container div.contents div.column-a section h3 {
  display: block;
  margin: 5em 0;
}
.ios body#gameschool.slide div#container div.contents div.column-a section h3 span, .android body#gameschool.slide div#container div.contents div.column-a section h3 span, .blackberry body#gameschool.slide div#container div.contents div.column-a section h3 span, .windows body#gameschool.slide div#container div.contents div.column-a section h3 span {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  line-height: 2;
}
.ios body#gameschool.slide div#container div.contents div.column-a div.iframeWrap, .android body#gameschool.slide div#container div.contents div.column-a div.iframeWrap, .blackberry body#gameschool.slide div#container div.contents div.column-a div.iframeWrap, .windows body#gameschool.slide div#container div.contents div.column-a div.iframeWrap {
  display: none;
}

/* スライドページ右カラム
----------------------------------------------------------------------------*/
body#gameschool.slide div#container div.contents div.column-b {
  float: right;
  width: 26.5625%;
}
@media screen and (max-width: 800px) {
  body#gameschool.slide div#container div.contents div.column-b {
    width: 100%;
  }
}
body#gameschool.slide div#container div.contents div.column-b section {
  *zoom: 1;
}
body#gameschool.slide div#container div.contents div.column-b section:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
body#gameschool.slide div#container div.contents div.column-b section h3 {
  padding: 0;
}
body#gameschool.slide div#container div.contents div.column-b section div.item-box {
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  display: block;
  float: left;
  margin-bottom: 10px;
  width: 100%;
  word-wrap: break-word;
}
body#gameschool.slide div#container div.contents div.column-b section div.item-box img {
  float: left;
  margin: 0 0.5em 0 0;
  width: 130px;
}
body#gameschool.slide div#container div.contents div.column-b section div.item-box p {
  line-height: 1.2;
  margin: 8px;
}
@media screen and (max-width: 479px) {
  body#gameschool.slide div#container div.contents div.column-b section div.item-box p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
body#gameschool.slide div#container div.contents div.column-b section div.item-box ol, body#gameschool.slide div#container div.contents div.column-b section div.item-box ul {
  margin: 0 8px 8px;
}
body#gameschool.slide div#container div.contents div.column-b section div.item-box ol li, body#gameschool.slide div#container div.contents div.column-b section div.item-box ul li {
  font-size: 11px;
  font-size: 1.1rem;
  color: #aaa;
  line-height: 1.2;
  margin: 3px 0 0;
}
body#gameschool.slide div#container div.contents div.column-b section div.item-box ol li:first-child, body#gameschool.slide div#container div.contents div.column-b section div.item-box ul li:first-child {
  margin: 0;
}
body#gameschool.slide div#container div.contents div.column-b section div.item-box ol li img, body#gameschool.slide div#container div.contents div.column-b section div.item-box ul li img {
  margin: 0 0 3px;
}
@media screen and (max-width: 800px) {
  body#gameschool.slide div#container div.contents div.column-b section div.item-box {
    display: inline;
    margin-left: 0.89286%;
    margin-right: 0.89286%;
    margin-bottom: 20px;
    width: 23.21429%;
  }
  body#gameschool.slide div#container div.contents div.column-b section div.item-box img {
    float: none;
    margin: 0;
    width: auto;
  }
}
@media screen and (max-width: 800px) and (max-width: 320px) {
  body#gameschool.slide div#container div.contents div.column-b section div.item-box {
    display: block;
    margin-bottom: 10px;
    width: 100%;
  }
  body#gameschool.slide div#container div.contents div.column-b section div.item-box img {
    float: left;
    margin: 0 0.5em 0 0;
    width: 80px;
  }
  body#gameschool.slide div#container div.contents div.column-b section div.item-box p {
    margin: 5px;
  }
  body#gameschool.slide div#container div.contents div.column-b section div.item-box ol, body#gameschool.slide div#container div.contents div.column-b section div.item-box ul {
    margin: 0 5px 5px;
  }
}

/*! #######################################################################

	MeanMenu 2.0.6
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
  display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
  width: 100%;
  position: relative;
  background: #0c1923;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #0c1923;
  margin-top: 44px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, 0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0, 0, 0, 0.9);
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-remove {
  display: none !important;
}

/* Modernizr
----------------------------------------------------------------------------*/
.no-svg div#container header div.header-inner a.logo-success {
  background: url("../img/logo-success.png") no-repeat;
}
.no-svg div#container nav.gnav a.open {
  background: url("../img/icn-menu.png") no-repeat;
}
.no-svg #scrollUp {
  background: url("../img/icn-pagetop.png") no-repeat;
}

/*! jQuery UI - v1.11.4 - 2015-07-19
* http://jqueryui.com
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

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

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Javascript オフ対応
----------------------------------------------------------------------------*/
html.js div#note {
  display: none;
}

html.no-js div#note {
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px;
  background: rgba(0, 0, 0, 0.3);
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  display: block;
  padding: 0.3em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  html.no-js div#note {
    padding: 1em;
  }
}
html.no-js div#note p {
  line-height: 3;
}
@media screen and (max-width: 640px) {
  html.no-js div#note p {
    line-height: 1.5;
  }
}
html.no-js div#note p img {
  border-color: #666;
  border-style: solid;
  border-width: 0 1px 0 0;
  margin: 0 1em 0 0;
  padding: 0 1em 0 0;
  vertical-align: middle;
}
html.no-js #container, html.no-js footer {
  display: none;
}

/* コンテナ設定
----------------------------------------------------------------------------*/
div#container {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
  div#container {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
div#container div.contents div.contents-inner {
  *zoom: 1;
}
div#container div.contents div.contents-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.top div.header-inner,
.top div.contents-inner,
.top div.footer-inner {
  margin: 0 auto;
}
.top div.header-inner {
  padding: 0 16px;
}

.lower div.contents-inner,
.lower div.footer-inner {
  max-width: 960px;
  margin: 0 auto;
}
.lower div.header-inner,
.lower div.contents-inner {
  padding: 0 16px;
}

/* 左カラム
----------------------------------------------------------------------------*/
/* 右カラム
----------------------------------------------------------------------------*/
/* ヘッダー
----------------------------------------------------------------------------*/
div#container header {
  background: #fff;
  height: 48px;
  position: relative;
  z-index: 1041;
}
div#container header div.header-inner {
  *zoom: 1;
  margin: 0 auto;
}
div#container header div.header-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
div#container header div.header-inner h1 {
  float: left;
  line-height: 1;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  div#container header div.header-inner h1 {
    float: none;
    text-align: center;
  }
}
div#container header div.header-inner h1 a {
  display: inline-block;
  height: 24px;
  margin: 12px 0;
  width: 140px;
}
div#container header div.header-inner nav {
  float: left;
  margin: 0 0 0 16px;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  div#container header div.header-inner nav {
    float: none;
    height: 48px;
    margin: 0;
    min-width: 25%;
    position: absolute;
    top: 0;
  }
}
div#container header div.header-inner nav i {
  line-height: .7;
}
div#container header div.header-inner .search {
  position: absolute;
  top: 10px;
  right: 16px;
}
@media only screen and (max-width: 480px) {
  div#container header div.header-inner .search {
    display: none;
  }
}
div#container header div.header-inner .search p {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  margin: 0 .5em;
  vertical-align: middle;
}
div#container header div.header-inner .search form {
  display: inline-block;
}
div#container header div.header-inner .search select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none transparent;
  border: 0;
  border-radius: 0;
  box-sizing: content-box;
  color: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* スライダー
----------------------------------------------------------------------------*/
.top div#container ul.slider {
  background: #fafafa;
}
.top div#container ul.slider img {
  width: 100%;
}
.top div#container ul.slider li img {
  margin: auto;
  max-width: 1366px;
}
.top div#container ul.slider li.namaham {
  background: url("../img/bg-namaham.png") top center;
}
.top div#container ul.slider .movie-container {
  margin: auto;
  max-width: 1366px;
}
.top div#container ul.slider .movie-container .movie {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.top div#container ul.slider .movie-container .movie iframe {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* フッター
----------------------------------------------------------------------------*/
footer {
  font-size: 14px;
  font-size: 1.4rem;
  background: #eee;
}
@media screen and (max-width: 480px) {
  footer {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
footer a:link, footer a:visited, footer a:active {
  color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer a:link:hover, footer a:visited:hover, footer a:active:hover {
  color: #cb330f;
}
footer .foot-menu {
  *zoom: 1;
  margin: 0 auto;
  max-width: 1280px;
  padding: 3em 1.5em 2em;
}
footer .foot-menu:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
footer .foot-menu .group {
  float: left;
  margin: 0 0 .5em;
  width: 25%;
}
@media screen and (max-width: 640px) {
  footer .foot-menu .group {
    margin: 0 0 2em;
    padding: 0 .8em;
    width: 50%;
  }
}
footer .foot-menu .group h1 {
  font-size: 14px;
  font-size: 1.4rem;
  border-color: #f00;
  border-style: solid;
  border-width: 0 0 0 3px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1em;
  padding: 0 0 0 5px;
}
@media screen and (max-width: 640px) {
  footer .foot-menu .group h1 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
footer .foot-menu .group ul li {
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 640px) {
  footer .foot-menu .group ul li {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: #fafafa;
    margin: .5em 0;
    padding: .7em .5em;
    text-align: center;
  }
}
footer .foot-menu .group ul li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
footer .sns {
  background: #fafafa;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0;
  margin: 0 auto;
  max-width: 1280px;
  overflow: hidden;
  padding: 1.2em;
  text-align: center;
}
footer .sns div {
  *zoom: 1;
}
footer .sns div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
footer .sns div ul {
  float: left;
  left: 50%;
  margin: 0 0 1em;
  position: relative;
}
footer .sns div ul li {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 32px;
  float: left;
  height: 32px;
  left: -50%;
  margin: 0 12px;
  position: relative;
  width: 32px;
}
footer .sns div ul li:hover {
  background-position: center top;
}
footer .sns div ul li.outbound-tw {
  background-image: url("../img/icn-foot-social01.png");
}
footer .sns div ul li.outbound-fb {
  background-image: url("../img/icn-foot-social02.png");
}
footer .sns div ul li.outbound-yt {
  background-image: url("../img/icn-foot-social03.png");
}
footer .sns div ul li.outbound-fd {
  background-image: url("../img/icn-foot-social04.png");
}
footer .sns div ul li a {
  display: block;
  height: 32px;
}
footer .sns div ul li a span {
  display: none;
}
footer .sns p {
  font-size: 12px;
  font-size: 1.2rem;
}
footer .bnr-blog {
  padding: 3em 3em 2em;
  text-align: center;
}
@media screen and (max-width: 800px) {
  footer .bnr-blog {
    padding: 3em 1em 2em;
  }
}
footer .bnr-blog img {
  margin: 0 !important;
}
footer .outbound {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
  margin: 0 auto;
  max-width: 1280px;
  overflow: hidden;
  padding: 1.2em;
  text-align: center;
}
footer .outbound a {
  display: inline-block;
  margin: 0 .5em;
}
@media screen and (max-width: 480px) {
  footer .outbound a:first-child {
    margin: 0 0 1em;
  }
}
footer .notice {
  *zoom: 1;
  overflow: hidden;
  padding: 3em 1.5em;
  text-align: center;
}
footer .notice:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
footer .notice h1 {
  clear: both;
  line-height: 1;
  margin: 0 0 1em;
  text-align: center;
}
footer .notice h1 a {
  display: inline-block;
  height: 34px;
  width: 190px;
}
footer .notice ul {
  *zoom: 1;
  float: left;
  left: 50%;
  position: relative;
}
footer .notice ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
footer .notice ul li {
  font-size: 12px;
  font-size: 1.2rem;
  float: left;
  height: 32px;
  left: -50%;
  margin: 0 12px;
  position: relative;
}
footer .notice ul li select {
  border: 0;
  height: 24px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  footer .notice ul li select {
    font-size: 16px;
    font-size: 1.6rem;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    height: 32px;
    padding: 0.3em;
  }
}
footer .notice p {
  clear: both;
  font-size: 12px;
  font-size: 1.2rem;
}
footer .notice p a {
  color: #000;
}
footer .notice table {
  clear: both;
  margin: 1em auto;
}

/* ページトップ jquery.scrollUp.js用スタイル
----------------------------------------------------------------------------*/
#scrollUp {
  background: url("../img/icn-pagetop.png") no-repeat;
  bottom: 16px;
  height: 30px;
  right: 16px;
  width: 40px;
}

/* パンくずリスト
----------------------------------------------------------------------------*/
.breadcrumbs {
  font-size: 10px;
  font-size: 1rem;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  color: #ccc;
  padding: 1.5em 0;
  word-wrap: break-word;
}

/* ソーシャルプラグイン
----------------------------------------------------------------------------*/
div.social-plugins ul {
  *zoom: 1;
}
div.social-plugins ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
div.social-plugins ul li {
  float: left;
  height: 20px;
  margin: 0 8px 8px 0;
}
div.social-plugins ul li iframe {
  vertical-align: baseline;
}
div.social-plugins ul li div span {
  vertical-align: baseline !important;
}

/* ie用擬似クラス対応
----------------------------------------------------------------------------*/
html.ie9 .gradient {
  filter: none;
}

/* サイト個別パーシャル
----------------------------------------------------------------------------*/
/* 社長インタビューブログ共通
----------------------------------------------------------------------------*/
div#container .contents .bnr-blog {
  padding: 3em;
  text-align: center;
}
@media screen and (max-width: 800px) {
  div#container .contents .bnr-blog {
    padding: 3em 0;
  }
}
div#container .contents .bnr-blog img {
  margin: 0 !important;
}

/* トップページ共通
----------------------------------------------------------------------------*/
.top section {
  padding: 2em 0;
}
.top section h1 {
  font-size: 28px;
  font-size: 2.8rem;
  border: 0 none;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: .6em .6em .5em;
  position: relative;
  text-align: center;
}
.top section h1 span {
  font-size: 13px;
  font-size: 1.3rem;
  border-color: #cb330f;
  border-style: solid;
  border-width: 3px 0 0;
  display: inline-block;
  line-height: 1.8;
  margin: 1.2em 0 0;
}

/* HTML5ゲーム
----------------------------------------------------------------------------*/
.top .home section.html5-games {
  border-color: #fcfcfc;
  border-style: solid;
  border-width: 1px 0 0;
}
.top .home section.html5-games h1 {
  margin: 1em;
}
.top .home section.html5-games h1 a {
  color: inherit;
  font-weight: inherit;
}
.top .home section.html5-games h1 a:hover {
  color: #cb330f;
  font-weight: inherit;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .top .home section.html5-games h1 {
    margin: 1em 0;
  }
}
.top .home section.html5-games ul.lineup {
  margin: 1%;
  *zoom: 1;
}
.top .home section.html5-games ul.lineup:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.top .home section.html5-games ul.lineup li {
  float: left;
  margin: 1%;
  width: 10.5%;
}
@media screen and (max-width: 768px) {
  .top .home section.html5-games ul.lineup li {
    margin: 2.08333%;
    width: 15.75521%;
  }
}
@media screen and (max-width: 768px) and (max-width: 480px) {
  .top .home section.html5-games ul.lineup li {
    margin: 3.33333%;
    width: 26.66667%;
  }
}
.top .home section.html5-games ul.lineup li a {
  color: #222;
  display: block;
  position: relative;
}
.top .home section.html5-games ul.lineup li a:link, .top .home section.html5-games ul.lineup li a:visited, .top .home section.html5-games ul.lineup li a:active {
  color: #222;
}
.top .home section.html5-games ul.lineup li a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.top .home section.html5-games ul.lineup li img.new {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 2px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 2px 0;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 48px;
  z-index: 99;
}
.top .home section.html5-games ul.lineup li h2 {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.top .home section.html5-games ul.slide-bnr {
  margin: 0 0 3em;
}
.top .home section.html5-games ul.slide-bnr li {
  margin: .5em;
}

/* 新着エリアメーソンリー
----------------------------------------------------------------------------*/
.top .home section.topics {
  background: #fafafa;
}
.top .home section.topics h1 {
  margin: 1em .9em .3em;
}
@media screen and (max-width: 768px) {
  .top .home section.topics h1 {
    margin: 1em 0 .3em;
  }
}
.top .home section.topics .grid {
  margin: 0 auto;
}
.top .home section.topics .grid .grid-sizer {
  width: 20%;
}
@media screen and (max-width: 1280px) {
  .top .home section.topics .grid .grid-sizer {
    width: 25%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 960px) {
  .top .home section.topics .grid .grid-sizer {
    width: 33.333%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 960px) and (max-width: 640px) {
  .top .home section.topics .grid .grid-sizer {
    width: 50%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 960px) and (max-width: 640px) and (max-width: 480px) {
  .top .home section.topics .grid .grid-sizer {
    width: 100%;
  }
}
.top .home section.topics .grid a {
  display: block;
}
.top .home section.topics .grid a:hover {
  text-decoration: none;
}
.top .home section.topics .grid a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.top .home section.topics .grid a .grid-item {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0;
  background: #fff;
  float: left;
  margin: 1%;
  overflow: hidden;
  position: relative;
  width: 18%;
}
@media screen and (max-width: 1280px) {
  .top .home section.topics .grid a .grid-item {
    margin: 1.25%;
    width: 22.5%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 960px) {
  .top .home section.topics .grid a .grid-item {
    margin: 1.66667%;
    width: 30%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 960px) and (max-width: 640px) {
  .top .home section.topics .grid a .grid-item {
    margin: 2.5%;
    width: 45%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 960px) and (max-width: 640px) and (max-width: 480px) {
  .top .home section.topics .grid a .grid-item {
    margin: 3.33333%;
    width: 93.33333%;
  }
}
.top .home section.topics .grid a .grid-item img {
  display: block;
}
.top .home section.topics .grid a .grid-item img.new {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 2px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 2px 0;
  height: 24px;
  left: 8px;
  position: absolute;
  top: 0;
  width: 48px;
  z-index: 99;
}
.top .home section.topics .grid a .grid-item .textbox {
  padding: 0 1em .5em;
}
.top .home section.topics .grid a .grid-item h1 {
  font-size: 21px;
  font-size: 2.1rem;
  background: transparent;
  border: 0 none;
  color: #000;
  font-weight: normal;
  line-height: 1.4;
  margin: .8em 0;
  padding: 0;
  text-align: left;
}
.top .home section.topics .grid a .grid-item p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #6a6a6a;
  margin: .8em 0;
}
.top .home section.topics .grid a .grid-item ul {
  padding: 0 0 .3em;
}
.top .home section.topics .grid a .grid-item ul li {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  font-weight: bold;
}
.top .home section.topics .grid a .grid-item ul li:last-child {
  font-weight: normal;
}
.top .home section.topics p.bt-area {
  clear: both;
  margin: 1.5em;
  text-align: center;
}
.top .home section.topics p.bt-area a {
  background: #000;
  border-color: #000;
  border-style: solid;
  border-width: 2px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 2;
  margin: 0 .5em;
  padding: .8em;
  transition: all 200ms 0s ease-in;
  width: 200px;
}
.top .home section.topics p.bt-area a:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}
.top .home section.topics p.bt-area a:first-child i {
  float: left;
}
.top .home section.topics p.bt-area a i {
  float: right;
  line-height: 2;
}
.top .home section.topics .notice {
  font-size: 18px;
  font-size: 1.8rem;
  border-color: #cb330f;
  border-style: solid;
  border-width: 2px;
  color: #cb330f;
  font-weight: bold;
  margin: 1em;
  padding: .7em;
  text-align: center;
}
.top .home section.topics .notice a {
  color: #cb330f;
  display: block;
  font-weight: bold;
}
.top .home section.topics .notice span {
  font-size: 10px;
  font-size: 1rem;
  color: #999;
  display: block;
}

/* 下層ページ共通
----------------------------------------------------------------------------*/
.lower section {
  *zoom: 1;
  padding: 0 0 5em;
}
.lower section:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.lower section h1 {
  font-size: 28px;
  font-size: 2.8rem;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 2em;
  text-align: center;
}
.lower section h1 span {
  border-color: #cb330f;
  border-style: solid;
  border-width: 0 0 3px;
  display: inline-block;
  margin: 0 0 -3px;
  padding: .7em 0;
}
.lower section h2 {
  font-size: 24px;
  font-size: 2.4rem;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  font-weight: normal;
  line-height: 1.2;
  margin: 1.1em 0;
  padding: 12px 0;
}
.lower section h2 span {
  border-color: #cb330f;
  border-style: solid;
  border-width: 0 0 0 4px;
  display: inline-block;
  padding: 0 12px;
}
.lower section h3 {
  font-size: 18px;
  font-size: 1.8rem;
  background: #fdfdfd;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  line-height: 1.2;
  margin: 1.2em 0;
  padding: 3px 0;
}
.lower section h3 span {
  border-color: #cb330f;
  border-style: solid;
  border-width: 0 0 0 4px;
  display: inline-block;
  padding: 5px 8px;
}
.lower section p {
  margin: 0 0 1em;
}
.lower section div.subsection {
  clear: both;
  margin: 3em 0;
}
.lower section div.subsection:last-child {
  margin: 3em 0 0;
}
.lower section div.form-area p {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 5px;
}
.lower section.confirm div.subsection div.form-area div.fieldcontain p {
  font-size: 16px;
  font-size: 1.6rem;
  background: #fff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  font-weight: bold;
  padding: 0.5em;
}

/* メールマガジン新規登録
----------------------------------------------------------------------------*/
.lower .register section.magazine div.rule-frame {
  border-color: #eee;
  border-style: solid;
  border-width: 1px;
  height: 200px;
  margin: 2em auto;
  overflow-y: scroll;
  padding: 2em;
}
.lower .register section.magazine div.rule-frame h2 {
  font-size: 21px;
  font-size: 2.1rem;
  border: none;
  margin: 0 0 2em;
  padding: 0;
}
.lower .register section.magazine div.rule-frame h3 {
  background: transparent;
  border: none;
  margin: 2em 0;
  padding: 0;
}
.lower .register section.magazine div.rule-frame ol, .lower .register section.magazine div.rule-frame ul {
  margin: 0 0 0 1em;
}
.lower .register section.magazine div.rule-frame ol {
  padding: 0 0 0 2em;
}
.lower .register section.magazine div.rule-frame ol li {
  list-style: decimal;
}
.lower .register section.magazine div.rule-frame ol ul li {
  list-style: none;
}
.lower .register section.magazine div.subsection div.form-area {
  margin: 0 0 2em;
}
.lower .register section.magazine div.subsection div.form-area:last-child {
  margin: 0;
}
.lower .register section.magazine div.subsection div.form-area div.fieldcontain fieldset label {
  display: block;
}
@media screen and (max-width: 480px) {
  .lower .register section.magazine div.subsection div.form-area div.fieldcontain fieldset label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* マイページ
----------------------------------------------------------------------------*/
.lower .register section.mypage div.subsection div.fieldcontain p {
  *zoom: 1;
  margin: 0;
}
.lower .register section.mypage div.subsection div.fieldcontain p:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.lower .register section.mypage div.subsection div.fieldcontain p a {
  float: right;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .lower .register section.mypage div.subsection div.fieldcontain p a {
    display: block;
    float: none;
    margin: 0.5em auto 0;
  }
}
.lower .register section.mail-magazine div.subsection div.form-area {
  margin: 0 0 2em;
}
.lower .register section.mail-magazine div.subsection div.form-area:last-child {
  margin: 0;
}
.lower .register section.mail-magazine div.subsection div.form-area div.fieldcontain fieldset label {
  display: block;
}
@media screen and (max-width: 480px) {
  .lower .register section.mail-magazine div.subsection div.form-area div.fieldcontain fieldset label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* ログイン
----------------------------------------------------------------------------*/
.lower .register section.login div.subsection p {
  margin: 0;
}
.lower .register section.login div.subsection p a {
  display: block;
  margin: 1em auto 0;
  text-align: center;
}

/* 公式アカウント
----------------------------------------------------------------------------*/
.lower .home section.account div.subsection h2 {
  text-align: center;
  border-style: solid;
  border-width: 0 0 1px;
  padding: 1em .5em;
  font-weight: bold;
}
.lower .home section.account div.subsection h2.tw {
  border-color: #55acee;
}
.lower .home section.account div.subsection h2.wp {
  border-color: #21759b;
}
.lower .home section.account div.subsection h2.nc {
  border-color: #333;
}
.lower .home section.account div.subsection h2.yt {
  border-color: #f00;
}
.lower .home section.account div.subsection h2.fr {
  border-color: #ddd;
}
.lower .home section.account div.subsection h2.fb {
  border-color: #3b5999;
}
.lower .home section.account div.subsection ul {
  *zoom: 1;
  letter-spacing: -.4em;
}
.lower .home section.account div.subsection ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.lower .home section.account div.subsection ul li {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  display: inline-block;
  letter-spacing: normal;
  margin: 0 0.86207% 1em;
  padding: 0 0 1em;
  width: 31.57328%;
}
@media screen and (max-width: 768px) {
  .lower .home section.account div.subsection ul li {
    margin: 0 1.04167% 2em;
    width: 47.91667%;
  }
}
@media screen and (max-width: 768px) and (max-width: 480px) {
  .lower .home section.account div.subsection ul li {
    margin: 0 1.66667% 2em;
    width: 96.66667%;
  }
}
.lower .home section.account div.subsection ul li img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  float: left;
  height: 72px;
  margin: 0 1em 0 0;
  vertical-align: middle;
  width: 72px;
}
.lower .home section.account div.subsection ul li p {
  margin: 0 0 .3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lower .home section.account div.subsection ul li a {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  display: block;
}
.lower .home section.account div.subsection ul li a:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
  text-decoration: none;
}

/* サイトマップ
----------------------------------------------------------------------------*/
.lower .home section.sitemap div {
  float: left;
  margin: 0 0.86207%;
  width: 48.27586%;
}
@media screen and (max-width: 640px) {
  .lower .home section.sitemap div {
    float: none;
    width: 98.27586%;
  }
}
.lower .home section.sitemap div ul li {
  text-indent: 1em;
}
.lower .home section.sitemap div ul li::before {
  content: "\e934";
  font-family: 'success' !important;
  font-size: .03em;
  padding: 0 .5em;
}
.lower .home section.sitemap div ul li ul li {
  text-indent: 2em;
}
.lower .home section.sitemap div ul li ul li::before {
  content: "\e92f";
}

/* サイトマップ
----------------------------------------------------------------------------*/
.lower .home section.faq dl dt, .lower .home section.faq dl dd {
  min-height: 32px;
  padding: 0 32px 0 40px;
  position: relative;
  line-height: 32px;
}
.lower .home section.faq dl dt span, .lower .home section.faq dl dd span {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  display: block;
  font-weight: bold;
  height: 32px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 32px;
}
.lower .home section.faq dl dt {
  font-weight: bold;
  margin: 0 0 1em;
}
.lower .home section.faq dl dt span {
  background: #39c;
}
.lower .home section.faq dl dd {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 3em 32px;
}
.lower .home section.faq dl dd span {
  background: #c33;
}
.lower .home section.faq dl dd ul li {
  font-style: oblique;
  list-style-type: disc;
  list-style-position: inside;
}

/* プレスリリース
----------------------------------------------------------------------------*/
.lower .home section.press ul li {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 2em;
  padding: 1em;
}
.lower .home section.press ul li span {
  display: block;
  margin: 0 0 .3em;
}
.lower .home section.press ul li img {
  margin: 0 .5em 0 0;
  vertical-align: middle;
}

/* ご利用規約・プライバシーポリシー
----------------------------------------------------------------------------*/
.lower .home section.rule h2,
.lower .home section.policy h2 {
  line-height: 1.4;
}
.lower .home section.rule ol, .lower .home section.rule ul,
.lower .home section.policy ol,
.lower .home section.policy ul {
  margin: 0 0 2em;
}
.lower .home section.rule ol,
.lower .home section.policy ol {
  padding: 0 0 0 2em;
}
.lower .home section.rule ol li,
.lower .home section.policy ol li {
  list-style: decimal;
}
.lower .home section.rule ol li ul,
.lower .home section.policy ol li ul {
  margin: 0;
}
.lower .home section.rule ol li ul li,
.lower .home section.policy ol li ul li {
  list-style: none;
}
.lower .home section.policy ol li ul {
  padding: 0 0 0 1em;
}
.lower .home section.policy ol li ul li {
  list-style: disc;
}

/* 情報セキュリティ基本方針・情報セキュリティ方針群
----------------------------------------------------------------------------*/
.lower .home section.isp h2 {
  line-height: 1.4;
}
.lower .home section.isp ol, .lower .home section.isp ul {
  margin: 0 0 2em;
}
.lower .home section.isp ol, .lower .home section.isp ul {
  padding: 0 0 0 2.5em;
}
.lower .home section.isp ol li, .lower .home section.isp ul li {
  list-style: none;
  text-indent: -1.5em;
}
.lower .home section.isp p {
  text-indent: 1em;
}
.lower .home section.isp p:last-child {
  text-indent: 0;
}
.lower .home section.isp-group i {
  *zoom: 1;
  float: right;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
  font-style: italic;
}
.lower .home section.isp-group i:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .lower .home section.isp-group i {
    display: block;
    float: none;
    margin: .3em .8em 0;
  }
}

/* タイトル検索・検索結果
----------------------------------------------------------------------------*/
.lower .home section.search ul.item-list li {
  *zoom: 1;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 2em;
  padding: 1em;
}
.lower .home section.search ul.item-list li:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.lower .home section.search ul.item-list li img {
  float: left;
  width: 90px;
}
@media screen and (max-width: 480px) {
  .lower .home section.search ul.item-list li img {
    width: 70px;
  }
}
.lower .home section.search ul.item-list li p {
  margin: 0;
  padding: 0 0 0 105px;
}
@media screen and (max-width: 480px) {
  .lower .home section.search ul.item-list li p {
    padding: 0 0 0 85px;
  }
}
.lower .home section.search ul.item-list li ul {
  *zoom: 1;
  margin: .3em 0 0;
  padding: 0 0 0 105px;
}
.lower .home section.search ul.item-list li ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
@media screen and (max-width: 480px) {
  .lower .home section.search ul.item-list li ul {
    padding: 0 0 0 85px;
  }
}
.lower .home section.search ul.item-list li ul li {
  border: 0 none;
  float: left;
  margin: 0 5px 3px 0;
  padding: 0;
}
.lower .home section.search ul.item-list li ul li img {
  width: 80px;
}

/* タイトル検索・検索結果
----------------------------------------------------------------------------*/
.lower .home section.inquiry div.add-area {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  background: #fdfdfd;
  margin: 2em 0;
  padding: 1.5em;
}
.lower .home section.inquiry div.add-area p:last-child {
  margin: 0;
}
.lower .home section.inquiry div.add-area p span {
  color: #cb330f;
}
.lower .home section.inquiry div.phone {
  border-color: #ccc;
  border-style: double;
  border-width: 3px;
  padding: 20px;
}
.lower .home section.inquiry div.phone p {
  text-align: center;
}
.lower .home section.inquiry div.phone p:first-child {
  font-size: 21px;
  font-size: 2.1rem;
}
.lower .home section.inquiry div.phone p:last-child {
  margin: 0;
}
.lower .home section.inquiry div.phone ul li {
  font-size: 11px;
  font-size: 1.1rem;
}
.lower .home section.inquiry ul.form-list {
  margin: 5em 0 0;
}
.lower .home section.inquiry ul.form-list > li {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 2em;
  padding: 2em;
}
.lower .home section.inquiry ul.form-list > li h3 {
  margin: 0 0 1.2em;
}
.lower .home section.inquiry ul.form-list > li div.bt-area {
  margin: 1em 0 0;
}
.lower .home section.inquiry ul.form-list > li div.bt-area i {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 .3em;
}
.lower .home section.inquiry-form div.subsection div.form-area div.fieldcontain textarea {
  resize: vertical;
}
.lower .home section.inquiry-form div.subsection div.form-area p#error-message {
  font-size: 14px;
  font-size: 1.4rem;
  color: #f00;
}