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

/* --------------------
01.トップ
--------------------*/

#top{
padding: 0 0 68px;
}

#top #mainimg_area{
}

#top #mainimg_area .contents_in{
max-width: 1280px;
position: relative;
}

#top #mainimg_area .scroll{
position: absolute;
bottom: 72px;
left: 1.6%;
font-family: 'Didot';
font-size: 16px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width: 16px;
}

#top #mainimg_area .scroll span{
display: inline-block;
position: relative;
width: 16px;
}

#top #mainimg_area .scroll span::after{
content: "";
display: block;
position: absolute;
top: 59px;
left: 46%;
width: 1px;
height: 100px;
background: #000;
}

#top #mainimg_area .main_img{
max-width: 1160px;
width: 91% !important;
margin: 0 auto;
}

#top #mainimg_area .main_img img{
width: 100%;
display: block;
}

#top .cnt_area{
opacity: 0;
transition: all .3s;
}

#top .cnt_area .h2_g{
background: #000;
max-width: 320px;
height: 320px;
color: #fff;
box-sizing: border-box;
position: relative;
overflow: hidden;
}

#top .cnt_area .h2_g::before{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
z-index: 2;
transition: all .3s;
}

#top .cnt_area .h2_g.active::before{
left: 100%;
}





#top .cnt_area h2{
font-family: 'Didot';
color: #fff;
font-size: 32px;
text-align: center;
display: block;
width: 100%;
}

#top .cnt_area .next_btn{
max-width: 178px;
width: 100%;
margin: 0 auto;
background: #000;
text-align: center;
transition: all .3s;
}

#top .cnt_area .next_btn a{
color: #fff;
display: inline-block;
width: 100%;
padding: 10px 0;
position: relative;
}

#top .cnt_area .next_btn a::after{
content: "";
display: inline-block;
width: 5px;
height: 7px;
background: url(../common/img/arrow_right02.svg) no-repeat left center;
background-size: 5px auto;
position: absolute;
top: 43%;
right: 9%;
transition: all .4s;
}

#top .cnt_area .next_btn:hover{
box-shadow: 4px 4px 4px #666;
}

#top .cnt_area .next_btn:hover a::after{
right: 5%;
}

#top .cnt_area .h2_g .next_btn{
background: #fff;
}

#top .cnt_area .h2_g .next_btn a{
color: #000;
}

#top .cnt_area .h2_g .next_btn a::after{
background-image:url(../common/img/arrow_right01.png);
}

#top .cnt_area .h2_g .next_btn:hover{
box-shadow: 4px 4px 4px #aaa;
}


#top #information_area{
padding: 84px 0 0;
}

#top #information_area .contents_in{
max-width: 1280px;
}

#top #information_area .h2_g{
display: flex;
align-items: center;
float: left;
width: 25%;
}

#top #information_area .cnt_g{
margin: 30px 0 0 4.21%;
width: 70.79%;
float: left;
box-sizing: border-box;
padding: 0 20px 0 0;
}

#top #information_area .cnt_g dl{
max-width: 738px;
width: 100%;
font-size: 0;
padding: 0 0 40px;
}

#top #information_area .cnt_g dt{
font-size: 14px;
line-height: 24px;
display: inline-block;
/* max-width: 87px; */
width: 11.86%;
vertical-align: top;
margin: 0 0 8px;
}

#top #information_area .cnt_g dd{
font-size: 14px;
line-height: 24px;
display: inline-block;
width: 85.42%;
margin: 0 0 8px 2.72%;
vertical-align: top;
}

#top #profile_area {
padding: 80px 0 0;
}

#top #profile_area .contents_in{
max-width: 920px;
position: relative;
}

#top #profile_area .h2_g{
max-width: 640px;
width: 100%;
display: block;
padding: 80px 171px 0 0;
float: left;
margin: 80px 0 0 0;
}

#top #profile_area .h2_g::before{
transition: all .7s;
}

#top #profile_area h2{
padding: 0 0 12px;
}

#top #profile_area .h2_jp{
text-align: center;
padding: 0 0 44px;
}

#top #profile_area .cnt_img{
float: right;
max-width: 320px;
width: 100%;
position: absolute;
right: 141px;
z-index: 5;
}

#top #profile_area .cnt_img img{
width: 100%;
display: block;
height: auto;
}

#top #member_area {
padding: 80px 0 0;
}

#top #member_area .contents_in{
max-width: 1280px;
position: relative;
}

#top #member_area .cnt_img{
max-width: 960px;
width: 75%;
font-size: 0;
float: left;
position: relative;
z-index: 5;
}

#top #member_area .cnt_img span{
display: inline-block;
max-width: 320px;
width: 33.33%;
position: relative;
overflow: hidden;
}

#top #member_area .cnt_img span::before{
content: "";
display: block;
background: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0%;
transition: all .2s;
}

