@charset "utf-8";

.page-header {
background-image: url(//kashikiri-fit.com/wp-content/themes/lightning-child/img/f-price/mv_price.jpg);
}
.page-header-title::after {
content: 'JOINING & PRICE';
}
.text-divider {
display: flex;
align-items: center;
}
.text-divider::before,
.text-divider::after {
content: '';
height: 2px;
background-color: #333;
flex-grow: 1;
} .plan_about_kf {
font-size: 30px;
text-align: center;
font-weight: 600;
margin: 80px 0 20px;
}
.plan_service_kf {
text-align: center;
}
.sec_price_plan .btn_det {
margin: 40px auto;
}
.under_sce_title {
margin-bottom: 40px;
margin-top: 30px;
}
.plan_name {
color: #f76b1c;
background: #000;
padding: 0 8px;
margin-right: 20px;
}
.plan_note {
font-size: 20px;
}
.plan_note span{
font-weight: 600;
}
.img_price_plan {
display: block;
width: 80%;
margin: 40px auto;
}
.plan_cont {
margin-bottom: 60px;
}
.plan_corp_cont {
background-color: #eee;
padding: 20px;
}  .sec_flow {
padding-top: 50px;
}
.price_title {
font-size: 26px;
text-align: center;
margin-bottom: 60px;
} .flow {
padding-left: 120px;
position: relative;
}
.flow::before {
content: "";
width: 15px;
height: 100%;
background: #eee;
margin-left: -8px;
display: block;
position: absolute;
top: 0;
left: 120px;
}
.flow > li {
position: relative;
}
.flow > li:not(:last-child) {
margin-bottom: 8vh;
}
.flow > li .icon {
font-size: 12px;
color: #fff;
background: rgba(247, 107, 28, .3);
background: -moz-linear-gradient(110deg, rgba(247, 107, 28, 1) 0%, rgba(250, 217, 97, 1) 100%);
background: -webkit-linear-gradient(110deg, rgba(247, 107, 28, 1) 0%, rgba(250, 217, 97, 1) 100%);
background: linear-gradient(110deg, rgba(247, 107, 28, 1) 0%, rgba(250, 217, 97, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
padding: 8px 20px;
display: block;
position: absolute;
top: 0;
left: -120px;
z-index: 100;
}
.flow > li .icon::after {
content: "";
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent rgba(250, 217, 97, 1);
position: absolute;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flow > li dl {
padding-left: 70px;
position: relative;
font-size: 16px;
}
.flow > li dl::before,
.flow > li dl::after {
content: "";
display: block;
position: absolute;
top: 15px;
}
.flow > li dl::before {
width: 7px;
height: 7px;
margin-top: -3px;
background: #f76b1c;
border-radius: 50%;
left: -4px;
}
.flow > li dl::after {
width: 50px;
border-bottom: 1px dashed #999;
position: absolute;
left: 5px;
}
.flow > li dl dt {
font-size: 20px;
font-weight: 600;
color: #f76b1c;
margin-bottom: 1vh;
}
.flow > li dd span {
font-size: 14px;
} .flow_add {
border: 1px solid #aaa;
padding: 10px;
width: 80%;
margin: 40px auto 0;
}
.flow_add p {
font-weight: 600;
}
.flow_add li {
list-style-type: square;
list-style-position:inside;
padding-left:10px;
}
.flow_add_hosoku {
font-size: 12px;
padding-left: 24px;
display: block;
}       @media screen and (max-width: 1000px) {
}    @media screen and (max-width: 834px) { .img_price_01 {
margin: 0 auto 20px;
} 
.plan_about_kf {
font-size: 24px;
margin: 20px 0 10px;
} }    @media screen and (max-width: 776px) {
}    @media screen and (max-width: 640px) {
.page-header {
background-image: url(//kashikiri-fit.com/wp-content/themes/lightning-child/img/f-price/mv_price_sp.jpg);
} .img_price_01 {
margin: 0 auto 10px;
} 
.plan_about_kf {
font-size: 18px;
margin: 10px 0 10px;
}
.plan_service_kf {
text-align: center;
}
.plan_cont {
}
.price_title {
font-size: 20px;
text-align: center;
margin-bottom: 10px;
}
.under_sce_title {
margin-bottom: 16px;
margin-top: 20px;
}
.plan_cont p {
font-size: 14px;
}
.plan_note {
font-size: 16px!important;
line-height: 1.4;
}
.img_price_plan {
width: 100%;
margin: 20px auto;
}
.plan_corp_cont p {
font-size: 14px;
}
.sec_price_plan .btn_det {
margin: 20px auto;
width: 90%;
}
.sec_price_plan .btn_det a {
width: 90%;
}   .flow > li dl {
padding-left: 30px;
font-size: 14px;
}
.flow > li dl::after {
width: 20px;
}
.flow > li dd span {
font-size: 12px;
} .flow_add {
width: 100%;
margin: 20px auto 0;
} }