/*
 * for having footer always on bottom
 *  https://codepen.io/anon/pen/jeBzPJ
 */

html {
    height: 100%;
    box-sizing: border-box;
}

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

#footer {
    background: #fff; }
    #footer-info {
      display: table;
      table-layout: fixed;
      padding-bottom: 4rem; }
      @media (max-width: 799px) {
        #footer-info {
          display: block;
          padding-top: 3rem; } }


.footer p {
    max-width: None;
}

/* from the css of the Getc homepage (view-source:https://www.getc.co.jp/wp-content/themes/dist_chiken/style.css?ver=3.2.3) */
a {
    /* color: #282828; */
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #888;
    text-decoration: none;
}

.link-gray a {
    color: #888;
}

.link-gray a:hover {
    color: #bfbfbf;
}

.bg-gray {
    background-color: #f5f5f5 !important; }



.mb-2 {
    margin-bottom: 20px !important;
}

.mt-2 {
    margin-top: 20px !important;
}

.py-6 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.fz-l {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.55556;
}

.fz-m {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8125;
}

.fz-xs {
    font-size: 0.8125rem;
    line-height: 1.38462;
}

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

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

@media (min-width: 800px) {
    .fixed-tl {
      display: block;
      left: 20px;
      top: 20px; } }

.fixed-br {
    margin-top: 30px; }
    @media (min-width: 800px) {
      .fixed-br {
        position: absolute;
        display: block;
        right: 0;
        bottom: 0;
        width: 330px;
        margin-top: 0; } }

.rel {
    position: relative !important;
}