@charset"shift_jis";
/**/
.main_visu_bg {
  background: linear-gradient(90deg, #8eb7f7c4, #e2d4f2, #f8b5d2c7);
  margin: 0 auto 0;
  padding: 3rem;
}
.main_visu img {
  margin: 0 auto;
}
.inner {
  max-width: 800px;
  margin: 0 auto;
}
.text-red {
  color: red;
}
@media screen and (max-width: 659px) {
  .main_visu_bg {
    background-size: inherit;
    margin: 80px auto 0;
	padding: 1.5rem 1rem 1rem;
  }
}

/*ポイントエリア*/
.point-box {
  padding: 2rem;
  background-color: #f4f4f4;
}
.point-boxflex {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
.atten_list {
  margin-top: 1.5rem;
}
.atten_list li {
  font-size: 1.4rem;
  display: table;
  table-layout: auto;
  margin: 0;
  line-height: 1.5
}
.atten_list li .pre {
  display: table-cell;
  width: 1%;
  padding: 0rem 0.5rem 0rem 0rem;
  white-space: nowrap;
}
@media screen and (max-width:659px) {
  .point-box {
    padding: 1rem;
  }
  .point-box ul {
    padding-left: 0;
  }
  .point-boxflex {
    display: flex;
    justify-content: space-between;
    gap: 40px;
  }
  .atten_list {
    margin-top: 1rem;
  }
  .atten_list li {
    font-size: 1rem;
    display: table;
    table-layout: auto;
    margin: 0;
    line-height: 1.5
  }
  .atten_list li .pre {
    display: table-cell;
    width: 1%;
    padding: 0rem 0.5rem 0rem 0rem;
    white-space: nowrap;
  }
}
/*ポイントエリア*/
/*キャンペーンエリア*/
.cp_erea {
  background-color: #fff0ed;
  padding: 2rem;
}
.cp_erea .catch_text {
  color: #da391c;
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
@media screen and (max-width:659px) {
  .cp_erea {
    padding: 1rem 1rem 1.5rem;
  }
  .cp_erea .catch_text {
    font-size: 1.4rem;
    margin-bottom: .5rem;
  }
}
/*キャンペーンエリア*//**/




.cp_date .title {
	text-align: center;
}

.cp_date img {
    margin: 0 auto;
}

.point-box {
    background-color: #fff;
}

.point-box .p_head_text {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 2rem;
    font-weight: bold;
}

.bg_beige {
	background-color: #fdf5e3;
	padding: 4rem 0;
}

.bg_beige div {
    margin: 2.5rem auto;
}

.bg_white {
    max-width: 800px;
    margin: 0 auto;
	background-color: #fff;
    padding-bottom: 3rem;
}

.bg_pink {
    background-color: #e6316e;
    padding: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.atten {
    padding: 3rem;
}

.at_cqp {
    max-width: 800px;
    padding-top: 3rem;
    margin: 0 auto;
}
.bnr a {
	display: block;
  max-width: 630px;
  margin: auto;
  padding-top: 2rem;
padding-bottom: 2rem;
}
	@media screen and (max-width: 659px) { 	
.cp_date .title { 	
margin: 0 auto 0; 	
} 	
	
.point-box .p_head_text { 	
font-size: 1.8rem; 	
margin-bottom: 1rem; 	
} 
    .atten {
    padding: 1rem 1.5rem 2rem;
}
    .atten ul {
    padding-left: 0;
  }
	.title {
		padding: 0 1rem;
	}
    .bg_beige div {
    margin: 1rem auto;
}
        .bg_pink {
    padding: 2rem 1rem;
}
    .bg_white {
    padding-bottom: 1.5rem;
}
    .at_cqp {
    padding: 1rem 1rem 0;
    margin-bottom: -5rem;
}
}
@media screen and (max-width:659px) {
	  .bg_beige {
    padding: 1rem;
  }
	  .bnr a {
    max-width: 80%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
	  .point-box .p_head_text {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}



