@charset "UTF-8";

/*----------------------------------------------------
レイアウト
----------------------------------------------------*/

/*-- メイン ----------------*/
.main_img_box {
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-height: 850px;
	background-image: url(../img/main_back_l.png), url(../img/main_back_r.png), url(../img/main_back.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 0% 0%, 100% 100%, 50% 50%; 
	background-size:80% auto, 80% auto, cover;
	transition: 0.5s ;
}

.main_img {
	position: absolute;
	left:20px;
	bottom: 0px;
	width: 55%;
	max-width: 900px;
	min-width: 800px;
	margin: 0 auto;
	transition: 0.5s ;
}

.main_img_tit {
	position: absolute;
	bottom: 140px;
	right:40px;
	min-width: 600px;
	margin: 0 0 0 0;
	font-size: 4.4vw;
	font-weight: 700;
	transition: 0.5s ;
}
.main_img_tit p {
	margin: 0 0 30px 0;
	line-height: 1.4;
	-webkit-text-stroke: 1px var(--color-primary01);
   color: white;
   text-shadow:
       3px 3px 0 var(--color-primary01),
     -1px -1px 0 var(--color-primary01),
      1px -1px 0 var(--color-primary01),
      -1px 1px 0 var(--color-primary01),
       1px 1px 0 var(--color-primary01);
}
.main_img_tit_s {
	font-size:60%;
}
.main_img_tit_xs {
	font-size:30%;
	-webkit-text-stroke: 0px var(--color-primary01);
	color: var(--color-primary01);
	text-shadow:none;
}


.main_img_re {
	position: absolute;
	top: 40px;
	right:40px;
	width: 200px;
	margin: 0 0 0 0;
	z-index: 100;
	transition: 0.5s ;
}

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

.main_img_tit {
	bottom: 10px;
	font-size:400%;
}

}

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

.main_img_box {
	position:relative;
	width: 100%;
	height: 100%;
	max-height: 100%;
}

.main_img {
	position: absolute;
	left:5%;
	bottom: -50px;
	width: 90%;
	min-width: 90%;
	margin: 0 auto;
	text-align:center;
}
.main_img img {
	max-width: 750px;
	margin: 0 auto;
}

.main_img_tit {
	position:relative;
	bottom: auto;
	top: 47%;
	transform: translateY(-50%);
	left:auto;
	right:auto;
	width: auto;
	min-width: auto;
	font-size: 8.0vw;
	text-align:left;
	writing-mode: vertical-rl;
	margin-left: auto;
    margin-right: auto;
}
.main_img_tit p {
	margin: 0 0 20px 0;
}
.main_img_tit img {
	width: 85%;
	max-width: 400px;
	margin: 0 auto;
}


.main_img_re {
	top: 80px;
	right:10px;
	width: 25%;
}

}




/*-- お知らせ ----------------*/

.news_box_back{
	position:relative;
	background-image: url(../../index/ind_gakka_gakka_box_back01.png);
	background-size: 15px 15px ;
}

