@charset 'UTF-8';
 
/* @FONT-FACE loads font into browser */
@font-face {
  font-family: 'typicons';
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/vendor/typicons.src/typicons.eot?a509074c88f07e40a8d2f158c4fcdda8);
  src: url(/fonts/vendor/typicons.src/typicons.eot?a509074c88f07e40a8d2f158c4fcdda8?#iefix) format('embedded-opentype'),
       url(/fonts/vendor/typicons.src/typicons.woff?95aa28e29618c068e8a53f64c87cb6a9) format('woff'),
       url(/fonts/vendor/typicons.src/typicons.ttf?29f9630f7d87a79830d1c321e1600f2e) format('truetype'),
       url(/fonts/vendor/typicons.src/typicons.svg?107d077d609efa7239165672c26a3c8b#typicons) format('svg');
}
 
/* :before psuedo-selector inserts and styles icon */
.typcn:before {
  font-family: 'typicons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  height: 1em;
  font-size: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
 
/* Code for individual icons */ 
.typcn-adjust-brightness:before { 
  content: '\e000'; /* '' */
} 
.typcn-adjust-contrast:before { 
  content: '\e001'; /* '' */
} 
.typcn-anchor-outline:before { 
  content: '\e002'; /* '' */
} 
.typcn-anchor:before { 
  content: '\e003'; /* '' */
} 
.typcn-archive:before { 
  content: '\e004'; /* '' */
} 
.typcn-arrow-back-outline:before { 
  content: '\e005'; /* '' */
} 
.typcn-arrow-back:before { 
  content: '\e006'; /* '' */
} 
.typcn-arrow-down-outline:before { 
  content: '\e007'; /* '' */
} 
.typcn-arrow-down-thick:before { 
  content: '\e008'; /* '' */
} 
.typcn-arrow-down:before { 
  content: '\e009'; /* '' */
} 
.typcn-arrow-forward-outline:before { 
  content: '\e00a'; /* '' */
} 
.typcn-arrow-forward:before { 
  content: '\e00b'; /* '' */
} 
.typcn-arrow-left-outline:before { 
  content: '\e00c'; /* '' */
} 
.typcn-arrow-left-thick:before { 
  content: '\e00d'; /* '' */
} 
.typcn-arrow-left:before { 
  content: '\e00e'; /* '' */
} 
.typcn-arrow-loop-outline:before { 
  content: '\e00f'; /* '' */
} 
.typcn-arrow-loop:before { 
  content: '\e010'; /* '' */
} 
.typcn-arrow-maximise-outline:before { 
  content: '\e011'; /* '' */
} 
.typcn-arrow-maximise:before { 
  content: '\e012'; /* '' */
} 
.typcn-arrow-minimise-outline:before { 
  content: '\e013'; /* '' */
} 
.typcn-arrow-minimise:before { 
  content: '\e014'; /* '' */
} 
.typcn-arrow-move-outline:before { 
  content: '\e015'; /* '' */
} 
.typcn-arrow-move:before { 
  content: '\e016'; /* '' */
} 
.typcn-arrow-repeat-outline:before { 
  content: '\e017'; /* '' */
} 
.typcn-arrow-repeat:before { 
  content: '\e018'; /* '' */
} 
.typcn-arrow-right-outline:before { 
  content: '\e019'; /* '' */
} 
.typcn-arrow-right-thick:before { 
  content: '\e01a'; /* '' */
} 
.typcn-arrow-right:before { 
  content: '\e01b'; /* '' */
} 
.typcn-arrow-shuffle:before { 
  content: '\e01c'; /* '' */
} 
.typcn-arrow-sorted-down:before { 
  content: '\e01d'; /* '' */
} 
.typcn-arrow-sorted-up:before { 
  content: '\e01e'; /* '' */
} 
.typcn-arrow-sync-outline:before { 
  content: '\e01f'; /* '' */
} 
.typcn-arrow-sync:before { 
  content: '\e020'; /* '' */
} 
.typcn-arrow-unsorted:before { 
  content: '\e021'; /* '' */
} 
.typcn-arrow-up-outline:before { 
  content: '\e022'; /* '' */
} 
.typcn-arrow-up-thick:before { 
  content: '\e023'; /* '' */
} 
.typcn-arrow-up:before { 
  content: '\e024'; /* '' */
} 
.typcn-at:before { 
  content: '\e025'; /* '' */
} 
.typcn-attachment-outline:before { 
  content: '\e026'; /* '' */
} 
.typcn-attachment:before { 
  content: '\e027'; /* '' */
} 
.typcn-backspace-outline:before { 
  content: '\e028'; /* '' */
} 
.typcn-backspace:before { 
  content: '\e029'; /* '' */
} 
.typcn-battery-charge:before { 
  content: '\e02a'; /* '' */
} 
.typcn-battery-full:before { 
  content: '\e02b'; /* '' */
} 
.typcn-battery-high:before { 
  content: '\e02c'; /* '' */
} 
.typcn-battery-low:before { 
  content: '\e02d'; /* '' */
} 
.typcn-battery-mid:before { 
  content: '\e02e'; /* '' */
} 
.typcn-beaker:before { 
  content: '\e02f'; /* '' */
} 
.typcn-beer:before { 
  content: '\e030'; /* '' */
} 
.typcn-bell:before { 
  content: '\e031'; /* '' */
} 
.typcn-book:before { 
  content: '\e032'; /* '' */
} 
.typcn-bookmark:before { 
  content: '\e033'; /* '' */
} 
.typcn-briefcase:before { 
  content: '\e034'; /* '' */
} 
.typcn-brush:before { 
  content: '\e035'; /* '' */
} 
.typcn-business-card:before { 
  content: '\e036'; /* '' */
} 
.typcn-calculator:before { 
  content: '\e037'; /* '' */
} 
.typcn-calendar-outline:before { 
  content: '\e038'; /* '' */
} 
.typcn-calendar:before { 
  content: '\e039'; /* '' */
} 
.typcn-camera-outline:before { 
  content: '\e03a'; /* '' */
} 
.typcn-camera:before { 
  content: '\e03b'; /* '' */
} 
.typcn-cancel-outline:before { 
  content: '\e03c'; /* '' */
} 
.typcn-cancel:before { 
  content: '\e03d'; /* '' */
} 
.typcn-chart-area-outline:before { 
  content: '\e03e'; /* '' */
} 
.typcn-chart-area:before { 
  content: '\e03f'; /* '' */
} 
.typcn-chart-bar-outline:before { 
  content: '\e040'; /* '' */
} 
.typcn-chart-bar:before { 
  content: '\e041'; /* '' */
} 
.typcn-chart-line-outline:before { 
  content: '\e042'; /* '' */
} 
.typcn-chart-line:before { 
  content: '\e043'; /* '' */
} 
.typcn-chart-pie-outline:before { 
  content: '\e044'; /* '' */
} 
.typcn-chart-pie:before { 
  content: '\e045'; /* '' */
} 
.typcn-chevron-left-outline:before { 
  content: '\e046'; /* '' */
} 
.typcn-chevron-left:before { 
  content: '\e047'; /* '' */
} 
.typcn-chevron-right-outline:before { 
  content: '\e048'; /* '' */
} 
.typcn-chevron-right:before { 
  content: '\e049'; /* '' */
} 
.typcn-clipboard:before { 
  content: '\e04a'; /* '' */
} 
.typcn-cloud-storage:before { 
  content: '\e04b'; /* '' */
} 
.typcn-cloud-storage-outline:before { 
  content: '\e054'; /* '' */
} 
.typcn-code-outline:before { 
  content: '\e04c'; /* '' */
} 
.typcn-code:before { 
  content: '\e04d'; /* '' */
} 
.typcn-coffee:before { 
  content: '\e04e'; /* '' */
} 
.typcn-cog-outline:before { 
  content: '\e04f'; /* '' */
} 
.typcn-cog:before { 
  content: '\e050'; /* '' */
} 
.typcn-compass:before { 
  content: '\e051'; /* '' */
} 
.typcn-contacts:before { 
  content: '\e052'; /* '' */
} 
.typcn-credit-card:before { 
  content: '\e053'; /* '' */
} 
.typcn-css3:before { 
  content: '\e055'; /* '' */
} 
.typcn-database:before { 
  content: '\e056'; /* '' */
} 
.typcn-delete-outline:before { 
  content: '\e057'; /* '' */
} 
.typcn-delete:before { 
  content: '\e058'; /* '' */
} 
.typcn-device-desktop:before { 
  content: '\e059'; /* '' */
} 
.typcn-device-laptop:before { 
  content: '\e05a'; /* '' */
} 
.typcn-device-phone:before { 
  content: '\e05b'; /* '' */
} 
.typcn-device-tablet:before { 
  content: '\e05c'; /* '' */
} 
.typcn-directions:before { 
  content: '\e05d'; /* '' */
} 
.typcn-divide-outline:before { 
  content: '\e05e'; /* '' */
} 
.typcn-divide:before { 
  content: '\e05f'; /* '' */
} 
.typcn-document-add:before { 
  content: '\e060'; /* '' */
} 
.typcn-document-delete:before { 
  content: '\e061'; /* '' */
} 
.typcn-document-text:before { 
  content: '\e062'; /* '' */
} 
.typcn-document:before { 
  content: '\e063'; /* '' */
} 
.typcn-download-outline:before { 
  content: '\e064'; /* '' */
} 
.typcn-download:before { 
  content: '\e065'; /* '' */
} 
.typcn-dropbox:before { 
  content: '\e066'; /* '' */
} 
.typcn-edit:before { 
  content: '\e067'; /* '' */
} 
.typcn-eject-outline:before { 
  content: '\e068'; /* '' */
} 
.typcn-eject:before { 
  content: '\e069'; /* '' */
} 
.typcn-equals-outline:before { 
  content: '\e06a'; /* '' */
} 
.typcn-equals:before { 
  content: '\e06b'; /* '' */
} 
.typcn-export-outline:before { 
  content: '\e06c'; /* '' */
} 
.typcn-export:before { 
  content: '\e06d'; /* '' */
} 
.typcn-eye-outline:before { 
  content: '\e06e'; /* '' */
} 
.typcn-eye:before { 
  content: '\e06f'; /* '' */
} 
.typcn-feather:before { 
  content: '\e070'; /* '' */
} 
.typcn-film:before { 
  content: '\e071'; /* '' */
} 
.typcn-filter:before { 
  content: '\e072'; /* '' */
} 
.typcn-flag-outline:before { 
  content: '\e073'; /* '' */
} 
.typcn-flag:before { 
  content: '\e074'; /* '' */
} 
.typcn-flash-outline:before { 
  content: '\e075'; /* '' */
} 
.typcn-flash:before { 
  content: '\e076'; /* '' */
} 
.typcn-flow-children:before { 
  content: '\e077'; /* '' */
} 
.typcn-flow-merge:before { 
  content: '\e078'; /* '' */
} 
.typcn-flow-parallel:before { 
  content: '\e079'; /* '' */
} 
.typcn-flow-switch:before { 
  content: '\e07a'; /* '' */
} 
.typcn-folder-add:before { 
  content: '\e07b'; /* '' */
} 
.typcn-folder-delete:before { 
  content: '\e07c'; /* '' */
} 
.typcn-folder-open:before { 
  content: '\e07d'; /* '' */
} 
.typcn-folder:before { 
  content: '\e07e'; /* '' */
} 
.typcn-gift:before { 
  content: '\e07f'; /* '' */
} 
.typcn-globe-outline:before { 
  content: '\e080'; /* '' */
} 
.typcn-globe:before { 
  content: '\e081'; /* '' */
} 
.typcn-group-outline:before { 
  content: '\e082'; /* '' */
} 
.typcn-group:before { 
  content: '\e083'; /* '' */
} 
.typcn-headphones:before { 
  content: '\e084'; /* '' */
} 
.typcn-heart-full-outline:before { 
  content: '\e085'; /* '' */
} 
.typcn-heart-half-outline:before { 
  content: '\e086'; /* '' */
} 
.typcn-heart-outline:before { 
  content: '\e087'; /* '' */
} 
.typcn-heart:before { 
  content: '\e088'; /* '' */
} 
.typcn-home-outline:before { 
  content: '\e089'; /* '' */
} 
.typcn-home:before { 
  content: '\e08a'; /* '' */
} 
.typcn-html5:before { 
  content: '\e08b'; /* '' */
} 
.typcn-image-outline:before { 
  content: '\e08c'; /* '' */
} 
.typcn-image:before { 
  content: '\e08d'; /* '' */
} 
.typcn-infinity-outline:before { 
  content: '\e08e'; /* '' */
} 
.typcn-infinity:before { 
  content: '\e08f'; /* '' */
} 
.typcn-info-large-outline:before { 
  content: '\e090'; /* '' */
} 
.typcn-info-large:before { 
  content: '\e091'; /* '' */
} 
.typcn-info-outline:before { 
  content: '\e092'; /* '' */
} 
.typcn-info:before { 
  content: '\e093'; /* '' */
} 
.typcn-input-checked-outline:before { 
  content: '\e094'; /* '' */
} 
.typcn-input-checked:before { 
  content: '\e095'; /* '' */
} 
.typcn-key-outline:before { 
  content: '\e096'; /* '' */
} 
.typcn-key:before { 
  content: '\e097'; /* '' */
} 
.typcn-keyboard:before { 
  content: '\e098'; /* '' */
} 
.typcn-leaf:before { 
  content: '\e099'; /* '' */
} 
.typcn-lightbulb:before { 
  content: '\e09a'; /* '' */
} 
.typcn-link-outline:before { 
  content: '\e09b'; /* '' */
} 
.typcn-link:before { 
  content: '\e09c'; /* '' */
} 
.typcn-location-arrow-outline:before { 
  content: '\e09d'; /* '' */
} 
.typcn-location-arrow:before { 
  content: '\e09e'; /* '' */
} 
.typcn-location-outline:before { 
  content: '\e09f'; /* '' */
} 
.typcn-location:before { 
  content: '\e0a0'; /* '' */
} 
.typcn-lock-closed-outline:before { 
  content: '\e0a1'; /* '' */
} 
.typcn-lock-closed:before { 
  content: '\e0a2'; /* '' */
} 
.typcn-lock-open-outline:before { 
  content: '\e0a3'; /* '' */
} 
.typcn-lock-open:before { 
  content: '\e0a4'; /* '' */
} 
.typcn-mail:before { 
  content: '\e0a5'; /* '' */
} 
.typcn-map:before { 
  content: '\e0a6'; /* '' */
} 
.typcn-media-eject-outline:before { 
  content: '\e0a7'; /* '' */
} 
.typcn-media-eject:before { 
  content: '\e0a8'; /* '' */
} 
.typcn-media-fast-forward-outline:before { 
  content: '\e0a9'; /* '' */
} 
.typcn-media-fast-forward:before { 
  content: '\e0aa'; /* '' */
} 
.typcn-media-pause-outline:before { 
  content: '\e0ab'; /* '' */
} 
.typcn-media-pause:before { 
  content: '\e0ac'; /* '' */
} 
.typcn-media-play-outline:before { 
  content: '\e0ad'; /* '' */
} 
.typcn-media-play-reverse-outline:before { 
  content: '\e0ae'; /* '' */
} 
.typcn-media-play-reverse:before { 
  content: '\e0af'; /* '' */
} 
.typcn-media-play:before { 
  content: '\e0b0'; /* '' */
} 
.typcn-media-record-outline:before { 
  content: '\e0b1'; /* '' */
} 
.typcn-media-record:before { 
  content: '\e0b2'; /* '' */
} 
.typcn-media-rewind-outline:before { 
  content: '\e0b3'; /* '' */
} 
.typcn-media-rewind:before { 
  content: '\e0b4'; /* '' */
} 
.typcn-media-stop-outline:before { 
  content: '\e0b5'; /* '' */
} 
.typcn-media-stop:before { 
  content: '\e0b6'; /* '' */
} 
.typcn-message-typing:before { 
  content: '\e0b7'; /* '' */
} 
.typcn-message:before { 
  content: '\e0b8'; /* '' */
} 
.typcn-messages:before { 
  content: '\e0b9'; /* '' */
} 
.typcn-microphone-outline:before { 
  content: '\e0ba'; /* '' */
} 
.typcn-microphone:before { 
  content: '\e0bb'; /* '' */
} 
.typcn-minus-outline:before { 
  content: '\e0bc'; /* '' */
} 
.typcn-minus:before { 
  content: '\e0bd'; /* '' */
} 
.typcn-mortar-board:before { 
  content: '\e0be'; /* '' */
} 
.typcn-news:before { 
  content: '\e0bf'; /* '' */
} 
.typcn-notes-outline:before { 
  content: '\e0c0'; /* '' */
} 
.typcn-notes:before { 
  content: '\e0c1'; /* '' */
} 
.typcn-pen:before { 
  content: '\e0c2'; /* '' */
} 
.typcn-pencil:before { 
  content: '\e0c3'; /* '' */
} 
.typcn-phone-outline:before { 
  content: '\e0c4'; /* '' */
} 
.typcn-phone:before { 
  content: '\e0c5'; /* '' */
} 
.typcn-pi-outline:before { 
  content: '\e0c6'; /* '' */
} 
.typcn-pi:before { 
  content: '\e0c7'; /* '' */
} 
.typcn-pin-outline:before { 
  content: '\e0c8'; /* '' */
} 
.typcn-pin:before { 
  content: '\e0c9'; /* '' */
} 
.typcn-pipette:before { 
  content: '\e0ca'; /* '' */
} 
.typcn-plane-outline:before { 
  content: '\e0cb'; /* '' */
} 
.typcn-plane:before { 
  content: '\e0cc'; /* '' */
} 
.typcn-plug:before { 
  content: '\e0cd'; /* '' */
} 
.typcn-plus-outline:before { 
  content: '\e0ce'; /* '' */
} 
.typcn-plus:before { 
  content: '\e0cf'; /* '' */
} 
.typcn-point-of-interest-outline:before { 
  content: '\e0d0'; /* '' */
} 
.typcn-point-of-interest:before { 
  content: '\e0d1'; /* '' */
} 
.typcn-power-outline:before { 
  content: '\e0d2'; /* '' */
} 
.typcn-power:before { 
  content: '\e0d3'; /* '' */
} 
.typcn-printer:before { 
  content: '\e0d4'; /* '' */
} 
.typcn-puzzle-outline:before { 
  content: '\e0d5'; /* '' */
} 
.typcn-puzzle:before { 
  content: '\e0d6'; /* '' */
} 
.typcn-radar-outline:before { 
  content: '\e0d7'; /* '' */
} 
.typcn-radar:before { 
  content: '\e0d8'; /* '' */
} 
.typcn-refresh-outline:before { 
  content: '\e0d9'; /* '' */
} 
.typcn-refresh:before { 
  content: '\e0da'; /* '' */
} 
.typcn-rss-outline:before { 
  content: '\e0db'; /* '' */
} 
.typcn-rss:before { 
  content: '\e0dc'; /* '' */
} 
.typcn-scissors-outline:before { 
  content: '\e0dd'; /* '' */
} 
.typcn-scissors:before { 
  content: '\e0de'; /* '' */
} 
.typcn-shopping-bag:before { 
  content: '\e0df'; /* '' */
} 
.typcn-shopping-cart:before { 
  content: '\e0e0'; /* '' */
} 
.typcn-social-at-circular:before { 
  content: '\e0e1'; /* '' */
} 
.typcn-social-dribbble-circular:before { 
  content: '\e0e2'; /* '' */
} 
.typcn-social-dribbble:before { 
  content: '\e0e3'; /* '' */
} 
.typcn-social-facebook-circular:before { 
  content: '\e0e4'; /* '' */
} 
.typcn-social-facebook:before { 
  content: '\e0e5'; /* '' */
} 
.typcn-social-flickr-circular:before { 
  content: '\e0e6'; /* '' */
} 
.typcn-social-flickr:before { 
  content: '\e0e7'; /* '' */
} 
.typcn-social-github-circular:before { 
  content: '\e0e8'; /* '' */
} 
.typcn-social-github:before { 
  content: '\e0e9'; /* '' */
} 
.typcn-social-google-plus-circular:before { 
  content: '\e0ea'; /* '' */
} 
.typcn-social-google-plus:before { 
  content: '\e0eb'; /* '' */
} 
.typcn-social-instagram-circular:before { 
  content: '\e0ec'; /* '' */
} 
.typcn-social-instagram:before { 
  content: '\e0ed'; /* '' */
} 
.typcn-social-last-fm-circular:before { 
  content: '\e0ee'; /* '' */
} 
.typcn-social-last-fm:before { 
  content: '\e0ef'; /* '' */
} 
.typcn-social-linkedin-circular:before { 
  content: '\e0f0'; /* '' */
} 
.typcn-social-linkedin:before { 
  content: '\e0f1'; /* '' */
} 
.typcn-social-pinterest-circular:before { 
  content: '\e0f2'; /* '' */
} 
.typcn-social-pinterest:before { 
  content: '\e0f3'; /* '' */
} 
.typcn-social-skype-outline:before { 
  content: '\e0f4'; /* '' */
} 
.typcn-social-skype:before { 
  content: '\e0f5'; /* '' */
} 
.typcn-social-tumbler-circular:before { 
  content: '\e0f6'; /* '' */
} 
.typcn-social-tumbler:before { 
  content: '\e0f7'; /* '' */
} 
.typcn-social-twitter-circular:before { 
  content: '\e0f8'; /* '' */
} 
.typcn-social-twitter:before { 
  content: '\e0f9'; /* '' */
} 
.typcn-social-vimeo-circular:before { 
  content: '\e0fa'; /* '' */
} 
.typcn-social-vimeo:before { 
  content: '\e0fb'; /* '' */
} 
.typcn-social-youtube-circular:before { 
  content: '\e0fc'; /* '' */
} 
.typcn-social-youtube:before { 
  content: '\e0fd'; /* '' */
} 
.typcn-sort-alphabetically-outline:before { 
  content: '\e0fe'; /* '' */
} 
.typcn-sort-alphabetically:before { 
  content: '\e0ff'; /* '' */
} 
.typcn-sort-numerically-outline:before { 
  content: '\e100'; /* '' */
} 
.typcn-sort-numerically:before { 
  content: '\e101'; /* '' */
} 
.typcn-spanner-outline:before { 
  content: '\e102'; /* '' */
} 
.typcn-spanner:before { 
  content: '\e103'; /* '' */
} 
.typcn-spiral:before { 
  content: '\e104'; /* '' */
} 
.typcn-star-full-outline:before { 
  content: '\e105'; /* '' */
} 
.typcn-star-half-outline:before { 
  content: '\e106'; /* '' */
} 
.typcn-star-half:before { 
  content: '\e107'; /* '' */
} 
.typcn-star-outline:before { 
  content: '\e108'; /* '' */
} 
.typcn-star:before { 
  content: '\e109'; /* '' */
} 
.typcn-starburst-outline:before { 
  content: '\e10a'; /* '' */
} 
.typcn-starburst:before { 
  content: '\e10b'; /* '' */
} 
.typcn-stopwatch:before { 
  content: '\e10c'; /* '' */
} 
.typcn-support:before { 
  content: '\e10d'; /* '' */
} 
.typcn-tabs-outline:before { 
  content: '\e10e'; /* '' */
} 
.typcn-tag:before { 
  content: '\e10f'; /* '' */
} 
.typcn-tags:before { 
  content: '\e110'; /* '' */
} 
.typcn-th-large-outline:before { 
  content: '\e111'; /* '' */
} 
.typcn-th-large:before { 
  content: '\e112'; /* '' */
} 
.typcn-th-list-outline:before { 
  content: '\e113'; /* '' */
} 
.typcn-th-list:before { 
  content: '\e114'; /* '' */
} 
.typcn-th-menu-outline:before { 
  content: '\e115'; /* '' */
} 
.typcn-th-menu:before { 
  content: '\e116'; /* '' */
} 
.typcn-th-small-outline:before { 
  content: '\e117'; /* '' */
} 
.typcn-th-small:before { 
  content: '\e118'; /* '' */
} 
.typcn-thermometer:before { 
  content: '\e119'; /* '' */
} 
.typcn-thumbs-down:before { 
  content: '\e11a'; /* '' */
} 
.typcn-thumbs-ok:before { 
  content: '\e11b'; /* '' */
} 
.typcn-thumbs-up:before { 
  content: '\e11c'; /* '' */
} 
.typcn-tick-outline:before { 
  content: '\e11d'; /* '' */
} 
.typcn-tick:before { 
  content: '\e11e'; /* '' */
} 
.typcn-ticket:before { 
  content: '\e11f'; /* '' */
} 
.typcn-time:before { 
  content: '\e120'; /* '' */
} 
.typcn-times-outline:before { 
  content: '\e121'; /* '' */
} 
.typcn-times:before { 
  content: '\e122'; /* '' */
} 
.typcn-trash:before { 
  content: '\e123'; /* '' */
} 
.typcn-tree:before { 
  content: '\e124'; /* '' */
} 
.typcn-upload-outline:before { 
  content: '\e125'; /* '' */
} 
.typcn-upload:before { 
  content: '\e126'; /* '' */
} 
.typcn-user-add-outline:before { 
  content: '\e127'; /* '' */
} 
.typcn-user-add:before { 
  content: '\e128'; /* '' */
} 
.typcn-user-delete-outline:before { 
  content: '\e129'; /* '' */
} 
.typcn-user-delete:before { 
  content: '\e12a'; /* '' */
} 
.typcn-user-outline:before { 
  content: '\e12b'; /* '' */
} 
.typcn-user:before { 
  content: '\e12c'; /* '' */
} 
.typcn-vendor-android:before { 
  content: '\e12d'; /* '' */
} 
.typcn-vendor-apple:before { 
  content: '\e12e'; /* '' */
} 
.typcn-vendor-microsoft:before { 
  content: '\e12f'; /* '' */
} 
.typcn-video-outline:before { 
  content: '\e130'; /* '' */
} 
.typcn-video:before { 
  content: '\e131'; /* '' */
} 
.typcn-volume-down:before { 
  content: '\e132'; /* '' */
} 
.typcn-volume-mute:before { 
  content: '\e133'; /* '' */
} 
.typcn-volume-up:before { 
  content: '\e134'; /* '' */
} 
.typcn-volume:before { 
  content: '\e135'; /* '' */
} 
.typcn-warning-outline:before { 
  content: '\e136'; /* '' */
} 
.typcn-warning:before { 
  content: '\e137'; /* '' */
} 
.typcn-watch:before { 
  content: '\e138'; /* '' */
} 
.typcn-waves-outline:before { 
  content: '\e139'; /* '' */
} 
.typcn-waves:before { 
  content: '\e13a'; /* '' */
} 
.typcn-weather-cloudy:before { 
  content: '\e13b'; /* '' */
} 
.typcn-weather-downpour:before { 
  content: '\e13c'; /* '' */
} 
.typcn-weather-night:before { 
  content: '\e13d'; /* '' */
} 
.typcn-weather-partly-sunny:before { 
  content: '\e13e'; /* '' */
} 
.typcn-weather-shower:before { 
  content: '\e13f'; /* '' */
} 
.typcn-weather-snow:before { 
  content: '\e140'; /* '' */
} 
.typcn-weather-stormy:before { 
  content: '\e141'; /* '' */
} 
.typcn-weather-sunny:before { 
  content: '\e142'; /* '' */
} 
.typcn-weather-windy-cloudy:before { 
  content: '\e143'; /* '' */
} 
.typcn-weather-windy:before { 
  content: '\e144'; /* '' */
} 
.typcn-wi-fi-outline:before { 
  content: '\e145'; /* '' */
} 
.typcn-wi-fi:before { 
  content: '\e146'; /* '' */
} 
.typcn-wine:before { 
  content: '\e147'; /* '' */
} 
.typcn-world-outline:before { 
  content: '\e148'; /* '' */
} 
.typcn-world:before { 
  content: '\e149'; /* '' */
} 
.typcn-zoom-in-outline:before { 
  content: '\e14a'; /* '' */
} 
.typcn-zoom-in:before { 
  content: '\e14b'; /* '' */
} 
.typcn-zoom-out-outline:before { 
  content: '\e14c'; /* '' */
} 
.typcn-zoom-out:before { 
  content: '\e14d'; /* '' */
} 
.typcn-zoom-outline:before { 
  content: '\e14e'; /* '' */
} 
.typcn-zoom:before { 
  content: '\e14f'; /* '' */
}@charset "UTF-8";

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

/* HTML5 display-role reset for older browsers */

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  letter-spacing: 0.1em;
  background: #f5f5f5;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

p,
a {
  -webkit-font-smooothing: antialiased;
}

a {
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: #0199e8;
  transition: 0.3s;
}

img {
  width: 100%;
  vertical-align: bottom;
}

::-webkit-input-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

::-ms-input-placeholder {
  color: #ccc;
}

::placeholder {
  color: #ccc;
}

.loading-enter {
  opacity: 0;
  transform: translate(-100px, 0);
}

.loading-enter-to {
  opacity: 1;
}

.loading-enter-active {
  transition: all 1s 0.5s ease;
}

.loading-leave {
  opacity: 1;
  transform: translate(0, 0);
}

.loading-leave-to {
  opacity: 0;
  transform: translate(100px, 0);
}

.loading-leave-active {
  transition: all 0.5s 0s ease;
}

.view-enter {
  opacity: 0;
  transform: translate(-100px, 0);
}

.view-enter-to {
  opacity: 1;
}

.view-enter-active {
  transition: all 1s 0.5s ease;
}

.view-leave {
  opacity: 1;
  transform: translate(0, 0);
}

.view-leave-to {
  opacity: 0;
  transform: translate(100px, 0);
}

.view-leave-active {
  transition: all 0.5s 0s ease;
}

.l-footer {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .l-footer {
    padding-right: 70px;
    padding-left: 10px;
  }
}

.l-footer__copyright {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .l-footer__copyright {
    font-size: 12px;
  }
}

.l-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

@media all and (-ms-high-contrast: none) {
  .l-header {
    position: fixed;
    width: 100%;
  }
}

.l-header__left {
  display: flex;
  align-items: center;
  height: 100%;
}

.l-header__title {
  font-family: "Nunito", sans-serif;
  font-size: 28px;
}

.l-header__menu {
  height: 100%;
}

.l-header__items {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.l-header__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-left: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .l-header__item {
    display: none;
  }
}

.l-header__link {
  width: 100%;
  height: 100%;
  padding-right: 15px;
  padding-left: 15px;
  font-weight: bold;
  line-height: 60px;
  cursor: pointer;
}

.l-main {
  margin: 0 auto 60px;
}

.l-sidebar {
  position: fixed;
  left: -260px;
  z-index: 3;
  width: 250px;
  height: 100vh;
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  transition: all 0.4s;
}

.l-sidebar--active {
  transition: all 0.4s;
  transform: translateX(260px);
}

.l-sidebar__item {
  height: 50px;
  border-bottom: 1px solid #ccc;
}

.l-sidebar__link {
  display: block;
  width: 100%;
  height: 100%;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}

.l-wrapper {
  position: relative;
  min-height: 100vh;
  padding-bottom: 50px;
}

@media all and (-ms-high-contrast: none) {
  .l-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}

.c-avatar {
  position: relative;
  display: block;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 50%;
}

.c-avatar__link-wrap {
  display: flex;
  justify-content: center;
  text-align: center;
}

.c-avatar__image {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  -o-object-fit: cover;
     object-fit: cover;
}

.c-avatar--s {
  width: 30px;
  height: 30px;
}

.c-avatar--m {
  width: 50px;
  height: 50px;
}

.c-avatar--l {
  width: 100px;
  height: 100px;
}

.c-avatar--xl {
  width: 200px;
  height: 200px;
}

.c-btn {
  width: 100%;
  height: 50px;
  font-size: 18px;
  border: none;
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
  transform: translateY(-2px);
}

.c-btn:hover {
  cursor: pointer;
  box-shadow: none;
  transition: all 0.3s;
  transform: none;
}

.c-btn--primary {
  color: #fff;
  background: #00aee0;
}

.c-btn--secondary {
  color: #fff;
  background: #de6641;
}

.c-btn--ghost {
  color: #00aee0;
  background: #fff;
  border: 2px solid #00aee0;
}

.c-btn--loading {
  opacity: 0.5;
}

.c-btn--loading:hover {
  cursor: not-allowed;
}

.c-card {
  position: relative;
  display: block;
  width: 250px;
  padding: 10px;
  margin: 30px 50px;
  font-size: 12px;
  background: #fff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}

.c-card--direct-message {
  padding: 8px;
  border: 2px solid;
}

@media screen and (max-width: 767px) {
  .c-card {
    margin: 30px calc((100vw - 250px) / 2);
  }
}

.c-card__badge {
  position: absolute;
  top: -20px;
  right: -20px;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 15px 0;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  text-align: center;
  background: #de6641;
  border-radius: 50%;
}

.c-card__title {
  height: 48px;
  font-size: 16px;
  font-weight: bold;
  word-break: break-all;
}

.c-card__border {
  margin-right: -10px;
  margin-left: -10px;
  border: none;
  border-top: 1px solid #ccc;
}

.c-card__border--direct-message {
  margin-right: -8px;
  margin-left: -8px;
}

.c-card__num {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #de6641;
  text-align: center;
  letter-spacing: 0;
}

.c-card__msg-title {
  font-weight: bold;
}

.c-card__msg {
  padding: 2px 5px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.c-card__user {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.c-card__username {
  width: 200px;
  padding-left: 5px;
}

.c-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-card__type {
  padding: 5px;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
}

.c-card__type--single {
  background: #00aee0;
}

.c-card__type--revenue {
  background: #de6641;
}

.c-card__like {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-card__like--active {
  color: #b0e000;
}

.c-card__like-count {
  margin-top: 3px;
}

.c-container {
  width: 700px;
  margin: 60px auto 0;
}

@media screen and (max-width: 767px) {
  .c-container {
    width: 100%;
  }
}

.c-container--corp {
  padding: 60px 95px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-container--corp {
    padding: 60px 10px;
  }
}

.c-form-group {
  margin-bottom: 30px;
}

.c-form-group__title {
  margin-bottom: 5px;
}

.c-input-err {
  font-size: 14px;
  color: #de6641;
}

.c-input {
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 18px;
  background-color: #f5f5f5;
  border: none;
  border-radius: 5px;
}

.c-input::-webkit-input-placeholder {
  color: #4a9a98;
}

.c-input::-moz-placeholder {
  color: #4a9a98;
}

.c-input:-ms-input-placeholder {
  color: #4a9a98;
}

.c-input::-ms-input-placeholder {
  color: #4a9a98;
}

.c-input::placeholder {
  color: #4a9a98;
}

.c-input:focus {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.c-input--between {
  width: calc(50% - 40px);
}

.c-input--textarea {
  height: 150px;
  padding: 10px;
  font-size: 14px;
}

.c-input--select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}

.c-input__label {
  font-weight: bold;
}

.c-input__label--require::after {
  padding: 3px;
  margin-left: 10px;
  font-size: 14px;
  color: #fff;
  content: "必須";
  background: #de6641;
  border-radius: 3px;
}

.c-message {
  display: flex;
  font-size: 14px;
}

.c-message__user-caption {
  padding: 2px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #00aee0;
  border-radius: 5px;
}

.c-message__left {
  width: 50px;
}

.c-message__right {
  width: calc(100% - 50px);
  padding-left: 10px;
}

.c-message__username {
  font-weight: bold;
  word-break: break-all;
}

.c-message__balloon {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 70px;
  padding: 10px;
  word-break: break-all;
  background: #f5f5f5;
  border-radius: 5px;
}

.c-message__balloon::after {
  position: absolute;
  top: 10px;
  left: -16px;
  display: inline-block;
  content: "";
  border: 8px solid transparent;
  border-right: 8px solid #f5f5f5;
}

.c-message__date {
  font-size: 12px;
  color: #4a9a98;
  text-align: right;
}

.c-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.c-pagination__item {
  width: 40px;
  height: 40px;
  margin: 5px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.c-pagination__item--active {
  color: #fff;
  cursor: default;
  background: #00aee0;
}

.c-pagination__link {
  display: block;
  width: 100%;
  height: 100%;
}

.c-pagination__link--arrow {
  padding-left: 2px;
  line-height: 39px;
}

.c-pagination__link--active {
  color: #fff;
}

.c-radio {
  display: none;
}

.c-radio__group {
  padding: 10px 0;
}

.c-radio__label {
  cursor: pointer;
}

.c-radio__label::before {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  content: "";
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 100%;
  transition: all 0.25s ease;
}

.c-radio:checked + .c-radio__label::before {
  background-color: #00aee0;
  box-shadow: inset 0 0 0 4px #f5f5f5;
}

.c-radio:focus + .c-radio__label::before {
  outline: none;
}

.c-title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  word-break: break-all;
}

@media screen and (max-width: 767px) {
  .c-title {
    font-size: 22px;
  }
}

.c-tooltip {
  position: relative;
}

.c-tooltip__icon {
  position: absolute;
  bottom: 125%;
  left: 50%;
  z-index: 1;
  width: 300px;
  margin-left: -150px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
}

.c-tooltip:hover > .c-tooltip__icon {
  visibility: visible;
  opacity: 1;
}

.c-tooltip__text {
  display: inline-block;
  padding: 5px;
  font-size: 12px;
  background-color: #ccc;
  border-radius: 5px;
}

.c-tooltip__text::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  content: " ";
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
}

.p-flash-message {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(0, 176, 224, 0.5);
}

.p-flash-message-enter-active {
  transition: all 0.5s;
}

.p-flash-message-leave-active {
  transition: all 0.5s;
}

.p-flash-message-enter,
.p-flash-message-leave-to {
  opacity: 0;
  transform: translateY(-50px);
}

.p-hamburger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-right: 1px solid #ccc;
}

.p-hamburger__content {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 40px;
  height: 32px;
  cursor: pointer;
  transition: all 0.4s;
}

.p-hamburger__content span {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #333;
  border-radius: 4px;
  transition: all 0.4s;
}

.p-hamburger__content span:nth-of-type(1) {
  top: 0;
}

.p-hamburger__content span:nth-of-type(2) {
  top: 14px;
}

.p-hamburger__content span:nth-of-type(3) {
  bottom: 0;
}

.p-hamburger__content--active span:nth-of-type(1) {
  transform: translateY(12px) rotate(-45deg);
}

.p-hamburger__content--active span:nth-of-type(2) {
  opacity: 0;
}

.p-hamburger__content--active span:nth-of-type(3) {
  transform: translateY(-15px) rotate(45deg);
}

.p-loading-icon {
  position: relative;
  width: 1em;
  height: 1em;
  margin: 100px auto;
  font-size: 10px;
  color: #000;
  text-indent: -9999em;
  border-radius: 50%;
  transform: translateZ(0);
  -webkit-animation: load4 1.3s infinite linear;
          animation: load4 1.3s infinite linear;
}

@-webkit-keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }

  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }

  75% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
  }

  87.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
  }
}

@keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }

  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }

  75% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
  }

  87.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
  }
}

.p-mypage-bar {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .p-nav-menu {
    position: absolute;
    top: 0;
    right: -100%;
    display: block;
    width: 100%;
    height: 100vh;
    padding-top: 50px;
    background: rgba(255, 255, 255, 0.85);
    transition: 0.5s;
  }

  .p-nav-menu.is-active {
    z-index: 2;
    transition: 0.5s;
    transform: translateX(-100%);
  }
}

.p-proposition-like {
  text-align: right;
  cursor: pointer;
}

.p-proposition-like--active {
  color: #b0e000;
}

.p-proposition-like__wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.p-proposition-like__icon {
  font-size: 28px;
}

.p-proposition-table {
  width: 100%;
}

.p-proposition-table__data {
  width: 50%;
  padding: 10px;
  font-size: 14px;
  text-align: left;
  border: 1px solid #ccc;
}

.p-proposition-table__data--head {
  font-weight: bold;
  background: #f5f5f5;
}

.p-remember {
  font-size: 14px;
}

.p-remember__check {
  display: none;
}

.p-remember__label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 26px;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color 0.2s linear;
}

.p-remember__label::before {
  position: absolute;
  top: 12px;
  left: 11px;
  display: block;
  width: 5px;
  height: 9px;
  margin-top: -7px;
  content: "";
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  opacity: 0;
  transition: opacity 0.2s linear;
  transform: rotate(45deg);
}

