/* CSS Document */
@media all and (max-width: 767px) {
	#slide-nav{
		display:block;
	}
	.owl-carousel .owl-item img{
    object-fit: cover;
	}
	.appear{
		display: block !important;
	}
	.disappear{
		display: none !important;
	}
	.txt_box p {
		font-size: 14px;
	}
	.txt_box, .seat .txt_box{
		margin: 0 3%;
	}
	.title_box h1, .home .news .title_box h2{
		font-size: 28px;
	}
	.pg .title_box h1::before, .home .news .title_box h2:before {
		top: 18px;
	}
	h1 img, .headerlogo img{
		width: 180px;
		margin-left: 10px;
	}
	#header_left_box, #header_in_box{
		display: none;
	}
	#mv .fbox{
		display: block;
	}
	#mv img{
		margin-top: 20vh;
		width: 90vw;
	}
	#mv h2{
		text-align: right;
		padding-right: 8vw;
		font-size: 6.8vw;
    margin-top: 20vh;
	}
	#about h3{
		font-size: 22px;
	}
	#mv_box img {
		left: 0;
		right: 0;
		top: calc(50% - 13vw);
		text-align: center;
		display: block;
		width: 40vw;
		margin: 0 auto;
	}
	footer {
		padding-top: 30px;
	}
	#slide-btn {
		top: 10px;
		right: 10px;
	}
	.page-top a {
		bottom: 10px;
		right: 10px;
	}
	#about .fbox, #service .fbox, #past-event .fbox{
		display: block;
	}
	.fbox{
		display: block;
	}
	.fbox.col3 li,
	#service .fbox.col3 li,
	#past-event .fbox.col3 li{
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 40px;
	}
	.sub_mv{
		margin-top: 80px;
	}
	.subpg h2{
		font-size: 18px;
	}
	.subpg h3{
		font-size: 16px;
	}
	.subpg p{
		font-size: 14px;
	}
}
@media all and (max-width: 767px) and (orientation: landscape){
	.right_box.menu .menu_txt_box .title_box h2 span{
		font-size: 12px;
	}
}
@media all and (max-width: 480px) {
	.home #info .title_box {
		width: auto;
		padding: 5px 0 5px 0;
		background: rgb(255,255,255);
		position: relative;
		z-index: 0;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		height: 250px;
	}
	.home #info .title_box {
		border: none;
		border-bottom: 1px solid #ddd;
	}
}