.news_box {
	width: 100%;
	margin: -10px auto 30px auto ;
}
.news_box li {
	display:flex; flex-wrap:wrap;
	position:relative;
	padding: 15px 0;
	border-bottom:solid 1px var(--color-edc02);
	box-sizing:border-box;
	cursor: pointer;
	transition: .5s;
}
.news_box li a {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.news_box li:hover {
	background: var(--color-edc03);
}
.news_box li .news_day {
	width:120px;
	padding-left: 10px;
	box-sizing:border-box;
}
.news_box li .news_tit {
	width:calc(100% - 120px);
}


.cmn_pg_news_btn {
	display: block;
	position: relative;
	width: 240px;
	margin: 0 auto 0 auto ;
	padding: 20px 0;
	color:#000;
	font-size: 95%;
	font-weight: 600;
	text-align:center;
	line-height: 1;
	letter-spacing: 4.0px;
	text-indent:4.0px;
	background-color:#fff;
	border: 3px solid var(--color-edc01);
	border-radius: 30px;
	cursor: pointer;
	box-sizing:border-box;
	transition: 0.5s ;
}
.cmn_pg_news_btn a {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.cmn_pg_news_btn:hover {background-color:var(--color-Y01); }


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



}



/*-- 横スクロール ----------------*/
.section__marquee {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}

.marquee__text {
  display: inline-block;
  padding-right: 0.5em;
  animation: marquee 10s linear infinite;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.marquee__text {
	width: calc(500vw / 3);
	font-family: "waverly-cf", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 15rem;
	color:var(--color-point02);
	line-height: 1;
}


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



}





/*-- コンセプト ----------------*/

.cnpt_box{
	position:relative;
	padding:0 0 200px 0;
	background-color:#b3ccee;
	background-image: url(../img/cnpt_back02.png), url(../img/cnpt_back.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: 100% 0%, 50% 100%; 
	background-size:100% auto, 100% auto;
}

.cnpt_tit {
	margin: 0 0 0 0;
	text-align:center;
	font-size: 390%;
	font-weight: 700;
}
.cnpt_tit p {
	margin: 0 0 30px 0;
	line-height: 1.4;
	-webkit-text-stroke: 2px var(--color-primary01);
   color: var(--color-Y01);
   text-shadow:
       3px 3px 0 var(--color-primary01),
     -1px -1px 0 var(--color-primary01),
      1px -1px 0 var(--color-primary01),
      -1px 1px 0 var(--color-primary01),
       1px 1px 0 var(--color-primary01);
}

.cnpt_stit {
	margin-bottom: 25px;
	font-size: 200%;
	font-weight: 600;
	color: #fff;
	text-align:center;
	letter-spacing: 7.0px;
	text-shadow:0px 0px 10px var(--color-primary01), 0px 0px 6px var(--color-primary01), 0px 0px 3px var(--color-primary01), 0px 0px 1px var(--color-primary01);
}


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

.cnpt_box{
	background-size:200% auto, 300% auto;
}

.cnpt_tit {
	font-size: 320%;
}

}




/*-- コース ----------------*/

.cos_list {
	display:flex; flex-wrap:wrap;
	width: 100%;
	margin: 0 auto -30px auto ;
}
.cos_list li {
	position: relative;
	width: calc((100% - 30px) / 2);
	margin: 0 30px 30px 0 ;
	padding: 20px ;
	color:#000;
	text-align:center;
	border:solid 7px var(--color-edc01);
	border-radius: 15px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
	box-sizing:border-box;
	transition: 0.5s ;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
}
.cos_list li:nth-child(2n) {
	margin: 0 0 30px 0 ;
}
.cos_list li span { 
	font-size: 170%;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 2.0px;
	text-indent:2.0px;
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.cos_list li img {margin: 0 0 20px 0 ;}
.cos_list li a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:50;}
.cos_list li:hover {color: var(--color-edc01); background-color:var(--color-Y01);}
.cos_list li.cos_list_new {background: var(--color-point03); border:solid 7px var(--color-point01);}
.cos_list li.cos_list_new:hover {color: var(--color-edc01); background-color:var(--color-Y01);}

.cos_list_stit { 
	margin: 5px 0 0 0 ;
	font-size: 95%;
	text-align:center;
}

.cos_list_txt { 
	width: 90%;
	padding: 15px 0 0 0 ;
	margin: 15px auto 5% auto ;
	text-align:left;
	border-top: 1px dotted #000000;
}

.cos_list_icon_new { 
	position: absolute;
	top: -20px;
	left: -20px;
	width: 100px;
	height: 100px;
	padding: 0 0 0 0 ;
	margin: 0 auto ;
	font-size: 150%;
	font-weight: 600;
	color: #fff;
	text-align:center;
	line-height: 100px;
	background: var(--color-point01);
	border-radius: 50px;
	border-top:none;
}

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

.cos_list {
	
}
.cos_list li {
	width: 100%;
	margin: 0 0 30px 0 ;
	padding: 5% ;
}
.cos_list li:nth-child(2n) {
	
}
.cos_list li span { 
	font-size: 150%;
}
.cos_list li img {margin: 0 0 15px 0 ;}
.cos_list li a {}
.cos_list li:hover {}

.cos_list_txt { 
	width: 100%;
	padding: 10px 0 0 0 ;
	margin: 10px auto 0 auto ;
}


.cos_list_icon_new { 
	position: absolute;
	top: -20px;
	left: -20px;
	width: 100px;
	height: 100px;
	padding: 0 0 0 0 ;
	margin: 0 auto ;
	font-size: 150%;
	font-weight: 600;
	color: #fff;
	text-align:center;
	line-height: 100px;
	background: var(--color-point01);
	border-radius: 50px;
	border-top:none;
}

}






