@charset "UTF-8";

@media (max-width:1320px){
	.visual .list .item {height:45rem}
	.visual .list img{height:100%; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); min-height: 100%; object-fit: cover}

	.visual ul.slick-dots{display:none !important}
	
}

@media (max-width:1200px){
	.etc{right:4%}
	.section .contents {flex-wrap:wrap}
	.section .contents h3 {width:100%; position:relative}
	
	.news h3 .more {position:absolute; right:0; top:0; margin-top:0.5rem}
	.news .group {width:100%; max-width:100%; margin-top:6rem; padding-left:0}
	
	.gallery {width:calc(66.666% - 3rem)}
	.gallery .list {width:calc(100% + 3rem)}
	.gallery .list li {margin-right:3rem; width:calc(50% - 3rem)}
	
	.sns {width:calc(33.333% - 3rem)}
	
	.seminar:after {height:76rem}
	#section01 .conBox .item .img{height:auto}
	#section01 .slick-slide{min-height:100%}
	
}

@media (max-width:1024px){
	.etc{right:4%}

}

@media (max-width:768px){
	.visual{height:40rem}
	.visual .list{height:40rem}
	
	
	
	.section h3{margin-bottom:2rem}
	.section h3 .title {font-size:3rem}
	.section h3 .more {font-size:1.8rem; top: 0.5rem;}
	
	.news {padding:7rem 0}
	.news h3 .more {font-size:0; width:3.5rem; height:3.5rem; line-height:3.5rem; padding:0; min-width:auto}
	.news h3 .more i {display:none}
	.news h3 .more:before {content:''; font-family:'xeicon'; font-size:2.4rem; display:block; width:100%; height:100%; line-height:inherit}
	.news .group {margin-top:3rem}
	.news .group .label {margin-bottom:2rem}
	.news .board {margin-bottom:5rem}
	.news .board a {padding-right:9rem}
	.news .board .title {font-size:2rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:5rem; overflow:hidden; text-overflow:ellipsis; word-break:keep-all}
	.news .board .desc {line-height:1.4; margin:0.5rem 0 2rem}
	.news .board li:first-child .desc {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:4rem; overflow:hidden; text-overflow:ellipsis; word-break:keep-all}
	
	.gallery {width:100%; margin-right:0; margin-bottom:5rem}
	
	.sns {width:100%}
	.sns .list {height:auto}
	.sns .list li {width:25%; margin-bottom:0}
	
	.seminar:after {height:55%; width:100%; transform:scaleX(-1); right:-3rem; left:auto; bottom:-13rem}
	.seminar h3 {text-align:left}
	.seminar .info {margin-top:6rem; flex-wrap:wrap}
	.seminar .info li {width:100%; padding-left:12rem; padding-top:2rem; position:relative; text-align:left; min-height:10rem; margin-bottom:2rem}
	.seminar .info i {width:10rem; height:10rem; line-height:10rem; position:absolute; left:0; top:0}
	.seminar .info i img {transform:scale(0.8)}
	
	#section02 .group{display:inherit}
	#section02 .board{width:100%}	
	#section02 .board .conBox {min-height: 10rem}
	
	#section02 .board01{margin-bottom:2rem}
	#section02 .board02{margin-bottom:2rem}

	

}