/* --------------------
01.トップ
02.information
03.profile
04.member
04-01.member_detail
05.child
05-01.カリキュラム
05-02.募集要項
05-03.キッズメンバー
05-03-01.キッズメンバー詳細
--------------------*/

@media only screen and (max-width:1024px){
/* --------------------
01.トップ
--------------------*/

#top #mainimg_area .contents_in{
width: auto;
}

#top #information_area .contents_in{
width: auto;
}

#top #information_area .cnt_g{
margin: 10px 0 0 4.21%;
}

#top #information_area .cnt_g dt{
width: auto;
display: block;
margin: 0;
}

#top #information_area .cnt_g dd{
width: auto;
display: block;
margin: 0 0 10px;
}

#top #profile_area .contents_in{
max-width: 780px;
}

#top #profile_area .h2_g{
}

#top #profile_area .cnt_img{
right: 0;
}

#top #member_area .contents_in{
width: auto;
}

#top #member_area .cnt_img{
width: 65%;
}

#top #member_area .h2_g{
height: auto;
padding: 94px 10px 94px 15%;
margin: 120px 0 0 -25%;
}

#top #child_area .contents_in{
width: auto;
}

#top #child_area .cnt_g{
width: 65.08%;
}

#top #child_area .cnt_g .cnt_text{
padding: 0 10px 0 60px;
}

#top #child_area .h2_g{
width: 39.55%;
height: auto;
padding: 98px 10px;
}

#top #work_area .contents_in{
padding: 0;
max-width: 780px;
}

#top #work_area .cnt_g{
width: 82.06%;
}

#top #work_area .cnt_img{
width: 41.03%;
}

#top #audition_area .contents_in{
width: auto;
}

#top #audition_area .h2_g{
/* max-width: 190px; */
width: 25.6%;
/* height: 190px;
padding:60px 0 0; */
height: auto;
padding: 10% 0;
}

#top #audition_area .cnt_g p{
margin: 4% 6.16% 0 3.2%;
}

#top #audition_area .cnt_g .next_btn{
/* margin: 10px 0 0; */
margin: 4% 0 0;
}

#top #audition_area .cnt_img{
width: 93%;
}

#top #corporate_area .contents_in{
width: auto;
}

#top #corporate_area .cnt_img{
margin: 0 -18.68% 0 0;
}

#top #corporate_area .h2_g{
/* max-width: 287px;
height: 287px;
padding: 53px 0 0; */
width: 43.6%;
height: auto;
padding: 73px 0;
}

/* --------------------
02.information
--------------------*/
/* --------------------
03.profile
--------------------*/

/* --------------------
04.member
--------------------*/
#member .page_nav{
max-width: 525px;
}

#member .page_nav a{
margin: 0 0 10px;
font-size: 14px;
}

#member .page_nav a::before,#member .page_nav a:last-child::after{
height: 14px;
}

#member .page_nav a:nth-child(3)::after{
width: 1px;
height: 14px;
background: #2C2B2B;
box-sizing: border-box;
content: "";
display: inline-block;
position: absolute;
top: 2px;
right: 0;
}

#member .cnt_box .cnt_img{
margin: 0 0 17px;
}

#member .cnt_box .cnt_text dt{
display: block;
margin: 0;
line-height: 20px;
}

#member .cnt_box .cnt_text dd{
display: block;
margin: 0 0 5px;
}

/* --------------------
04-01.member_detail
--------------------*/
#member_detail .page_nav{
max-width: 525px;
}

#member_detail .page_nav a{
margin: 0 0 10px;
font-size: 14px;
}

#member_detail .page_nav a::before,#member .page_nav a:last-child::after{
height: 14px;
}

#member_detail .page_nav a:nth-child(3)::after{
width: 1px;
height: 14px;
background: #2C2B2B;
box-sizing: border-box;
content: "";
display: inline-block;
position: absolute;
top: 2px;
right: 0;
}

#member_detail h2 span{
font-size: 20px;
line-height: 31px;
}





/* --------------------
05.child
--------------------*/

#child .cnt_area h2{
font-size: 30px;
line-height: 40px;
}

#child .cnt_area .btn_g .next_btn{
margin: 0 10px 30px auto;
}

/* --------------------
05-01.カリキュラム
--------------------*/
/* --------------------
05-02.募集要項
--------------------*/

/* --------------------
05-03.キッズメンバー
--------------------*/

#child.kids_member_child .cnt_area h3{
font-size: 24px;
}

#child.kids_member_child .cnt_area h3 span{
font-size: 16px;
}

/* --------------------
05-03-01.キッズメンバー詳細
--------------------*/

#child_detail .cnt_area h2{
font-size: 28px;
line-height: 37px;
}

#child_detail h2 span{
font-size: 24px;
line-height: 33px;
}



}

@media only screen and (max-width:750px){
/* --------------------
01.トップ
--------------------*/

#top #mainimg_area .main_img{
width: 86%;
}

