@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.メンバー一覧
03.メンバー詳細
04.授業実践レポート
04-01.授業実践レポート詳細
05.コラム
05-01.コラム詳細
06.活動実績
06-01.活動実績詳細
07.お知らせ
07-01.お知らせ詳細
08.私たちの活動
09.お問い合わせ
09-01.お問い合わせ確認
10.プライバシーポリシー
11.Not found
12.タクソノミー関係ページ
--------------------*/

@media only screen and (max-width:1024px){
/*----------
01.top
----------*/
#top #mainvisual_area .catchcopy_box{
width: 42%;
padding: 40px 32px 69px 39px;
}

#top #mainvisual_area .catchcopy_box::before{
border-radius: 63px 0 0 63px;
}

#top #mainvisual_area .article_list_ptn01{
width: 58%;
}

#top #mainvisual_area .catchcopy_box .catchcopy{
font-size: clamp(30px, 2.94vw, 44px);
}

#top #mainvisual_area .catchcopy_box .small_text{
font-size: clamp(20px, 1.46vw, 28px);
}

#top #mainvisual_area .catchcopy_box .sub_catchcopy{
font-size: clamp(14px, 1.2vw, 18px);
}

#top #mainvisual_area .article_list_ptn01 .cnt_box .cnt_text::before{
border-radius: 0 0 63px 63px;
}

#top #mainvisual_area .article_list_ptn01 .article_type_ptn01{
font-size: 16px;
}

#top #mainvisual_area .article_list_ptn01 .cnt_box .article_title{
font-size: 20px;
}

#top #mainvisual_area .scroll_box{
bottom: 20px;
right: 30px;
width: 60px;
height: 60px;
}

#top #mainvisual_area .scroll_box img{
max-width: 17px;
}

#top .area_type01{
padding-bottom: 20px;
}

/*----------
02.メンバー一覧 1024
----------*/
/*----------
03.メンバー詳細 1024
----------*/
/*----------
04.授業実践レポート 1024
----------*/

/*----------
04-01.授業実践レポート詳細 1024
----------*/
/*----------
05.コラム 1024
----------*/

/*----------
05-01.コラム詳細 1024
----------*/

/*----------
06.活動実績 1024
----------*/

/*----------
06-01.活動実績詳細 1024
----------*/

/*----------
07.お知らせ 1024
----------*/
/*----------
07-01.お知らせ詳細 1024
----------*/
/*----------
08.私たちの活動 1024
----------*/
/*----------
09.お問い合わせ 1024
----------*/
/*----------
09-01.お問い合わせ確認 1024
----------*/
/*----------
09-02.お問い合わせ完了 1024
----------*/
/*----------
10.プライバシーポリシー 1024
----------*/
/*----------
11.Not found 1024
----------*/

/*----------
12.タクソノミー関係ページ 1024
----------*/

}

@media only screen and (max-width:768px){
/*----------
01.top 768
----------*/
#top #mainvisual_area{
padding: 70px 0 36px;
}

#top #mainvisual_area .contents_in{
display: block;
width: calc(100% - 50px);
}

#top #mainvisual_area .catchcopy_box{
max-width: none;
width: 100%;
padding: 0;
text-align: center;
line-height: 1.2;
margin-bottom: 25px;
}

#top #mainvisual_area .catchcopy_box::before{
content: none;
}

#top #mainvisual_area .catchcopy_box .catchcopy{
font-size: 36px;
margin-bottom: 20px;
}

#top #mainvisual_area .catchcopy_box .small_text{
font-size: 27px;
}

#top #mainvisual_area .catchcopy_box .sub_catchcopy{
font-size: 13px;
}

#top #mainvisual_area .article_list_ptn01{
width: 100%;
margin: 0 auto;
}

#top #mainvisual_area .article_list_ptn01 .cnt_box{
padding: 10px 10px 0;
}

#top #mainvisual_area .article_list_ptn01 .article_type_ptn01{
font-size: 14px;
padding: 9px 14px;
}

