/*@forward 'index/base';*/
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
#TopicsPath {
  margin: 10px auto 0; }

.index_container {
  background: url(../images/bg.jpg);
  padding: 40px 0;
  box-sizing: border-box; }
  @media (max-width: 1025px) {
    .index_container {
      padding: 30px 0; } }
  @media (max-width: 735px) {
    .index_container {
      padding: 20px 0; } }

.Main {
  background-color: #fff;
  padding-bottom: 0;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 0 60px;
  box-sizing: border-box; }
  @media (max-width: 1025px) {
    .Main {
      max-width: 94%;
      padding: 0 3% 20px; } }
  @media (max-width: 735px) {
    .Main {
      padding: 0 3% 10px; } }

.mainVisual {
  margin-bottom: 30px;
  width: 100%; }
  .mainVisual img {
    width: 100%; }
  @media (max-width: 735px) {
    .mainVisual {
      margin-bottom: 10px; } }

.movie {
  margin-bottom: 100px; }

.movie .block01 {
  margin-bottom: 20px; }
  @media (max-width: 735px) {
    .movie .block01 {
      margin: 10px auto !important; } }

.movie .block02 {
  width: 100%; }

.movie {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px; }
  @media (max-width: 735px) {
    .movie {
      margin-bottom: 20px; } }

.movie iframe {
  height: 520px; }
  @media (max-width: 1025px) {
    .movie iframe {
      height: 400px; } }
  @media (max-width: 735px) {
    .movie iframe {
      height: 205px; } }

.photo {
  max-width: 920px;
  margin: 0 auto; }
  @media (max-width: 1025px) {
    .photo {
      max-width: 100%; } }

.photo .block01 {
  margin-bottom: 30px; }
  @media (max-width: 735px) {
    .photo .block01 {
      margin: 10px auto !important; } }

.photo .block02 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 30px; }
  @media (max-width: 1025px) {
    .photo .block02 {
      margin: 0 auto 20px; } }
  @media (max-width: 735px) {
    .photo .block02 {
      margin: 0 auto 10px; } }

.photo .block02 li {
  width: 32%;
  padding-bottom: 10px; }
  .photo .block02 li img {
    width: 100%; }
  @media (max-width: 1025px) {
    .photo .block02 li {
      width: 49%; } }

/*.thanks_next .block01{
	margin-bottom:60px;
}
.thanks_next .block02{
	padding-bottom:60px;
}
	.thanks_next .block02 img{
		width:auto;
	}*/
@media (max-width: 735px) {
  .spTitle {
    width: 60%;
    margin: 0 auto !important; }
    .spTitle img {
      width: 100%; } }
#Footer {
  margin-top: 0; }

/****************************************************************************************************
 ****************************************************************************************************/
.report_block {
  max-width: 94%;
  margin: 0 auto 60px; }
  @media (max-width: 735px) {
    .report_block {
      margin: 0 auto 30px; } }

.reportBox {
  width: 100%;
  margin: 0 auto 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 735px) {
    .reportBox {
      margin: 0 auto 30px; } }
  .reportBox p {
    width: 32%; }
    .reportBox p img {
      width: 100%; }
    @media (max-width: 735px) {
      .reportBox p {
        width: 48%;
        margin: 0 auto 10px; } }
  .reportBox._center {
    justify-content: center;
    margin: 0 auto 10px; }

.report_past {
  margin: 0 0 140px; }
  @media (max-width: 735px) {
    .report_past {
      margin: 0 0 6.5rem; } }
  .report_past .listBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .report_past .listBox li {
      width: 32%; }
      .report_past .listBox li a {
        display: block;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #ff6633;
        text-align: center;
        color: #ff6633;
        text-decoration: none;
        line-height: 1.4; }
        @media (max-width: 735px) {
          .report_past .listBox li a {
            padding: 6px 0; } }
        .report_past .listBox li a:hover {
          background: #ff6633;
          color: #fff; }

.repoImg {
  width: 94%;
  margin: 0 auto 10px;
  text-align: center; }
  .repoImg img {
    width: 100%; }

/****************************************************************************************************
 ****************************************************************************************************/
.js-fadein {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s; }

.js-fadein.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px); }

/****************************************************************************************************
 ****************************************************************************************************/
.img100 img {
  width: 100%; }

.pcVew {
  display: block; }

.spVew {
  display: none; }

@media screen and (max-width: 735px) {
  .pcVew {
    display: none; }

  .spVew {
    display: block; }

  .spNone {
    display: none !important; } }
@media (max-width: 1025px) {
  .img100 img {
    width: 100%; } }
.alignC {
  text-align: center; }

.alignL {
  text-align: left; }

.alignR {
  text-align: right; }

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

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

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

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mr05 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

@media screen and (max-width: 735px) {
  .spmb0 {
    margin-bottom: 0 !important; }

  .spmb5 {
    margin-bottom: 5px !important; }

  .spmb10 {
    margin-bottom: 10px !important; }

  .spmb15 {
    margin-bottom: 15px !important; }

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

  .spmb25 {
    margin-bottom: 25px !important; }

  .spmb30 {
    margin-bottom: 30px !important; }

  .spmb40 {
    margin-bottom: 40px !important; }

  .spmb50 {
    margin-bottom: 50px !important; }

  .spmb60 {
    margin-bottom: 60px !important; }

  .spmb70 {
    margin-bottom: 70px !important; } }
