@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Fredoka+One");
@import url("https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css");
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
* {
  margin: 0;
  padding: 0;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
  -webkit-font-smoothing: antialiased; }

/*! bulma.io v0.7.1 | MIT License | github.com/jgthms/bulma */
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .tabs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select:not(.is-multiple):not(.is-loading)::after, .navbar-link::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
  width: 0.625em; }

.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
  margin-bottom: 1.5rem; }

.delete, .modal-close {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(68, 68, 68, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px; }
  .delete::before, .modal-close::before, .delete::after, .modal-close::after {
    background-color: white;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center; }
  .delete::before, .modal-close::before {
    height: 2px;
    width: 50%; }
  .delete::after, .modal-close::after {
    height: 50%;
    width: 2px; }
  .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
    background-color: rgba(68, 68, 68, 0.3); }
  .delete:active, .modal-close:active {
    background-color: rgba(68, 68, 68, 0.4); }
  .is-small.delete, .is-small.modal-close {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px; }
  .is-medium.delete, .is-medium.modal-close {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px; }
  .is-large.delete, .is-large.modal-close {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px; }

.button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader {
  -webkit-animation: spinAround 500ms infinite linear;
  animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em; }

.is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.button, .input,
.textarea, .select select, .file-cta,
.file-name, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top; }
  .button:focus, .input:focus,
  .textarea:focus, .select select:focus, .file-cta:focus,
  .file-name:focus, .pagination-previous:focus,
  .pagination-next:focus,
  .pagination-link:focus,
  .pagination-ellipsis:focus, .is-focused.button, .is-focused.input,
  .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
  .is-focused.file-name, .is-focused.pagination-previous,
  .is-focused.pagination-next,
  .is-focused.pagination-link,
  .is-focused.pagination-ellipsis, .button:active, .input:active,
  .textarea:active, .select select:active, .file-cta:active,
  .file-name:active, .pagination-previous:active,
  .pagination-next:active,
  .pagination-link:active,
  .pagination-ellipsis:active, .is-active.button, .is-active.input,
  .is-active.textarea, .select select.is-active, .is-active.file-cta,
  .is-active.file-name, .is-active.pagination-previous,
  .is-active.pagination-next,
  .is-active.pagination-link,
  .is-active.pagination-ellipsis {
    outline: none; }
  .button[disabled], .input[disabled],
  .textarea[disabled], .select select[disabled], .file-cta[disabled],
  .file-name[disabled], .pagination-previous[disabled],
  .pagination-next[disabled],
  .pagination-link[disabled],
  .pagination-ellipsis[disabled] {
    cursor: not-allowed; }

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

ul {
  list-style: none; }

button,
input,
select,
textarea {
  margin: 0; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

img,
audio,
video {
  height: auto;
  max-width: 100%; }

iframe {
  border: 0; }

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

td,
th {
  padding: 0;
  text-align: left; }

html {
  background-color: white;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block; }

body,
button,
input,
select,
textarea {
  font-family: "Hiragino Kaku Gothic Pro", "YuGo-Bold", "Rounded Mplus 1c", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace; }

body {
  color: #4a4a4a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5; }

a {
  color: #3273dc;
  cursor: pointer;
  text-decoration: none; }
  a strong {
    color: currentColor; }
  a:hover {
    color: #363636; }

code {
  background-color: whitesmoke;
  color: #ff3860;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em; }

hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0; }

img {
  height: auto;
  max-width: 100%; }

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline; }

small {
  font-size: 0.875em; }

span {
  font-style: inherit;
  font-weight: inherit; }

strong {
  color: #363636;
  font-weight: 700; }

pre {
  -webkit-overflow-scrolling: touch;
  background-color: whitesmoke;
  color: #4a4a4a;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal; }
  pre code {
    background-color: transparent;
    color: currentColor;
    font-size: 1em;
    padding: 0; }

table td,
table th {
  text-align: left;
  vertical-align: top; }

table th {
  color: #363636; }

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table; }

.is-pulled-left {
  float: left !important; }

.is-pulled-right {
  float: right !important; }

.is-clipped {
  overflow: hidden !important; }

.is-size-1 {
  font-size: 3rem !important; }

.is-size-2 {
  font-size: 2.5rem !important; }

.is-size-3 {
  font-size: 2rem !important; }

.is-size-4 {
  font-size: 1.5rem !important; }

.is-size-5 {
  font-size: 1.25rem !important; }

.is-size-6 {
  font-size: 1rem !important; }

.is-size-7 {
  font-size: 0.75rem !important; }

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important; }
  .is-size-2-mobile {
    font-size: 2.5rem !important; }
  .is-size-3-mobile {
    font-size: 2rem !important; }
  .is-size-4-mobile {
    font-size: 1.5rem !important; }
  .is-size-5-mobile {
    font-size: 1.25rem !important; }
  .is-size-6-mobile {
    font-size: 1rem !important; }
  .is-size-7-mobile {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important; }
  .is-size-2-tablet {
    font-size: 2.5rem !important; }
  .is-size-3-tablet {
    font-size: 2rem !important; }
  .is-size-4-tablet {
    font-size: 1.5rem !important; }
  .is-size-5-tablet {
    font-size: 1.25rem !important; }
  .is-size-6-tablet {
    font-size: 1rem !important; }
  .is-size-7-tablet {
    font-size: 0.75rem !important; } }

@media screen and (max-width: 1087px) {
  .is-size-1-touch {
    font-size: 3rem !important; }
  .is-size-2-touch {
    font-size: 2.5rem !important; }
  .is-size-3-touch {
    font-size: 2rem !important; }
  .is-size-4-touch {
    font-size: 1.5rem !important; }
  .is-size-5-touch {
    font-size: 1.25rem !important; }
  .is-size-6-touch {
    font-size: 1rem !important; }
  .is-size-7-touch {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 1088px) {
  .is-size-1-desktop {
    font-size: 3rem !important; }
  .is-size-2-desktop {
    font-size: 2.5rem !important; }
  .is-size-3-desktop {
    font-size: 2rem !important; }
  .is-size-4-desktop {
    font-size: 1.5rem !important; }
  .is-size-5-desktop {
    font-size: 1.25rem !important; }
  .is-size-6-desktop {
    font-size: 1rem !important; }
  .is-size-7-desktop {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 1280px) {
  .is-size-1-widescreen {
    font-size: 3rem !important; }
  .is-size-2-widescreen {
    font-size: 2.5rem !important; }
  .is-size-3-widescreen {
    font-size: 2rem !important; }
  .is-size-4-widescreen {
    font-size: 1.5rem !important; }
  .is-size-5-widescreen {
    font-size: 1.25rem !important; }
  .is-size-6-widescreen {
    font-size: 1rem !important; }
  .is-size-7-widescreen {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 1472px) {
  .is-size-1-fullhd {
    font-size: 3rem !important; }
  .is-size-2-fullhd {
    font-size: 2.5rem !important; }
  .is-size-3-fullhd {
    font-size: 2rem !important; }
  .is-size-4-fullhd {
    font-size: 1.5rem !important; }
  .is-size-5-fullhd {
    font-size: 1.25rem !important; }
  .is-size-6-fullhd {
    font-size: 1rem !important; }
  .is-size-7-fullhd {
    font-size: 0.75rem !important; } }

.has-text-centered {
  text-align: center !important; }

.has-text-justified {
  text-align: justify !important; }

.has-text-left {
  text-align: left !important; }

.has-text-right {
  text-align: right !important; }

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important; } }

@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .has-text-centered-tablet-only {
    text-align: center !important; } }

@media screen and (max-width: 1087px) {
  .has-text-centered-touch {
    text-align: center !important; } }

@media screen and (min-width: 1088px) {
  .has-text-centered-desktop {
    text-align: center !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .has-text-centered-desktop-only {
    text-align: center !important; } }

@media screen and (min-width: 1280px) {
  .has-text-centered-widescreen {
    text-align: center !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .has-text-centered-widescreen-only {
    text-align: center !important; } }

@media screen and (min-width: 1472px) {
  .has-text-centered-fullhd {
    text-align: center !important; } }

@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important; } }

@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .has-text-justified-tablet-only {
    text-align: justify !important; } }

@media screen and (max-width: 1087px) {
  .has-text-justified-touch {
    text-align: justify !important; } }

@media screen and (min-width: 1088px) {
  .has-text-justified-desktop {
    text-align: justify !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .has-text-justified-desktop-only {
    text-align: justify !important; } }

@media screen and (min-width: 1280px) {
  .has-text-justified-widescreen {
    text-align: justify !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important; } }

@media screen and (min-width: 1472px) {
  .has-text-justified-fullhd {
    text-align: justify !important; } }

@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important; } }

@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .has-text-left-tablet-only {
    text-align: left !important; } }

@media screen and (max-width: 1087px) {
  .has-text-left-touch {
    text-align: left !important; } }

@media screen and (min-width: 1088px) {
  .has-text-left-desktop {
    text-align: left !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .has-text-left-desktop-only {
    text-align: left !important; } }

@media screen and (min-width: 1280px) {
  .has-text-left-widescreen {
    text-align: left !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .has-text-left-widescreen-only {
    text-align: left !important; } }

@media screen and (min-width: 1472px) {
  .has-text-left-fullhd {
    text-align: left !important; } }

@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important; } }

@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .has-text-right-tablet-only {
    text-align: right !important; } }

@media screen and (max-width: 1087px) {
  .has-text-right-touch {
    text-align: right !important; } }