/*-- 学びのPOINT ----------------*/

.point_box{
	position:relative;
	margin:0 auto;
	padding: 0;
	background-image: url(../../index/ind_gakka_gakka_box_back01.png);
	background-size: 15px 15px ;
}

.point_box_text{
	position:relative;
	width: 85%;
	max-width: 660px;
	margin:0 auto;
	padding: 0;
}




.linkBtn {
	display:inline-block; position: relative; top:0; left:0; width:100%; height:100%; z-index:50;
	background-image: url(../img/icon_zoom.png);
	background-repeat: no-repeat;
	background-position: 0% 50%; 
	background-size: 18px 18px ;
	cursor: pointer;
}

.tooltip {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	width: 350px;
	padding: 15px;
	color: #fff;
	text-align: left;
	background: var(--color-edc01);
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%) translateY(4px);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 100;
}
.tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: var(--color-edc01);
}
.cmn_list03_education li:hover .tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}


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

.point_box{
	margin:0 0 50px 0;
	padding: 0 0 220px 0;
}

.point_box_text{
	max-width: 85%;
}


.tooltip {
width: 80%;
}

}







/*-- 注目の授業 ----------------*/

.sct_crs_point_list {
	width: 100%;
}
.sct_crs_point_list li {
	display:flex; align-items:center; justify-content:center;
	position: relative;
	width:100%;
	margin: 0 0 50px 0 ;
	box-sizing:border-box;
}
.sct_crs_point_list li:last-child {margin: 0 0 0 0 ;}



.sct_crs_point_img {
	width: 30%;
	margin: 0 5% 0 0 ;
}

.sct_crs_point_txt {
	width: 65%;
}



.sct_crs_point_pickBox {
	padding: 75px ;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
	box-sizing:border-box;
}

.sct_crs_point_pickImg {
	width: 70%;
	margin: 40px auto 40px auto ;
}
.sct_crs_point_pickImg img {
	border-radius: 10px;
}

.sct_crs_point_pickTxt {
	width: 100%;
}

.sct_crs_point_pick_stit {
	margin-bottom: 25px;
	padding: 0 0 0 20px;
	color: var(--color-edc01);
	font-size: 160%;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 1px;
	border-left: 5px solid var(--color-edc02);
	box-sizing:border-box;
}
.sct_crs_point_pick_stit span {
	font-size: 70%;
}




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

.sct_crs_point_list {
	
}
.sct_crs_point_list li {
	display:block;
	position: relative;
	margin: 0 0 40px 0 ;
}
.sct_crs_point_list li:last-child {}



.sct_crs_point_img {
	width: 80%;
	margin: 0 10% 25px 10% ;
}

.sct_crs_point_txt {
	width: 100%;
}



.sct_crs_point_pickBox {
	padding: 7% ;
}

.sct_crs_point_pickImg {
	width: 100%;
	margin: 0 auto 30px auto ;
}

.sct_crs_point_pickTxt {
	width: 100%;
}

.sct_crs_point_pick_stit {
	margin-bottom: 15px;
	padding: 0 0 10px 0;
	font-size: 140%;
	letter-spacing: 0.5px;
	border-left: none;
	border-bottom: 4px solid var(--color-edc02);
}

}





/*-- 見出し ----------------*/

.stit01_icon {
	width: 120px;
	margin: 0 auto;
	box-sizing:border-box;
}
.stit01_s {
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: 700;
	text-align:center;
	letter-spacing: 2px;
	text-indent:2px;
	line-height: 1.0;
	color: var(--color-edc01);
	box-sizing:border-box;
}
.stit01_s span {font-size: 80%;}
.stit01 {
	padding-bottom: 15px;
	margin-bottom: 25px;
	font-size: 240%;
	font-weight: 700;
	text-align:center;
	letter-spacing: 2px;
	text-indent:2px;
	line-height: 1.5;
	color: var(--color-edc01);
	border-bottom: 5px solid var(--color-edc02);
	box-sizing:border-box;
}
.stit01 span {font-size: 60%;}

.stit02 {
	padding: 20px 25px;
	margin-bottom: 25px;
	color: #fff;
	font-size: 140%;
	letter-spacing: 3px;
	background-color: var(--color-edc01);
	border-radius: 5px;
	box-sizing:border-box;
}

