@charset "UTF-8";

/* ヘッダーのスタイル */
#header {
    background-color: #4CAF50;
    color: white;
    padding: 10px 0;
    text-align: center;
}

#header h1 {
    margin-bottom: 10px;
}

nav ul {
    list-style: none;
}

nav ul li {
    display: inline;
    margin-right: 15px;
    padding: 10px;
    }

nav ul li a {
    color: white;
    text-decoration: none;
    font-weight: bold;

    
}

nav ul li:hover {
    text-decoration: none;
    background-color: #45a049; /* ホバー時に少し濃い緑色 */
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.6); /* 緑色の光がボタンを包む */
    transform: scale(1.05); /* 少し大きくなる */
}

/* フォーカス時の効果（アクセシビリティ向上のため） */
nav ul li:focus {
    outline: none; /* デフォルトのアウトラインを消す */
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.8); /* フォーカス時も同じように光る */
}

/* ナビ　レスポンシブ対応 */
@media screen and (max-width: 600px) {
    nav ul li {
        display: block;
        margin: 10px 0;
    }

    nav ul li a {
        font-size: 1.2rem;
    }
  
}/* ナビ　レスポンシブ対応 */


.gridarea {

	background-image: linear-gradient(45deg, #ed6953 25%, transparent 0),
	linear-gradient(45deg, transparent 75%, #ed6953 0),
	linear-gradient(45deg, #ef8a6b 25%, transparent 0),
	linear-gradient(45deg, transparent 75%, #ef8a6b 0);
	background-size: 80px 80px;
	background-position: 0 0, 40px 40px,
		40px 40px, 80px 80px;

}
.cyui_txt {
    background-color:  #fff!important;
   width: 550px;
    font-size: 75%;
    line-height: 1.2em;
    margin: 0 auto 10px auto;
    padding-bottom:10px;
    padding-top: 3px;
}   

.cyui_txt.small {
font-size: 50%!important;
}
/*.linewrap {

	background-image: linear-gradient(
	-45deg,
	#ed6953 25%,
	#ef8a6b 25%,
	#ef8a6b 50%,
	#ed6953 50%,
	#ed6953 75%,
	#ef8a6b 75%,
	#ef8a6b
	);
	background-size: 5px 5px;

}*/

.ta_C{ text-align: center!important;}

.breadarea { background-color: #ffffff; }


/* 流用打ち消しと追加 */
.hoverMenu.is_inner.pcOnly.is-fixed.is-scroll-show { display: none; }
.courses .program__detail { padding-bottom: 0; }

.indent-1 {
    padding-left: 1em;
    text-indent: -1em;
}

.indent-1{
	text-align:  left;

}


.txt-orange {color: #eb6153;}
.bg_white {
	background-color: #ffffff;
	/*border-radius: 15px;*/
	/*padding: 30px;*/
}


#online .btn {
	padding:20px;
	font-size: 1.5rem;
	border-radius: 5px;
	/*display: inline-block;*/
}
.btn-block{
	display: block;
}
.border-radius-5 {
	border-radius: 5px;
}
.btn_green {
	background-color: #00a29a;
	color: #ffffff;
}
.font-weght-bold {
	font-weight:bold;
}

#online {}
#online p {
	/*font-size: 1.4rem;*/
	margin-bottom: 20px;
	line-height: 1.6em;
}

p {
	line-height: 1.6em;
	font-weight: normal;
}



.head_bnr img{
	margin: 0 auto!important;
	text-align: center; max-width: 100%; 

}

.head_bnr{
	width: 100%!important; 
    background-color: #fafafb;

}

.bnr_tell img a{
	margin: 0 auto!important;
	text-align: center;padding: 0px; 

}



/* 共通デザイン */

.courseprogramarea h2 { text-align: center; }

.entryarea02 h3,
.schoolarea h3,
.teacherarea h3,
.safetyarea h3,
.eventarea h3 { letter-spacing: 2px; line-height: 1.5em; font-weight: bold; text-align: center; }


.entryarea02  { letter-spacing: 2px; line-height: 1.5em; text-align: center; font-weight: bold; color: #6b3908; }


.courses p { line-height: 1.5em; letter-spacing: 1px; text-align: justify; }


/* スライドエリア内 */
/*.slidearea {  }*/

/*.slidearea {
	background-color: #e6e4f4;
	background-image: linear-gradient(-45deg, rgba(255,255,255,.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.5) 50%, rgba(255,255,255,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(255,255,255,.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.5) 50%, rgba(255,255,255,.5) 75%, transparent 75%, transparent 100%);
	background-size: 60px 60px;
}*/



.slidearea {
  /*background-color : #fff;*/
  /*background-image   : radial-gradient(#ffffff 19%, transparent 21%),
                       radial-gradient(#ffffff 19%, transparent 21%);
  background-position: 0 0, 14px 14px;
  background-size    : 28px 28px;*/

  /*background-image:
    radial-gradient(#ffffff 20%, transparent 20%),
    radial-gradient(#ffffff 20%, transparent 20%);
  background-size: 30px 30px;
  background-position: 0px 0px, 15px 15px;*/

  /*background-image: linear-gradient(-45deg, rgba(255,255,255,.3) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.3) 50%, rgba(255,255,255,.3) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(255,255,255,.3) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.3) 50%, rgba(255,255,255,.3) 75%, transparent 75%, transparent 100%);
  background-size: 60px 60px;*/
}



.slidearea.kidscv { background-color: #fff; }


.slidearea h2 img { display: block; }




.slidearea .presentblock {  }
.slidearea .presentblock img {  }

.slidearea .presentblock .imgbox p.war { text-align: center; letter-spacing: 1px; line-height: 1.5em; }

.slidearea .linklist { text-align: center; }
.slidearea .linklist li { display: inline-block; }



/* メニューリスト一覧 */
/*.menulistarea { background-color: #FFE1D0; }*/
.menulistarea ul { text-align: center; }
.menulistarea ul li { display: inline-block; }
.menulistarea ul li a { display: block; }

.menulistarea ul li a img { width: 100%; }
/*.menulistarea ul li a:before {
	content: "";
    width: 25px;
    height: 25px;
    background-color: #fab8af;
    border-radius: 5px;
    position: absolute;
    right: 12px;
    top: 17px;
}*/

/*.menulistarea ul li a:after { 
	content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    right: 50%;
    bottom: 10px;
    border-radius: 3px;
    border-right: 4px solid #ffffff;
    border-top: 4px solid #ffffff;
    transform: rotate(-225deg);
}*/


/*.menulistarea ul li a .m_ico { position: relative; padding-left: 45px; }
.menulistarea ul li a .m_ico:before { 
	content: "";
    width: 45px;
    height: 45px;
    background-image: url(../img/ico_open.png);
    position: absolute;
    left: -5px;
    background-size: 45px;
    background-repeat: no-repeat;
    top: -15px;
}

.menulistarea ul li.check { position: relative;  }
.menulistarea ul li.check:after { 
	content: "";
	width: 45px;
	height: 45px;
	background-image: url(../img/ico_check.png);
	position: absolute;
	left: 15px;
	background-size: 45px;
	background-repeat: no-repeat;
	top: 8px;
	z-index: 2;
}*/

.entryarea02 { background-color: #fbf0be; }
.entryarea02 img { display: block;  }


.voicearea { 
	/* スライド模様　background-image: linear-gradient( -45deg, #f9c9bf 25%, #fad6cd 25%, #fad6cd 50%, #f9c9bf 50%, #f9c9bf 75%, #fad6cd 75%, #fad6cd );
    background-size: 20px 20px;*/
    padding: 30px 0;
	/*background-color: #00a2ef;*/
	background-color: #9bdaef;
}

.ssl_course { padding: 30px 0; background-color: #7ecbc9; }
/*.ssl_course { padding: 30px 0; background-color: #f9cae6; }*/
/*.ssl_course { padding: 30px 0; background-color: #a5d59d!important; }*/

/*先生について*/
.courses .tblock { 
	background-color: #FFE8E6;
	border-radius: 10px;
}
.courses h3 { color: #65598b; background-color: #d9d6e3; letter-spacing: 1px; line-height: 1.3em; text-align: center; font-weight: bold; }
.courses.kidscv h3 { color: #e65296; background-color: #f9d8e6; }
.courses.juniorcv h3 { color: #e37371; background-color: #f8d7c5; }


.courses h3 span { display: block; }
.courses h4 { letter-spacing: 1px; line-height: 1.5em; text-align: center; font-weight: bold; }
.courses h4 span { color: #65598b; }
.courses.kidscv h4 span { color: #e65296; }
.courses.juniorcv h4 span { color: #e37371; }


.courses h4 span.pick { color: #df4e5b; }
.courses h6 { text-align: center; font-weight: bold; line-height: 1.5em; letter-spacing: 2px; }




.costarea {  }
.costarea .costzone h4 { font-weight: bold; letter-spacing: 1px; line-height: 1.5em; }

.faq_item_txt:last-of-type { text-align: justify; }
.questionarea .info { letter-spacing: 1px; line-height: 1.5em; text-align: justify; }


.notice p span:after {
	content: "";
	background: url(../../../common/images/arrow_gnav.png) no-repeat;
	background-size: contain;
	width: 7px;
	height: 12px;
	display: inline-block;
	margin-left: 8px;
}




/*sp*/
@media screen and (max-width: 767px) {
	.pc-hd { display: inline; }
	.sp-hd { display: none; }

.cyui_txt {
    background-color:  #fff!important;
   width: 95%; 
    font-size: 100%!important;
    line-height: 1.5em!important;
    padding-top: 3px;
    padding-bottom: 5px!important;
    margin: 0 auto 10px auto !important;
    letter-spacing:0em;
}   
    
.cyui_txt.small {
font-size: 60%!important;
} 
    
.btn01 a{
line-height: 1.0;
display:block;
text-align:center;
background: #fef029;
font-size:1.4rem;
height:50px;
padding-top: 16px;
border-radius:5px;
border-bottom: 3px solid #fecc00;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn01 a:after{
content:"";
display:inline-block;
width:8px;
height:13px;
background: url(images/btn_arrow.png) no-repeat right bottom;
-webkit-background-size: auto 9px;
background-size: auto 9px;
padding-right: 5px;
}
	
		/*SP-プルダウン*/
.btn03 ul {
	list-style-type:none;
	/*height: 100px;
	padding: 0px!important;*/
	margin: 0px auto!important;
	text-align: center;
	/*width: 100%;*/
}
.btn03 > li {
	/*display:inline-block;*/
	position:relative;
}
.btn03 > li > ul {
	display:none;
}
.btn03 > li:hover ul{
	display:block;/*重要*/
	/*list-style-type:none;
	background-color: #abddfc;*/
	position: relative;
		width: 100%;	
	top: -0px;
}	
	
.btn03 > li:hover ul li{
}	
	
.btn03 > li:hover ul li a{
	display:block;
	text-decoration-line: none!important;
	position: relative; 	
	border-bottom:1px solid #7bc0ec;
	font-size: 1.8em;
	text-align: center;
	padding: 10px 0px;
	margin: 0px!important;
	background-color: #d3eef8!important;
	width:  100%;	
}
	
.btn03 li:hover ul li:hover{
	background-color: #b7e2fd!important;
}/*ここまで　SPプルダウン*/
	

	.slidearea .sribbon img { display: block; width: 100%; margin: 0 auto; }

	#online p {
		font-size: 1.6rem;
	}


	.breadarea ul { width: 100%; padding: 10px 0 0; overflow: hidden; }
	.breadarea ul li { width: 33.3%; float: left; }
	.breadarea ul li a { display: block; width: 90%; margin: 6px auto 0; padding: 5px 0; }
	.breadarea ul li.active a { padding: 8px 0; margin: 0 auto 0; }


	.wrap .acbtn { font-size: 1.3rem; width: 90%; padding: 5px 15px 5px 5px; }
	.wrap .acbtn:before { height: 10px; width: 10px; right: 15px; }
	.wrap h6 { font-size: 1.8rem; margin: 10px 0 20px; }

	.costarea .gridarea,
	.freestartarea .gridarea {
		padding: 20px 0;
	}

	.linkblock a:before {
		top: 11px;
	}
	.linkblock a:after {
		top: 20px;
	}


	img { max-width: 100%; }

	.costarea h2,
	.schoolarea h2,
	.eventarea h2,
	.safetyarea h2,
	.entryarea h2,
	.teacherarea h2,
	.videolessonarea h2,
	.courseprogramarea h2 { margin: 0 auto 20px; }

	.entryarea02 h2 img,
	.costarea h2 img,
	.schoolarea h2 img,
	.eventarea h2 img,
	.safetyarea h2 img,
	.entryarea h2 img,
	.teacherarea h2 img,
	
	.courseprogramarea h2 img { width: 90%; display: block; margin: 0 auto; }

	.videolessonarea h2 img { width: 100%; display: block; margin: 0 auto; }

	.linkblock h3,
	.linkarea h3 { margin-bottom: 5px; font-size: 1.3rem; }


	.linkarea h2 img { width: 90%; margin: 0 auto 10px; }

	.linkblock a { line-height: 56px; padding-right: 40px; width: 90%; margin: 0 auto 20px; font-size: 2.0rem; }

	.telblock a img { width: initial; }



	.lessonarea img,
	.costarea img,
	.presentarea h3 img,
	.benefitarea h4 img,
	.campaignarea h4 img,
	.benefitarea h3 img,
	.campaignarea h3 img { display: block; margin: 0 auto 20px; max-width: 100%; }

	/* 共通デザイン */

	.eventarea .czone,
	.courses .czone { width: 90%; margin: 0 auto 30px; }


	/* ※の文章 */
	.entryarea p.war,
	.eventarea p.war { padding-left: 1em; text-indent: -1em; font-size: 1.2rem; line-height: 1.5em; letter-spacing: 1px; }

	.eventarea p.war { text-align: center; }



	.entryarea h3,
	.schoolarea h3,
	.teacherarea h3,
	.safetyarea h3,
	.eventarea h3 { font-size: 1.8rem; margin-bottom: 20px; padding: 15px 0 15px 0; }

	


	.entryarea .entryblock h4,
	.teacherarea h4,
	.safetyarea h4,
	.eventarea h4 { font-size: 1.8rem; margin-bottom: 20px; }

	
	.costarea p,
	.freelessonarea p,
	.schoolarea p,
	.teacherarea p,
	.safetyarea p,
	.entryarea p,
	.eventarea p { font-size: 1.4rem; margin-bottom: 20px; }


	/* 先生について タブボタン調整 */
/*	.courses .program__detail_button_top_JP,
	.courses .program__detail_button_top_EN { padding-top: 2px; height: 55px; line-height: 1.2em; width: 40%; margin: 0 10px 0; font-size: 1.6rem; }*/


	.selectProgram { margin-bottom: 30px; }

	/* スライドエリア内 */
	.slidearea { padding-top: 0px; padding-bottom: 0px;  margin-bottom: 0px;  }

	.slidearea h2 { margin-bottom: 0px; }

	.slidearea h2 img { width: 100%; display: block; margin: 0 auto; }
	.slidearea .freelessonimg { width: 95%; }


	.slidearea .presentblock { /*position: relative;*/ margin-bottom: 10px; width: 100%; }
	/*.slidearea .presentblock .imgbox { position: relative; top: -20px; }*/
	.slidearea .presentblock img { width: 95%; display: block; margin: 0 auto; }
	.slidearea .presentblock img.hukidashi { width: 80%; }

	.slidearea .presentblock .imgbox { margin-bottom: 10px; }
	.slidearea .presentblock .imgbox p.war { font-size: 1.2rem; }

	.slidearea .linklist { width: 95%; margin: 0 auto;  }
	.slidearea .linklist li { width: 32%; }
	.slidearea .linklist li img { width: 90%; display: block; margin: 0 auto; }

	.slidearea .mainslideimg img { display: block; margin: 0 auto ; }


/*	.enrollmentarea {  }
	.enrollmentarea img { display: block; width: 90%; margin: 0 auto 20px; }
	.enrollmentarea h2 img { width: 85%; margin: 0 auto 20px; }
	.enrollmentarea h3 img { width: 85%; }

	.ifonlinearea .ranking { width: 90%; margin: 0 auto 20px; }

	.ifonlinearea .wrap .acbtn { width: 90%; padding: 15px 5px; margin: 0 auto 40px; }
	.ifonlinearea .wrap .acbtn img { display: block; width: 90%; margin: 0 auto; }
	.ifonlinearea .wrap .war { font-size: 1.4rem; width: 90%; margin: 0 auto 10px; }
	.ifonlinearea .wrap .war br { display: none; }
	.ifonlinearea .wrap .ifonlineblock { width: 90%; padding: 5%; margin: 0 auto 20px; }
	.ifonlinearea .wrap .ifonlineblock h4 { font-size: 1.8rem; margin: 0 auto 10px; }
	.ifonlinearea .wrap .ifonlineblock img { margin: 0 auto 10px; }
	.ifonlinearea .wrap .ifonlineblock p { font-size: 1.4rem; }*/






	/* メニューリスト一覧 */
	.menulistarea { padding-top: 20px; margin: 0 auto 30px; }
	.menulistarea ul { margin: 0 auto; width: 95%;  }
	.menulistarea ul li { width: 49%; margin-bottom: 10px; }

	.menulistarea ul li a { width: 100%; }
	.menulistarea ul li a img { width: 95%; }

	/*.menulistarea ul li a:before { width: 17px; height: 17px; top: 20px; right: 8px; }
	.menulistarea ul li a:after { width: 7px; height: 7px; right: 11px; top: 21px; }*/


	
/*★20210519*/
	.entryarea02 { padding-top: 20px; margin: 0 auto 0px; padding-bottom: 30px; }
	.entryarea02 { }
	.entryarea02 h2 { margin: 0 auto 10px; }
	.entryarea02 img { width: 95%; display: block; margin: 0 auto ;  padding-bottom: 10px;}
/*	.entryarea02 .subimg { width: 90%; margin: 0 auto 20px; }
	.entryarea02 .pointblock { margin: 0 auto 20px; }
	.entryarea02 .pointblock img { width: 90%; margin: 0 auto; }
	.entryarea02 .pointblock .pimg {  }*/
	/*.entryarea02 .pointblock.last { margin: 0 auto; }*/

	.voicearea { }
	.voicearea h2 { margin: 0 auto 10px; }
	.voicearea img { width: 95%; display: block; margin: 0 auto ; }
	.voicearea .subtitle { width: 95%; margin: 0 auto; }
	.voicearea .pointtxt {  }

	.ssl_course {  }
	.ssl_course h2 { margin: 0 auto 10px;  text-align: center; }
	.ssl_course img { width: 95%; display: block; margin: 0 auto ; }



	/*.courses { margin-bottom: 30px; }
	
	.courses h3 { font-size: 2.6rem; margin-bottom: 20px; padding: 15px 0 15px 0; }
	.courses h3 span { font-size: 1.8rem; }
	.courses h4 { font-size: 2.0rem; margin-bottom: 20px; }
	.courses p { font-size: 1.6rem; margin-bottom: 20px; }

	.courses p.subtitle { font-size: 1.8rem; font-weight: bold; }

	.courses .program__detail { margin-top: 0; }
	.courses .czone { margin-top: 20px; }
	.courses .czone img { display: block; margin: 0 auto 20px; }

	
	.courses h6 { font-size: 2.2rem; margin-bottom: 10px; }
	.program__detail_contents_inner { padding: 10px 0; }

	.selectProgram { margin-bottom: 20px; }




	.costarea .costzone {  }
	.costarea .costzone h4 { font-size: 1.4rem; text-align: center; }
	.costarea .costzone img { width: 90%; display: block; margin: 0 auto 15px; }
	.costarea .costzone .yearcost { width: 70%; }
	.costarea p { font-size: 1.2rem; width: 90%; margin: 0 auto 0; }*/

}

/*pc*/
@media print, (min-width: 768px) {
	
a[href^="tel:"]{
    pointer-events: none;
  }


.btn01 a{
line-height: 1.8;
	width: 450px;
display:block;
text-align:center;
background: #FBEA07  ;
font-size:1.6em;
height:60px;
padding-top: 16px;
/*border-radius:5px;*/
/*border-bottom: 3px solid #fecc00;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
	margin: 0 auto 20px !important;
}
	
/*.btn01 a:after{
content:"";
display:inline-block;
width:8px;
height:13px;
background: url(images/btn_arrow.png) no-repeat right bottom;
-webkit-background-size: auto 9px;
background-size: auto 9px;
padding-right: 7px;
}*/

.btn01 a:hover{
opacity:1;
background-color: #fec829;
border-bottom-color: #fea029;
transition: all 0.15s linear;
}
	
	
	/*pc-プルダウン*/
	
.btn03 ul {
	list-style-type:none;
	/*height: 100px;
	padding: 0px!important;*/
	margin: 0px auto!important;
	text-align: center;
	/*width: 100%;*/
}
.btn03 > li {
	/*display:inline-block;*/
	position:relative;
}
.btn03 > li > ul {
	display:none;
}
.btn03 > li:hover ul{
	display:block;/*重要*/
	/*list-style-type:none;
	background-color: #abddfc;*/
	position: relative;
		width: 450px;	
	top: -18px;
}	
	
.btn03 > li:hover ul li{
}	
	
.btn03 > li:hover ul li a{
	display:block;
	text-decoration-line: none!important;
	position: relative; 	
	border-bottom:1px solid #7bc0ec;
	font-size: 1.8em;
	text-align: center;
	padding: 10px 0px;
	margin: 0px!important;
	background-color: #d3eef8!important;
	width: 450px;	
}
	
.btn03 li:hover ul li:hover{
	background-color: #b7e2fd!important;
}
	
/*ここまで　pcプルダウン*/	
	
	
	
	

	.pc-hd { display: none; }
	.sp-hd { display: inline; }


	.breadarea ul { width: 680px; margin: 0 auto; padding: 20px 0 0; overflow: hidden; }
	.breadarea ul li { width: 33.3%; float: left; }
	.breadarea ul li a { font-size: 1.8rem; display: block; width: 90%; margin: 6px auto 0; padding: 5px 0; }
	.breadarea ul li.active a { padding: 8px 0; margin: 0 auto 0; }



	#online p {
		max-width: 600px;
		margin: 0 auto 20px;
	}
	#online p {
		/*font-size: 1.4rem;*/
		font-size: 1.6rem;
	}
	.czone {
		width: 912px;
		margin: 0 auto;
		/*padding: 20px;*/
	}
	#online .selectProgram_programs {
		/*background-image: url(../img/top_bg_new_pc.png) !important;*/
		/*background: url(../img/top_bg_new_pc.png) left 107px bottom -76px no-repeat;*/
		background-size: 700px auto;
	}

	#online .btn {
		font-size: 1.8rem;
		width: 100%;
	}
	#online .strong {
		font-size: 1.8rem !important;
	}

	.w-580 {
		width: 580px;
		margin:0 auto;
	}
	.w-580 img {
		max-width: 100%;
	}
    
    .w-800 {
		width: 800px;
		margin:0 auto;
	}
	.w-800 img {
		max-width: 100%;
	}

	.wrap .acbtn {  }
	.wrap h6 { font-size: 2.0rem; margin: 10px 0 20px; }


	.movieblock { margin-bottom: 20px; }
	.movieblock iframe { width: 540px; height: 315px; margin: 0 auto; display: block; }


	.costarea .gridarea,
	.freestartarea .gridarea {
		padding: 40px 0;
	}



	.linkarea .freephone { width: 400px; }
.ssl_course h2,
	.eventarea h2,
	.schoolarea h2,
	.safetyarea h2,
	.entryarea h2,
	.teacherarea h2,
	.videolessonarea h2,
	.courseprogramarea h2 { margin: 0 auto 30px; }
	
.ssl_course h2 img,
	.subinfo h4 img,
	.eventarea h2 img,
	.schoolarea h2 img,
	.safetyarea h2 img,
	.entryarea h2 img,
	.teacherarea h2 img,
	.videolessonarea h2 img,
	.courseprogramarea h2 img { max-width: 500px; display: block; margin: 0 auto; }
	


	.freelessonarea img,
	.eventarea img,
	.teacherarea img { display: block; width: 640px; margin: 0 auto 30px; }

	.entryarea02 h2 img,
	.costarea h2 img,
	.ssl_course h2 img,
	.presentarea h3 img,
	.benefitarea h4 img,
	.campaignarea h4 img { display: block; margin: 0 auto 20px; max-width: 450px; }


	.debutarea h3 img,
	.benefitarea h3 img,
	.campaignarea h3 img { display: block; margin: 0 auto 20px; max-width: 550px; }

	
	.entryarea h3,
	.schoolarea h3,
	.teacherarea h3,
	.safetyarea h3,
	.eventarea h3 { font-size: 2.6rem; margin-bottom: 40px; padding: 20px 0; }


	
	.entryarea .entryblock h4,
	.teacherarea h4,
	.safetyarea h4,
	.eventarea h4 { font-size: 2.4rem; margin-bottom: 20px; }

	
	.costarea p,
	.schoolarea p,
	.freelessonarea p,
	.teacherarea p,
	.safetyarea p,
	.entryarea p,
	.eventarea p,
	.courses p { font-size: 1.6rem; margin-bottom: 20px; }

	.courses p.subtitle { font-size: 1.8rem; font-weight: bold; }

	/* ※の文章 */
	.campaignarea p.war,
	.skillarea p.war,
	.benefitarea p.war,
	.costarea p.war { font-size: 1.2rem; line-height: 1.5em; letter-spacing: 1px; }

	.courses .czone { width: 800px; margin: 0 auto 30px; }
	.courses .program__detail_contents .czone { width: 640px; margin: 0 auto 30px; }

	/* 先生について タブボタン調整 */
	.courses .program__detail_button_top_JP,
	.courses .program__detail_button_top_EN { padding-top: 0px; width: 300px; height: 80px; margin: 0 20px; line-height: 1.2em; }

	/* スライドエリア内 pc */
	
	.slidearea { margin-bottom: 20px; padding-top: 10px;  padding-bottom: 10px; }



	.slidearea .presentblock { /*position: relative;*/ margin: 0 auto 20px; width: 800px; }
	

	.slidearea .mainslideimg img { width: 1000px!important; display: block; margin: 0 auto ;  }

	.head_bnr img { width: 850px; display: block; margin: 0 auto  ; text-align: center; padding: 0px}	
	
	
	.bnr_tell img { width: 450px;display: block; margin: 0 auto  ; text-align: center; padding-bottom: 20px;   }	
	
	


	/* メニューリスト一覧 */
	.menulistarea { margin-bottom: 50px; }
	.menulistarea ul { width: 960px; margin: 0 auto; }
	.menulistarea ul li { width: 230px; margin-bottom: 10px; }

	.menulistarea ul li a { width: 230px; margin: 0 auto; }
	.menulistarea ul li a img { width: 90%; display: block; margin: 0 auto; }




	.freelessonarea { margin-bottom: 50px; }
	.freelessonarea img { width: 550px; }
	.freelessonarea p.czone { text-align: justify; width: 640px; margin: 0 auto 20px; }


	
	

	.entryarea02 { padding: 40px 0; }
	.entryarea02 h2 { margin: 0 auto 20px;  }
	.entryarea02 h2 img { width: 450px; }
	.entryarea02 .subimg { width: 550px; margin: 0 auto 20px; }
    .voicearea .subimg { width: 550px; margin: 0 auto 20px; }
    
    .ssl_course .subimg { width: 580px!important; margin: 0 auto 20px; }
    
	/*.entryarea02 .pointimgzone { width: 860px; margin: 0 auto 40px; }*/
	.entryarea02 .pointblock { width: 650px; margin: 0 auto 20px; }
	.entryarea02 .pointblock img { width: 90%; margin: 0 auto; }
	.entryarea02 .pointblock .pimg {  }
	/*.entryarea02 .pointblock.last { margin: 0 auto; }*/

	
	.voicearea { padding: 40px 0; }
	.voicearea h2 { margin: 0 auto 20px; }
	.voicearea h2 img { width: 450px; }
	.voicearea img { display: block; margin: 0 auto 30px; }
	.voicearea .subtitle { width: 550px; margin: 0 auto; }
	.voicearea .pointtxt { width: 500px; }
	.voicearea .voiceblock { width: 660px; text-align: center; margin: 0 auto; }
	.voicearea .voiceblock img { display: inline-block;  width: 450px!important; margin: 0 15px 30px; }

	.voicearea .voiceblock.juniorvoice { width: initial; }
	.voicearea .voiceblock.juniorvoice img { width: initial; height: 420px; }

	.ssl_course { padding: 40px 0; }
	/*.ssl_course h2 { font-size: 2.5em; margin: 0 auto 20px; color: #30359B }
	.ssl_course h2 img { width: 850px; }*/
	.ssl_course img { width:800px; display: block; margin: 0 auto 30px; }


	.courses { margin-bottom: 50px; }
	.courses .program__detail { margin-top: 0; }
	.courses .czone img { display: block; margin: 0 auto 30px; }

	.courses h3 { font-size: 2.8rem;  margin-bottom: 40px; padding: 20px 0; }

	.courses h3 span { font-size: 2.0rem; margin-bottom: 0; }
	.courses h4 { font-size: 2.4rem; margin-bottom: 20px; }

	

	.courses h6 { font-size: 2.4rem; margin-bottom: 10px; }
	.courses h6 img { width: 500px; }
	.program__detail_contents_inner { padding: 20px 0; }

	.selectProgram { margin-bottom: 30px; }





}




/*--------------------------------------------
* width
-------------------------------------------*/
.w-10 {
	width: 15%;
}
.w-15 {
	width: 15%;
}
.w-20 {
	width: 20%;
}
.w-25 {
	width: 25%;
}
.w-30 {
	width: 30%;
}
.w-40 {
	width: 40%;
}
.w-50 {
	width: 50%;
}
.w-60 {
	width: 60%;
}
.w-70 {
	width: 70%;
}
.w-75 {
	width: 75%;
}
.w-80 {
	width: 80%;
}
.w-85 {
	width: 85%;
}
.w-90 {
	width: 90%;
}

/*--------------------------------------------
* font-size
-------------------------------------------*/
.font-25 {
	font-size: 25%;
}
.font-30 {
	font-size: 30%;
}
.font-35 {
	font-size: 35%;
}
.font-40 {
	font-size: 40%;
}
.font-50 {
	font-size: 50%;
}
.font-60 {
	font-size: 60%;
}
.font-70 {
	font-size: 70%;
}
.font-75 {
	font-size: 75%;
}
.font-80 {
	font-size: 80%;
}
.font-85 {
	font-size: 85%;
}
.font-90 {
	font-size: 90%;
}
.font-100 {
	font-size: 100%!important;
}
.font-110 {
	font-size: 110%;
}
.font-115 {
	font-size: 115%;
}
.font-120 {
	font-size: 120%;
}
.font-125 {
	font-size: 125%;
}
.font-130 {
	font-size: 130%;
}
.font-140 {
	font-size: 140%;
}
.font-150 {
	font-size: 150%;
}
.font-160 {
	font-size: 160%;
}
.font-170 {
	font-size: 170%;
}
.font-180 {
	font-size: 180%;
}
.font-190 {
	font-size: 190%;
}
.font-200 {
	font-size: 200%;
}
.font-210 {
	font-size: 210%;
}
.font-220 {
	font-size: 220%;
}
.font-230 {
	font-size: 230%;
}
.font-240 {
	font-size: 240%;
}
.font-250 {
	font-size: 250%;
}
	
/*--------------------------------------------
* margin-top
-------------------------------------------*/
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-60 {
	margin-top: 60px;
}
/*--------------------------------------------
* margin-bottom
-------------------------------------------*/
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mb-110 {
	margin-bottom: 110px;
}
.mb-120 {
	margin-bottom: 120px;
}
.mb-130 {
	margin-bottom: 130px;
}
.mb-140 {
	margin-bottom: 140px;
}
.mb-150 {
	margin-bottom: 150px;
}
.mb-200 {
	margin-bottom: 200px;
}
/*--------------------------------------------
* margin-left
-------------------------------------------*/
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-35 {
	margin-left: 35px;
}
.ml-50 {
	margin-left: 50px;
}
/*--------------------------------------------
* margin-right
-------------------------------------------*/
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-35 {
	margin-right: 35px;
}
.mr-50 {
	margin-right: 50px;
}
/*--------------------------------------------
* padding-top
-------------------------------------------*/
.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-35 {
	padding-top: 35px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-100 {
	padding-top: 100px;
}
.pt-110 {
	padding-top: 110px;
}
.pt-120 {
	padding-top: 120px;
}
.pt-130 {
	padding-top: 130px;
}
.pt-140 {
	padding-top: 140px;
}
.pt-150 {
	padding-top: 150px;
}
/*--------------------------------------------
* padding-bottom
-------------------------------------------*/
.pb-5 {
	padding-bottom: 5px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-35 {
	padding-bottom: 35px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-55 {
	padding-bottom: 55px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pb-80 {
	padding-bottom: 80px;
}
/*--------------------------------------------
* padding-left
-------------------------------------------*/
.pl-0 {
	padding-left: 0px;
}
.pl-5 {
	padding-left: 5px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-15 {
	padding-left: 15px;
}
.pl-20 {
	padding-left: 20px;
}
.pl-30 {
	padding-left: 30px;
}
.pl-35 {
	padding-left: 35px;
}
.pl-50 {
	padding-left: 50px;
}
.pl-230 {
	padding-left: 230px;
}
/*--------------------------------------------
* padding-right
-------------------------------------------*/
.pr-0 {
	padding-right: 0px;
}
.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-15 {
	padding-right: 15px;
}
.pr-20 {
	padding-right: 20px;
}
.pr-30 {
	padding-right: 30px;
}
.pr-35 {
	padding-right: 35px;
}
.pr-50 {
	padding-right: 50px;
}