.p-remember__label:checked::before {
  transform: rotate(-45deg) scale(1, 1);
}

.p-remember__label::after {
  position: absolute;
  top: 12px;
  left: 5px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  content: "";
  border: 2px solid #ccc;
  border-radius: 6px;
  transition: border-color 0.2s linear;
}

.p-remember__check:checked + .p-remember__label::before {
  opacity: 1;
}

.p-scroll-top {
  display: none;
}

.p-scroll-top__link {
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding-bottom: 3px;
  padding-left: 2px;
  font-size: 40px;
  color: #fff;
  background: #00aee0;
  border-radius: 50%;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.p-scroll-top__link:hover {
  color: #fff;
}

@media all and (-ms-high-contrast: none) {
  .p-scroll-top__icon {
    padding-top: 12px;
    padding-left: 2px;
  }
}

.p-search-toggle {
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  background: #ccc;
  transition: opacity 0.4s;
}

.p-search-toggle:hover {
  opacity: 0.7;
  transition: opacity 0.4s;
}

.p-share__title {
  position: relative;
  font-weight: bold;
  color: #00aee0;
  text-align: center;
}

.p-share__title::before,
.p-share__title::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 3px;
  content: "";
  background-color: #00aee0;
  border-radius: 3px;
}

.p-share__title::before {
  transform: translateX(-20px) rotate(45deg);
}

