@charset "UTF-8";


.sp-hide{ display: block;}
.sp-hide-inline{ display: inline;}
.sp-show{ display:none;}
.sp-show_inline{ display:none;}


/* ------------------------------------ */


@media screen and (min-width: 751px) {
.col-wp .col-side dl dd { display: block; }
/*#menu { display: block !important; }
#sp-menuBar ,#sp-menuClose { display: none !important; }
*/}


@media screen and (max-width: 750px) {

body { line-height: 1.7; font-size: 14px; }

.sp-hide-inline,
.sp-hide{ display: none;}
.sp-show{ display:block;}
.sp-show_inline{ display:inline;}

.sp-br-none br{display: none;}
#gnav.sp-show{ height:auto;}

img{ max-width:100%; height:auto;}

#wrapper  { min-width:100%;overflow: hidden; }
.wrapInner{ max-width:100%; }
#wrapper1000 { min-width:100%; }
#wrapper1000 .wrapInner{ max-width:100%; }
.wrap900 { width: calc(100% - 40px);}
.wrap700 { width: 100%;}

.pages{ margin: 0 0 0px; }
.wrap{ margin:0 auto; width:auto; }

.col-l{ float: none; width: 100%;}
.col-r{ float: none; width: 100%;}
    
    .seemore-button { max-width: 100%;}


/* header
==========================================================*/
.navInner{ position:fixed; right:10px; top:10px; z-index:1001; width:30px; height:22px; }

.menu-trigger{ width:30px; height: 22px; line-height: inherit; cursor: pointer; }
.menu-trigger.active{ margin-left:0px; }
.menu-trigger,
.menu-trigger span{ display:inline-block; transition:all .4s; box-sizing:border-box; }
.menu-trigger span{ position:absolute; left:0; width:30px; height:3px; background-color:#FF2459;}
	.menu-trigger span:nth-of-type(1){ top:0}
	.menu-trigger span:nth-of-type(2){ top:10px}
	.menu-trigger span:nth-of-type(3){ top:20px}
	.menu-trigger:not(.active):hover span:nth-of-type(1){top:2px}
	.menu-trigger:not(.active):hover span:nth-of-type(3){top:18px}
	.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg)}
	.menu-trigger.active span:nth-of-type(2){opacity:0}
	.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg)}

#headerContainer{ z-index: 1000; position: fixed; right: 0; height: 100%; width:/100vw; right:-100vw;}

