@charset "UTF-8";
/* Scss Document */
/**********色設定**********/
/* #25ba2b */
/**********フォント設定**********/
/**********ブロックフェードイン設定**********/
.divfadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s; }

/**********文字アニメーション設定**********/
/*フェードイン*/
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*右から左*/
@keyframes RightToLeft {
  0% {
    opacity: 0;
    /* 透明 */
    transform: translateX(100vw);
    /* X軸方向に50px */ }
  100% {
    opacity: 1;
    /* 不透明 */
    transform: translateX(0);
    /* X軸方向に0px */ } }
/*上から下*/
@keyframes SlideDown {
  0% {
    opacity: 0;
    /* 透明 */
    transform: translateY(-50px);
    /* Y軸方向に-50px */ }
  100% {
    opacity: 1;
    /* 不透明 */
    transform: translateY(0);
    /* Y軸方向に0px */ } }
/*下から上*/
@keyframes SlideUp {
  0% {
    opacity: 0;
    /* 透明 */
    transform: translateY(50px);
    /* Y軸方向に50px */ }
  100% {
    opacity: 1;
    /* 不透明 */
    transform: translateY(0);
    /* Y軸方向に0px */ } }
/**********アニメーション設定end**********/
body {
  margin: 0;
  padding: 0;
  position: relative; }
  body .container-fluid {
    max-width: 1000px;
    margin: 0 auto;
    position: relative; }
  body section {
    display: block; }
  body footer {
    background: black;
    color: #fff; }
    body footer .foot1 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important; }
    body footer .foot2 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important; }
    @media screen and (max-width: 575px) {
      body footer .foot1 {
        text-align: center;
        padding-bottom: 0.5rem !important; }
        body footer .foot1 img {
          max-width: 80vw; }
      body footer .foot2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0, 5rem !important;
        text-align: center !important; } }

.subTitle01 {
  text-align: center; }
  .subTitle01 .subTitle01Ja {
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: bold;
    color: #444;
    padding-bottom: 10px;
    display: inline-block;
    position: relative; }
  .subTitle01 .subTitle01Ja:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #28883A;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0; }

@-webkit-keyframes hd-bg {
  0% {
    background-color: rgba(245, 245, 245, 0); }
  100% {
    background-color: rgba(245, 245, 245, 0.9); } }
@keyframes hd-bg {
  0% {
    background-color: rgba(245, 245, 245, 0); }
  100% {
    background-color: rgba(245, 245, 245, 0.9); } }
#headMenu {
  width: 100%;
  height: auto;
  padding-bottom: 1em;
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0;
  background-color: #28893a;
  color: #1d1d1f; }
  @media screen and (max-width: 575px) {
    #headMenu {
      height: auto;
      padding-bottom: 1em;
      background-color: #28893a;
      border-bottom: 1px solid #444; } }
  #headMenu .topLogo {
    margin-top: 14px;
    width: 110px; }
  @media screen and (max-width: 575px) {
    #headMenu .topLogo {
      margin-top: 14px;
      max-width: calc(100vw - 100px); } }

section {
  padding: 6em 0; }
  section h2 {
    text-align: center;
    margin-bottom: 2em; }
  @media screen and (max-width: 575px) {
    section h2 {
      text-align: center;
      margin-bottom: 1em; } }
  section p, section li {
    line-height: 200%; }
  section .card {
    margin-bottom: 2em; }

@media screen and (max-width: 575px) {
  section {
    padding: 4em 0; } }
.bgGreen {
  background-color: #293B44;
  color: #fff; }

/* go top button */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
  z-index: 100; }

#page-top img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )"; }

.bgGreen a, .bgGreen a:link, .bgGreen a:visited, .bgGreen a:hover, .bgGreen a:active {
  color: #E3BD57; }