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

#lp01 section,
#lp01 .inner{
	max-width:800px;
	margin:0 auto;
	padding-bottom: 20px;
}
.sub{
	margin-bottom:1.5rem;
}
p{
	font-size:110%;
}
#lp01 .inner.pb0{
	padding-bottom:0;
}
#lp01 h3 {
  line-height: 60px;
  position: relative;
  height: 60px;
  margin: 0 40px;
  padding: 0 0rem;
  text-align: center;
  color: #ff008a;
  background: #fff;
  left:initial;
  font-size: 24px;
  margin-bottom: 0;
  border-radius: 0;
  display: block;
  border-radius:30px;
  /* max-width:350px; */
  margin: 0 auto;
}

#lp01 .sec02 h3{
	border: 3px solid #ff008a;
	max-width:350px;
	margin-bottom:20px;
	display:block;
	color: #ff008a;
}
.content .sec01 p{
	font-size:15px
}
.content .sec02 p{
	text-align:center;
	font-size: 15px;
}
#lp01 h3 span {
  position: relative;
  display: block;
}
#lp01 .box01{
	background:rgb(255 218 0 / 0.2);
	padding:1rem;
	text-align:center;
	border-radius:15px;
	border:2px solid #ffda00;
}
#lp01 footer{
	background: rgb(255 0 82 / 8%);
}
.fbox span{
	color: #fff;
	background: #ff008a;
	/* width: 150px; */
	display: block;
	margin: 20px auto;
}
.fbox span:first-child{
	margin-top:0;
}
.copy {
  display: block;
  text-align: center;
  padding: 10px;
  background: #ff008a;
  color: #fff;
  font-size: 90%;
  margin-top: 2em;
}
#lp01 .qa dd{
	display:none;
	position:relative;
}
#lp01 .qa dt{
	padding:10px 20px;
	border: 2px solid #000;
	padding-left:60px;
	position:relative;
}
#lp01 .qa dt.active:after{
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff008a;
    font-size: 22px;
    margin-right: 0.5em;
    position: absolute;
    right: -5px;
    bottom: 3px;
}
#lp01 .qa dt:after{
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff008a;
    font-size: 22px;
    margin-right: 0.5em;
    position: absolute;
    right: -5px;
    bottom: 3px;
}
#lp01 .qa dt:before{
    content:"Q";
    position:absolute;
    background: #0fc7e4;
    color:#fff;
    width:40px;
    height:40px;
    top:5px;
    left:5px;
    font-size:30px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    font-weight:bold;
}
#lp01 .qa dd{
	padding:10px 20px;
	border: 1px solid #000;
	background: rgb(15 199 228 / 20%);
	margin-top:5px;
	padding-left:60px;
}
#lp01 .qa dd:before{
    content:"A";
    position:absolute;
    background:#fff;
    color: #0f9fe4;
    width:40px;
    height:40px;
    top:5px;
    left:5px;
    font-size:30px;
    line-height:33px;
    text-align:center;
    border-radius:50%;
    font-weight:bold;
    border: 2px solid #0f9fe4;
}
#lp01 .qa{
	/* margin-bottom:1em; */
	padding: 0 30px 10px;
	margin: 0;
}
#lp01 .area_cat {
    background: #0f9fe4;
}
#lp01 h2{
	background:#ef1b5f;
}
#lp01 h2:after{
	border-color: #ef1b5f transparent transparent transparent;
}
#lp01 .area_box{
    background: #ffebf1;
}
.bgclr{
	 background: #0e8cf6;
	 padding:10px 20px;
}
.box02{
	background:#fff;
	padding:10px;
	text-align:center;
	border-radius:15px:

}
.box02 strong{
	color:#ef1b5f;
	font-size:150%;
animation: blink 1s infinite alternate;
}
@keyframes blink{
   0% { color: rgb(239 27 95 / 0); }
 100% { color: #ef1b5f;}
}
.sec01 ul {
	margin-bottom:40px;
	display: flex;
}
.sec01 ul li{
	border: 3px solid #ff008a;
	border-radius:10px;
	padding: 0 10px;
	margin: 5px;
	height: 555px;
	width: 260px;
}
.sec01 ul li img{
	margin-bottom:20px;
}
button.slick-prev{
  position:absolute;
  top:85px;
  left:-58px;
  border:0;
  color:transparent;
  width:38px;
  height:70px;
  background-size: contain;
}
button.slick-next{
  position:absolute;
  top:85px;
  right:-63px;
  color:transparent;
  border:0;
  width:38px;
  height:70px;
  background-size: contain;
}
button.slick-prev:after{
	content:"\f053";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  color:#ff008a;
  font-size:50px;
  position:absolute;
  left:-10px;
  bottom:-2px;
  
}
button.slick-next:after{
	content:"\f054";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  color:#ff008a;
  font-size:50px;
  position:absolute;
  right:-15px;
  bottom:-2px;
  
}

button.slick-prev{
  top: 300px;
  left: -5px;
  z-index: 100;
  width: 24px;
  height: 40px;
  background:transparent;
}
button.slick-next{
  top:300px;
  right:0;
  z-index: 100;
  width: 24px;
  height: 40px;
  background:transparent;
}