* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background: #f9f3e7;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

picture {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
  text-align: center;
}

a {
  transition: opacity 0.3s;
}

a:hover {
  opacity: 0.8;
  transition: opacity 0.3s;
}

.contents {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  z-index: 5;
}
@media screen and (max-width: 1199px) {
  .contents {
    width: 750px;
  }
}
@media screen and (max-width: 749px) {
  .contents {
    width: 100%;
  }
}

.mainImg {
  position: relative;
  background: url(../images/img_mainImg_bg.png) repeat-x top;
  background-size: contain;
}
.mainImg .mv_frame {
  position: absolute;
  top: 0;
  width: 100%;
  height: 876px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .mainImg .mv_frame {
    height: 731px;
  }
}
@media screen and (max-width: 749px) {
  .mainImg .mv_frame {
    height: 97.4666666667vw;
  }
}
.mainImg .mv_frame::before {
  position: absolute;
  content: "";
  width: 1320px;
  height: 876px;
  left: 50%;
  transform: translateX(-50%);
  background-image: -webkit-image-set(url(../images/img_mv_top.png) 1x, url(../images/img_mv_top@2x.png) 2x), -webkit-image-set(url(../images/img_mv_btm.png) 1x, url(../images/img_mv_btm@2x.png) 2x);
  background-image: image-set(url(../images/img_mv_top.png) 1x, url(../images/img_mv_top@2x.png) 2x), image-set(url(../images/img_mv_btm.png) 1x, url(../images/img_mv_btm@2x.png) 2x);
  background-repeat: no-repeat;
  background-position: top, bottom;
  background-size: contain;
  z-index: 10;
}
@media screen and (max-width: 1199px) {
  .mainImg .mv_frame::before {
    width: 750px;
    background-image: -webkit-image-set(url(../images/sp/img_mv_frame.png) 1x, url(../images/sp/img_mv_frame@2x.png) 2x);
    background-image: image-set(url(../images/sp/img_mv_frame.png) 1x, url(../images/sp/img_mv_frame@2x.png) 2x);
    background-position: top;
  }
}
@media screen and (max-width: 749px) {
  .mainImg .mv_frame::before {
    width: 100%;
  }
}
.mainImg .mv {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .mainImg .mv {
    width: 750px;
  }
}
@media screen and (max-width: 749px) {
  .mainImg .mv {
    width: 100%;
  }
}
.mainImg .mv_slide {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 32px;
  overflow: hidden;
}
.mainImg .mv_slide_wrap {
  position: absolute;
  top: 0;
  width: 1200px;
  height: 876px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .mainImg .mv_slide_wrap {
    width: 750px;
    height: 731px;
  }
}
@media screen and (max-width: 749px) {
  .mainImg .mv_slide_wrap {
    width: 100%;
    height: 97.4666666667vw;
  }
}
@media screen and (max-width: 1199px) {
  .mainImg .mv_slide {
    left: 14px;
  }
}
@media screen and (max-width: 749px) {
  .mainImg .mv_slide {
    left: 1.8666666667vw;
  }
}
.mainImg .mv_slide_02 {
  top: -470px;
  left: 171px;
}
@media screen and (max-width: 1199px) {
  .mainImg .mv_slide_02 {
    display: none;
  }
}
.mainImg .mv_slide_03 {
  top: -250px;
  left: auto;
  right: 32px;
}
@media screen and (max-width: 1199px) {
  .mainImg .mv_slide_03 {
    display: none;
  }
}
.mainImg .mv_slide_04 {
  top: -750px;
  left: auto;
  right: 171px;
}
@media screen and (max-width: 1199px) {
  .mainImg .mv_slide_04 {
    right: 14px;
  }
}
@media screen and (max-width: 749px) {
  .mainImg .mv_slide_04 {
    top: -100vw;
    right: 1.8666666667vw;
  }
}
.mainImg .mv_slide img {
  width: 120px;
  height: auto;
}
@media screen and (max-width: 1199px) {
  .mainImg .mv_slide img {
    width: 99px;
  }
}
@media screen and (max-width: 749px) {
  .mainImg .mv_slide img {
    width: 13.2vw;
  }
}
.mainImg .mv_slide img:first-child {
  animation: slide1 80s -40s linear infinite;
}
.mainImg .mv_slide img:last-child {
  animation: slide2 80s linear infinite;
}
@keyframes slide1 {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateY(-200%);
  }
  to {
    transform: translateY(0%);
  }
}