#top #member_area .cnt_img.active span::before{
left: 100%;
}

/* #top #member_area .cnt_img.active_go span::before{
left: 100%;
} */

#top #member_area .cnt_img img{
width: 100%;
height: auto;
display: inline-block;
/* opacity: 0; */
}

/* #top #member_area .cnt_img.active_go img{
opacity: 1;
} */

#top #member_area .h2_g{
max-width: 640px;
width: 50%;
height: 400px;
padding: 94px 0 0 25%;
float: right;
margin: 320px 0 0 -25%;
}

#top #member_area .h2_g::before{
transition: all .5s;
}

#top #member_area .h2_g h2{
padding: 0 0 13px;
}

#top #member_area .h2_g .h2_jp{
text-align: center;
padding: 0 0 30px;
}

#top #child_area{
padding: 80px 0 0;
}

#top #child_area .contents_in{
max-width: 1280px;
}

#top #child_area .cnt_g{
max-width: 961px;
width: 75.08%;
float: right;
margin: 0 0 0 -4.69%;
}

#top #child_area .cnt_img{
max-width: 961px;
width: 100%;
padding: 0 0 33px;
}

#top #child_area .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#top #child_area .cnt_g .cnt_text{
max-width: 850px;
margin: 0 auto;
padding: 0 0 0 60px;
box-sizing: border-box;
}

#top #child_area .cnt_g p{
max-width: 790px;
margin: 0 auto;
font-size: 14px;
line-height: 24px;
}

#top #child_area .h2_g{
max-width: 378px;
width: 29.55%;
height: 422px;
padding: 138px 0 0;
float: left;
margin: 80px 0 0;
}

#top #child_area .h2_g h2{
padding: 0 0 13px;
}

#top #child_area .h2_g .h2_jp{
text-align: center;
padding: 0 0 39px;
}

#top #work_area{
padding: 129px 0 0;
}

#top #work_area .contents_in{
max-width: 960px;
position: relative;
box-sizing: border-box;
padding: 0 0 0 160px;
}

#top #work_area .cnt_g{
max-width: 640px;
width: 100%;
float: left;
margin: 0px 0 0 0;
}

#top #work_area .h2_g{
max-width: 640px;
width: 100%;
height: 245px;
display: block;
padding: 49px 0 0 0;
}

#top #work_area .h2_g::before{
transition: all .6s;
}

#top #work_area h2{
padding: 0 0 12px;
}

#top #work_area .h2_jp{
text-align: center;
padding: 0 0 44px;
}

#top #work_area .cnt_g p{
max-width: 556px;
margin: 0 auto;
padding: 35px 0 0;
line-height: 24px;
}

#top #work_area .cnt_img{
float: right;
max-width: 320px;
width: 100%;
position: absolute;
right: 0px;
margin: 31px 0 0;
z-index: 5;
}

#top #work_area .cnt_img img{
width: 100%;
display: block;
height: auto;
}

#top #audition_area{
padding: 85px 0 0;
}

#top #audition_area .contents_in{
max-width: 1180px;
}

#top #audition_area .cnt_g{
display: flex;
justify-content: start;
align-items: start;
position: relative;
z-index: 1;
}

#top #audition_area .h2_g{
padding: 113px 0 0;
box-sizing: border-box;
width: 100%;
}

#top #audition_area .h2_g h2{
padding:0 0 11px;
}

#top #audition_area .h2_g .h2_jp{
text-align: center;
}

#top #audition_area .cnt_g p{
line-height: 24px;
max-width: 280px;
margin: 94px 77px 0 40px;
}

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

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

#top #audition_area .cnt_img img{
width: 100%;
display: block;
height: auto;
}

#top #corporate_area{
padding: 105px 0 0;
}

#top #corporate_area .contents_in{
max-width: 1280px;
}

#top #corporate_area .cnt_img{
max-width: 961px;
width: 75.08%;
float: left;
margin: 0 -13.68% 0 0;
}

#top #corporate_area .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#top #corporate_area .h2_g{
max-width: 494px;
width: 38.6%;
padding: 73px 0 0;
float: right;
margin: 58px 0 0;
}

#top #corporate_area .h2_g::before{
transition: all .5s;
}

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

#top #corporate_area .h2_g .h2_jp{
padding: 0 0 40px;
text-align: center;
}


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

#information{
padding: 0 0 154px;
}

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

#information h2{
font-family: 'Didot';
font-size: 32px;
padding: 0 0 9px;
border-bottom: 1px solid #707070;
margin: 0 0 44px;
}

#information #main_area{
max-width: 850px;
width: 73.28%;
float: left;
}

#information #main_area .cnt_g{
padding: 0 0 25px;
}

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

#information #main_area .cnt_img{
max-width: 220px;
width: 25.89%;
float: left;
}

