@charset "utf-8";

.p-numeaging_campaign-index .about-wrapper{
  padding-top:63px;
  /* background:url("/assets/images/shadow_ttl.png") repeat-x; */
}

/*navi*/
.p-numeaging_campaign-index .about-nav-container {
  height: 230px;
  background-color: #f9f5ea;
  position: relative;
  margin-top: 116px;
}
.p-numeaging_campaign-index .about-nav-container a {
  list-style: none;
  text-align: center;
  height: 150px;
  background-color: #f3eedf;
  position: absolute;
  top: 40px;
  width: 100%;
  line-height: 154px;
  font-size: 18px;
  font-family: "Montserrat_bold";
  font-weight: bold;
}
.p-numeaging_campaign-index .about-nav-container img {
  margin-right: 10px;
  margin-bottom: 2px;
}
.p-numeaging_campaign-index .about-nav-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
.p-numeaging_campaign-index .main-container li {
  list-style: none;
}
.p-numeaging_campaign-index .top-image img {
  margin-top: 50px;
  margin-bottom: 25px;
  width: 100%;
}
.p-numeaging_campaign-index .top-image {
  width: 100%;
}
.p-numeaging_campaign-index .top-image img {
  width: 92%;
  margin-top: 10px;
  float: right;
}
.p-numeaging_campaign-index .title {
  color: #cfc29d;
  font-family: "Montserrat_bold";
  font-size: 50px;
  font-weight: bold;
}
.p-numeaging_campaign-index .title small {
  color: #000;
  font-size: 26px !important;
  margin-top: 22px !important;
  font-family: 'Montserrat','Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;;
}

