html {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  line-height: 1.6;
  letter-spacing: 0.04rem;
  word-break: break-word;
}

.space_default{padding-bottom: 16px;padding-top: 8px;}
.space_clear{
  padding-bottom: 0px;
}

img {
  width: 100%;
  display: block;
  margin: 0;
}

main {
  display:flex;
  flex-direction: column;
  background-position: center;
  background-size: contain;
  background-repeat:repeat-y;
}

  footer {
    margin:0 auto;
    width:100%;
    padding: 24px 4% 12px;
    font-size: 12px;
    text-align: center;
  }

  footer span{
    display: inline-block;
    text-align: left;
  }



 .d-flex {
  display:flex;
}
.flex-column {
  display:flex;
  flex-direction: column;
}


.test_alert{
    background-color: #0a002f;
    width: 100%;
    text-align: left;
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    position: fixed;
    top: 0;
    z-index: 99999;
    opacity: 0.6;
}


 .group__full__size{
  width:100%;
 }
 .group__33pct__size{
  width:33%;
  margin: 0 auto;
 }
 .group__50pct__size{
  width:50%;
  margin: 0 auto;
 }
 .group__75pct__size{
  width:75%;
  margin: 0 auto;
 }
 .group__pc33pct__size,
 .group__pc50pct__size,
 .group__pc75pct__size
 {
   width:100%;
   margin: 0 auto;
  }
 @media screen and (min-width:576px) {
   .group__pc33pct__size{
     width:33%;
     padding: 0 0 16px 0;
    }
    .group__pc50pct__size{
      width:50%;
      padding: 0 0 16px 0;
     }
     .group__pc75pct__size{
      width:75%;
      padding: 0 0 16px 0;
     }
 }


 .pic_size_{
  width:100%;
 }

 .pic__full__size{
 width:100%;
 padding: 0 0 16px 0;
}

 .pic__full__size video{
 width:100%;
}


.pic__33pct__size
{
    width: 33%;
    padding: 0 0 16px 0;
    margin: 0 auto;
}
.pic__50pct__size
{
    width: 50%;
    padding: 0 0 16px 0;
    margin: 0 auto;
}
.pic__75pct__size 
{
    width: 75%;
    padding: 0 0 16px 0;
    margin: 0 auto;
}

.pic__pc33pct__size,
.pic__pc50pct__size,
.pic__pc75pct__size
{
  width:100%;
  padding: 0 0 16px 0;
  margin: 0 auto;
 }
@media screen and (min-width:576px) {
  .pic__pc33pct__size
  {
      width: 33%;
      padding: 0 0 16px 0;
  }
  .pic__pc50pct__size
  {
      width: 50%;
      padding: 0 0 16px 0;
  }
  .pic__pc75pct__size 
  {
      width: 75%;
      padding: 0 0 16px 0;
  }
}