@media all and (-ms-high-contrast: none) {
  .p-share__title::before {
    transform: translateX(195px) rotate(45deg);
  }
}

.p-share__title::after {
  transform: translateX(-1px) rotate(-45deg);
}

@media all and (-ms-high-contrast: none) {
  .p-share__title::after {
    transform: translateX(5px) rotate(-45deg);
  }
}

.p-share__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.p-share__icon {
  margin: 10px 20px;
  font-size: 50px;
  cursor: pointer;
}

.p-share__icon--twitter {
  color: #7dcdf7;
}

.p-share__icon--facebook {
  color: #7c9dec;
}

.p-top {
  font-family: "Nunito", sans-serif;
}

.p-top__intro {
  position: relative;
  z-index: 0;
  overflow: hidden;
  color: #fff;
  background-image: url(/images/top_hero.jpg?67045ff4b9c1e17af75ac05821e8f145);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.p-top__intro::before {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: -1;
  content: "";
  background: inherit;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.p-top__intro-title {
  font-size: 24px;
  font-weight: bold;
}

.p-top__intro-content {
  margin: 20px 0;
  font-weight: bold;
}

.p-top__concept {
  background: #fff;
}

.p-top__concept-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.p-top__concept-title--under {
  border-bottom: solid 3px #00aee0;
}

.p-top__concept-content {
  margin: 20px 0;
}

.p-top__section {
  width: 800px;
  padding: 60px 60px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .p-top__section {
    width: 100%;
    padding: 60px 10px;
  }
}

.p-top__btn {
  width: 300px;
}

.u-alL {
  text-align: left !important;
}

.u-alR {
  text-align: right !important;
}

.u-alC {
  text-align: center !important;
}

.u-valT {
  vertical-align: top !important;
}

.u-valM {
  vertical-align: middle !important;
}

.u-valB {
  vertical-align: bottom !important;
}

.u-clearfix {
  zoom: 1;
}

.u-clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.u-color-default {
  color: #333 !important;
}

.u-color-link {
  color: #0199e8 !important;
}

.u-color-placeholder {
  color: #4a9a98 !important;
}

.u-color-err {
  color: #de6641 !important;
}

.u-color-primary {
  color: #00aee0 !important;
}

.u-show {
  display: block !important;
}

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

.u-visible {
  visibility: visible !important;
}

.u-invisible {
  visibility: hidden !important;
}

.u-flL {
  float: left;
}

.u-flR {
  float: right;
}

.u-fs-ss {
  font-size: 12px !important;
}

.u-fs-s {
  font-size: 14px !important;
}

.u-fs-default {
  font-size: 16px !important;
}

.u-fs-m {
  font-size: 18px !important;
}

.u-fs-l {
  font-size: 20px !important;
}

.u-fs-xl {
  font-size: 22px !important;
}

.u-fs-xxl {
  font-size: 28px !important;
}

.u-fs-3l {
  font-size: 32px !important;
}

.u-fw-normal {
  font-weight: normal !important;
}

.u-fw-bold {
  font-weight: bold !important;
}

.u-link-under {
  color: #0199e8;
  text-decoration: underline !important;
}

.u-link-under:hover {
  text-decoration: none !important;
}

.u-mt0auto {
  margin: 0 auto !important;
}

.u-m0 {
  margin: 0 !important;
}

.u-m10 {
  margin: 10px !important;
}

.u-m15 {
  margin: 15px !important;
}

.u-m20 {
  margin: 20px !important;
}

.u-m25 {
  margin: 25px !important;
}

.u-m30 {
  margin: 30px !important;
}

.u-m35 {
  margin: 35px !important;
}

.u-m40 {
  margin: 40px !important;
}

.u-mtb0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.u-mtb5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.u-mtb10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.u-mtb15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.u-mtb20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.u-mtb25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.u-mtb30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.u-mtb35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.u-mtb40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.u-mtb50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.u-mtb60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mt60 {
  margin-top: 60px !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-ml0 {
  margin-left: 0 !important;
}

.u-ml5 {
  margin-left: 5px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-ml35 {
  margin-left: 35px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-ml60 {
  margin-left: 60px !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

.u-mr5 {
  margin-right: 5px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-mr35 {
  margin-right: 35px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-mr60 {
  margin-right: 60px !important;
}

@media screen and (min-width: 769px) {
  .u-pc-none {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-none {
    display: none !important;
  }
}

.u-p0 {
  padding: 0 !important;
}

.u-p10 {
  padding: 10px !important;
}

.u-p15 {
  padding: 15px !important;
}

.u-p20 {
  padding: 20px !important;
}

.u-p25 {
  padding: 25px !important;
}

.u-p30 {
  padding: 30px !important;
}

.u-p35 {
  padding: 35px !important;
}

.u-p40 {
  padding: 40px !important;
}

.u-pt0 {
  padding-top: 0 !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pt15 {
  padding-top: 15px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pt25 {
  padding-top: 25px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-pt35 {
  padding-top: 35px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pb0 {
  padding-bottom: 0 !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-pb35 {
  padding-bottom: 35px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-pl0 {
  padding-left: 0 !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-pl15 {
  padding-left: 15px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-pl25 {
  padding-left: 25px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

.u-pl35 {
  padding-left: 35px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-pr0 {
  padding-right: 0 !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

.u-pr15 {
  padding-right: 15px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pr25 {
  padding-right: 25px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

.u-pr35 {
  padding-right: 35px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-pos-r {
  position: relative !important;
}

.u-pos-a {
  position: absolute !important;
}

.u-pos-f {
  position: fixed !important;
}

.u-td-u {
  text-decoration: underline !important;
}

.u-text-oneline {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.u-wb-all {
  word-break: break-all !important;
}

.u-ws-pw {
  white-space: pre-wrap !important;
}