@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: #fff;
  font-size: 62.5%;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.6;
  color: #000;
  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: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.6;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  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;
}

strong {
  font-weight: 700;
}

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: 16px;
  font-size: 1.6rem;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, 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 {
  -moz-border-radius: 2px;
  -webkit-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: #f63;
  color: #fff;
  display: inline-block;
  font-size: x-small;
  line-height: 1;
  margin: 0 1em;
  padding: 0.3em 0.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;
}

/* Wordpress Contact Form 7用 checkbox＆radioスタイル
--------------------------------------*/
div.fieldcontain fieldset span.wpcf7-list-item-label {
  background: transparent;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
div.fieldcontain fieldset span.wpcf7-list-item {
  display: block;
  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: 0.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: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, 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: #000;
  border-color: #000;
  color: #fff;
  transition: all 200ms 0s ease-in;
}
input.submit:hover,
button.submit:hover,
a.submit:hover {
  background-color: #fff;
  color: #000;
}

input.reset,
button.reset,
a.reset {
  background-color: #fff;
  border-color: #e6e6e6;
  color: #333;
  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: #000;
  border-color: #000;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  padding: 1em;
}
div.paging span a {
  display: block;
  padding: 1em;
}
div.paging span a:hover {
  color: #333;
}

/* Google reCAPTCHA v3 表示位置変更
----------------------------------------------------------------------------*/
.grecaptcha-badge {
  margin-bottom: 135px;
}

/* ページネーションWP用
----------------------------------------------------------------------------*/
.pagination {
  font-size: 12px;
  font-size: 1.2rem;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 40px 0;
  position: relative;
}
.pagination span,
.pagination a {
  display: block;
  width: auto;
  margin: 4px;
  padding: 8px;
  border: 1px solid #000;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 16px;
}
.pagination .pager {
  min-width: 32px;
}
.pagination a:hover,
.pagination .current {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
.pagination a.prev {
  margin-right: 16px;
}
.pagination a.next {
  margin-left: 16px;
}
.pagination span.page_num {
  display: none;
}

/* 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: transparent;
}

.sm,
.sm ul,
.sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 0.9;
  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 0.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 0.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 {
  font-size: 14px;
  font-size: 1.4rem;
}

.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: transparent;
  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 0.5em;
}

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

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

.sm-simple li ul li a {
  background: #eee;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.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 0.2s;
  transition: background-color 0.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: #fff 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: "";
}
[dir="rtl"] .slick-prev:before {
  content: "";
}

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

/* 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: "";
  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 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;
  -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 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color, 0.5s, ease-in, 0.5s;
  -o-transition: background-color, 0.5s, ease-in, 0.5s;
  -webkit-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 {
  -moz-border-radius: 3px;
  -webkit-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 {
  -moz-transition: color, 0.3s, ease-in;
  -o-transition: color, 0.3s, ease-in;
  -webkit-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 {
  -moz-transition: color, 0.3s, ease-in;
  -o-transition: color, 0.3s, ease-in;
  -webkit-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 {
  -moz-transition: color, 0.3s, ease-in;
  -o-transition: color, 0.3s, ease-in;
  -webkit-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 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: opacity, 0.5s, ease-in, 0.5s;
  -o-transition: opacity, 0.5s, ease-in, 0.5s;
  -webkit-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 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color, 0.5s, ease-in, 0.5s;
  -o-transition: background-color, 0.5s, ease-in, 0.5s;
  -webkit-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.other {
  border: 0 none;
  color: #333;
}
body#development.index #container section.client .contents-inner .client-list ul li.other: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;
  -moz-border-radius: 3px;
  -webkit-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: 0.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 {
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  *zoom: 1;
  -moz-border-radius: 3px;
  -webkit-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 {
  -moz-border-radius: 3px;
  -webkit-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 div.pf {
  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;
}

/* ステイブルディフュージョン受託用
----------------------------------------------------------------------------*/
body#development.gs header {
  background: #fff;
}
body#development.gs #container section.sdxl {
  background: #fff;
}
body#development.gs #container section.sdxl span.emp {
  color: #2e8ea8;
  font-size: 1.8rem;
  font-weight: 700;
}
body#development.gs #container section.sdxl .caution {
  color: #900;
}
body#development.gs #container section.sdxl .appeal {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
body#development.gs #container section.sdxl .arrow {
  display: block;
  margin: auto;
}
body#development.gs #container section.sdxl h3 {
  font-size: 2.1rem;
  color: #2e8ea8;
  background: none;
  border: 0 none;
  font-weight: 700;
  margin: 0.8rem;
}
body#development.gs #container section.sdxl table {
  width: 100%;
  margin: 0 0 2rem;
  font-size: 2.1rem;
  border-color: #ccdb28;
  border-width: 1px;
  border-style: solid;
}
body#development.gs #container section.sdxl table th {
  background-color: #99cb38;
  color: #fff;
  font-weight: 700;
}
body#development.gs #container section.sdxl table tr:nth-child(odd) {
  background-color: #eff6e8;
}
body#development.gs #container section.sdxl table tr:nth-child(even) {
  background-color: #deecce;
}
body#development.gs #container section.sdxl table td:nth-child(odd) {
  font-weight: 700;
}
body#development.gs #container section.sdxl table th,
body#development.gs #container section.sdxl table td {
  padding: 1rem;
}
body#development.gs #container section.sdxl .contents-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 1280px;
}
body#development.gs #container section.sdxl .contents-wrap.bg img {
  width: 100%;
}
body#development.gs #container section.sdxl article {
  flex: 0 1 100%;
  padding: 0.8rem;
}
@media screen and (min-width: 480px) {
  body#development.gs #container section.sdxl article {
    flex: 0 1 50%;
  }
}
@media screen and (min-width: 960px) {
  body#development.gs #container section.sdxl article {
    flex: 0 1 33.333%;
  }
}
body#development.gs #container section.sdxl article .imgbox {
  position: relative;
}

/*
 * 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 !important;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.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: 0.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: 0.6em 0.6em 0.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: 0.3s ease-in-out;
  transition: 0.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 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 1%;
  text-align: center;
  width: 48%;
}
body#corporate #container .contents section.corp-nav ul.sub-nav li a {
  background: #fff;
  color: #cb330f;
  display: block;
  padding: 1em;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.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: 5%;
  margin-top: 3%;
}
body#corporate #container .contents section.greeting h1 img {
  width: 43%;
}
@media screen and (max-width: 768px) {
  body#corporate #container .contents section.greeting h1 img {
    width: 60%;
  }
}
body#corporate #container .contents section.greeting div.contents-inner h2 {
  font-size: 20px;
  font-size: 2rem;
  border-color: #eee;
  border-style: solid;
  border-width: 0;
  font-weight: normal;
  line-height: 1.2;
  margin: 1.1em 0;
  padding: 12px 0;
}

/* 企業理念、行動指針
----------------------------------------------------------------------------*/
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;
  -moz-border-radius: 100%;
  -webkit-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: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwMTcxYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiMDkwYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0171a), color-stop(100%, #6b090a));
  background-image: -moz-linear-gradient(#e0171a, #6b090a);
  background-image: -webkit-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.philo_3 p {
  font-size: 28px;
  font-size: 2.8rem;
}
body#corporate #container .contents section.philo_3 p br {
  display: none;
}
@media screen and (max-width: 800px) {
  body#corporate #container .contents section.philo_3 p br {
    display: block;
  }
}

/* 役員紹介
----------------------------------------------------------------------------*/
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 section.corp table {
  width: 100%;
}
body#corporate #container section.corp table tr th,
body#corporate #container section.corp table tr td {
  font-size: 16px;
  font-size: 1.6rem;
  border-color: #ddd;
  border-style: solid;
  padding: 1em;
}
body#corporate #container section.corp table tr th {
  border-width: 0 0 2px;
  vertical-align: top;
  white-space: nowrap;
}
body#corporate #container section.corp table tr td {
  border-width: 0 0 1px;
}
body#corporate #container section.corp table tr td table.details {
  width: auto;
}
body#corporate #container section.corp table tr td table.details th,
body#corporate #container section.corp table tr td table.details td {
  border: 0 none;
  padding: 0 1em 0 0;
}
body#corporate #container section.team {
  background: #f6f7f8;
}
body#corporate #container section.team p {
  font-weight: bold;
  text-align: center;
  padding: 2%;
  margin: 0;
}
@media screen and (max-width: 414px) {
  body#corporate #container section.team p {
    font-size: 0.7em;
    padding: 3%;
  }
}
body#corporate #container section.access .map-container {
  padding: 0 0 3em;
}
body#corporate #container section.access .map-container:last-child {
  padding: 0;
}
body#corporate #container section.access .map-container h2,
body#corporate #container section.access .map-container p {
  text-align: center;
}
body#corporate #container section.access .map-container h2 {
  margin: 0.5em 0;
}