#top #mainvisual_area .article_list_ptn01 .cnt_box .cnt_img{
border-radius: 10px;
}

#top #mainvisual_area .article_list_ptn01 .cnt_box .cnt_text{
padding: 10px 15px;
}

#top #mainvisual_area .category_list_ptn01 li .list_in{
font-size: 13px;
padding: 8px 10px;
}

#top #mainvisual_area .article_list_ptn01 .cnt_box .article_title{
font-size: 15px;
-webkit-line-clamp: 2;
margin-bottom: 15px;
}

#top #mainvisual_area .article_list_ptn01 .info_box_ptn01{
font-size: 12px;
}

#top #mainvisual_area .article_list_ptn01 .info_box_ptn01::before{
margin-right: 8px;
}

#top #mainvisual_area .tag_list_ptn01 li span{
font-size: 12px;
padding: 4px 9px;
}

#top #mainvisual_area .slick_info{
position: relative;
bottom: 0;
left: 0;
margin-top: 10px;
justify-content: flex-end;
}

#top #mainvisual_area .slick_dots{
margin-bottom: 10px;
}

#top #mainvisual_area .slick_dots li{
width: 14px;
height: 14px;
margin: 0 1.5px;
}

#top #mainvisual_area .slick_dots li.slick-active::before{
width: 14px;
height: 14px;
box-sizing: border-box;
}

#top #mainvisual_area .slick_dots li button{
width: 5px;
height: 5px;
}

#top #mainvisual_area .progree_numbers{
width: 40px;
margin-left: 11.5px;
}

#top #mainvisual_area .progree_numbers .slide_control_button{
width: 40px;
height: 40px;
}

#top #mainvisual_area .progree_numbers .slide_control_number{
width: 40px;
font-size: 14px;
}

#top #mainvisual_area .progree_numbers .slide_control_bg{
width: 40px;
}

#top #mainvisual_area .progree_numbers .slide_control_bg path.line_up {
stroke-width: 3px
}

#top #mainvisual_area .scroll_box{
display: none;
}

#top #mainvisual_area .illust_d{
width: 46.94%;
top: 21.26%;
left: -13.34%;
}

#top #mainvisual_area .illust_c01{
width: 39.2%;
left: auto;
top: 16.43%;
right: -13.34%;
}

#top #mainvisual_area .illust_c02{
width: 58.14%;
bottom: -5.01%;
right: -13.34%;
}

#top .area_type01 .article_list_ptn04 .cnt_box a{
display: flex;
align-items: start;
}

#top .area_type01 .article_list_ptn04 .cnt_img{
display: block;
width: 25%;
}

#top .area_type01 .article_list_ptn04 .cnt_text{
width: 70%;
}

#top .area_type01 .article_list_ptn04 .article_type_ptn01{
font-size: 12px;
padding: 3px 6px;
}

#top #classpractice_area{
margin-bottom: 60px;
}

#top #classpractice_area .cnt_g{
margin-bottom: 0;
}

#top #classpractice_area .article_list_ptn04{
display: flex;
/* align-items: start; */
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 40px;
}

#top #classpractice_area .article_list_ptn04 .cnt_box{
width: 48%;
margin-bottom: 40px;
}

#top #classpractice_area .article_list_ptn04 .cnt_box a{
border: none;
padding: 0;
}

#top #classpractice_area .article_list_ptn04 .cnt_img{
display: block;
width: 100%;
margin-bottom: 10px;
}

#top #classpractice_area .article_list_ptn04 .cnt_text{
padding-right: 0;
}

#top #classpractice_area .article_list_ptn04 .category_list_ptn01 li{
margin-bottom: 5px;
}

#top #classpractice_area .article_list_ptn04 .cnt_text .info_box{
display: block;
margin-bottom: 5px;
}

#top #classpractice_area .article_list_ptn04 .date_text{
margin: 0 0 10px;
}

#top #classpractice_area .article_list_ptn04 .cnt_box a::before, #top #classpractice_area .article_list_ptn04 .cnt_box a::after{
content: none;
}

