@charset "utf-8";
/* CSS Document */
  :root {
    --color-base: #0F5DA5;
    --color-red: #dc143c;
    --color-gray: #F7F7F7;
  }
/*------------
TOP　catch
--------------*/


.top_catch{
	padding-top: 5vw;
	padding-bottom: 10vw;
	background-color: #EBEBEB;
	position: relative;
	overflow: hidden;
	display: block;
	background-image: url("../images/top/topbk.png");
	background-position: center top;
	background-size: contain;
}

.top_catch:after{
	content: "";
	background-image: url("../images/top/top_img.png");
	width: 45vw;
	height: 50vw;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	position: absolute;
	right: -20px;
	top: 52%;
	transform: translateY(-50%);
	z-index: 1;
}
	
.top_catch .main_frame{
	position: relative;
	z-index: 2;
}

.top_ttl{
	margin-bottom: 3rem;
	line-height: 1.6;
	font-size: 3rem;
	letter-spacing: -2px;
}
.top_catc_text{
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: 1px;
}



/*------------
BUSINESS
--------------*/

.top_businesses{
	padding: 5rem 0;
	margin: 10rem 0;
	overflow: hidden;
	position: relative;

}

.top_businesses .main_frame{
	display: flex;
	justify-content: space-between;
}
.top_businesses:after{
	content: "BUSINESS";
	color:   var(--color-gray);
	position: absolute;
	top: -3rem;
	right: 0;
	font-size: 10rem;
	z-index: -1;
}

.top_businesses .text{
	border-radius:0 5rem 5rem 0;
	display: block;
	background-color:  var(--color-gray);
	box-sizing: border-box;
	width: calc(50vw - 20px);
	padding: 10rem calc(50vw - 50% + 0px) ;
	margin: 0 calc(50% - 50vw);
}


.top_businesses .text p{

}

.top_businesses .img_list{
	height: 50vw;
	overflow: hidden;
	width: calc(50% - 20px);
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.top_businesses .img_list_ul{
	width: calc( ( 100% - 4rem ) / 3 );
}
.top_businesses .img_list_ul:nth-child(2){
	position: relative;
	top: -50px;
}

.top_businesses .img_list li+li{
	margin-top: 0.5rem;
}


/*下向きループ*/
.slider-list {
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
    padding: 0;
    align-items: center;
    animation: slideShow 60s infinite linear;
}

/*上向きループ*/
.slider-listup {
	display: flex;
    flex-direction: column-reverse;
    margin: 0;
    padding: 0;
    align-items: center;
    animation: slideShow2 60s infinite linear;
}




@keyframes slideShow2 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }

}

@keyframes slideShow {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(100%);
    }
}



/*------------
SERVICE
--------------*/
.service{
	margin-top: 10rem;
	margin-bottom: 10rem;
	padding-top: 5rem;
	position: relative;
}


.service:after{
	content: "SERVICE";
	color:   var(--color-gray);
	position: absolute;
	top: -9rem;
	left: 0;
	font-size: 10rem;
	z-index: -1;
}

.service_businesses:after{content: "BUSINESS";}

.service_About:after{content: "About us";}


.service .main_frame{
	justify-content: space-between;
	display: flex;
	flex-direction: row-reverse;
}

.service .text{
	padding-top: 15rem;
	padding-bottom: 15rem;
	width: calc(50% - 20px);
}