/* 会社沿革
----------------------------------------------------------------------------*/
body#corporate #container section.history ul li {
  display: flex;
  flex-flow: row nowrap;
}
body#corporate #container section.history ul li.head .year,
body#corporate #container section.history ul li.head .success,
body#corporate #container section.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 section.history ul li.head .year,
body#corporate #container section.history ul li.head .other {
  background: #aea59a;
}
body#corporate #container section.history ul li.head .success {
  background: #e83715;
}
body#corporate #container section.history ul li .year {
  background: #aea59a;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 54px;
}
body#corporate #container section.history ul li .other {
  background: #fcfcfc;
  color: #555;
}
body#corporate #container section.history ul li .year,
body#corporate #container section.history ul li .other {
  border-color: #fff;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
body#corporate #container section.history ul li .success {
  border-color: #eee #fff;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
body#corporate #container section.history ul li .year,
body#corporate #container section.history ul li .success,
body#corporate #container section.history ul li .other {
  padding: 0.5em;
}
body#corporate #container section.history ul li .success,
body#corporate #container section.history ul li .other {
  display: flex;
  flex-flow: column nowrap;
  width: calc((100% - 54px) / 2);
}
body#corporate #container section.history ul li .success .event-wrap,
body#corporate #container section.history ul li .other .event-wrap {
  border-color: #eee;
  border-style: dotted;
  border-width: 0 0 1px;
  margin: 0 0 0.5em;
  padding: 0 0 0.5em;
  display: flex;
  flex-flow: row nowrap;
}
body#corporate #container section.history ul li .success .event-wrap:last-child,
body#corporate #container section.history ul li .other .event-wrap:last-child {
  border: 0 none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  body#corporate #container section.history ul li .success .event-wrap,
  body#corporate #container section.history ul li .other .event-wrap {
    flex-flow: column nowrap;
  }
}
body#corporate #container section.history ul li .success .event-wrap .date,
body#corporate #container section.history ul li .other .event-wrap .date {
  width: 72px;
}
@media screen and (max-width: 768px) {
  body#corporate #container section.history ul li .success .event-wrap .date,
  body#corporate #container section.history ul li .other .event-wrap .date {
    width: 100%;
  }
}
body#corporate #container section.history ul li .success .event-wrap .event,
body#corporate #container section.history ul li .other .event-wrap .event {
  width: calc(100% - 72px);
}
@media screen and (max-width: 768px) {
  body#corporate #container section.history ul li .success .event-wrap .event,
  body#corporate #container section.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: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwMTcxYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ODIxMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0171a), color-stop(100%, #e68211));
  background-image: -moz-linear-gradient(#e0171a, #e68211);
  background-image: -webkit-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: 0.5em 0;
  padding: 1em;
}
body#corporate #container .gb div.gb_1,
body#corporate #container .gb .gb_2,
body#corporate #container .gb .gb_3 {
  *zoom: 1;
  padding: 1%;
  margin-bottom: 2%;
}
body#corporate #container .gb div.gb_1:after,
body#corporate #container .gb .gb_2:after,
body#corporate #container .gb .gb_3:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
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;
  background-size: cover;
}
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;
  background-size: cover;
}
body#corporate #container .bs ul {
  padding: 1em;
  margin-top: 3em;
  display: flex;
}
@media screen and (max-width: 640px) {
  body#corporate #container .bs ul {
    flex-direction: column;
  }
}
body#corporate #container .bs ul li {
  padding: 1.5em;
}
body#corporate #container .bs ul li a {
  display: inline-block;
  padding: 1.5em;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 2em;
}
body#corporate #container .bs ul li p {
  text-align: left;
  color: #333333;
  margin: 0.5em 1em 0;
}
body#corporate #container .bs ul li a: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: 0.5em 0;
  padding: 0.2em 0;
}
body#corporate #container .advantage dl dd {
  margin: 0 0 3em;
  padding: 0 3em;
}
body#corporate #container .achievement {
  width: 80%;
  margin: 0 auto;
}
body#corporate #container .achievement dl {
  text-align: center;
}
body#corporate #container .achievement dl dt {
  margin: 0;
  padding: 0;
}
body#corporate #container .achievement dl dt h2 {
  font-size: 28px;
  font-size: 2.8rem;
  width: 100px;
  height: 50px;
  border-radius: 50px 50px 0 0;
  background-color: #ddd;
  margin: 0 auto;
  line-height: 1;
  border-width: 0;
}
body#corporate #container .achievement dl dd {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0 0;
  margin: 0 0 3em;
  padding: 0 1em;
}
body#corporate #container .achievement dl dd h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
  margin: 0;
  padding: 0.3em 0;
}
body#corporate #container .achievement dl dd p {
  margin-top: 0.5em;
}
@media screen and (max-width: 414px) {
  body#corporate #container .achievement dl dd p {
    text-align: left;
  }
}
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: 0.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 section.jisedai h1 {
    font-size: 20px;
    font-size: 2rem;
  }
}
body#corporate #container section.jisedai p.head_p {
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 414px) {
  body#corporate #container section.jisedai p.head_p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
body#corporate #container section.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 section.jisedai dl {
    margin: 4% 0;
  }
}
body#corporate #container section.jisedai dt,
body#corporate #container section.jisedai dd {
  padding: 2%;
}
body#corporate #container section.jisedai dt {
  float: left;
  clear: both;
}
@media screen and (max-width: 414px) {
  body#corporate #container section.jisedai dt {
    padding-bottom: 14%;
  }
}
@media screen and (max-width: 414px) {
  body#corporate #container section.jisedai dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
body#corporate #container section.jisedai ul,
body#corporate #container section.jisedai p {
  margin-left: 1.5em;
}
@media screen and (max-width: 414px) {
  body#corporate #container section.jisedai ul,
  body#corporate #container section.jisedai p {
    margin-left: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* 役員紹介 20220224追加
----------------------------------------------------------------------------*/
@media screen and (max-width: 414px) {
  body#corporate #container section.executive h1 {
    font-size: 20px;
    font-size: 2rem;
  }
}
body#corporate #container section.executive ul {
  display: flex;
  flex-wrap: wrap;
}
body#corporate #container section.executive ul li {
  display: flex;
  margin: 0 0 32px;
  padding: 16px;
  width: 100%;
}
body#corporate #container section.executive ul li:nth-child(even) {
  background: #f6f7f8;
}
body#corporate #container section.executive ul li:last-child {
  margin: 0;
}
@media screen and (max-width: 640px) {
  body#corporate #container section.executive ul li {
    flex-direction: column;
  }
}
body#corporate #container section.executive ul li .photo {
  flex-shrink: 0;
  width: 160px;
}
@media screen and (max-width: 640px) {
  body#corporate #container section.executive ul li .photo {
    margin: auto;
  }
}
body#corporate #container section.executive ul li .intro {
  padding: 0 0 0 2em;
  width: 100%;
}
@media screen and (max-width: 640px) {
  body#corporate #container section.executive ul li .intro {
    padding: 16px 0 0;
  }
}
body#corporate #container section.executive ul li .intro h3 {
  font-size: 21px;
  font-size: 2.1rem;
  background: transparent;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
  line-height: 1.5;
  margin: 0 0 16px;
  padding: 0 0 16px;
}
@media screen and (max-width: 640px) {
  body#corporate #container section.executive ul li .intro h3 {
    text-align: center;
  }
}
body#corporate #container section.executive ul li .intro h3 span {
  font-size: 16px;
  font-size: 1.6rem;
  border: 0 none;
  display: block;
  padding: 0;
}
body#corporate #container section.executive ul li .intro table {
  width: 100%;
}
body#corporate #container section.executive ul li .intro table tr th {
  vertical-align: top;
  width: 100px;
  white-space: nowrap;
}