#information #main_area .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#information #main_area .cnt_text{
max-width: 587px;
width: 69.52%;
margin: 0 0 0 4.59%;
float: left;
}

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

#information #main_area .cnt_text span{
padding: 0 16px 0 0;
}

#information #main_area .cnt_text h3{
font-family: 'hiraginogo_w6';
font-size: 24px;
line-height: 41px;
padding: 0 0 8px;
}

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

#information #sub_area{
max-width: 260px;
width: 22.41%;
margin: 0 0 0 4.31%;
float: right;
}

#information #sub_area li{
line-height: 30px;
}

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

#profile{
padding: 0 0 154px;
}

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

#profile .cnt_area h2{
font-family: 'Didot';
font-size: 32px;
max-width: 220px;
width: 18.97%;
float: left;
margin: 0 3.44% 0 0;
}

#profile .cnt_area .text_area{
max-width: 900px;
width: 77.59%;
float: right;
}

#profile #profile_area{
padding: 0 0 104px;
}

#profile #profile_area dl{
font-size: 0;
max-width: 546px;
width: 100%;
margin: 0 0 50px;
}

#profile #profile_area dt{
font-family: 'hiraginogo_w6';
max-width: 56px;
width: 100%;
font-size: 14px;
line-height: 30px;
display: inline-block;
margin: 0 61px 0 0;
}

#profile #profile_area dd{
max-width: 429px;
width: 100%;
font-size: 14px;
line-height: 30px;
display: inline-block;
}

#profile #profile_area .cnt_box{
max-width: 895px;
width: 100%;
}

#profile #profile_area .cnt_box .cnt_img{
max-width: 277px;
width: 30.95%;
float: left;
position: relative;
overflow: hidden;
}

/* #profile #profile_area .cnt_box .cnt_img::before{
content: "";
display: block;
background: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
} */

#profile #profile_area .cnt_box .cnt_img::after{
content: "";
display: block;
background: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0%;
transition: all .3s;
}

#profile #profile_area .cnt_box .cnt_img.active::after{
/* animation-name: profile_img_active;
animation-duration: .6s; */
left: 100%;
}

/* @keyframes profile_img_active {
  0{
    left: -100%;
  }
  50% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
@keyframes abc {
  0% {
    left: 0;
  }
  100% {
    left: 0%;
  }
} */







#profile #profile_area .cnt_box .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#profile #profile_area .cnt_box .cnt_text{
max-width: 575px;
width: 64.25%;
float: left;
margin: 0 0 0 4.8%;
line-height: 30px;
}

#profile #history_area .cnt_g{
padding: 0 0 112px;
}

#profile #history_area .year{
font-family: 'hiraginogo_w6';
max-width: 70px;
width: 100%;
margin: 0 6.44% 0 0;
float: left;
line-height: 20px;
}

#profile #history_area .def_g{
max-width: 734px;
width: 81.56%;
float: left;
}

#profile #history_area .cnt_g .cnt_box{
max-width: 207px;
width: 28.43%;
float: left;
margin: 0 7.35% 36px 0;
}

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

#profile #history_area .cnt_g .cnt_img{
max-width: 207px;
width: 100%;
margin: 0 0 14px;
}

#profile #history_area .cnt_g .cnt_img.center_img{
display: flex;
align-items: center;
}

#profile #history_area .cnt_g .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#profile #history_area .cnt_g .cnt_text{
max-width: 204px;
margin: 0 auto;
line-height: 30px;
}

#profile #history_area .cnt_one_g .cnt_box{
float: none;
max-width: 530px;
width: 100%;
margin:0 0 36px;
}

#profile #history_area .cnt_one_g .cnt_img{
float: left;
width: 39.05%;
}

#profile #history_area .cnt_one_g .cnt_text{
float: left;
margin: 0 0 0 10.19%;
max-width: 269px;
width: 50.76%;
}

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

#member #title_area{
max-width: 320px;
width: 25%;
margin: 0;
float: left;
}

#member #title_area .h1_g{
position: relative;
width: 100%;
top: 0 !important;
}

#member #content .scroll{
position: relative;
top: 63px;
left: 6.56%;
}

#member #content #global{
max-width: 960px;
width: 75%;
float: left;
}

#member .page_nav{
padding: 0 0 27px;
font-size: 0;
}

#member .page_nav a{
font-family: 'Didot',serif;
font-size: 16px;
line-height: 20px;
display: inline-block;
position: relative;
padding: 0 12px;
color: #2C2B2B;
}

#member .page_nav a::before{
width: 1px;
height: 16px;
background: #2C2B2B;
box-sizing: border-box;
content: "";
display: inline-block;
position: absolute;
top: 2px;
left: 0;
}

#member .page_nav a:last-child::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{
max-width: 320px;
width: 33.333%;
float: left;
margin: 0 0 63px;
}