#menu{ margin:50px auto 0px ; padding-bottom:0px; }
    ul.menu {width: calc(100% - 40px); display: block;}
    ul.menu > li { width: 100%; margin-bottom:60px; }
	ul.menu li.navlink{  margin:30px 0 0;  }
	ul.menu li.navlink span { padding: 15px 10px; }
	ul.menu li a{ display: block; height: 100%; padding: 15px 10px; width: 100%; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }
	ul.menu li a.no-bg { background:none; }
	ul.menu li i.fa{ display: inline; position:absolute; right:20px; top:50%; top: -moz-calc(50% - 7px); top: -webkit-calc(50% - 7px); top: calc(50% - 7px);}

	ul.menu li.navlink .submenu{ padding-top:0;}
	ul.menu li.navlink .submenu li{  margin:0; border-top:solid 1px #ccc; position: relative;}
	ul.menu li.navlink .submenu li:last-child { border-bottom:solid 1px #ccc;}

	ul.menu li.navlink .submenu li.sub-in-ttl { margin:0; padding: 15px 10px; }
	ul.menu li.navlink .submenu li.sub-in { margin:0; border-top:dotted 1px #ccc; }
	ul.menu li.navlink .submenu li.sub-in a { padding: 10px 25px; width: 100%; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px);}
	ul.menu li.navlink .submenu li.sub-in.sub-in-last { margin:0;}


.styley-ttl{ font-size:50px; line-height:1.1; letter-spacing:normal; }
.styley-ruby{ font-size:20px;line-height:1.4; letter-spacing:normal; margin-top:0px;}

	.styley-subttl{ font-size:20px; font-weight:bold;}

.page-titleInner { padding:80px 20px;  position:relative; }
	.page-titleInner .styley-ttlIner{ padding:0; margin:0; }
	.page-titleInner .styley-ttlIner::after{ background: none; }
	.page-titleInner .styley-ttl{ font-size: 70px; color:#fff; }
	.page-titleInner .styley-ruby{ margin-top:0px;}  
@media screen and (max-width: 500px) { 
.page-titleInner { padding:60px 20px; }
.page-titleInner .styley-ttl{ font-size: 60px;}  
}
@media screen and (max-width: 400px) { 
    #page-head img{ width: 250px; height: auto;}
}
    
/* footer
==========================================================*/
#footerContainer{padding:35px 15px 25px; }
	#footer .footermenu {display: none;}
.ft-logo{ float:none; width: 100%; text-align: center; }

/* content
==========================================================*/

/* cara icon */
.carapoting { position:absolute; }
	.cara_ind_about {/* left:2.5%; */ top:-130px; left:auto; right: -5px; width: 30%; }
	.cara_ind_about2 { width: 40%;}
	.cara_ind_story { display:none; }
	.cara_ind_story2 { display:none;}
	.cara_common_contact{ left:5px; top:-70px; width: calc(120px * 0.9);}
	.cara_common_contact2{ right:5px; top:-40px; width: calc(150px * 0.9);}
	.cara_about-box01 { right: -10px; top:-170px; width: 30%; }
	.cara_about-box02 { left: -10px; top:-200px; width: 17%;}
	.cara_club_outline  { display: none; }
	.cara_club_schedule { display: none; }
	.cara_club_schedule2{ display: none;}
	.cara_ind_staffpopup { right: -5px; top:-5px; width: 100px;}
	.cara_ind_staffpopup2{ right: -5px; top:80px; width: 120px;}
@media screen and (max-width: 550px) { 
	.cara_common_contact{ left:0; width: calc(120px * 0.8);}
	.cara_common_contact2{ right:-10px; width: calc(150px * 0.8);}
 }   

/* common_club */
#common_club{}
#common_club.pages { margin: 0; }
	#common_club .styley-ttl { font-size:80px; }
	#common_club-Inner{ padding-bottom:70px;}
		#common_club-Inner.sub_common_club { padding-bottom:70px; margin-bottom:0px; }
.common_clubList { margin-left:0 ;width:100%;  border: none; position: relative; margin-top:40px;}
.common_clubList::after{ display: none;}
.common_clubList::before{ display: none;}
.common_clubList li{ float: none; width: 100%; width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px); height:275px; border-left:5px solid #FF2358; border-right:5px solid #FF2358; border-top:5px solid #FF2358;  }
.common_clubList li:last-child { border-bottom:5px solid #FF2358;}
.common_clubList li a{ height: 275px; }
.common_club_box .club-button{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; }
.common_club02 .common_club_name {padding-top:35px;}
.common_club_box::before{ height: 275px; }
    
#indschoolwrap { padding-top: 40px;}
#indschoolwrap .styley-ttl { font-size: 60px; margin-bottom: 10px; }
#indschoolwrap .seemore-button { height: 80px; line-height: 75px; font-size: 18px; width: calc(100% - 40px);}
    


/* common_contact */
#common_contact{background:#fff url(../images/common/ps_dotline.png) center center repeat; padding-bottom:40px; }
#common_contact.pages { margin: 0; }
#common_contact .wrap {min-width: 100%;}
	#common_contact .styley-ttl{ font-size:70px; position: relative; z-index: 10; margin: 0; }
	#common_contact .styley-ttlIner { margin:0 0 ; }
	#common_contact .gridbnrcontact { margin: 0; }
	#common_contact a.seemore-button { margin: 0 0 10px; width: 90%; font-size: 16px; }
    
    
    
/* common_studio */
#common_studio { padding: 30px 0;}
#common_studio .wrap { display: block;}
#common_studio .styley-ttlIner {text-align: center;}
#common_studio .styley-ttl { font-size: 50px; margin-bottom: 20px; }
#common_studio .seemore-button { margin-right: 0; font-size: 14px;}
#common_studio .common_studio-r { margin-left: 0; text-align: center;}
#common_studio .common_studiotxt { margin-bottom: 20px;}
    
    
.pt100 { padding-top: 50px !important;} 
.mt80 { margin-top: 40px !important;} 
.mb100 { margin-bottom: 50px !important;} 
.topsankaku:after { height: 80px;} 
.bg-pink.bottomsankaku:after { height: 80px; } 


/* INDEX
-------------------*/

.indexMainImage{ height:50vw; overflow:hidden; }
.indexMainImage{ position:relative; top:0; left:0;}

#indexSlider{ line-height:0;}

#indexlogo{ position:absolute; top:0; height:auto; z-index:2; text-align:center; line-height:normal; }
#indexlogo img {position: relative; width: 60%; top:0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.ind_bnrInner{ margin-bottom: 20px; position:relative; right:auto; top:0px; z-index:2; text-align: left;}
	.ind_bnrInner a{ margin:0 5px;}
	.ind_bnrInner a img { width: 30%; max-width: 126px; height: auto;}

#ind_about{ margin-top:0; padding:30px 15px 30vw; margin-bottom:-25vw;  }
	#ind_about .styley-ttl{ font-size:60px; position: relative; z-index:10; }
	#ind_about .styley-ttlIner { margin-bottom:30px; padding:10px 0 30px; text-align:center; position:relative;}
	#ind_about .styley-ruby{ margin-top:10px;}
    #ind_about .ind_aboutmid { font-size: 30px; margin-bottom: 20px;  }
	#ind_about .page-cont{ font-size:14px; font-weight:bold; text-align: left; }
	.ind_about_bnr{ margin:25px 0 40px;}


#ind_news{ background:#FF2459;}
	#ind_news.slantingContBg { margin-top: 60px; padding: 60px 0; }
	#ind_news.slantingContBg:before { display:none;}
	.ind_news_profile{ position: relative; left:auto; top:auto;}
	#ind_news .styley-ttlIner { padding: 0; }
	#ind_news .styley-ttl{font-size:50px; position: relative; z-index:10; }
	#ind_news .styley-ttl span.font-small {font-size:40px; padding-left: 5px;}
	#ind_news .styley-ruby{ margin-top:10px; padding-bottom: 20px; }

	.ind_news-more { padding-bottom:0;}


#ind_blog{ background: #000; }
	#ind_blog.slantingContBg { margin-top:0px; padding: 60px 0;  }
	#ind_blog.slantingContBg:before { display:none;}
	.ind_blog_profile{ width: 50%; right: -40px; top:-40px;}
	#ind_blog .styley-ttlIner { padding: 0; }
	#ind_blog .styley-ttl{font-size:80px; position: relative; z-index:10; }
	#ind_blog .styley-ruby{ margin-top:10px; padding-bottom: 20px;}
	.ind_blog-more { padding-bottom:0;}
@media screen and (max-width: 550px) { 
    .ind_blog_profile{ width: 60%; right: -40px; top:-20px;}
}   

.news-Inner{ }
	#news-box{width:auto;}
	#news-box a{ display: block; text-decoration: none; width: 100%; height: 100%;}
	#news-box ul { border-bottom: solid 1px #fff; }
	#news-box li{ border-top: solid 1px #fff; padding: 13px 15px 13px 0; margin: 0; position: relative; }
	#news-box li .date{ display: block; margin: 0 0 3px; }
	#news-box li i.fa { position: absolute; right: 10px; top:48%; top: -moz-calc(50% - 10px); top: -webkit-calc(50% - 10px); top: calc(50% - 10px); font-size: 20px; }



	#blog-box{width:auto;}
	#blog-box a{ display: block; text-decoration: none; width: 100%; height: 100%;}
	#blog-box ul { border-bottom: solid 1px #fff; }
	#blog-box li{ border-top: solid 1px #fff; padding: 13px 15px 13px 0; margin: 0; position: relative; }
	#blog-box li .date{ display: block; margin: 0 0 3px; }
	#blog-box li i.fa { position: absolute; right: 10px; top:48%; top: -moz-calc(50% - 10px); top: -webkit-calc(50% - 10px); top: calc(50% - 10px); font-size: 20px; }



#ind_story{ background:#FFD3DE url(../images/index/story/ind_story_bg.png) 0 0 repeat; background-size:100% auto; }
#ind_story.slantingContBg { padding: 0 ; margin:0; }
#ind_story.slantingContBg:before { display: none; }
	#ind_story .styley-ttlIner::after{ }
	#ind_story .styley-ttl{ font-size:80px; }
	#ind_story .styley-ruby{}
	#ind_story.slantingContBg{ }
	#ind_story.slantingContBg:before { background:#FFD3DE url(../images/index/story/ind_story_bg.png) left center repeat-y; background-size:40% auto; padding-bottom:350px; /*top:-90px;*/ }

	.ind_storyInner{ width: 100%; margin-bottom: 40px; }
		.ind_storyInner .ind_story_l { float:none; width: auto; margin:0 5px 50px 15px; }
		.ind_storyInner .ind_story_r { float:none; width: auto; margin:0 5px 50px 15px; }
		.ind_storyInner .ind_story_l dt{ padding-top: 100px; }


#ind_staff{ background:#FF2459;}
	#ind_staff .styley-ttl{ font-size:80px;}
	#ind_staff.slantingContBg{ margin-top:0; padding:0; margin-bottom: 40px;}
	#ind_staff.slantingContBg:before {display: none;}

	.ind_staffInner{ width: 100%; margin: 0 0 40px; padding-bottom: 0;}
	.ind_staffInner ul{ margin: 0 0 0 10px; }
	.ind_staffInner li{ width:50%; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin: 0 0 10px; }
	.ind_staffInner li:nth-child(2n-1){ margin-right:10px; }
	.ind_staffInner li img { width: 100%; }


.ind_staff_popup_elem { width:100%; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px); padding: 15px;}
.ind_staff_popup_elem_inner { width: 100%; }
	.ind_staff_popup_elem .ind_staff_popup_name .name_en { font-size: 32px; margin:0 0 5px;}
	.ind_staff_popup_elem .ind_staff_popup_name .name_jp { font-size: 16px; margin:0 0 12px;}

	.ind_staff_popup_elem .col-l { width: 100%; }
	.ind_staff_popup_elem .col-r { width: 100%;}

.ind_staff_popup_mama { margin:20px 0 0; }
	.ind_staff_popup_mama .ind_staff_popup_mama_ttl { left: 0; top:-25px; }


#ind_joboffer { margin-top:0; padding-top:40px; padding-top:80px; padding-bottom:40px;}
	.joboffer-ttl{margin-bottom:60px}
	#ind_joboffer p{ font-size:16px; padding: 0 15px;}
	#ind_joboffer .seemore-button{ width: 80%; }
    
#ind_youtube { margin-top: 0; padding: 10px 0;}
#ind_youtube a { padding: 30px 0 20px; width: calc(100% - 20px); }
.youtubeimg { width: 150px; left: -30px; top: -20px;}
.youtubetxt01 { font-size: 100px; }
.youtubetxt02 { width: 150px; padding: 5px; padding-right: 30px; }
.youtubetxt02:after { right: 15px; top: calc(50% - 4px);  width: 8px; height: 8px;} 
@media screen and (max-width: 700px) {
.youtubetxt01 { font-size: 80px; }
}  

    
    

#ind_gallery{ height: 80vh; min-height: inherit;}
	#ind_gallery .styley-ttl{ font-size:50px;}


#ind_panel_store { float:none; width:100%; }
	#ind_panel_store .styley-ttl{ font-size:40px; letter-spacing: normal;}


#ind_panel_schedule{float:none; width:100%; height: auto;}
	#ind_panel_schedule .styley-ttl{ font-size:40px;}
	#ind_panel_schedule .styley-ttlIner { padding: 20px 0; }
#ind_panel_schedule_list{float:none; width:100%;height:auto;}
	#ind_panel_schedule_list li { text-align:center; position: relative;}
	#ind_panel_schedule_list li a{ padding-right:0;}
		#ind_panel_schedule_list li i.fa{ position: absolute; top:50%; top: -moz-calc(50% - 7px); top: -webkit-calc(50% - 7px); top: calc(50% - 7px); right: 15px; }



/*ABOUT
-------------------*/
.ttl-about{}
.about-read{ text-align: left; font-size: 14px; padding: 0 15px 40px; font-weight: normal; }
.about-read.Contmg120 { margin-bottom: 0; }
.about-pages-mb {  }
.about-pages-mb.bgpink01 { background:none; }
.about-box{ text-align:left; font-weight:normal;}
	.about-img{position: relative; top:auto; margin-bottom: 25px;}
		.about-img_bg_box { display: none; }
		.about-img img {}
		.about-img .about-img_number { height: 40px; width: 40px; bottom:-20px; left:45%; left: -moz-calc(50% - 20px); left: -webkit-calc(50% - 20px); left: calc(50% - 20px); }
		.about-img .about-img_number_inner { line-height: 40px; font-size: 30px;}

	.aboutInner{ padding: 0 15px 40px; }
		.aboutInner dt{font-size:24px; margin:10px 0;}
		.aboutInner dd{font-size:14px;}

.gridbnrcontact.about_message_link { width: 100%; padding: 60px 0 100px; margin-bottom: -50px; }
.about_message_link .seemore-button{width:80%;font-size:18px;font-weight:700;border:3px solid #FF2358; background:#fff;}


/*MESSAGE
-------------------*/
.page-titleInner.ttl-message { padding:50px 15px;  position:relative; }
.page-titleInner.ttl-message .styley-ttl { font-size: 60px;}   
.page-titleInner.ttl-message .styley-ruby { font-size: 16px;}
.message_profile {  height: auto; width: 100%; background-position: -50px 0; background-size: auto 190px; padding-bottom: 30px; }
@media screen and (max-width: 400px) {
.message_profile {  background-position: -100px 0; }    
}    
    
p.message_profile_yakusyoku { font-size: 30px; text-align: right; padding: 10px 10px 0; letter-spacing: 1px;}
p.message_profile_name-en { margin:0; font-size: 65px; text-align: right; padding: 0 10px; letter-spacing: 2px;}
p.message_profile_name-ja { font-size: 24px; margin: 0 ; font-weight: bold; padding: 15px 15px 5px;}
p.message_profile_word { font-size: 14px; padding: 0 15px ;}

.styley-ttlIner.styley-ttlIner_message_message { padding: 30px 0; }
.styley-subttl.styley-subttl_message { padding: 0 15px; }

.message_body { color: ; padding: 0 15px 30px; position:relative; color: #FF2459; }
.message_body p { margin: 0 0 30px; width: 100%; }

	.message-col .col-l { height: 320px; width:100%; background:url(../images/about/message/messageimg03.jpg) center center no-repeat; background-size: cover; float: none; }
	.message-col .col-r { height: auto; width:100%; font-size: 15px; font-weight: bold; float: none;}
	.message-col .col-r p { padding:30px 15px; }

.gridbnrcontact.message_about_link { padding: 50px 0 125px; margin-bottom: -100px;}
.gridbnrcontact.message_about_link .seemore-button { width: 80%; }


/*COMPANY
-------------------*/
.ttl-company{ position: relative; z-index: 2;}
.page-titleInner.page-titleInner_company::before{}

.company_slantingContBg_inner {}


table.company_company_info {width: 100%;}
	table.company_company_info th { padding:20px 15px 5px; display: block; width: auto; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px); font-weight: bold; }
	table.company_company_info td { padding: 0 15px 20px ; display: block; width: auto; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px); border-bottom:dotted 1px #ccc; }
    table.company_company_info tr:last-child td { border-bottom: none;}
.slantingContBg.slantingContBg_company {}
.slantingContBg.slantingContBg_company::before {}

dl.company_idea { padding: 0;}
	dl.company_idea dt { float:none; margin:0 auto; }
		dl.company_idea dt p {float:none;padding: 15px 20px; font-size: 22px;}
	dl.company_idea dd { font-size: 16px; font-style: normal; line-height:normal; padding: 20px 15px 0; text-align: center; }

dl.company_idea02 { padding: 0px 0;}
	dl.company_idea02 dt {margin:0 auto; float:none;}
		dl.company_idea02 dt p { float:none; padding:15px 20px; font-size: 22px; }
	dl.company_idea02 dd { padding: 20px 15px 40px;}
	dl.company_idea02 dd ul {}
	dl.company_idea02 dd li {margin: 0 0 15px; padding: 0 0 0 5px; font-weight: normal; font-size: 14px; list-style:decimal; }

dl.company_idea.company_idea_koudou { margin:0 auto;}

.slantingContBg_company_koudou {margin: 0 0 20px;}


/* CLUB
-------------------*/

.ttl-club_cheer { }
.ttl-club_cheer .styley-ttl,
.ttl-club_rg .styley-ttl{ font-size: 60px}
.ttl-club_cheer .styley-ruby,
.ttl-club_rg .styley-ruby { font-size: 16px; margin-top: 5px;}
.styley-ttlIner.styley-subttlIner_club { padding: 30px 20px 30px; position: relative; }
@media screen and (max-width: 400px) {
.ttl-club_cheer .styley-ttl,
.ttl-club_rg .styley-ttl{ font-size: 50px} 
}    

#club_classImg { margin: 0; }
#club_classImg .bx-wrapper {margin-bottom: 30px;}
#club_classImg .bx-pager { display: none; }

div.club_outline { margin: 0 0 ; }
	div.club_outline dl {padding:0 15px 30px;}
	div.club_outline dt {font-size:20px;}
	div.club_outline dd { margin: 0 0 30px; }
	div.club_outline dd .club_outline_subtitle { }

.styley-ttlIner.styley-ttlIner_club { padding: 20px 15px; margin-bottom: 0; }
	.styley-ttlIner.styley-ttlIner_club .styley-ttl {}
	.styley-ttlIner.styley-ttlIner_club .styley-ruby {}

div.club_clubList_outer { padding: 0px 15px 20px; }
	dl.club_clubList {}
	dl.club_clubList dt.club_clubList { clear: both; width:100%; float:auto; padding: 40px 0 10px; font-size: 18px; font-weight: bold; }
	dl.club_clubList dt.club_clubList::before {position: absolute; top: 0; left:50%; left: -moz-calc(50% - 50px); left: -webkit-calc(50% - 50px); left: calc(50% - 50px); z-index: 2; content: ''; width: 100px; height: 1px; background-color: #FF2459; }
	dl.club_clubList dt:first-child.club_clubList::before { display: none; }
	dl.club_clubList dd.club_clubList { float:left; width:100%; margin: 0 0 40px;}

	dl.club_clubList dd.club_clubList img { width: 100%; }

	dl.club_clubList dd.club_clubList .col-l { width: 100%; }
	dl.club_clubList dd.club_clubList .col-r { width: 100%; }
		dl.club_clubList dd dl.club_classList { margin-top: 20px;}
		dl.club_clubList dd dl.club_classList dt { color: #FF2459; }
		dl.club_clubList dd dl.club_classList dt span.club_rg_lessontest { padding-left: 7px; font-size: 12px; color:#8C8C8C; }
		dl.club_clubList dd dl.club_classList dd { margin: 0 0 10px; }

	div.club_fukidashi_senbatsu p { vertical-align: middle; padding:20px 15px;}

div.club_calendar_outer { width: auto; margin: 15px auto 60px; overflow: scroll;-webkit-overflow-scrolling:touch; }
	div.club_calendar_outer iframe {width: 100%;}

#club_rg_AGG_mark { left:45%; left: -moz-calc(50% - 45px); left: -webkit-calc(50% - 45px); left: calc(50% - 45px); top:-65px;  }
#club_rg_AGG_mark { line-height: 90px; text-align: center; font-size: 17px; font-weight: bold; color: #424242; }



/* STORY
-------------------*/


.story_page_title {height: 200px; position:relative; background:#000; }

.story_page_first {margin: 30px 0 0;}

.story_page_title .story_ttl_name_outer { position: inherit; bottom:auto; left:auto; }
	.story_page_title .story_ttl_num { font-size:50px; position: absolute; top:5px; bottom:; left:10px; padding-left: 0; }
	.story_page_title .story_ttl_num::after { display: none; }

	.story_page_title .story_ttl_name { padding: 5px; background:none; position: absolute; bottom:0; }
		.story_page_title .story_ttl_name h1 { font-size: 25px; }
		.story_page_title .story_ttl_name p  { font-size: 16px; }
.story_page_title .story_ttl_story_outer { position: absolute; top:35px; right: 0; }
	.story_page_title .story_ttl_story { display: none;}
	.story_page_title .story_ttl_story::after { display: none;}

.styley-subttlIner_story{ margin-bottom:10px; padding:15px 0 0; text-align:center; position:relative; }
	.styley-subttlIner_story .styley-subttl { font-size: 42px; position: relative; top:0; font-weight: bold; }
.styley-ttlIner.styley-subttlIner_story::after { display: none; }

.styley-subttl_story_interview {position: relative; left:auto; right:0; top:0;}


.col-story { padding: 0 15px 40px; }
	.col-story .story_txt_block{ width:100%; }
	.col-story .story_img_block{ width:100%; }
		.col-story .story_img_block img { width: 100%; }
	.col-story .styley-ttlIner{ margin-bottom:30px; padding:0 0 0px; }
	.col-story .styley-ttlIner::after{ left:50px; display: none;}

.col-story .styley-subttl { font-size: 18px; margin:10px 0;  }

	.col-story dl.story_question dt { margin:10px 0; }
	.col-story dl.story_question dd { margin: 0 0 20px; }

#story_contfoot_list {min-width:auto; width:95%; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); position: relative; overflow: hidden; margin: 0 10px 30px;}
#story_contfoot_list ul{ position: relative; left:auto; float:none;}
#story_contfoot_list li { width:95%; width: -moz-calc(100% / 3 - 10px); width: -webkit-calc(100% / 3 - 10px); width: calc(100% / 3 - 10px); float:left; margin: 0 5px;position: relative; left:auto; position: relative; }
	#story_contfoot_list li img { width: 100%; }
#story_contfoot_list li .story_contfoot_list_number { position: absolute; bottom: 0; left:auto; right: 0; }
#story_contfoot_list li .story_contfoot_list_number p { font-size: 32px; color:#fff; letter-spacing: 3px; -webkit-text-stroke-color: #000; -webkit-text-stroke-width: 2px; text-shadow: black 2px 2px 0px, black -2px 2px 0px, black 2px -2px 0px, black -2px -2px 0px;  line-height:1.1; -webkit-transition:all .3s;transition:all .3s; }



/* CONTACT
-------------------*/

.ttl-contact{ height:auto; }
.page-titleInner.ttl-contact { padding:35px 0; }
.page-titleInner.ttl-contact .styley-ttl { padding-top:0; }

.styley-ttlIner.styley-subttlIner_contactpage {padding:20px 15px;}
.styley-ttlIner.styley-subttlIner.styley-subttlIner_contactpage { margin-bottom: 20px; }

.contact_lead_txt { margin: 0 15px 15px; }

table.contact_price { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); margin:0 10px 30px; }
table.contact_price td { vertical-align: middle; }
table.contact_price td.brd_top_non.txc,
table.contact_price td.brd_btm_non.txc { width: 50px; padding-left: 5px; padding-right: 5px;}
.contact_flow_outer { margin: 0 15px 30px; }

.download-button.download-button_contact { height: 60px; line-height: 60px; font-size: 18px; }
.gridbnrcontact.contact_download_link { width:95%; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px); margin:0 15px; padding:0; margin:0 auto 10px; }
	.gridbnrcontact.contact_download_link a{ margin:0;}

p.contact_download_link_withdrawalComment { width:95%; margin:0 auto 20px; font-size: 13px; color: #585858; text-align: right;}


.col-contact_pdf {margin: 0 15px 30px;}
.col-contact_pdf .col-l { width: 100%;}
.col-contact_pdf .col-r { width: 100%; font-size: 11px;}

.contact_mainimage { margin: 0 15px 20px; }
	.contact_mainimage img { vertical-align: bottom; }

.styley-ttlIner.styley-subttlIner_contact { margin-bottom:0; padding:0; height: auto; position: relative; }
.styley-ttlIner.styley-subttlIner_contact::after{ display: none; }

	.styley-subttlIner_contact .styley-subttl{ font-size:34px; position: relative; width: 100%; top:0; padding: 50px 0 0;  margin-bottom: 20px; }

.contact_page_link_list {margin: 30px 0 30px; position: relative;}
	.contact_page_link_list ul { padding: 0;  }
	.contact_page_link_list li { float:none; width:90%; margin-right:0; margin:0 auto 15px;  }
	.contact_page_link_list li:last-child { margin-right: auto; }
		.contact_page_link_list li .seemore-button{ width:100%; height:60px;text-align:center;text-decoration:none;line-height:57px;outline:none;font-size:18px;font-weight:700;border:3px solid #FF2358; background:#fff;}

.contact_page_link_list::after {display: none;}

.contact_lead_txt01 {padding: 0 15px;}

.contfrm { margin: 40px 15px 0; }
.contfrm.contfrm_mt {margin: 40px 15px 0;}

p.contact_hissu_txt { }
table.inqtable { margin: 0 0 30px; }
table.inqtable th { display: block; width: 100%; padding: 20px 0 10px; border-bottom:none; font-weight: bold; font-size: ; }
table.inqtable td { display: block; width: 100%; padding: 0 0 20px; }
  table.inqtable td input[type="text"] , table.inqtable td textarea { border: solid 1px #E0E0E0; padding: 7px 7px; width:95%; width: -moz-calc(100% - 14px); width: -webkit-calc(100% - 14px); width: calc(100% - 14px); }
  table.inqtable td input[type="text"].width_shrt { width:50%; }

div.contact_privacy_outer { font-size: 13px; margin: 0 0 20px; }
	p.contact_privacy_headtxt { margin: 0 0 20px; }
	.contact_privacyInner { padding: 15px; }
	.contact_privacyTitle { padding: 0 0 15px; }


.contactlist { margin:0 15px 30px; padding: 20px 0 0; }
.contactlist dt { float:none; clear:both; }
.contactlist dd { padding-left:0; padding-bottom: 20px; margin-bottom: 20px;  }
.contactlist-l dd { padding-left:0;}


.submitbtm { margin: 40px auto; text-align: center; }
.submitbtm button       { padding: 0 15px; margin: 0; }
.submitbtm button:hover { background: #ffffff; color: #00326B; font-weight: bold; }
  .submitbtm button p {}
  .submitbtm button p span { letter-spacing: 1.5em;  }

.submitbtm button{display:inline-block;width:90%;height:60px; line-height: 60px;}
.submitbtm button::before,.submitbtm button::after{position:absolute;z-index:-1;display:block;content:''}
.submitbtm button:hover{background-color:#FFF;border-color:#FF2358; color:#FF2358;}
.submitbtm button i.fa{ font-size:.9em; padding-left:35px; -webkit-transition:all .3s;transition:all .3s }
.submitbtm button:hover i.fa{ padding-left:40px; margin-right:-5px;}

.error_box {
width:100%; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px);
text-align:left;
background:#FFF;
border:1px solid #FF2358;
color:#FF2358;
display:none;
margin:35px 0;
padding:20px 15px;
}



/* NEWS
-------------------*/

.col-wp { width: 100%; margin:30px auto 50px; }


.col-wp .col-main { float:none; width:100%; }
	.col-wp .col-main .entry_outer { margin:0 15px 40px; padding:0 0 30px; }
	.col-wp .col-main .entry_title_outer {margin:0 0 15px;}
	.col-wp .col-main .entry_title { }
	.col-wp .col-main .entry_day {}
	.col-wp .col-main .entry_body {}

.col-wp .col-side { float:none; width:100%; }
	.col-wp .col-side dl {}
	.col-wp .col-side dl dt { padding:20px 15px; cursor: pointer; border-bottom: solid 1px #FF446E; }
	.col-wp .col-side dl dt:first-child { border-top: solid 1px #FF446E; }
	.col-wp .col-side dl dt::after {display: none;}
	.col-wp .col-side dl dt .fa {text-align: right; padding-right: 10px; position: absolute; top:22px; right: 10px; display: none;}
	.col-wp .col-side dl dt .fa.active { display: block; }
	.col-wp .col-side dl dd { margin:0 0 0 0; font-size: 14px; display: none; }

	.col-wp .col-side dl dd ul {}
	.col-wp .col-side dl dd li {margin-bottom: 0; border-bottom: solid 1px #FF446E; background:#FFF7F9; padding: 15px; }
	.col-wp .col-side dl dd li a { display: block; }
	.col-wp .col-side dl dd li:first-child {}
	.col-wp .col-side dl dd li::after { display: none; }

.entry_outer.pagenotfound { margin:0 15px; }
	.entry_outer.pagenotfound .entry_title_outer {margin:50px 0 0;}
	.entry_outer.pagenotfound .entry_title {}


.col-wp .col-main .entry_body .seemore-button{ width: 90%; }
    
    
    
    
    
    
    
/*SCHOOL
-------------------*/

.ttl-school{ padding: 40px 0; }
.inner1100,
.inner1000,
.inner750 {width: calc(100% - 40px); margin: 0 auto; } 

.schoolcatwrap{ padding: 20px 0;}
.schoolcatinul li a { border-radius: 15px; padding: 5px 20px; }

.schoollistwrap{ padding: 20px 0;}
.schoollistul{ margin-left: -10px; display: flex; flex-wrap: wrap;}
.schoollistul > li{ width: calc(100% / 2 - 10px); margin-left: 10px; margin-bottom: 10px; border-radius: 10px;}
.schoollisttxtwrap{ padding: 20px 10px;}
.schoollisttxtwrap .flex {  margin-bottom: 10px;}
.schoollisttxt{ font-size:18px; }
.schoollistpref{ padding: 0 5px; line-height: 19px; height: 18px; font-size: 11px;}
.schoollistcatwrap{ font-size: 10px;}
@media screen and (max-width: 400px) {
    .schoollistul > li{ width: 100%;}
}
    
.schoolnamewrap { padding: 40px 0;}
.schoolnamewrap .flex-jcc { margin-bottom: 20px; display: block;}  
.schoolname{ font-size: 35px; margin-bottom: 15px;}
.schoolpostpref{ display: inline-block; padding: 0 10px; line-height: 25px; font-size: 15px; margin-left: 0; }
.schoolcatch{ font-size: 15px;}
.schoolpostul{ margin-bottom: 20px;}
.schoolpostul li{ margin-bottom: 20px; padding-bottom: 20px; }
.schoolpostcat{ padding: 30px 0 20px; font-size: 25px; }
.schoolposttxt{ font-size: 14px;}
.schoolposttxt h3{ margin-top: 20px; font-size: 16px; }
.schoolbtnwrap .submitbtm { margin: 20px auto;}
.schoolbtnwrap .submitbtm a{ font-size: 16px; width: 100%; height: auto;}
.schoolwrap { padding-bottom: 50px; }   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

}