@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}
@media only screen and (max-width : 667px) {
  #main_content_box {
    overflow-x: hidden;
  }
  #Header, #Header #UpperBg, #Header #Bg, ul.gNav, #main_content_box, .main_bk, .InformationBox, .TitleBox1, .InformationTitle, #TabCol, .TitleBox2, #ReleaseMoonBox, #ReleaseMoonBox dt, #ReleaseMoonBox dd, #ReleaseMoonBox .hr, #Footer #Hr, ul.gNav li .search .controls, table.cell_tmp_box2, .page_top_box {
    width: 100%;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  html > body table.cell_tmp_box {
    margin: auto;
    width: 90%;
  }
  ul.gNav {
    width: 100%;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
  }
  ul.gNav li {
    float: none;
    width: 33.333333%;
  }
  ul.gNav li:last-child {
    width: 100%;
  }
  #TabCol {
    padding: 20px;
  }
  #TabCol dt {
    width: 100%;
    float: none;
    text-align: left;
  }
  #TabCol dd {
    width: 100%;
  }
  .InformationBox {
    padding: 0;
  }
  .main_bk {
    background: #fff;
  }
  td.cell_tmp02 {
    padding: 0 5%;
    box-sizing: border-box;
  }
  td.cell_tmp01, td.cell_tmp02 {
    display: block;
    width: 100%;
  }
  td.cell_tmp03 {
    width: 50%;
  }
  #ReleaseMoonBox {
    padding: 3%;
  }
  #FooterBg {
    display: none;
  }
  .main_bk {
    background-image: none;
  }
  .TitleBox1, .TitleBox2 {
    padding: 21px 0px 0px 15px;
  }
  #Footer {
    padding: 0 3%;
    width: 95%;
  }
    #TitleBox, #TitleBox #Text, table.ContactBox, #BtnBox{
        width: 100%;
    }
    td.cell01, td.cell02{
        width: 100%;
        display: block;
    }
    #BtnBox #ResetBtn, #BtnBox #SendBtn {
  width: 100%;
    float: none;
    text-align: center;
    margin: 0 auto 10px;
    }
}