/*========================================

　●　入会金／年会費
　●　授業料

========================================*/

.p05fee_zei{ padding-bottom: 36px; text-align: center;}

/*========================================
　●　入会金／年会費
========================================*/
.sec-nyuunen{
 margin-bottom: 56px;
 background: url("../images/bgdeco/illust_school01.png") no-repeat right 116px / calc(350px * 1.0);
}

.nyuunen--text01{
 margin-bottom: 40px;
 line-height: 1.8;
 text-align: center;
}

.nyuunen--text01 > span{
 color: var(--main-pink);
 font-size: 20px;
 font-weight: bold;
}

.nyuukai,
.nenkai{
 display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
 width: 100%;
 max-width: 960px;
}

.nyuukai h4,
.nenkai h4{
 display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
 width: 175px;
 aspect-ratio: 1/1;
 font-size: 26px;
 line-height: 1.3;
 text-align: center;
 white-space: pre-line;
 border-radius: 50%;
}

.nyuukai > div,
.nenkai > div{
 width: calc(100% - 175px);
 padding-left: 32px;
 font-size: 22px;
}

.nyuukai{ margin-bottom: 72px; margin-right: auto;}
.nenkai{ margin-left: auto;}

/*-----*/
.nyuukai h4{ background: var(--main-yellow);}
.nyuukai > div{ line-height: 1.8;}

/*-----*/
.nenkai h4{ color: #664e1a; background: var(--main-cream);}

.nenkaiCourse{}

.nenkaiCourse dl{
 display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
 width: 100%;
 margin-bottom: 16px;
 line-height: 1.5;
}

.nenkaiCourse dl:last-of-type{ margin-bottom: 0;}

.nenkaiCourse dt{
 width: 6.0em;
 margin-right: 0.75em;
 padding-top: 6px;
 padding-bottom: 10px;
 color: #fff;
 text-align: center;
}

.nenkaiCourse dd{ padding-top: 6px;}
.nenkaiCourse dd br{ display: none;}

.nenkaiCourse dl.nenkaiKotei dt{ background: var(--main-blue);}
.nenkaiCourse dl.nenkaiHenko dt{ background: var(--main-pink);}

/*============================== □ max-width xxx */
@media screen and (max-width: 1280px){
.sec-nyuunen{ background: url("../images/bgdeco/illust_school01.png") no-repeat right 116px / calc(350px * 0.8);}

}/*----- media -----*/

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){
.sec-nyuunen{
 padding-bottom: 240px;
 background: url("../images/bgdeco/illust_school01.png") no-repeat center bottom / calc(350px * 0.6);
}

}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){
.nyuukai,
.nenkai{
 display: flex;
  align-items: center;
  flex-direction: column;
 width: 100%;
 max-width: 960px;
}

.nyuukai h4,
.nenkai h4{
 display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
 width: 152px;
 margin-bottom: 16px;
 font-size: 24px;
}

.nyuukai > div,
.nenkai > div{
 width: 100%;
 padding-left: 0px;
 font-size: 20px;
}

/*-----*/
.nyuukai{ margin-bottom: 48px;}
.nyuukai > div{ text-align: center;}

/*-----*/
.nenkai h4{ margin-bottom: 32px;}

.nenkaiCourse{}
.nenkaiCourse dl{
 display: flex;
  align-items: center;
  flex-direction: column;
 margin-bottom: 32px;
}

.nenkaiCourse dt{
 margin-left: auto;
 margin-right: auto;
}

.nenkaiCourse dd{ padding-top: 6px; text-align: center;}
.nenkaiCourse dd br{ display: none;}

}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
.nyuunen--text01{ text-align: left;}

.nyuukai h4,
.nenkai h4{ width: 136px; font-size: 22px;}

.nyuukai > div,
.nenkai > div{ font-size: 18px;}

/*-----*/
.nyuukai > div{ text-align: center;}

/*-----*/

.nenkaiCourse dd br{ display: block;}

}/*----- media -----*/


/*========================================
　●　授業料
========================================*/
.sec-feeArea{}
.feeArea--text01{
 margin-bottom: 48px;
 line-height: 1.8;
 text-align: center;
}

/*------------------------------ 料金部分 */
.lessonfeeLayout01{
 display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
 width: 100%;
 max-width: 1080px;
 margin-left: auto;
 margin-right: auto;
}

.lessonfeeSizeA{
 display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
 width: 48%;
 max-width: 518px;
 margin-bottom: 32px;
 padding-top: 12px;
 padding-bottom: 24px;
 border-radius: 8px;
}