.navi {
  height: 113px;
  background: url(../images/img_navi_bg.png) no-repeat top center;
}
@media screen and (max-width: 1199px) {
  .navi {
    height: 168px;
    background: url(../images/sp/img_navi_bg.png) no-repeat top center;
  }
}
@media screen and (max-width: 749px) {
  .navi {
    height: 22.4vw;
    background-size: contain;
  }
}
.navi_list {
  display: flex;
  justify-content: space-evenly;
  width: 1080px;
  margin: 0 auto;
  padding-top: 39px;
}
@media screen and (max-width: 1199px) {
  .navi_list {
    padding-top: 22px;
    width: auto;
  }
}
@media screen and (max-width: 749px) {
  .navi_list {
    padding-top: 2.9333333333vw;
  }
}
.navi_list a {
  flex: 1 0 auto;
  position: relative;
  display: block;
  border-right: #fff solid 1px;
}
@media screen and (max-width: 1199px) {
  .navi_list a {
    border: none;
    flex: auto;
  }
}
.navi_list a:first-child {
  border-left: transparent solid 1px;
}
.navi_list a:last-child {
  border-right: transparent solid 1px;
}
.election2024 {
  position: relative;
  background: #f9f3e7;
}
.election2024::before {
  content: "";
  position: absolute;
  top: 140px;
  right: 0;
  width: 177px;
  height: 1093px;
  background: url(../images/img_election2024_bg_txt.png) no-repeat top right;
  background-size: contain;
  z-index: 10;
}
@media screen and (max-width: 1199px) {
  .election2024::before {
    content: none;
  }
}
.award {
  position: relative;
  background: url(../images/img_award_bg_btm.png) no-repeat bottom;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .award {
    background-image: url(../images/sp/img_award_bg_btm.png);
  }
}
.award::before {
  content: "";
  position: absolute;
  top: 156px;
  width: 181px;
  height: 922px;
  background: url(../images/img_award_bg_txt.png) no-repeat left center;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .award::before {
    content: none;
  }
}

.thanks {
  position: relative;
  background: #f3e8da;
  padding-bottom: 80px;
}
.thanks::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 177px;
  height: 1093px;
  background: url(../images/img_thanks_bg_txt.png) no-repeat top right;
  background-size: contain;
  z-index: 10;
}
@media screen and (max-width: 1199px) {
  .thanks::before {
    content: none;
  }
}
.thanks::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 405px;
  background: #f9f3e7;
}
@media screen and (max-width: 749px) {
  .thanks {
   	padding-bottom: 0px; 
}
  	
  .thanks::after {
    height: 62.333333vw;
  }
}

.about {
  position: relative;
  background-color: #f3e8da;
  background-image: url(../images/img_about_bg_top.png), url(../images/img_about_bg_btm.png);
  background-repeat: no-repeat;
  background-position: top, bottom;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .about {
    background-image: url(../images/sp/img_about_bg_top.png), url(../images/sp/img_about_bg_btm.png);
  }
}
.about::before {
  content: "";
  position: absolute;
  top: 444px;
  width: 181px;
  height: 936px;
  background: url(../images/img_about_bg_txt.png) no-repeat left center;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .about::before {
    content: none;
  }
}
.about_btn {
  display: block;
  margin: 0 auto;
  width: 566px;
}
@media screen and (max-width: 1199px) {
  .about_btn {
    width: 610px;
  }
}
@media screen and (max-width: 749px) {
  .about_btn {
    width: 81.3333333333vw;
  }
}

