@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
a {
  color: black;
}

span.trader-type-c {
 font-weight:bold;
}

hr.hr--reset {
  margin: 0;
  padding: 0;
}

.current-color {
  color: #ce7206;
  font-weight: bold;
}

.required-color {
  color: #d48d4d;
}

.notice-color {
  color: #d48d4d;
}

.bold {
  font-weight: bold;
}

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

.bg-white {
  background: #fefefe;
}

.font-color-red {
  color: #ff0000;
}

.font-color-gray {
  color: gray;
}

.font-color-blue {
  color: #4979ee;
}

.font-color-orange {
  color: #d48d4d;
}

.font-color-green {
  color: #00aa71;
}

.font-x-small {
  font-size: 0.6em !important;
}

.font-small {
  font-size: 0.9em !important;
}

.font-medium {
  font-size: 1em !important;
}

.font-large {
  font-size: 1.2em !important;
}

.font-x-large {
  font-size: 1.5em !important;
}

.icon-default {
  margin-right: 0.5em;
  font-size: 1.1em;
  vertical-align: middle;
}

.link-notice {
  color: #4979ee;
  text-decoration: underline;
}
.link-notice:hover, .link-notice:focus {
  color: #5695f1;
}
.link-notice:visited {
  color: #4979ee;
}

.link-white {
  color: #fefefe;
}
.link-white:hover, .link-white:focus {
  color: #fefefe;
}
.link-white:visited {
  color: #fefefe;
}

