@charset "UTF-8";

footer{
	position: relative;
	z-index: 2;
}

.fixed_slide{
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	height: 100vh;
	z-index: 1;
}

.fixed_slide .slide .box{
	width:100vw;
	height: 100vh;
	overflow: hidden;
}

#main_cont{
	margin-top:80px;
	position: relative;
	z-index: 2;
}

.main_title_cont{
	height: calc(100vh - 80px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_title_cont h1{
	font-size: 5rem;
	letter-spacing: 0.05em;
	font-weight: 400;
	color:#fff;
	text-align: center;
	line-height: 1.3em;
}

.main_title_cont h1 span{
	font-size:0.5em;
	letter-spacing: 0.05em;
	font-weight: 500;
	color:#fff;
}

.white_opacity_box{
	background:rgba(255,255,255,0.9);
}

.white_box{
	background:rgba(255,255,255,1);
	position: relative;
	z-index: 2;
	width:100%;
	overflow: hidden;
}

.main_txcont{
	padding:200px 0;
	max-width: 1160px;
	width:90%;
	margin:0 auto;
}

.main_txcont h2{
	font-size: 3rem;
	line-height: 2em;
	text-align: center;
	color:#009691;
	margin-bottom: 2em;
	letter-spacing: 0.025em;
}

.main_txcont .tx{
	font-size: 1.8rem;
	line-height: 2.5em;
	text-align: center;
	letter-spacing: 0.025em;
}

/*news*/
.news_cont{
	padding-bottom: 150px;
	position: relative;
}

.news_cont::after{
	content: "";
	width:100%;
	height: 50%;
	position: absolute;
	bottom:0;
	left:0;
	background:#fff;
	z-index: 1;
	
}

.news_cont .common_green_radiusbox{
	position: relative;
	z-index: 2;
}

.news_cont .innerbox{
	padding:0 0;
	width:100%;
	max-width: 1016px;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.news_cont ul.news_cate_list{
	display:flex;
	justify-content: center;
	margin:40px 0;
}

.news_cont ul.news_cate_list li{
	padding: 0 15px;
	text-align: center;
	border-right: 1px solid #bfe7e5;
}

.news_cont ul.news_cate_list li button{
	font-size: 1.6rem;
	transition: all 0.3s;
	padding:7px 15px 7px;
	display: block;
	border-bottom:1px solid transparent;
	color:#80d0cc;
	line-height: 1.5em;
}

.news_cont ul.news_cate_list li button:hover,
.news_cont ul.news_cate_list li button.active{
	color:#009691;
	border-bottom:1px solid #009691;
}

.news_cont ul.news_cate_list li:last-child{
	border-right: none;
}

.news_cont ul.news_list{
	width:100%;
	margin-bottom: 0;
}

.news_cont ul.news_list li{
	position: relative;
	margin-bottom: 5px;
}

.news_cont ul.news_list li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color:#000;
	padding:30px 60px;
	background:#fff;
	border-radius: 9999px;
	position: relative;
	transition:all 0.3s;
}

.news_cont ul.news_list li a:hover{
	opacity: 0.7;
}

.news_cont ul.news_list li a .date{
	width:85px;
	text-align: center;
	letter-spacing: 0.025em;
	font-size: 1.5rem;
	padding:0 0;
	color:#009691;
	position: relative;
}

.news_cont ul.news_list li a .cate{
	width:120px;
	border-radius: 9999px;
	background:#009691;
	text-align: center;
	letter-spacing: 0em;
	font-size: 1.2rem;
	padding:0.5em 0;
	color:#fff;
}

.news_cont ul.news_list li a .title{
	width:calc(100% - 120px - 85px - 50px);
	text-align: left;
	letter-spacing: 0.025em;
	font-size: 1.4rem;
	margin:0;
	overflow: hidden;
 	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 1;
}

.news_cont .bottom_btn{
	width:100%;
	display: flex;
	justify-content: center;
	margin-top:40px;
}

.news_cont .bottom_btn button{
	margin:0 0;
}

/*service*/
.service_cont{
	width:90%;
	max-width: 1165px;
	margin:0 auto;
	padding:100px 0;
	position: relative;
}

.service_cont::after{
	content: "";
	position: absolute;
	display: block;
	border-radius: 95px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
	z-index: 1;
	top:0;
	left:20%;
	width:100%;
	height: 500px;
}

.service_cont .service_flexbox{
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
}

.service_cont .service_flexbox .btncont{
	width:calc(50% - min(10vw,120px));
	padding-top:60px;
}

.service_cont .service_flexbox .btncont ul li{
	border-bottom: 1px solid #009691;
}

.service_cont .service_flexbox .btncont ul li a{
	position: relative;
	padding:1.5em;
	display: block;
	transition: all 0.3s;
}

.service_cont .service_flexbox .btncont ul li a.linknone{
	pointer-events: none;
}

.service_cont .service_flexbox .btncont ul li:hover a{
	background:#009691;;
}

.service_cont .service_flexbox .btncont ul li a p{
	font-size: 2.4rem;
	line-height: 1.6em;
	letter-spacing: 0.025em;
	color:#009691;
	transition: all 0.3s;
}

.service_cont .service_flexbox .btncont ul li:hover a p{
	color:#fff;
}


.service_cont .service_flexbox .btncont ul li a span{
	width:12px;
	position: absolute;
	top:calc(50% - 4px);
	right:20px;
}

.service_cont .service_flexbox .btncont ul li a span svg{
	fill:none;
	stroke:#009691;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition: all 0.3s;
}

.service_cont .service_flexbox .btncont ul li:hover a span svg{
	stroke:#fff;
}

.service_cont .service_flexbox .change_ph{
	width:calc(50% + min(5vw,60px));
	margin-top:-20px;
}

.service_cont .service_flexbox .change_ph ul{
	position: relative;
	width:100%;
}

.service_cont .service_flexbox .change_ph ul li{
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s;
}

.service_cont .service_flexbox .change_ph ul li.active{
	opacity: 1;
	pointer-events: auto;
}

.service_cont .service_flexbox .change_ph ul li figure{
	aspect-ratio: 650 / 500;
}

.service_cont .service_flexbox .change_ph ul li p{
	margin-top:1.5em;
}

/*middle_cont*/
.middle_cont{
	width:90%;
	max-width: 1165px;
	margin:0 auto 150px;
}

.middle_cont ul.middle_list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width:100%;
	margin-top:min(10vw,100px);
	margin-bottom: min(-4vw,-50px);
}

.middle_cont ul.middle_list li{
	width:calc((100% - min(7vw,100px)) / 2);
	margin-bottom:min(4vw,50px);
	position: relative;
}

.middle_cont ul.middle_list li::after{
	content: "";
	position: absolute;
	display: block;
	border-radius: 95px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
	z-index: 1;
}

.middle_cont ul.middle_list li:nth-child(1)::after{
	width:120%;
	height: 120%;
	max-width:550px;
	max-height: 680px;
	top:-70px;
	left: -150px;
}

.middle_cont ul.middle_list li:nth-child(2)::after{
	width:110%;
	height: 100%;
	max-width:580px;
	max-height: 450px;
	top:-100px;
	left: 30%;
}

.middle_cont ul.middle_list li:nth-child(even){
	margin-top:min(10vw,100px);
}

.middle_cont ul.middle_list li figure{
	aspect-ratio: 520 / 300;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	margin:40px 0;
}

.middle_cont ul.middle_list li a{
	position: relative;
	z-index: 2;
}

/*seminar*/
.seminar_cont{
	max-width: 1165px;
	margin:0 auto 150px;
	border-radius: min(5vw,95px);
	padding:65px min(5vw,95px) 65px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
}

.seminar_cont h2{
	margin-top:calc(-65px - 2em);
}

.new_seminar_list{
	width:calc(100% + 20px);
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-top:40px;
}

.new_seminar_list .slick-track{
	display: flex;
	padding-bottom: 10px;
}

.new_seminar_list .box{
	width:calc((100% - min(20vw,100px)) / 3 );
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	background:#fff;
	margin: 0 10px;
	height: 100%;
}

.new_seminar_list .box figure{
	aspect-ratio:300 / 180;
}

.new_seminar_list .box .txbox{
	padding:min(5vw,25px);
}

.new_seminar_list .box .txbox .title{
	font-size: 1.6rem;
	line-height: 1.625em;
	color:#009691;
	font-weight: 500;
	border-bottom: 1px solid #009691;
	padding-bottom: 0.75em;
	margin-bottom: 0.75em;
}

.new_seminar_list .box .txbox table{
	width:100%;
	letter-spacing: 0.025em;
	font-size: 1.4rem;
	line-height: 1.625em;
	margin-bottom: 0.75em;
}

.new_seminar_list .box .txbox table th{
	color:#009691;
	width:55px;
	vertical-align: top;
}

.new_seminar_list .box .txbox table td{
	padding-bottom: 0.5em;
}

.new_seminar_list .box .txbox .explain{
	font-size: 1.6rem;
	line-height: 1.625em;
	color:#009691;
	font-weight: 500;
	border-bottom: 1px solid #009691;
	padding-bottom: 0.75em;
	margin-bottom: 0.75em;
}

/*hatena*/
.hatena_cont{
	width:100%;
	position: relative;
	margin-bottom: 150px;
}

.hatena_cont::after{
	content: "";
	position: absolute;
	display: block;
	border-radius: 95px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
	z-index: 1;
	width:120%;
	height: 100%;
	max-width:1165px;
	top:5em;
	right: 30%;
}

.hatena_cont .innerbox{
	width:90%;
	max-width: 1165px;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.hatena_cont ul.hatena_cate_list{
	display:flex;
	justify-content: flex-end;
	margin:0 0;
}

.hatena_cont ul.hatena_cate_list li{
	padding: 0 15px;
	text-align: center;
	border-right: 1px solid #bfe7e5;
}

.hatena_cont ul.hatena_cate_list li button{
	font-size: 1.6rem;
	transition: all 0.3s;
	padding:7px 15px 7px;
	display: block;
	border-bottom:1px solid transparent;
	color:#80d0cc;
	line-height: 1.5em;
}

.hatena_cont ul.hatena_cate_list li button:hover,
.hatena_cont ul.hatena_cate_list li button.active{
	color:#009691;
	border-bottom:1px solid #009691;
}

.hatena_cont ul.hatena_cate_list li:last-child{
	border-right: none;
}

.hatena_slide{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
	margin:40px 0 30px;
	margin-left: max(calc(5vw - 10px),calc((100vw - 1165px) / 2) - 10px);
}

.hatena_slide .box{
	width:100%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	background:#fff;
	margin:0 10px;
}

.hatena_slide .slick-track{
	margin-bottom: 10px;
}

.hatena_slide .box figure{
	aspect-ratio:320 / 160;
}

.hatena_slide .box .txbox{
	padding:30px min(5vw,25px);
	position: relative;
}

.hatena_slide .box .txbox p.cate{
	position: absolute;
	top:-1.2em;
	left:0;
	display: flex;
	justify-content: center;
	width:100%;
}


.hatena_slide .box .txbox p.cate span{
	font-size: 1.3rem;
	font-weight: 500;
	color:#fff;
	border-radius: 9999px;
	background:#009691;
	line-height: 1;
	padding:0.5em 1.5em;
}

.hatena_slide .box .txbox .tl{
	font-size: 2rem;
	line-height: 1.625em;
	color:#009691;
	font-weight: 500;
	padding-bottom: 0.25em;
}

.hatena_slide .box .txbox .explain{
	font-size: 1.4rem;
	line-height: 1.875em;
	overflow: hidden;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 3;
}

/*recruit*/
.recruit_cont{
	margin-bottom: 180px;
	position: relative;
}

.recruit_cont::after{
	content: "";
	position: absolute;
	display: block;
	border-radius: 95px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
	z-index: 1;
	width:120%;
	height: 100%;
	max-width:1165px;
	top:5em;
	left: 25%;
}

.recruit_cont .innerbox{
	display: flex;
	width:90%;
	max-width: 966px;
	margin:0 auto;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
	z-index: 2;
}

.recruit_cont .innerbox figure{
	width:60%;
}

.recruit_cont .innerbox .txbox{
	width:40%;
	margin-left: 5vw;
	padding-bottom: 3vw;
}

.recruit_cont .innerbox .txbox h2{
	margin-bottom: 3vw;
}

.bottom_arrowcont{
	display: flex;
	justify-content: space-between;
	margin-top:30px;
}

.bottom_arrowcont a{
	margin:0 0 ;
}

.bottom_arrowcont .arrowcont{
	display: flex;
}

.bottom_arrowcont .slick-arrow{
	width:60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:1px solid #009691;
	border-radius: 50%;
	transition: all 0.3s;
	cursor: pointer;
}

.bottom_arrowcont .slick-arrow:nth-child(1){
	margin-right: 30px;
}

.bottom_arrowcont .slick-arrow span{
	width:12px;
	position: relative;
}

.bottom_arrowcont .slick-arrow.left_arrow_btn span{
	transform: rotate(180deg);
}

.bottom_arrowcont .slick-arrow span svg{
	fill:none;
	stroke:#009691;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition: all 0.3s;
}

.bottom_arrowcont .slick-arrow:hover{
	background:#009691;
	color:#fff;
}

.bottom_arrowcont .slick-arrow:hover span svg{
	fill:none;
	stroke:#fff;
	stroke-linecap:round;
	stroke-linejoin:round;
}

/*common_tl*/
.main_common_tl{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	font-weight: 400;
	position: relative;
	z-index: 2;
}

.main_common_tl.left{
	align-items: flex-start;
}

.main_common_tl span{
	font-size: 4em;
	font-weight: 100;
	color:#009691;
	letter-spacing: 0.05em;
	margin-bottom: 0.3em;
}

@media screen and (max-width:750px) {
footer{
	position: relative;
	z-index: 2;
}

.fixed_slide{
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	height: 100vh;
	z-index: 1;
}

.fixed_slide .slide .box{
	width:100vw;
	height: 100vh;
	overflow: hidden;
}

#main_cont{
	margin-top:60px;
	position: relative;
	z-index: 2;
}

.main_title_cont{
	height: calc(100vh - 60px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_title_cont h1{
	font-size: 3.1rem;
	letter-spacing: 0.05em;
	font-weight: 400;
	color:#fff;
	text-align: center;
	line-height: 1.3em;
}

.main_title_cont h1 span{
	font-size:0.5em;
	letter-spacing: 0.05em;
	font-weight: 500;
	color:#fff;
}

.white_opacity_box{
	background:rgba(255,255,255,0.9);
}

.white_box{
	background:rgba(255,255,255,1);
	position: relative;
	z-index: 2;
	width:100%;
	overflow: hidden;
}

.main_txcont{
	padding:100px 0;
	max-width: 1160px;
	width:90%;
	margin:0 auto;
}

.main_txcont h2{
	font-size: 2.2rem;
	line-height: 2em;
	text-align: center;
	color:#009691;
	margin-bottom: 2em;
	letter-spacing: 0.025em;
}

.main_txcont .tx{
	font-size: 1.3rem;
	line-height: 2.5em;
	text-align: center;
	letter-spacing: 0.025em;
}

/*news*/
.news_cont{
	padding-bottom: 70px;
	position: relative;
}

.news_cont::after{
	content: "";
	width:100%;
	height: 50%;
	position: absolute;
	bottom:0;
	left:0;
	background:#fff;
	z-index: 1;
	
}

.news_cont .common_green_radiusbox{
	position: relative;
	z-index: 2;
}


.news_cont .innerbox{
	padding:0 0;
	width:100%;
	max-width: 1016px;
	margin:0 auto;
	position: relative;
	z-index: 2;
}
	
.news_cont ul.news_cate_list{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin:50px 0 30px 0;
}

.news_cont ul.news_cate_list li{
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #bfe7e5;
	margin-bottom: 10px;
}

.news_cont ul.news_cate_list li button{
	font-size: 1.4rem;
	transition: all 0.3s;
	padding:5px 10px 5px;
	display: block;
	border-bottom:1px solid transparent;
	color:#80d0cc;
	line-height: 1.5em;
}

.news_cont ul.news_cate_list li button:hover,
.news_cont ul.news_cate_list li button.active{
	color:#009691;
	border-bottom:1px solid #009691;
}

.news_cont ul.news_cate_list li:last-child{
	border-right: none;
}

.news_cont ul.news_list{
	width:100%;
	margin-bottom: 0;
}

.news_cont ul.news_list li{
	position: relative;
	margin-bottom: 5px;
}

.news_cont ul.news_list li a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	color:#000;
	padding:25px 25px;
	background:#fff;
	border-radius: 20px;
	position: relative;
	transition:all 0.3s;
}

.news_cont ul.news_list li a:hover{
	opacity: 0.7;
}

.news_cont ul.news_list li a .date{
	width:85px;
	text-align: left;
	letter-spacing: 0.025em;
	font-size: 1.5rem;
	padding:0 0;
	color:#009691;
	position: relative;
}

.news_cont ul.news_list li a .cate{
	width:120px;
	border-radius: 9999px;
	background:#009691;
	text-align: center;
	letter-spacing: 0em;
	font-size: 1.2rem;
	padding:0.5em 0;
	color:#fff;
}

.news_cont ul.news_list li a .title{
	width:100%;
	text-align: left;
	letter-spacing: 0.025em;
	font-size: 1.4rem;
	margin:1em 0 0 0;
	overflow: hidden;
 	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 3;
}

.news_cont .bottom_btn{
	width:100%;
	display: flex;
	justify-content: center;
	margin-top:40px;
}

.news_cont .bottom_btn button{
	margin:0 0;
}

/*service*/
.service_cont{
	width:90%;
	max-width: 1165px;
	margin:0 auto;
	padding:70px 0;
	position: relative;
}

.service_cont::after{
	content: "";
	position: absolute;
	display: block;
	border-radius: 50px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
	z-index: 1;
	top:0;
	left:30%;
	width:100%;
	height: 300px;
}

.service_cont .service_flexbox{
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
}

.service_cont .service_flexbox .btncont{
	width:calc(50% - min(10vw,120px));
	padding-top:60px;
	display: none;
}

.service_cont .service_flexbox .btncont ul li{
	border-bottom: 1px solid #009691;
}

.service_cont .service_flexbox .btncont ul li a{
	position: relative;
	padding:1.5em;
	display: block;
	transition: all 0.3s;
}

.service_cont .service_flexbox .btncont ul li a.linknone{
	pointer-events: none;
}

.service_cont .service_flexbox .btncont ul li:hover a{
	background:#009691;;
}

.service_cont .service_flexbox .btncont ul li a p{
	font-size: 2.4rem;
	line-height: 1.6em;
	letter-spacing: 0.025em;
	color:#009691;
	transition: all 0.3s;
}

.service_cont .service_flexbox .btncont ul li:hover a p{
	color:#fff;
}


.service_cont .service_flexbox .btncont ul li a span{
	width:12px;
	position: absolute;
	top:calc(50% - 4px);
	right:20px;
}

.service_cont .service_flexbox .btncont ul li a span svg{
	fill:none;
	stroke:#009691;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition: all 0.3s;
}

.service_cont .service_flexbox .btncont ul li:hover a span svg{
	stroke:#fff;
}

.service_cont .service_flexbox .change_ph{
	width:100%;
	margin-top:0;
}

.service_cont .service_flexbox .change_ph ul{
	position: relative;
	width:100%;
}

.service_cont .service_flexbox .change_ph ul li{
	position: relative;
	top:0;
	left:0;
	opacity: 1;
	pointer-events: auto;
	transition: all 0.5s;
	margin-top:20px;
}
	
.service_cont .service_flexbox .change_ph ul li:nth-child(1){
	display: none;
}

.service_cont .service_flexbox .change_ph ul li.active{
	opacity: 1;
	pointer-events: auto;
}

.service_cont .service_flexbox .change_ph ul li figure{
	aspect-ratio: 650 / 400;
}

.service_cont .service_flexbox .change_ph ul li p{
	margin-top:0.5em;
}
	
.service_cont .service_flexbox .change_ph ul li p.common_tl{
	margin-top:1em;
}
	
.service_cont .service_flexbox .change_ph ul li a{
	border-bottom:1px solid #009691;
	display: flex;
	justify-content: flex-end;
	padding:5px 0 15px;
}
	
.service_cont .service_flexbox .change_ph ul li a.linknone{
	pointer-events: none;
}
	
.service_cont .service_flexbox .change_ph ul li a::after{
	content: "";
	width:14px;
	height: 14px;
	background-image:url("/images/common/g_arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}

/*middle_cont*/
.middle_cont{
	width:90%;
	max-width: 1165px;
	margin:0 auto 50px;
}

.middle_cont ul.middle_list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	width:100%;
	margin-top:min(10vw,100px);
	margin-bottom: min(-4vw,-50px);
}

.middle_cont ul.middle_list li{
	width:100%;
	margin-bottom:70px;
	position: relative;
	padding-right: 7.5vw;
}
	
.middle_cont ul.middle_list li:nth-child(2){
	padding-left: 7.5vw;
	padding-right: 0;
}

.middle_cont ul.middle_list li::after{
	content: "";
	position: absolute;
	display: block;
	border-radius: 50px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
	z-index: 1;
}

.middle_cont ul.middle_list li:nth-child(1)::after{
	width:120%;
	height: 103%;
	max-width:550px;
	max-height: 680px;
	top:-50px;
	left: -150px;
}

.middle_cont ul.middle_list li:nth-child(2)::after{
	width:110%;
	height: 70%;
	max-width:580px;
	max-height: 350px;
	top:-50px;
	left: 30%;
}

.middle_cont ul.middle_list li:nth-child(even){
	margin-top:min(10vw,100px);
}

.middle_cont ul.middle_list li figure{
	aspect-ratio: 520 / 300;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	margin:20px 0;
}

.middle_cont ul.middle_list li a{
	position: relative;
	z-index: 2;
}

/*seminar*/
.seminar_cont{
	max-width: 1165px;
	margin:0 auto 70px;
	border-radius: 50px;
	padding:65px min(5vw,95px) 65px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
}

.seminar_cont h2{
	margin-top:calc(-65px - 2em);
	align-items: center !important;
}

.new_seminar_list{
	width:calc(100% + 20px);
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-top:40px;
}

.new_seminar_list .slick-track{
	display: flex;
	padding-bottom: 10px;
}

.new_seminar_list .box{
	width:calc((100% - min(20vw,100px)) / 3 );
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	background:#fff;
	margin: 0 10px;
	height: 100%;
}

.new_seminar_list .box figure{
	aspect-ratio:300 / 180;
}

.new_seminar_list .box .txbox{
	padding:min(5vw,25px);
}

.new_seminar_list .box .txbox .title{
	font-size: 1.6rem;
	line-height: 1.625em;
	color:#009691;
	font-weight: 500;
	border-bottom: 1px solid #009691;
	padding-bottom: 0.75em;
	margin-bottom: 0.75em;
}

.new_seminar_list .box .txbox table{
	width:100%;
	letter-spacing: 0.025em;
	font-size: 1.4rem;
	line-height: 1.625em;
	margin-bottom: 0.75em;
}

.new_seminar_list .box .txbox table th{
	color:#009691;
	width:55px;
	vertical-align: top;
}

.new_seminar_list .box .txbox table td{
	padding-bottom: 0.5em;
}

.new_seminar_list .box .txbox .explain{
	font-size: 1.6rem;
	line-height: 1.625em;
	color:#009691;
	font-weight: 500;
	border-bottom: 1px solid #009691;
	padding-bottom: 0.75em;
	margin-bottom: 0.75em;
}

/*hatena*/
.hatena_cont{
	width:100%;
	position: relative;
	margin-bottom: 150px;
}

.hatena_cont::after{
	content: "";
	position: absolute;
	display: block;
	border-radius: 50px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
	z-index: 1;
	width:120%;
	height: 100%;
	max-width:1165px;
	top:5em;
	right: 30%;
}

.hatena_cont .innerbox{
	width:90%;
	max-width: 1165px;
	margin:0 auto;
	position: relative;
	z-index: 2;
}
	
.hatena_cont ul.hatena_cate_list{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin:30px 0 0 0;
}

.hatena_cont ul.hatena_cate_list li{
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #bfe7e5;
	margin-bottom: 10px;
}

.hatena_cont ul.hatena_cate_list li button{
	font-size: 1.4rem;
	transition: all 0.3s;
	padding:5px 10px 5px;
	display: block;
	border-bottom:1px solid transparent;
	color:#80d0cc;
	line-height: 1.5em;
}

.hatena_cont ul.hatena_cate_list li button:hover,
.hatena_cont ul.hatena_cate_list li button.active{
	color:#009691;
	border-bottom:1px solid #009691;
}

.hatena_cont ul.hatena_cate_list li:last-child{
	border-right: none;
}

.hatena_slide{
	width:95%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
	margin:10px 0 30px;
	margin-left:calc(5vw - 10px);
}

.hatena_slide .box{
	width:100%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	background:#fff;
	margin:0 10px;
}

.hatena_slide .slick-track{
	margin-bottom: 10px;
}

.hatena_slide .box figure{
	aspect-ratio:320 / 160;
}

.hatena_slide .box .txbox{
	padding:30px min(5vw,25px);
	position: relative;
}

.hatena_slide .box .txbox p.cate{
	position: absolute;
	top:-1.2em;
	left:0;
	display: flex;
	justify-content: center;
	width:100%;
}


.hatena_slide .box .txbox p.cate span{
	font-size: 1.3rem;
	font-weight: 500;
	color:#fff;
	border-radius: 9999px;
	background:#009691;
	line-height: 1;
	padding:0.5em 1.5em;
}

.hatena_slide .box .txbox .tl{
	font-size: 2rem;
	line-height: 1.625em;
	color:#009691;
	font-weight: 500;
	padding-bottom: 0.25em;
}

.hatena_slide .box .txbox .explain{
	font-size: 1.4rem;
	line-height: 1.875em;
	overflow: hidden;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 3;
}

/*recruit*/
.recruit_cont{
	margin-bottom: 120px;
	position: relative;
}

.recruit_cont::after{
	content: "";
	position: absolute;
	display: block;
	border-radius: 50px;
	background: linear-gradient(127deg,rgba(195, 234, 250, 1) 0%, rgba(225, 237, 167, 1) 100%);
	z-index: 1;
	width:120%;
	height: 100%;
	max-width:1165px;
	top:5em;
	left: 15%;
}

.recruit_cont .innerbox{
	display: flex;
	flex-direction: column;
	width:90%;
	max-width: 966px;
	margin:0 auto;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
	z-index: 2;
}

.recruit_cont .innerbox figure{
	width:100%;
	margin-bottom: 40px;
}

.recruit_cont .innerbox .txbox{
	width:100%;
	margin-left: 5vw;
	padding-bottom: 3vw;
}

.recruit_cont .innerbox .txbox h2{
	margin-bottom: 30px;
	align-items: center;
}
	
.recruit_cont .innerbox .txbox a{
	margin:0 auto;
}

.bottom_arrowcont{
	display: flex;
	justify-content: space-between;
	margin-top:30px;
}

.bottom_arrowcont a{
	margin:0 0 ;
}

.bottom_arrowcont .arrowcont{
	display: flex;
}

.bottom_arrowcont .slick-arrow{
	width:50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:1px solid #009691;
	border-radius: 50%;
	transition: all 0.3s;
	cursor: pointer;
}

.bottom_arrowcont .slick-arrow:nth-child(1){
	margin-right: 10px;
}

.bottom_arrowcont .slick-arrow span{
	width:12px;
	position: relative;
}

.bottom_arrowcont .slick-arrow.left_arrow_btn span{
	transform: rotate(180deg);
}

.bottom_arrowcont .slick-arrow span svg{
	fill:none;
	stroke:#009691;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition: all 0.3s;
}

.bottom_arrowcont .slick-arrow:hover{
	background:#009691;
	color:#fff;
}

.bottom_arrowcont .slick-arrow:hover span svg{
	fill:none;
	stroke:#fff;
	stroke-linecap:round;
	stroke-linejoin:round;
}
	
	.common_border_arrowbtn{
		width:170px;
		height: 50px;
	}

/*common_tl*/
.main_common_tl{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 400;
	position: relative;
	z-index: 2;
}

.main_common_tl.left{
	align-items: flex-start;
}

.main_common_tl span{
	font-size: 4em;
	font-weight: 100;
	color:#009691;
	letter-spacing: 0.05em;
	margin-bottom: 0.3em;
}
}