#member .cnt_box .cnt_img{
max-width: 320px;
width: 100%;
margin: 0 0 27px;
}

#member .cnt_box .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#member .cnt_box .cnt_text{
max-width: 290px;
margin: 0 auto;
}

#member .cnt_box .cnt_text dl{
font-size: 0;
padding: 0 0 28px;
}

#member .cnt_box .cnt_text dt{
font-family: 'hiraginogo_w6';
font-size: 14px;
line-height: 30px;
max-width: 56px;
width: 100%;
margin: 0 24px 0 0;
display: inline-block;
vertical-align: top;
}

#member .cnt_box .cnt_text dd{
font-size: 14px;
line-height: 30px;
max-width: 210px;
width: 100%;
display: inline-block;
vertical-align: top;
}

#member .cnt_box .cnt_text .next_btn{
max-width: 178px;
width: 100%;
margin: 0 auto;
background: #000;
text-align: center;
transition: all .3s;
}

#member .cnt_box .cnt_text .next_btn a{
color: #fff;
display: inline-block;
width: 100%;
padding: 10px 0;
position: relative;
}

#member .cnt_box .cnt_text .next_btn a::after{
content: "";
display: inline-block;
width: 5px;
height: 7px;
background: url(../common/img/arrow_right02.svg) no-repeat left center;
background-size: 5px auto;
position: absolute;
top: 43%;
right: 9%;
transition: all .4s;
}

#member .cnt_box .cnt_text .next_btn:hover a::after{
right: 5%;
}

#member .cnt_box .cnt_text .next_btn:hover{
box-shadow: 4px 4px 4px #666;
}

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

#member_detail {
padding: 0 0 40px;
}

#member_detail #title_area{
max-width: 320px;
width: 25%;
margin: 0;
float: left;
}

#member_detail #title_area .h1_g{
position: relative;
width: 100%;
top: 0 !important;
}

#member_detail h2{
font-size: 32px;
line-height: 41px;
font-family: 'A-OTF-RyuminPro-Regular';
padding: 54px 0 0;
margin: 0 0 0 20.32%;
position: relative;
overflow: hidden;
}

#member_detail h2 span{
display: block;
font-family: 'Didot';
padding: 16px 0 0;
}

#member_detail h2::before{
background: #fff;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .25s;
}

#member_detail h2.active::before{
left: 100%;
}

#member_detail #content .scroll{
position: absolute;
top: 67px;
left: 6.56%;
}

#member_detail #content #global{
max-width: 960px;
width: 75%;
float: left;
}

#member_detail .page_nav{
padding: 0 0 27px;
font-size: 0;
}

#member_detail .page_nav a{
font-family: 'Didot',serif;
font-size: 16px;
line-height: 20px;
display: inline-block;
position: relative;
padding: 0 12px;
color: #2C2B2B;
}

#member_detail .page_nav a::before{
width: 1px;
height: 16px;
background: #2C2B2B;
box-sizing: border-box;
content: "";
display: inline-block;
position: absolute;
top: 2px;
left: 0;
}

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

#member_detail .cnt_g01{
box-sizing: border-box;
padding: 0 0 0 12px;
max-width: 680px;
width: 100%;
margin: 0 0 60px;
}

#member_detail .cnt_g01 .cnt_left{
float: left;
max-width: 300px;
width: 44.91%;
}

#member_detail .cnt_g01 .cnt_left .cnt_img{
width: 100%;
border: 1px solid #cecece;
margin: 0 0 10px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}

#member_detail .cnt_g01 .cnt_left .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#member_detail .cnt_g01 .cnt_left .cnt_img::before{
background: #fff;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .25s;
}

#member_detail .cnt_g01 .cnt_left .cnt_img.active::before{
left: 100%;
}

#member_detail .cnt_g01 .cnt_right{
max-width: 350px;
width: 52.4%;
float: right;
margin: 0 0 0 2.69%;
}

#member_detail .cnt_g01 .cnt_right dl{
}

#member_detail .cnt_g01 .cnt_right dt{
font-family: 'hiraginogo_w6';
background: #dedede;
padding: 7px 10px;
box-sizing: border-box;
}

#member_detail .cnt_g01 .cnt_right dd{
margin: 10px 0 10px 20px;
line-height: 20px;
}

#member_detail .cnt_g01 .cnt_right .youtube{
max-width: 300px;
width: 100%;
margin: 0 auto 20px;
}

#member_detail .cnt_g01 .cnt_right .youtube iframe{
max-width: 300px;
width: 100%;
height: 168px;
display: block;
}

#member_detail .cnt_g02{
max-width: 680px;
}

#member_detail .cnt_g02 h3{
font-family: 'hiraginogo_w6';
background: #000;
padding: 10px 15px;
color: #fff;
box-sizing: border-box;
font-size: 18px;
margin: 0 0 25px;
}