#top #top_search_area{
padding: 40px 0 0;
}

#top #top_search_area .title{
font-size: 16px;
margin-bottom: 10px;
}

#top #top_search_area .title::before{
width: 8px;
height: 8px;
margin: 8px 8px 0 0;
}

#top #top_search_area .cnt_box{
margin-bottom: 30px;
padding: 20px 10px 10px;
}

/*----------
02.メンバー一覧 768
----------*/
#members .lower_h1_area{
margin-bottom: 40px;
}

#members #cnt_area01{
margin-bottom: 30px;
}


/*----------
03.メンバー詳細 768
----------*/
#members_detail #intro_area{
padding-top: 10px;
margin-bottom: 42px;
}

#members_detail #intro_area #pankuzu_area{
margin-bottom: 30px;
}

#members_detail #intro_area .cnt_box{
display: block;
}

#members_detail #intro_area .cnt_img{
width: 59.71%;
border-radius: 10px;
margin: 0 auto 20px;
}

#members_detail #intro_area .cnt_text{
width: 100%;
margin: 0 auto;
padding-top: 0;
}

#members_detail #intro_area .position_text{
font-size: 12px;
line-height: 1.6;
margin-bottom: 10px;
text-align: center;
}

#members_detail #intro_area .name_text{
font-size: 20px;
line-height: 1;
margin-bottom: 5px;
text-align: center;
}

#members_detail #intro_area .furigana_text{
font-size: 12px;
letter-spacing: 0.04em;
text-align: center;
margin-bottom: 20px;
}

#members_detail #intro_area .sns_list{
justify-content: center;
margin-bottom: 30px;
}

#members_detail #intro_area .sns_list li{
margin: 0 10px;
}

#members_detail #intro_area .cnt_text p{
font-size: 13px;
}

#members_detail #article_area{
margin-bottom: 30px;
}

#members_detail #article_area .cnt_box{
padding-top: 20px;
border-radius: 10px;
margin-bottom: 30px;
}

#members_detail #article_area .cnt_box .title{
font-size: 14px;
line-height: 1.4;
padding: 7px 0 7px 25px;
}

#members_detail #article_area .cnt_box .title::before{
left: 16px;
}

#members_detail #article_area .cnt_box .cnt_text{
padding: 20px 15px;
font-size: 13px;
line-height: 2;
}

#members_detail #article_area .cnt_box .cnt_text p + ul, #members_detail #article_area .cnt_box .cnt_text p + p{
margin-top: 15px;
}

#members_detail .back_btn{
margin-bottom: 60px;
}

#members_detail .back_btn a::after{
left: 26px;
}


/*----------
04.授業実践レポート 768
----------*/

/*----------
04-01.授業実践レポート詳細 768
----------*/
/*----------
05.コラム 768
----------*/

/*----------
05-01.コラム詳細 768
----------*/

/*----------
06.活動実績 768
----------*/
/*----------
06-01.活動実績詳細 768
----------*/

/*----------
07.お知らせ 768
----------*/
#news #cnt_area01{
margin-bottom: 40px;
}


/*----------
07-01.お知らせ詳細 768
----------*/
/*----------
08.私たちの活動 768
----------*/
#about .lower_h1_area{
padding-bottom: 40px;
}

#about #summary_area{
margin-bottom: 50px;
}

#about #summary_area .bg_blue{
width: 100%;
padding: 40px 0;
border-radius: 40px;
}

#about #summary_area .logo{
margin-bottom: 20px;
width: 59.71%;
}

#about #summary_area .first_text{
font-size: 14px;
margin-bottom: 45px;
}

#about .area_type02 .cnt_block{
margin-bottom: 40px;
}

#about .area_type02 .cnt_box{
border-radius: 10px;
padding: 20px 0;
margin-bottom: 35px;
}

#about .area_type02 .cnt_box .article_type_ptn01{
top: -15px;
left: -5px;
}

