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

/* 背景固定追従
body{
  background-image: url("../img/bg1.png");
  background-position: top left;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #0D0D0D;
  color: #000;
} */

body{
  background-color: #e6f6ff;
}

/* header */
.wrap-header{
  width: 96%;
  max-width: 1400px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
/* SP_Padding */
.wrap{
  width: 96%;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
/* SP_Padding_0 */
.wrap-100{
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
}


header{
  padding: 4rem 0;
}

.box{
  text-align: center;
}

/* 背景PCSP共有 */
.type1{
  background-image: url("../img/bg1.png");
  background-repeat: no-repeat;
  background-size: cover;
}
/* 背景SP別 */
.type2{
  background-image: url("../img/bg2_pc.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding:4rem 0;
}
@media screen and (max-width: 1000px) { .type2{ background-image: url("../img/bg2_sp.png"); } }

.type3{
  background-image: url("../img/bg3_pc.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 0;
}
@media screen and (max-width: 1000px) { .type3{ background-image: url("../img/bg3_sp.png"); } }

.type4{
  background-image: url("../img/bg4.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
/* ==================================================================================================== */
.btn-area{
  padding: 4rem;
}

.img-area{
  padding:2rem 0;
}

.type4 .img-area{
  padding:8rem 0 4rem 0;
}

.camp-area{
  position: relative;
}
.camp-btn{
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  bottom:10rem;
}
.campaign-list{
  max-width: 684px;
  text-align: left;
  margin:3rem auto;
}

.campaign-list li{
  border: 2px solid #2d3680;
  margin-bottom:2rem;
  color:#2d3680;
}

.campaign-list li .li-h{
  background-color: #e6f6ff;
  font-weight: bold;
  padding: 0.5rem 1rem 0.5rem 5rem;
  border-bottom: 2px solid #2d3680;
}

.campaign-list li .li-h::before{
  content: "";
  width:17px;
  height: 17px;
  display: inline-block;
  background-color: #ffff00;
  border: 1px solid #2d3680;
  margin-left:-4rem;
  margin-right:1rem;
  transform: translateY(2px);
}

.campaign-list li .li-m{
  padding: 1rem 1.5rem 1rem 1.5rem;
  background-color: #fff;
}


/* ==================================================================================================== */
footer{
  background-color: #000433;
  padding:4rem;
  text-align: center;
}
footer a{ color:#fff; }

@media screen and (max-width: 1000px) {
  .camp-btn{
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    bottom: 11rem;
    max-width: 76%;
    margin: 0 12%;
  }
  .type4 h2{
    padding-left: 10%;
    padding-right: 10%;
  }
  .type4 .img-box{
    padding-left: 10%;
    padding-right: 10%;
  }

}