.p-numeaging_campaign-index .main-container h2 small {
  color: #cfc29d !important;
  font-size: 22px !important;
  line-height: 22.42px !important;
}
.p-numeaging_campaign-index .main-container h3 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
  font-family: "Montserrat_bold", 'Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
}
.p-numeaging_campaign-index .main-container p {
  font-size: 16px;
  line-height: 31.84px;
}
.p-numeaging_campaign-index .main-container {
  /* margin: 10px 55px 0px; */
}
.p-numeaging_campaign-index #first-container, .p-numeaging_campaign-index #second-container, .p-numeaging_campaign-index #third-container, .p-numeaging_campaign-index #forth-container, .p-numeaging_campaign-index #fifth-container, .p-numeaging_campaign-index #last-container {
  display: flex;
  flex-flow: wrap;
  max-width: 1320px;
  margin: auto;
}
.p-numeaging_campaign-index #item1 {
  width: 60%;
}
.p-numeaging_campaign-index #item2 {
  width: 40%;
}
.p-numeaging_campaign-index #item3 {
  width: 60%;
  margin-top: 20px;
}
.p-numeaging_campaign-index #item4 {
  width: 40%;
  margin-top: 20px;
}
.p-numeaging_campaign-index .top-image-container {
  margin-bottom: 118px;
}
.p-numeaging_campaign-index .main-container p,
.p-numeaging_campaign-index .main-container li {
  font-size: 16px;
  line-height: 31.84px;
}
.p-numeaging_campaign-index #item2 p, .p-numeaging_campaign-index #item4 p, .p-numeaging_campaign-index #item10 p, .p-numeaging_campaign-index #item12 p {
  padding-left: 18px;
  padding-top: 5px;
}
.p-numeaging_campaign-index #item5 {
  width: 38%;
  margin-top: 117px;
}
.p-numeaging_campaign-index #item6 {
  width: 60%;
  margin-top: 117px;
}
.p-numeaging_campaign-index #item7 {
  width: 38%;
  margin-top: 20px;
}
.p-numeaging_campaign-index #item8 {
  width: 60%;
  margin-top: 20px;
}
.p-numeaging_campaign-index #item5, .p-numeaging_campaign-index #item7 {
  padding-right: 18px;
  padding-top: 5px;
}
.p-numeaging_campaign-index .item6-image, .p-numeaging_campaign-index .item8-image{
  padding-left: 45px;
}
.p-numeaging_campaign-index #item9 {
  width: 60%;
}
.p-numeaging_campaign-index #item10 {
  width: 40%;
}
.p-numeaging_campaign-index #item11 {
  width: 60%;
  margin-top: 20px;
}
.p-numeaging_campaign-index #item12 {
  width: 40%;
  margin-top: 20px;
}
.p-numeaging_campaign-index #third-container {
  margin-top: 118px;
}
.p-numeaging_campaign-index #item13 {
  width: 38%;
  margin-top: 117px;
}
.p-numeaging_campaign-index #item14 {
  width: 60%;
  margin-top: 117px;
}
.p-numeaging_campaign-index #item15 {
  width: 38%;
  margin-top: 20px;
}
.p-numeaging_campaign-index #item16 {
  width: 60%;
  margin-top: 20px;
}
.p-numeaging_campaign-index #item13, .p-numeaging_campaign-index #item15 {
  padding-right: 18px;
  padding-top: 5px;
}
.p-numeaging_campaign-index .item14-image, .p-numeaging_campaign-index .item16-image{
  padding-left: 45px;
}
.p-numeaging_campaign-index .item15-message {
  display: flex;
  flex-flow: wrap;
  max-width: 1320px;
  margin: auto;
}
.p-numeaging_campaign-index #item15 li.main-text {
  width: 76%;
}
.p-numeaging_campaign-index #item15 li {
  width: 15%;
  margin-bottom: 65px;
}
.p-numeaging_campaign-index #item15 li.main-text {
  width: 85%;
}
.p-numeaging_campaign-index #item15 .topic {
  color: #cfc29d;
  font-size: 20px;
  font-family: "Montserrat_bold";
  text-align: center;
  letter-spacing: 11px;
}
.p-numeaging_campaign-index #item17 {
  width: 60%;
}
.p-numeaging_campaign-index #item18 {
  width: 40%;
}
.p-numeaging_campaign-index #item19 {
  width: 60%;
  margin-top: 20px;
}
.p-numeaging_campaign-index #item20 {
  width: 40%;
  margin-top: 20px;
}
.p-numeaging_campaign-index #fifth-container {
  margin-top: 118px;
}
.p-numeaging_campaign-index #item18 p, .p-numeaging_campaign-index #item20 p {
  padding-left: 18px;
  padding-top: 5px;
}
.p-numeaging_campaign-index #item21 {
  width: 38%;
  margin-top: 117px;
}
.p-numeaging_campaign-index #item22 {
  width: 60%;
  margin-top: 117px;
}
.p-numeaging_campaign-index #item21{
  padding-right: 18px;
  padding-top: 5px;
}
.p-numeaging_campaign-index .item22-image{
  padding-left: 45px;
}
.p-numeaging_campaign-index #last-container {
  margin-bottom: 122px;
}
.p-numeaging_campaign-index .item2-message, .p-numeaging_campaign-index .item4-message, .p-numeaging_campaign-index .item5-message, .p-numeaging_campaign-index .item7-message, .p-numeaging_campaign-index .item10-message, .p-numeaging_campaign-index .item12-message, .p-numeaging_campaign-index .item13-message, .p-numeaging_campaign-index .item18-message, .p-numeaging_campaign-index .item20-message, .p-numeaging_campaign-index .item21-message, .p-numeaging_campaign-index li.main-text {
  font-family: 'Montserrat','Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;;
}

@media (min-width: 768px) and (max-width: 1320px) {
  .p-numeaging_campaign-index .about-nav-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto;
    position: unset;
  }
  .p-numeaging_campaign-index .about-nav-container a {
    position: unset;
    display: block;
    padding: 0 20px;
    margin: 0 35px;
    width: auto;
  }

}

@media (max-width: 767px) {
}



.p-numeaging_campaign-index{
}
.p-numeaging_campaign-index .numec{
  text-align: center;
  margin: 2.2% auto 5%;
  max-width: 1258px;
}

.p-numeaging_campaign-index section{
  border-bottom: 2px solid #cfc19d;
  margin: 0 auto 6%;
}