#about #summary_area .cnt_box .more_btn{
display: block;
max-width: 250px;
padding: 7px 0;
font-size: 14px;
margin: 25px auto 5px;
}

#about #summary_area .cnt_box .more_btn span{
padding: 0 0 0 18px;
}

#about #summary_area .cnt_box .more_btn span::before,#about #summary_area .cnt_box .more_btn span::after{
width: 10px;
height: 2px;
top: 6px;
}

#about .area_type02 .cnt_box .cnt_in{
padding: 0 15px;
display: none;
}

#about .area_type02 .cnt_box p{
font-size: 13px;
margin-bottom: 20px;
}

#about #summary_area .block01 + .first_text{
margin-bottom: 45px;
}

#about .area_type02 .img_g{
display: block;
}

#about .area_type02 .img_box{
width: 100%;
margin: 0 auto 40px;
}

#about #summary_area #keyword04 .img_box{
width: 100%;
margin: 0 auto 40px;
}

#about #summary_area #keyword04 .big_img img,#about .big_img .height_img{
width: 80% !important;
height: auto;
}

#about #vision_area{
margin-bottom: 50px;
}

#about #vision_area .first_text{
font-size: 14px;
line-height: 1.8;
margin-bottom: 45px;
}

#about #vision_area .block03{
margin-bottom: 0;
}

#about #vision_area .block03 .title{
font-size: 15px;
padding: 2px 0 2px 10px;
line-height: 1.6;
margin-bottom: 15px;
}

#about #vision_area .block03 .cnt_box{
margin-bottom: 0;
}

#about #vision_area .block03 p{
font-size: 14px;
margin-bottom: 45px;
}

#about #vision_area .block03 .dl_box{
display: block;
}

#about #vision_area .block03 .dl_box dt{
font-size: 14px;
margin-bottom: 10px;
}

#about #vision_area .block03 .dl_box dt span{
font-size: 18px;
}

#about #vision_area .block03 .dl_box dd{
font-size: 14px;
}

#about #vision_area .block03 .dl_box dd::before{
width: 50px;
margin: 0 10px 0 50px;
}

#about .area_type01{
margin-bottom: 50px;
}

#about .area_type01 .first_text{
font-size: 14px;
line-height: 1.8;
margin-bottom: 30px;
}

#about .area_type01 figure img{
border-radius: 5px;
margin-bottom: 10px;
}

#about .area_type01 figure figcaption{
font-size: 14px;
line-height: 1.4;
}

#about #strucrue_area .big_img img{
border-radius: 5px;
width: calc(100% - 40px);
}

#about #strucrue_area .cnt_g{
display: block;
}

#about #strucrue_area .cnt_box{
width: 100%;
margin-bottom: 40px;
}

#about #achievements_area .first_text{
margin-bottom: 20px;
}

#about #achievements_area .btn_ptn02{
margin-bottom: 30px;
}

#about #message_area{
margin-bottom: 60px;
}

#about #message_area::before{
border-radius: 160px;
}

#about #message_area .contents_in{
padding: 50px 0 80px;
}

#about #message_area .cnt_box{
display: block;
margin-bottom: 20px;
}

#about #message_area .cnt_img{
border-radius: 10px;
width: 59.71%;
margin: 0 auto 20px;
}

#about #message_area .cnt_text{
max-width: none;
width: 100%;
}

#about #message_area p{
font-size: 14px;
line-height: 1.8;
}

#about #message_area .border_box{
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
}

#about #message_area .border_box p{
line-height: 1.6;
}

#about .youtube_box{
margin-top: 40px;
}

#about .youtube_box .youtube{
border-radius: 5px;
margin-bottom: 10px;
}

#about .youtube_box .youtube_caption{
font-size: 14px;
}


/*----------
09.お問い合わせ 768
----------*/
.contact_page #cnt_area01{
padding-bottom: 60px;
}

.contact_page #cnt_area01 .first_text{
font-size: 14px;
line-height: 1.4;
margin-bottom: 30px;
}