#member_detail .cnt_g02 h4{
margin: 0 0 10px;
font-family: 'hiraginogo_w6';
}

#member_detail .cnt_g02 h5{
line-height: 20px;
padding: 5px 0 0;
}

#member_detail .cnt_g02 .cnt_box{
box-sizing: border-box;
padding: 0 10px 0 15px;
margin: 0 0 30px;
}

#member_detail .cnt_g02 li{
line-height: 30px;
list-style: circle;
margin: 0 0 0 1.2em;
}

#member_detail .cnt_g02 li span{
color: #0000cd;
}

#member_detail .back_btn{
max-width: 178px;
width: 100%;
margin: 54px auto 0;
background: #000;
text-align: center;
transition: all .3s;
}

#member_detail .back_btn a{
color: #fff;
display: inline-block;
width: 100%;
padding: 10px 0;
position: relative;
}

#member_detail .back_btn a::before{
content: "";
display: inline-block;
width: 5px;
height: 7px;
background: url(../common/img/arrow_right02.svg) no-repeat left center;
background-size: 5px auto;
position: absolute;
top: 42%;
left: 9%;
transform: rotate(180deg);
transition: all .4s;
}

#member_detail .back_btn:hover a::before{
left: 5%;
}

#member_detail .back_btn:hover{
box-shadow: 4px 4px 4px #666;
}




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

#child{
padding: 0 0 52px;
}

#child #content #global{
padding: 47px 0 0;
max-width: 1220px;
width: 96%;
margin: 0 0 0 auto;
}

#child .cnt_area h2{
font-family: 'A-OTF-RyuminPro-Regular';
font-size: 40px;
line-height: 50px;
max-width: 232px;
width: 19.02%;
float: left;
margin: 0 2.29% 0 0;
}

#child .cnt_area .text_area{
max-width: 960px;
width: 78.69%;
float: right;
}

#child .cnt_area .cnt_g01{
padding: 0 0 49px;
}

#child .cnt_area .cnt_g01 .cnt_img{
max-width: 320px;
float: right;
width: 33.34%;
margin: 0 0 0 3.43%;
}

#child .cnt_area .cnt_g01 .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#child .cnt_area .cnt_g01 .cnt_text{
float: left;
max-width: 607px;
width: 63.23%;
}

#child .cnt_area .cnt_g01 .cnt_text h3{
font-family: 'hiraginogo_w6';
line-height: 24px;
padding: 0 0 15px;
}

#child .cnt_area .cnt_g01 .cnt_text p{
line-height: 24px;
}

#child .cnt_area .cnt_g02 .cnt_img{
max-width: 641px;
width: 100%;
margin: 0 0 47px;
}

#child .cnt_area .cnt_g02 .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#child .cnt_area .cnt_g02 .cnt_text{
max-width: 607px;
width: 100%;
line-height: 24px;
}

#child .cnt_area .btn_g{
max-width: 320px;
width: 100%;
margin: 0 0 0 auto;
}

#child .cnt_area .btn_g .next_btn{
max-width: 178px;
width: 100%;
margin: 0 0 30px;
background: #000;
text-align: center;
transition: all .3s;
}

#child .cnt_area .btn_g .next_btn a{
color: #fff;
display: inline-block;
width: 100%;
padding: 10px 0;
position: relative;
}

#child .cnt_area .btn_g .next_btn a::after{
content: "";
display: inline-block;
width: 5px;
height: 7px;
background: url(../common/img/arrow_right02.svg) no-repeat left center;
background-size: 5px auto;
position: absolute;
top: 43%;
right: 9%;
transition: all .4s;
}

#child .cnt_area .btn_g .next_btn:hover a::after{
right: 5%;
}

#child .cnt_area .btn_g .next_btn:hover{
box-shadow: 4px 4px 4px #666;
}

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

#child.curriculum_child .cnt_area h2{
width: 20%;
max-width: 244px;
margin: 0 1.31% 0 0;
}

#child.curriculum_child .cnt_area .cnt_text h3{
font-family: 'hiraginogo_w6';
line-height: 24px;
padding: 0 0 19px;
}

#child.curriculum_child .cnt_area .cnt_g01 .cnt_text{
float: none;
width: auto;
}

#child.curriculum_child .cnt_area .cnt_g01 .cnt_img{
width: auto;
float: none;
margin: 0;
}

#child.curriculum_child .cnt_area .cnt_g02 .cnt_img{
margin: 0;
}

#child.curriculum_child .cnt_area .cnt_g{
padding: 0 0 35px;
}

#child.curriculum_child .cnt_area .cnt_g .cnt_text{
padding: 0 0 40px;
max-width: 607px;
line-height: 24px;
width: 100%;
}

#child.curriculum_child .cnt_area .cnt_g .cnt_img{
max-width: 640px;
}

