@charset 'utf-8';
@media screen and (max-width:1024px){
	.dn { display: none; }
	.sp-none{
		display:none!important;

	}
	.kv .box{
		width:100%;
		/* height:146.67vw; */

	}
	.kv .box .movie{
		width:100%;
		height:146.67vw;
		overflow:hidden;

	}
	.kv .box .movie video{
		width:auto;
		height:146.67vw;
		overflow:hidden;

	}
	.kv .box .text-block{
		top:50%;
		left:50%;
		transform:translateX(-50%) translateY(-50%);
		text-align:center;
		width:100%;

	}
	.kv .box .text-block .desc{
		font-size:4.8vw;
		font-weight:700;
		margin-bottom:0;

	}
	.kv .box .text-block .catch{
		font-size:8vw;
		font-weight:700;
		line-height:1.2;

	}
	.kv .box .text-block .medal-button{
		margin:0;

	}
	.kv .box .text-block .medal-button .medal{
		width:66.67vw;
		margin:1em auto;

	}
	.kv .box .text-block .medal-button .btn{
		margin:0 auto;
		width:67.73vw;
		padding:1.8em 0;
		font-size:4vw;

	}
	.kv .box .text-block .link-button{
		-ms-flex-pack:center;
		-webkit-justify-content:center;
		justify-content:center;

	}
	.kv .box .text-block .link-button .btn{
		width:44.8vw;
		min-width:8em;
		font-size:3.46667vw;
		box-sizing:border-box;

	}
	.kv .box .text-block .link-button .btn:first-child{
		margin-right:2.6667vw;

	}
	.kv .box .text-block .link-button .btn.white{
		color:#00a9e0;
		border:1px solid #00a9e0;

	}
	.kv .box .movie .sp-image{
		overflow:hidden;

	}
	.kv .box .movie .img-wrap{
		z-index:3;
		opacity:0;
		width:100%;
		height:146.67vw;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		position:absolute;
		left:0;
		top:0;
		-webkit-animation:spkvanime 30s ease 0s infinite;
		animation:spkvanime 30s ease 0s infinite;

	}
	.kv .box .movie .img-wrap:nth-of-type(2){
		-webkit-animation-delay:6s;
		animation-delay:6s;

	}
	.kv .box .movie .img-wrap:nth-of-type(3){
		-webkit-animation-delay:12s;
		animation-delay:12s;

	}
	.kv .box .movie .img-wrap:nth-of-type(4){
		-webkit-animation-delay:18s;
		animation-delay:18s;

	}
	.kv .box .movie .img-wrap:nth-of-type(5){
		-webkit-animation-delay:24s;
		animation-delay:24s;

	}
	.kv .box .btn{
		font-size:1em;
		width:auto;
		padding:1em;
		min-width:none;
	}
	.kv .box .btn.en{
		width:90%;
		box-sizing:border-box;
	}
	@keyframes spkvanime{
		0%{
			opacity:0;
		}
		10%{
			opacity:1;
		}
		20%{
			opacity:1;
		}
		30%{
			opacity:0;
			z-index:2;
		}
		100%{
			opacity:0;
			z-index:2;
		}
	}
	section {
		padding: 40px 20px;
	}
	.kv.cm{
		background:transparent radial-gradient(closest-side at 50% 50%,#fff 0,#d1d3db 100%) 0 0 no-repeat padding-box;
	}
	section.kv.cm {
		/*
		padding-top: 60px;
*/
		padding-top: 50px;
		background: #FFFFFF;
		margin-top: 0;
		}
	.kv.cm:before{
		background:transparent linear-gradient(0deg,#f4f5F700 0,#abadb8 100%) 0 0 no-repeat padding-box;
		content:"";
		display:block;
		height:23vw;
		width:100%;
		background-size:cover;
		position:absolute;
		left:0;
		top:0;
	}
	.kv.cm .box{
		/* height:100vh; */
	}
	.kv.cm .box .text-block{
		position:absolute;
		z-index:9;
		top:20vw;
		left:50%;
		transform:translateX(-50%);
		color:#1c2438;
	}
	.kv.cm .box .person-wrap{
		position:absolute;
		left:50%;
		right:auto;
		bottom:0;
		transform:translateX(-50%);
		width:70%;
	}
	.kv.cm .box .person-wrap img{
		width:100%;
		height:auto;
	}
	.kv .box figure.main_hero img {
		margin-bottom: 60px;
		width: auto;
		height: 100vw;
	}
	.top-bnr .inner{
		position:relative;
		height:12vw;
	}
	.top-bnr .inner .text-wrap{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:flex-start;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		position:absolute;
		left:3%;
		bottom:0;
	}
	.top-bnr .inner .text-wrap img{
		width:90vw;
		margin-right:0;
	}
	.top-bnr .inner .text-wrap .btn{
		margin-top:3.4em;
		display:block;
		color:#3083a3;
		background:#fff;
		border-radius:4px;
		padding:.6em 1em;
		font-size:2.667vw;
		width:7em;
		position:absolute;
		bottom:1.4em;
		left:74%;
	}
	section.breadcrumbs { /*margin-top: 50px;*/ /*display: none;*/  }
	section.banner li img{
		border-radius:10px;
	}
	section.banner .border{
		box-sizing:border-box;
		border:1px solid #ddd;
	}
	section.kv.cm {
/*
		height: 62vh;
*/
		height: 46vh;


	}
	#kvcm {
	    height: 1vh;
	}
	.main_imgBox{
		height:184.2667vw;
		width:100%;
		border-radius:20px;
		overflow:hidden;
		position:relative;
	}
	.main_img{
		z-index:10;
		opacity:0;
		width:100%;
		height:184.2667vw;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		position:absolute;
		left:0;
		top:0;
		-webkit-animation:anime 34s 0s infinite;
		animation:anime 34s 0s infinite;
		transform:scale(1.1);
	}
	.main_img:after{
		content:"";
		background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.5) 100%);
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:1;
	}
	.main-block.fadein.show {
		width: calc(90vw - 60px);
		margin: 0 auto;
		padding: 20px 20px 80px;
		top: -70vw;
	}
	.main-block .header-block.flex h2 {
		font-size: 2.4rem;
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	.main-block .header-block.flex ul {
		width: 100%;
		display: flex;
		gap: 20px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		max-width: 100%;
	}
	.main-block .header-block.flex ul li {
		width: 100%;
	}
	.main-block .header-block.flex ul a.btn {
		width: calc(100% - 40px);
		padding: 10px 10px 10px 30px;
		font-size: 1.4rem;
		margin: 0 !important;
	}
	.main-block .header-block.flex ul a.btn .icon-arrow {
		left: 5px;
	}
	.main-block .footer-block {
		bottom: inherit;
		top: 160px;
	}
	.main-block .footer-block ul.flex {
		display: flex !important;
	}

	.main-block .footer-block ul.flex li img {
		width: 130%;
		left: -15%;
		position: relative;
	}

	.main_img:nth-of-type(2),.main_img:nth-of-type(7){
		-webkit-animation-delay:6s;
		animation-delay:6s;
	}
	.main_img:nth-of-type(3),.main_img:nth-of-type(8){
		-webkit-animation-delay:12s;
		animation-delay:12s;
	}
	.main_img:nth-of-type(4),.main_img:nth-of-type(9){
		-webkit-animation-delay:18s;
		animation-delay:18s;
	}
	.main_img:nth-of-type(10),.main_img:nth-of-type(5){
		-webkit-animation-delay:24s;
		animation-delay:24s;
	}
	@keyframes anime{
			0%{
			opacity:0;
			border-radius:20px;
		}
		6.25%{
			opacity:1;
		}
		37.5%{
			opacity:1;
		}
		43.75%{
			opacity:0;
			transform:scale(1);
			z-index:9;
		}
		100%{
			opacity:0;
		}
	}
	.title-block{
		text-align:center;
	}
	.title-block .ttl{
		font-size:1.2rem;
		margin-bottom:.6em;
	}
	.title-block .body{
		font-size:1rem;
		line-height:1.4;
	}


	section.slider-lists.bg-greenlight {
		padding: 30px 0 50px;
	}
	section.slider-lists.bg-greenlight .slider-cell {
		width: 40%;
	}
	.flickity-enabled.is-draggable .flickity-viewport {
		max-height: 145px !important;
	}

	section.movie-lists .inner .section-head {
		display: block;
	}
	section.movie-lists .inner .section-head figure {
		margin: 0;
		text-align: center;
		padding: 0 20px;
		border: none;
	}
	section.movie-lists .inner .section-head > p {
		font-size: 1.6rem;
		max-width: 70vw;
		text-align: center;
		margin: 0 auto;
	}
	section#movie-section {
		padding: 40px 0;
	}
	section.movie-lists .inner .section-body h3 {
		font-size: 1.6rem;
		margin: 40px 0 20px 20px;
		padding-left: 45px;
	}
	section.movie-lists .inner .section-body h3 a {
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;
	}
	h3 i.icon-folder { width: 30px; }
	section.movie-lists .inner .section-body h3 i img {
		height: 20px;
	}
	.slick-list {
		padding: 0 10px;
		overflow: visible;
	}
	.slick-slider {
		padding: 0 20px;
		margin-left: 10px;
	}
	.slick-track {
		gap: 10px;
	}
	ul.slick-dots {
		display: none !important;
	}
	section .inner .section-body .slick-slider button {
		display: none !important;
	}
	.movie-data.flex {
		gap: 0.2em;
		margin-bottom: 10px;
		display: flex !important;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.movie-data p {
		font-size: 1.4rem;
		font-weight: normal;
		margin: 10px 0 0;
	}
	.movie-data .appraise-star {
		width: 100%;
		margin: 8px 0 0;
		max-width: 70px;
		display: inline-block;
	}
	ul.responsive-slide-03.series-slide.slick-initialized.slick-slider {
		padding: 0;
	}
	ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-list { padding: 0 15px; }
	ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-track {
		justify-content: flex-start;
	}
	ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-track li.slick-slide {
		padding: 20px;
		width: 65vw !important;
	}
	/* .movie-data p.category {
		margin-right: 120px;
	} */
	ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-track li.slick-slide a.more-link {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
	.slide-03 ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-track li.slick-slide .title-block.flex {
		display: flex !important;
	}
	ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-track li.slick-slide p.series-num.txt-xl {
		font-size: 3rem;
	}
	ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-track li.slick-slide h4 {
		font-size: 1.6rem;
	}
	.slide-03.instructor-slide ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-track li.slick-slide .title-block.flex h4 {
		border: none;
		margin: 20px 0;
	}
	.slide-03.instructor-slide ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-track li.slick-slide .title-block.flex h4 br {
		display: none;
	}
	article.slide-03 ul.responsive-slide-03.series-slide.slick-initialized.slick-slider {
		margin: 0;
	}
	article.slide-03 ul.responsive-slide-03.series-slide.slick-initialized.slick-slider .slick-list {
		padding: 0;
	}
	section#seminar-section {
		padding: 0 0 40px;
	}

	.movie-data-content .flex.date-area span.date { font-size: 1.4rem; }
	.movie-data-content .flex.date-area span.time {
		font-size: 1.2rem;
		display: block;
	}
	.movie-data-content p.movie-title {
		font-size: 1.6rem;
	}
	.movie-data-content p.flex.date-auther {
		font-size: 1.4rem;
		color: #fff;
	}
	.movie-data-content p.flex.date-auther span.name {
		margin-right: 0.5em;
		color: #333333;
	}
	.movie-data-content p.flex.date-auther span.company-name {
		margin: 0.4em 0 0;
		font-size: 1.2rem;
		display: block;
		color: #333;
	}
	#seminar-section .slick-slider {
		padding: 0 20px;
		margin: 0 10px;
		overflow: visible;
	}
	section.instructor-lists.bg-greenlight {
		padding: 40px 20px;
	}
	section.instructor-lists .section-head h3 {
		font-size: 2.4rem;
		margin-bottom: 20px;
	}
	section.instructor-lists.bg-greenlight ul.responsive-slide-04.slick-initialized.slick-slider {
		padding: 0;
	}

	a.btn.btn-green {
		max-width: 100%;
		margin: 20px 0;
	}
	section.community-lists .inner .section-head {
		display: block;
		text-align: center;
	}

	section.community-lists .inner .section-head figure {
		border: none;
	}
	section.community-lists .inner .section-head p {
		font-size: 1.6rem;
		margin: 0;
		line-height: 1.2em;
		font-weight: normal;
	}



	section.community-lists .inner article.text-cpntents {
		width: 100%;
		font-weight: normal;
	}
	section.community-lists .inner article.img-cpntents {
		width: 100%;
	}
	section.community-lists .inner article.img-cpntents figure {
		margin: 20px 0;
	}
	section.plan-lists .inner ul.flex.col-4.plan-blocks li {
		width: calc(100% - 60px);
		margin-bottom: 20px;
	}


	a.btn.btn-orange { max-width: 100%; }
	section.faq-lists {
		padding-top: 40px;
	}
	section.faq-lists .section-head.flex h3 {
		max-width: 260px;
		margin: 0 auto;
	}
	section.faq-lists .section-head.flex form.flex {
		width: calc(100% - 40px );
		gap: 40px;
		margin: 20px auto 0;
		position: relative;
	}
	section.faq-lists .section-head.flex > ul.link-list.flex {
		display: none !important;
	}
	section.faq-lists .section-head.flex form ul.link-list.flex {
		display: flex !important;
		width: 60%;
		position: relative;
		justify-content: flex-start;
		align-items: center;
	}
	section.faq-lists .section-head.flex form.flex input.btn.btn-orange.btn-search.submit {
		position: absolute;
		bottom: -6px;
		right: 0;
	}
	section.faq-lists .section-head.flex ul.link-list.flex li {
		padding: 0 10px;
	}

	section.faq-lists .section-head.flex form ul.link-list.flex a {
		font-size: 1.3rem;
	}
	section.faq-lists .section-head.flex form.flex input.form-search.form-control {
		margin-bottom: 20px;
	}
	section.faq-lists .section-body.flex {
		margin-top: 70px;
		padding-top: 70px;
	}
	section.faq-lists .section-body.flex article {
		width: 100%;
		padding: 20px 0 80px;
		position: relative;
		max-width: 100%;
	}
	section.faq-lists .section-body.flex article.faq-list-02 {
		padding-bottom: 0px;
	}
	section.faq-lists .section-body.flex article::before {
		width: 100%;
	}
	section.faq-lists .section-body.flex h4 {
		margin: -66px auto 0px;
		border-radius: 10px 10px 0 0;
		padding: 10px 10px 0;
	}
	section.faq-lists .section-body.flex article ul.col-4.faq-blocks {
		margin: 0 0 40px;
	}
	section.faq-lists .section-body.flex article ul.col-4.faq-blocks p.faq-title.txt-green {
		font-size: 1.6rem;
	}
	section.faq-lists .section-body.flex article ul.col-4.faq-blocks .faq-data.flex {
		display: flex !important;
	}
	section.faq-lists .section-body.flex article ul.col-4.faq-blocks .faq-data.flex p {
		font-size: 1.3rem;
	}
	section.faq-lists .section-body.flex article ul.col-4.faq-blocks .faq-data.flex p.date {
		border: none;
	}
	section.faq-lists .section-body.flex a.btn.btn-green {
		margin: 20px;
	}
	section.faq-lists .section-body.flex article.faq-list-02 a.btn.btn-green {
		margin-bottom: 0;
	}


	section.news-lists.bg-greenlight {
		padding: 40px 20px;
	}
	section.news-lists.bg-greenlight .section-head h3 {
		font-size: 2.4rem;
		text-align: center;
	}
	section.news-lists.bg-greenlight ul.flex.col-4.news-blocks {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex !important;
		display: -moz-flex !important;
		display: flex !important;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		gap: 20px;
	}
	section.news-lists.bg-greenlight ul.flex.col-4.news-blocks li {
		width: calc(50% - 10px);
	}
	section.news-lists .inner ul.flex.col-4.news-blocks li p.news-title {
		font-size: 1.5rem;
		margin: 10px 0;
	}
	section.news-lists .inner ul.flex.col-4.news-blocks li p.date.txt-green {
		font-size: 1.2rem;
		margin: 0;
	}

	section.posts-lists {
		padding: 40px 20px;
	}
	section.posts-lists .inner .section-head {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}
	section.posts-lists .inner .section-head h3 {
		font-size: 2.4rem;
		margin: 0;
	}
	section.posts-lists .inner .section-head a.txt-green {
		font-size: 1.2rem;
	}
	section.posts-lists .inner .section-body {
		width: 100%;
	}
	section.posts-lists .inner .section-body ul.post-blocks {
		padding: 0;
	}
	section.posts-lists .inner .section-body ul.post-blocks a.flex {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	section.posts-lists .inner .section-body ul.post-blocks a.flex p.date.txt-green {
		font-size: 1.3rem;
	}
	section.posts-lists .inner .section-body ul.post-blocks a.flex p.post-title {
		font-size: 1.3rem;
	}
	section.footer-fixed .inner.flex {
	    display: flex !important;
	    gap: 15px;
	}
	section.footer-fixed .inner.flex a.btn {
		width: 5em;
		padding: 0.4em 1em;
	}

}