#top #mainimg_area .scroll{
/* left: 0.6%; */
font-size: 14px;
width: 14px;
bottom: 52px;
}

#top #mainimg_area .scroll span{
width: 14px;
}

#top #mainimg_area .scroll span::after{
height: 60px;
}

#top .cnt_area h2{
font-size: 18px;
font-weight: bold;
}

#top #information_area .h2_g{
height: auto;
display: block;
padding: 60px 0;
float: none;
width: 40%;
/* position: relative;
z-index: 1; */
}

#top #information_area .cnt_g{
width: 90%;
margin: -10% 0 0 auto;
float: none;
padding: 20px 20px 0;
background: #fff;
}

#top #profile_area .cnt_img{
width: 46%;
}

#top #profile_area .h2_g{
width: 90%;
height: auto;
padding: 40px 35% 40px 20px;
margin: 20% 0 0;
}

#top #profile_area .h2_jp{
padding: 0 0 34px;
}

#top #member_area .cnt_img{
width: 70%;
float: none;
}

#top #member_area .h2_g{
margin: -30px 0 0 auto;
float: none;
width: 85%;
padding: 54px 5% 34px 5%;
}

#top #member_area .h2_g .h2_jp{
padding: 0 0 20px;
}

#top #child_area .cnt_g{
width: 90%;
margin: 0 0 0 auto;
float: none;
}

#top #child_area .cnt_img{
padding: 0;
}

#top #child_area .h2_g{
float: none;
width: 80%;
margin: -5% 0 0;
padding: 40px 10px 25px;
position: relative;
z-index: 1;
}

#top #child_area .h2_g .h2_jp{
padding: 0 0 20px;
}

#top #child_area .cnt_text{
width: 90%;
line-height: 24px;
margin: 20px auto 0;
}

#top #work_area .h2_g{
height: auto;
padding: 40px 15%;
/* width: 65%; */
}

#top #work_area .h2_jp{
padding: 0 0 20px;
}

#top #work_area .cnt_g{
width: 65%;
}

#top #work_area .cnt_g p{
padding: 20px 8% 0 0;
}

#top #work_area .cnt_img{
margin: 18% 0 0;
width: 40%;
}

#top #audition_area .cnt_img{
margin: 0px auto 0;
width: 100%;
}

#top #audition_area .cnt_g{
display: block;
}

#top #audition_area .h2_g{
width: auto;
margin: 0 auto;
max-width: none;
}

#top #audition_area .cnt_g p{
margin: 15px auto 0;
}

#top #audition_area .cnt_g .next_btn{
margin: 15px auto 0;
}

#top #corporate_area .cnt_img{
margin: 0;
float: none;
}

#top #corporate_area .h2_g{
width: 80%;
padding: 40px 0 30px;
float: none;
margin: -5% 0 0 auto;
}

#top #corporate_area .h2_g h2{
padding: 0 0 10px;
}

#top #corporate_area .h2_g .h2_jp{
padding: 0 0 20px;
}



/* --------------------
02.information
--------------------*/

#information #title_area .mainimg{
background: url(../img/information/mainimg.jpg) no-repeat 50% top;
background-size: cover;
}

#information #global{
padding: 27px 0 0;
}

#information #main_area{
max-width: none;
width: auto;
float: none;
margin: 0 auto 60px;
}

#information #sub_area{
max-width: none;
width: auto;
margin: 0;
float: none;
}

#information h2{
font-size: 24px;
}

#information #main_area .cnt_box{
margin: 0 auto 40px;
}

#information #main_area .cnt_text .info_g{
padding: 0 0 10px;
}

#information #main_area .cnt_text h3{
font-size: 18px;
line-height: 30px;
}

#information #sub_area h2{
margin: 0 0 22px;
}

/* --------------------
03.profile
--------------------*/

#profile{
padding: 0 0 74px;
}

#profile #title_area .mainimg{
background: url(../img/profile/mainimg.jpg) no-repeat 30% top;
background-size: cover;
}

#profile #global{
padding: 27px 0 0;
}

#profile .cnt_area h2{
float: none;
width: auto;
max-width: none;
margin: 0 0 20px;
font-size: 28px;
}

#profile .cnt_area .text_area{
float: none;
width: auto;
}

#profile #profile_area dt{
display: block;
margin: 0;
}

#profile #profile_area dd{
display: block;
line-height: 24px;
padding: 0 0 15px;
}

#profile #profile_area .cnt_box .cnt_img{
width: auto;
float: none;
margin: 0 auto 20px;
}

#profile #profile_area .cnt_box .cnt_text{
max-width: none;
width: auto;
margin: 0 auto;
float: none;
}

#profile #history_area .year{
margin: 0 0 15px;
float: none;
}

#profile #history_area .def_g{
width: auto;
float: none;
max-width: none;
}

