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

　●　臨時のお知らせ・お知らせ

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


/*========================================
　●　サービス・イベント・キャンペーン
========================================*/
.sec-service{ margin-bottom: 56px;}

.sec-service h3 br{ display: none;}

.serviceLi{ margin-bottom: 36px;}

.serviceLi.u-bordertop{
 padding-top: 36px;
 border-top: 3px dotted var(--main-green);
}

/*------------------------------ 個別のサービスごとのcss */
/*---------- ◆ 体験レッスン */
.sL_taiken{ margin-bottom: 84px;}

.sL_taiken h4{
 margin-bottom: 32px;
 text-align: center;
}
.sL_taiken h4 img{ width: 100%; max-width: 570px;}

.taikenTable01{ margin-bottom: 24px;}

.taikenTable01 dt,
.taikenTable01 dd{ line-height: 1.5; border-color: var(--main-blue) !important;}

.taikenTable01 dt{
 display: flex;
  align-items: center;
  justify-content: center;
 width: 30%;
 color: #fff;
 background: var(--main-blue);
}

.taikenTable01 dd{ width: 70%;}

.taikenTable01 dd ul{
 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.taikenTable01 dd li{
 margin-left: 0.25em;
 margin-right: 0.25em;
 list-style: none;

}


.taiken--text01{
 margin-bottom: 48px;
 color: var(--main-orange);
 line-height: 1.8;
 text-align: center;
}

.taiken--toSegaiyo{
 margin-left: auto;
 margin-right: auto;
}

/*---------- ◆ chit chat */
.sL_chit{ margin-bottom: 84px;}

.sL_chit h4{
 margin-bottom: 32px;
 text-align: center;
}
.sL_chit h4 img{ width: 100%; max-width: 570px;}

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

.chit--text01 span{
 color: var(--main-pink);
 font-size: 18px;
 text-decoration: underline;
 text-decoration-color: var(--main-pink);
 text-underline-offset: 6px;
}

.chit--text02{
 line-height: 1.8;
}

.sL_chit h5{
 margin-bottom: 16px;
 padding-bottom: 8px;
 color: var(--main-green);
 font-size: 24px;
 text-align: center;
}

.chitTable01{ margin-bottom: 36px;}

.chitTable01 dt,
.chitTable01 dd{ border-color: var(--main-yegreen) !important;}

.chitTable01 dt{
 display: flex;
  align-items: center;
  justify-content: center;
 width: 30%;
 background: var(--main-yegreen);
}

.chitTable01 dd{ width: 70%;}

.chitTable01 dd br{ display: none;}

/*-----*/
.chitTable02{}

.chitTable02 dt,
.chitTable02 dd{ border-color: var(--main-yegreen) !important;}

.chitTable02 dt{
 display: flex;
  align-items: center;
  justify-content: center;
 width: 30%;
 background: var(--main-yegreen);
}

.chitTable02 dd{ width: 70%;}

.chitTable02--th dd{
 background: var(--main-yegreen);
 border-left: 1px solid rgba(255,255,255,1.0) !important;
}

/*---------- ◆ エージェント */
.sL_agent{ margin-bottom: 56px;}

.sL_agent h4{
 margin-bottom: 32px;
 text-align: center;
}

.sL_agent h4 img{ width: 100%; max-width: 860px;}

.sL_agent p.agent--text01{
 padding-bottom: 8px;
 line-height: 1.8;
 text-align: center;
}

.sL_agent p.agent--text01:last-of-type{ margin-bottom: 32px;}

.sL_agent figure{
 width: 100%;
 max-width: 860px;
 margin-bottom: 32px;
 margin-left: auto;
 margin-right: auto;
 padding: 16px;
 color: #664e1a;
 background: var(--main-cream);
}

.sL_agent figure p{
 padding-bottom: 8px;
 font-size: 14px;
 line-height: 1.8;
 text-align: left;
}

a.sL_agentLink{
 display: flex;
  align-items: center;
  justify-content: center;
 width: 100%;
 max-width: 300px;
 height: 56px;
 margin-left: auto;
 margin-right: auto;
 text-decoration: none;
 background: var(--main-green);
 border-radius: 28px;
}

a.sL_agentLink:link{ color: #fff;}
a.sL_agentLink:visited{ color: #fff;}
a.sL_agentLink:hover{}

/*---------- ◆ 窓 */
.sL_mado{ margin-bottom: 56px;}

.sL_mado h4{
margin-bottom: 32px;
 text-align: center;
}

.sL_mado h4 img{ width: 100%; max-width: 860px;}

.sL_mado p{
 padding-bottom: 8px;
 line-height: 1.8;
 text-align: center;
}

/*---------- ◆ 入会金０円 */
.sL_nyuukai0{ margin-bottom: 84px; text-align: center;}

.sL_nyuukai0 .m-banner{}
.sL_nyuukai0 .m-banner img{ width: 100%; max-width: 860px;}

/*---------- ◆ ビジネスページバナー */
.sL_business{}

.sL_business .m-banner{
 display: block;
 max-width: 688px;
 margin-bottom: 40px;
 margin-left: auto;
 margin-right: auto;
}

.sL_business .m-banner:last-of-type{ margin-bottom: 0;}

.sL_business .m-banner img{ width: 100%; max-width: 688px;}

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){
.sec-service h3 br{ display: block;}

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

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){
.serviceLi.u-bordertop{
 padding-top: 24px;
}

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

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
.serviceLi.u-bordertop{
 padding-top: 16px;
}

/*------------------------------ 個別のサービスごとのcss */
/*---------- ◆ chit chat */
.chit--text01{ text-align: left;}

.chitTable01 dd br{ display: block;}

/*---------- ◆ 窓 */
.sL_mado p{ text-align: left;}

/*---------- ◆ エージェント */
.sL_agent p.agent--text01{ text-align: left;}

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


/*========================================
　●　臨時のお知らせ・お知らせ
========================================*/
/*------------------------------ 臨時のお知らせ */
.sec-rinjiinfo{ margin-bottom: 56px;}

.rinjiTopic{
 margin-bottom: 40px;
 padding-top: 16px;
 padding-bottom: 16px;
 padding-left: 8px;
 padding-right: 8px;
 border: 1px solid #e0ded7;
}

.rinjiinfo--text00{
 margin-bottom: 0px;
 line-height: 1.8;
 text-align: center;
}


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

.rinjiinfo--text02{
 margin-bottom: 0px;
 line-height: 1.8;
 text-align: center;
}
.rinjiinfo--toInfo{
 margin-left: auto;
 margin-right: auto;
}

/*------------------------------ お知らせ */
.sec-information{ margin-bottom: 56px;}

.topic{
 margin-bottom: 20px;
 padding-left: 8px;
 padding-right: 8px;
 border: 1px solid #e0ded7;
}

.topic figcaption{
 margin-bottom: 16px;
 padding-top: 16px;
 padding-bottom: 16px;
 font-size: 18px;
 line-height: 1.5;
 border-bottom: 1px solid #e0ded7;
}

.topicNaiyou{
 padding-bottom: 8px;
}

.topicNaiyou .p_topic{
 padding-bottom: 8px;
 line-height: 1.8;
}

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){}/*----- media -----*/

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

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