.contact_page #cnt_area01 .cnt_g{
padding: 30px 25px 40px;
border-radius: 10px;
}

.contact_page #cnt_area01 .cnt_box{
margin-bottom: 40px;
}

.contact_page #cnt_area01 .dl_box{
display: block;
margin-bottom: 30px;
}

.contact_page #cnt_area01 .dl_box dt{
max-width: none;
width: 100%;
margin: 0 0 8px;
font-size: 15px;
padding: 3px 50px 2px 0;
}

.contact_page #cnt_area01 .dl_box dt::before{
font-size: 12px;
width: 36px;
border-radius: 4px;
}

.contact_page #cnt_area01 .dl_box dd{
width: 100%;
}

.contact_page #cnt_area01 .dl_box .radio_box{
font-size: 14px;
}

.contact_page #cnt_area01 .dl_box .radio_box:not(:last-child){
margin-bottom: 10px;
}

.contact_page #cnt_area01 label.check{
padding-left: 23px;
}

.contact_page #cnt_area01 label.check::before{
width: 18px;
height: 18px;
}

.contact_page #cnt_area01 input[type="radio"]:checked + label::after{
top: 4px;
left: 4px;
}

.contact_page #cnt_area01 .dl_box input[type="text"], .contact_page #cnt_area01 .dl_box input[type="email"], .contact_page #cnt_area01 .dl_box textarea{
padding: 8px 14px;
font-size: 15px;
}

.contact_page #cnt_area01 .dl_box .zip_box{
margin-bottom: 15px;
}

.contact_page #cnt_area01 .dl_box .zip_box span{
font-size: 16px;
}

.contact_page #cnt_area01 .dl_box input[type="text"].zip_number{
margin-right: 10px;
}

.contact_page #cnt_area01 .submit_btn{
max-width: 250px;
}

.contact_page #cnt_area01 .submit_btn .submit{
padding: 18px 0 17px;
}

.contact_page #cnt_area01 .submit_btn::before{
width: 20px;
height: 20px;
}

.contact_page #cnt_area01 .submit_btn::after{
width: 7.5px;
height: 6px;
right: 26px;
}

/*----------
09-01.お問い合わせ確認 768
----------*/
#confirm #cnt_area01 .dl_box dt,#confirm #cnt_area01 .dl_box dd{
font-size: 15px;
}

/*----------
09-02.お問い合わせ完了 768
----------*/

/*----------
10.プライバシーポリシー 768
----------*/
#privacy #cnt_area01{
margin: 30px auto 80px;
}

#privacy #cnt_area01 .h2_title{
font-size: 18px;
padding: 2px 0 2px 14px;
margin-bottom: 10px;
}

#privacy #cnt_area01 p{
font-size: 14px;
}

#privacy #cnt_area01 p + h2.h2_title{
margin-top: 30px;
}

/*----------
11.Not found 768
----------*/
#not_found #cnt_area01{
padding: 30px 0 80px;
}

#not_found #cnt_area01 .h1_ptn{
margin-bottom: 20px;
}

#not_found #cnt_area01 .h1_title{
font-size: 40px;
margin-bottom: 10px;
}

#not_found #cnt_area01 .h1_subtitle{
font-size: 16px;
}

#not_found #cnt_area01 p{
font-size: 14px;
margin-bottom: 30px;
}

/*----------
12.タクソノミー関係ページ 768
----------*/
#category_taxonomy #cnt_area01 .cnt_g{
margin-bottom: 40px;
}

#category_taxonomy .c_title_box{
display: block;
margin-bottom: 30px;
}

#category_taxonomy .c_title_box .btn_ptn02{
text-align: right;
}

#category_taxonomy .everyonesaction_g .article_list_ptn01 .cnt_box{
/* max-width: 150px; */
width: 44.78%;
}

#category_taxonomy .everyonesaction_g .article_list_ptn01 .cnt_box:not(:nth-child(4n)){
margin-right: 0;
}


}