#child.curriculum_child .cnt_area .cnt_g .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#child.curriculum_child .btn_g{
padding: 92px 0 0;
}

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

#child.invite_child .cnt_g{
max-width: 640px;
padding: 0 0 49px;
}

#child.invite_child .cnt_g h3{
font-family: 'hiraginogo_w6';
background-color: #000;
color: #fff;
padding: 10px 10px;
box-sizing: border-box;
margin: 0 0 25px;
}

#child.invite_child table{
border:1px solid #ddd;
max-width: 640px;
width: 100%;
box-sizing: border-box;
line-height: 24px;
}

#child.invite_child th{
border:1px solid #ddd;
background: #f2f2f2;
box-sizing: border-box;
padding: 10px 5px;
text-align: center;
vertical-align: middle;
}

#child.invite_child td{
background: #fff;
border:1px solid #ddd;
padding: 10px 5px;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
}

#child.invite_child td span{
display: block;
}

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

#child.invite_child .cnt_g01 td span{
color: #ff0000;
}

#child.invite_child .cnt_g02 th{
width: 50%;
}

#child.invite_child .cnt_g03 p{
line-height: 24px;
}

#child.invite_child .cnt_g03 p span{
font-family: 'hiraginogo_w6';
font-size: 20px;
}

#child.invite_child .cnt_g03 p a{
text-decoration: underline;
transition: all .3s;
}

#child.invite_child .cnt_g03 p a:hover{
text-decoration: none;
}

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

#child.kids_member_child .cnt_area .h2_g{
max-width: 232px;
width: 19.02%;
float: left;
margin: 0 2.29% 0 0;
}

#child.kids_member_child .cnt_area h2{
max-width: none;
width: auto;
float: none;
margin: 0;
padding: 0 0 35px;
}

#child.kids_member_child .cnt_area h3{
font-family: 'A-OTF-RyuminPro-Regular';
font-size: 30px;
line-height: 30px;
}

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

#child.kids_member_child .cnt_box{
max-width: 320px;
width: 33.33%;
float: left;
margin: 0 0 60px;
}

#child.kids_member_child .cnt_img{
width: 100%;
padding: 0 0 27px;
}

#child.kids_member_child .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#child.kids_member_child .cnt_text{
box-sizing: border-box;
padding: 0 10px;
}

#child.kids_member_child .cnt_text .name_text{
box-sizing: border-box;
padding: 0 0 0 11px;
line-height: 30px;
padding: 0 0 19px;
}

#child.kids_member_child .cnt_text .next_btn{
max-width: 178px;
width: 100%;
margin: 0 auto;
background: #000;
text-align: center;
transition: all .3s;
}

#child.kids_member_child .cnt_text .next_btn a{
color: #fff;
display: inline-block;
width: 100%;
padding: 10px 0;
position: relative;
}

#child.kids_member_child .cnt_text .next_btn a::after{
content: "";
display: inline-block;
width: 5px;
height: 7px;
background: url(../common/img/arrow_right02.svg) no-repeat left center;
background-size: 5px auto;
position: absolute;
top: 43%;
right: 9%;
transition: all .4s;
}

#child.kids_member_child .cnt_text .next_btn:hover a::after{
right: 5%;
}

#child.kids_member_child .cnt_text .next_btn:hover{
box-shadow: 4px 4px 4px #666;
}


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

#child_detail{
padding: 0 0 52px;
}

#child_detail #content #global{
padding: 47px 0 0;
max-width: 1220px;
width: 96%;
margin: 0 0 0 auto;
}

#child_detail .cnt_area h2{
font-family: 'A-OTF-RyuminPro-Regular';
font-size: 32px;
line-height: 41px;
max-width: 232px;
width: 19.02%;
float: left;
margin: 0 2.29% 0 0;
position: relative;
overflow: hidden;
}

#child_detail h2 span{
display: block;
font-family: 'Didot';
padding: 6px 0 0;
}

#child_detail h2::before{
background: #fff;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .25s;
}

#child_detail h2.active::before{
left: 100%;
}

#child_detail .cnt_area .text_area{
max-width: 960px;
width: 78.69%;
float: right;
}

#child_detail .cnt_g01{
box-sizing: border-box;
max-width: 670px;
width: 100%;
margin: 0 0 60px;
}

#child_detail .cnt_g01 .cnt_left{
float: left;
max-width: 300px;
width: 44.78%;
}

#child_detail .cnt_g01 .cnt_left .cnt_img{
width: 100%;
border: 1px solid #cecece;
margin: 0 0 10px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}

#child_detail .cnt_g01 .cnt_left .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#child_detail .cnt_g01 .cnt_left .cnt_img::before{
background: #fff;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .25s;
}

#child_detail .cnt_g01 .cnt_left .cnt_img.active::before{
left: 100%;
}

