@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:599px){
	
	header{height: 122vw;}
	header .txt{font-size: 4vw;right: 4vw;}
	header .mv{width: 56vw;top: 24vw;}
	header .mv .slick-list{height: 74vw;}
	header .mv .slick-dots{padding: 20px 0 0 4vw;}
	
	h2{font-size: 7vw;}
	
	.top .news{padding: 50px 5vw 120px;}
	.top .news .entry ul{width: 100%;}
	.top .news .blog{display: block;}
	.top .news .blog .box{width: 67vw;min-width: 252px;margin: auto;}
	.top .news .blog .box:not(:last-child){margin-bottom: 40px;}
	
	.top .concept{padding: 0 0 60px;}
	.top .concept .photo{width: calc(100vw - 10vw);position: static;transform: translate(5vw,-50px);}
	.top .concept h2{margin-bottom: 40px;}
	.top .concept .txt{column-count: auto;}
	
	.top .doctor{display: flex;flex-wrap: wrap;justify-content: center;padding: 60px 0 100px;}
	.top .doctor .photo{flex-basis: calc(100% - 10vw); order: 2;position: relative;}
	.top .doctor > section{flex-basis: 100%;order: 1;margin-bottom: 50px;}
	.top .doctor section .in{width: 100%;}
	
	.top .about{padding: 0 5vw 50px;}
	.top .about .tit{position: static;transform: translateY(-30px);padding: 10vw 5vw 12vw;}
	.top .about .txt{width: 100%;}
	
	.top .features{padding: 70px 0;}
	.top .features .box{display: block;padding: 0 5vw;}
	.top .features .box .photo{margin-bottom: 50px;}
	.top .features .box:nth-child(odd) .photo{margin-left: 0;}
	.top .features .box:nth-child(even) .photo{margin-right: 0;}
	.top .features .box:nth-child(odd) .photo:after{left: -5vw;}
	.top .features .box:nth-child(even) .photo:after{right: -5vw;}
	.top .features .box:nth-child(odd) .txt{margin-right: 0;}
	.top .features .box:nth-child(even) .txt{margin-left: 0;}
	.top .features .box .num,
	.top .features .box h3{margin-bottom: 30px;}
	.top .features .box h3{font-size: 5.5vw;}
	.top .features .box:last-child{margin-bottom: 0;}
	
	.top .group{padding: 60px 0;}
	.top .group .wrap{display: block;}
	.top .group .box .photo img{width: 100%;}
	.top .group .box:not(:last-child){margin-bottom: 50px;}
	
	.top .recruit .wrap{display: block;}
	.top .recruit .wrap .box:not(:first-child) .txt{border-left: none;}
	.top .recruit .wrap .photo img{width: 100%;}
	
	
}