#profile #history_area .cnt_g .cnt_box{
width: 46%;
margin: 0 2% 36px;
}

#profile #history_area .cnt_g .cnt_box:nth-child(3n){
margin: 0 2% 36px;
}

#profile #history_area .cnt_one_g .cnt_box{
max-width: none;
width: auto;
margin: 0 0 36px;
}

/* --------------------
04.member
--------------------*/

#member #title_area{
float: none;
width: 45%;
padding: 0 !important;
}

#member #content #global{
float: none;
width: 86%;
}

#member #content .scroll{
left: 1.6%;
}

#member .page_nav{
padding: 0 0 10px;
max-width: 312px;
}

#member .page_nav a{
font-size: 12px;
margin: 0 0 5px;
}

#member .page_nav a:nth-child(4)::after{
width: 1px;
height: 16px;
background: #2C2B2B;
box-sizing: border-box;
content: "";
display: inline-block;
position: absolute;
top: 2px;
right: 0;
}

#member .cnt_g .cnt_box{
width: 50%;;
}

#member .cnt_g .cnt_box.no_box{
display: none;
}

#member .cnt_box .cnt_text .next_btn{
width: 86%;
}

/* --------------------
04-01.member_detail
--------------------*/

#member_detail #title_area{
float: none;
width: 45%;
margin: 0 !important;
}

#member_detail #content #global{
float: none;
width: 86%;
}

#member_detail #content .scroll{
left: 1.6%;
position: relative;
top: 64px !important;
}

#member_detail .page_nav{
padding: 0 0 30px;
max-width: 312px;
}

#member_detail .page_nav a{
font-size: 12px;
margin: 0 0 5px;
}

#member_detail .page_nav a:nth-child(4)::after{
width: 1px;
height: 16px;
background: #2C2B2B;
box-sizing: border-box;
content: "";
display: inline-block;
position: absolute;
top: 2px;
right: 0;
}

#member_detail h2{
font-size: 28px;
line-height: 37px;
padding: 0 0 10px;
margin: 0;
}

#member_detail h2 span{
font-size: 28px;
padding: 8px 0 0;
}

#member_detail .cnt_g01{
padding: 0;
}

#member_detail .cnt_g01 .cnt_left{
float: none;
width: auto;
margin: 0 0 15px;
}

#member_detail .cnt_g01 .cnt_right{
float: none;
width: auto;
margin: 0;
}

#member_detail .cnt_g02 li{
line-height: 22px;
margin: 0 0 12px;
}




/* --------------------
05.child
--------------------*/



#child .cnt_area .btn_g .next_btn{
margin: 0 0px 20px auto;
}



/* --------------------
05-01.カリキュラム
--------------------*/

#child.curriculum_child .cnt_area h2{
width: 100%;
max-width: none;
margin: 0 0 24px;
}

#child.curriculum_child .cnt_area .cnt_text h3{
padding: 0 0 10px;
}

#child.curriculum_child .cnt_area .cnt_g .cnt_text{
padding: 0 0 20px;
margin: 0;
}

/* --------------------
05-02.募集要項
--------------------*/

#child.invite_child .cnt_g h3{
margin: 0 0 15px;
}

#child.invite_child .cnt_g01 th{
width: 25%;
}


/* --------------------
05-03.キッズメンバー
--------------------*/

#child.kids_member_child .cnt_area .h2_g{
max-width: none;
width: 100%;
float: none;
margin: 0 0 15px;
}

#child.kids_member_child .cnt_area h2{
padding: 0 0 24px;
}

#child.kids_member_child .cnt_area h3{
font-size: 20px;
}

#child.kids_member_child .cnt_area h3 span{
font-size: 14px;
}

#child.kids_member_child .cnt_box{
width: 50%;
margin: 0 0 40px;
}

#child.kids_member_child .cnt_img{
padding: 0 0 12px;
}

#child.kids_member_child .cnt_text .name_text{
padding: 0 0 16px;
}

/* --------------------
05-03-01.キッズメンバー詳細
--------------------*/

#child_detail #title_area .mainimg{
background: url(../img/child/mainimg.jpg) no-repeat 50% top;
background-size: cover;
}

#child_detail #content #global {
padding: 27px 0 0;
width: 86%;
margin: 0 auto;
box-sizing: border-box;
}

#child_detail .cnt_area h2{
float: none;
max-width: none;
width: auto;
padding: 0 0 10px;
}

#child_detail h2 span{
font-size: 28px;
}

#child_detail .cnt_area .text_area{
width: auto;
float: none;
}

#child_detail .cnt_g01 .cnt_left{
max-width: none;
float: none;
width: auto;
margin: 0 0 15px;
}

#child_detail .cnt_g01 .cnt_right{
max-width: none;
float: none;
width: auto;
margin: 0;
}

#child_detail .cnt_g02 li{
line-height: 22px;
margin: 0 0 12px;
}


}