@media screen and (max-width: 39.9375em) {
  .required-4::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 3.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-4::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-4::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 3.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-5::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 4.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-5::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-5::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 4.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-6::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 5.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-6::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-6::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 5.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-7::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 6.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-7::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-7::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 6.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-8::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 7.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-8::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-8::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 7.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-9::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 8.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-9::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-9::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 8.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-10::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 9.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-10::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-10::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 9.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-11::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 10.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-11::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-11::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 10.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-12::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 11.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-12::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-12::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 11.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-13::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 12.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-13::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-13::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 12.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-14::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 13.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-14::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-14::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 13.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-15::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 14.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-15::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-15::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 14.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-16::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 15.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-16::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-16::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 15.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-17::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 16.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-17::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-17::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 16.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-18::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 17.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-18::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-18::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 17.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-19::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 18.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-19::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-19::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 18.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .required-20::before {
    background: #d48d4d;
    content: "";
    font-size: 0.7em;
    border-left: 8px solid #d48d4d;
    height: 19.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .required-20::after {
    content: "●";
    color: #d48d4d;
    font-size: 1.2em;
    margin-left: 0.3em;
    margin-top: -0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .no-required-20::before {
    background: #fefefe;
    content: "";
    margin-right: 0.5em;
    font-size: 0.7em;
    border-left: 8px solid #fefefe;
    height: 19.5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }
}

.row-wrapper {
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .row-wrapper .columns:not(:first-child) {
    padding: 0 0.5em;
  }
}

.common__font-style, .common__frame, .common__info-frame, .common__normal-frame, .login-top .login-top__common__normal-frame, .common__margin-frame, .common__lr-margin-frame, .common__top-margin-frame, .common__bottom-margin-frame, .common__top-bottom-margin-frame {
  color: #0a0a0a;
  font-size: 0.9em;
  line-height: 1.2em;
}

.common__process {
  background: #c7e9dd;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.5em 1em;
  border-radius:0.2em;
}
@media screen and (max-width: 39.9375em) {
  .common__process {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0;
    margin: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .common__process .common__caption, .common__process .common__caption-require, .common__process .common__caption-orange, .common__process .common__caption-notice, .common__process .common__caption-no-require, .common__process .common__caption-noting {
    padding: 0.2em 0.5em;
  }
}
.common__process .common__process__title {
  font-size: 1.5em;
  white-space: nowrap;
}
@media screen and (max-width: 39.9375em) {
  .common__process .common__process__title {
    margin-left: 0.3em;
    padding: 0.3em;
  }
}
.common__process .common__process__title::before {
  background: #00aa71;
  content: "";
  margin-right: 0.2em;
  border-left: 8px solid #00aa71;
}
.common__process .common__process__box-frame {
  font-size: 0.9em;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
}
@media screen and (max-width: 39.9375em) {
  .common__process .common__process__box-frame {
    width: 100%;
    background: white;
    padding: 0 0.5em;
    padding-bottom: 0.5em;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.common__process .common__process__box-frame li:not(:first-child)::before {
  color: #00aa71;
  content: "▶︎";
  margin-left: 0.5em;
  font-size: 0.7em;
}
.common__process .common__process__box-frame li {
  display: inline-block;
}
@media screen and (max-width: 39.9375em) {
  .common__process .common__process__box-frame li {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 40em) {
  .common__process .common__process__box-frame li .common__process__box-inner {
    padding: 0.3em 1em;
    display: inline-block;
  }
}

.common__caption, .common__caption-require, .common__caption-orange, .common__caption-notice, .common__caption-no-require, .common__caption-noting {
  display: -webkit-flex;
  display: flex;
  margin: 0;
}

.common__caption--green {
  display: -webkit-flex;
  display: flex;
  margin: 0;
}
.common__caption--green::before {
  content: "";
  border-left: 8px solid #00aa71;
  margin-right: 0.2em;
}

.common__caption-require::before {
  border-left: 8px solid #d48d4d;
}

.common__caption-orange::before {
  border-left: 8px solid #FE9E00;
}

.common__caption-notice::before {
  border-left: 8px solid #dc5800;
}

.common__caption-no-require::before {
  border-left: 8px solid #fefefe;
}

.common__caption-noting::before {
  border-left: 0;
}

.common__title-frame {
  margin: 0;
  margin-bottom: 0.5em;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 39.9375em) {
  .common__title-frame {
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
  }
}
.common__title-frame .common__caption-info {
  margin: 0;
  padding: 0.5em;
  line-height: 1.2em;
  font-size: 0.9em;
}
@media screen and (max-width: 39.9375em) {
  .common__title-frame .common__caption-info {
    width: 100%;
    text-align: right;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}

.common__caption-info {
  font-size: 0.9em;
}

.common__scroll-frame, .common__scroll-frame--white {
  height: 15em;
  overflow-y: scroll;
  margin-bottom: 1em;
  margin-top: 0em;
  margin-left: 1em;
  margin-right: 1em;
  padding: 1em;
  border: 1px #bababa solid;
}
@media screen and (max-width: 39.9375em) {
  .common__scroll-frame, .common__scroll-frame--white {
    margin: 0;
    border: 0;
    border-top: 1px #bababa solid;
    border-bottom: 1px #bababa solid;
  }
}

.common__scroll-frame--white {
  background: #fefefe;
}
@media screen and (max-width: 39.9375em) {
  .common__scroll-frame--white {
    padding: 0.5em;
  }
}

.common__align-center, .common__align-left, .common__button-area-left, .common__align-right, .common__button-area-right, .common__button-area, .common__button-area-center, .common__button-area--row {
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.common__align-left, .common__button-area-left {
  margin: auto;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 39.9375em) {
  .common__align-left, .common__button-area-left {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

.common__align-right, .common__button-area-right {
  margin: auto;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 39.9375em) {
  .common__align-right, .common__button-area-right {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

.common__button-area, .common__button-area-center, .common__button-area-left, .common__button-area-right {
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 39.9375em) {
  .common__button-area, .common__button-area-center, .common__button-area-left, .common__button-area-right {
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
  }
}
.common__button-area li, .common__button-area-center li, .common__button-area-left li, .common__button-area-right li {
  width: 100%;
}
.common__button-area li:not(:first-child), .common__button-area-center li:not(:first-child), .common__button-area-left li:not(:first-child), .common__button-area-right li:not(:first-child) {
  margin-top: 1em;
}

.common__button-area--row {
  -webkit-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width: 39.9375em) {
  .common__button-area--row {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
  }
  .common__button-area--row li {
    margin-top: 0.5em;
    min-width: 100%;
  }
}

.common__button-area-center {
  -webkit-justify-content: center;
  justify-content: center;
}

.common__frame {
  padding: 1em 1em;
}
@media screen and (max-width: 39.9375em) {
  .common__frame {
    padding: 0.5em 0;
  }
}

.common__info-frame {
  background: #e9e9e9;
  border: 1px solid #ddd;
  padding: 0.5em;
  margin-bottom: 1em;
  font-size: 1em;
}
@media screen and (max-width: 39.9375em) {
  .common__info-frame {
    border: 0;
  }
}

.common__normal-frame, .login-top .login-top__common__normal-frame {
  margin: 0.5em 0.5em;
  padding: 0.5em;
}
@media screen and (max-width: 39.9375em) {
  .common__normal-frame, .login-top .login-top__common__normal-frame {
    margin: 0;
    padding: 0;
  }
}

.common__margin-frame {
  margin: 0.5em 1em;
}
@media screen and (max-width: 39.9375em) {
  .common__margin-frame {
    margin: 0.5em 0.5em;
  }
}

.common__lr-margin-frame {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (max-width: 39.9375em) {
  .common__lr-margin-frame {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

.common__top-margin-frame {
  margin-top: 1em;
}
@media screen and (max-width: 39.9375em) {
  .common__top-margin-frame {
    margin: 0 0.5em;
    margin-top: 0.5em;
  }
}

.common__bottom-margin-frame {
  margin-bottom: 1em;
}
@media screen and (max-width: 39.9375em) {
  .common__bottom-margin-frame {
    margin-bottom: 0.5em;
  }
}

.common__top-bottom-margin-frame {
  margin-top: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 39.9375em) {
  .common__top-bottom-margin-frame {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
}

.common__notice-frame {
  padding: 0.5em;
  color: #ff0000;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1em;
}

.common__modal-link-frame {
  font-size: 0.9em;
  line-height: 1.2em;
  width: 45%;
  text-align: left;
}
@media screen and (max-width: 39.9375em) {
  .common__modal-link-frame {
    width: 100%;
    text-align: right;
    margin-top: 1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
}

div.modal-top-bar{
  text-align: left;
  margin-top: 0.1em;
  margin-left: 0.0em;
  margin-right: 0.0em;
  padding-left: 1em;
  padding-top: 0.4em;
  padding-bottom:0.4em;
  padding-right: 1em;
  background-color: #00aa71;
}

div.modal-top-bar span{
 font-size: 1.0em;
 color:#FFFFFF;
 //font-weight:bold;
}

div.modal-contents{
  margin-bottom:1.4em;
}

div.modal-contents-body{
  height: 17em;
  overflow-y: scroll;
  font-size: 0.9em;
  text-align: left;
  margin-top: 0.5em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  padding-left: 0.5em;
  padding-top: 0.4em;
  padding-bottom:0.4em;
  padding-right: 0.5em;
}

div.modal-contents-body div{
  text-align: center;
  vertical-align:center;
}

div.modal-contents-body div img{
  width:300px;
  margin-top: 1.0em;
  padding-left: 1em;
  padding-top: 0.4em;
  padding-bottom:0.4em;
  padding-right: 1em;
}


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

@media screen and (max-width: 39.9375em) {
  .padding-sp--0 {
    padding: 0 !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-pc--0 {
    padding: 0 !important;
  }
}

.padding-1 {
  padding: 1em;
}

.padding-05 {
  padding: 0.5em;
}

.padding-tb-05 {
  padding: 0.5em 0;
}

@media screen and (min-width: 40em) {
  .padding-tb-05-pc {
    padding: 0.5em 0;
  }
}

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

.margin-1 {
  margin: 1em;
}

.margin-05 {
  margin: 0.5em;
}

.mgn-top-bottom_1 {
  margin: 1em auto;
}

.mgn-top-bottom_05 {
  margin: 0.5em auto;
}

.margin-top-bottom-05 {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.margin-top-bottom-1 {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
@media screen and (max-width: 39.9375em) {
  .margin-top-bottom-1 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-bottom-05-pc {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
}

.mgn-top-05 {
  margin-top: 0.5em;
}

.mgn-top-05-only {
  margin: 0;
  margin-top: 0.5em;
}

.mgn-bottom-05 {
  margin-bottom: 0.5em;
}

.mgn-left-right_1 {
  margin: auto 1em;
}

.mgn-left-right_05 {
  margin: auto 0.5em;
}

.margin-left-1 {
  margin-left: 1em;
}

.margin-left-05 {
  margin-left: 0.5em;
}

@media screen and (max-width: 39.9375em) {
  .margin-left-05-sp {
    margin-left: 0.5em;
  }
}

.margin-right-05 {
  margin-right: 0.5em;
}

.margin-right-1 {
  margin-right: 1em;
}

.align-left {
  text-align: left;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

//li.align-left{
// margin-bottom:1em;
//}

.align-right {
  text-align: right;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.align-center {
  text-align: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 39.9375em) {
  .align--sp-left {
    text-align: left;
  }
}

@media screen and (max-width: 39.9375em) {
  .align--sp-right {
    text-align: right;
  }
}

@media screen and (max-width: 39.9375em) {
  .align--sp-center {
    text-align: center;
  }
}

@media screen and (min-width: 40em) {
  .align--pc-left {
    text-align: left;
  }
}

@media screen and (min-width: 40em) {
  .align--pc-right {
    text-align: right;
  }
}

@media screen and (min-width: 40em) {
  .align--pc-center {
    text-align: right;
  }
}

@media screen and (max-width: 39.9375em) {
  .small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 40em) {
  .medium-hide {
    display: none !important;
  }
}

.flex-middle {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}
.flex-middle span {
  margin-left: 1em;
}

.flex-between {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 39.9375em) {
  .flex-between {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.flex-start {
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important;
}
@media screen and (max-width: 39.9375em) {
  .flex-start {
    -webkit-justify-content: center !important;
    justify-content: center !important;
  }
}

.flex-end {
  -webkit-justify-content: flex-end !important;
  justify-content: flex-end !important;
}
@media screen and (max-width: 39.9375em) {
  .flex-end {
    -webkit-justify-content: center !important;
    justify-content: center !important;
  }
}

.width-10per {
  width: 10%;
}

.width-20per {
  width: 20%;
}

.width-30per {
  width: 30%;
}

.width-40per {
  width: 40%;
}

.width-50per {
  width: 50%;
}

.width-60per {
  width: 60%;
}

.width-70per {
  width: 70%;
}

.width-80per {
  width: 80%;
}

.width-90per {
  width: 90%;
}

.width-100per {
  width: 100%;
}

@media screen and (max-width: 39.9375em) {
  .width-sp10per {
    width: 10%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp20per {
    width: 20%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp30per {
    width: 30%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp40per {
    width: 40%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp50per {
    width: 50%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp60per {
    width: 60%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp70per {
    width: 70%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp80per {
    width: 80%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp90per {
    width: 90%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp100per {
    width: 100%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc10per {
    width: 10%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc20per {
    width: 20%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc30per {
    width: 30%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc40per {
    width: 40%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc50per {
    width: 50%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc60per {
    width: 60%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc70per {
    width: 70%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc80per {
    width: 80%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc90per {
    width: 90%;
  }
}

@media screen and (min-width: 40em) {
  .width-pc100per {
    width: 100%;
  }
}

.width-1em {
  width: 1em;
}

.width-2em {
  width: 2em;
}

.width-3em {
  width: 3em;
}

.width-4em {
  width: 4em;
}

.width-5em {
  width: 5em;
}

.width-6em {
  width: 6em;
}

.width-7em {
  width: 7em;
}

.width-8em {
  width: 8em;
}

.width-9em {
  width: 9em;
}

.width-10em {
  width: 10em;
}

.width-11em {
  width: 11em;
}

.width-12em {
  width: 12em;
}

.width-13em {
  width: 13em;
}

.width-14em {
  width: 14em;
}

.width-15em {
  width: 15em;
}

.width-16em {
  width: 16em;
}

.width-17em {
  width: 17em;
}

.width-18em {
  width: 18em;
}

.width-19em {
  width: 19em;
}

.width-20em {
  width: 20em;
}

.no_1 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_1::before {
  content: "1 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.no_2 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_2::before {
  content: "2 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.no_3 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_3::before {
  content: "3 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.no_4 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_4::before {
  content: "4 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.no_5 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_5::before {
  content: "5 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.no_6 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_6::before {
  content: "6 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.no_7 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_7::before {
  content: "7 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.no_8 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_8::before {
  content: "8 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.no_9 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_9::before {
  content: "9 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.no_10 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.no_10::before {
  content: "10 )";
  margin-right: 0.5em;
  white-space: nowrap;
}

.pre-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.pre-box::before {
  content: "■";
  margin-right: 0.5em;
  white-space: nowrap;
}

.pre-kome {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.pre-kome::before {
  content: "※";
  margin-right: 0.5em;
  white-space: nowrap;
}

.pre-maru {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.pre-maru::before {
  content: "・";
  margin-right: 0.5em;
  white-space: nowrap;
}

p.fi-alert {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
p.fi-alert::before {
  margin-right: 0.5em;
  white-space: nowrap;
  margin-top: 0.5em;
}

.width-100per {
  width: 100% !important;
}

@media screen and (min-width: 40em) {
  .width-pc--per {
    width: 100%;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--100per {
    width: 100%;
  }
}

.margin-top-0 {
  margin-top: 0em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--0 {
    margin-top: 0em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--0 {
    margin-top: 0em !important;
  }
}

.margin-top-1 {
  margin-top: 1em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--1 {
    margin-top: 1em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--1 {
    margin-top: 1em !important;
  }
}

.margin-top-2 {
  margin-top: 2em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--2 {
    margin-top: 2em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--2 {
    margin-top: 2em !important;
  }
}

.margin-top-3 {
  margin-top: 3em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--3 {
    margin-top: 3em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--3 {
    margin-top: 3em !important;
  }
}

.margin-top-4 {
  margin-top: 4em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--4 {
    margin-top: 4em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--4 {
    margin-top: 4em !important;
  }
}

.margin-top-5 {
  margin-top: 5em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--5 {
    margin-top: 5em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--5 {
    margin-top: 5em !important;
  }
}

.margin-top-6 {
  margin-top: 6em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--6 {
    margin-top: 6em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--6 {
    margin-top: 6em !important;
  }
}

.margin-top-7 {
  margin-top: 7em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--7 {
    margin-top: 7em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--7 {
    margin-top: 7em !important;
  }
}

.margin-top-8 {
  margin-top: 8em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--8 {
    margin-top: 8em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--8 {
    margin-top: 8em !important;
  }
}

.margin-top-9 {
  margin-top: 9em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--9 {
    margin-top: 9em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--9 {
    margin-top: 9em !important;
  }
}

.margin-top-10 {
  margin-top: 10em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--10 {
    margin-top: 10em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-top-pc--10 {
    margin-top: 10em !important;
  }
}

.margin-top-05 {
  margin-top: 0.5em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-top-sp--05 {
    margin-top: 0.5em !important;
  }
}

.margin-bottom-0 {
  margin-bottom: 0em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--0 {
    margin-bottom: 0em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--0 {
    margin-bottom: 0em !important;
  }
}

.margin-bottom-1 {
  margin-bottom: 1em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--1 {
    margin-bottom: 1em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--1 {
    margin-bottom: 1em !important;
  }
}

.margin-bottom-2 {
  margin-bottom: 2em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--2 {
    margin-bottom: 2em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--2 {
    margin-bottom: 2em !important;
  }
}

.margin-bottom-3 {
  margin-bottom: 3em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--3 {
    margin-bottom: 3em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--3 {
    margin-bottom: 3em !important;
  }
}

.margin-bottom-4 {
  margin-bottom: 4em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--4 {
    margin-bottom: 4em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--4 {
    margin-bottom: 4em !important;
  }
}

.margin-bottom-5 {
  margin-bottom: 5em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--5 {
    margin-bottom: 5em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--5 {
    margin-bottom: 5em !important;
  }
}

.margin-bottom-6 {
  margin-bottom: 6em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--6 {
    margin-bottom: 6em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--6 {
    margin-bottom: 6em !important;
  }
}

.margin-bottom-7 {
  margin-bottom: 7em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--7 {
    margin-bottom: 7em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--7 {
    margin-bottom: 7em !important;
  }
}

.margin-bottom-8 {
  margin-bottom: 8em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--8 {
    margin-bottom: 8em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--8 {
    margin-bottom: 8em !important;
  }
}

.margin-bottom-9 {
  margin-bottom: 9em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--9 {
    margin-bottom: 9em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--9 {
    margin-bottom: 9em !important;
  }
}

.margin-bottom-10 {
  margin-bottom: 10em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--10 {
    margin-bottom: 10em !important;
  }
}

@media screen and (min-width: 40em) {
  .margin-bottom-pc--10 {
    margin-bottom: 10em !important;
  }
}

.margin-bottom-05 {
  margin-bottom: 0.5em !important;
}

@media screen and (max-width: 39.9375em) {
  .margin-bottom-sp--05 {
    margin-bottom: 0.5em !important;
  }
}

.margin-left-0 {
  margin-left: 0em !important;
}

.margin-left-1 {
  margin-left: 1em !important;
}

.margin-left-2 {
  margin-left: 2em !important;
}

.margin-left-3 {
  margin-left: 3em !important;
}

.margin-left-4 {
  margin-left: 4em !important;
}

.margin-left-5 {
  margin-left: 5em !important;
}

.margin-left-6 {
  margin-left: 6em !important;
}

.margin-left-7 {
  margin-left: 7em !important;
}

.margin-left-8 {
  margin-left: 8em !important;
}

.margin-left-9 {
  margin-left: 9em !important;
}

.margin-left-10 {
  margin-left: 10em !important;
}

.margin-left-05 {
  margin-left: 0.5em;
}

.margin-right-0 {
  margin-right: 0em !important;
}

.margin-right-1 {
  margin-right: 1em !important;
}

.margin-right-2 {
  margin-right: 2em !important;
}

.margin-right-3 {
  margin-right: 3em !important;
}

.margin-right-4 {
  margin-right: 4em !important;
}

.margin-right-5 {
  margin-right: 5em !important;
}

.margin-right-6 {
  margin-right: 6em !important;
}

.margin-right-7 {
  margin-right: 7em !important;
}

.margin-right-8 {
  margin-right: 8em !important;
}

.margin-right-9 {
  margin-right: 9em !important;
}

.margin-right-10 {
  margin-right: 10em !important;
}

.margin-right-05 {
  margin-right: 0.5em;
}

.padding-lr--1 {
  padding-left: 1em;
  padding-right: 1em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--1 {
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--1 {
    padding-left: 1em;
    padding-right: 1em;
  }
}

.padding-tb--1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

.padding-lr--2 {
  padding-left: 2em;
  padding-right: 2em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--2 {
    padding-left: 2em;
    padding-right: 2em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--2 {
    padding-left: 2em;
    padding-right: 2em;
  }
}

.padding-tb--2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}

.padding-lr--3 {
  padding-left: 3em;
  padding-right: 3em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--3 {
    padding-left: 3em;
    padding-right: 3em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--3 {
    padding-left: 3em;
    padding-right: 3em;
  }
}

.padding-tb--3 {
  padding-top: 3em;
  padding-bottom: 3em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}

.padding-lr--4 {
  padding-left: 4em;
  padding-right: 4em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--4 {
    padding-left: 4em;
    padding-right: 4em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--4 {
    padding-left: 4em;
    padding-right: 4em;
  }
}

.padding-tb--4 {
  padding-top: 4em;
  padding-bottom: 4em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}

.padding-lr--5 {
  padding-left: 5em;
  padding-right: 5em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--5 {
    padding-left: 5em;
    padding-right: 5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--5 {
    padding-left: 5em;
    padding-right: 5em;
  }
}

.padding-tb--5 {
  padding-top: 5em;
  padding-bottom: 5em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }
}

.padding-lr--6 {
  padding-left: 6em;
  padding-right: 6em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--6 {
    padding-left: 6em;
    padding-right: 6em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--6 {
    padding-left: 6em;
    padding-right: 6em;
  }
}

.padding-tb--6 {
  padding-top: 6em;
  padding-bottom: 6em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--6 {
    padding-top: 6em;
    padding-bottom: 6em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--6 {
    padding-top: 6em;
    padding-bottom: 6em;
  }
}

.padding-lr--7 {
  padding-left: 7em;
  padding-right: 7em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--7 {
    padding-left: 7em;
    padding-right: 7em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--7 {
    padding-left: 7em;
    padding-right: 7em;
  }
}

.padding-tb--7 {
  padding-top: 7em;
  padding-bottom: 7em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--7 {
    padding-top: 7em;
    padding-bottom: 7em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--7 {
    padding-top: 7em;
    padding-bottom: 7em;
  }
}

.padding-lr--8 {
  padding-left: 8em;
  padding-right: 8em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--8 {
    padding-left: 8em;
    padding-right: 8em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--8 {
    padding-left: 8em;
    padding-right: 8em;
  }
}

.padding-tb--8 {
  padding-top: 8em;
  padding-bottom: 8em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--8 {
    padding-top: 8em;
    padding-bottom: 8em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--8 {
    padding-top: 8em;
    padding-bottom: 8em;
  }
}

.padding-lr--9 {
  padding-left: 9em;
  padding-right: 9em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--9 {
    padding-left: 9em;
    padding-right: 9em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--9 {
    padding-left: 9em;
    padding-right: 9em;
  }
}

.padding-tb--9 {
  padding-top: 9em;
  padding-bottom: 9em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--9 {
    padding-top: 9em;
    padding-bottom: 9em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--9 {
    padding-top: 9em;
    padding-bottom: 9em;
  }
}

.padding-lr--10 {
  padding-left: 10em;
  padding-right: 10em;
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--10 {
    padding-left: 10em;
    padding-right: 10em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--10 {
    padding-left: 10em;
    padding-right: 10em;
  }
}

.padding-tb--10 {
  padding-top: 10em;
  padding-bottom: 10em;
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--10 {
    padding-top: 10em;
    padding-bottom: 10em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--10 {
    padding-top: 10em;
    padding-bottom: 10em;
  }
}

@media screen and (min-width: 40em) {
  .padding-lr-pc--05 {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-lr-sp--05 {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

@media screen and (min-width: 40em) {
  .padding-tb-pc--05 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .padding-tb-sp--05 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}

.padding-top--0 {
  padding-top: 0em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--0 {
    padding-top: 0em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--0 {
    padding-top: 0em !important;
  }
}

.padding-top--1 {
  padding-top: 1em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--1 {
    padding-top: 1em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--1 {
    padding-top: 1em !important;
  }
}

.padding-top--2 {
  padding-top: 2em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--2 {
    padding-top: 2em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--2 {
    padding-top: 2em !important;
  }
}

.padding-top--3 {
  padding-top: 3em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--3 {
    padding-top: 3em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--3 {
    padding-top: 3em !important;
  }
}

.padding-top--4 {
  padding-top: 4em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--4 {
    padding-top: 4em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--4 {
    padding-top: 4em !important;
  }
}

.padding-top--5 {
  padding-top: 5em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--5 {
    padding-top: 5em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--5 {
    padding-top: 5em !important;
  }
}

.padding-top--6 {
  padding-top: 6em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--6 {
    padding-top: 6em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--6 {
    padding-top: 6em !important;
  }
}

.padding-top--7 {
  padding-top: 7em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--7 {
    padding-top: 7em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--7 {
    padding-top: 7em !important;
  }
}

.padding-top--8 {
  padding-top: 8em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--8 {
    padding-top: 8em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--8 {
    padding-top: 8em !important;
  }
}

.padding-top--9 {
  padding-top: 9em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--9 {
    padding-top: 9em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--9 {
    padding-top: 9em !important;
  }
}

.padding-top--10 {
  padding-top: 10em !important;
}

@media screen and (max-width: 39.9375em) {
  .padding-top-sp--10 {
    padding-top: 10em !important;
  }
}

@media screen and (min-width: 40em) {
  .padding-top-pc--10 {
    padding-top: 10em !important;
  }
}

.height--1 {
  height: 1em !important;
}

.width--1 {
  width: 1em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--1 {
    height: 1em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--1 {
    height: 1em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--1 {
    width: 1em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--1 {
    width: 1em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--10per {
    width: 10% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--10per {
    width: 10% !important;
  }
}

.height--2 {
  height: 2em !important;
}

.width--2 {
  width: 2em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--2 {
    height: 2em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--2 {
    height: 2em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--2 {
    width: 2em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--2 {
    width: 2em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--20per {
    width: 20% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--20per {
    width: 20% !important;
  }
}

.height--3 {
  height: 3em !important;
}

.width--3 {
  width: 3em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--3 {
    height: 3em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--3 {
    height: 3em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--3 {
    width: 3em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--3 {
    width: 3em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--30per {
    width: 30% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--30per {
    width: 30% !important;
  }
}

.height--4 {
  height: 4em !important;
}

.width--4 {
  width: 4em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--4 {
    height: 4em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--4 {
    height: 4em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--4 {
    width: 4em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--4 {
    width: 4em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--40per {
    width: 40% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--40per {
    width: 40% !important;
  }
}

.height--5 {
  height: 5em !important;
}

.width--5 {
  width: 5em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--5 {
    height: 5em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--5 {
    height: 5em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--5 {
    width: 5em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--5 {
    width: 5em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--50per {
    width: 50% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--50per {
    width: 50% !important;
  }
}

.height--6 {
  height: 6em !important;
}

.width--6 {
  width: 6em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--6 {
    height: 6em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--6 {
    height: 6em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--6 {
    width: 6em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--6 {
    width: 6em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--60per {
    width: 60% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--60per {
    width: 60% !important;
  }
}

.height--7 {
  height: 7em !important;
}

.width--7 {
  width: 7em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--7 {
    height: 7em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--7 {
    height: 7em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--7 {
    width: 7em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--7 {
    width: 7em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--70per {
    width: 70% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--70per {
    width: 70% !important;
  }
}

.height--8 {
  height: 8em !important;
}

.width--8 {
  width: 8em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--8 {
    height: 8em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--8 {
    height: 8em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--8 {
    width: 8em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--8 {
    width: 8em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--80per {
    width: 80% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--80per {
    width: 80% !important;
  }
}

.height--9 {
  height: 9em !important;
}

.width--9 {
  width: 9em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--9 {
    height: 9em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--9 {
    height: 9em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--9 {
    width: 9em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--9 {
    width: 9em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--90per {
    width: 90% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--90per {
    width: 90% !important;
  }
}

.height--10 {
  height: 10em !important;
}

.width--10 {
  width: 10em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--10 {
    height: 10em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--10 {
    height: 10em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--10 {
    width: 10em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--10 {
    width: 10em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--100per {
    width: 100% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--100per {
    width: 100% !important;
  }
}

.height--11 {
  height: 11em !important;
}

.width--11 {
  width: 11em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--11 {
    height: 11em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--11 {
    height: 11em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--11 {
    width: 11em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--11 {
    width: 11em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--110per {
    width: 110% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--110per {
    width: 110% !important;
  }
}

.height--12 {
  height: 12em !important;
}

.width--12 {
  width: 12em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--12 {
    height: 12em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--12 {
    height: 12em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--12 {
    width: 12em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--12 {
    width: 12em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--120per {
    width: 120% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--120per {
    width: 120% !important;
  }
}

.height--13 {
  height: 13em !important;
}

.width--13 {
  width: 13em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--13 {
    height: 13em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--13 {
    height: 13em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--13 {
    width: 13em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--13 {
    width: 13em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--130per {
    width: 130% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--130per {
    width: 130% !important;
  }
}

.height--14 {
  height: 14em !important;
}

.width--14 {
  width: 14em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--14 {
    height: 14em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--14 {
    height: 14em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--14 {
    width: 14em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--14 {
    width: 14em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--140per {
    width: 140% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--140per {
    width: 140% !important;
  }
}

.height--15 {
  height: 15em !important;
}

.width--15 {
  width: 15em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--15 {
    height: 15em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--15 {
    height: 15em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--15 {
    width: 15em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--15 {
    width: 15em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--150per {
    width: 150% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--150per {
    width: 150% !important;
  }
}

.height--16 {
  height: 16em !important;
}

.width--16 {
  width: 16em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--16 {
    height: 16em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--16 {
    height: 16em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--16 {
    width: 16em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--16 {
    width: 16em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--160per {
    width: 160% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--160per {
    width: 160% !important;
  }
}

.height--17 {
  height: 17em !important;
}

.width--17 {
  width: 17em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--17 {
    height: 17em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--17 {
    height: 17em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--17 {
    width: 17em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--17 {
    width: 17em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--170per {
    width: 170% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--170per {
    width: 170% !important;
  }
}

.height--18 {
  height: 18em !important;
}

.width--18 {
  width: 18em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--18 {
    height: 18em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--18 {
    height: 18em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--18 {
    width: 18em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--18 {
    width: 18em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--180per {
    width: 180% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--180per {
    width: 180% !important;
  }
}

.height--19 {
  height: 19em !important;
}

.width--19 {
  width: 19em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--19 {
    height: 19em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--19 {
    height: 19em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--19 {
    width: 19em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--19 {
    width: 19em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--190per {
    width: 190% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--190per {
    width: 190% !important;
  }
}

.height--20 {
  height: 20em !important;
}

.width--20 {
  width: 20em !important;
}

@media screen and (min-width: 40em) {
  .height-pc--20 {
    height: 20em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--20 {
    height: 20em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--20 {
    width: 20em !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--20 {
    width: 20em !important;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--200per {
    width: 200% !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--200per {
    width: 200% !important;
  }
}

@media screen and (min-width: 40em) {
  .height--1 {
    height: 1em;
  }
}

@media screen and (min-width: 40em) {
  .width--1 {
    width: 1em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--1 {
    height: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--1 {
    height: 1em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--1 {
    width: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--1 {
    width: 1em;
  }
}

@media screen and (min-width: 40em) {
  .height--2 {
    height: 2em;
  }
}

@media screen and (min-width: 40em) {
  .width--2 {
    width: 2em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--2 {
    height: 2em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--2 {
    height: 2em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--2 {
    width: 2em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--2 {
    width: 2em;
  }
}

@media screen and (min-width: 40em) {
  .height--3 {
    height: 3em;
  }
}

@media screen and (min-width: 40em) {
  .width--3 {
    width: 3em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--3 {
    height: 3em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--3 {
    height: 3em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--3 {
    width: 3em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--3 {
    width: 3em;
  }
}

@media screen and (min-width: 40em) {
  .height--4 {
    height: 4em;
  }
}

@media screen and (min-width: 40em) {
  .width--4 {
    width: 4em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--4 {
    height: 4em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--4 {
    height: 4em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--4 {
    width: 4em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--4 {
    width: 4em;
  }
}

@media screen and (min-width: 40em) {
  .height--5 {
    height: 5em;
  }
}

@media screen and (min-width: 40em) {
  .width--5 {
    width: 5em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--5 {
    height: 5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--5 {
    height: 5em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--5 {
    width: 5em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--5 {
    width: 5em;
  }
}

@media screen and (min-width: 40em) {
  .height--6 {
    height: 6em;
  }
}

@media screen and (min-width: 40em) {
  .width--6 {
    width: 6em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--6 {
    height: 6em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--6 {
    height: 6em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--6 {
    width: 6em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--6 {
    width: 6em;
  }
}

@media screen and (min-width: 40em) {
  .height--7 {
    height: 7em;
  }
}

@media screen and (min-width: 40em) {
  .width--7 {
    width: 7em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--7 {
    height: 7em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--7 {
    height: 7em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--7 {
    width: 7em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--7 {
    width: 7em;
  }
}

@media screen and (min-width: 40em) {
  .height--8 {
    height: 8em;
  }
}

@media screen and (min-width: 40em) {
  .width--8 {
    width: 8em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--8 {
    height: 8em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--8 {
    height: 8em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--8 {
    width: 8em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--8 {
    width: 8em;
  }
}

@media screen and (min-width: 40em) {
  .height--9 {
    height: 9em;
  }
}

@media screen and (min-width: 40em) {
  .width--9 {
    width: 9em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--9 {
    height: 9em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--9 {
    height: 9em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--9 {
    width: 9em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--9 {
    width: 9em;
  }
}

@media screen and (min-width: 40em) {
  .height--10 {
    height: 10em;
  }
}

@media screen and (min-width: 40em) {
  .width--10 {
    width: 10em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--10 {
    height: 10em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--10 {
    height: 10em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--10 {
    width: 10em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--10 {
    width: 10em;
  }
}

@media screen and (min-width: 40em) {
  .height--11 {
    height: 11em;
  }
}

@media screen and (min-width: 40em) {
  .width--11 {
    width: 11em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--11 {
    height: 11em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--11 {
    height: 11em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--11 {
    width: 11em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--11 {
    width: 11em;
  }
}

@media screen and (min-width: 40em) {
  .height--12 {
    height: 12em;
  }
}

@media screen and (min-width: 40em) {
  .width--12 {
    width: 12em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--12 {
    height: 12em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--12 {
    height: 12em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--12 {
    width: 12em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--12 {
    width: 12em;
  }
}

@media screen and (min-width: 40em) {
  .height--13 {
    height: 13em;
  }
}

@media screen and (min-width: 40em) {
  .width--13 {
    width: 13em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--13 {
    height: 13em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--13 {
    height: 13em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--13 {
    width: 13em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--13 {
    width: 13em;
  }
}

@media screen and (min-width: 40em) {
  .height--14 {
    height: 14em;
  }
}

@media screen and (min-width: 40em) {
  .width--14 {
    width: 14em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--14 {
    height: 14em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--14 {
    height: 14em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--14 {
    width: 14em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--14 {
    width: 14em;
  }
}

@media screen and (min-width: 40em) {
  .height--15 {
    height: 15em;
  }
}

@media screen and (min-width: 40em) {
  .width--15 {
    width: 15em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--15 {
    height: 15em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--15 {
    height: 15em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--15 {
    width: 15em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--15 {
    width: 15em;
  }
}

@media screen and (min-width: 40em) {
  .height--16 {
    height: 16em;
  }
}

@media screen and (min-width: 40em) {
  .width--16 {
    width: 16em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--16 {
    height: 16em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--16 {
    height: 16em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--16 {
    width: 16em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--16 {
    width: 16em;
  }
}

@media screen and (min-width: 40em) {
  .height--17 {
    height: 17em;
  }
}

@media screen and (min-width: 40em) {
  .width--17 {
    width: 17em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--17 {
    height: 17em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--17 {
    height: 17em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--17 {
    width: 17em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--17 {
    width: 17em;
  }
}

@media screen and (min-width: 40em) {
  .height--18 {
    height: 18em;
  }
}

@media screen and (min-width: 40em) {
  .width--18 {
    width: 18em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--18 {
    height: 18em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--18 {
    height: 18em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--18 {
    width: 18em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--18 {
    width: 18em;
  }
}

@media screen and (min-width: 40em) {
  .height--19 {
    height: 19em;
  }
}

@media screen and (min-width: 40em) {
  .width--19 {
    width: 19em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--19 {
    height: 19em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--19 {
    height: 19em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--19 {
    width: 19em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--19 {
    width: 19em;
  }
}

@media screen and (min-width: 40em) {
  .height--20 {
    height: 20em;
  }
}

@media screen and (min-width: 40em) {
  .width--20 {
    width: 20em;
  }
}

@media screen and (min-width: 40em) {
  .height-pc--20 {
    height: 20em;
  }
}

@media screen and (max-width: 39.9375em) {
  .height-sp--20 {
    height: 20em;
  }
}

@media screen and (min-width: 40em) {
  .width-pc--20 {
    width: 20em;
  }
}

@media screen and (max-width: 39.9375em) {
  .width-sp--20 {
    width: 20em;
  }
}

.top-bar {
  padding: 0.5rem;
}
.top-bar::before, .top-bar::after {
  content: ' ';
  display: table;
}
.top-bar::after {
  clear: both;
}
.top-bar,
.top-bar ul {
  background-color: #00aa71;
}
.top-bar ul ul {
  background-color: #e6e6e6;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button, .top-bar input.button-common, .top-bar input.button-green, .top-bar input.button-green-bg-white, .top-bar input.button-orange-bg-white, .top-bar input.button-blue-bg-white, .top-bar input.button-orange, .top-bar input.button-dark-orange, .top-bar input.button-blue, .top-bar input.button-gray {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: auto;
  }
}
@media screen and (max-width: 63.9375em) {
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    width: 100%;
  }
}
@media screen and (max-width: 74.9375em) {
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    width: 100%;
  }
}

.top-bar-title {
  float: left;
  margin-right: 1rem;
}

.top-bar-left {
  float: left;
}

.top-bar-right {
  float: right;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #cacaca;
  line-height: 0;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.1875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.0625rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 1.9375rem;
  }

  h4 {
    font-size: 1.5625rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1rem;
  }
}
a {
  color: #fefefe;
  text-decoration: bold;
  line-height: inherit;
  cursor: pointer;
}
a:hover, a:focus {
  color: #dadada;
  text-decoration: none;
}
a img {
  border: 0;
}

hr {
  max-width: rem-calc(1200);
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: rem-calc(20) auto;
  clear: both;
}

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside;
}

li {
  font-size: inherit;
}

ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: rem-calc(9 20 0 19);
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: rem-calc(13);
  color: #8a8a8a;
}
cite:before {
  content: '\2014 \0020';
}

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  padding: rem-calc(2 5 1);
}

kbd {
  padding: rem-calc(2 4 0);
  margin: 0;
  background-color: #e6e6e6;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

.no-bullet {
  margin-left: 0;
  list-style: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

@media screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }

  .medium-text-right {
    text-align: right;
  }

  .medium-text-center {
    text-align: center;
  }

  .medium-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }

  .large-text-right {
    text-align: right;
  }

  .large-text-center {
    text-align: center;
  }

  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
@-moz-keyframes menuShowAnim {
  0% {
    -moz-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
  100% {
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes menuShowAnim {
  0% {
    -webkit-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes menuShowAnim {
  0% {
    -moz-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    -webkit-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
  100% {
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes menuCloseAnim {
  0% {
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    -moz-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
}
@-webkit-keyframes menuCloseAnim {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
}
@keyframes menuCloseAnim {
  0% {
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    -moz-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    -webkit-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
}
@media screen and (max-width: 39.9375em) {
  #example-menu {
    position: absolute;
    width: 100%;
    z-index: 1;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 39.9375em) {
  .top-bar-menu--init {
    -moz-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    -webkit-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
}

@media screen and (max-width: 39.9375em) {
  .menu-show {
    -moz-animation: menuShowAnim 0.3s ease;
    -webkit-animation: menuShowAnim 0.3s ease;
    animation: menuShowAnim 0.3s ease;
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@media screen and (max-width: 39.9375em) {
  .menu-close {
    -moz-animation: menuCloseAnim 0.3s ease;
    -webkit-animation: menuCloseAnim 0.3s ease;
    animation: menuCloseAnim 0.3s ease;
    -moz-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    -webkit-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
  }
}

.top-bar {
  padding: 0;
}
@media screen and (max-width: 39.9375em) {
  .top-bar {
    position: relative;
    z-index: 99;
    margin-bottom: -1px;
  }
}
@media screen and (max-width: 39.9375em) {
  .top-bar {
    padding-bottom: 0.5em;
    overflow: hidden;
  }
}
.top-bar .top-bar__logo_frame {
  background: #fefefe;
  text-align: right;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.5em 1em;
}
@media screen and (max-width: 39.9375em) {
  .top-bar .top-bar__logo_frame {
    padding: 0.5em;
  }
}
.top-bar .top-bar__logo_frame .top-bar__logo-company {
  height: 3em;
}
@media screen and (max-width: 39.9375em) {
  .top-bar .top-bar__logo_frame .top-bar__logo-company {
    height: 2em;
  }
}
.top-bar .top-bar__logo_frame .top-bar__logo {
  height: 2.8em;
}
.top-bar .top-bar__menu-icon-frame {
  background: #fefefe;
  padding: 0.1em 0.45em 0.4em 0.4em;
  margin: 0.5em;
}
.top-bar .top-bar__menu-icon-frame .top-bar__menu-icon::after {
  height: 2px;
}
.top-bar .top-bar__person-icon-area {
  margin: 0.5em;
  background: #fefefe;
  height: 2em;
  width: 2em;
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .top-bar .top-bar__person-icon-area {
    background: #fefefe;
    border: 2px solid #fefefe;
  }
}
.top-bar .top-bar__person-icon-area .top-bar__person-icon {
  color: #00aa71;
  font-size: 1.8em;
  line-height: 1em;
}
.top-bar .top-bar__menu-frame {
  text-align: left;
  height: 2.7em;
  padding: 0.4em 0.4em;
  -moz-box-shadow: 1px 1px 3px #aaa;
  -webkit-box-shadow: 1px 1px 3px #aaa;
  box-shadow: 1px 1px 3px #aaa;
}
.top-bar .top-bar__menu-frame .title-bar-title {
  color: #fefefe;
}
.top-bar .top-bar__menu-frame .top-bar__logo {
  height: 100%;
}
.top-bar .top-bar__menu-frame .top-bar__menu-list {
  line-height: 2.4em;
  padding-right: 0.5em;
}

.top-bar-left .top-bar__menu {
  color: #fefefe;
  font-size: 1em;
  display: inline-block;
  padding: 0 1rem;
  line-height: 3em;
}
@media screen and (max-width: 39.9375em) {
  .top-bar-left .top-bar__menu {
    padding: 0;
    font-size: 1em;
    width: 100%;
  }
}
.top-bar-left .menuitem, .top-bar-left .menu-text {
  padding: 0;
}
@media screen and (max-width: 39.9375em) {
  .top-bar-left .menuitem, .top-bar-left .menu-text {
    display: block;
    text-align: center;
  }
  .top-bar-left .menuitem:not(:last-child), .top-bar-left .menu-text:not(:last-child) {
    border-bottom: 1px solid #fefefe;
  }
  .top-bar-left .menuitem:first-child, .top-bar-left .menu-text:first-child {
    margin-top: -0.5em;
  }
}
/*@media screen and (min-width: 40em) {*/
  /*.top-bar-left .menuitem:not(:first-child)::before, .top-bar-left .menu-text:not(:first-child)::before {*/
    /*content: "|";*/
    /*display: inline-block;*/
    /*color: #fefefe;*/
  /*}*/
/*}*/

@media screen and (min-width: 40em) {
  .top-bar-right .top-bar--sp--left-border {
    border-left: 1px solid #fefefe;
  }
}
.top-bar-right .top-bar-right__menu_button, .top-bar-right .top-bar-right__login-button {
  color: #fefefe;
  font-size: 1em;
  display: inline-block;
  padding: 0 1rem;
  line-height: 3em;
}
@media screen and (max-width: 39.9375em) {
  .top-bar-right .top-bar-right__menu_button, .top-bar-right .top-bar-right__login-button {
    width: 100%;
  }
}
.top-bar-right .top-bar-right__login-button {
  background: #ff9f16;
}
@media screen and (max-width: 39.9375em) {
  .top-bar-right .top-bar-right__login-button {
    width: 100%;
  }
}
.top-bar-right .top-bar-right__fulltime-id {
  text-decoration: underline;
}
.top-bar-right .top-bar-right__fulltime-id::before {
  content: "";
  background: url(/img/mypage/login_icon.png);
  padding-left: 1.5em;
  background-repeat: no-repeat;
  background-size: contain;
  height: 3em;
  width: 3em;
}
.top-bar-right .menu-text {
  padding: 0;
}
@media screen and (max-width: 39.9375em) {
  .top-bar-right .menu-text {
    padding: 0;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 39.9375em) {
  .top-bar-right .menu-text:not(:first-child) {
    border-top: 1px solid #fefefe;
  }
}
@media screen and (max-width: 39.9375em) {
  .top-bar-right .menu-text:last-child {
    border-top: none;
  }
}
.top-bar-right .top-bar-left > .dropdown > li {
  padding-right: 1em;
}
.top-bar-right .top-bar__menu {
  background: #005a3c;
  border: 1px #fefefe solid;
}
@media screen and (max-width: 39.9375em) {
  .top-bar-right .top-bar__menu {
    background: none;
    border: none;
  }
}

#top-bar-close {
  background: gray;
}

.is-accordion-submenu-parent > a {
  position: relative;
}
.is-accordion-submenu-parent > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: #00aa71 transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform-origin: 50% 50%;
  transform: scaleY(-1);
}

.accordion .accordion-title:hover {
  background-color: #00aa71;
  color: #fefefe;
}
.accordion .accordion-title {
  color: #fefefe;
  font-size: 1.2em;
  padding: 0.5em;
  font-weight: bold;
}
.accordion .is-active {
  background-color: #00aa71;
  color: #fefefe;
}
.accordion .is-active .accordion-content {
  color: #0a0a0a;
}
.accordion .is-active .accordion-content ul li {
  margin: 0.5em 0;
}

.footer {
  background-color: #00aa71;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .footer {
    padding-top: 0.5em;
    padding-bottom: 0;
  }
}
.footer .footer__links {
  font-size: 0.8em;
  color: #fefefe;
}
.footer .footer__links a {
  color: #fefefe;
    font-weight: inherit;
}
.footer .footer__links ul {
  display: flex;
}
.footer .footer__links li {
  list-style-type: none;
  flex-grow: 1;
  text-align: center;
}
.footer .footer__links li + li {
  border-left: 1px solid #fefefe
}

@media screen and (min-width: 40em) {
  .footer .footer__links {
    margin-top: 1em;
  }
}

.footer .copyright {
  color: #fefefe;
  font-size: 0.9em;
  /*text-align: right;*/
  width: 100%;
}
@media screen and (min-width: 40em) {
  .footer .copyright {
    float: right;
    /*margin-top: 2em;*/
  }
}
@media screen and (max-width: 39.9375em) {
  .footer .copyright {
    padding-bottom: 1em;
    /*text-align: left;*/
    margin: 0;
    margin-top: 0.5em;
    font-size: 0.6em;
  }
}
@media screen and (min-width: 40em) {
  .footer .footer__logo-company {
    width: 20em;
    float: right;
  }
}
@media screen and (max-width: 39.9375em) {
  .footer .footer__logo-company {
    margin-top: 1em;
    height: 2em;
  }
}

.button-common, .button-green, .button-green-bg-white, .button-orange-bg-white, .button-blue-bg-white, .button-purple-bg-white, .button-orange, .button-purple, .button-dark-orange, .button-blue, .button-gray {
  min-width: 8em;
  border: 0;
  padding: 0.5em 1em;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  line-height: 1em;
  font-weight: bold;
  border-radius: 2px;
}
@media screen and (max-width: 39.9375em) {
  .button-common, .button-green, .button-green-bg-white, .button-orange-bg-white, .button-blue-bg-white, .button-purple-bg-white, .button-orange, .button-purple,  .button-dark-orange, .button-blue, .button-gray {
    font-size: 16px;
    padding: 0.5em 0.5em;
    width: 100%;
    border-radius: 2px;
  }
}

.button-small {
  min-width: 4em;
  padding: 0.2em 0.4em;
}

.button-green {
  background-color: #93C755;
  color: #fefefe;
}

.button-green-bg-white {
  margin: auto;
  background: #fefefe;
  border: 2px solid #009362;
  margin: auto !important;
  color: #009362;
  width: 90%;
}


.button-purple-bg-white {
  margin: auto;
  background: #fefefe;
  border: 2px solid #4860f5;
  margin: auto !important;
  color: #4860f5;
  width: 90%;
}

.button-orange-bg-white {
  margin: auto;
  background: #fefefe;
  border: 2px solid #e18700;
  margin: auto !important;
  color: #e18700;
  width: 90%;
}

.button-blue-bg-white {
  margin: auto;
  background: #fefefe;
  border: 2px solid #00008b;
  margin: auto !important;
  color: #00008b;
  width: 90%;
}

.button--large {
  padding: 0.5em 1.5em;
}

.button-purple {
  background: #A4ABD6;
  border: 1px solid #4860f5;
  color: #fff;
}

.button-purple :hover, .button-purple :focus {
  background: #4860f5;
  color: #fff;
}


.button-orange {
  background: #F6AE62;
  border: 1px solid #e18700;
  color: #fff;
}

.button-orange:hover, .button-orange:focus {
  background: #febb4d;
  color: #fff;
}


.button-dark-orange {
  background: #ff6e17;
  border: 1px solid #dc8100;
  color: #fff;
}
.button-dark-orange:hover, .button-dark-orange:focus {
  background: #ff9a5d;
  color: #fff;
}

@media screen and (min-width: 925px) {
  .button-dark-orange{
    min-width:210px;
  } 
}



.button-blue {
  background: #5695f1;
  border: 1px solid #4979ee;
  color: #fff;
  padding-top:0.6em;
  padding-bottom:0.6em;
}

.button-blue:hover, .button-blue:focus {
  background: #89b5f5;
  color: #fff;
}

.button-gray {
  background: #a3a3a3;
  border: 1px solid #3b3b3b;
  color: #fff;
}


.button-gray:hover, .button-gray:focus {
  background: #bfbfbf;
  color: #fff;
}

.button, .button-common, .button-green, .button-green-bg-white, .button-purple-bg-white, .button-orange-bg-white, .button-blue-bg-white, .button-orange, .button-purple, .button-dark-orange, .button-blue, .button-gray {
  margin: 0;
}

ul, li, p {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  line-height: 2em;
}

hr {
  margin: 0.5em;
}

.menu-icon:after {
  background: #00aa71;
  box-shadow: 0 7px 0 #00aa71, 0 14px 0 #00aa71;
}

.menu-icon:hover:after {
  background: #00aa71;
  box-shadow: 0 7px 0 #00aa71, 0 14px 0 #00aa71;
}

.callout {
  margin: 0;
  padding: 1rem 0.5em;
  border: 0;
}

.callout.alert {
  border: 2px solid red;
  background: #ffe9e9;
  color: #ff0000;
  margin-bottom:10px;
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 39.9375em) {
  .callout.alert {
    border: 0;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
  }
}
.callout.alert::before {
  content: "";
  margin-right: 0.5em;
}

div.toppage_info{
 border: 1px solid #02cc88;
 padding-top:0.5em;
 padding-bottom:0.5em;
 padding-left:1.0em;
 padding-right:1.0em;
}
div.callout_origin{
 padding:0.5em;
}

.callout.alert div.callout__frame ul li{ 
 margin-left:1.0em;
 list-style:disc;
}

.callout.secondary {
  border: 2px solid gray;
}
@media screen and (max-width: 39.9375em) {
  .callout.secondary {
    border: 0;
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
  }
}
.callout.secondary::before {
  border-left: 8px solid #bababa;
  margin-right: 0.5em;
}

.callout.success {
  border: 2px solid #00aa71;
}
@media screen and (max-width: 39.9375em) {
  .callout.success {
    border: 0;
    border-top: 2px solid #00aa71;
    border-bottom: 2px solid #00aa71;
  }
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
  width: auto;
}

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus, select:focus {
  border: 1px solid #00aa71;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

a {
  color: #fe9e00;
  font-weight: bold;
}
a:hover, a:focus {
  color: #ff5555;
}

input[type=checkbox], input[type=radio] {
  margin: 0;
  font-size: 1em;
}
input[type=checkbox] + label, input[type=radio] + label {
  font-size: 0.9em;
}
input[type=checkbox] + label:last-child, input[type=radio] + label:last-child {
  margin-right: 0;
}

input[type=radio] + label {
  margin-left: 0.4em;
}

input[type=text], textarea {
  width: initial;
}
@media screen and (max-width: 39.9375em) {
  input[type=text], textarea {
    width: 100%;
  }
}

.reveal {
  border: 0.3em solid #c7e9dd;
}

.reveal-notice {
  border: 0.3em solid #aa0d05;
}
.reveal-notice .title {
  color: #aa0d05;
}

*:focus {
  outline: none;
}

table tfoot, table thead {
  background: #e9e9e9;
}

table tbody tr:nth-child(even) {
  background: #e3f4ee;
}

table thead th {
  font-weight: normal;
}

table tbody td {
  font-size: 0.9em;
}

.columns:last-child:not(:first-child) {
  float: left;
}

.loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.3);
}

.loading-img {
  width: 5rem;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loading-ios {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.loading-label {
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-moz-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  50% {
    -moz-transform: translateY(0);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
  80% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0);
  }
  10% {
    -moz-transform: translateX(-10px);
  }
  20% {
    -moz-transform: translateX(10px);
  }
  30% {
    -moz-transform: translateX(-10px);
  }
  40% {
    -moz-transform: translateX(10px);
  }
  50% {
    -moz-transform: translateX(-10px);
  }
  60% {
    -moz-transform: translateX(10px);
  }
  70% {
    -moz-transform: translateX(-10px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  90% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  60% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
}
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
}
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-20px);
  }
}
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(20px);
  }
}
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-ms-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
}
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
}
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
}
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05);
  }
  70% {
    -ms-transform: scale(0.9);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px);
  }
  80% {
    -ms-transform: translateY(-10px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px);
  }
  80% {
    -ms-transform: translateY(10px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px);
  }
  80% {
    -ms-transform: translateX(10px);
  }
  100% {
    -ms-transform: translateX(0);
  }
}
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px);
  }
  80% {
    -ms-transform: translateX(-10px);
  }
  100% {
    -ms-transform: translateX(0);
  }
}
@-ms-keyframes bounceOut {
  0% {
    -ms-transform: scale(1);
  }
  25% {
    -ms-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
}
@-ms-keyframes bounceOutUp {
  0% {
    -ms-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
}
@-ms-keyframes bounceOutDown {
  0% {
    -ms-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
}
@-ms-keyframes bounceOutLeft {
  0% {
    -ms-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}
@-ms-keyframes bounceOutRight {
  0% {
    -ms-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
}
@-ms-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes bounce {
  0% {
    -ms-transform: translateY(0);
  }
  20% {
    -ms-transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-30px);
  }
  50% {
    -ms-transform: translateY(0);
  }
  60% {
    -ms-transform: translateY(-15px);
  }
  80% {
    -ms-transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(0);
  }
}
@-ms-keyframes shake {
  0% {
    -ms-transform: translateX(0);
  }
  10% {
    -ms-transform: translateX(-10px);
  }
  20% {
    -ms-transform: translateX(10px);
  }
  30% {
    -ms-transform: translateX(-10px);
  }
  40% {
    -ms-transform: translateX(10px);
  }
  50% {
    -ms-transform: translateX(-10px);
  }
  60% {
    -ms-transform: translateX(10px);
  }
  70% {
    -ms-transform: translateX(-10px);
  }
  80% {
    -ms-transform: translateX(10px);
  }
  90% {
    -ms-transform: translateX(-10px);
  }
  100% {
    -ms-transform: translateX(0);
  }
}
@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateOutDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateOut {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(200deg);
    opacity: 0;
  }
}
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1);
  }
  10% {
    -ms-transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -ms-transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -ms-transform: scale(1.1) rotate(3deg);
  }
  40% {
    -ms-transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -ms-transform: scale(1.1) rotate(3deg);
  }
  60% {
    -ms-transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -ms-transform: scale(1.1) rotate(3deg);
  }
  80% {
    -ms-transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -ms-transform: scale(1.1) rotate(3deg);
  }
  100% {
    -ms-transform: scale(1) rotate(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(-15px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-10px);
  }
  20% {
    transform: translateX(10px);
  }
  30% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  50% {
    transform: translateX(-10px);
  }
  60% {
    transform: translateX(10px);
  }
  70% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(10px);
  }
  90% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.form-error {
  margin: 0.5em;
}

.is-invalid-input:not(:focus) {
  background: #fefefe;
}

.main-frame {
  max-width: 1000px;
  margin: auto;
  padding: 1em 0;
}
@media screen and (max-width: 39.9375em) {
  .main-frame {
    padding-top: 0.5em;
    padding-bottom: 1em;
  }
}

.home-image .home-image__logo {
  width: 100%;
  padding-right: 1em;
}

.checked {
  color: black;
  font-weight: bold;
  padding: 0.3em 1em;
  white-space: nowrap;
}

.no-checked {
  color: gray;
  white-space: nowrap;
  padding: 0.3em 1em;
}

.password-eye-area {
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .password-eye-area {
    width: 100%;
  }
}
.password-eye-area .password {
  display: inline-block;
  line-height: 1rem;
  vertical-align: middle;
}
@media screen and (min-width: 40em) {
  .password-eye-area .password {
    width: 6rem;
  }
}
.password-eye-area .fi-eye {
  position: absolute;
  right: -1.5rem;
  top: -0.3rem;
  cursor: pointer;
  font-size: 1.5rem;
}
@media screen and (max-width: 39.9375em) {
  .password-eye-area .fi-eye {
    right: 0;
  }
}
.password-eye-area .password-input + .fi-eye {
  position: absolute;
  font-size: 1.5rem;
  line-height: 2.7rem;
  right: 0.5rem;
}

.login-top__bg-image,.login-top__bg-image--syunoudaikou, .login-top__bg-image--key, .login-top__bg-image--face,.login-top__bg-image--locker, .login-top__bg-image--users, .login-top__bg-image--users-ccd, .login-top__bg-image--users-payment, .login-top__bg-image--ev, .login-top__bg-image--lab, .login-top__bg-image--car, .login-top__bg-image--arrival, .login-top__bg-image--visitor, .login-top__bg-image--alert, .login-top__bg-image--return {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.login-top__bg-image:hover, .login-top__bg-image--syunoudaikou:hover, .login-top__bg-image--face:hover, .login-top__bg-image--key:hover, .login-top__bg-image--locker:hover, .login-top__bg-image--users:hover, .login-top__bg-image--users-ccd:hover, .login-top__bg-image--users-payment:hover, .login-top__bg-image--ev:hover, .login-top__bg-image--lab:hover, .login-top__bg-image--car:hover, .login-top__bg-image--arrival:hover, .login-top__bg-image--visitor:hover, .login-top__bg-image--alert:hover, .login-top__bg-image--return:hover {
  -webkit-filter: opacity(100%);
  transition: 0.6s;
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--key {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage02.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--face{
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage12.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--syunoudaikou{
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage_syunoudaikou.png");
  }
}



@media screen and (min-width: 40em) {
  .login-top__bg-image--locker {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage01.png");
  }
}


@media screen and (min-width: 40em) {
  .login-top__bg-image--mybox {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage13.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--mybox-history {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage15.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--fsb-history {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage15_2.png");
  }
}



@media screen and (min-width: 40em) {
  .login-top__bg-image--users {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage03.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--users-ccd {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage04.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--users-payment {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage04_2.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--ev {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage10.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--lab {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage08.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--myboxmail {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage14.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--fsb {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage14_2.png");
  }
}



@media screen and (min-width: 40em) {
  .login-top__bg-image--car {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage09.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--arrival {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage11.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--visitor {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage05.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--alert {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage06.png");
  }
}

@media screen and (min-width: 40em) {
  .login-top__bg-image--return {
    width: 200px;
    height: 100px;
    background-image: url("/img/mypage/mypage07.png");
  }
}

.login-section {
  margin-bottom: 1em;
}
.login-section .login__button-area {
  text-align: right;
  margin: 0.5em;
  margin-right: 1em;
}
@media screen and (max-width: 39.9375em) {
  .login-section .login__button-area {
    margin: 0;
    text-align: center;
  }
}
.login-section .fts-form input[type=text], .login-section .fts-form input[type=password] {
  width: 95%;
}
.login-section .login__forget_id_passwd-frame {
  margin: 0.5em 0;
  font-size: 0.9em;
}
@media screen and (max-width: 39.9375em) {
  .login-section .login__forget_id_passwd-frame {
    text-align: center;
  }
}

.sign-up {
  padding: 0.5em 1em;
  margin-bottom: 1em;
}
@media screen {
  .sign-up {
    background: #e9e9e9;
    border: 1px solid #ddd;
  }
}
.sign-up .sign-up__title {
  font-size: 1.2em;
}
.sign-up .sign-up__title::before {
  background: #00aa71;
  content: "";
  margin-right: 0.2em;
  border-left: 8px solid #00aa71;
  margin: 0.2em 0;
}
.sign-up .sign-up__description {
  font-size: 0.9em;
  margin: 0;
  line-height: 2em;
}
.sign-up .sign-up__link-frame {
  text-align: right;
  margin: 1em 0;
}

.sign-up-add__info .sign-up-add__title {
  font-size: 1em;
  padding: 0 1em;
}
@media screen and (max-width: 39.9375em) {
  .sign-up-add__info .sign-up-add__title {
    font-size: 0.9em;
  }
}
.sign-up-add__info .sign-up-add__info-frame {
  background: #e9e9e9;
  border: 1px solid #ddd;
  padding: 0 1em 1em 1em;
}
@media screen and (max-width: 39.9375em) {
  .sign-up-add__info .sign-up-add__info-frame {
    padding: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row {
    margin-left: 0.4em;
    display: inline-block;
    width: 100%;
  }
}

@media screen and (max-width: 39.9375em) {
  .fts-form .row, .fts-form .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row, .sign-up-add__info .sign-up-add__info-frame .fts-form .sign-up-add__title-row {
    padding: 0.5em;
    background: #c7e9dd;
  }
  .fts-form .row::before, .fts-form .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row::before, .sign-up-add__info .sign-up-add__info-frame .fts-form .sign-up-add__title-row::before {
    display: -webkit-flex;
    display: flex;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .row:not(:last-child), .fts-form .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row:not(:last-child), .sign-up-add__info .sign-up-add__info-frame .fts-form .sign-up-add__title-row:not(:last-child) {
    margin-bottom: 0.2em;
  }
}
.fts-form .columns {
  background: #c7e9dd;
  padding: 0;
  margin-bottom: 0.2em;
  min-height: 2.5em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .fts-form .columns:not(:first-child) {
    background: #e9e9e9;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .columns {
    min-height: 2em;
    margin: 0;
    padding: 0;
    background: #c7e9dd;
  }
}
.fts-form .columns2 {
  background: #e9e9e9;
  padding: 0;
  margin-bottom: 0.2em;
  min-height: 2.5em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .fts-form .columns2:not(:first-child) {
    background: #c7e9dd;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .columns2 {
    min-height: 2em;
    margin: 0;
    padding: 0;
    background: #c7e9dd;
  }
}
.fts-form .columns2::after {
  content: "";
  height: 100%;
  width: 2px;
  background: white;
  padding: 0;
}
.fts-form .column {
  padding: 0;
  margin-bottom: 0.2em;
  min-height: 3em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 39.9375em) {
  .fts-form .column {
    min-height: 2em;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__title {
    background: #f8f8f8;
  }
}
.fts-form .fts-form__require .columns:first-child::before {
  background: #d48d4d;
  content: "";
  border-left: 8px solid #d48d4d;
  display: inline-block;
}
@media screen and (min-width: 40em) {
  .fts-form .fts-form__require .columns:first-child::before {
    margin: 0.4em 0;
    margin-left: 0.5em;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__require .columns:first-child::before {
    margin: 0.2em 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__require .columns:first-child .fts-form__label {
    margin: 0.3em;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__require .fts-form__value {
    padding-left: 1em;
  }
}
.fts-form .fts-form__no-require .columns:first-child::before {
  background: #a3a3a3;
  content: "";
  border-left: 8px solid #a3a3a3;
  display: inline-block;
}
@media screen and (min-width: 40em) {
  .fts-form .fts-form__no-require .columns:first-child::before {
    margin: 0.4em 0;
    margin-left: 0.5em;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__no-require .columns:first-child::before {
    margin: 0.2em 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__no-require .columns:first-child .fts-form__label {
    margin: 0.3em;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__no-require .fts-form__value {
    padding-left: 1em;
  }
}
@media screen and (min-width: 40em) {
  .fts-form .fts-form__delete .columns:first-child::before {
    background: #4979ee;
    content: "";
    border-left: 8px solid #4979ee;
    margin: 0.4em 0;
    margin-left: 0.5em;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__delete {
    background: #c7e9dd;
    display: -webkit-flex;
    display: flex;
  }
  .fts-form .fts-form__delete::before {
    background: #4979ee;
    content: "";
    border-left: 8px solid #4979ee;
  }
}
@media screen and (max-width: 39.9375em) {
  .fts-form .form-error {
    margin-left: 1em;
  }
}
.fts-form .fts-form__search-frame {
  position: relative;
}
.fts-form .fts-form__search-frame .fi-x {
  cursor: pointer;
  position: absolute;
  top: 0.35em;
  font-size: 1.4em;
  right: 0;
  padding: 0 0.8em;
}
.fts-form .fts-form__search-frame .fi-x:hover {
  color: #d48d4d;
}
.fts-form .fts-form__label {
  width: 100%;
  display: block;
  margin: 0.1em;
  padding: 0.2em 0.5em;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__label {
    background: none;
    min-height: 0;
    padding: 0;
    margin-left: 0.5em;
    font-weight: bold;
  }
}
@media screen and (min-width: 40em) {
  .fts-form .fts-form__label {
    position: relative;
  }
}
.fts-form .fts-form__value {
  width: 100%;
  display: block;
  margin: 0.1em;
  padding: 0.2em 0.5em;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__value {
    background: none;
    min-height: 0;
    margin: 0;
    padding: 0.2em 0.3em;
  }
}
@media screen and (min-width: 40em) {
  .fts-form .fts-form__value {
    position: relative;
  }
}
.fts-form input[type=text]:-moz-placeholder, .fts-form input[type=password]:-moz-placeholder, .fts-form input[type=number]:-moz-placeholder, .fts-form textarea:-moz-placeholder {
  color: #bfbfbf;
}
.fts-form input[type=text]::-moz-placeholder, .fts-form input[type=password]::-moz-placeholder, .fts-form input[type=number]::-moz-placeholder, .fts-form textarea::-moz-placeholder {
  color: #bfbfbf;
}
.fts-form input[type=text]:-ms-input-placeholder, .fts-form input[type=password]:-ms-input-placeholder, .fts-form input[type=number]:-ms-input-placeholder, .fts-form textarea:-ms-input-placeholder {
  color: #bfbfbf;
}
.fts-form input[type=text]::-webkit-input-placeholder, .fts-form input[type=password]::-webkit-input-placeholder, .fts-form input[type=number]::-webkit-input-placeholder, .fts-form textarea::-webkit-input-placeholder {
  color: #bfbfbf;
}
.fts-form input[type=text]:focus:-moz-placeholder, .fts-form input[type=password]:focus:-moz-placeholder, .fts-form input[type=number]:focus:-moz-placeholder, .fts-form textarea:focus:-moz-placeholder {
  color: transparent;
}
.fts-form input[type=text]:focus::-moz-placeholder, .fts-form input[type=password]:focus::-moz-placeholder, .fts-form input[type=number]:focus::-moz-placeholder, .fts-form textarea:focus::-moz-placeholder {
  color: transparent;
}
.fts-form input[type=text]:focus:-ms-input-placeholder, .fts-form input[type=password]:focus:-ms-input-placeholder, .fts-form input[type=number]:focus:-ms-input-placeholder, .fts-form textarea:focus:-ms-input-placeholder {
  color: transparent;
}
.fts-form input[type=text]:focus::-webkit-input-placeholder, .fts-form input[type=password]:focus::-webkit-input-placeholder, .fts-form input[type=number]:focus::-webkit-input-placeholder, .fts-form textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.fts-form input[type=text], .fts-form input[type=password], .fts-form input[type=number] {
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  height: 2em;
}
@media screen and (max-width: 39.9375em) {
  .fts-form input[type=text], .fts-form input[type=password], .fts-form input[type=number] {
    width: 100%;
  }
}
.fts-form select {
  margin: 0;
}
.fts-form select.fts-form__select {
  width: 90%;
  line-height: 1em;
  height: 2.2em;
  padding: 0 0.5em;
}
@media screen and (max-width: 39.9375em) {
  .fts-form select.fts-form__select {
    width: 100%;
  }
}
.fts-form input.fts-form__input-radio {
  margin-right: 0.5em;
}
.fts-form input.fts-form__input-with-radio {
  display: inline-block;
  width: 90%;
}
@media screen and (max-width: 39.9375em) {
  .fts-form input.fts-form__input-with-radio {
    width: 100%;
  }
}
.fts-form .fts-form__input-common, .fts-form input.fts-form__input-phone, .fts-form .fts-form__input-textarea {
  display: inline-block;
  line-height: 1em;
  margin: 0;
}
@media screen and (max-width: 39.9375em) {
  .fts-form .fts-form__input-common, .fts-form input.fts-form__input-phone, .fts-form .fts-form__input-textarea {
    width: 100%;
  }
}
.fts-form input.fts-form__input-phone {
  width: 40%;
}
@media screen and (max-width: 39.9375em) {
  .fts-form input.fts-form__input-phone {
    width: 100%;
  }
}
.fts-form select.fts-form__input-year, .fts-form select.fts-form__input-month, .fts-form select.fts-form__input-day {
  display: inline-block;
  width: 4.5em;
  margin: 0;
  margin-right: 0.3em;
  height: 0;
  line-height: 2em;
  height: 2em;
  padding: 0 0.5em;
}
.fts-form select.fts-form__input-month, .fts-form select.fts-form__input-day {
  width: 3.5em;
  margin-left: 0.5em;
}
.fts-form .fts-form__input-textarea {
  margin: 0;
  min-height: 7.5em;
  width: 100%;
}
.fts-form button.fts-form__button {
  line-height: 1.5em;
}

.fts-form--error {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840;
}

.fts-form--error-block {
  display: inline-block;
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840;
  padding: 0;
  padding: 0.1rem 0.4rem;
  vertical-align: middle;
  border: 1px solid #ec5840;
}

.public-info__frame .callout {
  padding: 0.5em;
}

.login-top .common__frame {
  padding: 0;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
@media screen and (min-width: 40em) {
  .login-top .common__frame {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 39.9375em) {
  .login-top .common__frame {
    border: 0;
  }
}
@media screen and (min-width: 40em) {
  .login-top .common__frame:hover {
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
}
.login-top .common__frame__wrapeer {
  position: relative;
  cursor: pointer;
  min-height: 7em;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 39.9375em) {
  .login-top .common__frame__wrapeer {
    min-height: 4em;
  }
}
.login-top .common__frame__wrapeer:hover {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.login-top .common__button-area, .login-top .common__button-area-center, .login-top .common__button-area-left, .login-top .common__button-area-right {
  position: absolute;
  bottom: 0.5em;
  width: 100%;
  margin: 0;
}
.login-top .login-top__common__normal-frame {
  margin: 0;
  padding: 0 0.5em;
  min-height: 6em;
}
/*.login-top .button-orange {*/
  /*width: 100%;*/
/*}*/
@media screen and (min-width: 40em) {
  .login-top .login-top__menus {
    margin-top: 1em;
  }
}
@media screen and (min-width: 40em) {
  .login-top .login-top__menus .columns {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .login-top .login-top__menus .columns {
    margin: 0;
    padding: 0;
  }
}
.login-top .login-top__info-frame {
  margin-left: 1em;
  margin-right: 1em;
}
@media screen and (max-width: 39.9375em) {
  .login-top .login-top__info-frame {
    margin: 0;
  }
}
.login-top .login-top__info-buttons {
  margin: 1em 0;
}
@media screen and (max-width: 39.9375em) {
  .login-top .login-top__info-buttons {
    margin: 0.5em 0.5em;
  }
}
.login-top .login-top__info-buttons .button-orange {
  font-size: 0.9em;
}
.login-top .login-top__info-buttons .button-purple {
  font-size: 0.9em;
}
@media screen and (max-width: 39.9375em) {
  .login-top .login-top__info-buttons .columns {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 39.9375em) {
  .operation-key-section .fts-form__label {
    border-bottom: 1px solid gray;
    margin: 0.2em 0.5em;
  }
}
@media screen and (max-width: 39.9375em) {
  .operation-key-section .fts-form__value {
    margin: 0.2em 0.5em;
  }
}
.operation-key-section .row .operation-key__columns__last-margin, .operation-key-section .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .operation-key__columns__last-margin, .sign-up-add__info .sign-up-add__info-frame .operation-key-section .sign-up-add__title-row .operation-key__columns__last-margin {
  float: left;
}
@media screen and (min-width: 40em) {
  .operation-key-section .row .operation-key__columns__last-margin, .operation-key-section .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .operation-key__columns__last-margin, .sign-up-add__info .sign-up-add__info-frame .operation-key-section .sign-up-add__title-row .operation-key__columns__last-margin {
    width: 24%;
  }
}
@media screen and (max-width: 39.9375em) {
  .operation-key-section .row .operation-key__columns__last-margin, .operation-key-section .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .operation-key__columns__last-margin, .sign-up-add__info .sign-up-add__info-frame .operation-key-section .sign-up-add__title-row .operation-key__columns__last-margin {
    justify-content: flex-end;
  }
}
.operation-key-section .row .opration-key__left_columns .columns, .operation-key-section .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .opration-key__left_columns .columns, .sign-up-add__info .sign-up-add__info-frame .operation-key-section .sign-up-add__title-row .opration-key__left_columns .columns {
  float: left;
}
.operation-key-section .row .opration-key__left_columns .columns:not(last-child), .operation-key-section .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .opration-key__left_columns .columns:not(last-child), .sign-up-add__info .sign-up-add__info-frame .operation-key-section .sign-up-add__title-row .opration-key__left_columns .columns:not(last-child) {
  margin-right: 3px;
}
.operation-key-section .row .opration-key__change-bg-color, .operation-key-section .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .opration-key__change-bg-color, .sign-up-add__info .sign-up-add__info-frame .operation-key-section .sign-up-add__title-row .opration-key__change-bg-color {
  background: #e1e1e1;
}
@media screen and (max-width: 39.9375em) {
  .operation-key-section .row .opration-key__change-bg-color, .operation-key-section .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .opration-key__change-bg-color, .sign-up-add__info .sign-up-add__info-frame .operation-key-section .sign-up-add__title-row .opration-key__change-bg-color {
    background: #c7e9dd;
  }
}

.boundInLeft {
  -webkit-animation: fadeInRight 0.5s 0.2s ease both;
  -moz-animation: fadeInRight 0.5s 0.2s ease both;
  -ms-animation: fadeInRight 0.5s 0.2s ease both;
  -o-animation: fadeInRight 0.5s 0.2s ease both;
  animation: fadeInRight 0.5s 0.2s ease both;
}

.boundInRight {
  -webkit-animation: fadeInLeft 0.5s 0.2s ease both;
  -moz-animation: fadeInLeft 0.5s 0.2s ease both;
  -ms-animation: fadeInLeft 0.5s 0.2s ease both;
  -o-animation: fadeInLeft 0.5s 0.2s ease both;
  animation: fadeInLeft 0.5s 0.2s ease both;
}

.bounceInDown {
  -webkit-animation: bounceInDown 0.5s 0.2s ease both;
  -moz-animation: bounceInDown 0.5s 0.2s ease both;
  -ms-animation: bounceInDown 0.5s 0.2s ease both;
  -o-animation: bounceInDown 0.5s 0.2s ease both;
  animation: bounceInDown 0.5s 0.2s ease both;
}

.bounceInUp {
  -webkit-animation: bounceInUp 0.5s 0.2s ease both;
  -moz-animation: bounceInUp 0.5s 0.2s ease both;
  -ms-animation: bounceInUp 0.5s 0.2s ease both;
  -o-animation: bounceInUp 0.5s 0.2s ease both;
  animation: bounceInUp 0.5s 0.2s ease both;
}

.fadeIn {
  -webkit-animation: fadeIn 0.2s 0.2s ease both;
  -moz-animation: fadeIn 0.2s 0.2s ease both;
  -ms-animation: fadeIn 0.2s 0.2s ease both;
  -o-animation: fadeIn 0.2s 0.2s ease both;
  animation: fadeIn 0.2s 0.2s ease both;
}

.A001 .A001__login-area {
  //background: #c7e9dd1c;
  background: #c7e9dd;
  //border: 2px solid #00aa71;
  padding: 0.5em;
  margin-bottom: 1em;
  font-size: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-radius: 3px;
}

@media screen and (max-width: 39.9375em) {
  .C003 .row .columns:not(:first-child), .C003 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .C003 .sign-up-add__title-row .columns:not(:first-child) {
    padding: 0 1em;
  }
}

.B001 .row .columns:not(:first-child), .B001 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .B001 .sign-up-add__title-row .columns:not(:first-child), .B002 .row .columns:not(:first-child), .B002 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .B002 .sign-up-add__title-row .columns:not(:first-child), .B004 .row .columns:not(:first-child), .B004 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .B004 .sign-up-add__title-row .columns:not(:first-child), .C003 .row .columns:not(:first-child), .C003 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .C003 .sign-up-add__title-row .columns:not(:first-child), .C004 .row .columns:not(:first-child), .C004 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .C004 .sign-up-add__title-row .columns:not(:first-child), .C005 .row .columns:not(:first-child), .C005 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .C005 .sign-up-add__title-row .columns:not(:first-child) {
  float: left;
}
@media screen and (min-width: 40em) {
  .B001 .row .columns:not(:first-child), .B001 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .B001 .sign-up-add__title-row .columns:not(:first-child), .B002 .row .columns:not(:first-child), .B002 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .B002 .sign-up-add__title-row .columns:not(:first-child), .B004 .row .columns:not(:first-child), .B004 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .B004 .sign-up-add__title-row .columns:not(:first-child), .C003 .row .columns:not(:first-child), .C003 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .C003 .sign-up-add__title-row .columns:not(:first-child), .C004 .row .columns:not(:first-child), .C004 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .C004 .sign-up-add__title-row .columns:not(:first-child), .C005 .row .columns:not(:first-child), .C005 .sign-up-add__info .sign-up-add__info-frame .sign-up-add__title-row .columns:not(:first-child), .sign-up-add__info .sign-up-add__info-frame .C005 .sign-up-add__title-row .columns:not(:first-child) {
    background: #e9e9e9;
  }
}

.B006 .B006__food-delivery-area {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.C003-2 .fts-form__label {
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 40em) {
  .C003-2 ._C003-2__no-label, .C003-2 .C003-2__no-label-1::before, .C003-2 .C003-2__no-label-2::before, .C003-2 .C003-2__no-label-3::before {
    position: absolute;
    font-size: 5em;
    color: white;
    top: 0.5em;
    bottom: 0;
    line-height: 1em;
    font-weight: bold;
  }
}
@media screen and (min-width: 40em) {
  .C003-2 .C003-2__no-label-1::before {
    content: "1";
  }
}
@media screen and (min-width: 40em) {
  .C003-2 .C003-2__no-label-2::before {
    content: "2";
  }
}
@media screen and (min-width: 40em) {
  .C003-2 .C003-2__no-label-3::before {
    content: "3";
  }
}
@media screen and (max-width: 39.9375em) {
  .C003-2 .C003-2__operation-key-frame {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 39.9375em) {
  .C003-2 .C003-2__operation-key-frame p {
    text-align: left;
  }
}
@media screen and (max-width: 39.9375em) {
  .C003-2 .C003-2__operation-key-frame div {
    margin: 0.5em;
  }
}

.C006 .C006__info {
  font-size: 0.9em;
}
@media screen and (max-width: 39.9375em) {
  .C006 .C006__notice-frame.row, .C006 .sign-up-add__info .sign-up-add__info-frame .C006__notice-frame.sign-up-add__title-row, .sign-up-add__info .sign-up-add__info-frame .C006 .C006__notice-frame.sign-up-add__title-row {
    background: #f9dede;
  }
}
.C006 .C006__notice-frame .columns, .C006 .C006__notice-frame .fts-form__label, .C006 .C006__notice-frame .fts-form__value {
  background: #f9dede;
}
.C006 .C006__notice-frame .C006__info {
  color: red;
}
@media screen and (max-width: 39.9375em) {
  .C006 .C006__disable-frame.row, .C006 .sign-up-add__info .sign-up-add__info-frame .C006__disable-frame.sign-up-add__title-row, .sign-up-add__info .sign-up-add__info-frame .C006 .C006__disable-frame.sign-up-add__title-row {
    background: #e9e9e9;
  }
}
.C006 .C006__disable-frame .columns, .C006 .C006__disable-frame .fts-form__label, .C006 .C006__disable-frame .fts-form__value {
  background: #e9e9e9;
}

.C009 .C009__info {
  font-size: 0.9em;
}
@media screen and (max-width: 39.9375em) {
  .C009 .C009__notice-frame.row, .C009 .sign-up-add__info .sign-up-add__info-frame .C009__notice-frame.sign-up-add__title-row, .sign-up-add__info .sign-up-add__info-frame .C009 .C009__notice-frame.sign-up-add__title-row {
    background: #f9dede;
  }
}
.C009 .C009__notice-frame .columns, .C009 .C009__notice-frame .fts-form__label, .C009 .C009__notice-frame .fts-form__value {
  background: #f9dede;
}
.C009 .C009__notice-frame .C009__info {
  color: red;
}
@media screen and (max-width: 39.9375em) {
  .C009 .C009__disable-frame.row, .C009 .sign-up-add__info .sign-up-add__info-frame .C009__disable-frame.sign-up-add__title-row, .sign-up-add__info .sign-up-add__info-frame .C009 .C009__disable-frame.sign-up-add__title-row {
    background: #e9e9e9;
  }
}
.C009 .C009__disable-frame .columns, .C009 .C009__disable-frame .fts-form__label, .C009 .C009__disable-frame .fts-form__value {
  background: #e9e9e9;
}

.A003 .A003__frame {
  margin-top: 0.2em;
  padding: 0.5em 1em;
}
.A003 .A003__title {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  cursor: pointer;
}
.A003 .A003__title .fi-comments:after {
  content: " ";
  margin-right: 0.5em;
}
.A003 .A003__body-frame {
  display: none;
  font-size: 0.9em;
  margin-left: 1.5em;
  background: white;
  padding: 0.5em 1em;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.A003 .A003__body-frame:hover {
  background: #fefefe;
}
@media screen and (max-width: 39.9375em) {
  .A003 .A003__body-frame {
    margin-left: 0;
  }
}
.A003 .A003__body-frame__button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10em;
  height: 2em;
  text-align: center;
  background: rgba(199, 233, 221, 0.7);
  padding-top: 0.5em;
  cursor: pointer;
  -moz-border-radius-topleft: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
}

p.help-anser{
 color:#FF8C00;
}


@media screen and (max-width: 39.9375em) {
  .B002 .fts-form__label, .C003 .fts-form__label, .C005 .fts-form__label, .C006 .fts-form__label, .C007 .fts-form__label, .C008 .fts-form__label, .C009 .fts-form__label, .C010 .fts-form__label, .C101 .fts-form__label, .C103 .fts-form__label {
    font-weight: bold;
  }
}
@media screen and (max-width: 39.9375em) {
  .B002 form .fts-form__label, .C003 form .fts-form__label, .C005 form .fts-form__label, .C006 form .fts-form__label, .C007 form .fts-form__label, .C008 form .fts-form__label, .C009 form .fts-form__label, .C010 form .fts-form__label, .C101 form .fts-form__label, .C103 form .fts-form__label {
    border-bottom: none;
    font-weight: bold;
  }
}
.B002 .button-area, .C003 .button-area, .C005 .button-area, .C006 .button-area, .C007 .button-area, .C008 .button-area, .C009 .button-area, .C010 .button-area, .C101 .button-area, .C103 .button-area {
  -webkit-justify-content: center;
  justify-content: center;
}
.B002 .button-area .button-orange, .C003 .button-area .button-orange, .C005 .button-area .button-orange, .C006 .button-area .button-orange, .C007 .button-area .button-orange, .C008 .button-area .button-orange, .C009 .button-area .button-orange, .C010 .button-area .button-orange, .C101 .button-area .button-orange, .C103 .button-area .button-orange {
  width: 100%;
}

@media screen and (max-width: 39.9375em) {
  .C004 .fts-form__label {
    font-weight: bold;
  }
}
@media screen and (max-width: 39.9375em) {
  .C004 .C004__user-keys {
    padding: 0 1em;
  }
}
.C004 .C004__user-keys li {
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .C004 .C004__user-keys li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
.C004 .C004__user-keys li p {
  display: inline-block;
}
.C004 .C004__user-keys li p.C004__username {
  width: 10em;
}
@media screen and (max-width: 39.9375em) {
  .C004 .C004__user-keys li p.C004__username {
    width: 100%;
  }
}
@media screen and (max-width: 39.9375em) {
  .C004 .C004__user-keys li p.C004__keys {
    width: 100%;
  }
}
@media screen and (min-width: 40em) {
  .C004 .C004__user-keys li p.C004__keys span:not(:first-child) {
    margin-left: 2em;
  }
}
@media screen and (max-width: 39.9375em) {
  .C004 .C004__user-keys li p.C004__keys span {
    display: block;
    font-size: 0.8em;
  }
}
.C004 .C004__button-area {
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 39.9375em) {
  .C004 .C004__button-area {
    padding: 0 1em;
  }
}
.C004 .C004__button-area .button-orange {
  width: 100%;
}

.C004 .C004__button-area .button-purple{
  width: 100%;
}

.A001 .callout, .A006 .callout, .B001 .callout, .B002 .callout, .B003 .callout, .C002 .callout, .C003 .callout, .C004 .callout, .C005 .callout, .C011 .callout, .C012 .callout, .C104 .callout, .C105 .callout, .C106 .callout, .Z001 .callout, .Z003 .callout {
  margin-bottom: 1em;
}
@media screen and (max-width: 39.9375em) {
  .A001 .callout, .A006 .callout, .B001 .callout, .B002 .callout, .B003 .callout, .C002 .callout, .C003 .callout, .C004 .callout, .C005 .callout, .C011 .callout, .C012 .callout, .C104 .callout, .C105 .callout, .C106 .callout, .Z001 .callout, .Z003 .callout {
    margin-bottom: 0.5em;
  }
}

.mypage-icon {
  margin:auto;
  width: 90%;
}

.mypage-icon img {
  position: absolute;
  left: 6%;
  top: 5px;
}

.inline-box {
  border: solid 1px #808080;
  width: 100%;
  height: 350px;
  padding: 0.5em;
  overflow: auto;
}
@media screen and (max-width: 39.9375em) {
  .inline-box {
    height: 150px
  }
}

.service-true {
  background: url(/img/ok.png);
}
.service-true {
  background: url(/img/error.png);
}

#credit_monthly_history tr th{
  background-color:#c7e9dd;
}
#credit_monthly_history tr td{
  text-align: center;
}


.credit_ym_label {
 padding-bottom:15px;
}



    /* 2018/12 着荷アイコンを追加 */
    .icon-container {
      /*padding-bottom: 20px;*/
    }

    .button-container {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #AAE2D0;
      width: 100%;
      max-width: 75rem;
      margin-left: auto;
      margin-right: auto;
    }

    .button-container li {
      width: 50%;

      display: flex;
      align-items: center;
      justify-content: center;
    }

    .left-icon {
      border-right: 5px solid #ffffff;
    }

    .right-icon {
      border-left: 5px solid #ffffff;
    }

    .mypage-top-icon {
      border-right: 2px solid #ffffff;
      border-left: 2px solid #ffffff;
    }


    @media screen and (min-width: 888px) {
      .container {
        width: 888px;
        margin: 0 auto;
      }

      .sp {
        display: none;
      }

      .button-container li img {
        height: 150px;
      }
    }

    @media screen and (max-width: 887px) {
      .container {
        max-width: 416px;
        width: 100%;
        margin: 0 auto;
      }

      .pc {
        display: none;
      }
    }

    .message-container {
      margin-left:10px;
      margin-bottom: 20px;
    }

    .message-container h5 {
      vertical-align: middle;
      display: flex;
      align-items: center;
    }

    .message-container h5 img {
      display: inline-block;
      margin-right: 10px;
    }


span.alert-type-a {
 color: #ff0000;
  font-size: 1.6em !important;
 font-weight:bold;
}

@media screen and (max-width: 39.9375em) {
  .youtube iframe{
	  width: 365px;
	  height: 205px;
  }
}