/* custom */
@media screen and (max-width:1024px){
	.top section.kv.cm { height: 580px; }
	.kv .box figure.main_hero {
		overflow: hidden;
		position: relative;
	}
	.top .kv .box figure.main_hero {
		max-height: 580px;
	}
	.kv .box figure.main_hero img {
		margin: 0;
		width: 100%;
		height: 100%;
		max-width: 100vw;
		min-height: 260px;
		object-fit: cover;
		object-position: center center;
	}
	.top .kv .box figure.main_hero img {
		min-height: 580px;
	}
	.main-block.fadein.show {
/* 		padding-bottom: 120px; */
		top: 50%;
		max-width: 620px;
		padding: 20px 20px 0px;
		width: 60%;
		height: 50%;
	}
	.main-block .footer-block {
		top: 0;
		max-width: 90%;
		position: relative;
		left: 0;
		transform: unset;
	}
	.main-block .header-block.flex h2 {
		font-size: 2rem;
	}
	.main-block .header-block.flex ul a.btn,
	.main-block.fadein.show a.btn.btn-orange {
		max-width: 100%;
	}
	section.faq-lists .section-head.flex {
		display: flex !important;
	}
	section.faq-lists .section-head.flex form.flex {
		display: flex !important;
		gap: 20px;
	}
	section.faq-lists .section-head.flex form.flex input.form-search.form-control {
		width: calc(60% - 10px - 3em);
		margin: 0;
	}
	section.faq-lists .section-head.flex form ul.link-list.flex {
		margin: 0;
		width: 30%;
	}
	section.faq-lists .section-head.flex form.flex input.btn.btn-orange.btn-search.submit {
		right: 20px;
		bottom: 0;
		position: relative;
	}
}

