@charset "UTF-8";

/* node_modules/font-awesome/css/font-awesome.css */
@font-face {
  font-family: "FontAwesome";
  src: url("/assets/fontawesome-webfont-FMJ3VJ65-d0637abe.eot?v=4.7.0");
  src:
    url("/assets/fontawesome-webfont-FMJ3VJ65-d0637abe.eot?#iefix&v=4.7.0") format("embedded-opentype"),
    url("/assets/fontawesome-webfont-5GKVPAEF-7f818006.woff2?v=4.7.0") format("woff2"),
    url("/assets/fontawesome-webfont-Z4ARLA73-6a37bad8.woff?v=4.7.0") format("woff"),
    url("/assets/fontawesome-webfont-RJ6LE7IU-3ddfde46.ttf?v=4.7.0") format("truetype"),
    url("/assets/fontawesome-webfont-3KIJVIEY-84df5b69.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* app/frontend/stylesheets/common.scss */
body {
  font-family:
    "\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3",
    "Hiragino Kaku Gothic Pro",
    "\30e1\30a4\30ea\30aa",
    Meiryo,
    "\ff2d\ff33  \ff30\30b4\30b7\30c3\30af",
    Osaka,
    sans-serif,
    FontAwesome;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 80%;
  line-height: 1.5;
  color: #0D0D0D;
  width: 100%;
}
@media only screen and (min-width: 601px) {
  body {
    min-width: 1050px;
  }
}
@media only screen and (max-width: 600px) {
  body {
    font-size: 80%;
  }
}
html,
a,
form,
area,
div,
table,
dl,
dt,
dd,
ul,
ol,
li,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
  padding: 0px;
  border: none;
  font-size: 100%;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
}
button {
  border: none;
  cursor: pointer;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table th,
table td {
  font-size: 100%;
  text-align: left;
  vertical-align: top;
}
ul li,
ol li {
  list-style-position: outside;
}
ol.basicOl li {
  list-style: decimal;
  list-style-position: inside;
}
ul,
li {
  list-style: none;
}
a {
  color: #1A56AD;
  text-decoration: underline;
  outline: none;
}
a:hover,
a:focus {
  color: #1264C6;
  text-decoration: none;
}
.caseTitle a:visited,
.spotPlanDateTime a:visited {
  color: #631AAD;
}
hr {
  border: 1px solid #CCCCCC;
}
@media only screen and (max-width: 600px) {
  img {
    max-width: 100%;
    height: auto;
  }
}
.alC {
  text-align: center !important;
}
.alL {
  text-align: left !important;
}
.alR {
  text-align: right !important;
}
.flL {
  float: left !important;
}
.flR {
  float: right !important;
}
.displayBlock {
  display: block;
}
.forSP {
  display: none !important;
}
@media only screen and (max-width: 600px) {
  .forSP {
    display: block !important;
  }
}
@media only screen and (max-width: 600px) {
  .forPC {
    display: none !important;
  }
}
.mgC {
  margin-left: auto;
  margin-right: auto;
}
.mgT5 {
  margin-top: 5px !important;
}
.mgT10 {
  margin-top: 10px !important;
}
.mgT15 {
  margin-top: 15px !important;
}
.mgT20 {
  margin-top: 20px !important;
}
.mgT25 {
  margin-top: 25px !important;
}
.mgT30 {
  margin-top: 30px !important;
}
.mgT35 {
  margin-top: 35px !important;
}
.mgT40 {
  margin-top: 40px !important;
}
.mgT45 {
  margin-top: 45px !important;
}
.mgT50 {
  margin-top: 50px !important;
}
.mgB5 {
  margin-bottom: 5px !important;
}
.mgB10 {
  margin-bottom: 10px !important;
}
.mgB15 {
  margin-bottom: 15px !important;
}
.mgB20 {
  margin-bottom: 20px !important;
}
.mgB25 {
  margin-bottom: 25px !important;
}
.mgB30 {
  margin-bottom: 30px !important;
}
.mgB35 {
  margin-bottom: 35px !important;
}
.mgB40 {
  margin-bottom: 40px !important;
}
.mgB45 {
  margin-bottom: 45px !important;
}
.mgB50 {
  margin-bottom: 50px !important;
}
.mgL5 {
  margin-left: 5px !important;
}
.mgL10 {
  margin-left: 10px !important;
}
.mgL15 {
  margin-left: 15px !important;
}
.mgL20 {
  margin-left: 20px !important;
}
.mgR10 {
  margin-right: 10px !important;
}
.mgR20 {
  margin-right: 20px !important;
}
.pdT5 {
  padding-top: 5px !important;
}
.pdT10 {
  padding-top: 10px !important;
}
.pdT15 {
  padding-top: 15px !important;
}
.pdT20 {
  padding-top: 20px !important;
}
.pdT25 {
  padding-top: 25px !important;
}
.pdT30 {
  padding-top: 30px !important;
}
.pdB5 {
  padding-bottom: 5px !important;
}
.pdB10 {
  padding-bottom: 10px !important;
}
.pdB15 {
  padding-bottom: 15px !important;
}
.pdB20 {
  padding-bottom: 20px !important;
}
.pdB25 {
  padding-bottom: 25px !important;
}
.pdB30 {
  padding-bottom: 30px !important;
}
.noWrap {
  white-space: nowrap;
}
@media only screen and (max-width: 600px) {
  .displayBlockSp {
    display: block;
  }
  .tableWrapperForSp table {
    border: none !important;
  }
  .tableWrapperForSp table thead {
    display: none;
  }
  .tableWrapperForSp table tr {
    display: block;
    border-top: 3px solid #CCCCCC !important;
  }
  .tableWrapperForSp table td {
    clear: both;
    display: block;
    padding: 5px !important;
    border: none !important;
    border-bottom: 1px dotted #CCCCCC !important;
    border: none !important;
    border-bottom: 1px dotted #CCCCCC !important;
  }
  .tableWrapperForSp table td::before {
    content: attr(aria-label);
    float: left;
    width: 6em;
    font-weight: bold;
  }
}
.alertDanger,
.alertWarning,
.alertInfo,
.alertSuccess {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 15px 0;
  padding: 15px;
}
@media only screen and (max-width: 600px) {
  .alertDanger,
  .alertWarning,
  .alertInfo,
  .alertSuccess {
    padding: 10px;
  }
}
@media only screen and (min-width: 601px) {
  .alertDanger,
  .alertWarning,
  .alertInfo,
  .alertSuccess {
    padding: 20px;
  }
}
.alertDanger > p:last-child,
.alertWarning > p:last-child,
.alertInfo > p:last-child,
.alertSuccess > p:last-child {
  margin-bottom: 0;
}
.alertSuccess {
  background-color: #E0F3E7;
  color: #007E00;
}
.alertInfo {
  color: #0A4FCF;
  background-color: #CFDCF6;
}
.alertWarning {
  color: #333333;
  background-color: #FCF8E3;
}
.alertDanger {
  background-color: #F8E8E9;
  color: #E02300;
}
.fs80per {
  font-size: 80% !important;
}
.fs90per {
  font-size: 90% !important;
}
.fs100per {
  font-size: 100% !important;
}
.fs110per {
  font-size: 110% !important;
}
.fs120per {
  font-size: 120% !important;
}
.fs130per {
  font-size: 130% !important;
}
.fs140per {
  font-size: 140% !important;
}
.fs150per {
  font-size: 150% !important;
}
.fs160per {
  font-size: 160% !important;
}
.fs170per {
  font-size: 170% !important;
}
.fs180per {
  font-size: 180% !important;
}
.fs190per {
  font-size: 190% !important;
}
.fs200per {
  font-size: 200% !important;
}
.fwN {
  font-weight: normal !important;
}
.fwB {
  font-weight: bold !important;
}
.textError {
  font-weight: bold;
  color: #E02300;
}
.textCaution {
  color: #E02300;
}
.colorRed {
  color: #BA1B21 !important;
}
.colorPink {
  color: #FF00FF !important;
}
.colorBlue {
  color: #094191 !important;
}
.colorBlue02 {
  color: #2E7EE0 !important;
}
.alpha:hover {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.rollover:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.title {
  height: 45px;
  line-height: 45px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 140%;
  padding-left: 10px;
}
@media only screen and (max-width: 600px) {
  .title {
    height: 35px;
    line-height: 35px;
    font-size: 120%;
    margin-bottom: 10px !important;
  }
}
.title {
  background: #EBE4D0;
  background: -moz-linear-gradient(left, #EBE4D0 0%, #E3D7B5 100%);
  background: -webkit-linear-gradient(left, #EBE4D0 0%, #E3D7B5 100%);
  background:
    linear-gradient(
      to right,
      #EBE4D0 0%,
      #E3D7B5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEBE4D0", endColorstr="#FFE3D7B5", GradientType=1);
}
.titleSpot {
  height: 45px;
  line-height: 45px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 140%;
  padding-left: 10px;
}
@media only screen and (max-width: 600px) {
  .titleSpot {
    height: 35px;
    line-height: 35px;
    font-size: 120%;
    margin-bottom: 10px !important;
  }
}
.titleSpot {
  background: #FFF5E6;
  background: -moz-linear-gradient(left, #FFF5E6 0%, #FFE0B4 100%);
  background: -webkit-linear-gradient(left, #FFF5E6 0%, #FFE0B4 100%);
  background:
    linear-gradient(
      to right,
      #FFF5E6 0%,
      #FFE0B4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFF5E6", endColorstr="#FFFFE0B4", GradientType=1);
}
.titleOncall {
  height: 45px;
  line-height: 45px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 140%;
  padding-left: 10px;
}
@media only screen and (max-width: 600px) {
  .titleOncall {
    height: 35px;
    line-height: 35px;
    font-size: 120%;
    margin-bottom: 10px !important;
  }
}
.titleOncall {
  background: #E5F2FA;
  background: -moz-linear-gradient(left, #E5F2FA 0%, #C2E5F8 100%);
  background: -webkit-linear-gradient(left, #E5F2FA 0%, #C2E5F8 100%);
  background:
    linear-gradient(
      to right,
      #E5F2FA 0%,
      #C2E5F8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFE5F2FA", endColorstr="#FFC2E5F8", GradientType=1);
}
.titleWeekToThreeDays {
  height: 45px;
  line-height: 45px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 140%;
  padding-left: 10px;
}
@media only screen and (max-width: 600px) {
  .titleWeekToThreeDays {
    height: 35px;
    line-height: 35px;
    font-size: 120%;
    margin-bottom: 10px !important;
  }
}
.titleWeekToThreeDays {
  background: #EDF0FF;
  background: -moz-linear-gradient(left, #EDF0FF 0%, #D8DFFF 100%);
  background: -webkit-linear-gradient(left, #EDF0FF 0%, #D8DFFF 100%);
  background:
    linear-gradient(
      to right,
      #EDF0FF 0%,
      #D8DFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEDF0FF", endColorstr="#FFD8DFFF", GradientType=1);
}
.titlePartTime {
  height: 45px;
  line-height: 45px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 140%;
  padding-left: 10px;
}
@media only screen and (max-width: 600px) {
  .titlePartTime {
    height: 35px;
    line-height: 35px;
    font-size: 120%;
    margin-bottom: 10px !important;
  }
}
.titlePartTime {
  background: #F3F9E9;
  background: -moz-linear-gradient(left, #F3F9E9 0%, #DAF0AD 100%);
  background: -webkit-linear-gradient(left, #F3F9E9 0%, #DAF0AD 100%);
  background:
    linear-gradient(
      to right,
      #F3F9E9 0%,
      #DAF0AD 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF3F9E9", endColorstr="#FFDAF0AD", GradientType=1);
}
.titleFullTime {
  height: 45px;
  line-height: 45px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 140%;
  padding-left: 10px;
}
@media only screen and (max-width: 600px) {
  .titleFullTime {
    height: 35px;
    line-height: 35px;
    font-size: 120%;
    margin-bottom: 10px !important;
  }
}
.titleFullTime {
  background: #EDF0FF;
  background: -moz-linear-gradient(left, #EDF0FF 0%, #D8DFFF 100%);
  background: -webkit-linear-gradient(left, #EDF0FF 0%, #D8DFFF 100%);
  background:
    linear-gradient(
      to right,
      #EDF0FF 0%,
      #D8DFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEDF0FF", endColorstr="#FFD8DFFF", GradientType=1);
}
.titleExpress {
  height: 45px;
  line-height: 45px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 140%;
  padding-left: 10px;
}
@media only screen and (max-width: 600px) {
  .titleExpress {
    height: 35px;
    line-height: 35px;
    font-size: 120%;
    margin-bottom: 10px !important;
  }
}
.titleExpress {
  background: #FFF9D5;
  background: -moz-linear-gradient(left, #FFF9D5 0%, #FFF1A6 100%);
  background: -webkit-linear-gradient(left, #FFF9D5 0%, #FFF1A6 100%);
  background:
    linear-gradient(
      to right,
      #FFF9D5 0%,
      #FFF1A6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFF9D5", endColorstr="#FFFFF1A6", GradientType=1);
}
.subTitle {
  border-left: 3px solid #2D1606;
  padding-left: 8px;
  font-size: 130%;
  margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .subTitle {
    font-size: 110%;
    margin-bottom: 10px;
  }
}
.subTitle02 {
  margin-bottom: 10px;
  font-size: 110%;
  height: auto !important;
  line-height: normal !important;
  text-indent: 15px !important;
  color: #2D1606 !important;
}
.subTitle02::before {
  content: "\f054";
  padding-right: 5px;
}
.sectionS {
  margin-bottom: 10px;
}
.section {
  margin-bottom: 30px;
}
.sectionL {
  margin-bottom: 50px;
}
.attGrayNoBorder {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 15px 0;
  padding: 15px;
  background-color: #DCDCDC;
  color: #000000;
}
.border {
  border: 2px solid #666666;
  padding: 15px 20px;
}
.borderDot {
  border: 1px dotted #666666;
  padding: 15px 20px;
  margin-bottom: 15px;
}
.borderDot02 {
  border: 1px dotted #666666;
  padding: 5px 10px;
  margin-top: 10px;
}
.borderDotBlue {
  color: #0A4FCF;
  padding: 10px;
  border: 1px dotted #0A4FCF;
  margin: 5px 0px;
}
.borderDotBottomBlue {
  border-bottom: 1px dotted #0A4FCF;
  line-height: 1.8em;
}
.buttons {
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 601px) {
  .buttons input,
  .buttons button,
  .buttons a {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .buttons input,
  .buttons button,
  .buttons a {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 8px;
  }
}
.textNotice {
  font-size: 90%;
}
.textNoticeGray {
  font-size: 90%;
  color: #4D4D4D;
}
.textNoticeBlue {
  color: #05BEF6;
}
.hintBox {
  margin-left: 10px;
}
span.required {
  margin-left: 5px;
  font-size: 75%;
  color: #FFFFFF;
  background-color: #878787;
  padding: 3px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
span.requiredRed {
  color: red;
  margin-right: 5px;
  font-weight: bold;
}
.textLink::before,
#UserGuide ul li a::before {
  content: "\f138";
  font-size: 110%;
  padding-right: 5px;
  display: inline-block;
  text-decoration: none;
  color: #2D1606;
}
.ulBasic li {
  margin-bottom: 8px;
}
.tableBasic {
  border-top: 1px dotted #CCCCCC;
  background-color: #FFFFFF;
  margin-bottom: 20px;
}
.tableBasic th,
.tableBasic td {
  color: #333333;
}
.tableBasic th {
  background-color: #F1F0EF;
  border-bottom: 1px dotted #CCCCCC;
  padding: 10px;
  font-size: 12px;
  vertical-align: top;
  text-align: left;
  white-space: normal;
  min-width: 5em;
}
.tableBasic td {
  border-bottom: 1px dotted #CCCCCC;
  padding: 10px;
  font-size: 12px;
  vertical-align: top;
  text-align: left;
}
.tableBasic span.notice {
  color: #CC3300;
  font-weight: bold;
}
#SpotJob .tableBasic th {
  background-color: #FFF5E6;
}
#OnCallJob .tableBasic th {
  background-color: #E5F2FA;
}
#WeekToThreeDaysJob .tableBasic th {
  background-color: #EDF0FF;
}
#PartTimeJob .tableBasic th {
  background-color: #F3F9E9;
}
#FullTimeJob .tableBasic th {
  background-color: #EDF0FF;
}
#DrExpressJob .tableBasic th {
  background-color: #FFFBDC;
}
.tableBasic02,
.contentTableForMyPage {
  border-left: 1px solid #C9CACA;
  margin-bottom: 10px;
}
.tableBasic02 thead th,
.contentTableForMyPage thead th {
  background-color: #574538;
  color: #FFFFFF;
  text-align: center;
  border-right: 1px solid #808080;
}
.tableBasic02 thead th span,
.contentTableForMyPage thead th span {
  font-weight: normal;
  font-size: 90%;
}
.tableBasic02 th,
.contentTableForMyPage th,
.tableBasic02 td,
.contentTableForMyPage td {
  font-size: 95%;
  padding: 10px;
  vertical-align: top;
  border-bottom: 1px #C9CACA solid;
  text-align: left;
  border-right: 1px solid #C9CACA;
}
.tableBasic02 input,
.contentTableForMyPage input {
  margin-right: 0 !important;
}
.tableBasic02 input.textS,
.contentTableForMyPage input.textS {
  width: 70px !important;
}
.tableCalendar {
  margin: 0 auto 30px;
}
.tableCalendar th,
.tableCalendar td {
  border: 1px solid #CCCCCC;
  text-align: center;
}
.tableCalendar th {
  background-color: #E6E6E6;
  padding: 5px 8px;
}
.tableCalendar tbody td {
  width: 39px;
  height: 34px;
  line-height: 34px;
}
.formTable {
  margin-left: auto;
  margin-right: auto;
}
.formTable tbody th,
.formTable td {
  vertical-align: top;
  padding-bottom: 5px;
  background-color: #FFFFFF;
  color: #333333;
}
.formTable tbody th {
  text-align: right;
  padding-top: 0px;
  padding-right: 13px;
}
.formTable td img,
.formTable td input,
.formTable td select,
.formTable td span {
  margin-right: 5px;
}
.formTable td p {
  margin-bottom: 5px;
}
.formTable td span.text input {
  width: 400px;
  height: 25px;
  border: 1px solid #B2B2B2;
  margin-bottom: 5px;
}
.formTable td input.text {
  width: 400px;
  height: 25px;
  border: 1px solid #B2B2B2;
  margin-bottom: 5px;
}
.formTable select,
.formTable span.textSS input,
.formTable input.textSS,
.formTable span.textS input,
.formTable input.textS,
.formTable span.textSM input,
.formTable input.textSM,
.formTable span.textM input,
.formTable input.textM,
.formTable span.textL input,
.formTable input.textL,
.formTable span.textMM input,
.formTable input.textMM,
.formTable span.textTelkibo input,
.formTable input.textTelkibo {
  height: 25px;
  border: 1px solid #B2B2B2;
  margin-bottom: 5px;
}
.formTable td span.textSS input,
.formTable td input.textSS {
  width: 50px;
}
.formTable td span.textS input,
.formTable td input.textS {
  width: 100px;
}
.formTable td span.textSM input,
.formTable td input.textSM {
  width: 130px;
}
.formTable td span.textMM input,
.formTable td input.textMM {
  width: 160px;
}
.formTable td span.textM input,
.formTable td input.textM {
  width: 200px;
}
.formTable td span.textL input,
.formTable td input.textL {
  width: 400px;
}
.formTable td span.textTelkibo input,
.formTable td input.textTelkibo {
  width: 150px;
}
.formTable td span.selectM select {
  width: 50px;
}
.formTable td textarea {
  width: 400px;
  border: 1px solid #B2B2B2;
}
.formTable td .formNotice {
  color: #333333;
  margin-top: 5px;
}
.formTable td .formNotice02 {
  color: #595757;
  font-size: 90%;
  margin-top: 5px;
}
.formTable td .formNotice03 {
  color: #2E7EE0;
  font-size: 95%;
  margin-top: 5px;
}
.formTable .comments {
  color: #999999;
  font-size: 90%;
}
.formTable .example {
  color: #999999;
  font-size: 90%;
}
@media only screen and (max-width: 600px) {
  .formTable {
    margin: 0;
    max-width: 100%;
  }
  .formTable .formTitle {
    margin-bottom: 0px;
  }
  .formTable tbody th {
    text-align: left;
    padding: 5px 0px 3px 2px;
  }
  .formTable tbody th::before {
    content: "\f0c8";
    padding-right: 5px;
  }
  .formTable tbody td {
    padding-bottom: 8px;
  }
  .formTable th,
  .formTable td {
    width: 100%;
    display: block;
  }
  .formTable td span.text input,
  .formTable td input.text {
    width: 90%;
  }
  .formTable td span.textSS input,
  .formTable td input.textSS {
    width: 15%;
  }
  .formTable td span.textS input,
  .formTable td input.textS {
    width: 25%;
  }
  .formTable td span.textSM input,
  .formTable td input.textSM {
    width: 30%;
  }
  .formTable td span.textMM input,
  .formTable td input.textMM {
    width: 50%;
  }
  .formTable td span.textM input,
  .formTable td input.textM {
    width: 70%;
  }
  .formTable td span.textL input,
  .formTable td input.textL,
  .formTable td textarea {
    width: 90%;
  }
}
.formItem .formTitle,
.formItem .formContent {
  vertical-align: top;
  padding-bottom: 5px;
  background-color: #FFFFFF;
  color: #333333;
}
.formItem .formTitle {
  font-weight: bold;
  text-align: right;
  padding-top: 0px;
  padding-right: 13px;
}
.formItem .formContent img,
.formItem .formContent input,
.formItem .formContent select,
.formItem .formContent span {
  margin-right: 5px;
}
.formItem .formContent p {
  margin-bottom: 5px;
}
.formItem .formContent textarea {
  width: 400px;
  border: 1px solid #B2B2B2;
}
@media only screen and (min-width: 601px) {
  .formItem {
    -js-display: flex;
    display: flex;
    justify-content: center;
  }
  .formItem .formTitle,
  .formItem .formContent {
    margin: 5px;
    padding: 0;
  }
  .formItem .formTitle {
    width: 25%;
  }
  .formItem .formContent {
    width: 70%;
  }
}
@media only screen and (max-width: 600px) {
  .formItem .formTitle {
    text-align: left;
  }
}
.btnSubmit,
.btnBasicSmall,
.btnBasic,
.btnAddCase,
.btnGoToConfirm,
.btnEdit,
.btnSave {
  background-color: #F4F3F3;
  border: 1px solid #B2B2B2;
  color: #333333;
}
.btnSubmit:hover,
.btnBasicSmall:hover,
.btnBasic:hover,
.btnAddCase:hover,
.btnGoToConfirm:hover,
.btnEdit:hover,
.btnSave:hover,
.btnSubmit:focus,
.btnBasicSmall:focus,
.btnBasic:focus,
.btnAddCase:focus,
.btnGoToConfirm:focus,
.btnEdit:focus,
.btnSave:focus {
  color: #333333;
}
.btnBasic,
.btnAddCase,
.btnGoToConfirm,
.btnEdit,
.btnSave {
  font-family: fontAwesome;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 12px;
  min-width: 120px;
  font-size: 120%;
}
.btnBasic:hover,
.btnAddCase:hover,
.btnGoToConfirm:hover,
.btnEdit:hover,
.btnSave:hover,
.btnBasic:focus,
.btnAddCase:focus,
.btnGoToConfirm:focus,
.btnEdit:focus,
.btnSave:focus {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btnBasicSmall {
  font-family: fontAwesome;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 6px 8px;
  font-size: 95%;
  white-space: nowrap;
}
.btnBasicSmall:hover,
.btnBasicSmall:focus {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.greenBtnBasic {
  font-family: fontAwesome;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 12px;
  min-width: 120px;
  font-size: 120%;
}
.greenBtnBasic:hover,
.greenBtnBasic:focus {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.greenBtnBasic {
  color: white;
  font-size: 120%;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #197B0C;
  background-color: #239514;
}
.greenBtnBasic:hover,
.greenBtnBasic:focus {
  opacity: 0.8;
  color: white;
}
.btnLink {
  font-family: fontAwesome;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 12px;
  min-width: 120px;
  font-size: 120%;
}
.btnLink:hover,
.btnLink:focus {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btnLink {
  background-color: #2D1606;
  color: #FFFFFF;
  padding: 20px 20px;
  font-size: 110%;
}
.btnLink:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  color: #FFFFFF;
}
.btnSubmit {
  font-family: fontAwesome;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 12px;
  min-width: 120px;
  font-size: 120%;
}
.btnSubmit:hover,
.btnSubmit:focus {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btnSubmit::after {
  content: "\f061";
  padding-left: 5px;
}
.btnSave::after {
  content: "\f061";
  padding-left: 5px;
}
.btnEdit::after {
  content: "\f044";
  padding-left: 5px;
}
.btnAddCase::after {
  content: "\f067";
  padding-left: 5px;
}
.description {
  font-size: 105%;
  line-height: 1.7;
}
#calid1 {
  width: 210px !important;
}
#calid1 table td {
  padding: 8px 0 !important;
  vertical-align: middle !important;
}
#calid1 table td#__calid1_btn_prev,
#calid1 table td#__calid1_btn_next {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
#calid1 table td {
}
#calid1 table {
}
.jobsAllLabelCancel,
.jobsAllLabelEntryTimeNegotiate,
.jobsAllLabelDone,
.jobsAllLabelOtherDoctorDecided {
  display: block;
  padding: 4px 6px;
  font-weight: bold;
  margin-bottom: 6px;
}
@media only screen and (max-width: 600px) {
  .jobsAllLabelCancel,
  .jobsAllLabelEntryTimeNegotiate,
  .jobsAllLabelDone,
  .jobsAllLabelOtherDoctorDecided {
    text-align: left;
    width: 10em;
  }
}
@media only screen and (min-width: 601px) {
  .jobsAllLabelCancel,
  .jobsAllLabelEntryTimeNegotiate,
  .jobsAllLabelDone,
  .jobsAllLabelOtherDoctorDecided {
    text-align: center;
  }
}
.jobsAllLabelEntryTimeNegotiate,
.jobsAllLabelDone,
.jobsAllLabelOtherDoctorDecided {
  border-style: dotted;
  border-width: 1px;
}
.jobsAllLabelOtherDoctorDecided {
  color: #333333;
  border-color: #333333;
}
.jobsAllLabelDone {
  color: #23548E;
  border-color: #23548E;
}
.jobsAllLabelEntryTimeNegotiate {
  color: #6F8A46;
  border-color: #6F8A46;
}
.jobsAllLabelApprovalRequired {
  color: #C60909;
  border-color: #C60909;
}
.jobsAllLabelCancel {
  color: #E02300;
  border-color: #E02300;
  font-size: 90%;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
#Header {
  background: #FFFFFF url("/assets/bg_navi-THAKGDEO-2a7b8016.gif") repeat-x center bottom;
  border-bottom: 7px solid #2D1606;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #Header {
    border-bottom: none;
    background: none;
    background-color: #FFFFFF;
    height: auto;
  }
}
body.doctor #Header,
body.medical #Header {
  background: #FFFFFF;
  height: 64px;
}
@media only screen and (max-width: 600px) {
  body.doctor #Header,
  body.medical #Header {
    height: auto;
  }
}
#HeaderInner {
  width: 990px;
  height: 64px;
  margin: 0 auto;
  text-align: left;
}
@media only screen and (max-width: 600px) {
  #HeaderInner {
    width: 100%;
    height: auto;
  }
}
#HeaderInner #HeaderLogo {
  float: left;
  position: relative;
  z-index: 999;
  display: inline;
  margin-right: 15px;
  margin-top: 8px;
}
@media only screen and (max-width: 600px) {
  #HeaderInner #HeaderLogo {
    display: block;
    margin-right: 0px;
    margin-top: 0px;
  }
}
#HeaderInner #HeaderLogo a {
  display: block;
  background: none;
}
@media only screen and (max-width: 600px) {
  #HeaderInner #HeaderLogo a {
    background: url("/assets/logo_sp-GNOI7TV5-b7713d13.png") no-repeat left top;
    background-size: 100% 100%;
    width: 118px;
    height: 32px;
  }
}
#HeaderInner #HeaderLogo a img {
  display: block;
}
@media only screen and (max-width: 600px) {
  #HeaderInner #HeaderLogo a img {
    display: none;
  }
}
#HeaderLead {
  float: left;
  line-height: 64px;
}
@media only screen and (max-width: 600px) {
  #HeaderLead {
    line-height: 1.5;
    height: auto;
    font-size: 60%;
    text-align: left;
  }
}
@media only screen and (max-width: 350px) {
  #HeaderLead p {
    padding-top: 5px;
  }
}
@media only screen and (min-width: 351px) and (max-width: 600px) {
  #HeaderLead p {
    padding-top: 10px;
  }
}
body.doctor #HeaderLead,
body.medical #HeaderLead {
  display: none;
}
#HeaderNavGlobal {
  position: relative;
  z-index: 998;
  width: 990px;
  height: 55px;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  #HeaderNavGlobal {
    width: 100%;
    height: auto;
  }
}
#HeaderNavGlobal li {
  width: 141px;
  float: left;
}
@media only screen and (max-width: 600px) {
  #HeaderNavGlobal li {
    font-size: 80%;
    background: url("/assets/bg_navi-THAKGDEO-2a7b8016.gif") repeat-x left top;
    width: 25%;
  }
}
@media only screen and (max-width: 600px) {
  #HeaderNavGlobal li.spots small,
  #HeaderNavGlobal li.onCallJobs small,
  #HeaderNavGlobal li.weekToThreeDaysJobs small,
  #HeaderNavGlobal li.partTimeJobs small,
  #HeaderNavGlobal li.fullTimeJobs small {
    display: none;
  }
}
#HeaderNavGlobal li.forMedical span,
#HeaderNavGlobal li.registrations span {
  height: 30px;
  padding-top: 5px;
}
@media only screen and (max-width: 600px) {
  #HeaderNavGlobal li.forMedical span,
  #HeaderNavGlobal li.registrations span {
    height: 24px;
    padding-top: 6px;
  }
}
#HeaderNavGlobal li.forMedical small,
#HeaderNavGlobal li.registrations small {
  display: block;
  font-size: 75%;
}
#HeaderNavGlobal {
}
#HeaderNavGlobal a {
  display: block;
  height: 55px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.4;
  font-size: 105%;
}
#HeaderNavGlobal a:hover {
  color: #FFFFFF !important;
}
#HeaderNavGlobal a::after {
  content: "\f0d7";
}
@media only screen and (max-width: 600px) {
  #HeaderNavGlobal a {
    font-size: 110%;
    border-width: 5px;
    border-bottom-style: solid;
    height: 45px;
  }
}
#HeaderNavGlobal span {
  display: block;
  height: 18px;
  padding-top: 15px;
}
@media only screen and (max-width: 600px) {
  #HeaderNavGlobal span {
    height: 18px;
    padding-top: 12px;
  }
}
#HeaderNavGlobal small {
  font-size: 100%;
}
body.doctor #HeaderNavGlobal,
body.medical #HeaderNavGlobal {
  margin-top: -55px;
}
@media only screen and (max-width: 600px) {
  body.doctor #HeaderNavGlobal,
  body.medical #HeaderNavGlobal {
    margin-top: 10px;
  }
}
body.doctor #HeaderNavGlobal ul,
body.medical #HeaderNavGlobal ul {
  margin-left: 183px;
}
@media only screen and (max-width: 600px) {
  body.doctor #HeaderNavGlobal ul,
  body.medical #HeaderNavGlobal ul {
    margin-left: 0px;
    width: 100%;
  }
}
body.doctor #HeaderNavGlobal li,
body.medical #HeaderNavGlobal li {
  width: 111px;
}
@media only screen and (max-width: 600px) {
  body.doctor #HeaderNavGlobal li,
  body.medical #HeaderNavGlobal li {
    width: 25%;
  }
}
body.doctor #HeaderNavGlobal li.inq,
body.medical #HeaderNavGlobal li.inq {
  display: block;
}
@media only screen and (max-width: 600px) {
  body.doctor #HeaderNavGlobal li.inq,
  body.medical #HeaderNavGlobal li.inq {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  body.doctor #HeaderNavGlobal a,
  body.medical #HeaderNavGlobal a {
    height: 35px;
  }
}
@media only screen and (max-width: 600px) {
  body.doctor #HeaderNavGlobal span,
  body.medical #HeaderNavGlobal span {
    height: 12px;
    padding-top: 6px;
  }
}
#HeaderNavGlobal li.spots a {
  border-bottom-color: #FF9805;
}
#HeaderNavGlobal li.onCallJobs a {
  border-bottom-color: #0082CA;
}
#HeaderNavGlobal li.weekToThreeDaysJobs a {
  border-bottom-color: #343399;
}
#HeaderNavGlobal li.partTimeJobs a {
  border-bottom-color: #8BC120;
}
#HeaderNavGlobal li.fullTimeJobs a {
  border-bottom-color: #009FE8;
}
#HeaderNavGlobal li.inq a,
#HeaderNavGlobal li.registrations a,
#HeaderNavGlobal li.forMedical a,
#HeaderNavGlobal li.mypage a,
#HeaderNavGlobal li.login a,
#HeaderNavGlobal li.logout a {
  border-bottom-color: #2D1606;
}
#HeaderNavGlobal li.spot a {
  color: #FF9805;
}
#HeaderNavGlobal li.spot a:hover {
  background-color: #FF9805;
}
#HeaderNavGlobal li.weekToThreeDaysJobs a {
  color: #343399;
}
#HeaderNavGlobal li.weekToThreeDaysJobs a:hover {
  background-color: #343399;
}
#HeaderNavGlobal li.onCallJobs a {
  color: #0082CA;
}
#HeaderNavGlobal li.onCallJobs a:hover {
  background-color: #0082CA;
}
#HeaderNavGlobal li.partTimeJobs a {
  color: #8BC120;
}
#HeaderNavGlobal li.partTimeJobs a:hover {
  background-color: #8BC120;
}
#HeaderNavGlobal li.fullTimeJobs a {
  color: #009FE8;
}
#HeaderNavGlobal li.fullTimeJobs a:hover {
  background-color: #009FE8;
}
#HeaderNavGlobal li.registrations a {
  color: #FAF000;
  background-color: #2D1606;
}
#HeaderNavGlobal li.registrations a:hover {
  background-color: #2D1606;
}
#HeaderNavGlobal li.registrations a small {
  color: #FFFFFF;
}
#HeaderNavGlobal li.inq a,
#HeaderNavGlobal li.forMedical a,
#HeaderNavGlobal li.mypage a,
#HeaderNavGlobal li.login a,
#HeaderNavGlobal li.logout a {
  color: #2D1606;
}
#HeaderNavGlobal li.inq a:hover,
#HeaderNavGlobal li.forMedical a:hover,
#HeaderNavGlobal li.mypage a:hover,
#HeaderNavGlobal li.login a:hover,
#HeaderNavGlobal li.logout a:hover {
  background-color: #2D1606;
}
@media only screen and (max-width: 600px) {
  body.medical #HeaderNavGlobal {
    display: none;
  }
}
#HeaderNavSub {
  margin: -46px auto 0 auto;
  width: 990px;
}
@media only screen and (max-width: 600px) {
  #HeaderNavSub {
    margin: 0;
    width: auto;
    background-color: #2D1606;
    position: absolute;
    top: 0px;
    right: 40px;
  }
}
#HeaderNavSub ul {
  float: right;
  position: relative;
  z-index: 999;
  width: 225px;
}
@media only screen and (max-width: 600px) {
  #HeaderNavSub ul {
    width: 100%;
  }
}
#HeaderNavSub ul li {
  float: left;
}
#HeaderNavSub ul li a {
  display: block;
  height: 32px;
  color: #FFFFFF;
  background-color: #2D1606;
  line-height: 32px;
  text-align: center;
  font-size: 95%;
  font-weight: bold;
  text-decoration: none;
}
#HeaderNavSub ul li a:hover {
  background-color: #574538;
}
#HeaderNavSub ul li.myPage {
  width: 82px;
}
@media only screen and (max-width: 600px) {
  #HeaderNavSub ul li.myPage {
    width: 7em;
  }
}
#HeaderNavSub ul li.myPage a {
  border-right: 1px solid #FFFFFF;
}
#HeaderNavSub ul li.unRead {
  width: 141px;
}
@media only screen and (max-width: 600px) {
  #HeaderNavSub ul li.unRead {
    width: 4em;
  }
}
@media only screen and (max-width: 600px) {
  #HeaderNavSub ul li.unRead .unReadMessageElementText {
    display: none;
  }
}
#HeaderNavSub ul li.unRead .unReadMessageCount {
  color: #FF0000;
}
#HeaderNavSub ul li i {
  padding-left: 4px;
  padding-right: 4px;
}
#Main {
  padding: 24px 0px 40px;
  background-color: #F4F3F3;
}
@media only screen and (max-width: 600px) {
  #Main {
    padding: 10px 2%;
    background-color: #FFFFFF;
  }
}
#MainInner {
  width: 990px;
  margin: 0 auto;
  text-align: left;
}
@media only screen and (max-width: 600px) {
  #MainInner {
    width: 100%;
  }
}
#Content {
  width: 740px;
  float: left;
  display: inline;
}
@media only screen and (max-width: 600px) {
  #Content {
    width: 100%;
    overflow: hidden;
  }
}
#Content h2 {
  margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  #Content h2 {
    margin-bottom: 0px;
  }
}
#Dashboard {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-style: solid;
  border-width: 7px;
  border-color: #2D1606;
  padding: 18px 18px 25px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 600px) {
  #Dashboard {
    border: none;
    padding: 0;
  }
}
#Dashboard {
  padding: 18px;
  margin-bottom: 20px;
}
#Dashboard .title {
  margin-bottom: 15px !important;
}
@media only screen and (max-width: 600px) {
  #Dashboard .title {
    margin-bottom: 10px !important;
  }
}
#Dashboard .date {
  width: 100px;
  float: left;
  color: #666666;
}
@media only screen and (max-width: 600px) {
  #Dashboard .date {
    width: auto;
    float: none;
  }
}
#DashboardInformation ul {
  margin-bottom: 10px;
}
#DashboardInformation ul li {
  margin-bottom: 6px;
  height: auto;
  line-height: 1.6;
  font-size: 100%;
  padding-bottom: 6px;
  border-bottom: 1px dotted #CCCCCC;
}
#DashboardInformation ul li .icon {
  text-indent: 5px;
  width: 35px;
  float: left;
}
@media only screen and (max-width: 600px) {
  #DashboardInformation ul li .icon {
    text-indent: 0px;
    width: 1em;
  }
}
#DashboardInformation ul li .status {
  color: #2E7EE0;
}
#DashboardInformation ul li p {
  font-size: 95%;
}
#DashboardInformation ul li p.text {
  width: 560px;
  float: left;
}
@media only screen and (max-width: 600px) {
  #DashboardInformation ul li p.text {
    display: inline;
    float: none;
  }
}
#DashboardInformation ul li.patientAlert p.text {
  width: 655px;
}
#SubContent {
  width: 225px;
  float: right;
  font-size: 12px;
}
@media only screen and (max-width: 600px) {
  #SubContent {
    float: none;
    margin-right: 0px;
    background-color: #F4F3F3;
  }
  #SubContent .pad {
    width: 225px;
    margin: 15px auto 30px;
  }
}
#SubContent .section {
  margin-bottom: 20px !important;
}
@media only screen and (max-width: 600px) {
  #ToggleBtn {
    width: 42px;
    height: 32px;
    position: fixed;
    top: 0;
    right: 0px;
    z-index: 999;
    background-color: #FFFFFF;
    text-align: center;
  }
  #ToggleBtn i {
    font-size: 200%;
    line-height: 32px;
  }
}
#LoginWrapperBody {
  background-color: #FFFFFF;
  margin-bottom: 20px;
}
#LoginWrapperBody #Login {
  padding: 10px 15px;
}
#LoginWrapperBody .userRegistrationInfo {
  background-color: #2D1606;
  text-align: center;
  height: 34px;
  line-height: 34px;
  font-size: 110%;
  color: #FFFFFF;
  font-weight: normal;
}
#LoginWrapperBody .userName {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
#LoginWrapperBody form input.input {
  width: 178px;
  height: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  #LoginWrapperBody form input.input {
    width: 160px;
    height: 20px;
    margin-bottom: 10px;
  }
}
#LoginWrapperBody .photo {
  margin-bottom: 10px;
  text-align: center;
  overflow: hidden;
}
#LoginWrapperBody .btnMypage a {
  display: block;
  height: 38px;
  line-height: 38px;
  color: #2D1606;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  border-top: 1px solid #C3C3C3;
  text-decoration: none;
}
#LoginWrapperBody .btnMypage a i {
  margin-right: 5px;
}
#LoginWrapperBody .btnMypage:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#LoginWrapperBody ul#ModLinks li {
  display: block;
}
#LoginWrapperBody ul#ModLinks li a {
  display: block;
  height: 29px;
  border-bottom: 1px solid #7D6F65;
  line-height: 30px;
  padding-left: 10px;
  font-size: 110%;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #2D1606;
}
#LoginWrapperBody ul#ModLinks li a:hover {
  background-color: #6C5C51;
}
#LoginWrapperBody ul#ModLinks li a::before {
  font-size: 85%;
  content: "\f138";
  margin-right: 7px;
  color: #C0B9B4;
}
#SubContent .planinfo {
  width: 180px;
  margin: 0 auto;
  min-height: 80px;
  background: #FFF;
  background: -moz-linear-gradient(top, #FFF 0%, #CABE9C 100%);
  background: -webkit-linear-gradient(top, #FFF 0%, #CABE9C 100%);
  background:
    linear-gradient(
      to bottom,
      #FFF 0%,
      #CABE9C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFCABE9C", GradientType=0);
  border: 1px solid #CABE9C;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#SubContent .planinfoContent {
  padding-bottom: 1px;
  text-align: center;
  color: #2D1606;
  font-family: serif !important;
}
#SubContent .planinfoContent .titlePlan::after,
#SubContent .planinfoContent .planName::after {
  content: " ";
  display: block;
  margin: 5px auto 0px;
  width: 110px;
  border-bottom: 1px solid #BDAD82;
}
#SubContent .planinfoContent .titlePlan {
  padding: 14px 0 0;
  font-size: 120%;
}
#SubContent .planinfoContent .planName {
  padding: 7px 0 0;
  font-size: 130%;
}
#UserGuide {
  margin: 0 auto;
}
#UserGuide h2 {
  margin-bottom: 15px;
}
#UserGuide ul li {
  margin-bottom: 5px;
}
#UserGuide ul li ul {
  margin: 10px 0 15px 10px;
}
#Footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #2D1606;
  color: #FFFFFF;
}
#FooterInner {
  width: 990px;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  #FooterInner {
    width: 100%;
  }
}
#FooterInner ul {
  margin-bottom: 10px;
}
#FooterInner ul li {
  display: inline;
  color: #FFFFFF;
  font-size: 11px;
}
@media only screen and (max-width: 600px) {
  #FooterInner ul li {
    font-size: 85%;
  }
}
#FooterInner ul li a {
  color: #FFFFFF;
}
#FooterCopyright {
  font-size: 85%;
}
#MainServicesOther {
  clear: both;
  padding: 10px 0;
  word-break: keep-all;
}
.contentBox {
  position: relative;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-style: solid;
  border-width: 7px;
  border-color: #2D1606;
  padding: 18px 18px 25px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 600px) {
  .contentBox {
    border: none;
    padding: 0;
  }
}
.contentBox {
  margin-bottom: 20px;
  height: auto;
}
@media only screen and (max-width: 600px) {
  .contentBox {
    padding: 0px;
    margin-bottom: 0px;
  }
}
.contentBox p {
  margin-bottom: 10px;
}
#SpotJob.contentBox {
  border-color: #FF9805;
}
#OnCallJob.contentBox {
  border-color: #0082CA;
}
#WeekToThreeDaysJob.contentBox {
  border-color: #343399;
}
#WeekToThreeDaysJob {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-style: solid;
  border-width: 7px;
  border-color: #2D1606;
  padding: 18px 18px 25px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 600px) {
  #WeekToThreeDaysJob {
    border: none;
    padding: 0;
  }
}
#WeekToThreeDaysJob table.tableBasicForList th {
  background-color: #EDF0FF;
}
#WeekToThreeDaysJob {
}
@media only screen and (max-width: 600px) {
  #WeekToThreeDaysJob #FullTimeJobSearch,
  #WeekToThreeDaysJob #InquireWithoutJob {
    display: none;
  }
}
.footStickyBar {
  display: none;
}
@media only screen and (max-width: 600px) {
  .footStickyBar {
    display: flex;
    -ms-display: flex;
    justify-content: space-between;
    background-color: rgba(45, 22, 6, 0.8);
    width: 100%;
    position: sticky;
    bottom: 0;
  }
}
.footStickyBar .footStickyBarButtons {
  margin: 10px auto;
}
.footStickyBar .btnBasic,
.footStickyBar .btnSave,
.footStickyBar .btnEdit,
.footStickyBar .btnGoToConfirm,
.footStickyBar .btnAddCase {
  padding: 0px 10px;
  height: 40px;
  margin: 0px;
  border: none;
  min-width: auto;
}
.footStickyBar .inquireWithoutJobButtonFootSticky {
  font-family: fontAwesome;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 12px;
  min-width: 120px;
  font-size: 120%;
}
.footStickyBar .inquireWithoutJobButtonFootSticky:hover,
.footStickyBar .inquireWithoutJobButtonFootSticky:focus {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.footStickyBar .inquireWithoutJobButtonFootSticky {
  padding: 0px 2em;
  height: 40px;
  margin: 0px 0px 0px 0.7em;
  border: none;
  font-size: 1.1em;
  letter-spacing: 1px;
  color: #FFFFFF;
  background: #485698;
  background: -moz-linear-gradient(top, #485698 0%, #192E87 100%);
  background: -webkit-linear-gradient(top, #485698 0%, #192E87 100%);
  background:
    linear-gradient(
      to bottom,
      #485698 0%,
      #192E87 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF485698", endColorstr="#FF192E87", GradientType=0);
}
#PartTimeJob.contentBox {
  border-color: #8BC120;
}
#FullTimeJob.contentBox {
  border-color: #343399;
}
#DrExpressJob.contentBox {
  border-color: #FFF175;
}
#OnCallJob .showDetail {
  margin: 0 20px 0 auto;
  padding: 5px;
  width: 120px;
  color: white;
  border-radius: 5px;
  background-color: #0082CA;
  text-decoration: none;
  text-align: center;
  display: block;
  font-weight: bold;
}
#InquireWithoutJob,
#PreIndexInquireWithoutJob {
  text-align: center;
}
#InquireWithoutJob .inquireWithoutJobButton,
#PreIndexInquireWithoutJob .inquireWithoutJobButton {
  font-family: fontAwesome;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 12px;
  min-width: 120px;
  font-size: 120%;
}
#InquireWithoutJob .inquireWithoutJobButton:hover,
#InquireWithoutJob .inquireWithoutJobButton:focus,
#PreIndexInquireWithoutJob .inquireWithoutJobButton:hover,
#PreIndexInquireWithoutJob .inquireWithoutJobButton:focus {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#InquireWithoutJob .inquireWithoutJobButton,
#PreIndexInquireWithoutJob .inquireWithoutJobButton {
  color: #FFFFFF;
  font-size: 120%;
  padding: 10px 30px;
  margin-top: 15px;
  margin-bottom: 10px;
  letter-spacing: 1px;
  cursor: pointer;
}
#ShowIndex {
  text-align: center;
}
#WeekToThreeDaysJob .inquireWithoutJobButton {
  border: 1px solid #192E87;
  background: #485698;
  background: -moz-linear-gradient(top, #485698 0%, #192E87 100%);
  background: -webkit-linear-gradient(top, #485698 0%, #192E87 100%);
  background:
    linear-gradient(
      to bottom,
      #485698 0%,
      #192E87 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF485698", endColorstr="#FF192E87", GradientType=0);
}
#WeekToThreeDaysJob .inquireWithoutJobButton:hover {
  background: #192E87;
  background: -moz-linear-gradient(top, #192E87 0%, #485698 100%);
  background: -webkit-linear-gradient(top, #192E87 0%, #485698 100%);
  background:
    linear-gradient(
      to bottom,
      #192E87 0%,
      #485698 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF192E87", endColorstr="#FF485698", GradientType=0);
}
#PartTimeJob .inquireWithoutJobButton {
  border: 1px solid #2E7403;
  background: #78A45C;
  background: -moz-linear-gradient(top, #78A45C 0%, #2E7403 100%);
  background: -webkit-linear-gradient(top, #78A45C 0%, #2E7403 100%);
  background:
    linear-gradient(
      to bottom,
      #78A45C 0%,
      #2E7403 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF78A45C", endColorstr="#FF2E7403", GradientType=0);
}
#PartTimeJob .inquireWithoutJobButton:hover {
  background: #2E7403;
  background: -moz-linear-gradient(top, #2E7403 0%, #78A45C 100%);
  background: -webkit-linear-gradient(top, #2E7403 0%, #78A45C 100%);
  background:
    linear-gradient(
      to bottom,
      #2E7403 0%,
      #78A45C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF2E7403", endColorstr="#FF78A45C", GradientType=0);
}
.faq dt {
  display: block;
  margin-bottom: 10px;
}
.faq dt span.faqIcon {
  width: 35px;
  float: left;
}
.faq dt {
}
.faq dt h3 {
  width: 630px;
  float: right;
  font-size: 130%;
  padding-top: 10px;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .faq dt h3 {
    width: 100%;
    float: none;
    padding-top: 0px;
  }
}
.faq dd {
  margin-bottom: 20px;
}
.faq dd .faqText {
  width: 630px;
  float: right;
  padding-top: 3px;
}
@media only screen and (max-width: 600px) {
  .faq dd .faqText {
    width: 100%;
    float: none;
    padding-top: 0px;
    border-bottom: 1px dotted #CCCCCC !important;
  }
}
.faq dd .faqText h4 {
  font-size: 120%;
  margin-bottom: 5px;
}
.faq table {
  margin-bottom: 10px;
}
.faq table th,
.faq table td {
  border: 1px solid #CCCCCC;
  padding: 5px 8px;
}
.faq table th {
  background-color: #E6E6E6;
}
.googleMapCredit {
  position: fixed;
  left: 0;
  bottom: 0;
  white-space: nowrap;
  background-color: white;
  font-size: 10px;
  color: #808080;
  font-weight: lighter;
  z-index: 1000;
}
.loginWrapper .forRegistered {
  margin-bottom: 40px;
}
.loginWrapper .forRegistered dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .loginWrapper .forRegistered dl {
    width: 90%;
  }
}
@media only screen and (min-width: 601px) {
  .loginWrapper .forRegistered dl {
    width: 400px;
  }
}
.loginWrapper .forRegistered dt,
.loginWrapper .forRegistered dd {
  line-height: 35px;
  padding-bottom: 10px;
}
.loginWrapper .forRegistered dt {
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .loginWrapper .forRegistered dt {
    width: 85px;
  }
}
@media only screen and (min-width: 601px) {
  .loginWrapper .forRegistered dt {
    width: 20%;
  }
}
@media only screen and (max-width: 600px) {
  .loginWrapper .forRegistered dd {
    width: calc(100% - 85px);
  }
}
@media only screen and (min-width: 601px) {
  .loginWrapper .forRegistered dd {
    width: 80%;
  }
}
.loginWrapper .forRegistered input {
  height: 35px;
  border: 1px solid #B2B2B2;
  margin-bottom: 5px;
}
@media only screen and (max-width: 600px) {
  .loginWrapper .forRegistered input {
    width: 100%;
  }
}
@media only screen and (min-width: 601px) {
  .loginWrapper .forRegistered input {
    width: 260px;
  }
}
.loginWrapper .forNotRegistered .subTitle {
  font-size: 130%;
  margin-bottom: 10px;
}
.loginWrapper .forNotRegistered .btnRegistered {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  background-color: #C2A93F;
  text-decoration: none;
  text-align: center;
  margin-top: 15px;
  display: inline-block;
  color: #FFFFFF;
  padding: 10px 40px;
  font-size: 135%;
  font-weight: bold;
}
@media only screen and (max-width: 359px) {
  .loginWrapper .forNotRegistered .btnRegistered {
    display: block;
    padding: 10px 0;
  }
}
.loginWrapper .forNotRegistered .btnRegistered:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.loginWrapper .forNotRegistered .btnRegistered span {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 5px 8px;
  font-size: 70%;
  font-weight: normal;
  display: inline-block;
  margin-right: 10px;
}
.searchArea label {
  font-size: 105%;
}
@media only screen and (max-width: 600px) {
  .searchArea {
    border: none;
    padding: 0;
  }
}
.searchArea .searchTitle {
  margin-bottom: 10px;
}
.searchArea .searchTitle span {
  display: inline-block;
  background-color: #2A1704;
  color: #FFFFFF;
  padding: 2px 5px;
}
.searchArea .jobType {
  width: 100%;
  margin-bottom: 10px;
}
.searchArea .opePlace,
.searchArea .opeDate,
.searchArea .opeDayOfTheWeek,
.searchArea .opeWorkingThreeDays {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .searchArea .opePlace,
  .searchArea .opeDate,
  .searchArea .opeDayOfTheWeek,
  .searchArea .opeWorkingThreeDays {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
}
.searchArea .opePlace input[type=checkbox],
.searchArea .opeDate input[type=checkbox],
.searchArea .opeDayOfTheWeek input[type=checkbox],
.searchArea .opeWorkingThreeDays input[type=checkbox] {
}
@media only screen, print {
  .searchArea .opePlace input[type=checkbox],
  .searchArea .opeDate input[type=checkbox],
  .searchArea .opeDayOfTheWeek input[type=checkbox],
  .searchArea .opeWorkingThreeDays input[type=checkbox] {
    display: none;
  }
}
.searchArea .opePlace .checkboxIcon,
.searchArea .opeDate .checkboxIcon,
.searchArea .opeDayOfTheWeek .checkboxIcon,
.searchArea .opeWorkingThreeDays .checkboxIcon {
  margin-right: 7px;
}
.searchArea .opePlace input[type=checkbox] + .checkboxIcon,
.searchArea .opeDate input[type=checkbox] + .checkboxIcon,
.searchArea .opeDayOfTheWeek input[type=checkbox] + .checkboxIcon,
.searchArea .opeWorkingThreeDays input[type=checkbox] + .checkboxIcon {
  position: relative;
  vertical-align: middle;
  font-family: "FontAwesome";
}
.searchArea .opePlace input[type=checkbox] + .checkboxIcon:before,
.searchArea .opeDate input[type=checkbox] + .checkboxIcon:before,
.searchArea .opeDayOfTheWeek input[type=checkbox] + .checkboxIcon:before,
.searchArea .opeWorkingThreeDays input[type=checkbox] + .checkboxIcon:before {
  content: "\f0c8";
  color: #CCCCCC;
  font-size: 140%;
}
.searchArea .opePlace input[type=checkbox]:checked + .checkboxIcon:before,
.searchArea .opeDate input[type=checkbox]:checked + .checkboxIcon:before,
.searchArea .opeDayOfTheWeek input[type=checkbox]:checked + .checkboxIcon:before,
.searchArea .opeWorkingThreeDays input[type=checkbox]:checked + .checkboxIcon:before {
  content: "\f14a";
  color: #2A1704;
}
@media only screen and (min-width: 601px) {
  .searchArea .opePlace input[type=checkbox]:checked + .checkboxIcon:before,
  .searchArea .opeDate input[type=checkbox]:checked + .checkboxIcon:before,
  .searchArea .opeDayOfTheWeek input[type=checkbox]:checked + .checkboxIcon:before,
  .searchArea .opeWorkingThreeDays input[type=checkbox]:checked + .checkboxIcon:before {
    color: #3B99FC;
  }
}
.searchArea {
}
.searchArea .opePlace .areaColumn .area label,
.searchArea .opePlace .checkboxColumn .area label {
  display: block;
}
.searchArea .opePlace .areaColumn .areaCheckbox,
.searchArea .opePlace .areaColumn .checkboxWithLabel,
.searchArea .opePlace .checkboxColumn .areaCheckbox,
.searchArea .opePlace .checkboxColumn .checkboxWithLabel {
  display: flex;
}
.searchArea .opePlace .areaColumn .areaCheckbox .prefectureExpand,
.searchArea .opePlace .areaColumn .checkboxWithLabel .prefectureExpand,
.searchArea .opePlace .checkboxColumn .areaCheckbox .prefectureExpand,
.searchArea .opePlace .checkboxColumn .checkboxWithLabel .prefectureExpand {
  margin-left: 10px;
  font-size: 150%;
}
.searchArea .opePlace .areaColumn .areaCheckbox .prefectureExpand i,
.searchArea .opePlace .areaColumn .checkboxWithLabel .prefectureExpand i,
.searchArea .opePlace .checkboxColumn .areaCheckbox .prefectureExpand i,
.searchArea .opePlace .checkboxColumn .checkboxWithLabel .prefectureExpand i {
  font-style: normal;
}
.searchArea .opePlace .areaColumn .prefectureCheckboxes,
.searchArea .opePlace .checkboxColumn .prefectureCheckboxes {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin-left: 10%;
  padding: 2px;
}
.searchArea .opePlace .areaColumn .prefectureCheckboxes .prefectureCheckbox,
.searchArea .opePlace .checkboxColumn .prefectureCheckboxes .prefectureCheckbox {
  width: 33%;
}
.searchArea {
}
.searchArea .opeDate input {
  border: 1px solid #CCCCCC;
  width: 100px;
  height: 30px;
}
.searchArea {
}
.searchArea .opeDayOfTheWeek label {
  width: 50px;
  float: left;
  margin-right: 6px;
}
.searchArea .opeDayOfTheWeek input {
  margin-right: 5px;
}
#SearchResult {
  padding-top: 15px;
}
.searchTotalCount {
  margin-bottom: 20px !important;
  text-align: center;
}
.searchResultCount {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 15px 0;
  padding: 15px;
  background-color: #E0F3E7;
  color: #007E00;
  padding: 10px;
}
.ui-datepicker {
  position: relative;
  margin-top: 10px;
  margin-left: 0;
  width: 270px;
  z-index: 999;
}
.ui-widget-content {
  border: none !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
}
.ui-datepicker-title {
  line-height: 30px !important;
  font-size: 110%;
}
.ui-widget-header {
  background: transparent none 50% 50% repeat-x !important;
  border: none !important;
  background-color: none;
  padding: 5px 0 0 !important;
  color: #2D1606;
}
.ui-widget-header .ui-icon {
  background-image: none !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 200%;
  font-family: FontAwesome;
  padding-top: 4px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.ui-datepicker-prev {
  margin-left: 5px;
}
.ui-datepicker-prev::before {
  content: "\f104";
  color: #2D1606;
}
.ui-datepicker-next {
  margin-right: 5px;
}
.ui-datepicker-next::before {
  content: "\f105";
  color: #2D1606;
}
.ui-corner-all.ui-state-hover {
  border: none !important;
  background: none !important;
}
.ui-datepicker-prev-hover {
  left: 2px !important;
  top: 2px !important;
}
.ui-datepicker-next-hover {
  right: 2px !important;
  top: 2px !important;
}
.ui-datepicker th {
  padding: 9px 6px;
  font-weight: normal;
  text-align: center;
  color: #000000;
}
.ui-datepicker td span,
.ui-datepicker td a {
  padding: 4px;
  text-align: center;
  color: #333333;
}
.ui-state-default {
  background: #FFFFFF !important;
  color: #333333 !important;
  border: none !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #B5ADA7 none 50% top repeat-x !important;
  color: #FFFFFF !important;
}
.ui-state-default.ui-state-active,
.ui-state-default.ui-state-hover {
  background: #FF9805 none 50% 50% repeat-x !important;
  color: #2D1606 !important;
}
#quickSearchFrame {
  overflow: auto;
  margin-bottom: 15px;
}
.tabNav {
  margin: 0;
  padding: 0;
}
.tabNav li {
  display: inline;
}
.tabNav li label {
  display: inline-block;
  padding: 0 10px;
  border-bottom: solid 5px transparent;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
}
input.hidden {
  display: none;
}
#SpotJob .tabNav li label:hover {
  background-color: #FFE0B4;
}
#WeekToThreeDaysJob .tabNav li label:hover {
  background-color: #D8DFFF;
}
#PartTimeJob .tabNav li label:hover {
  background-color: #DAF0AD;
}
#SpotJob #Tab01:checked ~ .tabNav .tabNav01,
#SpotJob #Tab02:checked ~ .tabNav .tabNav02 {
  border-bottom: solid 5px #FF9805;
}
#WeekToThreeDaysJob #Tab01:checked ~ .tabNav .tabNav01,
#WeekToThreeDaysJob #Tab02:checked ~ .tabNav .tabNav02 {
  border-bottom: solid 5px #343399;
}
#PartTimeJob #Tab01:checked ~ .tabNav .tabNav01,
#PartTimeJob #Tab02:checked ~ .tabNav .tabNav02 {
  border-bottom: solid 5px #8BC120;
}
.tabPane {
  padding: 20px 0;
  border: none;
  display: none;
}
#Tab01:checked ~ #TabContent01,
#Tab02:checked ~ #TabContent02 {
  display: block;
}
.tabPane select {
  height: 25px;
  border: 1px solid #B2B2B2;
  margin-bottom: 5px;
}
.door2doorTravelModeCheckbox {
  display: inline-block;
  vertical-align: middle;
  height: 4em;
  width: 130px;
}
.door2doorTravelModeCheckbox label {
  display: block;
}
.routeTime {
  font-size: 0;
  line-height: 0;
}
.routeTime span {
  font-size: 14px;
  line-height: 1.5;
}
.routeTime .routeTimeNum {
  font-weight: bold;
  color: red;
}
@media only screen and (max-width: 600px) {
  .areaColumnForSp,
  .checkboxColumnForSp {
    margin-bottom: 0.25em;
  }
  .areaColumn,
  .checkboxColumn {
    float: left;
    width: 50%;
  }
  .prefectureCheckboxes {
    position: relative;
    width: 200% !important;
    margin-top: 0.25em;
  }
  .rightSidePrefectureCheckboxes {
    left: -100%;
  }
  .prefectureCheckbox,
  .elementCheckbox {
    height: 3em;
  }
}
#SearchResultCalendar {
  text-align: center;
  width: 250px;
  margin: auto;
}
#SearchResultCalendar .spotExistsDate a {
  background-color: #FFC36F;
  color: #0082CB;
  text-decoration: underline;
}
#SearchResultCalendar .spotNotExistsDate span {
  color: lightgrey;
}
#SearchResultCalendar .ui-datepicker {
  width: 100%;
}
#SearchResultCalendar .ui-state-disabled {
  color: lightgrey;
  cursor: default;
}
#SearchResultCalendar .ui-state-disabled::before,
#SearchResultCalendar .ui-state-disabled span,
#SearchResultCalendar .ui-state-disabled:hover {
  color: lightgrey;
  filter: none;
  -moz-opacity: 1;
  opacity: 1;
}
#SearchResultCalendar .ui-state-default.ui-state-active {
  background-color: #FFC36F !important;
  color: #0082CB !important;
}
#SearchResultCalendar .ui-state-default.ui-state-hover {
  background-color: #FF9805 !important;
  color: #0082CB !important;
  text-decoration: none;
}
#SearchResultCalendar #PastResultsBadge,
#SearchResultCalendar #FutureResultsBadge {
  background-color: red;
  color: white;
  display: block;
  min-width: 1.5em;
  height: 1.5em;
  border-radius: 0.75em;
  text-align: center;
  position: absolute;
  z-index: 1000;
}
#SearchResultCalendar #PastResultsBadge {
  margin-left: 10px;
}
#SearchResultCalendar #FutureResultsBadge {
  margin-left: 226px;
}
#SearchResultCalendar #ScrollToSearchResultCalendar {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  background-color: white;
  color: #0082CB;
  text-decoration: underline;
  line-height: 30px;
  padding: 0 5px;
  border: 1px solid black;
  border-radius: 15px;
}
#SearchResultCalendar #ScrollToSearchResultCalendar:hover {
  text-decoration: none;
}
.spotList.spot {
  margin: 10px 0px;
  padding: 10px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  border: #A2A2A2 solid 1px;
  border-top: #F19706 solid 3px;
}
.spotList.spot .spotPlanDateTime,
.spotList.spot .spotPlace,
.spotList.spot .appealPoint {
  margin: 5px 0px;
}
.spotList.spot .container {
  border-top: #2D1606 solid 1px;
  border-left: #2D1606 solid 1px;
  display: grid;
  grid-template-columns: 3fr 1fr 1fr;
  grid-template-areas: "title1 title2 title3" "item1 item2 item3";
}
.spotList.spot .container div {
  border-right: #2D1606 solid 1px;
  border-bottom: #2D1606 solid 1px;
  padding: 3px;
}
.spotList.spot .container .title1 {
  grid-area: title1;
  background-color: #FFF5E6;
}
.spotList.spot .container .item1 {
  grid-area: item1;
}
.spotList.spot .container .title2 {
  grid-area: title2;
  background-color: #FFF5E6;
}
.spotList.spot .container .item2 {
  grid-area: item2;
}
.spotList.spot .container .title3 {
  grid-area: title3;
  background-color: #FFF5E6;
}
.spotList.spot .container .item3 {
  grid-area: item3;
}
.spotList.spot .showDetail {
  margin: 0 20px 0 auto;
  padding: 5px;
  width: 120px;
  color: white;
  border-radius: 5px;
  background-color: #F19706;
  text-decoration: none;
  text-align: center;
  display: block;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .spotList.spot .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title1 item1" "title2 item2" "title3 item3";
    border-top: #A2A2A2 solid 3px;
    border-left: none;
    border-bottom: #A2A2A2 solid 3px;
  }
  .spotList.spot .container div {
    border-right: none;
    padding: 8px;
  }
  .spotList.spot .container .title1 {
    grid-area: title1;
    background-color: #FFFFFF;
    border-bottom: #A2A2A2 solid 1px;
  }
  .spotList.spot .container .item1 {
    grid-area: item1;
    border-bottom: #A2A2A2 solid 1px;
  }
  .spotList.spot .container .title2 {
    grid-area: title2;
    background-color: #FFFFFF;
    border-bottom: #A2A2A2 solid 1px;
  }
  .spotList.spot .container .item2 {
    grid-area: item2;
    border-bottom: #A2A2A2 solid 1px;
  }
  .spotList.spot .container .title3 {
    grid-area: title3;
    background-color: #FFFFFF;
    border-bottom: #A2A2A2 solid 1px;
  }
  .spotList.spot .container .item3 {
    grid-area: item3;
    border-bottom: #A2A2A2 solid 1px;
  }
  .spotList.spot .showDetail {
    margin: 5px 20px;
    width: auto;
  }
}
.door2doorTravelModeCheckbox {
  display: inline-block;
  vertical-align: middle;
  height: 4em;
  width: 110px;
}
.door2doorTravelModeCheckbox label {
  display: block;
}
#News .date {
  color: #666666;
  font-size: 90%;
  margin-bottom: 10px;
}
#News p {
  line-height: 1.8;
  margin-bottom: 10px;
}
#News dt,
#News dd {
  margin-bottom: 5px;
}
#News dt {
  clear: both;
  width: 110px;
  float: left;
  color: #666666;
}
@media only screen and (max-width: 600px) {
  #News dt {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
}
#News dd {
  width: 520px;
  float: left;
}
@media only screen and (max-width: 600px) {
  #News dd {
    width: 100%;
    float: none;
  }
}
#News .tableBasic th {
  text-align: right !important;
}
#News .subSubTitle {
  margin-bottom: 5px;
}
#News ul {
  margin-left: 0px;
  margin-bottom: 50px;
}
#News ul li {
  list-style: none !important;
  margin-bottom: 5px;
}
#News ul li span {
  width: 110px;
  float: left;
  color: #666666;
}
#News ul li img {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  display: inline;
}
#News ul li p {
  width: 450px;
  float: left;
}
#News .column {
  margin-bottom: 20px;
}
#News .subSubTitle {
  font-size: 110%;
  margin-bottom: 10px;
}
#News .subSubTitle::before {
  content: "\f111";
  padding-right: 5px;
}
#News .subSubSubTitle {
  font-size: 105%;
  display: inline-block;
  margin-bottom: 10px;
  border-bottom: 1px solid #000000;
}
.jobColumnForList {
  margin-bottom: 40px;
}
@media only screen and (max-width: 600px) {
  .jobColumnForList {
    margin-bottom: 20px;
  }
}
.caseTitleForList {
  margin-bottom: 10px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top: 3px solid #2D1606;
  padding-top: 15px;
}
@media only screen and (min-width: 601px) {
  .caseTitleForList {
    display: flex;
    justify-content: space-between;
  }
}
#SpotJob .caseTitleForList {
  border-color: #FF9805;
}
#OnCallJob .caseTitleForList {
  border-color: #0082CA;
}
#WeekToThreeDaysJob .caseTitleForList {
  border-color: #829CDD;
}
#PartTimeJob .caseTitleForList {
  border-color: #8BC120;
}
.caseTitleInnerLeftForList {
  font-size: 110%;
}
@media only screen and (max-width: 600px) {
  .caseTitleInnerLeftForList {
    width: 100%;
  }
}
@media only screen and (min-width: 601px) {
  .caseTitleInnerLeftForList {
    width: 78%;
  }
}
.caseTitleNumberForList {
  background-color: #DCDCDC;
  font-size: 85%;
  padding: 5px 8px;
}
.caseTitleLabelForList {
  margin-right: 10px;
}
@media only screen and (max-width: 600px) {
  .caseTitleLabelForList {
    display: block;
    margin-top: 8px;
  }
}
.caseTitleDateForList {
  font-size: 110%;
  padding-top: 2px;
  margin-right: 10px;
}
@media only screen and (max-width: 600px) {
  .caseTitleDateForList {
    display: block;
    margin-top: 5px;
  }
}
.caseTitleLinkForList {
  float: left;
  padding-top: 2px;
  font-size: 110%;
}
@media only screen and (max-width: 600px) {
  .caseTitleLinkForList {
    float: none;
  }
}
.caseTitlePlaceForList {
  font-size: 110%;
  padding-top: 2px;
  margin-right: 10px;
}
@media only screen and (max-width: 600px) {
  .caseTitlePlaceForList {
    display: block;
    margin-top: 2px;
  }
}
.caseTitleAddForList {
  font-weight: bold;
  margin-top: 5px;
  font-size: 115%;
}
@media only screen and (max-width: 600px) {
  .caseTitleAddForList {
    margin-top: 5px;
    font-size: 100%;
  }
}
.caseTitleAppealForList {
  margin-top: 5px;
  font-size: 110%;
}
@media only screen and (max-width: 600px) {
  .caseTitleAppealForList {
    margin-top: 3px;
    font-size: 100%;
  }
}
@media only screen and (min-width: 601px) {
  .caseTitleInnerRightForList {
    width: 18%;
  }
}
.caseButtonDetailForList {
  text-decoration: none;
  font-weight: bold;
  padding: 7px 0px;
  width: 100%;
  display: inline-block;
  text-align: center;
  background-color: #2D1606;
  color: #FFFFFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.caseButtonDetailForList:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  color: #FFFFFF;
}
@media only screen and (max-width: 600px) {
  .caseButtonDetailForList {
    display: none;
  }
}
#SpotJob .caseButtonDetailForList {
  background-color: #FF9805;
}
#OnCallJob .caseButtonDetailForList {
  background-color: #0082CA;
}
#WeekToThreeDaysJob .caseButtonDetailForList {
  background-color: #829CDD;
}
#PartTimeJob .caseButtonDetailForList {
  background-color: #8BC120;
}
@media only screen and (max-width: 600px) {
  .showDetailForSp {
    display: block;
    width: 100%;
    padding: 7px 0px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    background-color: #2D1606;
    color: #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 10px auto;
  }
}
@media only screen and (min-width: 601px) {
  .showDetailForSp {
    display: none;
  }
}
.showDetailForSp:active {
  color: #FFFFFF;
}
@media only screen and (max-width: 600px) {
  #WeekToThreeDaysJob .showDetailForSp {
    background-color: #829CDD;
  }
}
@media only screen and (max-width: 600px) {
  #PartTimeJob .showDetailForSp {
    background-color: #8BC120;
  }
}
@media only screen and (max-width: 600px) {
  #OnCallJob .showDetailForSp {
    background-color: #0082CA;
  }
}
.tableBasicForList {
  background-color: #FFFFFF;
}
.tableBasicForList th,
.tableBasicForList td.noWrap {
  white-space: nowrap;
}
.tableBasicForList th,
.tableBasicForList td {
  padding: 10px;
  border: 1px dotted #CCCCCC;
}
#SpotJob .tableBasicForList th {
  background-color: #FFF5E6;
}
#OnCallJob .tableBasicForList th {
  background-color: #E5F2FA;
}
#WeekToThreeDaysJob .tableBasicForList th {
  background-color: #EDF0FF;
}
#PartTimeJob .tableBasicForList th {
  background-color: #F3F9E9;
}
#FullTimeJob .tableBasicForList th {
  background-color: #EDF0FF;
}
.caseTitle {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.caseTitleInner {
  width: 65%;
}
@media only screen and (max-width: 600px) {
  .caseTitleInner {
    width: 100%;
  }
}
.tabNav {
  margin: 0 0 20px 0;
  padding: 0;
}
.caseTitleAdd {
  font-weight: bold;
  margin-top: 5px;
  font-size: 115%;
}
@media only screen and (max-width: 600px) {
  .caseTitleAdd {
    margin-top: 5px;
    font-size: 100%;
  }
}
.caseTitleAppeal {
  margin-top: 5px;
  font-size: 110%;
}
@media only screen and (max-width: 600px) {
  .caseTitleAppeal {
    margin-top: 3px;
    font-size: 100%;
  }
}
.caseTitleDate {
  margin-top: 5px;
}
@media only screen and (min-width: 601px) {
  .caseTitleDate {
    font-size: 130%;
  }
}
.caseTitleElement li {
  margin-top: 5px;
  font-size: 110%;
  color: #4D4D4D;
}
.caseTitlePersonnel {
  width: 30%;
  margin-top: 5px;
}
@media only screen and (max-width: 600px) {
  .caseTitlePersonnel {
    width: 100%;
  }
}
.caseTitleLabel {
  margin-top: 8px;
}
.caseTitleLabelImportant,
.caseTitleLabelNormal,
.caseTitleLabelAttention {
  font-size: 90%;
  font-weight: bold;
  margin-right: 4px;
  padding: 6px 8px;
}
.caseTitleLabelImportant {
  background-color: #F8E8E9;
  color: #BA1B21;
}
.caseTitleLabelNormal {
  color: #0A4FCF;
  background-color: #CFDCF6;
}
.caseTitleLabelAttention {
  color: #A65800;
  background-color: #F5DCC0;
}
.embedGoogleMap {
  width: 100%;
  margin-left: 0;
  height: 200px;
  border: 0;
}
.tabPane {
  border: none;
  display: none;
}
.tableBasicInnerElementPatientDetail,
.tableBasicInnerElementPersonnel,
.tableBasicInnerElementMedicalInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  max-width: 530px;
}
@media only screen and (max-width: 600px) {
  .tableBasicInnerElementPatientDetail,
  .tableBasicInnerElementPersonnel,
  .tableBasicInnerElementMedicalInfo {
    font-size: 90%;
  }
}
.tableBasicInnerElementPatientDetail dt,
.tableBasicInnerElementPersonnel dt,
.tableBasicInnerElementMedicalInfo dt,
.tableBasicInnerElementPatientDetail dd,
.tableBasicInnerElementPersonnel dd,
.tableBasicInnerElementMedicalInfo dd {
  font-size: 110%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCCCCC;
}
.tableBasicInnerElementPatientDetail dt:last-of-type,
.tableBasicInnerElementPersonnel dt:last-of-type,
.tableBasicInnerElementMedicalInfo dt:last-of-type,
.tableBasicInnerElementPatientDetail dd:last-of-type,
.tableBasicInnerElementPersonnel dd:last-of-type,
.tableBasicInnerElementMedicalInfo dd:last-of-type {
  border-bottom: none;
}
.tableBasicInnerElementPatientDetail dt,
.tableBasicInnerElementPersonnel dt,
.tableBasicInnerElementMedicalInfo dt {
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .tableBasicInnerElementMedicalInfo dt {
    width: 20%;
  }
}
@media only screen and (min-width: 601px) {
  .tableBasicInnerElementMedicalInfo dt {
    width: 15%;
  }
}
@media only screen and (max-width: 600px) {
  .tableBasicInnerElementMedicalInfo dd {
    width: 80%;
  }
}
@media only screen and (min-width: 601px) {
  .tableBasicInnerElementMedicalInfo dd {
    width: 85%;
  }
}
@media only screen and (max-width: 600px) {
  .tableBasicInnerElementMedicalInfo .embedGoogleMap,
  .tableBasicInnerElementMedicalInfo .medicalPhoto {
    margin-left: -20%;
  }
}
@media only screen and (min-width: 601px) {
  .tableBasicInnerElementMedicalInfo .embedGoogleMap,
  .tableBasicInnerElementMedicalInfo .medicalPhoto {
    width: calc(100% + 68px);
    margin-left: -63px;
  }
}
.tableBasicInnerElementMedicalInfo .medicalPhoto img {
  margin-top: 10px;
}
.tableBasicInnerElementPersonnel dt {
  width: 30%;
}
.tableBasicInnerElementPersonnel dd {
  width: 70%;
}
.tableBasicInnerElementPatientDetail dt {
  width: 50%;
}
.tableBasicInnerElementPatientDetail dd {
  width: 50%;
}
.btnDoctorCareerSheet {
  margin-left: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
}
.btnDoctorCareerSheet:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.btnDoctorCareerSheet::before {
  content: "\f15b";
  font-weight: 400;
  margin-right: 5px;
}
.alertDangerForList,
.alertWarningForList,
.alertInfoForList,
.alertSuccessForList {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 15px 0;
  margin: 5px 0;
  padding: 8px;
  text-align: center;
}
.alertSuccessForList {
  background-color: #E0F3E7;
  color: #007E00;
}
.alertInfoForList {
  color: #0A4FCF;
  background-color: #CFDCF6;
}
.alertWarningForList {
  color: #333333;
  background-color: #FCF8E3;
}
.alertDangerForList {
  background-color: #F8E8E9;
  color: #E02300;
}
.jobStatus {
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .jobStatus {
    margin-bottom: 10px;
  }
}
.jobStatus strong {
  font-size: 120%;
  margin: 0 5px;
}
.jobColumn {
  margin-bottom: 40px;
}
.jobColumn .subSubTitle {
  font-size: 110%;
  padding: 5px 10px;
  margin-bottom: 15px;
}
#SpotJob .jobColumn .subSubTitle {
  background-color: #FF9805;
}
#OnCallJob .jobColumn .subSubTitle {
  background-color: #0082CA;
  color: #FFFFFF;
}
#DrExpressJob .jobColumn .subSubTitle {
  background-color: #FFF175;
}
.minWidth3em {
  min-width: 3em;
}
#ManagerInfo #ManagerCommentWrapper {
  position: relative;
  margin: 16px 0;
}
#ManagerInfo #ManagerComment {
  display: inline-block;
  width: 355px;
}
@media only screen and (max-width: 600px) {
  #ManagerInfo #ManagerComment {
    width: 100%;
  }
}
#ManagerInfo #ManagerComment {
  vertical-align: top;
}
#ManagerInfo #ManagerComment.withNoPhoto {
  width: 100%;
}
#ManagerInfo #ManagerCommentPhotoWrapper {
  display: inline-block;
  width: 320px;
  margin-left: 8px;
}
@media only screen and (max-width: 600px) {
  #ManagerInfo #ManagerCommentPhotoWrapper {
    width: 100%;
    margin-left: 0;
  }
}
#ManagerInfo #ManagerCommentPhotoWrapper img {
  width: 320px;
}
@media only screen and (max-width: 600px) {
  #ManagerInfo #ManagerCommentPhotoWrapper img {
    width: 100%;
  }
}
#ManagerInfo.blurred #inquiryButtons {
  position: absolute;
  top: 50px;
  left: 10%;
  width: 80%;
  text-align: center;
}
#ManagerInfo.blurred #ManagerName {
  background: url("/assets/name_blur-BQCF2VSY-756adee5.png") no-repeat left top;
  background-size: 68px 28px;
  height: 28px;
  width: 68px;
  margin: -5px;
}
#ManagerInfo.blurred #ManagerCareer {
  background: url("/assets/paragraph_blur-UF2JO6WU-c85c359c.png") no-repeat left top;
  background-size: 429px 213px;
  height: 64px;
  width: 429px;
  margin: -5px;
}
#ManagerInfo.blurred #ManagerComment {
  display: inline-block;
  background: url("/assets/paragraph_blur-UF2JO6WU-c85c359c.png") no-repeat left top 10px;
  background-size: 429px 213px;
  height: 223px;
}
@media only screen and (max-width: 600px) {
  #ManagerInfo.blurred #ManagerComment {
    width: calc(100% + 8px);
  }
}
#ManagerInfo.blurred #ManagerComment {
  margin-left: -8px;
  padding-left: 8px;
}
#ManagerInfo.blurred #ManagerComment.withNoPhoto {
  width: 100%;
}
#ManagerInfo.blurred #ManagerCommentPhotoWrapper {
  display: inline-block;
  background: url("/assets/photo_blur-HV44XM7B-472c5975.png") no-repeat left top;
  background-size: auto 223px;
  height: 223px;
}
@media only screen and (max-width: 600px) {
  #ManagerInfo.blurred #ManagerCommentPhotoWrapper {
    background-size: 100%;
    width: 100%;
  }
}
.caseTitleSingle {
  margin-bottom: 10px;
}
.caseTitleCount {
  background-color: #2D1606;
  display: inline-block;
  color: #FFFFFF;
  height: 25px;
  line-height: 25px;
  padding: 0 8px;
  text-align: center;
  margin-right: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.caseTitleNumber {
  font-size: 85%;
  font-weight: normal;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 8px;
  background-color: #DCDCDC;
  margin-right: 8px;
}
.caseTitlePatientInfoRequestButton {
  clear: both;
  display: block;
  text-align: center;
}
.caseTitlePatientInfoRequestButton button {
  margin: 1em;
}
.door2doorTravelModeCheckbox {
  display: inline-block;
  vertical-align: middle;
  height: 4em;
  width: 110px;
}
.door2doorTravelModeCheckbox label {
  display: block;
}
.caseTitleCaution {
  margin-left: 10px;
  color: #BA1B21;
  font-weight: normal;
}
.msgColumn {
  border-bottom: 1px solid #CCCCCC;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}
.msgColumn .photo {
  width: 50px;
  float: left;
}
@media only screen and (max-width: 600px) {
  .msgColumn .photo {
    float: none;
    position: absolute;
  }
}
.msgColumn .text {
  width: 630px;
  float: right;
}
@media only screen and (max-width: 600px) {
  .msgColumn .text {
    float: left;
    width: auto;
    padding-left: 60px;
  }
}
.msgColumn .text .fromTo {
  float: left;
  color: #0D0D0D !important;
  font-size: 90%;
  margin-bottom: 5px;
}
@media only screen and (max-width: 600px) {
  .msgColumn .text .fromTo {
    float: none;
    display: block;
  }
}
.msgColumn .text .date {
  float: right;
  font-size: 90%;
  color: #666666;
}
@media only screen and (max-width: 600px) {
  .msgColumn .text .date {
    float: none;
    display: block;
    text-align: left;
  }
}
.msgColumn .text .mailTitle {
  display: block;
  clear: both;
  margin-top: 5px;
}
.msgColumn .text .honbun {
  display: block;
  clear: both;
  margin-top: 5px;
}
#Message.case {
  margin-bottom: 20px;
}
#Message.case .subSubTitle {
  margin-bottom: 10px;
  font-size: 110%;
  color: #2D1606;
}
#Message.case .subSubTitle::before {
  content: "\f054";
  padding-right: 5px;
}
#Message.case .commentFirst,
#Message.case .peopleColumn {
  border-top: 3px solid #333333;
  padding-top: 10px;
}
.msgReplay {
  margin-top: 20px;
}
.msgReplay table th,
.msgReplay table td {
  vertical-align: top;
  padding-bottom: 15px;
}
.msgReplay table th {
  width: 50px;
  text-align: right;
  padding-right: 10px;
}
.msgReplay table td {
  padding-left: 5px;
}
.msgReplay input,
.msgReplay textarea {
  border: 1px solid #B2B2B2;
}
.msgReplay input {
  width: 400px !important;
  height: 25px !important;
}
@media only screen and (max-width: 600px) {
  .msgReplay input {
    width: 95% !important;
  }
}
.msgReplay p.buttons {
  margin-top: 0px;
  margin-bottom: 10px;
}
.msgReplay .buttons input {
  border: none;
  height: auto !important;
  width: auto !important;
}
.msgReplay textarea {
  width: 600px !important;
  height: 200px !important;
  margin-bottom: 5px;
}
@media only screen and (max-width: 600px) {
  .msgReplay textarea {
    width: 95% !important;
  }
}
#Message .messageTitle span.article {
  width: 300px;
}
#Message .messageTitle span.body {
  width: 225px;
}
#MessageList .sortMenu a {
  text-decoration: none;
}
#MessageList .sortMenu a:hover {
  text-decoration: none;
}
#MessageList .sortMenu a:hover span.sortIcon {
  color: #33FFFF !important;
}
#MessageList .sortMenu a span.sortIcon {
  color: #1A56AD !important;
  font-size: 130%;
  color: #330000;
}
#MessageList span.msgColumn {
}
#MessageList span.msgColumn span.midoku {
  margin-right: 5px;
  background-color: #FF6347;
  padding: 2px 5px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 85%;
}
#MessageList p.paging {
  margin-top: 30px;
}
.contentTableWrapperForMyPage {
  margin-bottom: 25px;
}
.pagination {
  display: inline-block;
  margin-top: 15px;
}
.pagination span {
  float: left;
  margin-right: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.pagination span.current,
.pagination span a {
  padding: 2px 8px;
}
.pagination span.current {
  background-color: #2D1606;
  color: white;
}
.pagination span a {
  display: block;
  text-decoration: none;
}
.pagination span a:hover {
  color: white;
  background-color: #6C5C51;
}
table.inqTable th {
  width: 150px;
}
.last_updated_at {
  text-align: right;
  font-size: 0.9em;
  color: #444444;
  margin: 0.2em 0;
}

/* app/frontend/stylesheets/page_top_indicator.scss */
#PageTopIndicator {
  font-family:
    "\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3",
    "Hiragino Kaku Gothic Pro",
    "\30e1\30a4\30ea\30aa",
    Meiryo,
    "\ff2d\ff33  \ff30\30b4\30b7\30c3\30af",
    Osaka,
    sans-serif,
    FontAwesome;
  color: white;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  text-align: center;
  z-index: 10000;
  height: 21px;
}
#PageTopIndicator.qaIndicator {
  background: #1D9A21;
}
#PageTopIndicator.developmentIndicator {
  background: #0B6CBC;
}
#PageTopIndicator.proxyLoggedInIndicator {
  background: #9A1D1D;
}
#PageTopIndicator ~ .indicatorHeightShift,
#PageTopIndicator ~ * .indicatorHeightShift {
  margin-top: 21px;
}
/*! Bundled license information:

font-awesome/css/font-awesome.css:
  (*!
   *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
   *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
   *)
*/