.service .img{
	display: block;
	background-image: url("../images/top/serviceimg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	border-radius: 0 50px 50px 0;
	width: calc(50vw - 20px);
	padding: 10rem calc(50vw - 50% - 80px) ;
	margin: 0 calc(50% - 50vw);
}

.service .img img{
	display: none;
}

.service_About .img{
	background-image: url("../images/top/abaut.png");
	background-position: top right;
}



/*------------
SEMINAR
--------------*/
.top_seminar{
	position: relative;
}

.top_seminar:after{
	content: "SEMINAR";
	color:   var(--color-gray);
	position: absolute;
	top: -10rem;
	right: 0;
	font-size: 10rem;
	z-index: -1;
}











/*------------
一覧
--------------*/
/*アイキャッチ設定一覧の*/
.lp_mv_area{ position: relative;margin-bottom: 1rem; }

.lp_mv_frame{
	background: #f3f3f3;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
 padding: 100% 0 0;
	border-radius: 2.5rem 2.5rem  0 0;
}
.lp_mv_frame img{
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.lp_mv_frame img:not(:target){
	left: 0\9;
	top: 0\9;
}
.lp_mv_frame img{
	left: 0\9;
	top: 0\9;
}

/*一覧ページのbox*/
.top_event_list{
	display: -webkit-box;
  display: -ms-flexbox;
	 /*コレ*/display: flex;
    /*コレ*/align-items:stretch
	
}
.top_event_list .top_event_li{
	width: 400px;
	padding-bottom: 1rem;
	display: block;
	flex-direction: column; /* 子要素を縦並べ */
	background: #fff;
	border: 1px solid #ECECEC;
	border-radius: 2.5rem;
	overflow: hidden;
	height: 680px;
	box-sizing: border-box;
}
.top_event_li img{
	max-width: 100%;
}
.top_event_list li+li {
  margin-left: 2rem;
}

.top_event_list .text{
	box-sizing: border-box;
	padding: 1rem;}

/*一覧ページのラベル*/
.event_cat span{
	font-size: 1.1rem;
	padding: 1px;
	display: inline-block;
	margin-bottom: 8px;
	margin-right: 0.5rem;
}

.cat_money{
	background: #fff;
	color: var(--color-base);
	border: 1px solid var(--color-base);
}
.cat_participation{
	background: var(--color-base);
	color: #fff;
	border: 1px solid var(--color-base);
}


.event_ttl{
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 500;
	margin-bottom: 1rem;
	 overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.event_ttl span{
	font-weight: bold;
	color: var(--color-red);
}


.event_calendar__text{
	font-size:1.6rem;
	line-height: 1.4;
	margin-bottom: 1rem;
	 overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}

.event_cat{margin-bottom: 1rem;}

.event_calendar__text span{
	font-weight: 400;
	color: var(--color-red);
}
.event_calendar__text strong{
	font-weight:bold;
}

.teacher_name{
	margin-bottom: 1rem;
}

.teacher_name span{
	line-height: 1.1;
	margin-right: 1rem;
	font-size: 1.2rem;
}

.lp_tag{margin-top: 1rem;}

.lp_tag span{
	display: inline-block;
	font-size: 1.2rem;
	padding: 3px 10px;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	background:  var(--color-gray);
	border-radius: 20px;
	margin-right: 0.5rem;
	margin-bottom: 0.4rem;
}


/*------------
NEWS
--------------*/
.top_news{
	margin-top: 5rem;
	margin-bottom: 15rem;
}
.top_news_box{
	position: relative;
}


.new_top_list li+li{
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 2px solid var(--color-gray);
	
}


.new_top_list .text{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}

.new_top_list .ymd,.new_top_list .cat_label{
	margin-right: 1rem;
}
.top_news_box .btn_text{
	bottom: -10rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.top_news_box .cat_label{
	font-size: 80%;
}


/*------------
RECRUIT
--------------*/

.recruit{
	position: relative;
	text-align: center;
	margin-top: 10rem;
	margin-bottom: 10rem;
}

.recruit .main_frame{
	position: relative;
	padding-top: 12rem;
	padding-bottom:  calc( 550px + 10rem);
	display: block;
	background-color:  var(--color-gray);
	border-radius: 5rem;
}

.recruit_midasi{
	width: 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	top: -7rem;;
	left: 0;
	font-size: 12rem;
}

.recruit_h2{
	font-weight: 600;
	font-size: 5rem;
}



@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(-100%);
	}
}

.scroll-infinity__wrap {
bottom: 10rem;
left: 0;
width: 100vw;
position: absolute;
display: flex;
overflow: hidden;
}


.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}



.scroll-infinity__list li{
	margin-right: 2rem;
	border: 1px solid #f3f3f3;
	position: relative;
	overflow: hidden;
	width: 840px;
	height: 250px;
 padding: 500px 0 0;
	border-radius: 5rem;
}

.scroll-infinity__list li img{
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}



.scroll-infinity__list--left {
  animation: infinity-scroll-left 400s infinite linear 0.01s both;
}
.scroll-infinity__item {
  width: calc(100vw / 6);
}
.scroll-infinity__item>img {
  width: 100%;
}




@media screen and (min-width: 1300px) {
.midasi{
	font-size: 3.5rem;
}

.midasi .ttl{
	margin-top: 6rem;
	font-size: 3.5rem;
}
	.top_catch:after{
	width: 45vw;
	height: 55vw;
}

.top_ttl{
	font-size:4rem;
	letter-spacing: -5px;
}
.top_businesses:after,.service:after,.top_seminar:after{
	font-size: 16rem;
}
	.service:after{
		top: -16rem;
	}
	
.top_businesses .text{
	padding: 10rem 20px 10rem calc(50vw - 50% + 0px);
}
	
.top_businesses .img_list{
	margin-top: 15rem;
	height: 680px;
}

.top_seminar .main_frame{
	position: relative;
	margin-bottom: 10rem;
	}

.top_seminar .btn_text{
	position: absolute;
	right: 4rem;
	top:12rem;
}

.top_news_box .cat_label{
	width: 150px;
	text-align: center;
}
	
	
}/*@media screen and (min-width: 1300px) {*/
@media screen and (min-width: 1900px) {
	.top_catch{
		padding-top: 8vw;
		padding-bottom: 15vw;
	}
	.top_catch:after{
	width: 50vw;
	height: 40vw;
}
}
@media screen and (max-width: 1000px) {
.top_catch{
	height: auto;
	padding-bottom: 50vw;
}


.top_catch:after{
	content: "";
	background-image: url("../images/top/top_img_sp.png");
	width: 100%;
	height: 80vw;
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
	right: -20px;
	top: auto;
	bottom:-45vw;
}
	.top_ttl{
		font-size: 1.8rem;
	margin-top: 0;
	margin-bottom: 1rem;
}

.top_catc_text{
	font-size: 1.4rem;
}


	
	
	

	.top_event_list li{
		width: calc( 300px - 1rem);

	}
	.top_event_list li+li {
  margin-left: 1rem;
}
	
	.top_event_list{
	width: 3500px;
}
	

	.event_ttl,.event_calendar__text{
		font-size: 1.4rem;
	}	
	.event_cat,.lp_tag{
			font-size: 1.1rem;
		}

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

@media screen and (max-width: 789px) {
.top_catch{
	background-image: url("../images/top/topbk_sp.png");
}

.top_ttl{
	font-size: 1.4rem;
}
.top_event_list .top_event_li{
	height: 460px;
	width: calc( 200px - 1rem);}



.event_ttl{
	margin-bottom: 0.5rem;
	font-size: 1.4rem;
	}
	
.event_cat,.event_calendar__text,.teacher_name{
	margin-bottom: 0.5rem;
	font-size: 1rem;
}	
.event_cat span,.lp_tag span{
	
	padding: 2px;
	font-size: 1rem;
}

.top_businesses .main_frame,.service .main_frame{
	display:contents;
}
	.top_businesses{
		padding-top: 0rem;
		padding-bottom: 0rem;
		margin-top: 0rem;
		margin-bottom: 5rem;
	}
	.recruit{
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
	.service{
		overflow: hidden;
		width: 100%;
		padding: 0 3rem 0;
		margin-top: 0rem;
		margin-bottom: 3rem;
	}
	.service .img{
		width: 100%;
		padding: 12rem calc(50vw - 0%);
		margin: 0 calc(50% - 50vw);
		border-radius: 0;
	}
	
	
	.service .text{
		width: 100%;
		padding: 5rem 0 0;
	}
	
.top_businesses .text{
	width: 100%;
	padding: 3rem;
	margin: 0;
	border-radius: 0;
}

.top_businesses:after,.service:after,.top_seminar:after,.service:after,.recruit_midasi{
	display: none;
}


.top_businesses .img_list{
	height: 40vw;
	width: 100%;
}

	.top_news{
		margin-top: 5rem;
		margin-bottom: 8rem;
	}
	.top_news_box .btn_text{
	bottom: -6rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
	
	.recruit .main_frame{
		width: 100%;
		border-radius: 0;
		padding: 5rem 3rem calc(40vw + 5rem);
	}
	.recruit_h2{
		font-size: 2rem;
	}
	
	.scroll-infinity__wrap{
		bottom: 3rem;
	}
	
	.scroll-infinity__list li{
	 width: 40vw;
    height: 40vw;
    padding: 15vw 0 0;
		border-radius: 2.5rem;
	}
	
}/*@media screen and (max-width: 789px) {*/