*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}

body{
line-height: 2;
letter-spacing: 0.05em;
font-size: 16px;
}
p{text-wrap:pretty;}
h2,h3,h4{line-height: 1.8;  letter-spacing: 0.05em;}

.f64{font-size:400%;}
.f48{font-size:300%;}
.f40{font-size:250%;}
.f32{font-size:200%;}
.f28{font-size:175%;}
.f24{font-size:150%;}
.f20{font-size:125%;}
.f14{font-size:87.5%;}
.f10{font-size:62.5%;}
.bold{font-weight: bold;}
.black{font-weight: 900;}
.yellow{background:linear-gradient(#ffffff 60%, #fff68c 60%);display:inline;}
.pink{color: #ed2a78;}
.left{text-align: left;}
.center{text-align: center;}
.lh1{line-height: 1;}
a{transition: 0.3s;}
a:hover{opacity: 0.6;}


h1{
  max-width: 1500px;
  margin: 0 auto;
}

.column1 {
  text-align: center;
  margin:4rem 0 3rem;
  padding:0 5%;
}
.column1 h2{
  color: #ed2a78;
  font-size:400%;
  font-weight: bold;
}
.column1 a img{
  margin: 0 auto;
}

.column1 .bg1{
  background:url(/wp-content/themes/lightning_child_sample/img/business_club/bg1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  max-width: 1100px;
  margin: 2rem auto;
  padding:0;
}
.column1 .bg1::before{
  content:"";
  display: block;
  background:url(/wp-content/themes/lightning_child_sample/img/business_club/dot.png);
  width:4px;
  height:104px;
  position: relative;
  left:calc(50% - 2px);
  top: 0;
}

.column1 h3,
.column2 h3{
  font-size: 200%;
  position: relative;
  padding: 1.5rem 0;
  margin-bottom: 1em;
}
.column1 h3::after,
.column2 h3::after{
  content:"";
  display: block;
  width:168px;
  height:1px;
  background-color:#000;
  position: absolute;
  bottom: 0;
  left: calc(50% - 84px);
}
.column1 a img{
  animation: 2s infinite baloon ease-in-out;
}
.column1 .flex{
  margin:3rem 0;
  display: flex;
  justify-content: center;
  gap:4%;
}
.column1 .flex > div{
  max-width: 48%;
}

.column1 .flex > div .f10{
line-height: 1.4;
margin-top:0.5rem;
}

.column1 .flex > div .waku{
border:5px solid #ed2a78;
border-radius:3rem;
background:#fff;
padding: 0.5rem 1rem 1rem;
margin-top:2rem;
}

.column1 .flex > div .waku span{
color: #ed2a78;
}
.column1 .flex > div .waku span span.ff32{
  font-size: 133%;
}

.column1 .flex > div .waku .next{
  position: relative;
  padding-bottom: 0.8em;
}

.column1 .flex > div .waku .next::after{
  content:"";
  display: block;
  position: absolute;
  border-top: 12px solid #ed2a78;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom:0;
  left:calc(50% - 10px);
}

.column1 .flex > div .waku .last{
  line-height: 1.4;
  margin-top:0.3em;
  margin-bottom: 0.5em;
}
.column1 .flex > div .waku .last > span{
  border-bottom: 1px solid #ed2a78;
  padding-bottom: 5px;
}

.column1 .bg2{
  background:url(/wp-content/themes/lightning_child_sample/img/business_club/bg2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  max-width: 880px;
  margin: 5rem auto;
  padding:3rem 0 2rem;
  text-align: center;
}

.column1 .bg2 h4{
  position: relative;
  display: flex;
  font-size: 300%;
  color: #ed2a78;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.column1 .bg2 h4::before,
.column1 .bg2 h4::after{
  content:"";
  display: block;
  background:#000;
  height:1px;
  width:90px;
}

.column1 .bg2 h4::before{
  transform: translate(-5px,10px) rotate(45deg);
}
.column1 .bg2 h4::after{
  transform: translate(-5px,10px) rotate(-45deg);
}

.column1 .bg2 ul{
  list-style: none;
  padding:0;
  display: inline-block;
  margin-top:3rem;
}

.column1 .bg2 ul li{
  font-size: 200%;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:14px;
  border-bottom:2px dashed #b8b8b8;
  padding-top:0.5rem;
  text-align: left;
  
}
.column1 .bg2 ul li::before{
  content: "";
  display: block;
  width:52px;
  height: 39px;
  background:url(/wp-content/themes/lightning_child_sample/img/business_club/list.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.column2{
  background: #ddf6ff;
  padding: 3rem 0;
}

.column2 .inner{
  max-width: 1000px;
  margin: 0 auto;
  width:90%;
  background: #fff;
  border-radius: 50px;
}
.column2 dl{
  margin: 16px auto;
  padding-bottom: 16px;
  border-bottom: 2px solid #f0f0f0;
  display: flex;
  align-items: center;
  width:90%;
}
.column2 dl dt{
  padding-right: 30px;
  text-align: right;
  vertical-align: middle;
  width:30%;
}

.column2 dl dd{
  border-left: 2px solid #73cdc8;
  padding-left: 30px;
  width:70%;
}

.column2 dl.noborder{
  border-bottom: none;
}

.column2 dl dd.hotdeal{
  background:url(/wp-content/themes/lightning_child_sample/img/business_club/img2.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

.column2 .inner > p{
line-height: 1.4;
padding-bottom: 2rem;
}

.column3{
  background:url(/wp-content/themes/lightning_child_sample/img/business_club/bg3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  width:100vw;
  height:43.6vw;
  min-height: 480px;
  padding:8rem 0 0;
  color: #fff;
}

.column3::before,
.column4::before{
  content:"";
  display: block;
  background:url(/wp-content/themes/lightning_child_sample/img/business_club/dot.png);
  width:4px;
  height:104px;
  position: absolute;
  left:calc(50% - 2px);
  top: 10px;
}

.column3 p.posi{
  margin-left: 55%;
  padding-top:1rem;
}

.column4 {
  position: relative;
  background:url(/wp-content/themes/lightning_child_sample/img/business_club/bg4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding:8rem 0 2rem;
}

.column4 .inner{
  margin: 0 auto;
  padding: 0 5%;
  max-width:calc(850px + 10%);
}

.column4 .inner .f64{
  line-height: 1.4;
  margin-bottom: 2rem;
}

.column4 .inner .mt{
margin-top:2rem;
}

.column4 .inner a{
background: linear-gradient(#5bb903,#ace31d);
border:5px solid #5bb903;
color:#fff;
text-align: center;
width: 100%;
border-radius: 50px;
display: block;
text-align: center;
text-decoration: none;
margin: 4rem 0 0;
padding: 1rem 3rem 1rem 1rem;
position: relative;
animation: 2s infinite baloon ease-in-out;
line-height: 1.4;
}

@keyframes baloon{
0%{
transform: scale(1);
}
30%{
transform: scale(1);
}
50%{
transform: scale(1.03);
}
70%{
transform: scale(1);
}
100%{
transform: scale(1);
}
}

.column4 .inner a::after{
  content:"";
  display: block;
  position: absolute;
  border-left: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top:calc(50% - 12px);
  right:20px;
}

footer{
  display: flex;
  justify-content: space-between;
  margin: 1rem 2rem;
  font-size: 12px;
  align-items: center;
}

.pc{display: inline;}
.sp{display: none;}

@media screen and (max-width:979px){
  .f64{font-size:320%;}
  .f48{font-size:240%;}
  .f40{font-size:200%;}
  .f32{font-size:175%;}
  .f28{font-size:150%;}
  .f24{font-size:125%;}
  .f20{font-size:110%;}
  .column1 h2{ font-size: 320%; }
  .column1 .bg2 h4{font-size:240%;}
  .column1 .bg2 ul li{font-size: 175%;}
}

@media screen and (max-width:767px){

  body{font-size: 14px;}
  .f64{font-size:300%;}
  .f48{font-size:220%;}
  .f40{font-size:180%;}
  .f32{font-size:165%;}
  .f28{font-size:140%;}
  .f24{font-size:115%;}
  .f20{font-size:105%;}
  .column1 h2{ font-size: 280%;word-break: keep-all; }
  .column1 h3, .column2 h3{font-size: 160%;}
  .column1 h3::after, .column2 h3::after{width:100px;left:calc(50% - 50px);}
  .column1 .bg2 h4{font-size:240%;}
  .column1 .bg2 ul li{font-size: 175%;}
.pc{display: none;}
.sp{display: inline;}
.column1 .flex{  flex-direction: column;}
.column1 .flex > div {max-width: 100%;}
.column1 .flex > div:first-child{width:80%;margin:0 auto 2rem;}
.column1 .flex > div:last-child p{text-align: center;}
.column2 dl dd.hotdeal{background-size: 25%;background-position: bottom right;}
.column3 p.posi{margin-left: 0;text-align: center;}
.column4 p{text-align: center;word-break: keep-all;}
footer p{font-size: 12px;}
}

@media screen and (max-width:480px){
  .f64{font-size:240%;}
  .f48{font-size:200%;}
  .f40{font-size:160%;}
  .column1 {padding:0;}
  .column1 > * {padding-left:5%!important;padding-right:5%!important;}
  .column1 h2{ font-size: 240%; }
  .column1 h3, .column2 h3{font-size: 140%;}
  .column1 h3::after, .column2 h3::after{width:60px;left:calc(50% - 30px);}
  .column1 .bg1{background-size: 180%;}
  .column1 .bg2{background-position: bottom;background-size: 150%;}
  .column1 .bg2 h4{font-size:200%;}
  .column1 .bg2 ul li{font-size: 125%;}
  .column1 .bg2 ul li::before{width:40px;height:30px;}
  .column1 .bg2 h4::before, .column1 .bg2 h4::after{width:45px;}
  .column2 dl{flex-direction: column;}
  .column2 dl dt{width:100%;padding:10px;text-align: left;}
  .column2 dl dd{width:100%;padding: 10px; border-left: none;border-top:2px solid #73cdc8;
  }
  .column2 dl br.sp{display: none!important;}
  .column4 .inner p:last-child{font-size:130%;}
  footer p{font-size: 10px;}
}