/* 女性活躍推進法 20221025追加
----------------------------------------------------------------------------*/
@media screen and (max-width: 414px) {
  body#corporate #container section.joseikatsuyaku h1 {
    font-size: 20px;
    font-size: 2rem;
  }
}
body#corporate #container section.joseikatsuyaku p.head_p {
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 414px) {
  body#corporate #container section.joseikatsuyaku p.head_p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
body#corporate #container section.joseikatsuyaku 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 section.joseikatsuyaku dl {
    margin: 4% 0;
  }
}
body#corporate #container section.joseikatsuyaku dt,
body#corporate #container section.joseikatsuyaku dd {
  padding: 2%;
}
body#corporate #container section.joseikatsuyaku dt {
  float: left;
  clear: both;
}
@media screen and (max-width: 414px) {
  body#corporate #container section.joseikatsuyaku dt {
    padding-bottom: 14%;
  }
}
@media screen and (max-width: 414px) {
  body#corporate #container section.joseikatsuyaku dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
body#corporate #container section.joseikatsuyaku ul,
body#corporate #container section.joseikatsuyaku p {
  margin-left: 1.5em;
}
@media screen and (max-width: 414px) {
  body#corporate #container section.joseikatsuyaku ul,
  body#corporate #container section.joseikatsuyaku p {
    margin-left: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
body#corporate #container section.joseikatsuyaku blockquote {
  background-color: #fcfcfc;
  border-color: #ccc;
  border-style: double;
  border-width: 3px;
  margin: 2rem;
  padding: 2rem;
}
body#corporate #container section.joseikatsuyaku blockquote p {
  margin: 0;
}
body#corporate #container section.joseikatsuyaku blockquote table {
  margin-top: 2rem;
}
body#corporate #container section.joseikatsuyaku blockquote table caption {
  font-weight: 700;
}
body#corporate #container section.joseikatsuyaku blockquote table tr {
  border-bottom: 1px solid #ccc;
}
body#corporate #container section.joseikatsuyaku blockquote table tr td {
  padding: 0 1rem;
}

/* お知らせ 20230331追加
----------------------------------------------------------------------------*/
body#corporate #container section.success-info {
  margin: 0 0 5rem;
}
body#corporate #container section.success-info nav {
  background: #f6f7f8;
  border-radius: 8px;
  padding: 1rem;
  margin: 0 0 5rem;
}
body#corporate #container section.success-info nav ul.cat-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem 3rem;
}
body#corporate #container section.success-info ul.post-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0 0 1rem;
}
body#corporate #container section.success-info ul.post-item li {
  border-color: #ddd;
  border-style: dashed;
  border-width: 0 0 1px;
  display: flex;
  gap: 1rem;
  padding: 0 0 1rem 0;
}
@media screen and (max-width: 640px) {
  body#corporate #container section.success-info ul.post-item li {
    flex-direction: column;
  }
}
body#corporate #container section.success-info ul.post-item li div.status {
  display: flex;
  flex: 0 0 auto;
  gap: 1rem;
}
body#corporate #container section.success-info ul.post-item li div.status .date,
body#corporate #container section.success-info ul.post-item li div.status .icn-cat {
  flex: 0 0 auto;
  white-space: nowrap;
}
body#corporate #container section.success-info ul.post-item li div.status .icn-cat img {
  width: 80px;
}
body#corporate #container section.success-info ul.post-item li div img {
  vertical-align: text-bottom;
}
body#corporate #container section.success-info ul.post-item li div img.icn-pdf {
  margin: 0 1rem;
}
body#corporate #container section.success-info p.txt-right i {
  color: #cb330f;
  font-size: smaller;
  margin: 0 0.3em 0 0;
}

/* 会社情報お知らせ　アーカイブページ
----------------------------------------------------------------------------*/
.lower .home section.archive.success-info {
  margin: 0 0 40px;
  padding: 0;
}
.lower .home section.archive.success-info a {
  color: #000;
}
.lower .home section.archive.success-info a:hover {
  color: #cb330f;
}

/* 共通
----------------------------------------------------------------------------*/
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: black 1px 1px 4px;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  color: #fff;
  left: 50%;
  margin: 0;
  padding: 0.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: 0.6em 0.6em 0.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 0.2em;
}
body#recruit #container .contents section.interview-link ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  gap: 16px;
}
@media screen and (max-width: 640px) {
  body#recruit #container .contents section.interview-link ul {
    flex-direction: column;
    align-items: center;
  }
}
body#recruit #container .contents section.interview-link ul li {
  flex: 0 0 calc(33.3% - 32px);
}
@media screen and (max-width: 640px) {
  body#recruit #container .contents section.interview-link ul li {
    flex: 1;
  }
}
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 {
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -webkit-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 {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-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);
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-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: 0.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 {
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-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: 0.5em 0 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);
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-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: black 1px 1px 4px, black 1px 1px 7px;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 2px;
  color: #fff;
  font-weight: bold;
  left: 50%;
  margin: 0;
  padding: 0.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: 0.5em 3em 0.5em 1em;
  position: relative;
}
body#recruit #container .contents section.category dl dt:hover {
  cursor: pointer;
}
body#recruit #container .contents section.category dl dt span {
  font-size: 12px;
  font-size: 1.2rem;
  background: #cb330f;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin: 0 1em;
  padding: 0.2em 0.5em;
}
body#recruit #container .contents section.category dl dt span.new {
  font-size: 14px;
  font-size: 1.4rem;
  color: #cb330f;
  font-weight: bold;
  padding: 0.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: 0.2em 0.5em;
}
body#recruit #container .contents section.category dl dt i {
  line-height: 1.6;
  position: absolute;
  right: 1em;
  top: 0.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 0.7em;
  padding: 0.7em 0;
}
body#recruit #container .contents section.category dl dd h2:first-child {
  margin: 0 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 0.5em;
  padding: 4px;
}
body#recruit #container .contents section.flow dl dt:first-child {
  margin: 0 0 0.5em;
}
body#recruit #container .contents section.flow dl dt span {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #000;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin: 0 1em 0 0;
  padding: 0.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: 0.5em 3em 0.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: 0.5em;
}
body#recruit #container .contents section.faq .qa-box .question i {
  line-height: 1.6;
  position: absolute;
  right: 1em;
  top: 0.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: 0.5em 1em 0.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: 0.5em;
}
body#recruit #container .contents section.company-information-session .movie-container {
  margin: 0 auto 1em;
}
body#recruit #container .contents section.company-information-session .movie-container .movie {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
body#recruit #container .contents section.company-information-session .movie-container .movie iframe,
body#recruit #container .contents section.company-information-session .movie-container .movie video {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
body#recruit #container .contents section.company-information-session table {
  margin: auto;
}
body#recruit #container .contents section.company-information-session table caption {
  font-size: 21px;
  font-size: 2.1rem;
  border-color: #cb330f;
  border-style: solid;
  border-width: 0 0 1px;
  font-weight: bold;
  padding: 0.2em 1em;
  text-align: center;
}
body#recruit #container .contents section.company-information-session table tr {
  background: #f6f7f8;
  border-color: #ccc;
  border-style: dotted;
  border-width: 0 0 1px;
}
body#recruit #container .contents section.company-information-session table tr th,
body#recruit #container .contents section.company-information-session table tr td {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.2em 1em;
}
body#recruit #container .contents section.company-information-session table tr th {
  text-align: right;
}
body#recruit #container .contents section.company-information-session table tr td {
  text-align: left;
}
body#recruit #container .contents section.commentary .intro {
  margin: 0 auto 4em;
}
body#recruit #container .contents section.commentary strong {
  font-weight: bold;
}
body#recruit #container .contents section.commentary dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  background: #fff;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1em;
  padding: 0.5em 3em 0.5em 1em;
  position: relative;
}
body#recruit #container .contents section.commentary dl dt:hover {
  cursor: pointer;
}
body#recruit #container .contents section.commentary dl dt span {
  font-size: 12px;
  font-size: 1.2rem;
  background: #cb330f;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin: 0 1em;
  padding: 0.2em 0.5em;
}
body#recruit #container .contents section.commentary dl dt span.new {
  font-size: 14px;
  font-size: 1.4rem;
  color: #cb330f;
  font-weight: bold;
  padding: 0.2em 1em;
}
body#recruit #container .contents section.commentary 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: 0.2em 0.5em;
}
body#recruit #container .contents section.commentary dl dt i {
  line-height: 1.6;
  position: absolute;
  right: 1em;
  top: 0.5em;
}
body#recruit #container .contents section.commentary 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.commentary dl dd h2 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 2em 0 0.7em;
  padding: 0.7em 0;
}
body#recruit #container .contents section.commentary dl dd h2:first-child {
  margin: 0 0 0.7em;
}
body#recruit #container .contents section.commentary dl dd ul {
  margin: 0 0 1em 2em;
}
body#recruit #container .contents section.commentary dl dd ul li {
  list-style: disc;
}
body#recruit #container .contents section.commentary dl dd ul li .mail {
  border-color: #ddd;
  border-style: double;
  border-width: 3px;
  display: inline-block;
  margin: 0.5em 0;
  padding: 1em;
}
body#recruit #container .contents section.commentary dl dd table {
  margin: 0 0 1em 1em;
}
body#recruit #container .contents section.commentary dl dd table tr {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
}
body#recruit #container .contents section.commentary dl dd table tr th,
body#recruit #container .contents section.commentary dl dd table tr td {
  padding: 0 0.5em;
  vertical-align: top;
}
body#recruit #container .contents section.commentary dl dd table tr th {
  white-space: nowrap;
}