.stit03 {
	margin-bottom: 25px;
	font-size: 190%;
	font-weight: 600;
	color: var(--color-edc01);
	text-align:center;
	letter-spacing: 4.0px;
	text-indent:4.0px;
}

.stit04_point {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto 15px auto;
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	line-height: 1.0;
	background-color: var(--color-point02);
	border: 6px solid var(--color-Y01);
	border-radius: 50%;
}
.stit04_point div {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80px;
	text-align: center;
}
.stit04_point div span {
	font-size: 250%;
}
.stit04 {
	margin-bottom: 25px;
	font-size: 170%;
	font-weight: 600;
	color: var(--color-point01);
	text-align:center;
	letter-spacing: 4.0px;
	text-indent:4.0px;
}

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

.stit01 {
	font-size: 200%;
}

}



/*-- リスト ----------------*/
.cmn_list03_education {
	display:flex; flex-wrap:wrap;
	width: 100%;
	margin: 0 auto -10px auto ;
}
.cmn_list03_education li {
	display: flex; justify-content: center; align-items: center;
	position: relative;
	width: calc((100% - 10px) / 2);
	margin: 0 10px 10px 0 ;
	padding: 10px 10px ;
	color:#000;
	font-size: 110%;
	font-weight: 600;
	text-align:center;
	line-height: 1.6;
	letter-spacing: 2.0px;
	text-indent:2.0px;
	border:solid 3px var(--color-edc02);
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
	box-sizing:border-box;
	transition: 0.5s ;
}
.cmn_list03_education li:nth-child(2n) {
	margin: 0 0 10px 0 ;
}


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

.cmn_list03_education li {
	width: 100%;
	margin: 0 0 10px 0 ;
}
.cmn_list03_education li:nth-child(2n) {
	margin: 0 0 10px 0 ;
}

}







/*-- 表組 ----------------*/
.cmn_graph03 {
	width:100%;
	margin: 0 auto 20px auto;
	font-size: 120%;
	line-height: 1.7;
	color: #fff;
	background-color: var(--color-edc01);
	border-bottom:1px solid var(--color-edc02);
	box-sizing:border-box;
}
.cmn_graph03 dl {
	width: 100%;
    overflow: hidden;
}
.cmn_graph03 dt {
	float:left;
	width:120px;
	margin: 0 ;
	padding: 25px 25px ;
	text-align:center;
	border-top:1px solid var(--color-edc02);
	box-sizing:border-box;
}
.cmn_graph03 dd {
	width:calc(100% - 120px);
	margin-left: 120px ;
	padding: 25px 25px;
	text-align:left;
	color: #000;
	background-color: #fff;
	border-top:1px solid var(--color-edc02);
	box-sizing:border-box;
}
.cmn_graph03 dd span {
	color: #282c8d;
	font-weight: 600;
}

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

.cmn_graph03 {
	font-size: 100%;
}
.cmn_graph03 dl {
	
}
.cmn_graph03 dt {
	float:none;
	width:100%;
	margin: 0 ;
	padding: 10px 15px ;
	border-right:1px solid var(--color-edc02);
}
.cmn_graph03 dd {
	width:100%;
	margin-left: 0 ;
	padding: 15px 15px;
	border-left:none;
}

}




/*-- 人物 ----------------*/
.cmn_person_l,.cmn_person_r {
	position: absolute;
	width: 270px;
	transition: 0.5s ;
}
.cmn_person_l {
	bottom: 30px;
	left:calc((50% - 135px) - 500px);
}
.cmn_person_r {
	bottom: 30px;
	right:calc((50% - 135px) - 500px);
}


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

.cmn_person_l,.cmn_person_r {
	width: 19%;
}
.cmn_person_l {
	bottom: 15px;
	left:20px;
}
.cmn_person_r {
	bottom: 15px;
	right:20px;
}

}

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

.cmn_person_l,.cmn_person_r {
	width: 120px;
}
.cmn_person_l {
	bottom: 10px;
	left:5%;
}
.cmn_person_r {
	bottom: 10px;
	right:5%;
}

}






/*----------------------------------------------------
ページネーム
----------------------------------------------------*/

.aaaaaa {
	
}

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

}