.p-numeaging_campaign-index .campaign1{
  max-width: 1058px;
  margin: 0 auto;
  padding-bottom: 6%;
}

.campaign1 {}
.p-numeaging_campaign-index .campaign1 h2{
  font-family: "Montserrat_bold";
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 6%;
}
.p-numeaging_campaign-index .campaign1 h2 span{
  font-size: 30px;
}
.p-numeaging_campaign-index .campaign1 h3{
  font-size: 30px;
  margin: 0 auto 6%;
  line-height: 1.7;
  color: #cfc19d;
}
.p-numeaging_campaign-index .campaign1 h3 span{
  color: #333333;
}
.p-numeaging_campaign-index .campaign1 p a{
  text-decoration: underline;
}

.p-numeaging_campaign-index .campaign2{
  max-width: 1058px;
  margin: 0 auto;
  padding-bottom: 6%;
  border-bottom: none;
}
.p-numeaging_campaign-index .campaign2 h3{
  font-size: 50px;
  margin-bottom: 5%;
  color: #cfc19d;
}
.p-numeaging_campaign-index .campaign2 ul{
  display: flex;
  justify-content: space-between;
  margin: 0 auto 6%;
}
.p-numeaging_campaign-index .campaign2 ul li{
  max-width: 301px;
  width: 30%;
}
.p-numeaging_campaign-index .campaign2 ul li img{
  margin-bottom: 8%;
}
.p-numeaging_campaign-index .campaign2 ul li h6{
  font-size: 19px;
  font-family: "Montserrat_bold", 'Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 5%;
}
.p-numeaging_campaign-index .campaign2 ul li a{
  text-decoration: underline;
}
.p-numeaging_campaign-index .campaign2 ul li span{
  display: block;
  font-size: 12px;
}
.p-numeaging_campaign-index .campaign2 ul li span::before {
  content: "※";
}
.p-numeaging_campaign-index .campaign2 p{
  max-width: 873px;
  margin: 0 auto;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  color: #666666;
}
.p-numeaging_campaign-index .campaign2 p::before {
  /* content: "※"; */
}
.p-numeaging_campaign-index .campaign2 .agreement{
  margin: 6% auto 0;
  background-color: #FFFFFF;
  height: 220px;
  overflow:auto;
  overflow-y:scroll;
  overflow-x:hidden;
  border: 1px solid #e4e4e4;
  padding: 2%;
}
.p-numeaging_campaign-index .campaign2 .agreement h5{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2%;
}
.p-numeaging_campaign-index .campaign2 .agreement p{
  font-size: 14px;
  color: #333333;
}
.p-numeaging_campaign-index .campaign2 .agreement p{
  max-width: none;
  margin: 0 auto 3%;
  line-height: 1.7;
  text-indent: initial;
  padding-left: initial;
}
.p-numeaging_campaign-index .campaign2 .agreement p::before {
  content: "";
}
.p-numeaging_campaign-index .campaign2 .agreement p a{
  text-decoration: underline;
}

.p-numeaging_campaign-index .campaign3{
  margin: 0 auto 5%;
  max-width: 765px;
  font-size: 16px;
  padding-bottom: 2%;
}
.p-numeaging_campaign-index .campaign3 h5{
  margin: 0 auto 4%;
}
.p-numeaging_campaign-index .campaign3 h5 span{
  text-align: center;
  display: block;
  margin-bottom: 5%;
  font-size: 16px;
}
.p-numeaging_campaign-index .campaign3 h5 img{
  text-align: center;
  margin: 0 auto 3%;
}
.p-numeaging_campaign-index .campaign3 h5 .present{
  display: block;
}
.p-numeaging_campaign-index .campaign3 h6{
  font-size: 25px;
  margin-bottom: 3.5%;
  font-weight: 600;
}
.p-numeaging_campaign-index .campaign3 p{
  line-height: 1.7;
  padding-left: 1em;
  text-indent: -1em;
}
.p-numeaging_campaign-index .campaign3 p a{
  text-decoration: underline;
}
.p-numeaging_campaign-index .campaign3 p::before {
  /* content: "※"; */
}