/* トップページ
----------------------------------------------------------------------------*/
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;
}

/* サクセスについて
----------------------------------------------------------------------------*/
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: black 1px 1px 4px;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  color: #fff;
  font-weight: 700;
  left: 50%;
  margin: 0;
  padding: 0.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: 0.5em 0;
  padding: 0;
}
body#recruit.about #container .contents section.welfare ul li h3.point {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
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 h2 {
  line-height: 1.4;
}
body#recruit.applicant #container .contents section ol,
body#recruit.applicant #container .contents section ul {
  margin: 0 0 2em;
  padding: 0 0 0 2em;
}
body#recruit.applicant #container .contents section ol li,
body#recruit.applicant #container .contents section ul li {
  text-indent: -1em;
}
body#recruit.applicant #container .contents section ol li ul,
body#recruit.applicant #container .contents section ul li ul {
  margin: 0;
  padding: 0 0 0 1em;
}

/* 採用応募者に関する個人情報保護方針（同意確認）
----------------------------------------------------------------------------*/
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 h2 {
  line-height: 1.4;
}
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame ol,
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame ul {
  margin: 0 0 2em;
  padding: 0 0 0 2em;
}
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame ol li,
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame ul li {
  text-indent: -1em;
}
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame ol li ul,
body#recruit.applicant-agreement #container .contents section .subsection .rule-frame ul li ul {
  margin: 0;
  padding: 0 0 0 1em;
}

/* 応募完了
----------------------------------------------------------------------------*/
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: 16px;
  font-size: 1.6rem;
  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 {
  outline: none;
  resize: none;
}
body#recruit.entry #container .contents section.entry-form div.resume textarea#hope_reason {
  min-height: 210px;
}
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: 12px;
  font-size: 1.2rem;
  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: 5px 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 fieldset span {
  display: inline-block;
}
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.entry #container .contents section.entry-form .questionnaire {
  background: #f6f7f8;
  padding: 2rem;
  margin: 0 0 5rem;
}
body#recruit.entry #container .contents section.entry-form .questionnaire .wpcf7-list-item {
  display: block !important;
}

/* 就業規則
----------------------------------------------------------------------------*/
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: 0.5em;
  }
}
body#recruit.rule #container .contents section .subsection h4 {
  border-bottom: 1px solid #ddd;
  color: #666;
  font-weight: bold;
  margin: 1em 0;
  padding: 0.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 0.3em;
  padding: 0.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 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: 0.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 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;
}

/* 契約社員（例外処理）2023.08.24
----------------------------------------------------------------------------*/
dl.contract dt {
  font-size: 18px;
  font-size: 1.8rem;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1em;
  padding: 0.5em 3em 0.5em 1em;
  position: relative;
}
dl.contract dt span {
  font-size: 12px;
  font-size: 1.2rem;
  background: #cb330f;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin: 0 1em;
  padding: 0.2em 0.5em;
}
dl.contract dt span.new {
  font-size: 14px;
  font-size: 1.4rem;
  color: #cb330f;
  font-weight: bold;
  padding: 0.2em 1em;
}
dl.contract dt span.hurry {
  font-size: 12px;
  font-size: 1.2rem;
  background: #cb330f;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin: 0 1em;
  padding: 0.2em 0.5em;
}
dl.contract dt i {
  line-height: 1.6;
  position: absolute;
  right: 1em;
  top: 0.5em;
}
dl.contract dd {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 0 8px;
  margin: 2em 0;
  padding: 1em 2em;
}
dl.contract dd h2 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 2em 0 0.7em;
  padding: 0.7em 0;
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 1px;
  line-height: 1.2;
}
dl.contract dd h2:first-child {
  margin: 0 0 0.7em;
}
dl.contract dd p {
  margin: 0 0 1em;
}
dl.contract dd ul {
  margin: 0 0 1em 1em;
}
dl.contract dd ul li {
  list-style: disc;
  list-style-position: inside;
}

/* 共通
----------------------------------------------------------------------------*/
body#ir #container section.main-visual {
  overflow: hidden;
  padding: 0;
  position: relative;
}
body#ir #container section.main-visual img {
  width: 100%;
}
body#ir #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: 0.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#ir #container section.main-visual h1 {
    border: 0 none;
  }
}
@media screen and (max-width: 480px) {
  body#ir #container section.main-visual h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
body#ir #container section.main-visual h1 br {
  display: none;
}
@media screen and (max-width: 1200px) {
  body#ir #container section.main-visual h1 br {
    display: block;
  }
}
body#ir #container .contents section {
  padding: 4em 0;
}
body#ir #container .contents section h1 {
  font-size: 28px;
  font-size: 2.8rem;
  border: 0 none;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 0.6em 0.6em 0.5em;
  position: relative;
  text-align: center;
}
body#ir #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#ir #container .contents section:nth-child(even) {
  background: #f6f7f8;
}
body#ir #container .contents section .main-column {
  flex: 0 1 680px;
}
body#ir #container .contents section .sub-column {
  flex: 0 1 232px;
}
body#ir #container .contents section .sub-column .latest-dl {
  margin: 0 0 2em;
}
body#ir #container .contents section .sub-column .latest-dl .btn-area {
  background: url("../img/ir/bg-pattern.png");
  padding: 1.2em;
}
body#ir #container .contents section .sub-column .latest-dl .btn-area a {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 12px;
  font-size: 1.2rem;
  background: #fff;
  border-color: #eee;
  border-style: solid;
  border-width: 1px;
  color: #cb330f;
  display: block;
  margin: 0 0 1.2em;
  padding: 1em;
}
body#ir #container .contents section .sub-column .latest-dl .btn-area a i {
  margin: 0 0.3em;
}
body#ir #container .contents section .sub-column .latest-dl .btn-area a:last-child {
  margin: 0;
}
body#ir #container .contents section .sub-column .latest-dl .btn-area a:hover {
  background: #cb330f;
  color: #fff;
  text-decoration: none;
}
body#ir #container .contents section .sub-column .latest-dl .btn-area a.bulk {
  border-color: #cb330f;
  border-style: solid;
  border-width: 1px;
}
body#ir #container .contents section .sub-column #accordion {
  background: #fcfcfc;
  border-color: #eee;
  border-style: solid;
  border-width: 1px;
  margin: 1.9em 0;
}
@media screen and (max-width: 768px) {
  body#ir #container .contents section .sub-column #accordion {
    display: none;
  }
}
body#ir #container .contents section .sub-column #accordion h3 {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 16px;
  font-size: 1.6rem;
  background: #fff;
  border-color: #eee;
  border-style: dotted;
  border-width: 0 0 1px;
  margin: 0;
  padding: 0.8em;
  position: relative;
}
body#ir #container .contents section .sub-column #accordion h3:hover {
  background: #eee;
  cursor: pointer;
}
body#ir #container .contents section .sub-column #accordion h3:last-of-type {
  border: 0 none;
}
body#ir #container .contents section .sub-column #accordion h3 i {
  font-size: 12px;
  font-size: 1.2rem;
  color: #cb330f;
  line-height: 1.5;
  position: absolute;
  right: 0.8em;
}
body#ir #container .contents section .sub-column #accordion ul {
  margin: 0.7em 0 0.7em 1.2em;
}
body#ir #container .contents section .sub-column #accordion ul li {
  line-height: 2;
}
body#ir #container .contents section .sub-column #accordion ul li i {
  font-size: 10px;
  font-size: 1rem;
  color: #cb330f;
  margin: 0 0.5em 0 0;
}