.lessonfeeSizeA figcaption,
.lessonfeeSizeB figcaption{
 margin-bottom: 16px;
 padding-left: 8px;
 padding-right: 8px;
 font-size: 22px;
 line-height: 1.3;
 text-align: center;
}

.lessonfeeSizeA figcaption .u-small01{ font-size: 18px;}

.lessonfeeMain{
 width: 90%;
 max-width: 396px;
 margin-top: auto;
 padding: 12px 8px 16px 8px;
 font-size: 22px;
 line-height: 1.3;
 text-align: center;
 background: rgba(255,255,255,0.8);
 border-radius: 8px;
}

.lessonfeeMain p .u-small01{ font-size: 18px;}

/*-----*/
.lessonfeeSizeB{
 width: 100%;
 max-width: 960px;
 margin-bottom: 56px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 12px;
 padding-bottom: 24px;
 border-radius: 8px;
}

.lessonfeeSizeB figcaption{/* .lessonfeeSizeAと共通 */}

.courseList{
/*
 display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
*/
 width: 97%;
 max-width: 928px;
 margin-bottom: 12px;
 margin-left: auto;
 margin-right: auto;
 padding: 12px 0px 16px 8px;
 text-align: center;
 background: rgba(255,255,255,0.8);
 border-radius: 8px;
}

.courseList:last-of-type{ margin-bottom: 0;}

.courseList dt{
 width: 100%; /*296px*/
 padding-bottom: 4px;
 font-size: 22px;
 line-height: 1.5;
}

.courseList dd{
 width: 100%;
 font-size: 22px;
 line-height: 1.3;
 font-weight: 300;
}

.courseExsample{
 padding-top: 6.3px;
 font-size: 16px;
 font-weight: 300;
}

/*-----*/
.bg_kids01{
 padding-bottom: 24px;
 background: url("../images/bgdeco/illust_kids01.png") no-repeat right bottom / calc(320px * 1.0);
}

.fee--jh { margin-bottom: 24px;}

/*---------- 個別設定 */
.feeAdult{ background: var(--main-green);}
.feeAdult figcaption{ color: #fff;}
.feeAdult .lessonfeeMain{}

.feeKids{ background: #fff799;}
.feeKids figcaption{ color: #664e1a;}
.feeKids .lessonfeeMain{}

.feeJh{ background: var(--main-skyblue);}
.feeJh figcaption{ color: #fff;}
.feeJh .lessonfeeMain{}

.courseList dt .u-small{ font-size: 20px;}

/*------------------------------ 注意エリア */
.feeAttention{
 padding-bottom: 16px;
 padding-left: 2em;
 padding-right: 1em;
 background: var(--main-cream);
 border-radius: 8px;
}

.feeAttention figcaption{
 width: 67%;
 max-width: 734px;
 margin-bottom: 24px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 16px;
 padding-bottom: 16px;
 color: #c63ea6;
 font-size: 18px;
 text-align: center;
 border-bottom: 1px solid #c63ea6;
}

.feeAttention ul{ margin-left: 1em;}

.feeAttention ul li{
 padding-bottom: 8px;
 color: #664e1a;
 line-height: 1.5;
}

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){
/*-----*/
.bg_kids01{
 padding-bottom: 24px;
 background: url("../images/bgdeco/illust_kids01.png") no-repeat right bottom / calc(320px * 0.6);
}

/*------------------------------ 注意エリア */
.feeAttention{
 padding-bottom: 16px;
 padding-left: 1em;
 padding-right: 1em;
 background: var(--main-cream);
 border-radius: 8px;
}

}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){
/*------------------------------ 料金部分 */
.lessonfeeSizeA{
 width: 100%;
 max-width: 518px;
 margin-bottom: 32px;
}

.lessonfeeMain{ font-size: 20px;}

/*-----*/
.lessonfeeSizeB{
 width: 100%;
 max-width: 518px;
}

.courseList{
 display: flex;
  flex-direction: column;
  justify-content: flex-start;
 width: 90%;
 padding: 12px 8px 16px 8px;
}

.courseList dt,
.courseList dd{ font-size: 20px;}

.courseList dt{ width: 100%}
.courseList dd{ width: 100%;}


/*---------- 個別設定 */
.courseList dt .u-small{ font-size: 18px;}

/*-----*/
.bg_kids01{
 padding-bottom: calc((248px * 0.6) + 0px);
 background: url("../images/bgdeco/illust_kids01.png") no-repeat center calc(100% - 16px) / calc(320px * 0.6);
}

}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
.feeArea--text01{ text-align: left;}

/*------------------------------ 料金部分 */
.lessonfeeMain{ font-size: 18px;}

.courseList dt,
.courseList dd{ font-size: 18px;}

}/*----- media -----*/