@media screen and (min-width: 1088px) {
  .has-text-right-desktop {
    text-align: right !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .has-text-right-desktop-only {
    text-align: right !important; } }

@media screen and (min-width: 1280px) {
  .has-text-right-widescreen {
    text-align: right !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .has-text-right-widescreen-only {
    text-align: right !important; } }

@media screen and (min-width: 1472px) {
  .has-text-right-fullhd {
    text-align: right !important; } }

.is-capitalized {
  text-transform: capitalize !important; }

.is-lowercase {
  text-transform: lowercase !important; }

.is-uppercase {
  text-transform: uppercase !important; }

.is-italic {
  font-style: italic !important; }

.has-text-white {
  color: white !important; }

a.has-text-white:hover, a.has-text-white:focus {
  color: #e6e6e6 !important; }

.has-background-white {
  background-color: white !important; }

.has-text-black {
  color: #444 !important; }

a.has-text-black:hover, a.has-text-black:focus {
  color: #2b2b2b !important; }

.has-background-black {
  background-color: #444 !important; }

.has-text-light {
  color: whitesmoke !important; }

a.has-text-light:hover, a.has-text-light:focus {
  color: #dbdbdb !important; }

.has-background-light {
  background-color: whitesmoke !important; }

.has-text-dark {
  color: #363636 !important; }

a.has-text-dark:hover, a.has-text-dark:focus {
  color: #1c1c1c !important; }

.has-background-dark {
  background-color: #363636 !important; }

.has-text-primary {
  color: #00d1b2 !important; }

a.has-text-primary:hover, a.has-text-primary:focus {
  color: #009e86 !important; }

.has-background-primary {
  background-color: #00d1b2 !important; }

.has-text-link {
  color: #3273dc !important; }

a.has-text-link:hover, a.has-text-link:focus {
  color: #205bbc !important; }

.has-background-link {
  background-color: #3273dc !important; }

.has-text-info {
  color: #209cee !important; }

a.has-text-info:hover, a.has-text-info:focus {
  color: #0f81cc !important; }

.has-background-info {
  background-color: #209cee !important; }

.has-text-success {
  color: #23d160 !important; }

a.has-text-success:hover, a.has-text-success:focus {
  color: #1ca64c !important; }

.has-background-success {
  background-color: #23d160 !important; }

.has-text-warning {
  color: #ffdd57 !important; }

a.has-text-warning:hover, a.has-text-warning:focus {
  color: #ffd324 !important; }

.has-background-warning {
  background-color: #ffdd57 !important; }

.has-text-danger {
  color: #ff3860 !important; }

a.has-text-danger:hover, a.has-text-danger:focus {
  color: #ff0537 !important; }

.has-background-danger {
  background-color: #ff3860 !important; }

.has-text-tomoshibi {
  color: #D9001D !important; }

a.has-text-tomoshibi:hover, a.has-text-tomoshibi:focus {
  color: #a60016 !important; }

.has-background-tomoshibi {
  background-color: #D9001D !important; }

.has-text-black-bis {
  color: #121212 !important; }

.has-background-black-bis {
  background-color: #121212 !important; }

.has-text-black-ter {
  color: #242424 !important; }

.has-background-black-ter {
  background-color: #242424 !important; }

.has-text-grey-darker {
  color: #363636 !important; }

.has-background-grey-darker {
  background-color: #363636 !important; }

.has-text-grey-dark {
  color: #4a4a4a !important; }

.has-background-grey-dark {
  background-color: #4a4a4a !important; }

.has-text-grey {
  color: #7a7a7a !important; }

.has-background-grey {
  background-color: #7a7a7a !important; }

.has-text-grey-light {
  color: #b5b5b5 !important; }

.has-background-grey-light {
  background-color: #b5b5b5 !important; }

.has-text-grey-lighter {
  color: #dbdbdb !important; }

.has-background-grey-lighter {
  background-color: #dbdbdb !important; }

.has-text-white-ter {
  color: whitesmoke !important; }

.has-background-white-ter {
  background-color: whitesmoke !important; }

.has-text-white-bis {
  color: #fafafa !important; }

.has-background-white-bis {
  background-color: #fafafa !important; }

.has-text-weight-light {
  font-weight: 300 !important; }

.has-text-weight-normal {
  font-weight: 400 !important; }

.has-text-weight-semibold {
  font-weight: 600 !important; }

.has-text-weight-bold {
  font-weight: 700 !important; }

.is-block {
  display: block !important; }

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important; } }

@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .is-block-tablet-only {
    display: block !important; } }

@media screen and (max-width: 1087px) {
  .is-block-touch {
    display: block !important; } }

@media screen and (min-width: 1088px) {
  .is-block-desktop {
    display: block !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-block-desktop-only {
    display: block !important; } }

@media screen and (min-width: 1280px) {
  .is-block-widescreen {
    display: block !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-block-widescreen-only {
    display: block !important; } }

@media screen and (min-width: 1472px) {
  .is-block-fullhd {
    display: block !important; } }

.is-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .is-flex-tablet-only {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (max-width: 1087px) {
  .is-flex-touch {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (min-width: 1088px) {
  .is-flex-desktop {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-flex-desktop-only {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (min-width: 1280px) {
  .is-flex-widescreen {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-flex-widescreen-only {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media screen and (min-width: 1472px) {
  .is-flex-fullhd {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

.is-inline {
  display: inline !important; }

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important; } }

@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .is-inline-tablet-only {
    display: inline !important; } }

@media screen and (max-width: 1087px) {
  .is-inline-touch {
    display: inline !important; } }

@media screen and (min-width: 1088px) {
  .is-inline-desktop {
    display: inline !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-inline-desktop-only {
    display: inline !important; } }

@media screen and (min-width: 1280px) {
  .is-inline-widescreen {
    display: inline !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-inline-widescreen-only {
    display: inline !important; } }

@media screen and (min-width: 1472px) {
  .is-inline-fullhd {
    display: inline !important; } }

.is-inline-block {
  display: inline-block !important; }

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important; } }

@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .is-inline-block-tablet-only {
    display: inline-block !important; } }

@media screen and (max-width: 1087px) {
  .is-inline-block-touch {
    display: inline-block !important; } }

@media screen and (min-width: 1088px) {
  .is-inline-block-desktop {
    display: inline-block !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-inline-block-desktop-only {
    display: inline-block !important; } }

@media screen and (min-width: 1280px) {
  .is-inline-block-widescreen {
    display: inline-block !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important; } }

@media screen and (min-width: 1472px) {
  .is-inline-block-fullhd {
    display: inline-block !important; } }

.is-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .is-inline-flex-tablet-only {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media screen and (max-width: 1087px) {
  .is-inline-flex-touch {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media screen and (min-width: 1088px) {
  .is-inline-flex-desktop {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-inline-flex-desktop-only {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media screen and (min-width: 1280px) {
  .is-inline-flex-widescreen {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-inline-flex-widescreen-only {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media screen and (min-width: 1472px) {
  .is-inline-flex-fullhd {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.is-hidden {
  display: none !important; }

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important; } }

@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .is-hidden-tablet-only {
    display: none !important; } }

@media screen and (max-width: 1087px) {
  .is-hidden-touch {
    display: none !important; } }

@media screen and (min-width: 1088px) {
  .is-hidden-desktop {
    display: none !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-hidden-desktop-only {
    display: none !important; } }

@media screen and (min-width: 1280px) {
  .is-hidden-widescreen {
    display: none !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-hidden-widescreen-only {
    display: none !important; } }

@media screen and (min-width: 1472px) {
  .is-hidden-fullhd {
    display: none !important; } }

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

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important; } }

@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important; } }

@media screen and (min-width: 769px) and (max-width: 1087px) {
  .is-invisible-tablet-only {
    visibility: hidden !important; } }

@media screen and (max-width: 1087px) {
  .is-invisible-touch {
    visibility: hidden !important; } }

@media screen and (min-width: 1088px) {
  .is-invisible-desktop {
    visibility: hidden !important; } }

@media screen and (min-width: 1088px) and (max-width: 1279px) {
  .is-invisible-desktop-only {
    visibility: hidden !important; } }

@media screen and (min-width: 1280px) {
  .is-invisible-widescreen {
    visibility: hidden !important; } }

@media screen and (min-width: 1280px) and (max-width: 1471px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important; } }

@media screen and (min-width: 1472px) {
  .is-invisible-fullhd {
    visibility: hidden !important; } }

.is-marginless {
  margin: 0 !important; }

.is-paddingless {
  padding: 0 !important; }

.is-radiusless {
  border-radius: 0 !important; }

.is-shadowless {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.box {
  background-color: white;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 3px rgba(68, 68, 68, 0.1), 0 0 0 1px rgba(68, 68, 68, 0.1);
  box-shadow: 0 2px 3px rgba(68, 68, 68, 0.1), 0 0 0 1px rgba(68, 68, 68, 0.1);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem; }

a.box:hover, a.box:focus {
  -webkit-box-shadow: 0 2px 3px rgba(68, 68, 68, 0.1), 0 0 0 1px #3273dc;
  box-shadow: 0 2px 3px rgba(68, 68, 68, 0.1), 0 0 0 1px #3273dc; }

a.box:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(68, 68, 68, 0.2), 0 0 0 1px #3273dc;
  box-shadow: inset 0 1px 2px rgba(68, 68, 68, 0.2), 0 0 0 1px #3273dc; }

.button {
  background-color: white;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: calc(0.375em - 1px);
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: calc(0.375em - 1px);
  text-align: center;
  white-space: nowrap; }
  .button strong {
    color: inherit; }
  .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
    height: 1.5em;
    width: 1.5em; }
  .button .icon:first-child:not(:last-child) {
    margin-left: calc(-0.375em - 1px);
    margin-right: 0.1875em; }
  .button .icon:last-child:not(:first-child) {
    margin-left: 0.1875em;
    margin-right: calc(-0.375em - 1px); }
  .button .icon:first-child:last-child {
    margin-left: calc(-0.375em - 1px);
    margin-right: calc(-0.375em - 1px); }
  .button:hover, .button.is-hovered {
    border-color: #b5b5b5;
    color: #363636; }
  .button:focus, .button.is-focused {
    border-color: #3273dc;
    color: #363636; }
    .button:focus:not(:active), .button.is-focused:not(:active) {
      -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
      box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
  .button:active, .button.is-active {
    border-color: #4a4a4a;
    color: #363636; }
  .button.is-text {
    background-color: transparent;
    border-color: transparent;
    color: #4a4a4a;
    text-decoration: underline; }
    .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
      background-color: whitesmoke;
      color: #363636; }
    .button.is-text:active, .button.is-text.is-active {
      background-color: #e8e8e8;
      color: #363636; }
    .button.is-text[disabled] {
      background-color: transparent;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .button.is-white {
    background-color: white;
    border-color: transparent;
    color: #444; }
    .button.is-white:hover, .button.is-white.is-hovered {
      background-color: #f9f9f9;
      border-color: transparent;
      color: #444; }
    .button.is-white:focus, .button.is-white.is-focused {
      border-color: transparent;
      color: #444; }
      .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
    .button.is-white:active, .button.is-white.is-active {
      background-color: #f2f2f2;
      border-color: transparent;
      color: #444; }
    .button.is-white[disabled] {
      background-color: white;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-white.is-inverted {
      background-color: #444;
      color: white; }
      .button.is-white.is-inverted:hover {
        background-color: #373737; }
      .button.is-white.is-inverted[disabled] {
        background-color: #444;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: white; }
    .button.is-white.is-loading::after {
      border-color: transparent transparent #444 #444 !important; }
    .button.is-white.is-outlined {
      background-color: transparent;
      border-color: white;
      color: white; }
      .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
        background-color: white;
        border-color: white;
        color: #444; }
      .button.is-white.is-outlined.is-loading::after {
        border-color: transparent transparent white white !important; }
      .button.is-white.is-outlined[disabled] {
        background-color: transparent;
        border-color: white;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: white; }
    .button.is-white.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #444;
      color: #444; }
      .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
        background-color: #444;
        color: white; }
      .button.is-white.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: #444;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #444; }
  .button.is-black {
    background-color: #444;
    border-color: transparent;
    color: white; }
    .button.is-black:hover, .button.is-black.is-hovered {
      background-color: #3e3e3e;
      border-color: transparent;
      color: white; }
    .button.is-black:focus, .button.is-black.is-focused {
      border-color: transparent;
      color: white; }
      .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(68, 68, 68, 0.25);
        box-shadow: 0 0 0 0.125em rgba(68, 68, 68, 0.25); }
    .button.is-black:active, .button.is-black.is-active {
      background-color: #373737;
      border-color: transparent;
      color: white; }
    .button.is-black[disabled] {
      background-color: #444;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-black.is-inverted {
      background-color: white;
      color: #444; }
      .button.is-black.is-inverted:hover {
        background-color: #f2f2f2; }
      .button.is-black.is-inverted[disabled] {
        background-color: white;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #444; }
    .button.is-black.is-loading::after {
      border-color: transparent transparent white white !important; }
    .button.is-black.is-outlined {
      background-color: transparent;
      border-color: #444;
      color: #444; }
      .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
        background-color: #444;
        border-color: #444;
        color: white; }
      .button.is-black.is-outlined.is-loading::after {
        border-color: transparent transparent #444 #444 !important; }
      .button.is-black.is-outlined[disabled] {
        background-color: transparent;
        border-color: #444;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #444; }
    .button.is-black.is-inverted.is-outlined {
      background-color: transparent;
      border-color: white;
      color: white; }
      .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
        background-color: white;
        color: #444; }
      .button.is-black.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: white;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: white; }
  .button.is-light {
    background-color: whitesmoke;
    border-color: transparent;
    color: #363636; }
    .button.is-light:hover, .button.is-light.is-hovered {
      background-color: #eeeeee;
      border-color: transparent;
      color: #363636; }
    .button.is-light:focus, .button.is-light.is-focused {
      border-color: transparent;
      color: #363636; }
      .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
        box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
    .button.is-light:active, .button.is-light.is-active {
      background-color: #e8e8e8;
      border-color: transparent;
      color: #363636; }
    .button.is-light[disabled] {
      background-color: whitesmoke;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-light.is-inverted {
      background-color: #363636;
      color: whitesmoke; }
      .button.is-light.is-inverted:hover {
        background-color: #292929; }
      .button.is-light.is-inverted[disabled] {
        background-color: #363636;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: whitesmoke; }
    .button.is-light.is-loading::after {
      border-color: transparent transparent #363636 #363636 !important; }
    .button.is-light.is-outlined {
      background-color: transparent;
      border-color: whitesmoke;
      color: whitesmoke; }
      .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
        background-color: whitesmoke;
        border-color: whitesmoke;
        color: #363636; }
      .button.is-light.is-outlined.is-loading::after {
        border-color: transparent transparent whitesmoke whitesmoke !important; }
      .button.is-light.is-outlined[disabled] {
        background-color: transparent;
        border-color: whitesmoke;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: whitesmoke; }
    .button.is-light.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #363636;
      color: #363636; }
      .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
        background-color: #363636;
        color: whitesmoke; }
      .button.is-light.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: #363636;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #363636; }
  .button.is-dark {
    background-color: #363636;
    border-color: transparent;
    color: whitesmoke; }
    .button.is-dark:hover, .button.is-dark.is-hovered {
      background-color: #2f2f2f;
      border-color: transparent;
      color: whitesmoke; }
    .button.is-dark:focus, .button.is-dark.is-focused {
      border-color: transparent;
      color: whitesmoke; }
      .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
        box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
    .button.is-dark:active, .button.is-dark.is-active {
      background-color: #292929;
      border-color: transparent;
      color: whitesmoke; }
    .button.is-dark[disabled] {
      background-color: #363636;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-dark.is-inverted {
      background-color: whitesmoke;
      color: #363636; }
      .button.is-dark.is-inverted:hover {
        background-color: #e8e8e8; }
      .button.is-dark.is-inverted[disabled] {
        background-color: whitesmoke;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #363636; }
    .button.is-dark.is-loading::after {
      border-color: transparent transparent whitesmoke whitesmoke !important; }
    .button.is-dark.is-outlined {
      background-color: transparent;
      border-color: #363636;
      color: #363636; }
      .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
        background-color: #363636;
        border-color: #363636;
        color: whitesmoke; }
      .button.is-dark.is-outlined.is-loading::after {
        border-color: transparent transparent #363636 #363636 !important; }
      .button.is-dark.is-outlined[disabled] {
        background-color: transparent;
        border-color: #363636;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #363636; }
    .button.is-dark.is-inverted.is-outlined {
      background-color: transparent;
      border-color: whitesmoke;
      color: whitesmoke; }
      .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
        background-color: whitesmoke;
        color: #363636; }
      .button.is-dark.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: whitesmoke;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: whitesmoke; }
  .button.is-primary {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff; }
    .button.is-primary:hover, .button.is-primary.is-hovered {
      background-color: #00c4a7;
      border-color: transparent;
      color: #fff; }
    .button.is-primary:focus, .button.is-primary.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
        box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); }
    .button.is-primary:active, .button.is-primary.is-active {
      background-color: #00b89c;
      border-color: transparent;
      color: #fff; }
    .button.is-primary[disabled] {
      background-color: #00d1b2;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-primary.is-inverted {
      background-color: #fff;
      color: #00d1b2; }
      .button.is-primary.is-inverted:hover {
        background-color: #f2f2f2; }
      .button.is-primary.is-inverted[disabled] {
        background-color: #fff;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #00d1b2; }
    .button.is-primary.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-primary.is-outlined {
      background-color: transparent;
      border-color: #00d1b2;
      color: #00d1b2; }
      .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
        background-color: #00d1b2;
        border-color: #00d1b2;
        color: #fff; }
      .button.is-primary.is-outlined.is-loading::after {
        border-color: transparent transparent #00d1b2 #00d1b2 !important; }
      .button.is-primary.is-outlined[disabled] {
        background-color: transparent;
        border-color: #00d1b2;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #00d1b2; }
    .button.is-primary.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
        background-color: #fff;
        color: #00d1b2; }
      .button.is-primary.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff; }
  .button.is-link {
    background-color: #3273dc;
    border-color: transparent;
    color: #fff; }
    .button.is-link:hover, .button.is-link.is-hovered {
      background-color: #276cda;
      border-color: transparent;
      color: #fff; }
    .button.is-link:focus, .button.is-link.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
    .button.is-link:active, .button.is-link.is-active {
      background-color: #2366d1;
      border-color: transparent;
      color: #fff; }
    .button.is-link[disabled] {
      background-color: #3273dc;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-link.is-inverted {
      background-color: #fff;
      color: #3273dc; }
      .button.is-link.is-inverted:hover {
        background-color: #f2f2f2; }
      .button.is-link.is-inverted[disabled] {
        background-color: #fff;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #3273dc; }
    .button.is-link.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-link.is-outlined {
      background-color: transparent;
      border-color: #3273dc;
      color: #3273dc; }
      .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus {
        background-color: #3273dc;
        border-color: #3273dc;
        color: #fff; }
      .button.is-link.is-outlined.is-loading::after {
        border-color: transparent transparent #3273dc #3273dc !important; }
      .button.is-link.is-outlined[disabled] {
        background-color: transparent;
        border-color: #3273dc;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #3273dc; }
    .button.is-link.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus {
        background-color: #fff;
        color: #3273dc; }
      .button.is-link.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff; }
  .button.is-info {
    background-color: #209cee;
    border-color: transparent;
    color: #fff; }
    .button.is-info:hover, .button.is-info.is-hovered {
      background-color: #1496ed;
      border-color: transparent;
      color: #fff; }
    .button.is-info:focus, .button.is-info.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
        box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
    .button.is-info:active, .button.is-info.is-active {
      background-color: #118fe4;
      border-color: transparent;
      color: #fff; }
    .button.is-info[disabled] {
      background-color: #209cee;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-info.is-inverted {
      background-color: #fff;
      color: #209cee; }
      .button.is-info.is-inverted:hover {
        background-color: #f2f2f2; }
      .button.is-info.is-inverted[disabled] {
        background-color: #fff;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #209cee; }
    .button.is-info.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-info.is-outlined {
      background-color: transparent;
      border-color: #209cee;
      color: #209cee; }
      .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
        background-color: #209cee;
        border-color: #209cee;
        color: #fff; }
      .button.is-info.is-outlined.is-loading::after {
        border-color: transparent transparent #209cee #209cee !important; }
      .button.is-info.is-outlined[disabled] {
        background-color: transparent;
        border-color: #209cee;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #209cee; }
    .button.is-info.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
        background-color: #fff;
        color: #209cee; }
      .button.is-info.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff; }
  .button.is-success {
    background-color: #23d160;
    border-color: transparent;
    color: #fff; }
    .button.is-success:hover, .button.is-success.is-hovered {
      background-color: #22c65b;
      border-color: transparent;
      color: #fff; }
    .button.is-success:focus, .button.is-success.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
        box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
    .button.is-success:active, .button.is-success.is-active {
      background-color: #20bc56;
      border-color: transparent;
      color: #fff; }
    .button.is-success[disabled] {
      background-color: #23d160;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-success.is-inverted {
      background-color: #fff;
      color: #23d160; }
      .button.is-success.is-inverted:hover {
        background-color: #f2f2f2; }
      .button.is-success.is-inverted[disabled] {
        background-color: #fff;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #23d160; }
    .button.is-success.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-success.is-outlined {
      background-color: transparent;
      border-color: #23d160;
      color: #23d160; }
      .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
        background-color: #23d160;
        border-color: #23d160;
        color: #fff; }
      .button.is-success.is-outlined.is-loading::after {
        border-color: transparent transparent #23d160 #23d160 !important; }
      .button.is-success.is-outlined[disabled] {
        background-color: transparent;
        border-color: #23d160;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #23d160; }
    .button.is-success.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
        background-color: #fff;
        color: #23d160; }
      .button.is-success.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff; }
  .button.is-warning {
    background-color: #ffdd57;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
    .button.is-warning:hover, .button.is-warning.is-hovered {
      background-color: #ffdb4a;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
    .button.is-warning:focus, .button.is-warning.is-focused {
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
      .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
        box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
    .button.is-warning:active, .button.is-warning.is-active {
      background-color: #ffd83d;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
    .button.is-warning[disabled] {
      background-color: #ffdd57;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-warning.is-inverted {
      background-color: rgba(0, 0, 0, 0.7);
      color: #ffdd57; }
      .button.is-warning.is-inverted:hover {
        background-color: rgba(0, 0, 0, 0.7); }
      .button.is-warning.is-inverted[disabled] {
        background-color: rgba(0, 0, 0, 0.7);
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #ffdd57; }
    .button.is-warning.is-loading::after {
      border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
    .button.is-warning.is-outlined {
      background-color: transparent;
      border-color: #ffdd57;
      color: #ffdd57; }
      .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
        background-color: #ffdd57;
        border-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7); }
      .button.is-warning.is-outlined.is-loading::after {
        border-color: transparent transparent #ffdd57 #ffdd57 !important; }
      .button.is-warning.is-outlined[disabled] {
        background-color: transparent;
        border-color: #ffdd57;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #ffdd57; }
    .button.is-warning.is-inverted.is-outlined {
      background-color: transparent;
      border-color: rgba(0, 0, 0, 0.7);
      color: rgba(0, 0, 0, 0.7); }
      .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
        background-color: rgba(0, 0, 0, 0.7);
        color: #ffdd57; }
      .button.is-warning.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: none;
        box-shadow: none;
        color: rgba(0, 0, 0, 0.7); }
  .button.is-danger {
    background-color: #ff3860;
    border-color: transparent;
    color: #fff; }
    .button.is-danger:hover, .button.is-danger.is-hovered {
      background-color: #ff2b56;
      border-color: transparent;
      color: #fff; }
    .button.is-danger:focus, .button.is-danger.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
        box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
    .button.is-danger:active, .button.is-danger.is-active {
      background-color: #ff1f4b;
      border-color: transparent;
      color: #fff; }
    .button.is-danger[disabled] {
      background-color: #ff3860;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-danger.is-inverted {
      background-color: #fff;
      color: #ff3860; }
      .button.is-danger.is-inverted:hover {
        background-color: #f2f2f2; }
      .button.is-danger.is-inverted[disabled] {
        background-color: #fff;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #ff3860; }
    .button.is-danger.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-danger.is-outlined {
      background-color: transparent;
      border-color: #ff3860;
      color: #ff3860; }
      .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
        background-color: #ff3860;
        border-color: #ff3860;
        color: #fff; }
      .button.is-danger.is-outlined.is-loading::after {
        border-color: transparent transparent #ff3860 #ff3860 !important; }
      .button.is-danger.is-outlined[disabled] {
        background-color: transparent;
        border-color: #ff3860;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #ff3860; }
    .button.is-danger.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
        background-color: #fff;
        color: #ff3860; }
      .button.is-danger.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff; }
  .button.is-tomoshibi {
    background-color: #D9001D;
    border-color: transparent;
    color: #fff; }
    .button.is-tomoshibi:hover, .button.is-tomoshibi.is-hovered {
      background-color: #cc001b;
      border-color: transparent;
      color: #fff; }
    .button.is-tomoshibi:focus, .button.is-tomoshibi.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-tomoshibi:focus:not(:active), .button.is-tomoshibi.is-focused:not(:active) {
        -webkit-box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25);
        box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25); }
    .button.is-tomoshibi:active, .button.is-tomoshibi.is-active {
      background-color: #c0001a;
      border-color: transparent;
      color: #fff; }
    .button.is-tomoshibi[disabled] {
      background-color: #D9001D;
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .button.is-tomoshibi.is-inverted {
      background-color: #fff;
      color: #D9001D; }
      .button.is-tomoshibi.is-inverted:hover {
        background-color: #f2f2f2; }
      .button.is-tomoshibi.is-inverted[disabled] {
        background-color: #fff;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #D9001D; }
    .button.is-tomoshibi.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-tomoshibi.is-outlined {
      background-color: transparent;
      border-color: #D9001D;
      color: #D9001D; }
      .button.is-tomoshibi.is-outlined:hover, .button.is-tomoshibi.is-outlined:focus {
        background-color: #D9001D;
        border-color: #D9001D;
        color: #fff; }
      .button.is-tomoshibi.is-outlined.is-loading::after {
        border-color: transparent transparent #D9001D #D9001D !important; }
      .button.is-tomoshibi.is-outlined[disabled] {
        background-color: transparent;
        border-color: #D9001D;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #D9001D; }
    .button.is-tomoshibi.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-tomoshibi.is-inverted.is-outlined:hover, .button.is-tomoshibi.is-inverted.is-outlined:focus {
        background-color: #fff;
        color: #D9001D; }
      .button.is-tomoshibi.is-inverted.is-outlined[disabled] {
        background-color: transparent;
        border-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff; }
  .button.is-small {
    border-radius: 2px;
    font-size: 0.75rem; }
  .button.is-medium {
    font-size: 1.25rem; }
  .button.is-large {
    font-size: 1.5rem; }
  .button[disabled] {
    background-color: white;
    border-color: #dbdbdb;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.5; }
  .button.is-fullwidth {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  .button.is-loading {
    color: transparent !important;
    pointer-events: none; }
    .button.is-loading::after {
      position: absolute;
      left: calc(50% - (1em / 2));
      top: calc(50% - (1em / 2));
      position: absolute !important; }
  .button.is-static {
    background-color: whitesmoke;
    border-color: #dbdbdb;
    color: #7a7a7a;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none; }
  .button.is-rounded {
    border-radius: 290486px;
    padding-left: 1em;
    padding-right: 1em; }

.buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .buttons .button {
    margin-bottom: 0.5rem; }
    .buttons .button:not(:last-child) {
      margin-right: 0.5rem; }
  .buttons:last-child {
    margin-bottom: -0.5rem; }
  .buttons:not(:last-child) {
    margin-bottom: 1rem; }
  .buttons.has-addons .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .buttons.has-addons .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px; }
  .buttons.has-addons .button:last-child {
    margin-right: 0; }
  .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
    z-index: 2; }
  .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
    z-index: 3; }
    .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
      z-index: 4; }
  .buttons.has-addons .button.is-expanded {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .buttons.is-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .buttons.is-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

.container {
  margin: 0 auto;
  position: relative; }
  @media screen and (min-width: 1088px) {
    .container {
      max-width: 960px;
      width: 960px; }
      .container.is-fluid {
        margin-left: 64px;
        margin-right: 64px;
        max-width: none;
        width: auto; } }
  @media screen and (max-width: 1279px) {
    .container.is-widescreen {
      max-width: 1152px;
      width: auto; } }
  @media screen and (max-width: 1471px) {
    .container.is-fullhd {
      max-width: 1344px;
      width: auto; } }
  @media screen and (min-width: 1280px) {
    .container {
      max-width: 1152px;
      width: 1152px; } }
  @media screen and (min-width: 1472px) {
    .container {
      max-width: 1344px;
      width: 1344px; } }

.content li + li {
  margin-top: 0.25em; }

.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em; }

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #363636;
  font-weight: 600;
  line-height: 1.125; }

.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em; }
  .content h1:not(:first-child) {
    margin-top: 1em; }

.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em; }
  .content h2:not(:first-child) {
    margin-top: 1.1428em; }

.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em; }
  .content h3:not(:first-child) {
    margin-top: 1.3333em; }

.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em; }

.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em; }

.content h6 {
  font-size: 1em;
  margin-bottom: 1em; }

.content blockquote {
  background-color: whitesmoke;
  border-left: 5px solid #dbdbdb;
  padding: 1.25em 1.5em; }

.content ol {
  list-style: decimal outside;
  margin-left: 2em;
  margin-top: 1em; }

.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em; }
  .content ul ul {
    list-style-type: circle;
    margin-top: 0.5em; }
    .content ul ul ul {
      list-style-type: square; }

.content dd {
  margin-left: 2em; }

.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center; }
  .content figure:not(:first-child) {
    margin-top: 2em; }
  .content figure:not(:last-child) {
    margin-bottom: 2em; }
  .content figure img {
    display: inline-block; }
  .content figure figcaption {
    font-style: italic; }

.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal; }

.content sup,
.content sub {
  font-size: 75%; }

.content table {
  width: 100%; }
  .content table td,
  .content table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top; }
  .content table th {
    color: #363636;
    text-align: left; }
  .content table thead td,
  .content table thead th {
    border-width: 0 0 2px;
    color: #363636; }
  .content table tfoot td,
  .content table tfoot th {
    border-width: 2px 0 0;
    color: #363636; }
  .content table tbody tr:last-child td,
  .content table tbody tr:last-child th {
    border-bottom-width: 0; }

.content.is-small {
  font-size: 0.75rem; }

.content.is-medium {
  font-size: 1.25rem; }

.content.is-large {
  font-size: 1.5rem; }

.input,
.textarea {
  background-color: white;
  border-color: #dbdbdb;
  color: #363636;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100%;
  width: 100%; }
  .input::-moz-placeholder,
  .textarea::-moz-placeholder {
    color: rgba(54, 54, 54, 0.3); }
  .input::-webkit-input-placeholder,
  .textarea::-webkit-input-placeholder {
    color: rgba(54, 54, 54, 0.3); }
  .input:-moz-placeholder,
  .textarea:-moz-placeholder {
    color: rgba(54, 54, 54, 0.3); }
  .input:-ms-input-placeholder,
  .textarea:-ms-input-placeholder {
    color: rgba(54, 54, 54, 0.3); }
  .input:hover, .input.is-hovered,
  .textarea:hover,
  .textarea.is-hovered {
    border-color: #b5b5b5; }
  .input:focus, .input.is-focused, .input:active, .input.is-active,
  .textarea:focus,
  .textarea.is-focused,
  .textarea:active,
  .textarea.is-active {
    border-color: #D9001D;
    -webkit-box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25);
    box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25); }
  .input[disabled],
  .textarea[disabled] {
    background-color: whitesmoke;
    border-color: whitesmoke;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #7a7a7a; }
    .input[disabled]::-moz-placeholder,
    .textarea[disabled]::-moz-placeholder {
      color: rgba(122, 122, 122, 0.3); }
    .input[disabled]::-webkit-input-placeholder,
    .textarea[disabled]::-webkit-input-placeholder {
      color: rgba(122, 122, 122, 0.3); }
    .input[disabled]:-moz-placeholder,
    .textarea[disabled]:-moz-placeholder {
      color: rgba(122, 122, 122, 0.3); }
    .input[disabled]:-ms-input-placeholder,
    .textarea[disabled]:-ms-input-placeholder {
      color: rgba(122, 122, 122, 0.3); }
  .input[readonly],
  .textarea[readonly] {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .input.is-white,
  .textarea.is-white {
    border-color: white; }
    .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active,
    .textarea.is-white:focus,
    .textarea.is-white.is-focused,
    .textarea.is-white:active,
    .textarea.is-white.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
  .input.is-black,
  .textarea.is-black {
    border-color: #444; }
    .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active,
    .textarea.is-black:focus,
    .textarea.is-black.is-focused,
    .textarea.is-black:active,
    .textarea.is-black.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(68, 68, 68, 0.25);
      box-shadow: 0 0 0 0.125em rgba(68, 68, 68, 0.25); }
  .input.is-light,
  .textarea.is-light {
    border-color: whitesmoke; }
    .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active,
    .textarea.is-light:focus,
    .textarea.is-light.is-focused,
    .textarea.is-light:active,
    .textarea.is-light.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
      box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
  .input.is-dark,
  .textarea.is-dark {
    border-color: #363636; }
    .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
    .textarea.is-dark:focus,
    .textarea.is-dark.is-focused,
    .textarea.is-dark:active,
    .textarea.is-dark.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
      box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
  .input.is-primary,
  .textarea.is-primary {
    border-color: #00d1b2; }
    .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
    .textarea.is-primary:focus,
    .textarea.is-primary.is-focused,
    .textarea.is-primary:active,
    .textarea.is-primary.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
      box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); }
  .input.is-link,
  .textarea.is-link {
    border-color: #3273dc; }
    .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active,
    .textarea.is-link:focus,
    .textarea.is-link.is-focused,
    .textarea.is-link:active,
    .textarea.is-link.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
      box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
  .input.is-info,
  .textarea.is-info {
    border-color: #209cee; }
    .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
    .textarea.is-info:focus,
    .textarea.is-info.is-focused,
    .textarea.is-info:active,
    .textarea.is-info.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
      box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
  .input.is-success,
  .textarea.is-success {
    border-color: #23d160; }
    .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
    .textarea.is-success:focus,
    .textarea.is-success.is-focused,
    .textarea.is-success:active,
    .textarea.is-success.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
      box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
  .input.is-warning,
  .textarea.is-warning {
    border-color: #ffdd57; }
    .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
    .textarea.is-warning:focus,
    .textarea.is-warning.is-focused,
    .textarea.is-warning:active,
    .textarea.is-warning.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
      box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
  .input.is-danger,
  .textarea.is-danger {
    border-color: #ff3860; }
    .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
    .textarea.is-danger:focus,
    .textarea.is-danger.is-focused,
    .textarea.is-danger:active,
    .textarea.is-danger.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
      box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
  .input.is-tomoshibi,
  .textarea.is-tomoshibi {
    border-color: #D9001D; }
    .input.is-tomoshibi:focus, .input.is-tomoshibi.is-focused, .input.is-tomoshibi:active, .input.is-tomoshibi.is-active,
    .textarea.is-tomoshibi:focus,
    .textarea.is-tomoshibi.is-focused,
    .textarea.is-tomoshibi:active,
    .textarea.is-tomoshibi.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25);
      box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25); }
  .input.is-small,
  .textarea.is-small {
    border-radius: 2px;
    font-size: 0.75rem; }
  .input.is-medium,
  .textarea.is-medium {
    font-size: 1.25rem; }
  .input.is-large,
  .textarea.is-large {
    font-size: 1.5rem; }
  .input.is-fullwidth,
  .textarea.is-fullwidth {
    display: block;
    width: 100%; }
  .input.is-inline,
  .textarea.is-inline {
    display: inline;
    width: auto; }

.input.is-rounded {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em; }

.input.is-static {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0; }

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: 0.625em;
  resize: vertical; }
  .textarea:not([rows]) {
    max-height: 600px;
    min-height: 120px; }
  .textarea[rows] {
    height: initial; }
  .textarea.has-fixed-size {
    resize: none; }

.checkbox,
.radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative; }
  .checkbox input,
  .radio input {
    cursor: pointer; }
  .checkbox:hover,
  .radio:hover {
    color: #363636; }
  .checkbox[disabled],
  .radio[disabled] {
    color: #7a7a7a;
    cursor: not-allowed; }

.radio + .radio {
  margin-left: 0.5em; }

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top; }
  .select:not(.is-multiple) {
    height: 2.25em; }
  .select:not(.is-multiple):not(.is-loading)::after {
    border-color: #3273dc;
    right: 1.125em;
    z-index: 4; }
  .select.is-rounded select {
    border-radius: 290486px;
    padding-left: 1em; }
  .select select {
    background-color: white;
    border-color: #dbdbdb;
    color: #363636;
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none; }
    .select select::-moz-placeholder {
      color: rgba(54, 54, 54, 0.3); }
    .select select::-webkit-input-placeholder {
      color: rgba(54, 54, 54, 0.3); }
    .select select:-moz-placeholder {
      color: rgba(54, 54, 54, 0.3); }
    .select select:-ms-input-placeholder {
      color: rgba(54, 54, 54, 0.3); }
    .select select:hover, .select select.is-hovered {
      border-color: #b5b5b5; }
    .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
      border-color: #D9001D;
      -webkit-box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25);
      box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25); }
    .select select[disabled] {
      background-color: whitesmoke;
      border-color: whitesmoke;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #7a7a7a; }
      .select select[disabled]::-moz-placeholder {
        color: rgba(122, 122, 122, 0.3); }
      .select select[disabled]::-webkit-input-placeholder {
        color: rgba(122, 122, 122, 0.3); }
      .select select[disabled]:-moz-placeholder {
        color: rgba(122, 122, 122, 0.3); }
      .select select[disabled]:-ms-input-placeholder {
        color: rgba(122, 122, 122, 0.3); }
    .select select::-ms-expand {
      display: none; }
    .select select[disabled]:hover {
      border-color: whitesmoke; }
    .select select:not([multiple]) {
      padding-right: 2.5em; }
    .select select[multiple] {
      height: initial;
      padding: 0; }
      .select select[multiple] option {
        padding: 0.5em 1em; }
  .select:not(.is-multiple):not(.is-loading):hover::after {
    border-color: #363636; }
  .select.is-white:not(:hover)::after {
    border-color: white; }
  .select.is-white select {
    border-color: white; }
    .select.is-white select:hover, .select.is-white select.is-hovered {
      border-color: #f2f2f2; }
    .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
  .select.is-black:not(:hover)::after {
    border-color: #444; }
  .select.is-black select {
    border-color: #444; }
    .select.is-black select:hover, .select.is-black select.is-hovered {
      border-color: #373737; }
    .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(68, 68, 68, 0.25);
      box-shadow: 0 0 0 0.125em rgba(68, 68, 68, 0.25); }
  .select.is-light:not(:hover)::after {
    border-color: whitesmoke; }
  .select.is-light select {
    border-color: whitesmoke; }
    .select.is-light select:hover, .select.is-light select.is-hovered {
      border-color: #e8e8e8; }
    .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
      box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
  .select.is-dark:not(:hover)::after {
    border-color: #363636; }
  .select.is-dark select {
    border-color: #363636; }
    .select.is-dark select:hover, .select.is-dark select.is-hovered {
      border-color: #292929; }
    .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
      box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
  .select.is-primary:not(:hover)::after {
    border-color: #00d1b2; }
  .select.is-primary select {
    border-color: #00d1b2; }
    .select.is-primary select:hover, .select.is-primary select.is-hovered {
      border-color: #00b89c; }
    .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
      box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); }
  .select.is-link:not(:hover)::after {
    border-color: #3273dc; }
  .select.is-link select {
    border-color: #3273dc; }
    .select.is-link select:hover, .select.is-link select.is-hovered {
      border-color: #2366d1; }
    .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
      box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
  .select.is-info:not(:hover)::after {
    border-color: #209cee; }
  .select.is-info select {
    border-color: #209cee; }
    .select.is-info select:hover, .select.is-info select.is-hovered {
      border-color: #118fe4; }
    .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
      box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
  .select.is-success:not(:hover)::after {
    border-color: #23d160; }
  .select.is-success select {
    border-color: #23d160; }
    .select.is-success select:hover, .select.is-success select.is-hovered {
      border-color: #20bc56; }
    .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
      box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
  .select.is-warning:not(:hover)::after {
    border-color: #ffdd57; }
  .select.is-warning select {
    border-color: #ffdd57; }
    .select.is-warning select:hover, .select.is-warning select.is-hovered {
      border-color: #ffd83d; }
    .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
      box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
  .select.is-danger:not(:hover)::after {
    border-color: #ff3860; }
  .select.is-danger select {
    border-color: #ff3860; }
    .select.is-danger select:hover, .select.is-danger select.is-hovered {
      border-color: #ff1f4b; }
    .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
      box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
  .select.is-tomoshibi:not(:hover)::after {
    border-color: #D9001D; }
  .select.is-tomoshibi select {
    border-color: #D9001D; }
    .select.is-tomoshibi select:hover, .select.is-tomoshibi select.is-hovered {
      border-color: #c0001a; }
    .select.is-tomoshibi select:focus, .select.is-tomoshibi select.is-focused, .select.is-tomoshibi select:active, .select.is-tomoshibi select.is-active {
      -webkit-box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25);
      box-shadow: 0 0 0 0.125em rgba(217, 0, 29, 0.25); }
  .select.is-small {
    border-radius: 2px;
    font-size: 0.75rem; }
  .select.is-medium {
    font-size: 1.25rem; }
  .select.is-large {
    font-size: 1.5rem; }
  .select.is-disabled::after {
    border-color: #7a7a7a; }
  .select.is-fullwidth {
    width: 100%; }
    .select.is-fullwidth select {
      width: 100%; }
  .select.is-loading::after {
    margin-top: 0;
    position: absolute;
    right: 0.625em;
    top: 0.625em;
    -webkit-transform: none;
    transform: none; }
  .select.is-loading.is-small:after {
    font-size: 0.75rem; }
  .select.is-loading.is-medium:after {
    font-size: 1.25rem; }
  .select.is-loading.is-large:after {
    font-size: 1.5rem; }

.file {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative; }
  .file.is-white .file-cta {
    background-color: white;
    border-color: transparent;
    color: #444; }
  .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #444; }
  .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
    box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
    color: #444; }
  .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #444; }
  .file.is-black .file-cta {
    background-color: #444;
    border-color: transparent;
    color: white; }
  .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
    background-color: #3e3e3e;
    border-color: transparent;
    color: white; }
  .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(68, 68, 68, 0.25);
    box-shadow: 0 0 0.5em rgba(68, 68, 68, 0.25);
    color: white; }
  .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
    background-color: #373737;
    border-color: transparent;
    color: white; }
  .file.is-light .file-cta {
    background-color: whitesmoke;
    border-color: transparent;
    color: #363636; }
  .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
    background-color: #eeeeee;
    border-color: transparent;
    color: #363636; }
  .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
    box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
    color: #363636; }
  .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
    background-color: #e8e8e8;
    border-color: transparent;
    color: #363636; }
  .file.is-dark .file-cta {
    background-color: #363636;
    border-color: transparent;
    color: whitesmoke; }
  .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
    background-color: #2f2f2f;
    border-color: transparent;
    color: whitesmoke; }
  .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
    box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
    color: whitesmoke; }
  .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
    background-color: #292929;
    border-color: transparent;
    color: whitesmoke; }
  .file.is-primary .file-cta {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff; }
  .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
    background-color: #00c4a7;
    border-color: transparent;
    color: #fff; }
  .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
    box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
    color: #fff; }
  .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
    background-color: #00b89c;
    border-color: transparent;
    color: #fff; }
  .file.is-link .file-cta {
    background-color: #3273dc;
    border-color: transparent;
    color: #fff; }
  .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
    background-color: #276cda;
    border-color: transparent;
    color: #fff; }
  .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
    box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
    color: #fff; }
  .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
    background-color: #2366d1;
    border-color: transparent;
    color: #fff; }
  .file.is-info .file-cta {
    background-color: #209cee;
    border-color: transparent;
    color: #fff; }
  .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
    background-color: #1496ed;
    border-color: transparent;
    color: #fff; }
  .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
    box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
    color: #fff; }
  .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
    background-color: #118fe4;
    border-color: transparent;
    color: #fff; }
  .file.is-success .file-cta {
    background-color: #23d160;
    border-color: transparent;
    color: #fff; }
  .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
    background-color: #22c65b;
    border-color: transparent;
    color: #fff; }
  .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
    box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
    color: #fff; }
  .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
    background-color: #20bc56;
    border-color: transparent;
    color: #fff; }
  .file.is-warning .file-cta {
    background-color: #ffdd57;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
    background-color: #ffdb4a;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
    box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
    color: rgba(0, 0, 0, 0.7); }
  .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
    background-color: #ffd83d;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-danger .file-cta {
    background-color: #ff3860;
    border-color: transparent;
    color: #fff; }
  .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
    background-color: #ff2b56;
    border-color: transparent;
    color: #fff; }
  .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
    box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
    color: #fff; }
  .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
    background-color: #ff1f4b;
    border-color: transparent;
    color: #fff; }
  .file.is-tomoshibi .file-cta {
    background-color: #D9001D;
    border-color: transparent;
    color: #fff; }
  .file.is-tomoshibi:hover .file-cta, .file.is-tomoshibi.is-hovered .file-cta {
    background-color: #cc001b;
    border-color: transparent;
    color: #fff; }
  .file.is-tomoshibi:focus .file-cta, .file.is-tomoshibi.is-focused .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0.5em rgba(217, 0, 29, 0.25);
    box-shadow: 0 0 0.5em rgba(217, 0, 29, 0.25);
    color: #fff; }
  .file.is-tomoshibi:active .file-cta, .file.is-tomoshibi.is-active .file-cta {
    background-color: #c0001a;
    border-color: transparent;
    color: #fff; }
  .file.is-small {
    font-size: 0.75rem; }
  .file.is-medium {
    font-size: 1.25rem; }
    .file.is-medium .file-icon .fa {
      font-size: 21px; }
  .file.is-large {
    font-size: 1.5rem; }
    .file.is-large .file-icon .fa {
      font-size: 28px; }
  .file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .file.has-name.is-empty .file-cta {
    border-radius: 4px; }
  .file.has-name.is-empty .file-name {
    display: none; }
  .file.is-boxed .file-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .file.is-boxed .file-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 1em 3em; }
  .file.is-boxed .file-name {
    border-width: 0 1px 1px; }
  .file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em; }
    .file.is-boxed .file-icon .fa {
      font-size: 21px; }
  .file.is-boxed.is-small .file-icon .fa {
    font-size: 14px; }
  .file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px; }
  .file.is-boxed.is-large .file-icon .fa {
    font-size: 35px; }
  .file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0; }
  .file.is-boxed.has-name .file-name {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px; }
  .file.is-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .file.is-fullwidth .file-label {
    width: 100%; }
  .file.is-fullwidth .file-name {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: none; }
  .file.is-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .file.is-right .file-cta {
      border-radius: 0 4px 4px 0; }
    .file.is-right .file-name {
      border-radius: 4px 0 0 4px;
      border-width: 1px 0 1px 1px;
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
      -ms-flex-order: -1;
      order: -1; }

.file-label {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  position: relative; }
  .file-label:hover .file-cta {
    background-color: #eeeeee;
    color: #363636; }
  .file-label:hover .file-name {
    border-color: #d5d5d5; }
  .file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #363636; }
  .file-label:active .file-name {
    border-color: #cfcfcf; }

.file-input {
  height: 0.01em;
  left: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 0.01em; }

.file-cta,
.file-name {
  border-color: #dbdbdb;
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap; }

.file-cta {
  background-color: whitesmoke;
  color: #4a4a4a; }

.file-name {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis; }

.file-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em; }
  .file-icon .fa {
    font-size: 14px; }

.label {
  color: #363636;
  display: block;
  font-size: 1rem;
  font-weight: 700; }
  .label:not(:last-child) {
    margin-bottom: 0.5em; }
  .label.is-small {
    font-size: 0.75rem; }
  .label.is-medium {
    font-size: 1.25rem; }
  .label.is-large {
    font-size: 1.5rem; }

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem; }
  .help.is-white {
    color: white; }
  .help.is-black {
    color: #444; }
  .help.is-light {
    color: whitesmoke; }
  .help.is-dark {
    color: #363636; }
  .help.is-primary {
    color: #00d1b2; }
  .help.is-link {
    color: #3273dc; }
  .help.is-info {
    color: #209cee; }
  .help.is-success {
    color: #23d160; }
  .help.is-warning {
    color: #ffdd57; }
  .help.is-danger {
    color: #ff3860; }
  .help.is-tomoshibi {
    color: #D9001D; }

.field:not(:last-child) {
  margin-bottom: 0.75rem; }

.field.has-addons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .field.has-addons .control:not(:last-child) {
    margin-right: -1px; }
  .field.has-addons .control:not(:first-child):not(:last-child) .button,
  .field.has-addons .control:not(:first-child):not(:last-child) .input,
  .field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0; }
  .field.has-addons .control:first-child .button,
  .field.has-addons .control:first-child .input,
  .field.has-addons .control:first-child .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .field.has-addons .control:last-child .button,
  .field.has-addons .control:last-child .input,
  .field.has-addons .control:last-child .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,
  .field.has-addons .control .input:hover,
  .field.has-addons .control .input.is-hovered,
  .field.has-addons .control .select select:hover,
  .field.has-addons .control .select select.is-hovered {
    z-index: 2; }
  .field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,
  .field.has-addons .control .input:focus,
  .field.has-addons .control .input.is-focused,
  .field.has-addons .control .input:active,
  .field.has-addons .control .input.is-active,
  .field.has-addons .control .select select:focus,
  .field.has-addons .control .select select.is-focused,
  .field.has-addons .control .select select:active,
  .field.has-addons .control .select select.is-active {
    z-index: 3; }
    .field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,
    .field.has-addons .control .input:focus:hover,
    .field.has-addons .control .input.is-focused:hover,
    .field.has-addons .control .input:active:hover,
    .field.has-addons .control .input.is-active:hover,
    .field.has-addons .control .select select:focus:hover,
    .field.has-addons .control .select select.is-focused:hover,
    .field.has-addons .control .select select:active:hover,
    .field.has-addons .control .select select.is-active:hover {
      z-index: 4; }
  .field.has-addons .control.is-expanded {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .field.has-addons.has-addons-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .field.has-addons.has-addons-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .field.has-addons.has-addons-fullwidth .control {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }

.field.is-grouped {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .field.is-grouped > .control {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .field.is-grouped > .control:not(:last-child) {
      margin-bottom: 0;
      margin-right: 0.75rem; }
    .field.is-grouped > .control.is-expanded {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1; }
  .field.is-grouped.is-grouped-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .field.is-grouped.is-grouped-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .field.is-grouped.is-grouped-multiline {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
      margin-bottom: 0.75rem; }
    .field.is-grouped.is-grouped-multiline:last-child {
      margin-bottom: -0.75rem; }
    .field.is-grouped.is-grouped-multiline:not(:last-child) {
      margin-bottom: 0; }

@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.field-label .label {
  font-size: inherit; }

@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem; } }

@media screen and (min-width: 769px), print {
  .field-label {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right; }
    .field-label.is-small {
      font-size: 0.75rem;
      padding-top: 0.375em; }
    .field-label.is-normal {
      padding-top: 0.375em; }
    .field-label.is-medium {
      font-size: 1.25rem;
      padding-top: 0.375em; }
    .field-label.is-large {
      font-size: 1.5rem;
      padding-top: 0.375em; } }

.field-body .field .field {
  margin-bottom: 0; }

@media screen and (min-width: 769px), print {
  .field-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 5;
    -webkit-flex-grow: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1; }
    .field-body .field {
      margin-bottom: 0; }
    .field-body > .field {
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1; }
      .field-body > .field:not(.is-narrow) {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
      .field-body > .field:not(:last-child) {
        margin-right: 0.75rem; } }

.control {
  font-size: 1rem;
  position: relative;
  text-align: left; }
  .control.has-icon .icon {
    color: #dbdbdb;
    height: 2.25em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em;
    z-index: 4; }
  .control.has-icon .input:focus + .icon {
    color: #7a7a7a; }
  .control.has-icon .input.is-small + .icon {
    font-size: 0.75rem; }
  .control.has-icon .input.is-medium + .icon {
    font-size: 1.25rem; }
  .control.has-icon .input.is-large + .icon {
    font-size: 1.5rem; }
  .control.has-icon:not(.has-icon-right) .icon {
    left: 0; }
  .control.has-icon:not(.has-icon-right) .input {
    padding-left: 2.25em; }
  .control.has-icon.has-icon-right .icon {
    right: 0; }
  .control.has-icon.has-icon-right .input {
    padding-right: 2.25em; }
  .control.has-icons-left .input:focus ~ .icon,
  .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
  .control.has-icons-right .select:focus ~ .icon {
    color: #7a7a7a; }
  .control.has-icons-left .input.is-small ~ .icon,
  .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
  .control.has-icons-right .select.is-small ~ .icon {
    font-size: 0.75rem; }
  .control.has-icons-left .input.is-medium ~ .icon,
  .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
  .control.has-icons-right .select.is-medium ~ .icon {
    font-size: 1.25rem; }
  .control.has-icons-left .input.is-large ~ .icon,
  .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
  .control.has-icons-right .select.is-large ~ .icon {
    font-size: 1.5rem; }
  .control.has-icons-left .icon, .control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.25em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em;
    z-index: 4; }
  .control.has-icons-left .input,
  .control.has-icons-left .select select {
    padding-left: 2.25em; }
  .control.has-icons-left .icon.is-left {
    left: 0; }
  .control.has-icons-right .input,
  .control.has-icons-right .select select {
    padding-right: 2.25em; }
  .control.has-icons-right .icon.is-right {
    right: 0; }
  .control.is-loading::after {
    position: absolute !important;
    right: 0.625em;
    top: 0.625em;
    z-index: 4; }
  .control.is-loading.is-small:after {
    font-size: 0.75rem; }
  .control.is-loading.is-medium:after {
    font-size: 1.25rem; }
  .control.is-loading.is-large:after {
    font-size: 1.5rem; }

.icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem; }
  .icon.is-small {
    height: 1rem;
    width: 1rem; }
  .icon.is-medium {
    height: 2rem;
    width: 2rem; }
  .icon.is-large {
    height: 3rem;
    width: 3rem; }

.image {
  display: block;
  position: relative; }
  .image img {
    display: block;
    height: auto;
    width: 100%; }
    .image img.is-rounded {
      border-radius: 290486px; }
  .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
    height: 100%;
    width: 100%; }
  .image.is-square, .image.is-1by1 {
    padding-top: 100%; }
  .image.is-5by4 {
    padding-top: 80%; }
  .image.is-4by3 {
    padding-top: 75%; }
  .image.is-3by2 {
    padding-top: 66.6666%; }
  .image.is-5by3 {
    padding-top: 60%; }
  .image.is-16by9 {
    padding-top: 56.25%; }
  .image.is-2by1 {
    padding-top: 50%; }
  .image.is-3by1 {
    padding-top: 33.3333%; }
  .image.is-4by5 {
    padding-top: 125%; }
  .image.is-3by4 {
    padding-top: 133.3333%; }
  .image.is-2by3 {
    padding-top: 150%; }
  .image.is-3by5 {
    padding-top: 166.6666%; }
  .image.is-9by16 {
    padding-top: 177.7777%; }
  .image.is-1by2 {
    padding-top: 200%; }
  .image.is-1by3 {
    padding-top: 300%; }
  .image.is-16x16 {
    height: 16px;
    width: 16px; }
  .image.is-24x24 {
    height: 24px;
    width: 24px; }
  .image.is-32x32 {
    height: 32px;
    width: 32px; }
  .image.is-48x48 {
    height: 48px;
    width: 48px; }
  .image.is-64x64 {
    height: 64px;
    width: 64px; }
  .image.is-96x96 {
    height: 96px;
    width: 96px; }
  .image.is-128x128 {
    height: 128px;
    width: 128px; }

.notification {
  background-color: whitesmoke;
  border-radius: 4px;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  position: relative; }
  .notification a:not(.button) {
    color: currentColor;
    text-decoration: underline; }
  .notification strong {
    color: currentColor; }
  .notification code,
  .notification pre {
    background: white; }
  .notification pre code {
    background: transparent; }
  .notification > .delete {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem; }
  .notification .title,
  .notification .subtitle,
  .notification .content {
    color: currentColor; }
  .notification.is-white {
    background-color: white;
    color: #444; }
  .notification.is-black {
    background-color: #444;
    color: white; }
  .notification.is-light {
    background-color: whitesmoke;
    color: #363636; }
  .notification.is-dark {
    background-color: #363636;
    color: whitesmoke; }
  .notification.is-primary {
    background-color: #00d1b2;
    color: #fff; }
  .notification.is-link {
    background-color: #3273dc;
    color: #fff; }
  .notification.is-info {
    background-color: #209cee;
    color: #fff; }
  .notification.is-success {
    background-color: #23d160;
    color: #fff; }
  .notification.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7); }
  .notification.is-danger {
    background-color: #ff3860;
    color: #fff; }
  .notification.is-tomoshibi {
    background-color: #D9001D;
    color: #fff; }

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 290486px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%; }
  .progress::-webkit-progress-bar {
    background-color: #dbdbdb; }
  .progress::-webkit-progress-value {
    background-color: #4a4a4a; }
  .progress::-moz-progress-bar {
    background-color: #4a4a4a; }
  .progress::-ms-fill {
    background-color: #4a4a4a;
    border: none; }
  .progress.is-white::-webkit-progress-value {
    background-color: white; }
  .progress.is-white::-moz-progress-bar {
    background-color: white; }
  .progress.is-white::-ms-fill {
    background-color: white; }
  .progress.is-black::-webkit-progress-value {
    background-color: #444; }
  .progress.is-black::-moz-progress-bar {
    background-color: #444; }
  .progress.is-black::-ms-fill {
    background-color: #444; }
  .progress.is-light::-webkit-progress-value {
    background-color: whitesmoke; }
  .progress.is-light::-moz-progress-bar {
    background-color: whitesmoke; }
  .progress.is-light::-ms-fill {
    background-color: whitesmoke; }
  .progress.is-dark::-webkit-progress-value {
    background-color: #363636; }
  .progress.is-dark::-moz-progress-bar {
    background-color: #363636; }
  .progress.is-dark::-ms-fill {
    background-color: #363636; }
  .progress.is-primary::-webkit-progress-value {
    background-color: #00d1b2; }
  .progress.is-primary::-moz-progress-bar {
    background-color: #00d1b2; }
  .progress.is-primary::-ms-fill {
    background-color: #00d1b2; }
  .progress.is-link::-webkit-progress-value {
    background-color: #3273dc; }
  .progress.is-link::-moz-progress-bar {
    background-color: #3273dc; }
  .progress.is-link::-ms-fill {
    background-color: #3273dc; }
  .progress.is-info::-webkit-progress-value {
    background-color: #209cee; }
  .progress.is-info::-moz-progress-bar {
    background-color: #209cee; }
  .progress.is-info::-ms-fill {
    background-color: #209cee; }
  .progress.is-success::-webkit-progress-value {
    background-color: #23d160; }
  .progress.is-success::-moz-progress-bar {
    background-color: #23d160; }
  .progress.is-success::-ms-fill {
    background-color: #23d160; }
  .progress.is-warning::-webkit-progress-value {
    background-color: #ffdd57; }
  .progress.is-warning::-moz-progress-bar {
    background-color: #ffdd57; }
  .progress.is-warning::-ms-fill {
    background-color: #ffdd57; }
  .progress.is-danger::-webkit-progress-value {
    background-color: #ff3860; }
  .progress.is-danger::-moz-progress-bar {
    background-color: #ff3860; }
  .progress.is-danger::-ms-fill {
    background-color: #ff3860; }
  .progress.is-tomoshibi::-webkit-progress-value {
    background-color: #D9001D; }
  .progress.is-tomoshibi::-moz-progress-bar {
    background-color: #D9001D; }
  .progress.is-tomoshibi::-ms-fill {
    background-color: #D9001D; }
  .progress.is-small {
    height: 0.75rem; }
  .progress.is-medium {
    height: 1.25rem; }
  .progress.is-large {
    height: 1.5rem; }

.table {
  background-color: white;
  color: #363636; }
  .table td,
  .table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top; }
    .table td.is-white,
    .table th.is-white {
      background-color: white;
      border-color: white;
      color: #444; }
    .table td.is-black,
    .table th.is-black {
      background-color: #444;
      border-color: #444;
      color: white; }
    .table td.is-light,
    .table th.is-light {
      background-color: whitesmoke;
      border-color: whitesmoke;
      color: #363636; }
    .table td.is-dark,
    .table th.is-dark {
      background-color: #363636;
      border-color: #363636;
      color: whitesmoke; }
    .table td.is-primary,
    .table th.is-primary {
      background-color: #00d1b2;
      border-color: #00d1b2;
      color: #fff; }
    .table td.is-link,
    .table th.is-link {
      background-color: #3273dc;
      border-color: #3273dc;
      color: #fff; }
    .table td.is-info,
    .table th.is-info {
      background-color: #209cee;
      border-color: #209cee;
      color: #fff; }
    .table td.is-success,
    .table th.is-success {
      background-color: #23d160;
      border-color: #23d160;
      color: #fff; }
    .table td.is-warning,
    .table th.is-warning {
      background-color: #ffdd57;
      border-color: #ffdd57;
      color: rgba(0, 0, 0, 0.7); }
    .table td.is-danger,
    .table th.is-danger {
      background-color: #ff3860;
      border-color: #ff3860;
      color: #fff; }
    .table td.is-tomoshibi,
    .table th.is-tomoshibi {
      background-color: #D9001D;
      border-color: #D9001D;
      color: #fff; }
    .table td.is-narrow,
    .table th.is-narrow {
      white-space: nowrap;
      width: 1%; }
    .table td.is-selected,
    .table th.is-selected {
      background-color: #00d1b2;
      color: #fff; }
      .table td.is-selected a,
      .table td.is-selected strong,
      .table th.is-selected a,
      .table th.is-selected strong {
        color: currentColor; }
  .table th {
    color: #363636;
    text-align: left; }
  .table tr.is-selected {
    background-color: #00d1b2;
    color: #fff; }
    .table tr.is-selected a,
    .table tr.is-selected strong {
      color: currentColor; }
    .table tr.is-selected td,
    .table tr.is-selected th {
      border-color: #fff;
      color: currentColor; }
  .table thead td,
  .table thead th {
    border-width: 0 0 2px;
    color: #363636; }
  .table tfoot td,
  .table tfoot th {
    border-width: 2px 0 0;
    color: #363636; }
  .table tbody tr:last-child td,
  .table tbody tr:last-child th {
    border-bottom-width: 0; }
  .table.is-bordered td,
  .table.is-bordered th {
    border-width: 1px; }
  .table.is-bordered tr:last-child td,
  .table.is-bordered tr:last-child th {
    border-bottom-width: 1px; }
  .table.is-fullwidth {
    width: 100%; }
  .table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa; }
  .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: whitesmoke; }
  .table.is-narrow td,
  .table.is-narrow th {
    padding: 0.25em 0.5em; }
  .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
    background-color: #fafafa; }

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%; }

.tags {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .tags .tag {
    margin-bottom: 0.5rem; }
    .tags .tag:not(:last-child) {
      margin-right: 0.5rem; }
  .tags:last-child {
    margin-bottom: -0.5rem; }
  .tags:not(:last-child) {
    margin-bottom: 1rem; }
  .tags.has-addons .tag {
    margin-right: 0; }
    .tags.has-addons .tag:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .tags.has-addons .tag:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
  .tags.is-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .tags.is-centered .tag {
      margin-right: 0.25rem;
      margin-left: 0.25rem; }
  .tags.is-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .tags.is-right .tag:not(:first-child) {
      margin-left: 0.5rem; }
    .tags.is-right .tag:not(:last-child) {
      margin-right: 0; }

.tag:not(body) {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: whitesmoke;
  border-radius: 4px;
  color: #4a4a4a;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap; }
  .tag:not(body) .delete {
    margin-left: 0.25rem;
    margin-right: -0.375rem; }
  .tag:not(body).is-white {
    background-color: white;
    color: #444; }
  .tag:not(body).is-black {
    background-color: #444;
    color: white; }
  .tag:not(body).is-light {
    background-color: whitesmoke;
    color: #363636; }
  .tag:not(body).is-dark {
    background-color: #363636;
    color: whitesmoke; }
  .tag:not(body).is-primary {
    background-color: #00d1b2;
    color: #fff; }
  .tag:not(body).is-link {
    background-color: #3273dc;
    color: #fff; }
  .tag:not(body).is-info {
    background-color: #209cee;
    color: #fff; }
  .tag:not(body).is-success {
    background-color: #23d160;
    color: #fff; }
  .tag:not(body).is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7); }
  .tag:not(body).is-danger {
    background-color: #ff3860;
    color: #fff; }
  .tag:not(body).is-tomoshibi {
    background-color: #D9001D;
    color: #fff; }
  .tag:not(body).is-medium {
    font-size: 1rem; }
  .tag:not(body).is-large {
    font-size: 1.25rem; }
  .tag:not(body) .icon:first-child:not(:last-child) {
    margin-left: -0.375em;
    margin-right: 0.1875em; }
  .tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: 0.1875em;
    margin-right: -0.375em; }
  .tag:not(body) .icon:first-child:last-child {
    margin-left: -0.375em;
    margin-right: -0.375em; }
  .tag:not(body).is-delete {
    margin-left: 1px;
    padding: 0;
    position: relative;
    width: 2em; }
    .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
      background-color: currentColor;
      content: "";
      display: block;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
      -webkit-transform-origin: center center;
      transform-origin: center center; }
    .tag:not(body).is-delete::before {
      height: 1px;
      width: 50%; }
    .tag:not(body).is-delete::after {
      height: 50%;
      width: 1px; }
    .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
      background-color: #e8e8e8; }
    .tag:not(body).is-delete:active {
      background-color: #dbdbdb; }
  .tag:not(body).is-rounded {
    border-radius: 290486px; }

a.tag:hover {
  text-decoration: underline; }

.title,
.subtitle {
  word-break: break-word; }
  .title em,
  .title span,
  .subtitle em,
  .subtitle span {
    font-weight: inherit; }
  .title sub,
  .subtitle sub {
    font-size: 0.75em; }
  .title sup,
  .subtitle sup {
    font-size: 0.75em; }
  .title .tag,
  .subtitle .tag {
    vertical-align: middle; }

.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125; }
  .title strong {
    color: inherit;
    font-weight: inherit; }
  .title + .highlight {
    margin-top: -0.75rem; }
  .title:not(.is-spaced) + .subtitle {
    margin-top: -1.25rem; }
  .title.is-1 {
    font-size: 3rem; }
  .title.is-2 {
    font-size: 2.5rem; }
  .title.is-3 {
    font-size: 2rem; }
  .title.is-4 {
    font-size: 1.5rem; }
  .title.is-5 {
    font-size: 1.25rem; }
  .title.is-6 {
    font-size: 1rem; }
  .title.is-7 {
    font-size: 0.75rem; }

.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25; }
  .subtitle strong {
    color: #363636;
    font-weight: 600; }
  .subtitle:not(.is-spaced) + .title {
    margin-top: -1.25rem; }
  .subtitle.is-1 {
    font-size: 3rem; }
  .subtitle.is-2 {
    font-size: 2.5rem; }
  .subtitle.is-3 {
    font-size: 2rem; }
  .subtitle.is-4 {
    font-size: 1.5rem; }
  .subtitle.is-5 {
    font-size: 1.25rem; }
  .subtitle.is-6 {
    font-size: 1rem; }
  .subtitle.is-7 {
    font-size: 0.75rem; }

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase; }

.highlight {
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  padding: 0; }
  .highlight pre {
    overflow: auto;
    max-width: 100%; }

.number {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: whitesmoke;
  border-radius: 290486px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top; }

.breadcrumb {
  font-size: 1rem;
  white-space: nowrap; }
  .breadcrumb a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3273dc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0.75em; }
    .breadcrumb a:hover {
      color: #363636; }
  .breadcrumb li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .breadcrumb li:first-child a {
      padding-left: 0; }
    .breadcrumb li.is-active a {
      color: #363636;
      cursor: default;
      pointer-events: none; }
    .breadcrumb li + li::before {
      color: #b5b5b5;
      content: "\0002f"; }
  .breadcrumb ul,
  .breadcrumb ol {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .breadcrumb .icon:first-child {
    margin-right: 0.5em; }
  .breadcrumb .icon:last-child {
    margin-left: 0.5em; }
  .breadcrumb.is-centered ol,
  .breadcrumb.is-centered ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .breadcrumb.is-right ol,
  .breadcrumb.is-right ul {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .breadcrumb.is-small {
    font-size: 0.75rem; }
  .breadcrumb.is-medium {
    font-size: 1.25rem; }
  .breadcrumb.is-large {
    font-size: 1.5rem; }
  .breadcrumb.has-arrow-separator li + li::before {
    content: "\02192"; }
  .breadcrumb.has-bullet-separator li + li::before {
    content: "\02022"; }
  .breadcrumb.has-dot-separator li + li::before {
    content: "\000b7"; }
  .breadcrumb.has-succeeds-separator li + li::before {
    content: "\0227B"; }

.card {
  background-color: white;
  -webkit-box-shadow: 0 2px 3px rgba(68, 68, 68, 0.1), 0 0 0 1px rgba(68, 68, 68, 0.1);
  box-shadow: 0 2px 3px rgba(68, 68, 68, 0.1), 0 0 0 1px rgba(68, 68, 68, 0.1);
  color: #4a4a4a;
  max-width: 100%;
  position: relative; }

.card-header {
  background-color: none;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-shadow: 0 1px 2px rgba(68, 68, 68, 0.1);
  box-shadow: 0 1px 2px rgba(68, 68, 68, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.card-header-title {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #363636;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem; }
  .card-header-title.is-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }

.card-header-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.75rem; }

.card-image {
  display: block;
  position: relative; }

.card-content {
  background-color: none;
  padding: 1.5rem; }

.card-footer {
  background-color: none;
  border-top: 1px solid #dbdbdb;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.card-footer-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.75rem; }
  .card-footer-item:not(:last-child) {
    border-right: 1px solid #dbdbdb; }

.card .media:not(:last-child) {
  margin-bottom: 0.75rem; }

.dropdown {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  vertical-align: top; }
  .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
    display: block; }
  .dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0; }
  .dropdown.is-up .dropdown-menu {
    bottom: 100%;
    padding-bottom: 4px;
    padding-top: initial;
    top: auto; }

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20; }

.dropdown-content {
  background-color: white;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 3px rgba(68, 68, 68, 0.1), 0 0 0 1px rgba(68, 68, 68, 0.1);
  box-shadow: 0 2px 3px rgba(68, 68, 68, 0.1), 0 0 0 1px rgba(68, 68, 68, 0.1);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }

.dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative; }

a.dropdown-item {
  padding-right: 3rem;
  white-space: nowrap; }
  a.dropdown-item:hover {
    background-color: whitesmoke;
    color: #444; }
  a.dropdown-item.is-active {
    background-color: #3273dc;
    color: #fff; }

.dropdown-divider {
  background-color: #dbdbdb;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0; }

.level {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .level code {
    border-radius: 4px; }
  .level img {
    display: inline-block;
    vertical-align: top; }
  .level.is-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .level.is-mobile .level-left,
    .level.is-mobile .level-right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .level.is-mobile .level-left + .level-right {
      margin-top: 0; }
    .level.is-mobile .level-item {
      margin-right: 0.75rem; }
      .level.is-mobile .level-item:not(:last-child) {
        margin-bottom: 0; }
      .level.is-mobile .level-item:not(.is-narrow) {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
  @media screen and (min-width: 769px), print {
    .level {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .level > .level-item:not(.is-narrow) {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; } }

.level-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .level-item .title,
  .level-item .subtitle {
    margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
      margin-bottom: 0.75rem; } }

.level-left,
.level-right {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .level-left .level-item.is-flexible,
  .level-right .level-item.is-flexible {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  @media screen and (min-width: 769px), print {
    .level-left .level-item:not(:last-child),
    .level-right .level-item:not(:last-child) {
      margin-right: 0.75rem; } }

.level-left {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  @media screen and (max-width: 768px) {
    .level-left + .level-right {
      margin-top: 1.5rem; } }
  @media screen and (min-width: 769px), print {
    .level-left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.level-right {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media screen and (min-width: 769px), print {
    .level-right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.media {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left; }
  .media .content:not(:last-child) {
    margin-bottom: 0.75rem; }
  .media .media {
    border-top: 1px solid rgba(219, 219, 219, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.75rem; }
    .media .media .content:not(:last-child),
    .media .media .control:not(:last-child) {
      margin-bottom: 0.5rem; }
    .media .media .media {
      padding-top: 0.5rem; }
      .media .media .media + .media {
        margin-top: 0.5rem; }
  .media + .media {
    border-top: 1px solid rgba(219, 219, 219, 0.5);
    margin-top: 1rem;
    padding-top: 1rem; }
  .media.is-large + .media {
    margin-top: 1.5rem;
    padding-top: 1.5rem; }

.media-left,
.media-right {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.media-left {
  margin-right: 1rem; }

.media-right {
  margin-left: 1rem; }

.media-content {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  text-align: left; }

.menu {
  font-size: 1rem; }
  .menu.is-small {
    font-size: 0.75rem; }
  .menu.is-medium {
    font-size: 1.25rem; }
  .menu.is-large {
    font-size: 1.5rem; }

.menu-list {
  line-height: 1.25; }
  .menu-list a {
    border-radius: 2px;
    color: #4a4a4a;
    display: block;
    padding: 0.5em 0.75em; }
    .menu-list a:hover {
      background-color: whitesmoke;
      color: #363636; }
    .menu-list a.is-active {
      background-color: #3273dc;
      color: #fff; }
  .menu-list li ul {
    border-left: 1px solid #dbdbdb;
    margin: 0.75em;
    padding-left: 0.75em; }

.menu-label {
  color: #7a7a7a;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
  .menu-label:not(:first-child) {
    margin-top: 1em; }
  .menu-label:not(:last-child) {
    margin-bottom: 1em; }

.message {
  background-color: whitesmoke;
  border-radius: 4px;
  font-size: 1rem; }
  .message strong {
    color: currentColor; }
  .message a:not(.button):not(.tag) {
    color: currentColor;
    text-decoration: underline; }
  .message.is-small {
    font-size: 0.75rem; }
  .message.is-medium {
    font-size: 1.25rem; }
  .message.is-large {
    font-size: 1.5rem; }
  .message.is-white {
    background-color: white; }
    .message.is-white .message-header {
      background-color: white;
      color: #444; }
    .message.is-white .message-body {
      border-color: white;
      color: #4d4d4d; }
  .message.is-black {
    background-color: #fafafa; }
    .message.is-black .message-header {
      background-color: #444;
      color: white; }
    .message.is-black .message-body {
      border-color: #444;
      color: #333333; }
  .message.is-light {
    background-color: #fafafa; }
    .message.is-light .message-header {
      background-color: whitesmoke;
      color: #363636; }
    .message.is-light .message-body {
      border-color: whitesmoke;
      color: #505050; }
  .message.is-dark {
    background-color: #fafafa; }
    .message.is-dark .message-header {
      background-color: #363636;
      color: whitesmoke; }
    .message.is-dark .message-body {
      border-color: #363636;
      color: #2a2a2a; }
  .message.is-primary {
    background-color: #f5fffd; }
    .message.is-primary .message-header {
      background-color: #00d1b2;
      color: #fff; }
    .message.is-primary .message-body {
      border-color: #00d1b2;
      color: #021310; }
  .message.is-link {
    background-color: #f6f9fe; }
    .message.is-link .message-header {
      background-color: #3273dc;
      color: #fff; }
    .message.is-link .message-body {
      border-color: #3273dc;
      color: #22509a; }
  .message.is-info {
    background-color: #f6fbfe; }
    .message.is-info .message-header {
      background-color: #209cee;
      color: #fff; }
    .message.is-info .message-body {
      border-color: #209cee;
      color: #12537e; }
  .message.is-success {
    background-color: #f6fef9; }
    .message.is-success .message-header {
      background-color: #23d160;
      color: #fff; }
    .message.is-success .message-body {
      border-color: #23d160;
      color: #0e301a; }
  .message.is-warning {
    background-color: #fffdf5; }
    .message.is-warning .message-header {
      background-color: #ffdd57;
      color: rgba(0, 0, 0, 0.7); }
    .message.is-warning .message-body {
      border-color: #ffdd57;
      color: #3b3108; }
  .message.is-danger {
    background-color: #fff5f7; }
    .message.is-danger .message-header {
      background-color: #ff3860;
      color: #fff; }
    .message.is-danger .message-body {
      border-color: #ff3860;
      color: #cd0930; }
  .message.is-tomoshibi {
    background-color: #fff5f6; }
    .message.is-tomoshibi .message-header {
      background-color: #D9001D;
      color: #fff; }
    .message.is-tomoshibi .message-body {
      border-color: #D9001D;
      color: #9d0418; }

.message-header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #4a4a4a;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative; }
  .message-header .delete {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0.75em; }
  .message-header + .message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.message-body {
  border-color: #dbdbdb;
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em; }
  .message-body code,
  .message-body pre {
    background-color: white; }
  .message-body pre code {
    background-color: transparent; }

.modal {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40; }
  .modal.is-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.modal-background {
  background-color: rgba(68, 68, 68, 0.86); }

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%; }
  @media screen and (min-width: 769px), print {
    .modal-content,
    .modal-card {
      margin: 0 auto;
      max-height: calc(100vh - 40px);
      width: 640px; } }

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px; }

.modal-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden; }

.modal-card-head,
.modal-card-foot {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: whitesmoke;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 20px;
  position: relative; }

.modal-card-head {
  border-bottom: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.modal-card-title {
  color: #363636;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1; }

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #dbdbdb; }
  .modal-card-foot .button:not(:last-child) {
    margin-right: 10px; }

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px; }

.navbar {
  background-color: white;
  min-height: 3.25rem;
  position: relative;
  z-index: 30; }
  .navbar.is-white {
    background-color: white;
    color: #444; }
    .navbar.is-white .navbar-brand > .navbar-item,
    .navbar.is-white .navbar-brand .navbar-link {
      color: #444; }
    .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
    .navbar.is-white .navbar-brand .navbar-link:hover,
    .navbar.is-white .navbar-brand .navbar-link.is-active {
      background-color: #f2f2f2;
      color: #444; }
    .navbar.is-white .navbar-brand .navbar-link::after {
      border-color: #444; }
    @media screen and (min-width: 1088px) {
      .navbar.is-white .navbar-start > .navbar-item,
      .navbar.is-white .navbar-start .navbar-link,
      .navbar.is-white .navbar-end > .navbar-item,
      .navbar.is-white .navbar-end .navbar-link {
        color: #444; }
      .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
      .navbar.is-white .navbar-start .navbar-link:hover,
      .navbar.is-white .navbar-start .navbar-link.is-active,
      .navbar.is-white .navbar-end > a.navbar-item:hover,
      .navbar.is-white .navbar-end > a.navbar-item.is-active,
      .navbar.is-white .navbar-end .navbar-link:hover,
      .navbar.is-white .navbar-end .navbar-link.is-active {
        background-color: #f2f2f2;
        color: #444; }
      .navbar.is-white .navbar-start .navbar-link::after,
      .navbar.is-white .navbar-end .navbar-link::after {
        border-color: #444; }
      .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #f2f2f2;
        color: #444; }
      .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: white;
        color: #444; } }
  .navbar.is-black {
    background-color: #444;
    color: white; }
    .navbar.is-black .navbar-brand > .navbar-item,
    .navbar.is-black .navbar-brand .navbar-link {
      color: white; }
    .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
    .navbar.is-black .navbar-brand .navbar-link:hover,
    .navbar.is-black .navbar-brand .navbar-link.is-active {
      background-color: #373737;
      color: white; }
    .navbar.is-black .navbar-brand .navbar-link::after {
      border-color: white; }
    @media screen and (min-width: 1088px) {
      .navbar.is-black .navbar-start > .navbar-item,
      .navbar.is-black .navbar-start .navbar-link,
      .navbar.is-black .navbar-end > .navbar-item,
      .navbar.is-black .navbar-end .navbar-link {
        color: white; }
      .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
      .navbar.is-black .navbar-start .navbar-link:hover,
      .navbar.is-black .navbar-start .navbar-link.is-active,
      .navbar.is-black .navbar-end > a.navbar-item:hover,
      .navbar.is-black .navbar-end > a.navbar-item.is-active,
      .navbar.is-black .navbar-end .navbar-link:hover,
      .navbar.is-black .navbar-end .navbar-link.is-active {
        background-color: #373737;
        color: white; }
      .navbar.is-black .navbar-start .navbar-link::after,
      .navbar.is-black .navbar-end .navbar-link::after {
        border-color: white; }
      .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #373737;
        color: white; }
      .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #444;
        color: white; } }
  .navbar.is-light {
    background-color: whitesmoke;
    color: #363636; }
    .navbar.is-light .navbar-brand > .navbar-item,
    .navbar.is-light .navbar-brand .navbar-link {
      color: #363636; }
    .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
    .navbar.is-light .navbar-brand .navbar-link:hover,
    .navbar.is-light .navbar-brand .navbar-link.is-active {
      background-color: #e8e8e8;
      color: #363636; }
    .navbar.is-light .navbar-brand .navbar-link::after {
      border-color: #363636; }
    @media screen and (min-width: 1088px) {
      .navbar.is-light .navbar-start > .navbar-item,
      .navbar.is-light .navbar-start .navbar-link,
      .navbar.is-light .navbar-end > .navbar-item,
      .navbar.is-light .navbar-end .navbar-link {
        color: #363636; }
      .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
      .navbar.is-light .navbar-start .navbar-link:hover,
      .navbar.is-light .navbar-start .navbar-link.is-active,
      .navbar.is-light .navbar-end > a.navbar-item:hover,
      .navbar.is-light .navbar-end > a.navbar-item.is-active,
      .navbar.is-light .navbar-end .navbar-link:hover,
      .navbar.is-light .navbar-end .navbar-link.is-active {
        background-color: #e8e8e8;
        color: #363636; }
      .navbar.is-light .navbar-start .navbar-link::after,
      .navbar.is-light .navbar-end .navbar-link::after {
        border-color: #363636; }
      .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #e8e8e8;
        color: #363636; }
      .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: whitesmoke;
        color: #363636; } }
  .navbar.is-dark {
    background-color: #363636;
    color: whitesmoke; }
    .navbar.is-dark .navbar-brand > .navbar-item,
    .navbar.is-dark .navbar-brand .navbar-link {
      color: whitesmoke; }
    .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
    .navbar.is-dark .navbar-brand .navbar-link:hover,
    .navbar.is-dark .navbar-brand .navbar-link.is-active {
      background-color: #292929;
      color: whitesmoke; }
    .navbar.is-dark .navbar-brand .navbar-link::after {
      border-color: whitesmoke; }
    @media screen and (min-width: 1088px) {
      .navbar.is-dark .navbar-start > .navbar-item,
      .navbar.is-dark .navbar-start .navbar-link,
      .navbar.is-dark .navbar-end > .navbar-item,
      .navbar.is-dark .navbar-end .navbar-link {
        color: whitesmoke; }
      .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
      .navbar.is-dark .navbar-start .navbar-link:hover,
      .navbar.is-dark .navbar-start .navbar-link.is-active,
      .navbar.is-dark .navbar-end > a.navbar-item:hover,
      .navbar.is-dark .navbar-end > a.navbar-item.is-active,
      .navbar.is-dark .navbar-end .navbar-link:hover,
      .navbar.is-dark .navbar-end .navbar-link.is-active {
        background-color: #292929;
        color: whitesmoke; }
      .navbar.is-dark .navbar-start .navbar-link::after,
      .navbar.is-dark .navbar-end .navbar-link::after {
        border-color: whitesmoke; }
      .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #292929;
        color: whitesmoke; }
      .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #363636;
        color: whitesmoke; } }
  .navbar.is-primary {
    background-color: #00d1b2;
    color: #fff; }
    .navbar.is-primary .navbar-brand > .navbar-item,
    .navbar.is-primary .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
    .navbar.is-primary .navbar-brand .navbar-link:hover,
    .navbar.is-primary .navbar-brand .navbar-link.is-active {
      background-color: #00b89c;
      color: #fff; }
    .navbar.is-primary .navbar-brand .navbar-link::after {
      border-color: #fff; }
    @media screen and (min-width: 1088px) {
      .navbar.is-primary .navbar-start > .navbar-item,
      .navbar.is-primary .navbar-start .navbar-link,
      .navbar.is-primary .navbar-end > .navbar-item,
      .navbar.is-primary .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
      .navbar.is-primary .navbar-start .navbar-link:hover,
      .navbar.is-primary .navbar-start .navbar-link.is-active,
      .navbar.is-primary .navbar-end > a.navbar-item:hover,
      .navbar.is-primary .navbar-end > a.navbar-item.is-active,
      .navbar.is-primary .navbar-end .navbar-link:hover,
      .navbar.is-primary .navbar-end .navbar-link.is-active {
        background-color: #00b89c;
        color: #fff; }
      .navbar.is-primary .navbar-start .navbar-link::after,
      .navbar.is-primary .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #00b89c;
        color: #fff; }
      .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #00d1b2;
        color: #fff; } }
  .navbar.is-link {
    background-color: #3273dc;
    color: #fff; }
    .navbar.is-link .navbar-brand > .navbar-item,
    .navbar.is-link .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
    .navbar.is-link .navbar-brand .navbar-link:hover,
    .navbar.is-link .navbar-brand .navbar-link.is-active {
      background-color: #2366d1;
      color: #fff; }
    .navbar.is-link .navbar-brand .navbar-link::after {
      border-color: #fff; }
    @media screen and (min-width: 1088px) {
      .navbar.is-link .navbar-start > .navbar-item,
      .navbar.is-link .navbar-start .navbar-link,
      .navbar.is-link .navbar-end > .navbar-item,
      .navbar.is-link .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
      .navbar.is-link .navbar-start .navbar-link:hover,
      .navbar.is-link .navbar-start .navbar-link.is-active,
      .navbar.is-link .navbar-end > a.navbar-item:hover,
      .navbar.is-link .navbar-end > a.navbar-item.is-active,
      .navbar.is-link .navbar-end .navbar-link:hover,
      .navbar.is-link .navbar-end .navbar-link.is-active {
        background-color: #2366d1;
        color: #fff; }
      .navbar.is-link .navbar-start .navbar-link::after,
      .navbar.is-link .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #2366d1;
        color: #fff; }
      .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #3273dc;
        color: #fff; } }
  .navbar.is-info {
    background-color: #209cee;
    color: #fff; }
    .navbar.is-info .navbar-brand > .navbar-item,
    .navbar.is-info .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
    .navbar.is-info .navbar-brand .navbar-link:hover,
    .navbar.is-info .navbar-brand .navbar-link.is-active {
      background-color: #118fe4;
      color: #fff; }
    .navbar.is-info .navbar-brand .navbar-link::after {
      border-color: #fff; }
    @media screen and (min-width: 1088px) {
      .navbar.is-info .navbar-start > .navbar-item,
      .navbar.is-info .navbar-start .navbar-link,
      .navbar.is-info .navbar-end > .navbar-item,
      .navbar.is-info .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
      .navbar.is-info .navbar-start .navbar-link:hover,
      .navbar.is-info .navbar-start .navbar-link.is-active,
      .navbar.is-info .navbar-end > a.navbar-item:hover,
      .navbar.is-info .navbar-end > a.navbar-item.is-active,
      .navbar.is-info .navbar-end .navbar-link:hover,
      .navbar.is-info .navbar-end .navbar-link.is-active {
        background-color: #118fe4;
        color: #fff; }
      .navbar.is-info .navbar-start .navbar-link::after,
      .navbar.is-info .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #118fe4;
        color: #fff; }
      .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #209cee;
        color: #fff; } }
  .navbar.is-success {
    background-color: #23d160;
    color: #fff; }
    .navbar.is-success .navbar-brand > .navbar-item,
    .navbar.is-success .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
    .navbar.is-success .navbar-brand .navbar-link:hover,
    .navbar.is-success .navbar-brand .navbar-link.is-active {
      background-color: #20bc56;
      color: #fff; }
    .navbar.is-success .navbar-brand .navbar-link::after {
      border-color: #fff; }
    @media screen and (min-width: 1088px) {
      .navbar.is-success .navbar-start > .navbar-item,
      .navbar.is-success .navbar-start .navbar-link,
      .navbar.is-success .navbar-end > .navbar-item,
      .navbar.is-success .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
      .navbar.is-success .navbar-start .navbar-link:hover,
      .navbar.is-success .navbar-start .navbar-link.is-active,
      .navbar.is-success .navbar-end > a.navbar-item:hover,
      .navbar.is-success .navbar-end > a.navbar-item.is-active,
      .navbar.is-success .navbar-end .navbar-link:hover,
      .navbar.is-success .navbar-end .navbar-link.is-active {
        background-color: #20bc56;
        color: #fff; }
      .navbar.is-success .navbar-start .navbar-link::after,
      .navbar.is-success .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #20bc56;
        color: #fff; }
      .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #23d160;
        color: #fff; } }
  .navbar.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-brand > .navbar-item,
    .navbar.is-warning .navbar-brand .navbar-link {
      color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
    .navbar.is-warning .navbar-brand .navbar-link:hover,
    .navbar.is-warning .navbar-brand .navbar-link.is-active {
      background-color: #ffd83d;
      color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-brand .navbar-link::after {
      border-color: rgba(0, 0, 0, 0.7); }
    @media screen and (min-width: 1088px) {
      .navbar.is-warning .navbar-start > .navbar-item,
      .navbar.is-warning .navbar-start .navbar-link,
      .navbar.is-warning .navbar-end > .navbar-item,
      .navbar.is-warning .navbar-end .navbar-link {
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
      .navbar.is-warning .navbar-start .navbar-link:hover,
      .navbar.is-warning .navbar-start .navbar-link.is-active,
      .navbar.is-warning .navbar-end > a.navbar-item:hover,
      .navbar.is-warning .navbar-end > a.navbar-item.is-active,
      .navbar.is-warning .navbar-end .navbar-link:hover,
      .navbar.is-warning .navbar-end .navbar-link.is-active {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-start .navbar-link::after,
      .navbar.is-warning .navbar-end .navbar-link::after {
        border-color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7); } }
  .navbar.is-danger {
    background-color: #ff3860;
    color: #fff; }
    .navbar.is-danger .navbar-brand > .navbar-item,
    .navbar.is-danger .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
    .navbar.is-danger .navbar-brand .navbar-link:hover,
    .navbar.is-danger .navbar-brand .navbar-link.is-active {
      background-color: #ff1f4b;
      color: #fff; }
    .navbar.is-danger .navbar-brand .navbar-link::after {
      border-color: #fff; }
    @media screen and (min-width: 1088px) {
      .navbar.is-danger .navbar-start > .navbar-item,
      .navbar.is-danger .navbar-start .navbar-link,
      .navbar.is-danger .navbar-end > .navbar-item,
      .navbar.is-danger .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
      .navbar.is-danger .navbar-start .navbar-link:hover,
      .navbar.is-danger .navbar-start .navbar-link.is-active,
      .navbar.is-danger .navbar-end > a.navbar-item:hover,
      .navbar.is-danger .navbar-end > a.navbar-item.is-active,
      .navbar.is-danger .navbar-end .navbar-link:hover,
      .navbar.is-danger .navbar-end .navbar-link.is-active {
        background-color: #ff1f4b;
        color: #fff; }
      .navbar.is-danger .navbar-start .navbar-link::after,
      .navbar.is-danger .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ff1f4b;
        color: #fff; }
      .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #ff3860;
        color: #fff; } }
  .navbar.is-tomoshibi {
    background-color: #D9001D;
    color: #fff; }
    .navbar.is-tomoshibi .navbar-brand > .navbar-item,
    .navbar.is-tomoshibi .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-tomoshibi .navbar-brand > a.navbar-item:hover, .navbar.is-tomoshibi .navbar-brand > a.navbar-item.is-active,
    .navbar.is-tomoshibi .navbar-brand .navbar-link:hover,
    .navbar.is-tomoshibi .navbar-brand .navbar-link.is-active {
      background-color: #c0001a;
      color: #fff; }
    .navbar.is-tomoshibi .navbar-brand .navbar-link::after {
      border-color: #fff; }
    @media screen and (min-width: 1088px) {
      .navbar.is-tomoshibi .navbar-start > .navbar-item,
      .navbar.is-tomoshibi .navbar-start .navbar-link,
      .navbar.is-tomoshibi .navbar-end > .navbar-item,
      .navbar.is-tomoshibi .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-tomoshibi .navbar-start > a.navbar-item:hover, .navbar.is-tomoshibi .navbar-start > a.navbar-item.is-active,
      .navbar.is-tomoshibi .navbar-start .navbar-link:hover,
      .navbar.is-tomoshibi .navbar-start .navbar-link.is-active,
      .navbar.is-tomoshibi .navbar-end > a.navbar-item:hover,
      .navbar.is-tomoshibi .navbar-end > a.navbar-item.is-active,
      .navbar.is-tomoshibi .navbar-end .navbar-link:hover,
      .navbar.is-tomoshibi .navbar-end .navbar-link.is-active {
        background-color: #c0001a;
        color: #fff; }
      .navbar.is-tomoshibi .navbar-start .navbar-link::after,
      .navbar.is-tomoshibi .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-tomoshibi .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-tomoshibi .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #c0001a;
        color: #fff; }
      .navbar.is-tomoshibi .navbar-dropdown a.navbar-item.is-active {
        background-color: #D9001D;
        color: #fff; } }
  .navbar > .container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.25rem;
    width: 100%; }
  .navbar.has-shadow {
    -webkit-box-shadow: 0 2px 0 0 whitesmoke;
    box-shadow: 0 2px 0 0 whitesmoke; }
  .navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30; }
  .navbar.is-fixed-bottom {
    bottom: 0; }
    .navbar.is-fixed-bottom.has-shadow {
      -webkit-box-shadow: 0 -2px 0 0 whitesmoke;
      box-shadow: 0 -2px 0 0 whitesmoke; }
  .navbar.is-fixed-top {
    top: 0; }

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem; }

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem; }

.navbar-brand,
.navbar-tabs {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 3.25rem; }

.navbar-brand a.navbar-item:hover {
  background-color: transparent; }

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden; }

.navbar-burger {
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto; }
  .navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition-duration: 86ms;
    transition-duration: 86ms;
    -webkit-transition-property: background-color, opacity, -webkit-transform;
    transition-property: background-color, opacity, -webkit-transform;
    transition-property: background-color, opacity, transform;
    transition-property: background-color, opacity, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 16px; }
    .navbar-burger span:nth-child(1) {
      top: calc(50% - 6px); }
    .navbar-burger span:nth-child(2) {
      top: calc(50% - 1px); }
    .navbar-burger span:nth-child(3) {
      top: calc(50% + 4px); }
  .navbar-burger:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .navbar-burger.is-active span:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg); }
  .navbar-burger.is-active span:nth-child(2) {
    opacity: 0; }
  .navbar-burger.is-active span:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg); }

.navbar-menu {
  display: none; }

.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative; }
  .navbar-item .icon:only-child,
  .navbar-link .icon:only-child {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }

a.navbar-item,
.navbar-link {
  cursor: pointer; }
  a.navbar-item:hover, a.navbar-item.is-active,
  .navbar-link:hover,
  .navbar-link.is-active {
    background-color: #fafafa;
    color: #3273dc; }

.navbar-item {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .navbar-item img {
    max-height: 1.75rem; }
  .navbar-item.has-dropdown {
    padding: 0; }
  .navbar-item.is-expanded {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1; }
  .navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: 3.25rem;
    padding-bottom: calc(0.5rem - 1px); }
    .navbar-item.is-tab:hover {
      background-color: transparent;
      border-bottom-color: #3273dc; }
    .navbar-item.is-tab.is-active {
      background-color: transparent;
      border-bottom-color: #3273dc;
      border-bottom-style: solid;
      border-bottom-width: 3px;
      color: #3273dc;
      padding-bottom: calc(0.5rem - 3px); }

.navbar-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.navbar-link {
  padding-right: 2.5em; }
  .navbar-link::after {
    border-color: #3273dc;
    margin-top: -0.375em;
    right: 1.125em; }

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }
  .navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }

.navbar-divider {
  background-color: whitesmoke;
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0; }

@media screen and (max-width: 1087px) {
  .navbar > .container {
    display: block; }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .navbar-link::after {
    display: none; }
  .navbar-menu {
    background-color: white;
    -webkit-box-shadow: 0 8px 16px rgba(68, 68, 68, 0.1);
    box-shadow: 0 8px 16px rgba(68, 68, 68, 0.1);
    padding: 0.5rem 0; }
    .navbar-menu.is-active {
      display: block; }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30; }
  .navbar.is-fixed-bottom-touch {
    bottom: 0; }
    .navbar.is-fixed-bottom-touch.has-shadow {
      -webkit-box-shadow: 0 -2px 3px rgba(68, 68, 68, 0.1);
      box-shadow: 0 -2px 3px rgba(68, 68, 68, 0.1); }
  .navbar.is-fixed-top-touch {
    top: 0; }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto; }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem; }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem; } }

@media screen and (min-width: 1088px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .navbar {
    min-height: 3.25rem; }
    .navbar.is-spaced {
      padding: 1rem 2rem; }
      .navbar.is-spaced .navbar-start,
      .navbar.is-spaced .navbar-end {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
      .navbar.is-spaced a.navbar-item,
      .navbar.is-spaced .navbar-link {
        border-radius: 4px; }
    .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
    .navbar.is-transparent .navbar-link:hover,
    .navbar.is-transparent .navbar-link.is-active {
      background-color: transparent !important; }
    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
      background-color: transparent !important; }
    .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
      background-color: whitesmoke;
      color: #444; }
    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
      background-color: whitesmoke;
      color: #3273dc; }
  .navbar-burger {
    display: none; }
  .navbar-item,
  .navbar-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .navbar-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .navbar-item.has-dropdown {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
    .navbar-item.has-dropdown-up .navbar-link::after {
      -webkit-transform: rotate(135deg) translate(0.25em, -0.25em);
      transform: rotate(135deg) translate(0.25em, -0.25em); }
    .navbar-item.has-dropdown-up .navbar-dropdown {
      border-bottom: 2px solid #dbdbdb;
      border-radius: 6px 6px 0 0;
      border-top: none;
      bottom: 100%;
      -webkit-box-shadow: 0 -8px 8px rgba(68, 68, 68, 0.1);
      box-shadow: 0 -8px 8px rgba(68, 68, 68, 0.1);
      top: auto; }
    .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
      display: block; }
      .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
  .navbar-menu {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .navbar-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: auto; }
  .navbar-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto; }
  .navbar-dropdown {
    background-color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    -webkit-box-shadow: 0 8px 8px rgba(68, 68, 68, 0.1);
    box-shadow: 0 8px 8px rgba(68, 68, 68, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20; }
    .navbar-dropdown .navbar-item {
      padding: 0.375rem 1rem;
      white-space: nowrap; }
    .navbar-dropdown a.navbar-item {
      padding-right: 3rem; }
      .navbar-dropdown a.navbar-item:hover {
        background-color: whitesmoke;
        color: #444; }
      .navbar-dropdown a.navbar-item.is-active {
        background-color: whitesmoke;
        color: #3273dc; }
    .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
      border-radius: 6px;
      border-top: none;
      -webkit-box-shadow: 0 8px 8px rgba(68, 68, 68, 0.1), 0 0 0 1px rgba(68, 68, 68, 0.1);
      box-shadow: 0 8px 8px rgba(68, 68, 68, 0.1), 0 0 0 1px rgba(68, 68, 68, 0.1);
      display: block;
      opacity: 0;
      pointer-events: none;
      top: calc(100% + (-4px));
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
      -webkit-transition-duration: 86ms;
      transition-duration: 86ms;
      -webkit-transition-property: opacity, -webkit-transform;
      transition-property: opacity, -webkit-transform;
      transition-property: opacity, transform;
      transition-property: opacity, transform, -webkit-transform; }
    .navbar-dropdown.is-right {
      left: auto;
      right: 0; }
  .navbar-divider {
    display: block; }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -1rem; }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -1rem; }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30; }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0; }
    .navbar.is-fixed-bottom-desktop.has-shadow {
      -webkit-box-shadow: 0 -2px 3px rgba(68, 68, 68, 0.1);
      box-shadow: 0 -2px 3px rgba(68, 68, 68, 0.1); }
  .navbar.is-fixed-top-desktop {
    top: 0; }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem; }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem; }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem; }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem; }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: #444; }
  a.navbar-item.is-active:not(:hover),
  .navbar-link.is-active:not(:hover) {
    background-color: transparent; }
  .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #fafafa; } }

.pagination {
  font-size: 1rem;
  margin: -0.25rem; }
  .pagination.is-small {
    font-size: 0.75rem; }
  .pagination.is-medium {
    font-size: 1.25rem; }
  .pagination.is-large {
    font-size: 1.5rem; }
  .pagination.is-rounded .pagination-previous,
  .pagination.is-rounded .pagination-next {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 290486px; }
  .pagination.is-rounded .pagination-link {
    border-radius: 290486px; }

.pagination,
.pagination-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0.25rem;
  text-align: center; }

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: #dbdbdb;
  color: #363636;
  min-width: 2.25em; }
  .pagination-previous:hover,
  .pagination-next:hover,
  .pagination-link:hover {
    border-color: #b5b5b5;
    color: #363636; }
  .pagination-previous:focus,
  .pagination-next:focus,
  .pagination-link:focus {
    border-color: #D9001D; }
  .pagination-previous:active,
  .pagination-next:active,
  .pagination-link:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(68, 68, 68, 0.2);
    box-shadow: inset 0 1px 2px rgba(68, 68, 68, 0.2); }
  .pagination-previous[disabled],
  .pagination-next[disabled],
  .pagination-link[disabled] {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #7a7a7a;
    opacity: 0.5; }

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap; }

.pagination-link.is-current {
  background-color: #D9001D;
  border-color: #D9001D;
  color: #fff; }

.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none; }

.pagination-list {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media screen and (max-width: 768px) {
  .pagination {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .pagination-previous,
  .pagination-next {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1; }
  .pagination-list li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1; } }

@media screen and (min-width: 769px), print {
  .pagination-list {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .pagination-previous {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .pagination-next {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .pagination {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .pagination.is-centered .pagination-previous {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; }
    .pagination.is-centered .pagination-list {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2; }
    .pagination.is-centered .pagination-next {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3; }
    .pagination.is-right .pagination-previous {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; }
    .pagination.is-right .pagination-next {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2; }
    .pagination.is-right .pagination-list {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3; } }

.panel {
  font-size: 1rem; }
  .panel:not(:last-child) {
    margin-bottom: 1.5rem; }

.panel-heading,
.panel-tabs,
.panel-block {
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb; }
  .panel-heading:first-child,
  .panel-tabs:first-child,
  .panel-block:first-child {
    border-top: 1px solid #dbdbdb; }

.panel-heading {
  background-color: whitesmoke;
  border-radius: 4px 4px 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.25;
  padding: 0.5em 0.75em; }

.panel-tabs {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .panel-tabs a {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: -1px;
    padding: 0.5em; }
    .panel-tabs a.is-active {
      border-bottom-color: #4a4a4a;
      color: #363636; }

.panel-list a {
  color: #4a4a4a; }
  .panel-list a:hover {
    color: #3273dc; }

.panel-block {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #363636;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.5em 0.75em; }
  .panel-block input[type="checkbox"] {
    margin-right: 0.75em; }
  .panel-block > .control {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%; }
  .panel-block.is-wrapped {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .panel-block.is-active {
    border-left-color: #3273dc;
    color: #363636; }
    .panel-block.is-active .panel-icon {
      color: #3273dc; }

a.panel-block,
label.panel-block {
  cursor: pointer; }
  a.panel-block:hover,
  label.panel-block:hover {
    background-color: whitesmoke; }

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: #7a7a7a;
  margin-right: 0.75em; }
  .panel-icon .fa {
    font-size: inherit;
    line-height: inherit; }

.tabs {
  -webkit-overflow-scrolling: touch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap; }
  .tabs a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #4a4a4a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -1px;
    padding: 0.5em 1em;
    vertical-align: top; }
    .tabs a:hover {
      border-bottom-color: #363636;
      color: #363636; }
  .tabs li {
    display: block; }
    .tabs li.is-active a {
      border-bottom-color: #3273dc;
      color: #D9001D; }
  .tabs ul {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .tabs ul.is-left {
      padding-right: 0.75em; }
    .tabs ul.is-center {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0.75em;
      padding-right: 0.75em; }
    .tabs ul.is-right {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding-left: 0.75em; }
  .tabs .icon:first-child {
    margin-right: 0.5em; }
  .tabs .icon:last-child {
    margin-left: 0.5em; }
  .tabs.is-centered ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .tabs.is-right ul {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0; }
    .tabs.is-boxed a:hover {
      background-color: whitesmoke;
      border-bottom-color: #dbdbdb; }
  .tabs.is-boxed li.is-active a {
    background-color: white;
    border-color: #dbdbdb;
    border-bottom-color: transparent !important; }
  .tabs.is-fullwidth li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .tabs.is-toggle a {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0;
    position: relative; }
    .tabs.is-toggle a:hover {
      background-color: whitesmoke;
      border-color: #b5b5b5;
      z-index: 2; }
  .tabs.is-toggle li + li {
    margin-left: -1px; }
  .tabs.is-toggle li:first-child a {
    border-radius: 4px 0 0 4px; }
  .tabs.is-toggle li:last-child a {
    border-radius: 0 4px 4px 0; }
  .tabs.is-toggle li.is-active a {
    background-color: #3273dc;
    border-color: #3273dc;
    color: #fff;
    z-index: 1; }
  .tabs.is-toggle ul {
    border-bottom: none; }
  .tabs.is-toggle.is-toggle-rounded li:first-child a {
    border-bottom-left-radius: 290486px;
    border-top-left-radius: 290486px;
    padding-left: 1.25em; }
  .tabs.is-toggle.is-toggle-rounded li:last-child a {
    border-bottom-right-radius: 290486px;
    border-top-right-radius: 290486px;
    padding-right: 1.25em; }
  .tabs.is-small {
    font-size: 0.75rem; }
  .tabs.is-medium {
    font-size: 1.25rem; }
  .tabs.is-large {
    font-size: 1.5rem; }

.column {
  display: block;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.75rem; }
  .columns.is-mobile > .column.is-narrow {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }
  .columns.is-mobile > .column.is-full {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .columns.is-mobile > .column.is-three-quarters {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .columns.is-mobile > .column.is-two-thirds {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 66.6666%; }
  .columns.is-mobile > .column.is-half {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .columns.is-mobile > .column.is-one-third {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 33.3333%; }
  .columns.is-mobile > .column.is-one-quarter {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .columns.is-mobile > .column.is-one-fifth {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 20%; }
  .columns.is-mobile > .column.is-two-fifths {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 40%; }
  .columns.is-mobile > .column.is-three-fifths {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 60%; }
  .columns.is-mobile > .column.is-four-fifths {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 80%; }
  .columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%; }
  .columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%; }
  .columns.is-mobile > .column.is-offset-half {
    margin-left: 50%; }
  .columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%; }
  .columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%; }
  .columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%; }
  .columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%; }
  .columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%; }
  .columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%; }
  .columns.is-mobile > .column.is-1 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 8.33333%; }
  .columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333%; }
  .columns.is-mobile > .column.is-2 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 16.66667%; }
  .columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66667%; }
  .columns.is-mobile > .column.is-3 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%; }
  .columns.is-mobile > .column.is-4 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 33.33333%; }
  .columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333%; }
  .columns.is-mobile > .column.is-5 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 41.66667%; }
  .columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66667%; }
  .columns.is-mobile > .column.is-6 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%; }
  .columns.is-mobile > .column.is-7 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 58.33333%; }
  .columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333%; }
  .columns.is-mobile > .column.is-8 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 66.66667%; }
  .columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66667%; }
  .columns.is-mobile > .column.is-9 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%; }
  .columns.is-mobile > .column.is-10 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 83.33333%; }
  .columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333%; }
  .columns.is-mobile > .column.is-11 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 91.66667%; }
  .columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66667%; }
  .columns.is-mobile > .column.is-12 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%; }
  @media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none; }
    .column.is-full-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-three-quarters-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-two-thirds-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.6666%; }
    .column.is-half-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-one-third-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-one-fifth-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 20%; }
    .column.is-two-fifths-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 40%; }
    .column.is-three-fifths-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 60%; }
    .column.is-four-fifths-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-mobile {
      margin-left: 75%; }
    .column.is-offset-two-thirds-mobile {
      margin-left: 66.6666%; }
    .column.is-offset-half-mobile {
      margin-left: 50%; }
    .column.is-offset-one-third-mobile {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-mobile {
      margin-left: 25%; }
    .column.is-offset-one-fifth-mobile {
      margin-left: 20%; }
    .column.is-offset-two-fifths-mobile {
      margin-left: 40%; }
    .column.is-offset-three-fifths-mobile {
      margin-left: 60%; }
    .column.is-offset-four-fifths-mobile {
      margin-left: 80%; }
    .column.is-1-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-mobile {
      margin-left: 8.33333%; }
    .column.is-2-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-mobile {
      margin-left: 16.66667%; }
    .column.is-3-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-offset-3-mobile {
      margin-left: 25%; }
    .column.is-4-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-mobile {
      margin-left: 33.33333%; }
    .column.is-5-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-mobile {
      margin-left: 41.66667%; }
    .column.is-6-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-offset-6-mobile {
      margin-left: 50%; }
    .column.is-7-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-mobile {
      margin-left: 58.33333%; }
    .column.is-8-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-mobile {
      margin-left: 66.66667%; }
    .column.is-9-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-offset-9-mobile {
      margin-left: 75%; }
    .column.is-10-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-mobile {
      margin-left: 83.33333%; }
    .column.is-11-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-mobile {
      margin-left: 91.66667%; }
    .column.is-12-mobile {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-offset-12-mobile {
      margin-left: 100%; } }
  @media screen and (min-width: 769px), print {
    .column.is-narrow, .column.is-narrow-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none; }
    .column.is-full, .column.is-full-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-three-quarters, .column.is-three-quarters-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-two-thirds, .column.is-two-thirds-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.6666%; }
    .column.is-half, .column.is-half-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-one-third, .column.is-one-third-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter, .column.is-one-quarter-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-one-fifth, .column.is-one-fifth-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 20%; }
    .column.is-two-fifths, .column.is-two-fifths-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 40%; }
    .column.is-three-fifths, .column.is-three-fifths-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 60%; }
    .column.is-four-fifths, .column.is-four-fifths-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
      margin-left: 75%; }
    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
      margin-left: 66.6666%; }
    .column.is-offset-half, .column.is-offset-half-tablet {
      margin-left: 50%; }
    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
      margin-left: 25%; }
    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
      margin-left: 20%; }
    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
      margin-left: 40%; }
    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
      margin-left: 60%; }
    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
      margin-left: 80%; }
    .column.is-1, .column.is-1-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1, .column.is-offset-1-tablet {
      margin-left: 8.33333%; }
    .column.is-2, .column.is-2-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2, .column.is-offset-2-tablet {
      margin-left: 16.66667%; }
    .column.is-3, .column.is-3-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-offset-3, .column.is-offset-3-tablet {
      margin-left: 25%; }
    .column.is-4, .column.is-4-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4, .column.is-offset-4-tablet {
      margin-left: 33.33333%; }
    .column.is-5, .column.is-5-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5, .column.is-offset-5-tablet {
      margin-left: 41.66667%; }
    .column.is-6, .column.is-6-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-offset-6, .column.is-offset-6-tablet {
      margin-left: 50%; }
    .column.is-7, .column.is-7-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7, .column.is-offset-7-tablet {
      margin-left: 58.33333%; }
    .column.is-8, .column.is-8-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8, .column.is-offset-8-tablet {
      margin-left: 66.66667%; }
    .column.is-9, .column.is-9-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-offset-9, .column.is-offset-9-tablet {
      margin-left: 75%; }
    .column.is-10, .column.is-10-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10, .column.is-offset-10-tablet {
      margin-left: 83.33333%; }
    .column.is-11, .column.is-11-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11, .column.is-offset-11-tablet {
      margin-left: 91.66667%; }
    .column.is-12, .column.is-12-tablet {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-offset-12, .column.is-offset-12-tablet {
      margin-left: 100%; } }
  @media screen and (max-width: 1087px) {
    .column.is-narrow-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none; }
    .column.is-full-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-three-quarters-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-two-thirds-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.6666%; }
    .column.is-half-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-one-third-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-one-fifth-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 20%; }
    .column.is-two-fifths-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 40%; }
    .column.is-three-fifths-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 60%; }
    .column.is-four-fifths-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-touch {
      margin-left: 75%; }
    .column.is-offset-two-thirds-touch {
      margin-left: 66.6666%; }
    .column.is-offset-half-touch {
      margin-left: 50%; }
    .column.is-offset-one-third-touch {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-touch {
      margin-left: 25%; }
    .column.is-offset-one-fifth-touch {
      margin-left: 20%; }
    .column.is-offset-two-fifths-touch {
      margin-left: 40%; }
    .column.is-offset-three-fifths-touch {
      margin-left: 60%; }
    .column.is-offset-four-fifths-touch {
      margin-left: 80%; }
    .column.is-1-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-touch {
      margin-left: 8.33333%; }
    .column.is-2-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-touch {
      margin-left: 16.66667%; }
    .column.is-3-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-offset-3-touch {
      margin-left: 25%; }
    .column.is-4-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-touch {
      margin-left: 33.33333%; }
    .column.is-5-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-touch {
      margin-left: 41.66667%; }
    .column.is-6-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-offset-6-touch {
      margin-left: 50%; }
    .column.is-7-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-touch {
      margin-left: 58.33333%; }
    .column.is-8-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-touch {
      margin-left: 66.66667%; }
    .column.is-9-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-offset-9-touch {
      margin-left: 75%; }
    .column.is-10-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-touch {
      margin-left: 83.33333%; }
    .column.is-11-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-touch {
      margin-left: 91.66667%; }
    .column.is-12-touch {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-offset-12-touch {
      margin-left: 100%; } }
  @media screen and (min-width: 1088px) {
    .column.is-narrow-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none; }
    .column.is-full-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-three-quarters-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-two-thirds-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.6666%; }
    .column.is-half-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-one-third-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-one-fifth-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 20%; }
    .column.is-two-fifths-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 40%; }
    .column.is-three-fifths-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 60%; }
    .column.is-four-fifths-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-desktop {
      margin-left: 75%; }
    .column.is-offset-two-thirds-desktop {
      margin-left: 66.6666%; }
    .column.is-offset-half-desktop {
      margin-left: 50%; }
    .column.is-offset-one-third-desktop {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-desktop {
      margin-left: 25%; }
    .column.is-offset-one-fifth-desktop {
      margin-left: 20%; }
    .column.is-offset-two-fifths-desktop {
      margin-left: 40%; }
    .column.is-offset-three-fifths-desktop {
      margin-left: 60%; }
    .column.is-offset-four-fifths-desktop {
      margin-left: 80%; }
    .column.is-1-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-desktop {
      margin-left: 8.33333%; }
    .column.is-2-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-desktop {
      margin-left: 16.66667%; }
    .column.is-3-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-offset-3-desktop {
      margin-left: 25%; }
    .column.is-4-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-desktop {
      margin-left: 33.33333%; }
    .column.is-5-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-desktop {
      margin-left: 41.66667%; }
    .column.is-6-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-offset-6-desktop {
      margin-left: 50%; }
    .column.is-7-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-desktop {
      margin-left: 58.33333%; }
    .column.is-8-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-desktop {
      margin-left: 66.66667%; }
    .column.is-9-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-offset-9-desktop {
      margin-left: 75%; }
    .column.is-10-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-desktop {
      margin-left: 83.33333%; }
    .column.is-11-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-desktop {
      margin-left: 91.66667%; }
    .column.is-12-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-offset-12-desktop {
      margin-left: 100%; } }
  @media screen and (min-width: 1280px) {
    .column.is-narrow-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none; }
    .column.is-full-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-three-quarters-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-two-thirds-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.6666%; }
    .column.is-half-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-one-third-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-one-fifth-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 20%; }
    .column.is-two-fifths-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 40%; }
    .column.is-three-fifths-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 60%; }
    .column.is-four-fifths-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-widescreen {
      margin-left: 75%; }
    .column.is-offset-two-thirds-widescreen {
      margin-left: 66.6666%; }
    .column.is-offset-half-widescreen {
      margin-left: 50%; }
    .column.is-offset-one-third-widescreen {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-widescreen {
      margin-left: 25%; }
    .column.is-offset-one-fifth-widescreen {
      margin-left: 20%; }
    .column.is-offset-two-fifths-widescreen {
      margin-left: 40%; }
    .column.is-offset-three-fifths-widescreen {
      margin-left: 60%; }
    .column.is-offset-four-fifths-widescreen {
      margin-left: 80%; }
    .column.is-1-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-widescreen {
      margin-left: 8.33333%; }
    .column.is-2-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-widescreen {
      margin-left: 16.66667%; }
    .column.is-3-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-offset-3-widescreen {
      margin-left: 25%; }
    .column.is-4-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-widescreen {
      margin-left: 33.33333%; }
    .column.is-5-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-widescreen {
      margin-left: 41.66667%; }
    .column.is-6-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-offset-6-widescreen {
      margin-left: 50%; }
    .column.is-7-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-widescreen {
      margin-left: 58.33333%; }
    .column.is-8-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-widescreen {
      margin-left: 66.66667%; }
    .column.is-9-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-offset-9-widescreen {
      margin-left: 75%; }
    .column.is-10-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-widescreen {
      margin-left: 83.33333%; }
    .column.is-11-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-widescreen {
      margin-left: 91.66667%; }
    .column.is-12-widescreen {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-offset-12-widescreen {
      margin-left: 100%; } }
  @media screen and (min-width: 1472px) {
    .column.is-narrow-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none; }
    .column.is-full-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-three-quarters-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-two-thirds-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.6666%; }
    .column.is-half-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-one-third-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-one-fifth-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 20%; }
    .column.is-two-fifths-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 40%; }
    .column.is-three-fifths-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 60%; }
    .column.is-four-fifths-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-fullhd {
      margin-left: 75%; }
    .column.is-offset-two-thirds-fullhd {
      margin-left: 66.6666%; }
    .column.is-offset-half-fullhd {
      margin-left: 50%; }
    .column.is-offset-one-third-fullhd {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-fullhd {
      margin-left: 25%; }
    .column.is-offset-one-fifth-fullhd {
      margin-left: 20%; }
    .column.is-offset-two-fifths-fullhd {
      margin-left: 40%; }
    .column.is-offset-three-fifths-fullhd {
      margin-left: 60%; }
    .column.is-offset-four-fifths-fullhd {
      margin-left: 80%; }
    .column.is-1-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-fullhd {
      margin-left: 8.33333%; }
    .column.is-2-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-fullhd {
      margin-left: 16.66667%; }
    .column.is-3-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .column.is-offset-3-fullhd {
      margin-left: 25%; }
    .column.is-4-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-fullhd {
      margin-left: 33.33333%; }
    .column.is-5-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-fullhd {
      margin-left: 41.66667%; }
    .column.is-6-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .column.is-offset-6-fullhd {
      margin-left: 50%; }
    .column.is-7-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-fullhd {
      margin-left: 58.33333%; }
    .column.is-8-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-fullhd {
      margin-left: 66.66667%; }
    .column.is-9-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .column.is-offset-9-fullhd {
      margin-left: 75%; }
    .column.is-10-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-fullhd {
      margin-left: 83.33333%; }
    .column.is-11-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-fullhd {
      margin-left: 91.66667%; }
    .column.is-12-fullhd {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; }
    .column.is-offset-12-fullhd {
      margin-left: 100%; } }

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem; }
  .columns:last-child {
    margin-bottom: -0.75rem; }
  .columns:not(:last-child) {
    margin-bottom: calc(1.5rem - 0.75rem); }
  .columns.is-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0; }
    .columns.is-gapless > .column {
      margin: 0;
      padding: 0 !important; }
    .columns.is-gapless:not(:last-child) {
      margin-bottom: 1.5rem; }
    .columns.is-gapless:last-child {
      margin-bottom: 0; }
  .columns.is-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .columns.is-multiline {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .columns.is-vcentered {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  @media screen and (min-width: 769px), print {
    .columns:not(.is-desktop) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (min-width: 1088px) {
    .columns.is-desktop {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap)); }
  .columns.is-variable .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap); }
  .columns.is-variable.is-0 {
    --columnGap: 0rem; }
  .columns.is-variable.is-1 {
    --columnGap: 0.25rem; }
  .columns.is-variable.is-2 {
    --columnGap: 0.5rem; }
  .columns.is-variable.is-3 {
    --columnGap: 0.75rem; }
  .columns.is-variable.is-4 {
    --columnGap: 1rem; }
  .columns.is-variable.is-5 {
    --columnGap: 1.25rem; }
  .columns.is-variable.is-6 {
    --columnGap: 1.5rem; }
  .columns.is-variable.is-7 {
    --columnGap: 1.75rem; }
  .columns.is-variable.is-8 {
    --columnGap: 2rem; }

.tile {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: block;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content; }
  .tile.is-ancestor {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem; }
    .tile.is-ancestor:last-child {
      margin-bottom: -0.75rem; }
    .tile.is-ancestor:not(:last-child) {
      margin-bottom: 0.75rem; }
  .tile.is-child {
    margin: 0 !important; }
  .tile.is-parent {
    padding: 0.75rem; }
  .tile.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .tile.is-vertical > .tile.is-child:not(:last-child) {
      margin-bottom: 1.5rem !important; }
  @media screen and (min-width: 769px), print {
    .tile:not(.is-child) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .tile.is-1 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 8.33333%; }
    .tile.is-2 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 16.66667%; }
    .tile.is-3 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 25%; }
    .tile.is-4 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 33.33333%; }
    .tile.is-5 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 41.66667%; }
    .tile.is-6 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 50%; }
    .tile.is-7 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 58.33333%; }
    .tile.is-8 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 66.66667%; }
    .tile.is-9 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 75%; }
    .tile.is-10 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 83.33333%; }
    .tile.is-11 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 91.66667%; }
    .tile.is-12 {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 100%; } }

.hero {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .hero .navbar {
    background: none; }
  .hero .tabs ul {
    border-bottom: none; }
  .hero.is-white {
    background-color: white;
    color: #444; }
    .hero.is-white a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-white strong {
      color: inherit; }
    .hero.is-white .title {
      color: #444; }
    .hero.is-white .subtitle {
      color: rgba(68, 68, 68, 0.9); }
      .hero.is-white .subtitle a:not(.button),
      .hero.is-white .subtitle strong {
        color: #444; }
    @media screen and (max-width: 1087px) {
      .hero.is-white .navbar-menu {
        background-color: white; } }
    .hero.is-white .navbar-item,
    .hero.is-white .navbar-link {
      color: rgba(68, 68, 68, 0.7); }
    .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
    .hero.is-white .navbar-link:hover,
    .hero.is-white .navbar-link.is-active {
      background-color: #f2f2f2;
      color: #444; }
    .hero.is-white .tabs a {
      color: #444;
      opacity: 0.9; }
      .hero.is-white .tabs a:hover {
        opacity: 1; }
    .hero.is-white .tabs li.is-active a {
      opacity: 1; }
    .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
      color: #444; }
      .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
      background-color: #444;
      border-color: #444;
      color: white; }
    .hero.is-white.is-bold {
      background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-white.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } }
  .hero.is-black {
    background-color: #444;
    color: white; }
    .hero.is-black a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-black strong {
      color: inherit; }
    .hero.is-black .title {
      color: white; }
    .hero.is-black .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-black .subtitle a:not(.button),
      .hero.is-black .subtitle strong {
        color: white; }
    @media screen and (max-width: 1087px) {
      .hero.is-black .navbar-menu {
        background-color: #444; } }
    .hero.is-black .navbar-item,
    .hero.is-black .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
    .hero.is-black .navbar-link:hover,
    .hero.is-black .navbar-link.is-active {
      background-color: #373737;
      color: white; }
    .hero.is-black .tabs a {
      color: white;
      opacity: 0.9; }
      .hero.is-black .tabs a:hover {
        opacity: 1; }
    .hero.is-black .tabs li.is-active a {
      opacity: 1; }
    .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
      color: white; }
      .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
      background-color: white;
      border-color: white;
      color: #444; }
    .hero.is-black.is-bold {
      background-image: linear-gradient(141deg, #2f2628 0%, #444 71%, #554e4d 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-black.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #2f2628 0%, #444 71%, #554e4d 100%); } }
  .hero.is-light {
    background-color: whitesmoke;
    color: #363636; }
    .hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-light strong {
      color: inherit; }
    .hero.is-light .title {
      color: #363636; }
    .hero.is-light .subtitle {
      color: rgba(54, 54, 54, 0.9); }
      .hero.is-light .subtitle a:not(.button),
      .hero.is-light .subtitle strong {
        color: #363636; }
    @media screen and (max-width: 1087px) {
      .hero.is-light .navbar-menu {
        background-color: whitesmoke; } }
    .hero.is-light .navbar-item,
    .hero.is-light .navbar-link {
      color: rgba(54, 54, 54, 0.7); }
    .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
    .hero.is-light .navbar-link:hover,
    .hero.is-light .navbar-link.is-active {
      background-color: #e8e8e8;
      color: #363636; }
    .hero.is-light .tabs a {
      color: #363636;
      opacity: 0.9; }
      .hero.is-light .tabs a:hover {
        opacity: 1; }
    .hero.is-light .tabs li.is-active a {
      opacity: 1; }
    .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
      color: #363636; }
      .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
      background-color: #363636;
      border-color: #363636;
      color: whitesmoke; }
    .hero.is-light.is-bold {
      background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-light.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } }
  .hero.is-dark {
    background-color: #363636;
    color: whitesmoke; }
    .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-dark strong {
      color: inherit; }
    .hero.is-dark .title {
      color: whitesmoke; }
    .hero.is-dark .subtitle {
      color: rgba(245, 245, 245, 0.9); }
      .hero.is-dark .subtitle a:not(.button),
      .hero.is-dark .subtitle strong {
        color: whitesmoke; }
    @media screen and (max-width: 1087px) {
      .hero.is-dark .navbar-menu {
        background-color: #363636; } }
    .hero.is-dark .navbar-item,
    .hero.is-dark .navbar-link {
      color: rgba(245, 245, 245, 0.7); }
    .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
    .hero.is-dark .navbar-link:hover,
    .hero.is-dark .navbar-link.is-active {
      background-color: #292929;
      color: whitesmoke; }
    .hero.is-dark .tabs a {
      color: whitesmoke;
      opacity: 0.9; }
      .hero.is-dark .tabs a:hover {
        opacity: 1; }
    .hero.is-dark .tabs li.is-active a {
      opacity: 1; }
    .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
      color: whitesmoke; }
      .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
      background-color: whitesmoke;
      border-color: whitesmoke;
      color: #363636; }
    .hero.is-dark.is-bold {
      background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-dark.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } }
  .hero.is-primary {
    background-color: #00d1b2;
    color: #fff; }
    .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-primary strong {
      color: inherit; }
    .hero.is-primary .title {
      color: #fff; }
    .hero.is-primary .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-primary .subtitle a:not(.button),
      .hero.is-primary .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1087px) {
      .hero.is-primary .navbar-menu {
        background-color: #00d1b2; } }
    .hero.is-primary .navbar-item,
    .hero.is-primary .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
    .hero.is-primary .navbar-link:hover,
    .hero.is-primary .navbar-link.is-active {
      background-color: #00b89c;
      color: #fff; }
    .hero.is-primary .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-primary .tabs a:hover {
        opacity: 1; }
    .hero.is-primary .tabs li.is-active a {
      opacity: 1; }
    .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
      color: #fff; }
      .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #00d1b2; }
    .hero.is-primary.is-bold {
      background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-primary.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); } }
  .hero.is-link {
    background-color: #3273dc;
    color: #fff; }
    .hero.is-link a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-link strong {
      color: inherit; }
    .hero.is-link .title {
      color: #fff; }
    .hero.is-link .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-link .subtitle a:not(.button),
      .hero.is-link .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1087px) {
      .hero.is-link .navbar-menu {
        background-color: #3273dc; } }
    .hero.is-link .navbar-item,
    .hero.is-link .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
    .hero.is-link .navbar-link:hover,
    .hero.is-link .navbar-link.is-active {
      background-color: #2366d1;
      color: #fff; }
    .hero.is-link .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-link .tabs a:hover {
        opacity: 1; }
    .hero.is-link .tabs li.is-active a {
      opacity: 1; }
    .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
      color: #fff; }
      .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #3273dc; }
    .hero.is-link.is-bold {
      background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-link.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } }
  .hero.is-info {
    background-color: #209cee;
    color: #fff; }
    .hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-info strong {
      color: inherit; }
    .hero.is-info .title {
      color: #fff; }
    .hero.is-info .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-info .subtitle a:not(.button),
      .hero.is-info .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1087px) {
      .hero.is-info .navbar-menu {
        background-color: #209cee; } }
    .hero.is-info .navbar-item,
    .hero.is-info .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
    .hero.is-info .navbar-link:hover,
    .hero.is-info .navbar-link.is-active {
      background-color: #118fe4;
      color: #fff; }
    .hero.is-info .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-info .tabs a:hover {
        opacity: 1; }
    .hero.is-info .tabs li.is-active a {
      opacity: 1; }
    .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
      color: #fff; }
      .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #209cee; }
    .hero.is-info.is-bold {
      background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-info.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } }
  .hero.is-success {
    background-color: #23d160;
    color: #fff; }
    .hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-success strong {
      color: inherit; }
    .hero.is-success .title {
      color: #fff; }
    .hero.is-success .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-success .subtitle a:not(.button),
      .hero.is-success .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1087px) {
      .hero.is-success .navbar-menu {
        background-color: #23d160; } }
    .hero.is-success .navbar-item,
    .hero.is-success .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
    .hero.is-success .navbar-link:hover,
    .hero.is-success .navbar-link.is-active {
      background-color: #20bc56;
      color: #fff; }
    .hero.is-success .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-success .tabs a:hover {
        opacity: 1; }
    .hero.is-success .tabs li.is-active a {
      opacity: 1; }
    .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
      color: #fff; }
      .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #23d160; }
    .hero.is-success.is-bold {
      background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-success.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } }
  .hero.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7); }
    .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-warning strong {
      color: inherit; }
    .hero.is-warning .title {
      color: rgba(0, 0, 0, 0.7); }
    .hero.is-warning .subtitle {
      color: rgba(0, 0, 0, 0.9); }
      .hero.is-warning .subtitle a:not(.button),
      .hero.is-warning .subtitle strong {
        color: rgba(0, 0, 0, 0.7); }
    @media screen and (max-width: 1087px) {
      .hero.is-warning .navbar-menu {
        background-color: #ffdd57; } }
    .hero.is-warning .navbar-item,
    .hero.is-warning .navbar-link {
      color: rgba(0, 0, 0, 0.7); }
    .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
    .hero.is-warning .navbar-link:hover,
    .hero.is-warning .navbar-link.is-active {
      background-color: #ffd83d;
      color: rgba(0, 0, 0, 0.7); }
    .hero.is-warning .tabs a {
      color: rgba(0, 0, 0, 0.7);
      opacity: 0.9; }
      .hero.is-warning .tabs a:hover {
        opacity: 1; }
    .hero.is-warning .tabs li.is-active a {
      opacity: 1; }
    .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
      color: rgba(0, 0, 0, 0.7); }
      .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
      background-color: rgba(0, 0, 0, 0.7);
      border-color: rgba(0, 0, 0, 0.7);
      color: #ffdd57; }
    .hero.is-warning.is-bold {
      background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-warning.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } }
  .hero.is-danger {
    background-color: #ff3860;
    color: #fff; }
    .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-danger strong {
      color: inherit; }
    .hero.is-danger .title {
      color: #fff; }
    .hero.is-danger .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-danger .subtitle a:not(.button),
      .hero.is-danger .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1087px) {
      .hero.is-danger .navbar-menu {
        background-color: #ff3860; } }
    .hero.is-danger .navbar-item,
    .hero.is-danger .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
    .hero.is-danger .navbar-link:hover,
    .hero.is-danger .navbar-link.is-active {
      background-color: #ff1f4b;
      color: #fff; }
    .hero.is-danger .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-danger .tabs a:hover {
        opacity: 1; }
    .hero.is-danger .tabs li.is-active a {
      opacity: 1; }
    .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
      color: #fff; }
      .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #ff3860; }
    .hero.is-danger.is-bold {
      background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-danger.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } }
  .hero.is-tomoshibi {
    background-color: #D9001D;
    color: #fff; }
    .hero.is-tomoshibi a:not(.button):not(.dropdown-item):not(.tag),
    .hero.is-tomoshibi strong {
      color: inherit; }
    .hero.is-tomoshibi .title {
      color: #fff; }
    .hero.is-tomoshibi .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-tomoshibi .subtitle a:not(.button),
      .hero.is-tomoshibi .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1087px) {
      .hero.is-tomoshibi .navbar-menu {
        background-color: #D9001D; } }
    .hero.is-tomoshibi .navbar-item,
    .hero.is-tomoshibi .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-tomoshibi a.navbar-item:hover, .hero.is-tomoshibi a.navbar-item.is-active,
    .hero.is-tomoshibi .navbar-link:hover,
    .hero.is-tomoshibi .navbar-link.is-active {
      background-color: #c0001a;
      color: #fff; }
    .hero.is-tomoshibi .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-tomoshibi .tabs a:hover {
        opacity: 1; }
    .hero.is-tomoshibi .tabs li.is-active a {
      opacity: 1; }
    .hero.is-tomoshibi .tabs.is-boxed a, .hero.is-tomoshibi .tabs.is-toggle a {
      color: #fff; }
      .hero.is-tomoshibi .tabs.is-boxed a:hover, .hero.is-tomoshibi .tabs.is-toggle a:hover {
        background-color: rgba(68, 68, 68, 0.1); }
    .hero.is-tomoshibi .tabs.is-boxed li.is-active a, .hero.is-tomoshibi .tabs.is-boxed li.is-active a:hover, .hero.is-tomoshibi .tabs.is-toggle li.is-active a, .hero.is-tomoshibi .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #D9001D; }
    .hero.is-tomoshibi.is-bold {
      background-image: linear-gradient(141deg, #a60032 0%, #D9001D 71%, #f30800 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-tomoshibi.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #a60032 0%, #D9001D 71%, #f30800 100%); } }
  .hero.is-small .hero-body {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem; }
  @media screen and (min-width: 769px), print {
    .hero.is-medium .hero-body {
      padding-bottom: 9rem;
      padding-top: 9rem; } }
  @media screen and (min-width: 769px), print {
    .hero.is-large .hero-body {
      padding-bottom: 18rem;
      padding-top: 18rem; } }
  .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1; }
  .hero.is-halfheight {
    min-height: 50vh; }
  .hero.is-fullheight {
    min-height: 100vh; }

.hero-video {
  overflow: hidden; }
  .hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); }
  .hero-video.is-transparent {
    opacity: 0.3; }
  @media screen and (max-width: 768px) {
    .hero-video {
      display: none; } }

.hero-buttons {
  margin-top: 1.5rem; }
  @media screen and (max-width: 768px) {
    .hero-buttons .button {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .hero-buttons .button:not(:last-child) {
        margin-bottom: 0.75rem; } }
  @media screen and (min-width: 769px), print {
    .hero-buttons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem; } }

.hero-head,
.hero-foot {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.hero-body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 3rem 1.5rem; }

.section {
  padding: 3rem 1.5rem; }
  @media screen and (min-width: 1088px) {
    .section.is-medium {
      padding: 9rem 1.5rem; }
    .section.is-large {
      padding: 18rem 1.5rem; } }

.footer {
  background-color: #fafafa;
  padding: 3rem 1.5rem 6rem; }

body {
  background-color: #f5f5f5;
  color: #4a4a4a;
  overflow-x: hidden; }

/* html { */
/*     scroll-behavior: smooth; */
/* } */
.has-text-rounded {
  font-family: "Fredoka One"; }

a:hover {
  -webkit-transition: .3s;
  transition: .3s; }

.sp {
  display: none; }

.pc {
  display: none; }

@media screen and (min-width: 768px) {
  nav.navbar {
    -webkit-box-shadow: none;
    box-shadow: none; }
    nav.navbar .navbar-item {
      position: initial;
      margin-right: 0.75rem; }
      nav.navbar .navbar-item > * {
        font-size: 14px;
        cursor: pointer; }
      nav.navbar .navbar-item.expand > div {
        display: inline-block; }
  nav .navbar-menu {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; } }
  @media screen and (min-width: 768px) and (max-width: 1087px) {
    nav .navbar-menu {
      width: 100%;
      position: absolute;
      z-index: 5;
      display: block !important;
      overflow: hidden;
      max-height: 0vh;
      -webkit-transition: 0.2s linear;
      transition: 0.2s linear;
      padding: 0; }
      nav .navbar-menu.is-active {
        -webkit-transition: 0.2s linear;
        transition: 0.2s linear;
        padding: 0; }
        nav .navbar-menu.is-active.is-active {
          -webkit-transition: 0.2s linear;
          transition: 0.2s linear;
          max-height: 100vh;
          padding: 0.5rem 0; } }

@media screen and (min-width: 768px) {
    nav .navbar-menu .navbar-menu-center {
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
    @media screen and (min-width: 768px) and (min-width: 1088px) {
      nav .navbar-menu .navbar-menu-center {
        margin-left: 60px; } }
    @media screen and (min-width: 768px) and (min-width: 1088px) {
      nav .navbar-menu .navbar-menu-center > .navbar-item {
        margin: 0 20px !important; } }

@media screen and (min-width: 768px) {
      nav .navbar-menu .navbar-menu-center > .navbar-item:hover {
        padding-bottom: calc(0.5rem - 3px);
        border-bottom: 3px solid #D9001D; }
    nav .navbar-menu .navbar-start {
      width: 100%; }
    nav .navbar-menu .navbar-burger > span {
      transtion: 0.2s linear; }
      nav .navbar-menu .navbar-burger > span:first-of-types {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg); }
      nav .navbar-menu .navbar-burger > span:nth-of-types(2) {
        opacity: 1; }
      nav .navbar-menu .navbar-burger > span:last-of-types {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg); }
    nav .navbar-menu .navbar-burger.is-active > span:first-of-types {
      -webkit-transform: rotateZ(45deg);
      transform: rotateZ(45deg); }
    nav .navbar-menu .navbar-burger.is-active > span:nth-of-types(2) {
      opacity: 0; }
    nav .navbar-menu .navbar-burger.is-active > span:last-of-types {
      -webkit-transform: rotateZ(-45deg);
      transform: rotateZ(-45deg); } }

.is-borderless {
  border: none; }

.message .message-header .icon {
  vertical-align: middle; }

.message a.control {
  text-decoration: none !important; }

.message a .message-body {
  background: #fff7f5;
  border-color: #D9001D; }

.timeline-marker {
  padding: 0.15rem 0.25rem 0.25rem 0.3rem !important; }
  .timeline-marker.is-tomoshibi {
    color: #D9001D; }

.user-icon {
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  line-height: 1;
  vertical-align: middle; }
  .user-icon img {
    max-height: 100%; }

.tomoshibi-card {
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .tomoshibi-card .card-image figure {
    height: 300px; }
    @media screen and (min-width: 769px), print {
      .tomoshibi-card .card-image figure {
        height: 200px; } }
    @media screen and (max-width: 768px) {
      .tomoshibi-card .card-image figure {
        height: 130px; } }
    .tomoshibi-card .card-image figure img {
      -o-object-fit: cover;
      object-fit: cover;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .tomoshibi-card .card-content {
    padding: 1rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .tomoshibi-card .card-content {
        padding: 0.5rem; } }
    .tomoshibi-card .card-content .title {
      font-size: 0.75rem; }

.tomoshibi-card .title:not(.is-spaced) + .subtitle,
.hero .title:not(.is-spaced) + .subtitle {
  margin-top: -1rem; }

.has-bg-img {
  background-size: cover;
  background-position: center;
  background-origin: center;
  background-repeat: no-repeat; }

.card-footer-item.is-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.is-tomoshibi-stripe {
  background-image: linear-gradient(-45deg, #fff7f5 25%, rgba(255, 46, 46, 0.25) 25%, rgba(255, 46, 46, 0.25) 50%, #fff7f5 50%, #fff7f5 75%, rgba(255, 46, 46, 0.25) 75%, rgba(255, 46, 46, 0.25));
  background-size: 8px 8px; }

.help {
  margin: 10px 0; }
  .help.is-tomoshibi {
    color: #D9001D; }

.is-zoomable:hover figure > img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.is-zoomable figure > img {
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear; }

.is-fit-image {
  height: 100% !important; }
  .is-fit-image img {
    height: 100% !important; }

.hero-body > .image img {
  max-height: 70vh;
  width: auto; }

.hero-body > .image.is-centered img {
  margin: 0 auto; }

.cover-info {
  opacity: 1;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear; }
  .cover-info .hero-body {
    padding-bottom: 1rem;
    width: 100%;
    position: absolute;
    bottom: 0; }
    .cover-info .hero-body p {
      text-shadow: 1px 1px 1px #444; }

.section {
  padding: 20px 0;
  /* &:not(.main-top):not(.tomoshibi-header):not(.tomoshibi-content):not(.company-top) { */
  /*     &:nth-of-type(2n-1) { */
  /*         background: $tomoshibi-light; */
  /*     } */
  background: #fff; }
  .section.torch-section {
    padding: 1rem; }
    .section.torch-section .tomoshibi-content-image-field {
      margin-bottom: 5rem !important; }
  .section.main-top {
    -webkit-box-shadow: 0px -12px 12px -17px #444444 inset, 0px 12px 12px -17px #444444 inset;
    box-shadow: 0px -12px 12px -17px #444444 inset, 0px 12px 12px -17px #444444 inset; }
    .section.main-top .tile {
      border-radius: 6px;
      overflow: hidden; }
  .section.tomoshibi-header .container, .section.tomoshibi-content .container {
    max-width: 1024px; }
  .section .container > div:not(.stoke-list):not(.modal):not(.category):not(.form-field) {
    margin: 10px; }
  .section.company-top {
    padding: 0; }

.section2 {
  background: #f9f9f9; }

.pagination {
  margin: 20px 0; }

.tags-input-wrapper {
  position: relative; }
  .tags-input-wrapper .tags-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto; }
    .tags-input-wrapper .tags-input .input-for-post {
      display: none; }
    .tags-input-wrapper .tags-input .input-for-write {
      border: none;
      background: transparent;
      font-size: 15px; }
      .tags-input-wrapper .tags-input .input-for-write:focus, .tags-input-wrapper .tags-input .input-for-write:active {
        outline: none; }
    .tags-input-wrapper .tags-input .tag {
      cursor: pointer;
      margin: 3px; }
  .tags-input-wrapper .tagslist {
    position: absolute;
    display: none;
    padding: 5px 0;
    z-index: 10;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    height: 200px;
    width: 100%;
    overflow-y: auto; }
    .tags-input-wrapper .tagslist .group-header {
      font-weight: bold; }
    .tags-input-wrapper .tagslist .option {
      padding-left: 10px;
      padding: 5px 0 5px 10px;
      cursor: pointer;
      display: block; }
      .tags-input-wrapper .tagslist .option.exclude {
        display: none; }
      .tags-input-wrapper .tagslist .option:not(last-of-child) {
        border-bottom: 1px solid #d0d0d0; }
      .tags-input-wrapper .tagslist .option:hover {
        background: rgba(255, 46, 46, 0.25); }
    .tags-input-wrapper .tagslist.active {
      display: block; }

.desc {
  font-size: 1.1rem;
  border-radius: 5px;
  width: 800px;
  max-width: 90%;
  display: block;
  padding: 5px 15px;
  margin: 30px auto;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15); }

dl.privacy-policy,
dl.terms-of-use {
  counter-reset: policy_counter; }
  dl.privacy-policy dt,
  dl.terms-of-use dt {
    font-size: 1.2rem;
    font-weight: bold; }
    dl.privacy-policy dt:before,
    dl.terms-of-use dt:before {
      counter-increment: policy_counter;
      content: counter(policy_counter) "."; }
  dl.privacy-policy dd,
  dl.terms-of-use dd {
    margin: 10px 20px; }
  dl.privacy-policy ul,
  dl.terms-of-use ul {
    list-style: circle; }
  dl.privacy-policy ol,
  dl.privacy-policy ul,
  dl.terms-of-use ol,
  dl.terms-of-use ul {
    padding: 0px 0px 0px 20px;
    list-style-position: inside; }
    dl.privacy-policy ol li,
    dl.privacy-policy ul li,
    dl.terms-of-use ol li,
    dl.terms-of-use ul li {
      margin: 5px 0; }

.toast {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 0;
  position: fixed;
  right: 20px;
  top: 10px;
  width: 200px;
  height: auto;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  padding: 10px 15px;
  z-index: 100; }
  .toast.active {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 1; }
  .toast > .closebtn {
    position: absolute;
    top: 0px;
    right: 5px; }

.button.has-background-tomoshibi-opacity {
  background: rgba(255, 42, 42, 0.4); }

.button.tomoshibi-disabled {
  background: transparent;
  border-color: #D9001D;
  color: #D9001D;
  opacity: 0.2; }

.button.is-orange {
  background-color: #ff3860;
  border-color: transparent;
  color: #fff; }

.categories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 900px; }
  .categories > .button {
    border-width: 2px !important;
    margin: 5px;
    background: white !important;
    color: #444 !important;
    font-weight: bold; }
    .categories > .button:hover {
      background: #D9001D !important;
      color: white !important; }

figure.message-icon {
  width: 40px;
  height: 40px;
  border: 1px solid #999;
  border-radius: 50%;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    figure.message-icon {
      width: 30px;
      height: 30px; } }

figure.background {
  padding-top: 30%; }
  figure.background .cover-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0; }
    figure.background .cover-content > div .title {
      margin: 30px; }
    figure.background .cover-content > div .subtitle {
      line-height: 50px;
      margin: 30px; }
  @media screen and (min-width: 769px), print {
    figure.background {
      padding-top: 50% !important; } }
  @media screen and (max-width: 768px) {
    figure.background {
      padding-top: 100% !important; } }
  @media screen and (max-width: 1087px) {
    figure.background > .cover-content > div .title {
      margin: 10px;
      font-size: 1.6rem; }
    figure.background > .cover-content > div .subtitle {
      font-size: 1rem;
      margin: 10px; } }

@media screen and (max-width: 1087px) and (max-width: 768px) {
  figure.background > .cover-content > div .title {
    font-size: 1.3rem; }
  figure.background > .cover-content > div .subtitle {
    font-size: 0.8rem;
    line-height: 2rem; } }

#to-top-button {
  position: fixed;
  right: 50px; }

.project-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 1087px) {
    .project-tabs {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  .project-tabs > li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 20px; }
    .project-tabs > li a {
      font-weight: bold;
      color: #444; }
    .project-tabs > li.is-active a {
      color: #D9001D; }

.row {
  margin: 30px; }

.wide-text {
  letter-spacing: 12px; }
  @media screen and (max-width: 768px) {
    .wide-text {
      letter-spacing: 6px; } }

.expand-menu {
  height: auto;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 100; }
  @media screen and (max-width: 1087px) {
    .expand-menu {
      margin-top: 50px;
      overflow-y: auto; } }
  @media screen and (max-width: 1087px) and (max-width: 767px) {
    .expand-menu {
      margin-top: -205px; } }
  @media screen and (max-width: 1087px) {
      .expand-menu > .report-list > .report {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .expand-menu > li {
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    max-height: 0; }
    @media screen and (max-width: 1087px) {
      .expand-menu > li {
        overflow-y: auto; } }
    .expand-menu > li.active {
      -webkit-transition: 0.2s linear;
      transition: 0.2s linear;
      height: auto;
      max-height: 80vh; }

#search-categories.title {
  margin: 10px;
  font-size: 2rem; }
  @media screen and (max-width: 1087px) {
    #search-categories.title {
      font-size: 1.3rem; } }

.register-field {
  border-radius: 5px;
  padding: 10px; }
  @media screen and (max-width: 768px) {
    .register-field {
      margin-top: 30px; } }
  .register-field .comming-soon {
    height: 224px; }

.login-tile {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  padding: 13px 0;
  width: 100%;
  max-width: calc(50% - 10px);
  margin: 10px auto; }
  @media screen and (max-width: 1087px) {
    .login-tile {
      max-width: 100%; } }
  .login-tile.facebook {
    background: #3b5998;
    color: white;
    border: 1px solid #3b5998; }
  .login-tile.twitter {
    color: white;
    background: #1da1f2;
    border: 1px solid #1da1f2; }

form fieldset {
  border: none; }
  form fieldset label,
  form fieldset input {
    display: block;
    margin: 10px auto;
    width: 100%;
    text-align: left; }
  form fieldset input {
    border: 1px solid lightgrey;
    border-radius: 5px;
    outline: none;
    font-size: 1.2rem;
    background: transparent;
    padding: 3px 12px; }

form input[type="submit"]:not(#search_submit) {
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
  display: block;
  margin: 10px auto;
  color: #D9001D;
  cursor: pointer;
  border: 1px solid #D9001D;
  border-radius: 5px;
  outline: none;
  font-size: 1rem;
  padding: 3px 12px;
  background: transparent; }
  form input[type="submit"]:not(#search_submit):hover {
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
    background: #D9001D;
    color: white; }

.horisontal-line {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px auto;
  color: lightgrey; }
  .horisontal-line::before, .horisontal-line::after {
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    display: block;
    background: lightgrey; }
  .horisontal-line::before {
    margin-right: 20px; }
  .horisontal-line::after {
    margin-left: 20px; }

.comming-soon {
  position: relative;
  background: white; }
  .comming-soon:after {
    content: "comming soon...";
    font-size: 2rem;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0; }
  .comming-soon:before {
    content: "";
    background: inherit;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.login-form > .column {
  padding: 10px 40px; }

.mypage-nav {
  margin-bottom: 20px; }

.message-section {
  border-top: 20px solid #fff; }
  @media screen and (max-width: 768px) {
    .message-section {
      border-top-width: 10px; } }

.message-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .message-wrapper > aside {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden; }
    .message-wrapper > aside .sender-list .sender {
      padding: 10px 0;
      margin: 10px 0; }
      @media screen and (max-width: 768px) {
        .message-wrapper > aside .sender-list .sender {
          border-right-width: 10px; } }
      .message-wrapper > aside .sender-list .sender > a {
        color: #151515;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .message-wrapper > aside .sender-list .sender > a {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0 5px; } }
        .message-wrapper > aside .sender-list .sender > a span {
          max-width: calc(100% - 58px - 30px);
          margin-left: 20px;
          margin-right: 10px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
          @media screen and (max-width: 768px) {
            .message-wrapper > aside .sender-list .sender > a span {
              display: none; } }
  .message-wrapper > .message-content {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    border-left: 20px solid #fff;
    padding-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .message-wrapper > .message-content {
        border-left-width: 10px; } }
    .message-wrapper > .message-content > .message-window {
      max-height: calc(100vh - 100px);
      overflow-y: auto;
      overflow-x: hidden; }
      .message-wrapper > .message-content > .message-window > .sender-sticky {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: white;
        -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
        padding: 5px 10px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 10; }
        .message-wrapper > .message-content > .message-window > .sender-sticky > span {
          margin: 0 20px; }
      .message-wrapper > .message-content > .message-window > .messages .error-message {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        height: 50%;
        width: 50%;
        text-align: center; }
        .message-wrapper > .message-content > .message-window > .messages .error-message p {
          font-weight: bold;
          font-size: 15px; }
        .message-wrapper > .message-content > .message-window > .messages .error-message a {
          margin: 15px 0; }
      .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message {
        color: #151515;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 1rem; }
        @media screen and (max-width: 768px) {
          .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message {
            font-size: 0.8rem; } }
        .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon {
          margin: 40px 60px;
          padding: 10px 20px;
          max-width: 500px;
          background: #e5e5e5;
          border-radius: 20px;
          position: relative;
          word-wrap: break-word; }
          @media screen and (max-width: 768px) {
            .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon {
              max-width: 200px;
              margin: 30px 30px;
              padding: 5px 10px; } }
          .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon::before, .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon::after {
            position: absolute;
            width: 100%;
            text-align: left;
            left: 0;
            font-size: 0.8rem; }
            @media screen and (max-width: 768px) {
              .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon::before, .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon::after {
                font-size: 10px; } }
          .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon::before {
            content: attr(sentfrom);
            top: -30px; }
            @media screen and (max-width: 768px) {
              .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon::before {
                top: -20px; } }
          .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon::after {
            content: attr(sentat);
            bottom: -30px;
            text-align: right; }
            @media screen and (max-width: 768px) {
              .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message > .ballon::after {
                bottom: -20px; } }
        .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message.me {
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
          .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message.me > .ballon {
            background: #fdeceb; }
            .message-wrapper > .message-content > .message-window > .messages > .tomoshibi-message.me > .ballon::after {
              right: 10px;
              text-align: left;
              min-width: 100px; }
    .message-wrapper > .message-content > .message-word {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
      width: 100%;
      position: relative;
      min-height: 400px; }
      .message-wrapper > .message-content > .message-word .empty-image {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .message-wrapper > .message-content > .message-word span {
        font-weight: bold;
        font-size: 1.2rem; }
        @media screen and (max-width: 768px) {
          .message-wrapper > .message-content > .message-word span {
            font-size: 0.7rem; } }

/*
.message-section {
    border-top: 20px solid $tomoshibi-light;

    @include mobile {
        border-top-width: 10px;
    }
}

.message-wrapper {
    display: flex;
    position: relative;

    > aside {
        flex: 1;
        overflow: hidden;

        .sender-list {
            .sender {
                padding: 10px 0;
                margin: 10px 0;

                @include mobile {
                    border-right-width: 10px;
                }

                > a {
                    color: #151515;
                    display: flex;
                    align-items: center;

                    @include mobile {
                        justify-content: center;
                        padding: 0 5px;
                    }

                    span {
                        @include mobile {
                            display: none;
                        }

                        max-width: calc(100% - 58px - 30px);
                        margin-left: 20px;
                        margin-right: 10px;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                    }
                }
            }
        }
    }

    > .message-content {
        flex: 4;
        border-left: 20px solid $tomoshibi-light;
        padding-bottom: 20px;

        @include mobile {
            border-left-width: 10px;
        }

        > .message-window {
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            overflow-x: hidden;

            > .sender-sticky {
                position: sticky;
                position: -webkit-sticky;
                top: 0;
                display: flex;
                background: $white;
                box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
                padding: 5px 10px;
                align-items: center;
                z-index: 10;

                > span {
                    margin: 0 20px;
                }
            }

            > .messages {
                > .tomoshibi-message {
                    color: #151515;
                    display: flex;
                    justify-content: flex-start;
                    font-size: 1rem;

                    @include mobile {
                        font-size: 0.8rem;
                    }

                    > .ballon {
                        margin: 40px 60px;
                        padding: 10px 20px;
                        max-width: 500px;
                        background: #e5e5e5;
                        border-radius: 20px;
                        position: relative;
                        word-wrap: break-word;

                        @include mobile {
                            max-width: 200px;
                            margin: 30px 30px;
                            padding: 5px 10px;
                        }

                        &::before,
                        &::after {
                            position: absolute;
                            width: 100%;
                            text-align: left;
                            left: 0;
                            font-size: 0.8rem;

                            @include mobile {
                                font-size: 10px;
                            }
                        }

                        &::before {
                            content: attr(sentfrom);
                            top: -30px;

                            @include mobile {
                                top: -20px;
                            }
                        }

                        &::after {
                            content: attr(sentat);
                            bottom: -30px;

                            @include mobile {
                                bottom: -20px;
                            }

                            text-align: right;
                        }
                    }

                    &.me {
                        justify-content: flex-end;

                        > .ballon {
                            background: $tomoshibi-light;

                            &::after {
                                right: 10px;
                                text-align: left;
                                min-width: 100px;
                            }
                        }
                    }
                }
            }
        }

        > .message-word {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 100%;
            position: relative;
            min-height: 400px;

            .empty-image {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            span {
                font-weight: bold;
                font-size: 1.2rem;

                @include mobile {
                    font-size: 0.7rem;
                }
            }
        }
    }
}
*/
@media screen and (max-width: 768px) {
  .message-section {
    border-top-width: 10px; } }

.message-section .message-container {
  height: calc(100vh - 81px); }
  .message-section .message-container .message-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .message-section .message-container .message-wrapper.sp-wrapper {
      display: block; }
    .message-section .message-container .message-wrapper #msg-aside {
      margin: 0;
      padding: 0;
      border-right: solid 1px #e2e2e2;
      border-radius: unset;
      width: 40%;
      min-width: 200px;
      max-width: 340px; }
      @media screen and (max-width: 769px) {
        .message-section .message-container .message-wrapper #msg-aside {
          width: 20%;
          min-width: unset; } }
      .message-section .message-container .message-wrapper #msg-aside.sp-aside {
        width: 100%;
        min-width: 200px;
        max-width: 100%; }
      .message-section .message-container .message-wrapper #msg-aside .msg-header {
        text-align: center;
        font-weight: 600;
        color: #666;
        border-bottom: solid 0.5px #999;
        line-height: 40px; }
        @media screen and (max-width: 769px) {
          .message-section .message-container .message-wrapper #msg-aside .msg-header {
            display: none; } }
      .message-section .message-container .message-wrapper #msg-aside .sender-list {
        max-height: calc(100vh - 122px);
        overflow-y: auto;
        overflow-x: hidden; }
        .message-section .message-container .message-wrapper #msg-aside .sender-list .sender {
          border-bottom: solid 0.3px #e2e2e2; }
          .message-section .message-container .message-wrapper #msg-aside .sender-list .sender .message-icon {
            margin: 0 auto; }
          .message-section .message-container .message-wrapper #msg-aside .sender-list .sender .inbox_item {
            width: calc(100% - 60px);
            margin-left: 20px; }
            @media screen and (max-width: 769px) {
              .message-section .message-container .message-wrapper #msg-aside .sender-list .sender .inbox_item {
                display: none; } }
            .message-section .message-container .message-wrapper #msg-aside .sender-list .sender .inbox_item .sender-name {
              display: inline-block;
              vertical-align: top;
              font-size: 15px;
              color: #333;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              width: 55%; }
            .message-section .message-container .message-wrapper #msg-aside .sender-list .sender .inbox_item .sender-time {
              display: -webkit-inline-box;
              display: -webkit-inline-flex;
              display: -ms-inline-flexbox;
              display: inline-flex;
              float: right;
              font-size: 10px;
              color: #959595; }
            .message-section .message-container .message-wrapper #msg-aside .sender-list .sender .inbox_item .sender-media {
              font-size: 13px;
              color: #808080;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
    .message-section .message-container .message-wrapper .sender-list .sender.is-active {
      background-color: #e2e2e2; }
    .message-section .message-container .message-wrapper .sender-list .sender a {
      position: relative;
      color: #151515;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 15px 10px; }
      .message-section .message-container .message-wrapper .sender-list .sender a:active, .message-section .message-container .message-wrapper .sender-list .sender a:hover {
        background-color: #e2e2e2; }
      .message-section .message-container .message-wrapper .sender-list .sender a p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .message-section .message-container .message-wrapper .sender-list .sender a .message-icon .notice_badge {
        position: absolute;
        top: 15px;
        left: 40px;
        width: 15px;
        height: 15px;
        border: solid 0.5px #fff;
        border-radius: 50%;
        background-color: red; }
    .message-section .message-container .message-wrapper .message-content {
      -webkit-box-flex: 4;
      -webkit-flex: 4;
      -ms-flex: 4;
      flex: 4;
      position: relative;
      height: calc(100vh - 81px); }
      .message-section .message-container .message-wrapper .message-content .message-window {
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        overflow-x: hidden; }
        .message-section .message-container .message-wrapper .message-content .message-window .sender-sticky {
          position: sticky;
          position: -webkit-sticky;
          top: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          background: #EB6767;
          padding: 5px 10px;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          z-index: 10; }
          .message-section .message-container .message-wrapper .message-content .message-window .sender-sticky .back-btn {
            color: #fff; }
          .message-section .message-container .message-wrapper .message-content .message-window .sender-sticky span {
            margin: 0 auto;
            color: #fff;
            font-size: 20px;
            font-weight: 800; }
        .message-section .message-container .message-wrapper .message-content .message-window .messages {
          padding-bottom: 40px; }
          .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message {
            color: #151515;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            font-size: 1rem;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center; }
            @media screen and (max-width: 768px) {
              .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message {
                font-size: 0.95rem; } }
            .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .message-icon {
              margin-left: 10px; }
            .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon {
              margin: 25px 20px;
              padding: 5px 20px;
              max-width: 500px;
              background: #e5e5e5;
              border-radius: 10px;
              position: relative;
              word-wrap: break-word; }
              @media screen and (max-width: 768px) {
                .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon {
                  max-width: 200px;
                  margin: 25px 10px; } }
              .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon::before, .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon::after {
                position: absolute;
                width: 100%;
                text-align: left;
                left: 0;
                font-size: 0.7rem;
                color: #959595;
                font-weight: 600; }
                @media screen and (max-width: 768px) {
                  .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon::before, .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon::after {
                    font-size: 10px; } }
              .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon::before {
                content: attr(sentfrom);
                top: -20px; }
                @media screen and (max-width: 768px) {
                  .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon::before {
                    top: -20px; } }
              .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon::after {
                content: attr(sentat);
                bottom: -20px;
                text-align: right; }
                @media screen and (max-width: 768px) {
                  .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message .ballon::after {
                    bottom: -20px; } }
            .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message.me {
              -webkit-box-pack: end;
              -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
              justify-content: flex-end; }
              .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message.me .ballon {
                background: #FACFD4; }
                .message-section .message-container .message-wrapper .message-content .message-window .messages .tomoshibi-message.me .ballon::after {
                  right: 10px;
                  text-align: left;
                  min-width: 100px; }
          .message-section .message-container .message-wrapper .message-content .message-window .messages .msg-date {
            display: block;
            text-align: center;
            margin: 20px auto 0;
            width: 150px;
            line-height: 25px;
            background-color: #959595;
            border-radius: 20px;
            font-size: 12px;
            color: #fff;
            font-weight: 600; }
      .message-section .message-container .message-wrapper .message-content .textarea-with-button {
        width: 100%;
        height: 60px;
        background-color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: solid 1px #E2E2E2;
        position: absolute;
        bottom: 0; }
        .message-section .message-container .message-wrapper .message-content .textarea-with-button textarea {
          font-size: 0.95rem;
          height: 70%;
          border-radius: 10px;
          border: none;
          background-color: #F2F2F2;
          -webkit-box-flex: 10;
          -webkit-flex: 10;
          -ms-flex: 10;
          flex: 10;
          padding: 9px 10px;
          margin-left: 10px;
          resize: none; }
          .message-section .message-container .message-wrapper .message-content .textarea-with-button textarea:focus,
          .message-section .message-container .message-wrapper .message-content .textarea-with-button textarea :active {
            outline: none; }
          .message-section .message-container .message-wrapper .message-content .textarea-with-button textarea::-webkit-input-placeholder {
            color: #727272;
            padding-left: 10px; }
          .message-section .message-container .message-wrapper .message-content .textarea-with-button textarea:-ms-input-placeholder {
            color: #727272;
            padding-left: 10px; }
          .message-section .message-container .message-wrapper .message-content .textarea-with-button textarea::-ms-input-placeholder {
            color: #727272;
            padding-left: 10px; }
          .message-section .message-container .message-wrapper .message-content .textarea-with-button textarea::placeholder {
            color: #727272;
            padding-left: 10px; }
          @media screen and (max-width: 768px) {
            .message-section .message-container .message-wrapper .message-content .textarea-with-button textarea {
              -webkit-box-flex: 7;
              -webkit-flex: 7;
              -ms-flex: 7;
              flex: 7; } }
        .message-section .message-container .message-wrapper .message-content .textarea-with-button .textarea-submit {
          cursor: pointer;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          margin: 5px; }
          .message-section .message-container .message-wrapper .message-content .textarea-with-button .textarea-submit img {
            width: 30px;
            height: auto;
            vertical-align: middle; }
          .message-section .message-container .message-wrapper .message-content .textarea-with-button .textarea-submit:focus,
          .message-section .message-container .message-wrapper .message-content .textarea-with-button .textarea-submit :active {
            outline: none; }

.main-categories {
  display: grid;
  display: -ms-grid;
  width: 80%;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; }
  @media screen and (max-width: 768px) {
    .main-categories {
      width: 90%;
      grid-template-columns: 1fr 1fr;
      -ms-grid-columns: 1fr 1fr; } }
  .main-categories > .category {
    margin: 10px 5px; }
    .main-categories > .category:nth-of-type(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1; }
    .main-categories > .category:nth-of-type(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2; }
    .main-categories > .category:nth-of-type(3) {
      -ms-grid-row: 1;
      -ms-grid-column: 3; }
    .main-categories > .category:nth-of-type(4) {
      -ms-grid-row: 1;
      -ms-grid-column: 4; }
    .main-categories > .category:nth-of-type(5) {
      -ms-grid-row: 1;
      -ms-grid-column: 5; }
    .main-categories > .category:nth-of-type(6) {
      -ms-grid-row: 2;
      -ms-grid-column: 1; }
    .main-categories > .category:nth-of-type(7) {
      -ms-grid-row: 2;
      -ms-grid-column: 2; }
    .main-categories > .category:nth-of-type(8) {
      -ms-grid-row: 2;
      -ms-grid-column: 3; }
    .main-categories > .category:nth-of-type(9) {
      -ms-grid-row: 2;
      -ms-grid-column: 4; }
    .main-categories > .category:nth-of-type(10) {
      -ms-grid-row: 2;
      -ms-grid-column: 5; }

.share-area > div > div:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .share-area > div > div:last-child .button {
    margin: 10px;
    width: 150px; }
    .share-area > div > div:last-child .button.twitter {
      color: white;
      background-color: #1da1f2;
      border: 1px #1da1f2 solid; }
    .share-area > div > div:last-child .button.facebook {
      color: white;
      background-color: #3b5998;
      border: 1px #3b5998 solid; }

.form-field {
  text-align: left;
  margin: 0 auto;
  padding: 30px 20px;
  border-radius: 5px;
  background: #fdeceb;
  width: 500px;
  max-width: 100%; }
  .form-field > form > p {
    margin: 0px 10px 20px 10px; }
    .form-field > form > p > label {
      display: block;
      font-size: 0.8rem;
      margin: 5px 0;
      font-weight: bold; }
    .form-field > form > p > input {
      display: block; }
    .form-field > form > p + ul:not(.errorlist) {
      margin: -20px 20px 0 20px; }
  .form-field > form > .center {
    text-align: center; }
  .form-field > form .errorlist {
    color: crimson;
    font-size: 0.8rem;
    font-weight: bold;
    margin-left: 10px; }

#company-container {
  width: 90%;
  margin: 0 auto; }
  #company-container hr {
    min-width: 200vw;
    margin-left: -50%;
    background-color: #D5D5D5;
    height: 1px; }
  #company-container hr:first-child {
    min-width: 200vw;
    margin-left: -50%;
    background-color: #FFFFFF;
    height: 1px; }
  #company-container .pc .pc {
    display: none; }
  #company-container section {
    margin-bottom: 60px; }
    #company-container section:last-child {
      padding-top: 15px;
      margin-top: -15px;
      margin-bottom: 0;
      padding-bottom: 60px; }
  #company-container h2 {
    margin: 30px 0px 20px;
    font-size: 1.6rem;
    color: #DE6565;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-align: left; }

@media screen and (min-width: 769px) {
  #company-container {
    max-width: 1210px;
    margin: 0 auto; }
    #company-container section {
      margin-bottom: 60px; }
    #company-container h2 {
      margin: 35px 0px 10px;
      font-size: 35px;
      color: #DE6565;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700; }
    #company-container .inner .left-column {
      width: 720px; } }

@media screen and (min-width: 950px) {
  #company-container section {
    margin-bottom: 65px; }
  #company-container .pc {
    display: block; }
  #company-container h2 {
    margin: 40px 0px 30px;
    font-size: 40px;
    color: #DE6565;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700; }
  #company-container .inner .left-column {
    width: 720px; } }

/*------------------------------------------------*/
#company-top {
  padding-bottom: 4%; }
  #company-top .sp {
    display: none; }
  #company-top .cover-content {
    padding: 0 5%; }
    #company-top .cover-content .company-vision {
      margin: 25px 0 20px;
      font-size: 1.6rem;
      color: #DE6565;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700; }
    #company-top .cover-content .wide-text {
      font-size: 1.15rem;
      font-family: "Hiragino Sans W7";
      font-weight: 700;
      letter-spacing: .6px;
      margin-bottom: 5px; }
      #company-top .cover-content .wide-text .pc {
        display: none; }
    #company-top .cover-content .sub-text {
      font-size: .65rem;
      margin-bottom: 25px; }
  #company-top .bg {
    padding: 0 5%; }
    #company-top .bg p {
      font-size: .85rem; }

@media screen and (max-width: 767px) {
  #company-top {
    padding-bottom: 2%; }
    #company-top .cover-content {
      padding: 0 5%; }
      #company-top .cover-content .wide-text {
        font-size: 1.3rem;
        letter-spacing: 1px;
        margin-top: 20px;
        margin-bottom: 5px; } }
      @media screen and (max-width: 767px) and (min-width: 600px) {
        #company-top .cover-content .wide-text {
          font-size: 3.2vw; }
          #company-top .cover-content .wide-text .sp {
            display: none; } }

@media screen and (max-width: 767px) {
      #company-top .cover-content .sub-text {
        font-size: 2vw;
        letter-spacing: .05rem;
        margin-bottom: 30px; }
    #company-top .bg p {
      font-size: .85rem; } }

@media screen and (min-width: 768px) {
  #company-top {
    position: relative;
    max-width: 1395px;
    margin: 0 auto;
    padding-bottom: 0;
    text-align: center; }
    #company-top .image-background {
      background: #000;
      max-width: 1395px;
      margin: 0 auto; }
      #company-top .image-background img {
        display: block;
        opacity: .85; }
      #company-top .image-background .cover-content {
        position: absolute;
        top: 10%;
        left: 0;
        width: 100%;
        text-shadow: 1px 1px 2px #727272; }
        #company-top .image-background .cover-content .company-vision {
          color: #FFF;
          letter-spacing: .1rem;
          font-size: 3.5vw; }
        #company-top .image-background .cover-content .wide-text {
          margin-top: 15px;
          font-weight: bold;
          letter-spacing: .4rem;
          color: #FFF;
          font-size: 3vw; }
          #company-top .image-background .cover-content .wide-text .pc {
            display: block; }
        #company-top .image-background .cover-content p + .sub-text {
          color: #FFF;
          margin-top: 10px;
          font-size: 0.85rem;
          font-weight: 700; }
    #company-top .bg {
      position: absolute;
      bottom: 0;
      left: 0;
      background: rgba(44, 4, 4, 0.5);
      width: 100%;
      height: 32%;
      line-height: 2; }
      #company-top .bg > p {
        font-size: 1.5vw;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        color: #FFF; } }

@media screen and (min-width: 1088px) {
  #company-top {
    margin: 0 auto;
    text-align: center; }
    #company-top .image-background .cover-content .company-vision {
      margin-top: 5%;
      font-size: 2.3rem; }
    #company-top .image-background .cover-content .wide-text {
      font-size: 2.5rem; }
    #company-top .bg {
      height: 35%; }
      #company-top .bg > p {
        font-size: 1rem; } }

/*------------------------------------------------*/
#company-service {
  width: 100%; }
  #company-service:after {
    content: "";
    display: block;
    clear: both; }
  #company-service .pc {
    display: none; }
  #company-service .inner .left-column span {
    font-size: .7rem;
    color: #707070;
    font-family: "Heisei Maru Gothic Std W8";
    font-weight: 900;
    display: block; }
  #company-service .inner .left-column p {
    font-size: .85rem;
    margin-bottom: 40px; }
  #company-service .inner .left-column img {
    width: 200px;
    margin: 0 0 20px -10px; }
  #company-service .inner .right-column {
    float: right;
    width: 90%;
    margin-right: -38%; }
  #company-service .inner .article-content {
    float: left;
    width: 48%;
    margin-top: 3%; }
    @media screen and (max-width: 374px) {
      #company-service .inner .article-content {
        width: 45%; } }
    #company-service .inner .article-content .article-btn-txt {
      text-align: center;
      padding: 20px 0 5px;
      font-weight: 600;
      font-size: .95rem;
      letter-spacing: .05rem; }
    #company-service .inner .article-content .article-btn {
      text-align: center;
      margin: 0 auto;
      width: 100%;
      max-width: 356px;
      background-color: #D9001D;
      border-radius: 25px;
      letter-spacing: 2px; }
      #company-service .inner .article-content .article-btn a {
        text-decoration: none;
        color: #FFF;
        font-size: .85rem;
        font-weight: 600;
        text-align: center;
        line-height: 45px; }
        @media screen and (max-width: 374px) {
          #company-service .inner .article-content .article-btn a {
            font-size: .7rem; } }

@media screen and (min-width: 480px) {
  #company-service .inner .left-column p {
    line-height: 2; }
  #company-service .inner .right-column {
    margin-right: -30%; }
  #company-service .inner .article-content {
    width: 40%;
    max-width: 280px;
    float: left; } }
  @media screen and (min-width: 480px) and (min-width: 600px) {
    #company-service .inner .article-content {
      margin-top: 7%; } }

@media screen and (min-width: 480px) {
    #company-service .inner .article-content .article-btn-txt {
      font-size: .95rem;
      letter-spacing: .1rem; }
    #company-service .inner .article-content .article-btn a {
      font-size: .95rem;
      line-height: 45px; } }
    @media screen and (min-width: 480px) and (min-width: 600px) {
      #company-service .inner .article-content .article-btn a {
        font-size: .95rem; } }

@media screen and (min-width: 769px) {
  #company-service .inner .left-column p {
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 25px; }
  #company-service .inner .left-column span {
    font-size: 1.5vw;
    color: #707070;
    font-family: "Heisei Maru Gothic Std W8";
    font-weight: 900;
    display: block; }
  #company-service .inner .left-column img {
    width: 300px;
    margin: 0 0 20px -2.3%; }
  #company-service .inner .article-content {
    margin-top: 8%; }
    #company-service .inner .article-content .article-btn-txt {
      font-size: 1.1rem;
      letter-spacing: .1rem; }
    #company-service .inner .article-content .article-btn {
      text-align: center;
      margin: 0 auto;
      width: 95%;
      max-width: 356px;
      height: 50px;
      background-color: #D9001D;
      border-radius: 25px;
      letter-spacing: 2px; }
      #company-service .inner .article-content .article-btn a {
        text-decoration: none;
        color: #FFF;
        font-size: 1.2rem;
        font-weight: 600;
        text-align: center;
        line-height: 50px; }
  #company-service .inner .right-column {
    float: right;
    width: 80%;
    margin-right: -20%; } }

@media screen and (min-width: 950px) {
  #company-service .inner .left-column {
    max-width: 50%;
    float: left; }
    #company-service .inner .left-column p {
      font-size: .9rem;
      margin-bottom: 2%; }
    #company-service .inner .left-column img {
      margin-left: -3%; }
  #company-service .inner .right-column {
    width: 70%; }
  #company-service .inner .article-content {
    margin-top: 0;
    margin-left: 10%; } }

@media screen and (min-width: 1088px) {
  #company-service .pc {
    display: block; }
  #company-service .sp {
    display: none; }
  #company-service .inner .left-column {
    max-width: 50%;
    float: left; }
    #company-service .inner .left-column p {
      font-size: 1.05rem;
      line-height: 2;
      margin-bottom: 4%; }
    #company-service .inner .left-column span {
      font-size: .9rem; }
    #company-service .inner .left-column img {
      margin-left: -3%; }
  #company-service .inner .right-column {
    width: 50%;
    margin-right: 0;
    margin-top: 110px; }
  #company-service .inner .article-content {
    margin-top: 0;
    margin-left: 10%; } }

/*------------------------------------------------*/
#company-message .inner .right-column {
  width: 100vw;
  max-height: 40vh;
  min-width: 370px;
  overflow: hidden;
  margin-left: -30px;
  position: relative; }
  #company-message .inner .right-column > p {
    position: absolute;
    color: #FFF;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: .08rem;
    top: 35%;
    left: 5%;
    text-shadow: .5px .5px 1px #727272; }
    #company-message .inner .right-column > p > span {
      display: block;
      margin-top: 30px;
      font-size: 1rem; }
  #company-message .inner .right-column img {
    width: 100%; }

#company-message .inner .left-column p {
  font-size: .85rem;
  margin-bottom: 15px;
  line-height: 1.5; }

@media screen and (min-width: 600px) {
  #company-message .inner .right-column > p {
    font-size: 1.4rem;
    letter-spacing: .1rem;
    line-height: 1.5;
    top: 35%;
    left: 5%; }
    #company-message .inner .right-column > p > span {
      font-size: 1.1rem; }
  #company-message .inner .left-column p {
    font-size: .85rem;
    margin-bottom: 15px;
    line-height: 1.5; } }

@media screen and (min-width: 769px) {
  #company-message .inner .right-column {
    position: relative;
    height: 40vh; }
    #company-message .inner .right-column > p {
      left: 75px;
      top: 140px;
      color: #FFF;
      font-size: 1.5rem;
      letter-spacing: 2px;
      line-height: 1.7; }
      #company-message .inner .right-column > p > span {
        display: block;
        margin-top: 30px;
        font-size: 1rem; }
  #company-message .inner .left-column p {
    font-size: .95rem;
    line-height: 1.5; } }

@media screen and (min-width: 950px) and (min-width: 1366px) {
  #company-message {
    max-width: 1366px;
    overflow: hidden; } }

@media screen and (min-width: 950px) {
  #company-message .inner {
    height: 630px;
    width: 100%; }
    #company-message .inner .right-column {
      float: right;
      margin-right: -10%;
      margin-top: 80px;
      width: 60%;
      min-height: 80%;
      background-image: url(../img/img_ceo.jpg);
      background-size: cover;
      background-position: right; }
      #company-message .inner .right-column img {
        display: none; }
    #company-message .inner > p {
      left: 75px;
      top: 140px;
      color: #FFF;
      font-size: 1.5rem;
      letter-spacing: 2px;
      line-height: 1.7; }
      #company-message .inner > p > span {
        display: block;
        margin-top: 30px;
        font-size: 1rem; }
    #company-message .inner .left-column {
      width: 47%; }
      #company-message .inner .left-column p {
        font-size: .85rem;
        line-height: 1.5; } }

/*------------------------------------------------*/
.news-list {
  margin: 0 auto; }
  .news-list tr {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #CDCDCD; }
    @media screen and (min-width: 480px) {
      .news-list tr {
        margin: 0 auto; } }
    .news-list tr:last-child {
      border-bottom: none; }
    .news-list tr th,
    .news-list tr td {
      display: block; }
    .news-list tr th {
      /* width: 70%; */
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .news-list tr th > p {
        font-size: .75rem;
        font-weight: normal; }
      .news-list tr th .day {
        margin-right: 15px; }
      .news-list tr th .news-tag {
        width: auto;
        height: 18px;
        color: #fff;
        background-color: #fff;
        text-align: center;
        line-height: 1px;
        letter-spacing: 1px;
        padding: 0 4px 0 10px; }
      .news-list tr th .tag1 {
        border-top: 9.5px solid #F5A000;
        border-bottom: 9.5px solid #F5A000;
        border-right: 10px solid transparent; }
      .news-list tr th .tag2 {
        border-top: 9.5px solid #A5D844;
        border-bottom: 9.5px solid #A5D844;
        border-right: 10px solid transparent; }
      .news-list tr th .tag3 {
        border-top: 9.5px solid #53A5FF;
        border-bottom: 9.5px solid #53A5FF;
        border-right: 10px solid transparent; }
    .news-list tr td {
      width: 100%;
      margin: 15px 0;
      font-size: .85rem;
      letter-spacing: .5px; }
      .news-list tr td .news-text {
        color: #444; }
        .news-list tr td .news-text:hover {
          text-decoration: underline; }

@media screen and (min-width: 769px) {
  .news-list {
    width: 100%;
    margin: 0 auto; }
    .news-list tr {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 15px 10%; }
      .news-list tr th {
        width: 360px; }
        .news-list tr th > p {
          font-size: 0.85rem;
          font-weight: normal; }
        .news-list tr th .day {
          margin-right: 2%; }
        .news-list tr th .news-tag {
          width: auto;
          height: 20px;
          font-weight: 500;
          margin-left: 8%;
          margin-right: 2%; }
        .news-list tr th .tag1 {
          border-top: 10px solid #F5A000;
          border-bottom: 10px solid #F5A000;
          border-right: 10px solid transparent; }
        .news-list tr th .tag2 {
          border-top: 10px solid #A5D844;
          border-bottom: 10px solid #A5D844;
          border-right: 10px solid transparent; }
        .news-list tr th .tag3 {
          border-top: 10px solid #53A5FF;
          border-bottom: 10px solid #53A5FF;
          border-right: 10px solid transparent; }
        .news-list tr th td {
          font-size: .9rem; } }

/*about page*/
br {
  line-height: 0; }

/* --------スライダー---------*/
.about-tomoshibi-container {
  max-width: 1210px;
  margin: 0 auto; }

.li {
  position: relative; }

.concept-txt-all {
  position: absolute;
  top: 11%;
  left: 5%; }

.concept-txt-main {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 10px 0 0;
  letter-spacing: 1px; }

.concept-txt-secondary {
  color: #fff;
  font-style: normal;
  font-weight: 800;
  text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.45);
  font-size: 12px;
  padding: 0;
  letter-spacing: 1px; }

.about-logo {
  width: 50%;
  margin: -20px 0 -5px -9px;
  max-width: 298px; }

.btn {
  width: 170px;
  height: 40px;
  background-color: #fff;
  font-weight: 500;
  padding: 0 1px;
  letter-spacing: 2px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 12px; }

.btn a {
  text-decoration: none;
  color: #000;
  font-size: 13px;
  vertical-align: middle; }

/*スライダー終わり*/
.about-section {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  height: auto; }

.about-section:last-child {
  padding-bottom: 0; }

.about-section h1 {
  font-size: 1.6rem;
  color: #DE6565;
  letter-spacing: 1px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  margin: 20px 0px 5px; }

.about-section h2 {
  width: 100%;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-align: left; }

.about-section h3 {
  color: #DE6565;
  font-size: 18px;
  font-weight: bolder;
  letter-spacing: 1.5px;
  padding-top: 10px; }

.sec-txt {
  font-size: 13px;
  line-height: 23px;
  letter-spacing: 0.1px;
  word-wrap: break-word; }

.about-section-center1 {
  margin-top: 40px; }

.sec-secondary_txt {
  margin: 10px 0 20px;
  font-size: 13px;
  line-height: 23px;
  width: 100%;
  height: auto; }

.sec-img img {
  width: 100%; }

.sec-img {
  height: auto;
  overflow: hidden;
  display: inline-block; }

.about-tomoshibi-container .article {
  text-align: center;
  margin: 10px 5%;
  padding: 30px 0;
  background-image: url(../img/empty_chat.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right; }

.about-tomoshibi-container .article-ttl {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px; }

.about-tomoshibi-container .article-txt {
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.5px;
  padding: 30px 0; }

.about-tomoshibi-container .article-btn {
  margin: 0 auto;
  width: 230px;
  height: 50px;
  background-color: #D9001D;
  border-radius: 25px;
  line-height: 50px;
  letter-spacing: 2px; }

.about-tomoshibi-container .article-btn a {
  text-decoration: none;
  color: #FFF;
  font-weight: 600; }

.about-tomoshibi-container .article-btn-txt {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px; }

/*---------------------レスポンシブ----------------------*/
@media screen and (min-width: 541px) {
  .sp {
    display: none; }
  .pc {
    display: block; }
  .concept-txt-all {
    position: absolute;
    top: 12%;
    left: 10%; }
  .concept-txt-main {
    font-size: 25px;
    padding: 10px 0 0;
    letter-spacing: 1.5px; }
  .concept-txt-secondary {
    font-size: 15px;
    padding: 0;
    letter-spacing: 1px;
    line-height: 25px; }
  .about-logo {
    width: 50%;
    margin: -20px 0 10px -12px; } }

@media screen and (min-width: 768px) {
  .about-section h3 {
    font-size: 22px;
    font-family: "Hiragino Sans W7";
    letter-spacing: 2px; }
  .sec-txt {
    font-size: 17px;
    line-height: 36px;
    letter-spacing: 1px;
    padding: 0 0 20px 0; }
  .sec-secondary_txt {
    margin: 10px 0 20px;
    font-size: 12px;
    font-family: "Hiragino Sans W4";
    font-weight: 500;
    line-height: 27px;
    width: 100%;
    height: auto;
    letter-spacing: 1px; }
  .sec-img {
    width: 50%;
    margin-right: 50px;
    height: auto;
    overflow: hidden;
    display: inline-block; }
  .sec-img img {
    width: 100%; }
  .howto-sec {
    width: 47%;
    height: auto;
    display: inline-block;
    vertical-align: top; }
  .about-tomoshibi-container .article {
    text-align: center;
    margin: 10px 5%;
    padding: 0 50px 60px;
    background-image: url(../img/empty_chat.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right; }
  .about-tomoshibi-container .article-ttl {
    font-size: 35px;
    letter-spacing: 1.5px;
    font-family: "Hiragino Sans W8";
    font-weight: 600;
    padding-top: 40px; }
  .about-tomoshibi-container .article-txt {
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 1.5px;
    padding: 45px 0; }
  .about-tomoshibi-container .article-btn {
    margin: 0 auto;
    width: 356px;
    height: 55px;
    background-color: #D9001D;
    border-radius: 25px;
    line-height: 58px;
    letter-spacing: 1.5px; }
  .about-tomoshibi-container .article-btn a {
    text-decoration: none;
    color: #FFF;
    font-size: 22px;
    letter-spacing: 2px; }
  .about-tomoshibi-container .article-btn-txt {
    font-weight: 600;
    padding-bottom: 5px; }
  .about-section h3 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 0; }
  .about-section-center1 {
    margin-top: 40px; }
  .sec-secondary_txt {
    margin: 10px 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    width: 90%;
    text-align: left;
    height: auto;
    display: inline-block; }
  .sec-img {
    width: 90%;
    height: auto;
    overflow: hidden;
    margin: 0 auto; }
  .sec-img img {
    width: 100%; }
  .howto-sec {
    display: block;
    width: 100%; }
  .about-section-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .about-section-center1,
  .about-section-center2,
  .about-section-center3 {
    display: inline-block;
    vertical-align: bottom;
    width: 31%;
    padding: 20px 0;
    margin: 0 0.55%;
    border-radius: 7px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    background-color: #fffafa; } }

/*------------------------------------------------*/
#company-info h2 {
  max-width: 1210px;
  margin: 0 auto; }

#company-info .inner {
  margin: 30px auto 0 auto;
  max-width: 1210px; }
  #company-info .inner .right-column {
    width: 100%;
    max-width: 395px;
    margin: 30px auto 0 auto; }
  #company-info .inner .left-column table {
    margin: 0 auto; }
    #company-info .inner .left-column table tr {
      max-width: 570px;
      border-bottom: 1px solid #CDCDCD;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #company-info .inner .left-column table tr:last-child {
        border: none; }
    #company-info .inner .left-column table th,
    #company-info .inner .left-column table td {
      display: block;
      margin: 10px 0; }
    #company-info .inner .left-column table th {
      width: 100px;
      font-size: .8rem; }
    #company-info .inner .left-column table td {
      width: 85%;
      text-align: left;
      font-size: .8rem; }

@media screen and (min-width: 769px) {
  #company-info .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10%; }
    #company-info .inner .left-column table {
      width: 100%; }
      #company-info .inner .left-column table tr {
        width: 95%; }
        #company-info .inner .left-column table tr th,
        #company-info .inner .left-column table tr td {
          display: block;
          margin: 10px 0; }
        #company-info .inner .left-column table tr th {
          width: 100px; } }

.tomoshibi-edit-image {
  display: block;
  max-width: 320px;
  margin: 20px auto; }
  .tomoshibi-edit-image > img {
    width: 100%; }

.search-form {
  margin: 30px 20px;
  text-align: center; }
  .search-form .advanced_radio {
    margin: 10px 15px;
    display: inline-block;
    overflow: hidden;
    border-radius: 20px; }
    .search-form .advanced_radio label {
      display: block;
      width: auto;
      color: white;
      padding: 10px 15px;
      background: #ccc;
      cursor: pointer; }
    .search-form .advanced_radio input[type="radio"] {
      display: none; }
      .search-form .advanced_radio input[type="radio"]:checked + label {
        background: #D9001D;
        cursor: pointer; }

/*0831 added NEW-TOP-PAGE-Layout*/
/*ヘッダー検索エリア*/
nav.navbar {
  -webkit-box-shadow: 0 0 3px #ddd;
  box-shadow: 0 0 3px #ddd; }
  nav.navbar #wrap {
    display: inline-block;
    height: 45px;
    width: 100%;
    padding: 0;
    position: relative;
    margin-bottom: 20px;
    top: 8px; }
    @media screen and (min-width: 769px) {
      nav.navbar #wrap {
        width: 50%; } }
  nav.navbar input[type="text"] {
    /*入力部分スタイリング。*/
    height: 45px;
    font-size: 12px;
    display: inline-block;
    font-weight: 100;
    border: none;
    outline: none;
    color: #555;
    padding: 0;
    padding-right: 20px;
    top: 0;
    right: 0;
    width: 85%;
    background: none;
    border-bottom: 1px solid #BBB;
    border-radius: unset; }
  nav.navbar #search_submit {
    /*アイコン部分*/
    height: 30px;
    width: 30px;
    margin: 10px 0.1rem 0.75rem 0;
    display: inline-block;
    float: right;
    background-image: url(../img/search-2x.png);
    background-size: 20px;
    background-repeat: no-repeat;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0.4; }

.navbar-menu-center .navbar-item {
  text-align: center;
  font-size: 14px; }

@media screen and (min-width: 1088px) {
  nav.navbar {
    padding: 0 15px; }
    nav.navbar #wrap {
      /*全体*/
      display: inline-block;
      height: 45px;
      float: right;
      padding: 0;
      position: relative;
      top: 0px;
      right: 25px;
      margin-bottom: 0; }
    nav.navbar input[type="text"] {
      /*PC入力部分スタイリング。width: 0px;にしておく*/
      font-size: 1rem;
      padding-right: 60px;
      width: 0px;
      position: absolute;
      z-index: 3;
      -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
      transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
      cursor: pointer;
      border-bottom: none; }
      nav.navbar input[type="text"] :focus:hover {
        border-bottom: 1px solid #BBB; }
    nav.navbar input[type="text"]:focus {
      width: 250px;
      z-index: 1;
      border-bottom: 1px solid #BBB;
      cursor: text; }
    nav.navbar input[type="submit"]:hover {
      opacity: 0.8; } }

/*ヘッダー右アイコンエリア*/
.navbar-item .control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .navbar-item .control:not(:last-of-type) {
    margin-right: 1.2rem !important; }
  .navbar-item .control img {
    width: 2rem;
    height: 2rem;
    margin: 0 -0.25rem; }
  .navbar-item .control .mail-icon {
    width: 1.5rem;
    margin-left: 5px;
    margin-top: 2px; }
  .navbar-item .control .user-icon {
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    line-height: 1;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-align: center; }
    .navbar-item .control .user-icon > img {
      width: 3rem;
      height: 3rem;
      max-height: 100%; }
  .navbar-item .control .control-notify {
    fill: #FF2E2E;
    position: absolute;
    top: 35%;
    left: 33%;
    -webkit-transform: translate3d(4px, -8px, 0px);
    transform: translate3d(4px, -8px, 0px);
    -webkit-transform-origin-x: 7px;
    -webkit-transform-origin-y: -5px;
    -webkit-animation-name: keyframe_p1skye;
    animation-name: keyframe_p1skye;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1; }

.field .is-grouped .control :not(:last-child) {
  margin-right: 1.2rem; }

@media screen and (max-width: 767px) {
  /*SPメニュー縦並び*/
  nav .navbar {
    text-align: center; }
    nav .navbar .navbar-menu-center {
      display: block;
      text-align: center !important; }
      nav .navbar .navbar-menu-center .has-text-black {
        font-size: 13px !important; } }

/*フッター*/
@media screen and (min-width: 1088px) {
  footer .footer-cv-area {
    background-image: url(../img/footer-visual.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right; }
    footer .footer-cv-area .article-filter-pc {
      padding: 40px 0;
      background-color: rgba(0, 0, 0, 0.5);
      width: 100%; }
      footer .footer-cv-area .article-filter-pc .article {
        background-image: none !important; }
        footer .footer-cv-area .article-filter-pc .article .article-filter-sp {
          background-color: transparent; }
          footer .footer-cv-area .article-filter-pc .article .article-filter-sp .article-ttl {
            font-size: 34px !important; }
          footer .footer-cv-area .article-filter-pc .article .article-filter-sp .article-txt {
            font-size: 17px !important;
            line-height: 2rem !important;
            padding: 25px 0 0; }
      footer .footer-cv-area .article-filter-pc .footer-cv-btn {
        background-color: transparent !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 540px;
        margin: 0 auto; }
        footer .footer-cv-area .article-filter-pc .footer-cv-btn .cv-btn-list {
          width: 270px;
          margin: 0 auto; }
          footer .footer-cv-area .article-filter-pc .footer-cv-btn .cv-btn-list .article-btn-txt {
            color: #FFF; }
  footer .footer__section .footer__inner {
    width: 80%; }
    footer .footer__section .footer__inner .footer-nav {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 50%;
      margin-right: 110px; }
    footer .footer__section .footer__inner .footer-sns-area p {
      font-size: 12px; }
    footer .footer__section .footer__inner .footer-info-wrapper {
      text-align: right !important; }
      footer .footer__section .footer__inner .footer-info-wrapper a {
        color: #FFF; } }

.footer {
  position: relative;
  padding: 0; }
  .footer .footer-cv-area {
    margin: 0 auto;
    text-align: center; }
    .footer .footer-cv-area p {
      font-weight: 700;
      letter-spacing: 1px;
      color: #FFF; }
    .footer .footer-cv-area .article {
      background-image: url(../img/footer-visual.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right; }
      .footer .footer-cv-area .article .article-filter-sp {
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        padding: 30px 15px; }
        .footer .footer-cv-area .article .article-filter-sp .article-ttl {
          font-size: 16px;
          padding-bottom: 10px;
          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); }
        .footer .footer-cv-area .article .article-filter-sp .article-txt {
          font-size: 12px;
          padding: 0;
          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); }
    .footer .footer-cv-area .footer-cv-btn {
      background-color: #FFF;
      padding-bottom: 25px; }
      .footer .footer-cv-area .footer-cv-btn .article-btn {
        margin: 0 auto;
        width: 230px;
        height: 50px;
        background-color: #D9001D;
        border-radius: 25px;
        line-height: 50px;
        letter-spacing: 2px; }
      .footer .footer-cv-area .footer-cv-btn .article-btn a {
        display: block;
        text-decoration: none;
        color: #FFF;
        font-weight: 600;
        font-size: 16px; }
      .footer .footer-cv-area .footer-cv-btn .article-btn-txt {
        padding-top: 20px;
        font-size: 13px;
        color: #444444; }
  .footer .footer__section {
    background-color: #343d45; }
    .footer .footer__section p {
      color: #FFF; }
    .footer .footer__section .footer__inner {
      width: 90%;
      margin: 0 auto; }
      .footer .footer__section .footer__inner .footer_logo {
        text-align: center;
        padding: 25px 0;
        border-bottom: 1px solid #5c636a; }
      .footer .footer__section .footer__inner .footer-nav-wrapper {
        margin-top: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .footer .footer__section .footer__inner .footer-nav-wrapper .footer-nav__list {
          margin-bottom: 19px;
          padding-bottom: 16px; }
          .footer .footer__section .footer__inner .footer-nav-wrapper .footer-nav__list .footer-nav__item {
            margin-bottom: 16px; }
            .footer .footer__section .footer__inner .footer-nav-wrapper .footer-nav__list .footer-nav__item > a {
              display: block;
              color: #FFF;
              font-size: 12px; }
        .footer .footer__section .footer__inner .footer-nav-wrapper .footer-sns-area {
          margin-left: auto; }
          .footer .footer__section .footer__inner .footer-nav-wrapper .footer-sns-area .footer-sns {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; }
            .footer .footer__section .footer__inner .footer-nav-wrapper .footer-sns-area .footer-sns .footer-sns__item {
              margin-left: 20px; }
              .footer .footer__section .footer__inner .footer-nav-wrapper .footer-sns-area .footer-sns .footer-sns__item svg {
                fill: #FFF;
                width: 24px;
                height: 24px; }
          .footer .footer__section .footer__inner .footer-nav-wrapper .footer-sns-area p {
            margin-top: 10px;
            font-size: 10px; }
      .footer .footer__section .footer__inner .footer-info-wrapper {
        padding: 20px 0 30px;
        text-align: center;
        font-size: 10px; }

/*トップページ新デザインレイアウト
/*共通*/
.top-main,
.pick-up-area,
.new-project-area,
.high-stoked-area,
.search-area,
.information-area,
.social-area {
  margin-bottom: 65px; }

h2 {
  margin: 20px 0;
  text-align: center; }
  h2 .section-title {
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px; }
  h2 .section-sub-title {
    font-size: 12px; }

@media screen and (min-width: 1088px) {
  h2 {
    margin: 50px; }
    h2 .section-title {
      font-size: 40px; }
    h2 .section-sub-title {
      font-size: 15px; } }

@media screen and (min-width: 768px) {
  h2 {
    margin: 35px 0; }
    h2 .section-title {
      font-size: 32px; }
    h2 .section-sub-title {
      font-size: 14px; } }

.article-btn {
  margin: 0 auto;
  width: 230px;
  height: 50px;
  background-color: #D9001D;
  border-radius: 25px;
  line-height: 50px;
  letter-spacing: 2px; }

.article-btn a {
  display: block;
  text-decoration: none;
  color: #FFF;
  font-weight: 600;
  font-size: 16px;
  text-align: center; }

.detail-button-list {
  margin-top: 30px;
  text-align: center; }
  .detail-button-list .detail-btn {
    position: relative;
    display: inline-block;
    max-width: 300px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #adadad; }
    .detail-button-list .detail-btn > a {
      color: #444;
      font-size: 15px; }
    .detail-button-list .detail-btn :after {
      position: absolute;
      top: 50%;
      right: .3rem;
      content: '';
      margin-top: -5px;
      border: 7px solid transparent;
      border-top-width: 5px;
      border-bottom-width: 5px;
      border-left-color: #ddd;
      -webkit-transition: all .2s;
      transition: all .2s; }

@media screen and (min-width: 1088px) {
  .detail-btn :hover:after {
    right: -.02rem; } }

.detail-button-list .detail-btn-glay {
  background-color: #444;
  border: 1px solid #444; }
  .detail-button-list .detail-btn-glay > a {
    color: #FFF; }
  .detail-button-list .detail-btn-glay :after {
    border-left-color: #FFF; }

.card-tags .category {
  font-size: 11px;
  word-break: break-all; }

.area-tag-icon {
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  background: #999;
  color: #FFF;
  padding: 2px 1px; }
  .area-tag-icon p {
    width: 60px;
    text-align: center;
    font-size: 10px; }

.news-tag-icon {
  display: inline-block;
  height: 18px;
  margin-right: 3px;
  color: #FFF;
  padding: 2px 3px; }

.event-tag {
  background-color: #F5A000;
  font-size: 11px; }

.media-tag {
  background-color: #A5D844;
  font-size: 11px; }

.info-tag {
  background-color: #53A5FF;
  font-size: 11px; }

.other-tag {
  background-color: #999;
  font-size: 11px; }

/*top-main*/
.top-main { }
  .top-main .sp {
    display: block; }
  .top-main .main-visual {
    text-align: center;
    background-color: #fff;
    padding-bottom: 3px; }
    .top-main .main-visual .contents {
      padding-bottom: 10px; }
      .top-main .main-visual .contents h1 {
        padding: 30px 0 10px; }
        .top-main .main-visual .contents h1 > .section-title {
          font-family: 'Noto Sans JP', 'hiragino kaku gothic stdn', sans-serif;
          font-weight: 900;
          font-size: 27px;
          letter-spacing: 1.5px;
          margin: 10px 0 22px 0;
          line-height: 45px; }
        .top-main .main-visual .contents h1 > .section-sub-title {
          font-size: 14px;
          line-height: 30px;
          margin-bottom: 10px; }
    .top-main .main-visual .top-slider {
      text-align: left;
      word-wrap: break-word; }
      .top-main .main-visual .top-slider .top-slider-li {
        position: relative; }
        .top-main .main-visual .top-slider .top-slider-li .top-category-txt {
          position: absolute;
          padding: 0 10px;
          top: 50px;
          color: #fff;
          letter-spacing: 0.2px;
          text-shadow: 0.5px 0.5px 0.5px #3d3d3d; }
          .top-main .main-visual .top-slider .top-slider-li .top-category-txt h3 {
            font-weight: bolder;
            font-size: 18px; }
          .top-main .main-visual .top-slider .top-slider-li .top-category-txt .top-category-subtxt {
            font-size: 12px;
            font-weight: 600;
            padding-top: 15px;
            line-height: 22px; }

@media screen and (min-width: 768px) {
  .top-main .sp {
    display: none; }
  .top-main .main-visual .contents {
    padding-bottom: 20px;
    letter-spacing: 0.3px; }
    .top-main .main-visual .contents h1 {
      padding: 40px 0 40px; }
      .top-main .main-visual .contents h1 .section-title {
        letter-spacing: 2px;
        font-size: 32px;
        padding: 20px 0; }
      .top-main .main-visual .contents h1 .section-sub-title {
        font-size: 19px;
        line-height: 32px;
        margin-top: 8px; } }

/*pick-up-area*/
.pick-up-area {
  width: 100%;
  max-width: 650px;
  margin: 0 auto 50px; }
  .pick-up-area .pick-up-card {
    margin: 0 10px; }
    .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li {
      background-color: #fff;
      border: solid 1.5px #F2F2F2;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-img img {
        width: 100%;
        height: 240px;
        -o-object-fit: cover;
        object-fit: cover; }
      .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents {
        padding: 20px 10px 0; }
        .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .card-tags {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 10px 0; }
        .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-ttl {
          margin: 10px 0;
          font-weight: 700;
          letter-spacing: 0.25px;
          font-size: 18px; }
        .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-txt {
          font-size: 14px;
          letter-spacing: 0.2px;
          line-height: 25px;
          padding: 5px 0; }
        .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-link {
          position: relative;
          display: block;
          float: right;
          margin: 10px 0;
          font-size: 12px; }
          .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-link a {
            color: #444; }
          .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-link :before {
            position: absolute;
            top: 50%;
            left: -1rem;
            content: '';
            margin-top: -5px;
            border: 7px solid transparent;
            border-top-width: 5px;
            border-bottom-width: 5px;
            border-left-color: #444;
            -webkit-transition: all .2s;
            transition: all .2s; }
          .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-link .pick-up-link :hover:before {
            right: -.02rem; }

@media screen and (min-width: 768px) {
  .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-img img {
    width: 100%;
    height: 290px;
    -o-object-fit: cover;
    object-fit: cover; } }

@media screen and (min-width: 1088px) {
  .pick-up-area {
    max-width: 1088px;
    width: 92%; }
    .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li {
      padding: 30px; }
      .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-img img {
        border: solid 1.5px #F2F2F2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 40%;
        max-width: 357px;
        height: 235px;
        -o-object-fit: cover;
        object-fit: cover; }
      .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents {
        width: 60%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        padding: 0 0 0 20px; }
        .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .card-tags {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 0 0 10px; }
        .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-ttl {
          margin: 15px 0;
          font-size: 20px; }
        .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-link {
          position: relative;
          display: block;
          float: right;
          margin-top: 10px;
          font-size: 14px; }
          .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-link a {
            color: #444; }
          .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-link :before {
            position: absolute;
            top: 50%;
            left: -1rem;
            content: '';
            margin-top: -5px;
            border: 7px solid transparent;
            border-top-width: 5px;
            border-bottom-width: 5px;
            border-left-color: #444;
            -webkit-transition: all .2s;
            transition: all .2s; }
          .pick-up-area .pick-up-card .pick-slider-ul .pick-slider-li .pick-up-contents .pick-up-link .pick-up-link :hover:before {
            right: -.02rem; } }

/*new-project-area*/
/*tomoshibi-card*/
.tomoshibi-card-list {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 5px; }
  .tomoshibi-card-list li {
    position: relative;
    margin: 6px auto;
    width: 47.5%;
    height: auto;
    background-color: #fff;
    border: solid 1px #F2F2F2; }
    .tomoshibi-card-list li .thumb {
      overflow: hidden; }
      .tomoshibi-card-list li .thumb.draft-project :before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border: 30px solid transparent;
        border-left-color: #444;
        background-repeat: no-repeat;
        top: -30px;
        right: -32px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 10; }
      .tomoshibi-card-list li .thumb.draft-project :after {
        content: "下書き";
        display: block;
        font-size: 11px;
        font-weight: bold;
        top: 8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        color: white;
        right: -4px;
        position: absolute;
        z-index: 100; }
      .tomoshibi-card-list li .thumb img {
        height: 112px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .tomoshibi-card-list li .card-contents {
      position: relative;
      overflow: hidden; }
      .tomoshibi-card-list li .card-contents .card-tags {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 3px 6px 5px; }
        .tomoshibi-card-list li .card-contents .card-tags p {
          vertical-align: middle; }
      .tomoshibi-card-list li .card-contents h3 {
        font-size: 12px;
        color: #444 !important;
        line-height: 1.2rem;
        min-height: 57px;
        margin: 0.8rem 5px 1rem;
        overflow: hidden; }
      .tomoshibi-card-list li .card-contents .cat-box {
        float: left;
        width: 80%;
        margin-right: auto; }
        .tomoshibi-card-list li .card-contents .cat-box .cat {
          padding-right: 10px;
          font-size: 10px;
          height: 30px;
          width: auto; }
          .tomoshibi-card-list li .card-contents .cat-box .cat .list-tomoshibito-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            float: left;
            margin-right: 5px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 50%;
            border: 1px solid #DDD;
            display: inline-block; }
          .tomoshibi-card-list li .card-contents .cat-box .cat > p {
            display: inline-block; }
      .tomoshibi-card-list li .card-contents .card-stoke {
        text-align: center; }
        .tomoshibi-card-list li .card-contents .card-stoke[data-tomoshibiid] {
          cursor: pointer; }
        .tomoshibi-card-list li .card-contents .card-stoke img + span {
          display: block;
          color: #FF2E2E; }
        .tomoshibi-card-list li .card-contents .card-stoke img {
          height: 20px; }
        .tomoshibi-card-list li .card-contents .card-stoke span {
          font-size: 13px;
          font-weight: 500;
          margin-top: -3px; }

.new-tag :before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-left-color: #FAC75A;
  background-repeat: no-repeat;
  top: -30px;
  left: -30px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  z-index: 10; }

.new-tag :after {
  content: "New!";
  display: block;
  font-size: 11px;
  top: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: #444;
  left: 2px;
  position: absolute;
  z-index: 100; }

@media screen and (min-width: 768px) {
  .tomoshibi-card-list {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto; }
    .tomoshibi-card-list li {
      margin: 10px 6px;
      width: 240px !important; }
      .tomoshibi-card-list li h3 {
        font-size: 16px !important;
        line-height: 1.5rem !important;
        height: 65px;
        margin: 0 8px; }
      .tomoshibi-card-list li .thumb {
        overflow: hidden;
        width: 240px;
        height: 152px; }
        .tomoshibi-card-list li .thumb img {
          height: 152px; }
        .tomoshibi-card-list li .thumb a {
          display: block;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; }
          .tomoshibi-card-list li .thumb a :hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
      .tomoshibi-card-list li .card-contents .card-tags {
        margin: 8px; }
        .tomoshibi-card-list li .card-contents .card-tags .card-stoke img {
          height: 18px !important; } }

/*search-area*/
.search-area {
  background-color: #ddd;
  padding: 15px 0 50px; }
  .search-area div.search--area {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px; }
    .search-area div.search--area h3 {
      font-size: 12px;
      font-weight: 700;
      display: block;
      background-size: 14px auto;
      background-repeat: no-repeat;
      padding: 0px 0px 0px 20px; }
    .search-area div.search--area .search--cate {
      background-image: url("../img/search_black_1-2x.png"); }
    .search-area div.search--area .search--area {
      background-image: url("../img/area-2x.png"); }
    .search-area div.search--area ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      text-align: center;
      margin-top: 10px; }
      .search-area div.search--area ul li {
        width: 45%;
        margin: 8px auto;
        padding: 10px 5px;
        height: 45px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
        .search-area div.search--area ul li a {
          display: block;
          font-size: 11px;
          color: #444;
          line-height: 25px; }

@media screen and (min-width: 1088px) {
  .search-area {
    width: 100%; }
    .search-area div.search--area {
      max-width: 1024px; }
      .search-area div.search--area h3 {
        font-size: 15px; }
      .search-area div.search--area ul li {
        width: 190px !important;
        height: 60px; }
        .search-area div.search--area ul li a {
          font-size: 13px;
          line-height: 42px; } }

/*information-area*/
.pickup-event {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
  margin: 0 auto; }
  .pickup-event .event-img {
    position: relative;
    z-index: 10;
    width: 520px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
    .pickup-event .event-img img {
      width: 100%;
      vertical-align: bottom; }
    .pickup-event .event-img .date {
      display: none; }
  .pickup-event .event-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .pickup-event .event-wrapper .contents {
      position: relative;
      width: 420px;
      padding: 30px;
      background: #eee; }
      .pickup-event .event-wrapper .contents .date {
        position: absolute;
        top: -30px;
        right: 30px;
        color: #999;
        font-size: 52px;
        font-weight: 700;
        text-shadow: 1px 1px 1px rgba(1, 2, 2, 0.35); }
      .pickup-event .event-wrapper .contents .event-title {
        font-size: 24px;
        font-weight: 700;
        margin-top: -5px; }
      .pickup-event .event-wrapper .contents .event-description {
        font-size: 14px;
        margin-top: 8px; }

.detail-link {
  position: relative;
  display: block;
  float: right;
  margin-top: 10px;
  font-size: 14px; }
  .detail-link a {
    color: #444; }
  .detail-link :before {
    position: absolute;
    top: 50%;
    left: -1rem;
    content: '';
    margin-top: -5px;
    border: 7px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #444;
    -webkit-transition: all .2s;
    transition: all .2s; }

.detail-link :hover:before {
  right: -.02rem; }

@media screen and (max-width: 767px) {
  .pickup-event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
    .pickup-event .contents {
      width: 100%;
      position: relative;
      margin-top: -40px;
      padding: 58px 30px 45px; }
      .pickup-event .contents .date {
        display: none; }
      .pickup-event .contents .event-title {
        font-size: 18px;
        font-weight: 700;
        margin-top: -5px; }
      .pickup-event .contents .event-description {
        font-size: 13px;
        margin-top: 8px; }
    .pickup-event .event-img {
      margin: 0 auto;
      width: 90%; }
      .pickup-event .event-img .date {
        display: block;
        position: absolute;
        bottom: -40px;
        right: 25px;
        color: #999;
        font-size: 42px;
        font-weight: 700;
        text-shadow: 1px 1px 1px rgba(1, 2, 2, 0.35); }
    .pickup-event .event-wrapper .contents {
      padding: 58px 30px 45px; } }

.top-news-list {
  width: 90%;
  margin: 40px auto;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  background-color: white; }
  .top-news-list table {
    display: block;
    padding: 20px; }
    .top-news-list table tr {
      padding: 0;
      border-bottom: none; }
  @media screen and (min-width: 1088px) {
    .top-news-list {
      max-width: 860px; } }

/*social-area*/
.timeline {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1024px;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }
  .timeline .fb-tl,
  .timeline .tw-tl {
    border: 5px solid #ddd;
    width: 480px;
    height: 480px;
    overflow: hidden; }

@media screen and (max-width: 767px) {
  .timeline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .timeline .fb-tl {
      height: 300px;
      margin-bottom: 25px;
      width: 100%;
      max-width: 480px; }
    .timeline .tw-tl {
      height: 300px;
      margin-bottom: 25px;
      width: 100%; }
      .timeline .tw-tl iframe {
        width: 740px !important; } }

#mypage-nav .mypage-container {
  text-align: center; }
  #mypage-nav .mypage-container .user-info {
    position: relative;
    width: 100%;
    height: 200px;
    padding: 25px 0 5px 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(245, 245, 245, 0)), color-stop(80%, rgba(245, 245, 245, 0.8)), to(whitesmoke)), url("../img/haikei_.jpg");
    background: linear-gradient(rgba(245, 245, 245, 0) 40%, rgba(245, 245, 245, 0.8) 80%, whitesmoke), url("../img/haikei_.jpg");
    background-size: cover; }
    #mypage-nav .mypage-container .user-info .user-icon {
      margin: 0 auto;
      width: 100px;
      height: 100px;
      border-radius: 50px; }
    #mypage-nav .mypage-container .user-info .user-name {
      font-family: "Hiragino Kaku Gothic Pro";
      color: #333333;
      font-weight: 600;
      font-size: 20px;
      padding: 20px 0; }
    #mypage-nav .mypage-container .user-info .pjt-tab-list {
      left: 0;
      right: 0;
      bottom: 0;
      font-size: 12px;
      font-weight: 600;
      color: #4D4D4D; }
      #mypage-nav .mypage-container .user-info .pjt-tab-list .pjt-cheer:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        background: url("../img/icon_megaphone.png") no-repeat;
        background-size: contain;
        vertical-align: text-top; }
        @media screen and (max-width: 960px) {
          #mypage-nav .mypage-container .user-info .pjt-tab-list .pjt-cheer:before {
            width: 17px;
            height: 15px;
            vertical-align: text-bottom; } }
      #mypage-nav .mypage-container .user-info .pjt-tab-list .pjt-owner {
        margin-top: 5px; }
        #mypage-nav .mypage-container .user-info .pjt-tab-list .pjt-owner:before {
          content: "";
          display: inline-block;
          width: 20px;
          height: 18px;
          padding-top: 0.5px;
          margin-left: 2px;
          margin-right: 4px;
          background: url("../img/icon_badge.png") no-repeat;
          background-size: contain;
          vertical-align: text-bottom; }
          @media screen and (max-width: 960px) {
            #mypage-nav .mypage-container .user-info .pjt-tab-list .pjt-owner:before {
              width: 16px;
              height: 15px;
              margin: 0 2px 0 4px;
              vertical-align: sub; } }

@media screen and (min-width: 960px) {
  #mypage-nav .mypage-container .user-info {
    height: 270px;
    padding: 50px 0 5px 0;
    background-size: contain; }
    #mypage-nav .mypage-container .user-info .user-icon {
      width: 150px;
      height: 150px;
      border-radius: 100px; }
    #mypage-nav .mypage-container .user-info .user-name {
      font-size: 30px;
      padding-top: 20px; }
    #mypage-nav .mypage-container .user-info .pjt-tab-list {
      font-size: 18px; }
      #mypage-nav .mypage-container .user-info .pjt-tab-list .pjt-cheer {
        display: inline-block;
        margin-right: 30px; }
        #mypage-nav .mypage-container .user-info .pjt-tab-list .pjt-cheer:before {
          margin-right: 7px;
          padding: 6px;
          vertical-align: text-bottom; }
      #mypage-nav .mypage-container .user-info .pjt-tab-list .pjt-owner {
        display: inline-block; }
        #mypage-nav .mypage-container .user-info .pjt-tab-list .pjt-owner:before {
          margin: 0 5px 0 2px;
          padding: 5px; } }

#mypage-overview {
  padding: 40px 20px;
  font-weight: 300; }
  #mypage-overview .overview-txt {
    font-size: 14px;
    line-height: 23px; }
  #mypage-overview #mypage-sns {
    padding-top: 40px; }
    #mypage-overview #mypage-sns .social-botton {
      text-align: center; }
      #mypage-overview #mypage-sns .social-botton li {
        display: inline-block;
        padding-left: 30px;
        padding-right: 15px;
        line-height: 25px; }
      #mypage-overview #mypage-sns .social-botton .fb {
        background: url("../img/icon_fb.png") no-repeat;
        background-size: 25px auto; }
      #mypage-overview #mypage-sns .social-botton .tw {
        background: url("../img/icon_twitter.png") no-repeat;
        background-size: 25px auto; }
      #mypage-overview #mypage-sns .social-botton .web {
        background: url("../img/icon_web.png") no-repeat;
        background-size: 25px auto;
        padding-right: 0; }
      #mypage-overview #mypage-sns .social-botton a {
        font: 13px 'Hiragino Kaku Gothic pro';
        font-weight: 600;
        color: #333;
        text-decoration: none; }

@media screen and (min-width: 765px) {
  #mypage-contents {
    overflow: hidden;
    margin: 0 auto;
    width: 90%;
    height: 100%; }
    #mypage-contents #mypage-overview {
      float: right;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 60%;
      padding: 60px 0 60px 5%; }
      #mypage-contents #mypage-overview .overview-txt {
        font-size: 14px;
        line-height: 27px; }
      #mypage-contents #mypage-overview #mypage-sns .social-botton {
        text-align: left; }
        #mypage-contents #mypage-overview #mypage-sns .social-botton li {
          display: inline-block;
          padding-left: 40px;
          padding-right: 10px;
          line-height: 30px; }
        #mypage-contents #mypage-overview #mypage-sns .social-botton .fb {
          background-size: 30px auto; }
        #mypage-contents #mypage-overview #mypage-sns .social-botton .tw {
          background-size: 30px auto; }
        #mypage-contents #mypage-overview #mypage-sns .social-botton .web {
          background-size: 30px auto; }
        #mypage-contents #mypage-overview #mypage-sns .social-botton a {
          font: 14px 'Hiragino Kaku Gothic pro';
          font-weight: 500; }
    #mypage-contents #tomoshibi-cell {
      width: 40%; } }

@media screen and (min-width: 960px) {
  /* コンテンツ幅 */
  #mypage-contents, #mypage-details {
    max-width: 1024px;
    margin: auto; }
  #mypage-contents #mypage-overview {
    padding: 80px 0 80px 5%; }
    #mypage-contents #mypage-overview .overview-txt {
      font-size: 16px;
      line-height: 30px; }
    #mypage-contents #mypage-overview #mypage-sns .social-botton li {
      padding-left: 50px;
      padding-right: 20px;
      line-height: 40px; }
    #mypage-contents #mypage-overview #mypage-sns .social-botton .fb {
      background-size: 40px auto; }
    #mypage-contents #mypage-overview #mypage-sns .social-botton .tw {
      background-size: 40px auto; }
    #mypage-contents #mypage-overview #mypage-sns .social-botton .web {
      background-size: 40px auto; }
    #mypage-contents #mypage-overview #mypage-sns .social-botton a {
      font: 15px 'Hiragino Kaku Gothic pro';
      font-weight: 600; } }

#mypage-cell {
  padding: 0 20px 40px;
  font-size: 13px; }
  #mypage-cell .dl-tag-panel .cell-wrap {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #c7c7c7;
    padding-top: 10px; }
    #mypage-cell .dl-tag-panel .cell-wrap:last-child {
      border-bottom: 1px solid #c7c7c7; }
    #mypage-cell .dl-tag-panel .cell-wrap .dt-tag-ttl {
      float: left;
      clear: left;
      width: 50%; }
      @media (min-width: 375px) {
        #mypage-cell .dl-tag-panel .cell-wrap .dt-tag-ttl {
          max-width: 170px; } }
      #mypage-cell .dl-tag-panel .cell-wrap .dt-tag-ttl img {
        vertical-align: text-top;
        width: 25px;
        height: auto;
        padding-right: 10px; }
      #mypage-cell .dl-tag-panel .cell-wrap .dt-tag-ttl .colon {
        float: right; }
    #mypage-cell .dl-tag-panel .cell-wrap .dd-tags {
      width: 50%;
      float: left; }
      #mypage-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list li {
        display: inline-block;
        margin: 0 0 10px 10px;
        background-color: #E8EDED;
        border-radius: 3px;
        padding: 3px 15px 1px; }
        #mypage-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list li a {
          color: #333;
          text-decoration: none; }

@media screen and (min-width: 768px) {
  #mypage-cell {
    padding: 70px 0 0 0;
    font-size: 14px;
    width: 40%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
  @media screen and (min-width: 768px) and (min-width: 960px) {
    #mypage-cell {
      padding-top: 90px; } }

@media screen and (min-width: 768px) {
    #mypage-cell .dl-tag-panel .cell-wrap {
      padding-top: 15px; }
      #mypage-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list li {
        display: inline-block;
        margin: 0 0 15px 10px;
        background-color: #E8EDED;
        border-radius: 3px;
        padding: 3px 15px 1px; }
        #mypage-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list li a {
          color: #333;
          text-decoration: none; } }
    @media screen and (min-width: 768px) and (min-width: 1024px) {
      #mypage-cell .dl-tag-panel .cell-wrap .dt-tag-ttl {
        max-width: 170px; }
      #mypage-cell .dl-tag-panel .cell-wrap .dd-tags {
        width: 100%;
        margin-left: -170px; }
        #mypage-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list {
          margin-left: 170px; } }

#mypage-details .tabmenu-wrapper .nav-menu, .tomoshibi-tab-content .tabmenu-wrapper .nav-menu {
  width: 100%; }
  #mypage-details .tabmenu-wrapper .nav-menu .tab, .tomoshibi-tab-content .tabmenu-wrapper .nav-menu .tab {
    overflow-x: auto;
    white-space: nowrap; }
    #mypage-details .tabmenu-wrapper .nav-menu .tab .tab-selected, .tomoshibi-tab-content .tabmenu-wrapper .nav-menu .tab .tab-selected {
      display: inline-block;
      text-align: center;
      background-color: #fff;
      border-top: 3px solid #999;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 150px;
      line-height: 17px;
      padding: 0 3px; }
      #mypage-details .tabmenu-wrapper .nav-menu .tab .tab-selected.active, .tomoshibi-tab-content .tabmenu-wrapper .nav-menu .tab .tab-selected.active {
        border-color: #EB1616; }
      #mypage-details .tabmenu-wrapper .nav-menu .tab .tab-selected a, .tomoshibi-tab-content .tabmenu-wrapper .nav-menu .tab .tab-selected a {
        display: inline-block;
        padding: 7px 0;
        text-decoration: none;
        color: #333;
        font-size: 10px;
        font-weight: 400; }

.details-wrapper {
  background-color: #fff;
  margin: 0 auto;
  padding: 30px 20px;
  width: 100%;
  height: auto; }

@media screen and (min-width: 765px) {
  #mypage-details .tabmenu-wrapper {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0; }
    #mypage-details .tabmenu-wrapper .nav-menu .tab .tab-selected {
      width: 200px;
      padding: 0 5px; }
      #mypage-details .tabmenu-wrapper .nav-menu .tab .tab-selected a {
        font-size: 13px;
        line-height: 25px; }
        #mypage-details .tabmenu-wrapper .nav-menu .tab .tab-selected a .counter {
          display: inline; }
  #mypage-details .details-wrapper {
    padding: 40px 20px; } }

/*PJTページ新デザインレイアウト
/*共通*/
button {
  /*buttonリセットCSS*/
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/*パーツ*/
.sp .style-tag-list {
  margin-bottom: 15px; }

.style-tag-list li {
  display: inline-block;
  margin: 2px;
  background-color: #E8EDED;
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  height: 22px; }
  .style-tag-list li img {
    vertical-align: middle;
    margin-right: 3px; }

.style-tag-list a {
  vertical-align: middle;
  color: #333;
  text-decoration: none; }

.txt {
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.2px;
  margin: 20px 0; }

.btn-square {
  margin: 0 auto;
  border-radius: 7px;
  letter-spacing: 2px;
  height: 40px;
  width: 100%;
  line-height: 40px; }
  .btn-square a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    color: #FFF;
    font-size: 13px;
    text-align: center; }

.owner-btn {
  width: 200px;
  background-color: #BAA690;
  margin-top: 20px; }

/*グラデーションアコーディオンSPのみ*/
.pjt-detail input {
  display: none; }

@media screen and (max-width: 767px) {
  .pjt-detail *,
  .pjt-detail *:before,
  .pjt-detail *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .pjt-detail {
    position: relative; }
    .pjt-detail label {
      position: absolute;
      z-index: 1;
      bottom: 0;
      width: 100%;
      height: 160px;
      /* グラデーションの高さ */
      cursor: pointer;
      text-align: center;
      /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.95)));
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%); }
    .pjt-detail input:checked + label {
      background: inherit;
      /* 開いた時にグラデーションを消す */ }
    .pjt-detail label::before {
      content: 'プロジェクト詳細をみる';
      height: 50px;
      line-height: 2.5rem;
      position: absolute;
      z-index: 2;
      bottom: 20px;
      left: 51%;
      width: 100%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      letter-spacing: 2px;
      color: #4a4a4a;
      border-radius: 7px;
      border: 1px solid #aaa;
      background-color: white; }
    .pjt-detail label:after {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: "\f107";
      position: absolute;
      bottom: 23px;
      z-index: 4; }
    .pjt-detail input {
      display: none; }
    .pjt-detail .pjt-con-container {
      overflow: hidden;
      height: 250px;
      /* 開く前に見えている部分の高さ */
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .pjt-detail input:checked + label {
      /* display: none ; 閉じるボタンを消す場合解放 */ }
      .pjt-detail input:checked + label:before {
        content: 'とじる';
        line-height: 3.5rem; }
      .pjt-detail input:checked + label:after {
        content: "\f106";
        bottom: 45px; }
    .pjt-detail input:checked ~ .pjt-con-container {
      height: auto;
      padding-bottom: 80px;
      /* 閉じるボタンのbottomからの位置 */
      -webkit-transition: all 0.5s;
      transition: all 0.5s; } }

/*グラデーションアコーディオン終わり*/
.cv-btn {
  background-color: #D9001D;
  border: none;
  cursor: pointer; }
  .cv-btn[disabled] {
    opacity: 0.2;
    cursor: not-allowed; }
  .cv-btn img {
    height: 20px;
    vertical-align: middle; }
  .cv-btn a, .cv-btn span {
    font-weight: bold;
    color: white;
    display: inherit;
    font-size: 16px;
    vertical-align: middle; }

.interested-btn {
  text-align: center; }
  .interested-btn button {
    background-color: #F7931E;
    margin: -10px 0 10px;
    width: 90%; }
  .interested-btn .txt {
    text-align: left; }
  .interested-btn .txt-pc {
    text-align: center;
    padding-top: 20px; }

.tomoshibi-overview,
.pjt-content {
  width: 90%;
  margin: 0 auto; }

/*概要--tomoshibi-header-area*/
.tomoshibi-header {
  background-color: #f5f5f5;
  padding-bottom: 50px; }
  .tomoshibi-header .wrap h1 {
    top: 260px;
    padding: 0 15px; }
  .tomoshibi-header .wrap .left-column {
    margin-bottom: 10px; }
  .tomoshibi-header .wrap figure {
    height: 280px;
    overflow: hidden; }
    .tomoshibi-header .wrap figure img {
      height: 280px;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .tomoshibi-header .wrap .keyvisual {
    display: inline-block;
    position: relative; }
    .tomoshibi-header .wrap .keyvisual ::after {
      position: absolute;
      display: block;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(245, 245, 245, 0)), to(#f5f5f5));
      background: linear-gradient(top, rgba(245, 245, 245, 0) 90%, #f5f5f5 100%);
      /* 塗りつぶす */ }
  .tomoshibi-header .wrap .pjt-sns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin: 0 auto; }
    .tomoshibi-header .wrap .pjt-sns div {
      cursor: pointer; }
      .tomoshibi-header .wrap .pjt-sns div:not(:last-child) {
        margin-right: 10px; }
    .tomoshibi-header .wrap .pjt-sns .stoke-area {
      margin-left: auto; }
      .tomoshibi-header .wrap .pjt-sns .stoke-area button, .tomoshibi-header .wrap .pjt-sns .stoke-area a {
        width: 130px;
        border-color: #D9001D; }
        .tomoshibi-header .wrap .pjt-sns .stoke-area button img, .tomoshibi-header .wrap .pjt-sns .stoke-area a img {
          width: 15px;
          margin-right: 5px; }
        .tomoshibi-header .wrap .pjt-sns .stoke-area button span, .tomoshibi-header .wrap .pjt-sns .stoke-area a span {
          font-size: 14px;
          font-weight: bold;
          color: #D9001D; }
        .tomoshibi-header .wrap .pjt-sns .stoke-area button .count, .tomoshibi-header .wrap .pjt-sns .stoke-area a .count {
          font-weight: normal;
          margin-left: 8px; }

.h1-ttl {
  text-align: center; }

.project-title {
  display: inline-block;
  text-align: left;
  margin: 20px 0;
  font-size: 1.2rem;
  line-height: 1.7rem; }

@media screen and (max-width: 768px) {
  .pjt-sp {
    display: block; }
  .pjt-pc {
    display: none; } }

@media screen and (min-width: 769px) {
  .pjt-sp {
    display: none; } }

/*pjt-owner-area*/
.tomoshibi-overview .pjt-owner {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ebebeb; }
  .tomoshibi-overview .pjt-owner .user-ico {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .tomoshibi-overview .pjt-owner .user-ico .user-icon {
      width: 100px;
      height: 100px; }
    .tomoshibi-overview .pjt-owner .user-ico ul {
      padding: 25px 20px; }
  .tomoshibi-overview .pjt-owner .txt {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-bottom: 20px; }
  .tomoshibi-overview .pjt-owner p {
    margin-top: 15px; }

/*本文--tomoshibi-content-area*/
.tomoshibi-content .detail-wrapper {
  background-color: #fff;
  padding-bottom: 50px; }
  .tomoshibi-content .detail-wrapper .content-image {
    margin: 10px 0 15px; }

.content-title {
  padding: 20px 0 10px; }
  .content-title h3 {
    border-left: 8px solid #D9001D;
    padding: 0 0 0 10px;
    font-size: 18px;
    font-weight: bold; }

/*右サイドナビ--aside-area*/
aside {
  background-color: #f5f5f5;
  border-radius: 10px;
  width: 90%;
  margin: 0 auto;
  padding: 15px; }
  aside h2 {
    font-weight: bold;
    font-size: 18px; }
  aside .role {
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    margin: 15px auto;
    padding: 0 15px 20px; }
    aside .role .number-of-people {
      margin: 30px 0 0; }
      aside .role .number-of-people .count {
        font-size: 13px;
        font-weight: 600;
        display: table;
        text-align: center;
        white-space: nowrap; }
        aside .role .number-of-people .count:after {
          content: '';
          display: table-cell;
          width: 100%;
          margin-left: 3px;
          background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));
          background-clip: padding;
          color: #ccc; }
        aside .role .number-of-people .count:after {
          border-left: 0.5px solid transparent; }
        aside .role .number-of-people .count .border {
          padding-right: 10px;
          letter-spacing: 0.5px; }
      aside .role .number-of-people .counter-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 20px 0 30px; }
        aside .role .number-of-people .counter-wrap .counter-number {
          width: 35%;
          font-size: 20px;
          font-weight: 600;
          letter-spacing: 0.2px;
          text-align: center;
          line-height: 50px; }
        aside .role .number-of-people .counter-wrap .counter-people {
          width: 65%; }
          aside .role .number-of-people .counter-wrap .counter-people .ul-people-marks {
            padding: 2px;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex; }
            aside .role .number-of-people .counter-wrap .counter-people .ul-people-marks img {
              width: 12px;
              height: auto;
              margin: 0 2px; }

/*レスポンシブ*/
@media screen and (min-width: 768px) {
  .tomoshibi-header {
    width: 1024px;
    margin: 0 auto; }
    .tomoshibi-header .project-title {
      margin-top: 50px;
      margin-bottom: 40px;
      font-size: 28px;
      line-height: 2.3rem; }
    .tomoshibi-header .wrap .left-column {
      width: 544px;
      float: left;
      padding-right: 40px; }
      .tomoshibi-header .wrap .left-column figure {
        height: 375px;
        width: 500px; }
        .tomoshibi-header .wrap .left-column figure img {
          height: 375px; }
      .tomoshibi-header .wrap .left-column .keyvisual ::after {
        content: none;
        /*グラデーション解除*/ }
    .tomoshibi-header .wrap .pjt-sns {
      width: 480px;
      margin-bottom: 20px;
      float: right;
      text-align: center; }
      .tomoshibi-header .wrap .pjt-sns div {
        cursor: pointer; }
        .tomoshibi-header .wrap .pjt-sns div:not(:last-child) {
          width: 54px; }
          .tomoshibi-header .wrap .pjt-sns div:not(:last-child) span {
            display: block;
            font-size: 8px;
            margin-top: -3px; }
      .tomoshibi-header .wrap .pjt-sns .stoke-area button, .tomoshibi-header .wrap .pjt-sns .stoke-area a {
        width: 160px;
        height: 44px; }
        .tomoshibi-header .wrap .pjt-sns .stoke-area button img, .tomoshibi-header .wrap .pjt-sns .stoke-area a img {
          width: 16px;
          margin-right: 8px; }
        .tomoshibi-header .wrap .pjt-sns .stoke-area button span, .tomoshibi-header .wrap .pjt-sns .stoke-area a span {
          font-size: 16px; }
    .tomoshibi-header .tomoshibi-overview {
      width: 480px;
      float: right; }
      .tomoshibi-header .tomoshibi-overview .tomoshibi-desc {
        margin-bottom: 20px; }
      .tomoshibi-header .tomoshibi-overview .pjt-owner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .tomoshibi-header .tomoshibi-overview .pjt-owner .user-ico {
          margin-right: 20px; }
        .tomoshibi-header .tomoshibi-overview .pjt-owner div {
          display: block; }
          .tomoshibi-header .tomoshibi-overview .pjt-owner div .user-icon {
            text-align: center; }
          .tomoshibi-header .tomoshibi-overview .pjt-owner div ul {
            padding: 15px 0;
            text-align: center; }
        .tomoshibi-header .tomoshibi-overview .pjt-owner .txt {
          text-overflow: ellipsis;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4; }
        .tomoshibi-header .tomoshibi-overview .pjt-owner p {
          margin-top: 0px; }
  .tomoshibi-content {
    clear: both;
    padding-top: 50px; }
    .tomoshibi-content .detail-wrapper .container {
      width: 1024px;
      padding: 30px 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .tomoshibi-content .detail-wrapper .container .pjt-content {
        width: 620px; }
    .tomoshibi-content h3 {
      font-size: 20px; }
  .pjt-content-cvarea {
    background-color: #f5f5f5;
    padding: 10px 35px 20px;
    border-radius: 10px;
    margin-top: 40px; }
    .pjt-content-cvarea h2 {
      font-size: 24px;
      font-weight: bold; }
    .pjt-content-cvarea .interested-btn {
      margin: 30px auto; }
      .pjt-content-cvarea .interested-btn button {
        width: 300px;
        height: 50px; }
  aside {
    width: 350px;
    margin: 20px 0 0 40px; }
    aside h2 {
      font-size: 22px; } }

#tomoshibi-cell {
  padding: 0 20px 40px;
  font-size: 13px; }
  #tomoshibi-cell .dl-tag-panel .cell-wrap {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #c7c7c7;
    padding-top: 10px; }
    #tomoshibi-cell .dl-tag-panel .cell-wrap:first-child {
      border-top: none; }
    #tomoshibi-cell .dl-tag-panel .cell-wrap .dt-tag-ttl {
      float: left;
      clear: left;
      width: 20%; }
      @media (min-width: 375px) {
        #tomoshibi-cell .dl-tag-panel .cell-wrap .dt-tag-ttl {
          max-width: 170px; } }
      #tomoshibi-cell .dl-tag-panel .cell-wrap .dt-tag-ttl img {
        vertical-align: text-top;
        width: 14px;
        height: auto;
        padding-right: 10px; }
      #tomoshibi-cell .dl-tag-panel .cell-wrap .dt-tag-ttl .colon {
        float: right; }
    #tomoshibi-cell .dl-tag-panel .cell-wrap .dd-tags {
      width: 50%;
      float: left; }
      #tomoshibi-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list li {
        display: inline-block;
        margin: 0 0 10px 10px;
        background-color: #E8EDED;
        border-radius: 3px; }
        #tomoshibi-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list li a {
          color: #333;
          text-decoration: none; }

@media (min-width: 960px) {
  #tomoshibi-cell {
    padding-top: 90px; } }

@media screen and (min-width: 765px) {
  #tomoshibi-cell {
    padding: 30px 10px 0 10px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #tomoshibi-cell .dl-tag-panel .cell-wrap {
      padding-top: 15px; }
      #tomoshibi-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list li {
        display: inline-block;
        margin: 0 0 15px 10px;
        background-color: #E8EDED;
        border-radius: 3px;
        padding-left: 0.75em;
        padding-right: 0.75em; }
        #tomoshibi-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list li a {
          color: #333;
          text-decoration: none; } }
    @media screen and (min-width: 765px) and (min-width: 1024px) {
      #tomoshibi-cell .dl-tag-panel .cell-wrap .dt-tag-ttl {
        max-width: 170px; }
      #tomoshibi-cell .dl-tag-panel .cell-wrap .dd-tags {
        width: 100%;
        margin-left: -170px; }
        #tomoshibi-cell .dl-tag-panel .cell-wrap .dd-tags .ul-tag-list {
          margin-left: 170px; } }

.tomoshibi-tab-content {
  /*    .tabmenu-wrapper {
        padding: 0 20px;

        .nav-menu {
            .tab {
                .tab-selected {
                    display: inline-block;
                    text-align: center;
                    background-color: #fff;
                    border-top: 3px solid #EB1616;
                    box-sizing: border-box;
                    width: 48%;
                    line-height: 17px;
                    border: none;

                    &.non-active {
                        background-color: transparent;
                        border: none;
                    }

                    a,
                    div {
                        display: inline-block;
                        padding: 7px 0;
                        text-decoration: none;
                        color: #333;
                        font-size: 12px;
                        font-weight: 400;
                    }
                }
            }
        }
    }*/ }

@media screen and (min-width: 765px) {
  .tomoshibi-tab-content {
    clear: both; }
    .tomoshibi-tab-content + .tomoshibi-content {
      padding-top: 0px; }
    .tomoshibi-tab-content .tabmenu-wrapper {
      max-width: 1240px;
      margin: 0 auto;
      padding: 0; }
      .tomoshibi-tab-content .tabmenu-wrapper .nav-menu {
        width: 1024px;
        margin: 0 auto; }
        .tomoshibi-tab-content .tabmenu-wrapper .nav-menu .tab .tab-selected {
          width: 20%;
          padding: 0 5px; }
          .tomoshibi-tab-content .tabmenu-wrapper .nav-menu .tab .tab-selected a, .tomoshibi-tab-content .tabmenu-wrapper .nav-menu .tab .tab-selected span {
            font-size: 14px;
            line-height: 25px; }
            .tomoshibi-tab-content .tabmenu-wrapper .nav-menu .tab .tab-selected a .counter, .tomoshibi-tab-content .tabmenu-wrapper .nav-menu .tab .tab-selected span .counter {
              display: inline; } }

/*
 *modal area
 */
.modal {
  /* モーダルの大きさ　*/
  /* レイヤー定義 (modal-cardは50)*/ }
  .modal .modal-card-style {
    height: 470px;
    width: 300px;
    max-width: 95vw; }
  .modal .modal-card {
    /* 背景カンパニーロゴ */
    /* 背景白マスク */ }
    .modal .modal-card .background-icon {
      top: -50px;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
      position: absolute;
      width: 100%; }
    .modal .modal-card .background-mask {
      background: rgba(255, 255, 255, 0.9);
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .modal .modal-card .modal-card-body {
      /* モーダルタイトル部 */ }
      .modal .modal-card .modal-card-body .title {
        position: relative;
        margin: 45px 0 auto; }
      .modal .modal-card .modal-card-body .title-style, .modal .modal-card .modal-card-body .modal-bottom .comment-style {
        font-size: 27px;
        font-weight: bold;
        letter-spacing: 0.3px;
        color: #848484;
        text-align: center; }
      .modal .modal-card .modal-card-body .modal-bottom {
        /* モーダルコメント部 */
        /* 余白が足りないものだけ以下挟む */
        /* シェアボタン部 */
        /* モーダル閉じるボタン部 */ }
        .modal .modal-card .modal-card-body .modal-bottom .comment {
          position: relative;
          left: 0;
          right: 0;
          margin: 26px 14px 20px; }
        .modal .modal-card .modal-card-body .modal-bottom .comment-style {
          font-size: 15px; }
        .modal .modal-card .modal-card-body .modal-bottom .modal-special-margin {
          margin-top: 53px;
          margin-bottom: 40px; }
        .modal .modal-card .modal-card-body .modal-bottom .share-button {
          text-align: center;
          position: relative;
          top: 50%;
          left: 0;
          right: 0; }
          .modal .modal-card .modal-card-body .modal-bottom .share-button span {
            margin: 20px 0;
            display: block; }
            .modal .modal-card .modal-card-body .modal-bottom .share-button span a {
              width: 90%; }
        .modal .modal-card .modal-card-body .modal-bottom .share-button-style {
          font-weight: bold;
          text-align: center; }
        .modal .modal-card .modal-card-body .modal-bottom .close-button {
          text-align: center;
          display: table;
          vertical-align: middle;
          position: absolute;
          bottom: 30px;
          left: 15px;
          right: 0;
          margin: 0 auto;
          height: 32px; }
        .modal .modal-card .modal-card-body .modal-bottom .close-button > span {
          display: table-cell;
          height: 32px;
          vertical-align: middle;
          margin: auto 0; }
        .modal .modal-card .modal-card-body .modal-bottom .close-button > a {
          display: table-cell;
          height: 32px;
          vertical-align: middle;
          margin: auto 0; }
  .modal .layer-1 {
    z-index: 51; }
  .modal .layer-2 {
    z-index: 52; }
  .modal .layer-3 {
    z-index: 53; }

/* 追従CV */
/* デスクトップ用 */
.follow-cv {
  background: rgba(0, 0, 0, 0.7);
  height: 80px;
  width: 100vw;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 30;
  display: table; }
  .follow-cv .left {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-right: auto;
    display: table-cell;
    vertical-align: middle; }
    .follow-cv .left .interested-btn {
      padding: 0 30px;
      height: 100%;
      display: table-cell;
      vertical-align: middle; }
      .follow-cv .left .interested-btn button {
        vertical-align: middle;
        margin: 0;
        width: 300px;
        height: 50px; }
    .follow-cv .left .stoke-area {
      display: table-cell;
      overflow: hidden;
      margin: 0;
      padding: 0; }
      .follow-cv .left .stoke-area button, .follow-cv .left .stoke-area a {
        width: 160px;
        height: 50px;
        border-color: #D9001D; }
        .follow-cv .left .stoke-area button img, .follow-cv .left .stoke-area a img {
          width: 15px;
          margin-right: 5px; }
        .follow-cv .left .stoke-area button span, .follow-cv .left .stoke-area a span {
          font-size: 14px;
          font-weight: bold;
          color: #D9001D; }
        .follow-cv .left .stoke-area button .count, .follow-cv .left .stoke-area a .count {
          font-weight: normal;
          margin-left: 8px; }
  .follow-cv .right {
    display: table-cell;
    position: relative;
    right: 30px;
    width: 350px; }
    .follow-cv .right .pjt-sns {
      position: absolute;
      top: 7px;
      display: table-cell;
      margin: 0 30px;
      text-align: center; }
      .follow-cv .right .pjt-sns div {
        cursor: pointer; }
        .follow-cv .right .pjt-sns div:not(:last-child) {
          margin-right: 10px; }
    .follow-cv .right .float {
      display: table-cell;
      margin: 0 10px;
      padding: 0 20px; }
    .follow-cv .right .pc {
      font-size: 9px;
      color: #ffffff; }
    .follow-cv .right img {
      width: 50px;
      height: auto; }

@media screen and (max-width: 920px) {
  /* タブレット用 (StokeボタンのみSP用に)*/
  .follow-cv .left .stoke-area .pc {
    display: none !important; }
  .follow-cv .left .stoke-area .sp {
    display: block !important;
    top: 0; }
    .follow-cv .left .stoke-area .sp .stoke-dayo {
      width: 50px;
      height: 50px; }
      .follow-cv .left .stoke-area .sp .stoke-dayo > img {
        margin-right: 6px; } }

@media only screen and (max-width: 767px) {
  /* SP用 */
  .follow-cv {
    padding-top: 4px;
    height: 60px; }
    .follow-cv .left .interested-btn {
      padding: 0 5px; }
      .follow-cv .left .interested-btn .pc {
        display: none !important; }
      .follow-cv .left .interested-btn .sp {
        display: block !important; }
    .follow-cv .left .stoke-area {
      padding: 0 5px; }
      .follow-cv .left .stoke-area .pc {
        display: none !important; }
      .follow-cv .left .stoke-area .sp {
        display: block !important; }
        .follow-cv .left .stoke-area .sp .common {
          width: 35px;
          height: 35px; }
    .follow-cv .right {
      right: 0px;
      width: 200px; }
      .follow-cv .right .pjt-sns {
        top: 2px;
        right: 5px;
        margin: 0;
        padding: 0; }
        .follow-cv .right .pjt-sns img {
          width: 35px;
          height: auto;
          margin: 0 3px;
          cursor: pointer; }
        .follow-cv .right .pjt-sns .pc {
          display: block;
          width: 53px; }
        .follow-cv .right .pjt-sns .float {
          display: table-cell;
          margin: 0 10px;
          padding: 0 5px; } }

.common {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  position: relative; }
  .common img,
  .common a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto; }

.comment-dayo {
  background-color: #F7931E;
  cursor: pointer; }
  .comment-dayo img {
    width: 26px;
    height: auto; }

.stoke-dayo {
  background-color: #fff;
  border: solid 2px #DF001F;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }
  .stoke-dayo img {
    width: 18px;
    height: auto; }

.wrap-common {
  display: inline-block;
  text-align: center;
  width: 50px; }
  .wrap-common p {
    font-size: 9px;
    color: #fff;
    margin: 0 auto; }

.follow-cv {
  opacity: 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.show {
  opacity: 1;
  -webkit-transform: none;
  transform: none; }

.animation-up {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px); }

/* タブ切り替え */
.default-noneactive {
  min-height: 300px;
  display: none; }

/* 管理画面必須項目装飾 */
.asterisk_required {
  font-size: 12px;
  color: #D9001D;
  margin-left: 3px; }

/* テキストサブ */
.sub {
  font-size: 10px;
  font-weight: 100;
  margin-left: 3px; }