@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
}

a img:hover {
  opacity: .8;
}

.content {
  max-width: 1000px;
  margin: 0 auto;
}

img {
  display: block;
  max-width: 100%;
}

#wrap {
  overflow: hidden;
}

header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #d7d7d7;
}

.main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: calc(100vh - 100px);
  background: url(../img/main_bg.gif) no-repeat center;
  background-size: cover;
}
.main img {
  display: block;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

.pc_none {
  display: none;
}
.campain {
  width: 100%;
  padding-bottom: 80px;
  border-top: 5px solid #eb6c00;
}
@media screen and (max-width: 768px) {
  .campain {
    padding-bottom: 0;
  }
}
.campain h3 {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .campain h3 {
    padding-top: 15px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1200px) {
  .campain h3 img {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.campain img {
  margin-right: auto;
  margin-left: auto;
}
.lineup {
  width: 100%;
  border-top: 5px solid #eb6c00;
  background: url(../img/lineup_bg.gif) no-repeat center;
  background-size: cover;
}

.lineup img {
  position: relative;
  top: -35px;
  margin: 0 auto;
  padding-top: 20px;
}

.cont1_title {
  background: #dc7e05;
}

.cont1_title h2 {
  max-width: 1500px;
  height: 186px;
  margin: 0 auto;
  padding: 0;
  padding: 50px 0;
  background: url(../img/cot1_title_bg.png) no-repeat center;
  background-size: cover;
  text-align: center;
}

.cont1_title h2 img {
  margin: 0 auto;
}

.cont2 {
  background: #1a2e77;
}



.cont3 {
  background: #ef7516;
}

.cont4 {
  background: #ef7516;
}

.cont5 {
  background: #ef7516;
}

.cont8 {
  border-top: 35px solid #ef7516;
  border-bottom: 35px solid #ef7516;
}

.cont10 {
  padding: 100px 0 60px;
  background: #1a2e77;
}

.cont10 h3 {
  margin: 0 0 58px;
}

.cont10 h3 img {
  margin: 0 auto;
}

.cont10 ul {
  list-style: none;
  margin: 0 auto 40px;
  padding: 0;
  overflow: hidden;
}

.cont10_top {
  max-width: 1019px;
}

.cont10_bottom {
  max-width: 906px;
}


.cont10 ul li {
  float: left;
}

.cont10_top li:nth-child(2) {
  margin: 0 2.6497%;
}

.cont10_bottom li:nth-child(2) {
  margin-left: 2.6497%;
}

#cate_01 {
  background: #ce598a;
}
#cate_02 {
  background: #e5342a;
}

#cate_03 {
  background: #42acf4;
}

#cate_04 {
  background: #fadc26;
}

#cate_05 {
  background: #1e7fa7;
}

.item {
  padding: 0 2.5%;
}

.item_link {
  display: flex;
  justify-content: space-between;
  list-style: none;
  max-width: 1000px;
  margin: 0 auto 0;
  padding: 0;
}

.item h4 {
  margin: 0;
  padding: 0;
}

.item .item_link {
  margin-top: 20px;
  padding-bottom: 50px;
}

.item img {
  margin: 0 auto;
}



.col-2 li {
  width: 49%;
}

.col-3 li {
  width: 32%;
}

.col-4 li {
  width: 24%;
}


.col-5 li {
  width: 19%;
}

.banner {
  padding: 40px 0;
  background: #13216a;
}

.banner img {
  margin: 0 auto;
}

.banner ul {
  list-style: none;
  padding: 0;
}

.banner ul li:nth-child(1) {
  margin-bottom: 20px;
}

.footer h1 {
  padding: 30px 0;
}

.footer h1 img {
  margin: 0 auto;
}

.footer .toppage {
  text-align: center;
}

.footer .toppage a {
  display: inline-block;
  padding: 20px 100px;
  border: 1px solid #005bac;
  border-radius: 5px;
  color: #000000;
  text-decoration: none;
}

.copyright {
  margin-top: 30px;
  border-top: 1px solid #cccccc;
  text-align: center;
}
@media screen and (max-width:750px) {
  .sp_none {
    display: none;
  }

  .pc_none {
    display: block;
  }

  .main_sp img {
    width: 100%;
  }

  .lineup {
    padding: 0 5%;
    box-sizing: border-box;
  }

  .lineup img {
    top: 0;
    left: 0;
    padding: 30px 0;
  }

  .cont1_title h2 {
    height: auto;
    padding: 30px 0;
  }

  .cont1_title img {
    width: 90%;
  }

  .cont10 {
    padding: 40px 2.5% 20px;
  }

  .cont10 h3 {
    margin-bottom: 20px;
  }

  .cont10 h3 img {
    width: 60%;
  }

  .cont10 ul {
    margin-bottom: 20px;
  }

  .banner {
    padding: 20px 2.5%;
  }

  .banner ul li:nth-child(1) {
    margin-bottom: 10px;
  }
}