.p-numeaging_campaign-index .campaign4{
  border-bottom: none;
  margin-bottom: 8%;
}
.p-numeaging_campaign-index .campaign4 h4{
  font-size: 50px;
  margin-bottom: 5%;
  color: #cfc19d;
  font-weight: bold;
  text-align: center;
  font-family: "Montserrat_bold", 'Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
}

.p-numeaging_campaign-index .visible-768{
  display: none;
}

.atelu_widget{
  max-width: 1258px;
}
.campaign4 .atelu_widget__readmore_button {
    background: #333333;
    border-radius: 27px;
    margin-top: 5%;
    color: #faf5ea;
}



@media (max-width: 767px) {
  .p-numeaging_campaign-index section{
    margin-bottom: 14%;
  }
  .p-numeaging_campaign-index .campaign1, .p-numeaging_campaign-index .campaign2, .p-numeaging_campaign-index .campaign3, .p-numeaging_campaign-index .campaign4{
    width: 93%;
  }

  .p-numeaging_campaign-index .campaign1{
    padding-bottom: 10%;
  }
  .p-numeaging_campaign-index .numec{
    margin-bottom: 12%;
  }
  .p-numeaging_campaign-index .campaign1 h2{
    font-size: 23px;
  }
  .p-numeaging_campaign-index .campaign1 h2 span{
    font-size: 16px;
  }
  .p-numeaging_campaign-index .campaign1 h3{
    font-size: 17px;
    margin-bottom: 10%;
  }

  .p-numeaging_campaign-index .main-container p, .p-numeaging_campaign-index .main-container li{
    font-size: 11px;
    line-height: 2;
    margin-bottom: 4%;
  }
  
  .p-numeaging_campaign-index .campaign2{
    margin-bottom: 10%;
  }
  .p-numeaging_campaign-index .campaign2 ul{
  margin: 0 auto 6%;
  flex-direction: column;
  }
  .p-numeaging_campaign-index .campaign2 ul li{
    max-width: none;
    width: 100%;
    margin-bottom: 9%;
  }
  .p-numeaging_campaign-index .campaign2 ul li span{
    font-size: 10px;
  }
  .p-numeaging_campaign-index .campaign2 ul li img{
    margin-bottom: 5%;
  }
  .p-numeaging_campaign-index .campaign2 .agreement{
    padding: 7%;
  }
  .p-numeaging_campaign-index .campaign2 .agreement h5{
    font-size: 14px;
    margin-bottom: 4%;
  }
  .p-numeaging_campaign-index .campaign2 .agreement{
    height: 140px;
  }
  .p-numeaging_campaign-index .campaign2 ul li h6{
    font-size: 14px;
  }
  .p-numeaging_campaign-index .campaign2 .agreement p{
    font-size: 11px;
  }
  .p-numeaging_campaign-index .campaign2 h3, .p-numeaging_campaign-index .campaign4 h4{
    font-size: 30px;
  }

  .p-numeaging_campaign-index .campaign3 h5{
    margin-bottom: 8%;
  }
  .p-numeaging_campaign-index .campaign3 h5 span{
    text-align: left;
    margin-bottom: 7%;
    font-size: 11px;
    line-height: 2;
  }
  .p-numeaging_campaign-index .campaign3 h5 .present{
    width: 75%;
  }
  .p-numeaging_campaign-index .campaign3 h6{
    font-size: 14px;
    margin-bottom: 5.5%;
  }

  .p-numeaging_campaign-index .campaign4{
    margin-bottom: 12%;
  }
  .p-numeaging_campaign-index .campaign4 h4{
    margin-bottom: 10%;
  }



  
  .p-numeaging_campaign-index .hidden-768{
  display: none;
  }
  .p-numeaging_campaign-index .visible-768{
  display: block;
 }

  .campaign4 .atelu_widget__readmore_button{
    margin-top: 8%;
  }
}