/* IRニュース
----------------------------------------------------------------------------*/
body#ir.index #container .contents section.ir-top .contents-inner {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  body#ir.index #container .contents section.ir-top .contents-inner {
    flex-direction: column;
  }
}
body#ir.index #container .contents section.ir-top .contents-inner::after {
  display: none;
}
body#ir.index #container .contents section.ir-top .ir-news {
  margin: 0 0 4em;
}
body#ir.index #container .contents section.ir-top .ir-news h2 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 380px) {
  body#ir.index #container .contents section.ir-top .ir-news h2 {
    flex-direction: column;
  }
}
body#ir.index #container .contents section.ir-top .ir-news h2 span {
  display: block;
}
body#ir.index #container .contents section.ir-top .ir-news h2 ul {
  font-size: 14px;
  font-size: 1.4rem;
}
body#ir.index #container .contents section.ir-top .ir-news h2 ul li {
  border: 0 none;
  float: left;
  margin: 0 1em 0 0;
  padding: 0;
}
body#ir.index #container .contents section.ir-top .ir-news h2 ul li:last-child {
  margin: 0;
}
body#ir.index #container .contents section.ir-top .ir-news h2 ul li:last-child i {
  color: #f90;
}
body#ir.index #container .contents section.ir-top .ir-news h2 ul li a {
  display: block;
  padding: 1em 0 0;
}
body#ir.index #container .contents section.ir-top .ir-news ul li {
  border-color: #eee;
  border-style: dotted;
  border-width: 0 0 1px;
  margin: 0.3em 0;
  padding: 0.3em 1em;
}
body#ir.index #container .contents section.ir-top .ir-news ul li span {
  float: left;
}
body#ir.index #container .contents section.ir-top .ir-news ul li span img {
  margin: 0 1em;
}
body#ir.index #container .contents section.ir-top .ir-news ul li p {
  margin: 0;
  padding: 0 0 0 15em;
}
body#ir.index #container .contents section.ir-top .ir-news ul li img {
  margin: 0 0.3em;
  vertical-align: middle;
}
body#ir.index #container .contents section.ir-top .ir-news ul li i {
  padding: 0 0.5em;
}
@media screen and (max-width: 800px) {
  body#ir.index #container .contents section.ir-top .ir-news ul li span {
    float: none;
  }
  body#ir.index #container .contents section.ir-top .ir-news ul li p {
    padding: 0;
  }
}
body#ir.index #container .contents section.ir-top .top-nav {
  background: #fcfcfc;
  border-color: #fafafa;
  border-style: solid;
  border-width: 1px;
  padding: 8px;
}
body#ir.index #container .contents section.ir-top .top-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 1.20846%;
}
@media screen and (max-width: 480px) {
  body#ir.index #container .contents section.ir-top .top-nav ul {
    flex-direction: column;
  }
}
body#ir.index #container .contents section.ir-top .top-nav ul li {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #fff;
  border-color: #eee;
  border-style: solid;
  border-width: 1px;
  flex: 0 1 49.39577%;
}
body#ir.index #container .contents section.ir-top .top-nav ul li:hover {
  border-color: #cb330f;
}
body#ir.index #container .contents section.ir-top .top-nav ul li h3 {
  font-size: 16px;
  font-size: 1.6rem;
  border-width: 0 0 1px;
  margin: 0;
}
body#ir.index #container .contents section.ir-top .top-nav ul li ul {
  margin: 0.7em 0;
  display: block;
}
body#ir.index #container .contents section.ir-top .top-nav ul li ul li {
  font-size: 13px;
  font-size: 1.3rem;
  border: 0 none;
  float: none;
  margin: 0.3em 1em;
  width: auto;
}
body#ir.index #container .contents section.ir-top .top-nav ul li ul li i {
  font-size: 10px;
  font-size: 1rem;
  color: #cb330f;
  margin: 0 0.5em 0 0;
}

/* ソフトウェア一覧 2025-4-8追加
----------------------------------------------------------------------------*/
.lower section.software-list .contents-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 1280px;
}
.lower section.software-list article {
  flex: 0 1 100%;
  padding: 0.8rem;
}
@media screen and (min-width: 480px) {
  .lower section.software-list article {
    flex: 0 1 50%;
  }
}
@media screen and (min-width: 960px) {
  .lower section.software-list article {
    flex: 0 1 33.333%;
  }
}
.lower section.software-list article a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0;
  display: flex;
  flex-direction: column;
}
.lower section.software-list article a:hover {
  text-decoration: none;
}
.lower section.software-list article a:hover img {
  opacity: 0.9;
}
.lower section.software-list article .imgbox {
  position: relative;
}
.lower section.software-list article .imgbox img.new {
  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;
}
.lower section.software-list article .textbox {
  background: #fff;
  padding: 1.2rem;
  word-break: break-all;
}
.lower section.software-list article .textbox h1 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  border: 0 none;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  max-height: calc(1.4 * 1 * 1em);
}
.lower section.software-list article .textbox ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 0 0.3em;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  font-weight: 700;
}
.lower section.software-list article .textbox ul:last-child {
  padding: 0;
}
.lower section.software-list article .textbox ul li {
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 0 0;
  list-style: none;
  margin: 0 0.5rem 0 0;
  padding: 0 0.5rem 0 0;
}
.lower section.software-list article .textbox ul li:last-child {
  border: 0 none;
  margin: 0;
  padding: 0;
}