.lineup_list {
  display: flex;
  flex-wrap: wrap;
	/*margin-bottom: 4%;*/
}
@media screen and (max-width: 1199px) {
  .lineup_list {
    flex-direction: column;
  }
}
.lineup_list_item {
  position: relative;
}
@media screen and (max-width: 1199px) {
  .lineup_list_item {
    margin-bottom: 10px;
  }
}
.lineup_list_btn {
  position: absolute;
  left: 171.6px;
  bottom: 43.8px;
}
.lineup_list_btn02 {
  position: absolute;
  left: 460px;
  bottom: 43.8px;
}
@media screen and (max-width: 1199px) {
  .lineup_list_btn {
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
  }
  .lineup_list_btn02 {
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
  }
}
@media screen and (max-width: 749px) {
  .lineup_list_btn {
    bottom: 6.6666666667vw;
  }
  .lineup_list_btn02 {
    bottom: 6.6666666667vw;
  }
}
.lineup_list_item:nth-child(even) .lineup_list_btn {
  left: unset;
  right: 171.6px;
}
@media screen and (max-width: 1199px) {
  .lineup_list_item:nth-child(even) .lineup_list_btn {
    left: 50%;
    right: unset;
  }
}

.outline {
  position: relative;
  background-color: #f3e8da;
  background-image: url(../images/img_outline_bg_top.png), url(../images/img_outline_bg_btm.png);
  background-repeat: no-repeat;
  background-position: top, bottom;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .outline {
    background-image: url(../images/sp/img_outline_bg_top.png), url(../images/sp/img_outline_bg_btm.png);
  }
}
.outline_btn {
  display: block;
  margin: 0 auto;
  width: 566px;
}
@media screen and (max-width: 1199px) {
  .outline_btn {
    width: 600px;
  }
}
@media screen and (max-width: 749px) {
  .outline_btn {
    width: 80vw;
  }
}

.chart {
  position: relative;
}
.chart::before {
  content: "";
  position: absolute;
  top: 151.2px;
  right: 0;
  width: 179px;
  height: 1259px;
  background: url(../images/img_chart_bg_txt.png) no-repeat right top;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .chart::before {
    content: none;
  }
}
.chart_btn {
  display: block;
  margin: 0 auto;
  width: 566px;
}
@media screen and (max-width: 1199px) {
  .chart_btn {
    width: 600px;
  }
}
@media screen and (max-width: 749px) {
  .chart_btn {
    width: 80vw;
  }
}

.footer {
  background: #fff url(../images/img_footer_bg_top.png) no-repeat top;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .footer {
    background-image: url(../images/sp/img_footer_bg_top.png);
  }
}
.footer_link {
  display: flex;
  justify-content: center;
  margin-bottom: 66px;
  padding-top: 193.2px;
}
@media screen and (max-width: 1199px) {
  .footer_link {
    flex-wrap: wrap;
    padding-top: 227px;
  }
}
@media screen and (max-width: 749px) {
  .footer_link {
    padding-top: 30.2666666667vw;
  }
}
.footer_link div:first-child {
  margin-right: 45.6px;
}
@media screen and (max-width: 1199px) {
  .footer_link div:first-child {
    margin-right: 0;
  }
}
.footer_link div:nth-child(2) {
  margin-right: 26.4px;
}
@media screen and (max-width: 1199px) {
  .footer_link div:nth-child(2) {
    margin-right: 0;
  }
}
.footer_link div:nth-child(3) {
  margin-right: 52.8px;
}
@media screen and (max-width: 1199px) {
  .footer_link div:nth-child(3) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1199px) {
  .footer_link img {
    width: 255px;
  }
}
@media screen and (max-width: 749px) {
  .footer_link img {
    width: 34vw;
  }
}
.footer_logo {
  display: block;
  margin: 0 auto;
  width: 120px;
}
@media screen and (max-width: 1199px) {
  .footer_logo {
    width: 200px;
  }
}
@media screen and (max-width: 749px) {
  .footer_logo {
    width: 26.6666666667vw;
  }
}/*# sourceMappingURL=style.css.map */ia screen and (max-width: 749px) {
  .footer_link img {
    width: 34vw;
  }
}
.footer_logo {
  display: block;
  margin: 0 auto;
  width: 120px;
}
@media screen and (max-width: 1199px) {
  .footer_logo {
    width: 200px;
  }
}
@media screen and (max-width: 749px) {
  .footer_logo {
    width: 26.6666666667vw;
  }
}
/*# sourceMappingURL=style.css.map */