@media screen and (max-width:767px){
	section { padding: 20px; }
	.top section.kv.cm {
		height: 580px;
	}
	.main-block.fadein.show {
		top: 50%;
		position: absolute;
		left: 50%;
		/*transform: translate(-50%, -50%);*/
	}
	section.faq-lists .section-head.flex {
		display: block !important;
	}
	section.faq-lists .section-head.flex form.flex {
		gap: 20px;
		flex-wrap: wrap;
	}
	section.faq-lists .section-head.flex form.flex input.form-search.form-control {
		width: calc(100% - 10px - 3em);
	}
	section.faq-lists .section-head.flex form.flex input.btn.btn-orange.btn-search.submit {
		right: 0;
		position: absolute;
		bottom: -10px;
	}
}

@media screen and (max-width:600px){
	.top section.kv.cm {
		height: 550px;
	}
	.kv .box figure.main_hero {
		/* max-height: 320px; */
	}
	.kv .box figure.main_hero img {
		margin: 0;
		width: auto;
		height: auto;
		max-width: 100%;
		min-height: 260px;
	}
	.top .kv .box figure.main_hero img {
		min-height: 580px;
	}
	.main-block.fadein.show {
		top: 50%;
		padding-bottom: 0px;
		width: 85%;
	}
	.main-block .footer-block {
		top: -10px;
		max-width: 100%;
	}
}
@media screen and (max-width:460px){
	.top section.kv.cm {
		height: 115vw;
	}
	.main-block.fadein.show {
		top: 55vw;
	}
	.main-block .header-block.flex ul a.btn.btn.btn-orange, .main-block .header-block.flex ul a.btn.btn.btn.btn-white {
		font-size: 1.2rem;
	}
}