/* 開発中ソフト固定ページ
----------------------------------------------------------------------------*/
.lower section.under-development h2 {
  border: 0 none;
  font-weight: bold;
  margin: 3em 0;
  padding: 0;
  text-align: center;
}
.lower section.under-development h3 {
  font-size: 18px;
  font-size: 1.8rem;
  background: #f6f7f8;
  border-color: #ccc #ccc #ccc #e8340c;
  border-style: solid;
  border-width: 0 0px 0px 4px;
  font-weight: normal;
  line-height: 1;
  margin: 2em 0;
  padding: 0.7em;
}
.lower section.under-development p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 1em;
}
.lower section.under-development p.tagline {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 700;
}
.lower section.under-development .movie-container {
  margin: 3em auto;
  max-width: 1366px;
}
.lower section.under-development .movie-container .movie {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.lower section.under-development .movie-container .movie iframe {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.lower section.under-development .screen-shot {
  display: flex;
  flex-wrap: wrap;
  margin: 3em auto;
  max-width: 1280px;
}
.lower section.under-development .screen-shot a {
  flex: 0 1 100%;
  padding: 0.8rem;
}
@media screen and (min-width: 480px) {
  .lower section.under-development .screen-shot a {
    flex: 0 1 50%;
  }
}
@media screen and (min-width: 960px) {
  .lower section.under-development .screen-shot a {
    flex: 0 1 50%;
  }
}
.lower section.under-development .screen-shot a img {
  margin: 0;
}
.lower section.under-development img {
  display: block;
  margin: 1em auto;
}
.lower section.under-development table {
  margin: 2em auto;
}
.lower section.under-development table caption {
  text-align: center;
}
.lower section.under-development table th {
  background: #eee;
}
.lower section.under-development table th,
.lower section.under-development table td {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
}
.lower section.under-development table caption,
.lower section.under-development table th,
.lower section.under-development table td {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.3em 1em;
}
.lower section.under-development ul,
.lower section.under-development ol {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 1em 0;
  padding: 0 0 0 2em;
}
.lower section.under-development ul li {
  list-style-type: disc;
}
.lower section.under-development ol li {
  list-style-type: decimal;
}
.lower section.under-development blockquote {
  margin: 3em 0;
}
.lower section.under-development .spec {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  background: #fff;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.lower section.under-development .spec table {
  margin: 0;
  width: 100%;
}
.lower section.under-development .spec table tr:last-child th,
.lower section.under-development .spec table tr:last-child td {
  border: 0;
}
.lower section.under-development .spec table tr th,
.lower section.under-development .spec table tr td {
  font-size: 14px;
  font-size: 1.4rem;
  border-color: #ddd;
  border-style: solid;
  padding: 1rem 2rem;
  word-break: break-all;
}
.lower section.under-development .spec table tr th {
  border-width: 0 0 2px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  width: 140px;
}
.lower section.under-development .spec table tr td {
  border-width: 0 0 1px;
}
.lower section.under-development .spec .package,
.lower section.under-development .spec .ss {
  padding: 0 0 8px;
  text-align: center;
}
.lower section.under-development .spec .package img,
.lower section.under-development .spec .ss img {
  float: none !important;
  max-width: 200px;
  width: auto !important;
}
.lower section.under-development .spec .ss {
  padding: 8px;
}
.lower section.under-development .spec .ss img {
  max-width: 100%;
}
.lower section.under-development .spec .dismiss {
  margin: 0.5rem 0 0;
  text-align: center;
}
.lower section.under-development .spec .dismiss a {
  background: #cb330f;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 0.8rem 1rem;
}

/* セール一覧 2025-6-18追加
----------------------------------------------------------------------------*/
.lower section.sale .tagline {
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  margin: 3rem 0;
}
.lower section.sale .contents-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 1280px;
}
.lower section.sale .platform-links {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 20px 0;
}
.lower section.sale .platform-links div a {
  display: inline-block;
  width: 180px;
  padding: 10px 0;
  color: white;
  text-decoration: none;
  border-radius: 20px;
  font-weight: bold;
  text-align: center;
  transition: background 0.3s;
  white-space: nowrap;
}
.lower section.sale .platform-links div a:hover {
  opacity: 0.85;
}
.lower section.sale .platform-links .sale-switch a {
  background-color: #e60012;
}
.lower section.sale .platform-links .sale-ps5 a {
  background-color: #003087;
}
.lower section.sale .platform-links .sale-ps4 a {
  background-color: #0055a4;
}
.lower section.sale .platform-links .sale-steam a {
  background-color: #171a21;
}
.lower section.sale .platform-links .sale-epicgames a {
  background-color: #313131;
}
.lower section.sale .platform-links .sale-stove a {
  background-color: #ff5c00;
}
.lower section.sale .platform-links .sale-ios a {
  background-color: #007aff;
}
.lower section.sale .platform-links .sale-android a {
  background-color: #a4c639;
}
.lower section.sale .platform-links .sale-browser a {
  background-color: #2c3e50;
}
@media (max-width: 800px) {
  .lower section.sale .platform-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    justify-items: center;
  }
  .lower section.sale .platform-links div {
    width: 100%;
    text-align: center;
  }
  .lower section.sale .platform-links div a {
    width: 100%;
  }
}
.lower section.sale h2 {
  color: #fff;
  text-align: center;
  font-weight: 700;
  margin: 8rem 0 0;
  border-radius: 3rem 3rem 0 0;
  font-size: 32px;
  font-size: 3.2rem;
}
.lower section.sale h2.sale-switch {
  background-color: #e60012;
}
.lower section.sale h2.sale-ps5 {
  background-color: #003087;
}
.lower section.sale h2.sale-ps4 {
  background-color: #0055a4;
}
.lower section.sale h2.sale-steam {
  background-color: #171a21;
}
.lower section.sale h2.sale-epicgames {
  background-color: #313131;
}
.lower section.sale h2.sale-stove {
  background-color: #ff5c00;
}
.lower section.sale h2.sale-ios {
  background-color: #007aff;
}
.lower section.sale h2.sale-android {
  background-color: #a4c639;
}
.lower section.sale h2.sale-browser {
  background-color: #2c3e50;
}
.lower section.sale .period {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  background-color: #e5e6e7;
  border-radius: 0 0 3rem 3rem;
  padding: 1rem 2rem;
  color: #333;
  font-weight: 700;
  margin: 0 0 3rem;
}
.lower section.sale article {
  flex: 0 1 100%;
  padding: 0.8rem;
}
@media screen and (min-width: 480px) {
  .lower section.sale article {
    flex: 0 1 50%;
  }
}
@media screen and (min-width: 960px) {
  .lower section.sale article {
    flex: 0 1 33.333%;
  }
}
.lower section.sale article a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0;
  display: flex;
  flex-direction: column;
}
.lower section.sale article a:hover {
  text-decoration: none;
}
.lower section.sale article a:hover img {
  opacity: 0.9;
}
.lower section.sale article .imgbox {
  position: relative;
}
.lower section.sale article .imgbox img.new {
  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;
}
.lower section.sale article .textbox {
  background: #fff;
  padding: 1.2rem;
  word-break: break-all;
}
.lower section.sale article .textbox h3 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  border: 0 none;
  font-weight: 400;
  margin: 0 0 1rem;
  padding: 0;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  max-height: calc(1.4 * 1 * 1em);
}
.lower section.sale article .textbox .price-info {
  text-align: center;
}
.lower section.sale article .textbox .price-info p {
  line-height: 1;
  margin: 0 0 0.5rem;
}
.lower section.sale article .textbox .price-info p:last-child {
  margin: 0;
}
.lower section.sale article .textbox .price-info .regular {
  color: #777;
  font-size: 14px;
  font-size: 1.4rem;
}
.lower section.sale article .textbox .price-info .rate {
  background-color: #f80;
  border-radius: 2.5rem;
  padding: 1rem;
  color: #fff;
  font-weight: 700;
  font-size: 21px;
  font-size: 2.1rem;
}
.lower section.sale article .textbox .price-info .rate span {
  font-size: 14px;
  font-size: 1.4rem;
}
.lower section.sale article .textbox .price-info .sale {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  color: #f80;
}
.lower section.sale article .textbox .price-info .sale span {
  font-size: 16px;
  font-size: 1.6rem;
}
.lower section.sale .notice {
  margin: 5rem 0;
  padding: 3rem;
  border-width: 3px;
  border-style: double;
  border-color: #ccc;
  border-radius: 3rem;
}

/* カラム設定
----------------------------------------------------------------------------*/
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;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  -webkit-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;
  display: flex;
  flex-wrap: wrap;
}
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 {
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  display: inline;
  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;
  }
}
body#gameschool.index div#container div.contents div.column-b section .navigation.posts-navigation,
body#gameschool.index div#container div.contents div.large-banner section .navigation.posts-navigation {
  margin: 1em 0 0;
}
body#gameschool.index div#container div.contents div.column-b section .navigation.posts-navigation .nav-links,
body#gameschool.index div#container div.contents div.large-banner section .navigation.posts-navigation .nav-links {
  justify-content: space-between;
}
body#gameschool.index div#container div.contents div.column-b section .navigation.posts-navigation .nav-links .submit,
body#gameschool.index div#container div.contents div.column-b section .navigation.posts-navigation .nav-links .reset,
body#gameschool.index div#container div.contents div.large-banner section .navigation.posts-navigation .nav-links .submit,
body#gameschool.index div#container div.contents div.large-banner section .navigation.posts-navigation .nav-links .reset {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0.5em 1em;
  width: auto;
}
@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 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px inset;
  -webkit-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 {
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  -webkit-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;
}

/* 共通
----------------------------------------------------------------------------*/
body.exodus {
  font-family: Roboto, 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Yu Gothic', 'Meiryo', sans-serif;
}
body.exodus .tos {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 1em;
}
body.exodus .tos h1 {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 700;
  margin: 0 0 0.2em;
}
body.exodus .tos h2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 1em;
}
body.exodus .tos h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 1em;
}
body.exodus .tos h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 1em;
}
body.exodus .tos ol li {
  margin: 0 0 1em;
}
body.exodus .tos p {
  margin: 0 0 1em;
}
body.exodus .pp {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 1em;
}
body.exodus .pp h1 {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 700;
  margin: 0 0 0.2em;
}
body.exodus .pp h2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
}
body.exodus .pp h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
}
body.exodus .pp h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 00;
}
body.exodus .pp ol li {
  margin: 0 0 1em;
}
body.exodus .pp p {
  margin: 0 0 1em;
}