#child_detail .cnt_g01 .cnt_right{
max-width: 350px;
width: 52.24%;
float: right;
margin: 0 0 0 2.98%;
}

#child_detail .cnt_g01 .cnt_right dl{
}

#child_detail .cnt_g01 .cnt_right dt{
font-family: 'hiraginogo_w6';
background: #dedede;
padding: 7px 10px;
box-sizing: border-box;
}

#child_detail .cnt_g01 .cnt_right dd{
margin: 10px 0 10px 20px;
}

#child_detail .cnt_g02{
max-width: 680px;
}

#child_detail .cnt_g02 h3{
font-family: 'hiraginogo_w6';
background: #000;
padding: 10px 15px;
color: #fff;
box-sizing: border-box;
font-size: 18px;
margin: 0 0 25px;
}

#child_detail .cnt_g02 h4{
margin: 0 0 10px;
font-family: 'hiraginogo_w6';
}

#child_detail .cnt_g02 .cnt_box{
box-sizing: border-box;
padding: 0 10px 0 15px;
margin: 0 0 30px;
}

#child_detail .cnt_g02 li{
line-height: 30px;
list-style: circle;
margin: 0 0 0 1.2em;
}

#child_detail .cnt_g02 li span{
color: #0000cd;
}

#child_detail .back_btn{
max-width: 178px;
width: 100%;
margin: 54px auto 0;
background: #000;
text-align: center;
transition: all .3s;
}

#child_detail .back_btn a{
color: #fff;
display: inline-block;
width: 100%;
padding: 10px 0;
position: relative;
}

#child_detail .back_btn a::before{
content: "";
display: inline-block;
width: 5px;
height: 7px;
background: url(../common/img/arrow_right02.svg) no-repeat left center;
background-size: 5px auto;
position: absolute;
top: 42%;
left: 9%;
transform: rotate(180deg);
transition: all .4s;
}

#child_detail .back_btn:hover a::before{
left: 5%;
}

#child_detail .back_btn:hover{
box-shadow: 4px 4px 4px #666;
}




/* --------------------
06.work
--------------------*/

#work{
padding: 0 0 50px;
}

#work #global{
padding: 47px 0 0;
}

#work h2{
font-family: 'A-OTF-RyuminPro-Regular';
font-size: 40px;
line-height: 60px;
padding: 0 0 44px;
max-width: 940px;
width: 100%;
}

#work .cnt_box{
max-width: 640px;
width: 100%;
margin: 0 auto 62px;
}

#work .cnt_box h3{
font-family: 'hiraginogo_w6';
line-height: 24px;
padding: 0 0 24px;
}

#work .cnt_box p{
line-height: 24px;
}

#work .cnt_box .youtube{
max-width: 566px;
width: 100%;
margin: 41px auto 45px;
}

#work .cnt_box .youtube iframe{
width: 100%;
height: 317px;
display: block;
}


/* --------------------
07.audition
--------------------*/

#audition{
padding: 0 0 73px;
}

#audition #content #global{
padding: 47px 0 0;
max-width: 1220px;
width: 96%;
margin: 0 0 0 auto;
}

#audition .cnt_area h2{
font-family: 'Didot';
font-size: 32px;
line-height: 41px;
max-width: 232px;
width: 19.02%;
float: left;
margin: 0 2.29% 0 0;
}

#audition .cnt_area h2 span{
font-family: 'hiraginogo_w3';
font-size: 14px;
line-height: 24px;
display: block;
}

#audition .cnt_area h3{
font-family: 'hiraginogo_w6';
line-height: 24px;
padding: 0 0 27px;
}

#audition .cnt_area p{
line-height: 24px;
}

#audition .cnt_area img{
width: 100%;
height: auto;
display: block;
}

#audition .cnt_area .text_area{
max-width: 960px;
width: 78.69%;
float: right;
}

#audition #first_area{
padding: 0 0 86px;
}

#audition #first_area h2{
font-family: 'A-OTF-RyuminPro-Regular';
font-size: 40px;
line-height: 50px;
}

#audition #first_area h3{
max-width: 588px;
}

#audition #first_area .cnt_text{
max-width: 640px;
margin: 0 0 17px;
}

#audition #first_area .cnt_img{
max-width: 640px;
width: 100%;
}

#audition #curriculum_area{
padding: 0 0 86px;
}

#audition #curriculum_area .cnt_text{
max-width: 640px;
margin: 0 0 25px;
}

#audition #curriculum_area .youtube{
max-width: 640px;
margin: 0 auto 86px;
}

#audition #curriculum_area .youtube iframe{
max-width: 566px;
width: 100%;
display: block;
margin: 0 auto;
height: 317px;
}

#audition #curriculum_area h3{
padding: 0 0 19px;
}

