@charset "UTF-8";
/*!
Theme Name: leacraft_renewal
Template: habakiri
*/
/* ここから下に書いていく */
.datsumou_plan{
  background: linear-gradient(#FFD6ED,#fff);
}
.datsumou_plan h1{
  font-size:5vw;
  color:#FF68C2;
  margin:0 auto;
  text-align: center;
}
.datsumou_plan .frame{
  background-color: #fff;
  border-radius: 20px;
  width:80%;
  padding:20px;
  margin:0 auto;
  text-align: center;
}
.datsumou_plan .course_title{
  font-size:3vw;
  color:#FF68C2;
  text-align: center;
}
.datsumou_plan .part_title{
  font-size:3vw;
  font-weight: bold;
  text-align: center;
}
.datsumou_plan img{
  width:90%;
}
.datsumou_plan .term{
  font-size:3vw;
  text-align: center;
}
.datsumou_plan table{
  margin:0 auto;
  font-size:2.5vw;
  text-align: center;
}
.datsumou_plan td{
  border: solid 2px #000;
  width:25%;
  padding:15px;
}
.datsumou_plan .index{
  font-weight: bold;
}
.datsumou_plan .index1{
  background-color: #469BFF;
  color:#fff;
}
.datsumou_plan .index2{
  background-color: #FF68C2;
  color:#fff;
}
.datsumou_plan .index3{
  background-color: #FF68C2;
  color:#fff;
  width:50%;
}
.datsumou_plan .cell1{
  color:#469BFF;
}
.datsumou_plan .cell2{
  color:#FF68C2;
}
/* VIOライン */
.flex_part{
  display:flex;
  margin:auto;
  justify-content: space-around;
  align-items: center;
}
.part_box{
  text-align: center;
  flex:1;
}
.part_box p1{
  display:block;
  font-size: 2vw;
}
.part_box p2{
  display:block;
}
.part_box p3{
  display:block;
  font-size: 2vw;
  color:red;
}

.reserve_botton{
  display: block;
  margin:10px auto;
  color:#fff;
  background-color: #FF68C2;
  font-size: 4vw;
  width:70%;
  text-align: center;
  position: relative;
  text-decoration: none;
  padding: 5px 10px;
  box-sizing: border-box;
}
.reserve_botton::after {
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 30px;
  width: 3vw;
  height:3vw;
  margin-left: 10px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  content: '';
  position:absolute;
}
.coupon_botton{
  display: block;
  margin:10px auto;
  color:#FF68C2;
  background-color: #FFF;
  border:solid 5px #FF68C2;
  font-size: 4vw;
  width:70%;
  text-align: center;
  position: relative;
  text-decoration: none;
  padding: 5px 10px;
  box-sizing: border-box;
}
.coupon_botton::after {
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 30px;
  width: 3vw;
  height:3vw;
  margin-left: 10px;
  border-top: 5px solid #FF68C2;
  border-right: 5px solid #FF68C2;
  content: '';
  position:absolute;
}