/* 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;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px;
  -webkit-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: 16px;
  font-size: 1.6rem;
}
@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: 16px;
}
@media only screen and (max-width: 1024px) {
  .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 {
  padding: 16px;
}
@media only screen and (max-width: 1024px) {
  .lower div.header-inner {
    padding: 0 16px;
  }
}
.lower div.contents-inner {
  padding: 0 16px;
}

/* 左カラム
----------------------------------------------------------------------------*/
/* 右カラム
----------------------------------------------------------------------------*/
/* ヘッダー
----------------------------------------------------------------------------*/
div#container header {
  background: #fff;
  height: 80px;
  position: relative;
  z-index: 1041;
}
@media only screen and (max-width: 1024px) {
  div#container header {
    height: 48px;
  }
}
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: 0.7;
}
div#container header div.header-inner .search {
  position: absolute;
  top: 26px;
  right: 16px;
}
@media only screen and (max-width: 1024px) {
  div#container header div.header-inner .search {
    top: 10px;
  }
}
@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 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;
}
.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;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-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 ul {
  *zoom: 1;
  margin: 0 0 0.5em;
}
footer .foot-menu ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
footer .foot-menu ul li.group-head {
  float: left;
  width: 25%;
}
@media screen and (max-width: 640px) {
  footer .foot-menu ul li.group-head {
    margin: 0 0 2em;
    padding: 0 0.8em;
    width: 50%;
  }
}
footer .foot-menu ul li.group-head > a {
  font-size: 14px;
  font-size: 1.4rem;
  border-color: #f00;
  border-style: solid;
  border-width: 0 0 0 3px;
  color: #000;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1em;
  padding: 0 0 0 5px;
}
footer .foot-menu ul li.group-head > a:hover {
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  footer .foot-menu ul li.group-head > a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
footer .foot-menu ul li.group-head ul {
  margin: 0;
}
footer .foot-menu ul li.group-head ul li {
  font-size: 12px;
  font-size: 1.2rem;
  float: none;
  width: auto;
}
@media screen and (max-width: 640px) {
  footer .foot-menu ul li.group-head ul li {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fafafa;
    margin: 0.5em 0;
    padding: 0.7em 0.5em;
    text-align: center;
  }
}
footer .foot-menu ul li.group-head 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 ul {
  display: flex;
  justify-content: center;
  margin: 0 0 1em;
  position: relative;
}
footer .sns ul li {
  height: 48px;
  margin: 0 12px;
  position: relative;
  width: 48px;
}
footer .sns ul li a {
  display: block;
  height: 48px;
}
footer .sns p {
  font-size: 16px;
  font-size: 1.6rem;
}
footer .sns p.list-title a {
  color: #555;
  font-weight: 700;
}
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 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: calc(50% - 20px);
  width: 40px;
  z-index: 2147483644 !important;
}

/* パンくずリスト
----------------------------------------------------------------------------*/
.breadcrumbs {
  font-size: 10px;
  font-size: 1rem;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  color: #ccc;
  padding: 1.5em 0;
  word-wrap: break-word;
}
.breadcrumbs ul {
  display: flex;
  list-style: none;
}

/* ソーシャルプラグイン
----------------------------------------------------------------------------*/
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: 0.6em 0.6em 0.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 {
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 2px 0;
  -webkit-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: 0.5em;
}

/* 新着エリアメーソンリー
----------------------------------------------------------------------------*/
.top .home section.topics {
  background: #fafafa;
}
.top .home section.topics h1 {
  margin: 1em 0.9em 0.3em;
}
@media screen and (max-width: 768px) {
  .top .home section.topics h1 {
    margin: 1em 0 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 {
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0;
  -webkit-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 {
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 2px 0;
  -webkit-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 0.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: 0.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: 0.8em 0;
}
.top .home section.topics .grid a .grid-item ul {
  padding: 0 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 0.5em;
  padding: 0.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: 0.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: 0.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 0.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: -0.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 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  -webkit-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 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);
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-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 a {
  color: #333;
}
.lower .home section.sitemap a:hover {
  text-decoration: none;
}
.lower .home section.sitemap a[href] {
  color: #cb330f;
}
.lower .home section.sitemap a[href]:hover {
  text-decoration: underline;
}
.lower .home section.sitemap ul.main-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.lower .home section.sitemap ul.main-menu > li {
  flex: 0 1 33%;
}
@media screen and (max-width: 800px) {
  .lower .home section.sitemap ul.main-menu > li {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 480px) {
  .lower .home section.sitemap ul.main-menu > li {
    flex-basis: 100%;
  }
}
.lower .home section.sitemap ul.main-menu > li > a {
  font-size: 18px;
  font-size: 1.8rem;
  border-color: #cb330f;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #333;
  display: inline-block;
  line-height: 1.2;
  margin: 1.1em 0;
  padding: 0 12px;
}
.lower .home section.sitemap ul.main-menu > li > a:hover {
  text-decoration: none;
}
.lower .home section.sitemap ul.main-menu > li > ul > li::before {
  content: '\e934';
  font-family: 'success' !important;
  font-size: 0.5em;
  padding: 0 1em;
}
.lower .home section.sitemap ul.main-menu > li > ul > li ul {
  margin: 0 0 0 2.7em;
}

/* サイトマップ
----------------------------------------------------------------------------*/
.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 0.3em;
}
.lower .home section.press ul li img {
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

/* ご利用規約・プライバシーポリシー
----------------------------------------------------------------------------*/
.lower .home section.rule h2 {
  line-height: 1.4;
}
.lower .home section.rule ol,
.lower .home section.rule ul {
  margin: 0 0 2em;
}
.lower .home section.rule ol {
  padding: 0 0 0 2em;
}
.lower .home section.rule ol li {
  list-style: decimal;
}
.lower .home section.rule ol li ul {
  margin: 0;
}
.lower .home section.rule ol li ul li {
  list-style: none;
}
.lower .home section.policy h2 {
  line-height: 1.4;
}
.lower .home section.policy ol,
.lower .home section.policy ul {
  margin: 0 0 2em;
  padding: 0 0 0 2em;
}
.lower .home section.policy li {
  text-indent: -1em;
}
.lower .home section.policy li ul {
  margin: 0;
  padding: 0 0 0 1em;
}

/* 情報セキュリティ基本方針・情報セキュリティ方針群
----------------------------------------------------------------------------*/
.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: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, 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: 0.3em 0.8em 0;
  }
}

/* 当社ゲームを用いた動画・静止画投稿のガイドライン、カスタマーハラスメントに関する当社の考え方
----------------------------------------------------------------------------*/
.lower .home section.social-guideline ol,
.lower .home section.social-guideline ul,
.lower .home section.customerharassment ol,
.lower .home section.customerharassment ul {
  margin: 0 0 2em;
  padding: 0 0 0 1.5em;
}
.lower .home section.social-guideline ol.prohibition,
.lower .home section.social-guideline ul.prohibition,
.lower .home section.customerharassment ol.prohibition,
.lower .home section.customerharassment ul.prohibition {
  background: #fdfdfd;
  border-color: #cb330f;
  border-style: double;
  border-width: 3px;
  padding: 1.5em 1.5em 1.5em 2.5em;
}
.lower .home section.social-guideline ol li,
.lower .home section.social-guideline ul li,
.lower .home section.customerharassment ol li,
.lower .home section.customerharassment ul li {
  list-style-type: disc;
  list-style-position: outside;
}
.lower .home section.social-guideline p,
.lower .home section.customerharassment p {
  text-indent: 1em;
}
.lower .home section.social-guideline table,
.lower .home section.customerharassment table {
  margin: 0 0 1em;
  width: 100%;
}
.lower .home section.social-guideline table tr th,
.lower .home section.social-guideline table tr td,
.lower .home section.customerharassment table tr th,
.lower .home section.customerharassment table tr td {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  padding: 0.2em 1rem;
}
.lower .home section.social-guideline table tr th,
.lower .home section.customerharassment table tr th {
  background: #eee;
}

/* タイトル検索・検索結果
----------------------------------------------------------------------------*/
.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: 0.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.search ul.item-list li .btn-detail {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
}

.white-popup {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #000;
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.white-popup table {
  width: 100%;
}
.white-popup table tr:last-child th,
.white-popup table tr:last-child td {
  border: 0;
}
.white-popup table tr th,
.white-popup table tr td {
  font-size: 14px;
  font-size: 1.4rem;
  border-color: #ddd;
  border-style: solid;
  padding: 0.5rem;
  word-break: break-all;
}
.white-popup table tr th {
  border-width: 0 0 2px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  width: 140px;
}
.white-popup table tr td {
  border-width: 0 0 1px;
}
.white-popup .package,
.white-popup .ss {
  padding: 0 0 8px;
  text-align: center;
}
.white-popup .package img,
.white-popup .ss img {
  float: none !important;
  max-width: 200px;
  width: auto !important;
}
.white-popup .ss {
  padding: 8px;
}
.white-popup .ss img {
  max-width: 100%;
}
.white-popup .dismiss {
  margin: 0.5rem 0 0;
  text-align: center;
}
.white-popup .dismiss a {
  background: #cb330f;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 0.8rem 1rem;
}

/* タイトル検索・検索結果
----------------------------------------------------------------------------*/
.lower .home section.inquiry div.add-area {
  -moz-border-radius: 3px;
  -webkit-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.add-area2 {
  border-color: #cb330f;
  border-style: double;
  border-width: 3px;
  background: #fdfdfd;
  margin: 2em 0;
  padding: 1.5em;
}
.lower .home section.inquiry div.add-area2 p:last-child {
  margin: 0;
}
.lower .home section.inquiry div.add-area2 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 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;
}

/* インフォメーション投稿ページ（single）
----------------------------------------------------------------------------*/
.lower .home section.info h1 {
  border: 0 none;
  font-weight: bold;
  margin: 3em 0;
  padding: 0;
  text-align: center;
}
.lower .home section.info h2 {
  border: 0 none;
  font-weight: bold;
  margin: 3em 0;
  padding: 0;
  text-align: center;
}
.lower .home section.info h3 {
  font-size: 18px;
  font-size: 1.8rem;
  background: #f6f7f8;
  border-color: #ccc #ccc #ccc #e8340c;
  border-style: solid;
  border-width: 0 0px 0px 4px;
  font-weight: normal;
  line-height: 1;
  margin: 2em 0;
  padding: 0.7em;
}
.lower .home section.info p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 1em;
}
.lower .home section.info p.date {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  text-align: right;
}
.lower .home section.info p.end {
  text-align: right;
}
.lower .home section.info p.hard {
  background: #f2f2f2;
  border-radius: 1rem;
  display: inline-block;
  padding: 0 1.2rem;
}
.lower .home section.info p.notice img {
  display: inline-block;
  margin: 0;
  vertical-align: baseline;
}
.lower .home section.info img {
  display: block;
  margin: 1em auto;
}
.lower .home section.info table {
  margin: 2em auto;
}
.lower .home section.info table caption {
  text-align: center;
}
.lower .home section.info table th {
  background: #eee;
}
.lower .home section.info table th,
.lower .home section.info table td {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
}
.lower .home section.info table caption,
.lower .home section.info table th,
.lower .home section.info table td {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.3em 1em;
}
.lower .home section.info ul,
.lower .home section.info ol {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 1em 0;
  padding: 0 0 0 2em;
}
.lower .home section.info ul li {
  list-style-type: disc;
}
.lower .home section.info ol li {
  list-style-type: decimal;
}
.lower .home section.info blockquote {
  margin: 3em 0;
}

/* 404ページ（single）
----------------------------------------------------------------------------*/
.lower .home section.not-found ul,
.lower .home section.not-found ol {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 1em 0;
  padding: 0 0 0 2em;
}
.lower .home section.not-found ul li {
  list-style-type: disc;
}
.lower .home section.not-found ol li {
  list-style-type: decimal;
}

/* WordPress投稿一覧用ナビゲーション
----------------------------------------------------------------------------*/
.navigation.posts-navigation {
  margin: 1.5em;
}
.navigation.posts-navigation .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.navigation.posts-navigation .nav-links {
  display: flex;
  justify-content: center;
  padding: 0;
}
.navigation.posts-navigation .nav-links .nav-previous,
.navigation.posts-navigation .nav-links .nav-next {
  margin: 0 0.5em;
}
.navigation.posts-navigation .nav-links .nav-previous .submit,
.navigation.posts-navigation .nav-links .nav-previous .reset,
.navigation.posts-navigation .nav-links .nav-next .submit,
.navigation.posts-navigation .nav-links .nav-next .reset {
  padding: 1em 2em;
  width: auto;
}

/* アーカイブページ
----------------------------------------------------------------------------*/
.lower .home section.archive a {
  color: #000;
}
.lower .home section.archive a:hover {
  color: #cb330f;
}
.lower .home section.archive article {
  font-size: 16px;
  font-size: 1.6rem;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
  display: flex;
  flex-direction: row;
  padding: 1.6rem 0;
}
@media screen and (max-width: 769px) {
  .lower .home section.archive article {
    flex-direction: column;
  }
}
.lower .home section.archive article time {
  width: 15%;
}
@media screen and (max-width: 769px) {
  .lower .home section.archive article time {
    width: 100%;
  }
}
.lower .home section.archive article p {
  margin: 0;
  width: 85%;
}
@media screen and (max-width: 769px) {
  .lower .home section.archive article p {
    margin: 3px 0 0;
    width: 100%;
  }
}

/* サクセス自社コンテンツ 2021-6-9追加
----------------------------------------------------------------------------*/
.top .home section.success-games .contents-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 1280px;
}
.top .home section.success-games article {
  flex: 0 1 100%;
  padding: 0.8rem;
}
@media screen and (min-width: 480px) {
  .top .home section.success-games article {
    flex: 0 1 50%;
  }
}
@media screen and (min-width: 960px) {
  .top .home section.success-games article {
    flex: 0 1 33.333%;
  }
}
.top .home section.success-games article a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0;
  display: flex;
  flex-direction: column;
}
.top .home section.success-games article a:hover {
  text-decoration: none;
}
.top .home section.success-games article a:hover img {
  opacity: 0.9;
}
.top .home section.success-games article .imgbox {
  position: relative;
}
.top .home section.success-games article .imgbox img.new {
  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.success-games article .textbox {
  background: #fff;
  padding: 1.2rem;
  word-break: break-all;
}
.top .home section.success-games article .textbox h1 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
  margin: 0 0 0.8rem;
  padding: 0;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  max-height: calc(1.4 * 1 * 1em);
}
.top .home section.success-games article .textbox ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 0 0.3em;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  font-weight: 700;
}
.top .home section.success-games article .textbox ul:last-child {
  padding: 0;
}
.top .home section.success-games article .textbox ul li {
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 0 0;
  list-style: none;
  margin: 0 0.5rem 0 0;
  padding: 0 0.5rem 0 0;
}
.top .home section.success-games article .textbox ul li:last-child {
  border: 0 none;
  margin: 0;
  padding: 0;
}