#audition #curriculum_area .cnt_img{
max-width: 960px;
width: 100%;
}

#audition #application_area{
}

#audition #application_area table{
max-width: 960px;
width: 100%;
}

#audition #application_area th{
font-family: 'hiraginogo_w6';
line-height: 30px;
width: 33.34%;
text-align: left;
}

#audition #application_area td{
line-height: 30px;
}

#audition #application_area td.td01{
line-height: 30px;
padding-bottom: 2em;
}

#audition #application_area td span{
font-family: 'hiraginogo_w6';
}

#audition #application_area .next_btn{
max-width: 403px;
width: 100%;
margin: 30px 0 56px;
background: #000;
text-align: center;
}

#audition #application_area .next_btn a{
color: #fff;
display: inline-block;
width: 100%;
padding: 27px 0 26px;
position: relative;
font-size: 18px;
}

#audition #application_area .next_btn a::after{
content: "";
display: inline-block;
width: 5px;
height: 7px;
background: url(../common/img/arrow_right02.svg) no-repeat left center;
background-size: 5px auto;
position: absolute;
top: 49%;
right: 4%;
transition: all .4s;
}

#audition #application_area .next_btn:hover a::after{
right: 2%;
}

#audition #application_area .cnt_box{
}

#audition #application_area .cnt_left{
max-width: 824px;
width: 85.84%;
float: left;
margin: 0 -33.33% 0 0;
}

#audition #application_area .cnt_left h4{
font-family: 'hiraginogo_w6';
padding: 0 0 28px;
}

#audition #application_area .cnt_left .cnt_text{
max-width: 824px;
width: 100%;
box-sizing: border-box;
background: #EFEFEF;
padding: 54px 35px 20px;
}

#audition #application_area .cnt_left .cnt_text p{
max-width: 591px;
font-family: 'nskhakushuumouhitugyosou';
font-size: 20px;
line-height: 40px;
padding: 0 0 29px;
width: 78.39%;
}

#audition #application_area .cnt_left .cnt_text p.name_text{
text-align: right;
padding: 0 0 51px;
line-height: 20px;
}

#audition #application_area .cnt_left .cnt_text .attention_text{
max-width: 686px;
width: 100%;
margin: 0 auto;
font-size: 12px;
line-height: 24px;
}

#audition #application_area .cnt_right{
max-width: 320px;
width: 33.34%;
float: right;
}




/* --------------------
08.corporate
--------------------*/

#corporate{
/* padding: 0 0 52px; */
}

#corporate #content #global{
padding: 47px 0 0;
max-width: 1220px;
width: 96%;
margin: 0 0 0 auto;
}

#corporate .cnt_area h2{
font-family: 'Didot';
font-size: 32px;
line-height: 41px;
max-width: 232px;
width: 19.02%;
float: left;
margin: 0 2.29% 0 0;
}

#corporate .cnt_area h2 span{
font-family: 'hiraginogo_w3';
display: block;
font-size: 14px;
line-height: 24px;
padding: 7px 0 0;
}

#corporate .cnt_area .text_area{
max-width: 960px;
width: 78.69%;
float: right;
}

#corporate #message_area{
padding: 0 0 140px;
}

#corporate #message_area .cnt_img{
max-width: 320px;
width: 33.34%;
float: right;
opacity: 0;
transition: all .5s;
}

#corporate #message_area .cnt_img.active{
opacity: 1;
}

#corporate #message_area .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#corporate #message_area .cnt_text{
max-width: 597px;
width: 62.19%;
float: left;
margin: 0 4.47% 0 0;
font-family: 'nskhakushuumouhitugyosou';
font-size: 20px;
line-height: 30px;
position: relative;
overflow: hidden;
}

#corporate #message_area .cnt_text span{
text-align: right;
display: inline-block;
width: 100%;
}

#corporate #message_area .cnt_text::before{
content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: -40%;
    left: -40%;
    transition: all .5s;
    width: 180%;
    height: 180%;
    transform: rotate(-30deg);
}

#corporate #message_area .cnt_text.active::before{
top: 70%;
left: 70%;
}

#corporate #company_area{
}

#corporate #company_area table{
max-width: 960px;
width: 100%;
}

#corporate #company_area th{
line-height: 30px;
text-align: left;
font-family: 'hiraginogo_w6';
width: 130px;
box-sizing: border-box;
padding: 0 30px 0 0;
}

#corporate #company_area td{
line-height: 30px;
}

#corporate #company_area td h3{
font-family: 'hiraginogo_w6';
padding: 0 0 2px;
}

#corporate #company_area td p{
padding: 0 0 30px;
}

#corporate #company_area td .map{
max-width: 640px;
width: 100%;
}

#corporate #company_area td .map iframe{
width: 100%;
height: 320px;
display: block;
}

#corporate #company_area td .cnt_box{
padding: 0 0 60px;
}