@charset "UTF-8";


@media screen and (max-width:768px) {
	
	/* common */
	h1, .h1 { font-size: var(--font-size-h1); }
	h2, .h2 { font-size: var(--font-size-h2); }
	h3, .h3 { font-size: 21px; }
	h4, .h4 { font-size: 18px; }
	h5, .h5 { font-size: 16px; }
	.text1 { font-size: 14px; }
	.text2 { font-size: 13px; }
	.text3 { font-size: 12px; }
	
	/* header */
	.header-wrap .nav-menu { display: none; }
	.btn-category, .btn-category.map { right: 40px;	}
	.header-wrap .logo a { left: 20px; }
	.button-container { right: 20px; }
	.header-wrap .qna { right: 70px; }
	
	/* main content */
	.wr { max-width: 100%; padding: 0 20px; }
	.content { padding: 50px 0; }
	.content > .wr > div:last-child { margin-bottom: 0; }
	.thumb-list { flex-wrap: wrap; }
	.thumb-list li span { font-size: 13px; }
	.btn-more { top: 32px; font-size: 13px; }
	.main-map, .map-text { width: 100%; }
	.map-text { margin-top: 30px; }
	
	.visual-01, .visual-02, .visual-03, .visual-04, .visual-05 { width: 100%; height: 310px; }
	.visual-01 { background: url("../img/mo-visual-01.jpg") center center no-repeat; background-size: 100%; }
	.visual-02 { background: url("../img/mo-visual-02.jpg") center center no-repeat; background-size: 100%; }
	.visual-03 { background: url("../img/mo-visual-03.jpg") center center no-repeat; background-size: 100%; }
	.visual-04 { background: url("../img/mo-visual-04.jpg") center center no-repeat; background-size: 100%; }
	
	.sub-visual { width: 100%; height: 180px; position: relative; }
	.sub-visual-01 { background: url("../img/sub-visual-01.jpg") center center no-repeat; }
	.sub-visual-02 { background: url("../img/sub-visual-02.jpg") center center no-repeat; }
	.sub-visual-03 { background: url("../img/sub-visual-03.jpg") center center no-repeat; }
	.sub-visual-04 { background: url("../img/sub-visual-04.jpg") center center no-repeat; }
	.sub-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: var(--color-100); }
	.sub-title h5 { font-size: var(--font-size-h5); }
	.sub-title span { font-size: var(--font-size-text3); }
	
	.swiper-button-prev { margin-left: 0px!important; }
	.swiper-button-next { margin-right: 0px!important; }
	
	.thumb-list.col-3 li { width: 100%; margin-right: 0%; margin-bottom: 5%; }

	.thumb-list.col-4 li { width: 48.5%; margin-right: 2%; margin-bottom: 5%; }
	.thumb-list.col-4 li:nth-of-type(2n) { margin-right: 0; }

	.thumb-list.col-8 li { width: 23.5%; margin-right: 2%; margin-bottom: 2%; }
	.thumb-list.col-8 li:nth-of-type(4n) { margin-right: 0; }
	
	.map-text .qna-write dl dd:nth-child(1) .field.mr-10 {margin: 0 0 10px 0; }
	.tel { justify-content: center; }
	.tel p { margin-top: 20px; }
	
	/* sub content */
	.mo-cate { display: block; }
	.cate-btn { display: none; }
	
	.page_area a, .page_area span.now_page { width: 28px; height: 28px; line-height: 28px; margin: 0; }
	.qna-write dl dd { flex-wrap: wrap; }
	.qna-write dl dd:nth-child(1) .title, .qna-write dl dd:nth-child(2) .title { width: 100%; text-align: left; margin: 5px 0; }
	.qna-write dl dd:nth-child(1) .field, .qna-write dl dd:nth-child(2) .field { width: 100%; }
	.cate-navi { display: none; }
	
	/*footer*/
	footer { padding: 30px 0; }
	footer .add-text p { font-size: 12px; }
	footer .add-text p br { display: none; }
	footer .add-text em { margin-top: 20px!important; }
	footer .foot-logo { margin-top: 30px; width: 100px; }
}