/* トップページ補足情報エリア（開発実績・採用情報スライダー）2022-6-1追加
----------------------------------------------------------------------------*/
.sup {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  margin: auto;
  max-width: 1280px;
}
@media screen and (min-width: 1280px) {
  .sup {
    flex-direction: row;
  }
}
.sup #dev-achivement {
  flex: 0 1 auto;
}
.sup .recruit-bnr {
  flex: 0 1 auto;
  width: 100%;
}

/* トップページ開発実績フローティングウィンドウ 2021-11-12追加
----------------------------------------------------------------------------*/
#dev-achivement {
  background-color: #fff;
  border-color: #cb330f;
  border-style: solid;
  border-width: 1px;
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 28px auto 0;
  padding: 1rem;
}
#dev-achivement .head {
  display: flex;
}
#dev-achivement .head {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 2px;
  display: flex;
  justify-content: space-between;
}
#dev-achivement .head p {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 700;
  border-color: #cb330f;
  border-style: solid;
  border-width: 0 0 2px;
  margin: 0 0 -2px;
}
#dev-achivement .head .link {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-size: 1.4rem;
}
#dev-achivement .head .link a {
  margin: 0 0 0 1em;
}
#dev-achivement dl {
  display: flex;
  margin: 1rem 0 0;
}
#dev-achivement dl div {
  flex: 0 1 50%;
  text-align: center;
}
#dev-achivement dl div dt {
  background: #eee;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
  border-radius: 13px;
}
#dev-achivement dl div dd {
  font-size: 24px;
  font-size: 2.4rem;
  color: #cb330f;
  font-weight: 700;
}
#dev-achivement dl div dd span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  font-weight: 400;
}

/* トップページ採用情報スライダー 2022-2-15追加
----------------------------------------------------------------------------*/
.recruit-bnr {
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 28px auto 0;
  max-width: 840px;
}

/* Google AdSenseエリア 2022-6-1追加
----------------------------------------------------------------------------*/
.ad {
  text-align: center;
}
.ad ins.adsbygoogle {
  background-color: transparent !important;
}
.ad.large-big-banner {
  border-bottom: 1px solid #ddd;
}

/* トップページピックアップバナー（ゲーム塾・スライダー仕様） 2022-11-21追加
----------------------------------------------------------------------------*/
.pickup-bnr {
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 1em auto;
  max-width: 970px;
}

/* トップページ格言 2023-5-11追加
----------------------------------------------------------------------------*/
.kakugen {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.35) inset;
  margin: 2em auto;
  max-width: 970px;
  padding: 18px 100px;
  position: relative;
}
@media screen and (max-width: 970px) {
  .kakugen {
    margin: 2em 1em;
  }
}
.kakugen .title {
  font-weight: 700;
  margin: 0 0 1.5rem;
  text-align: center;
}
.kakugen .maxim {
  font-size: 21px;
  margin: 0 0 1.5rem;
  text-align: center;
}
.kakugen .translation {
  font-size: 16px;
  text-align: center;
}
.kakugen .name {
  font-size: 16px;
  text-align: right;
}
.kakugen img {
  display: block;
  position: absolute;
  bottom: 18px;
  right: 18px;
}