.navbar-toggle { z-index: 3; display: block; }
.navbar-header { padding: 20px 0; float: none; }
.navbar-collapse.collapse { display: none !important; }

footer .container .if { float: none; overflow: hidden;  }
footer .container .if .al { width: 50%; border: 0; float: left; padding: 0; }
footer .container .if .al:first-child { border: 0; }

footer .container h3 { font-size: 15px; letter-spacing: -1px; }
footer .container h4 { font-size: 14px; }

footer .copyright { text-align: center; word-break: keep-all; word-wrap: break-word; }
footer .copyright.r1 { margin-top: 8px; }


.webseller { font-size: 11px; color: #aaa;  }
.webseller a { font-size: 11px; color: #aaa;  }


.cmall-list { margin-bottom: 65px;  }

.sns {  }
.sns a { width: 30px; height: 30px; line-height: 30px; }
.sns a .fa { font-size: 16px; }

#customer_box { display: none; }



/* shopping */
.cde_detail_option {  }
.cde_detail_option p.cde_title { margin: 0 0 6px }
.cde_detail_option span.cde_price_obj { font-size: 14px; }
.cde_detail_option span.cde_price_obj span { font-size: 18px; }
.cde_detail_option .default-btn { padding: 4px 8px; }


.popup_layer { left: 15px !important; right: 15px !important; }
.popup_layer_con { width: auto !important; height: auto !important; }

.contact-section { padding: 80px 16px; }
.contact-section .contact-grid { flex-direction: column; }
.contact-section .contact-grid .work-hour { padding: 0; flex-direction: column; }
.contact-section .contact-grid .work-hour h4 { flex: 1; font-size: 20px; }
.contact-section .contact-grid .work-hour .work-content .flex-wrap .flex-item { font-size: 14px; }
.contact-section .contact-grid .transportation { padding: 0; }
.contact-section .contact-grid .transportation .grid-wrap .grid-item { flex-direction: column; gap: 16px; }
.contact-section .contact-grid .transportation .grid-wrap .grid-item h4 { flex: 1; }
.contact-section .contact-grid .transportation .grid-wrap .grid-item p { font-size: 14px; }
.contact-section .contact-grid .work-hour .work-content .flex-wrap { gap: 12px; }

.contact-section .contact-grid .info .title h2 { font-size: 20px; }
.contact-section .contact-grid .info .title p { font-size: 14px; margin: 24px 0 30px; }
.contact-section .contact-grid .info .btn-wrap a { height: 50px; font-size: 14px; }

.main-summary-section { margin: 80px 0 0; padding: 0 16px; min-height: 460px; }
.main-summary-section h4 { font-size: 20px; }
.main-summary-section h4 br { display: none; }
.main-summary-section p { font-size: 13px; }
.main-summary-section p br { display: none; }

.main-future-section { margin: 80px 0 0; }
.main-future-section .title-wrap { gap: 16px; margin: 0 0 50px; }
.main-future-section .title-wrap h2 { font-size: 24px; }
.main-future-section .title-wrap h5 { font-size: 14px; }

.main-future-section .future-grid { flex-direction: column;  }

.banner .inner { padding: 0 16px; height: 70vh; }
.banner .inner h1 { font-size: 32px; margin: 16px 0 20px; }
.banner .inner h1 br { display: none; }
.banner .inner p { font-size: 14px; }
.banner .inner h5 { font-size: 18px; line-height: 1.5; }

.navbar-default { padding: 0 16px; }
.navbar-default .navbar-brand { padding: 0; }

.sub-banner .inner { height: 44vh; gap: 16px; }
.sub-banner .inner h2 { font-size: 32px; }
.sub-banner .inner p { font-size: 16px;  }

.about-intro-section { padding: 80px 0; }
.about-intro-section .inner { flex-direction: column; }
.about-intro-section .inner .text-box p { font-size: 14px; }

.about-mean-section .inner { flex-direction: column-reverse; }
.about-mean-section .inner .text-box h5 { font-size: 16px; }
.about-mean-section .inner .text-box p { font-size: 14px; }

.ksc-section01 .text-box { flex-direction: column; gap: 16px; }
.ksc-section01 .text-box h2 { font-size: 24px; }
.ksc-section01 .text-box p { font-size: 16px; }

.ksc-section02 .text-box h2 { font-size: 24px; }
.ksc-section02 .text-box p { font-size: 16px; }

.ksc-section02 .card-list { flex-direction: column-reverse; gap: 30px;}
.ksc-section02 .card-list .card h5 { font-size: 18px; margin: 24px 0 12px; }
.ksc-section02 .card-list .card p { font-size: 14px; }

.ksc-section03 .inner { flex-direction: column; gap: 16px; }
.ksc-section03 .inner h2 { font-size: 24px; }
.ksc-section03 .inner .content h5 { font-size: 16px; }
.ksc-section03 .inner .content .list-wrap .list-article h5 { font-size: 14px; margin: 0 0 8px; }
.ksc-section03 .inner .content .list-wrap .list-article p { font-size: 13px; }


.ksc-section04 { padding: 80px 0; }
.ksc-section04 .inner { flex-direction: column;  }
.ksc-section04 .inner h2 { font-size: 20px; }
.ksc-section04 .inner p { font-size: 14px; }


.therapy-section h2 { font-size: 28px; margin: 60px 0 30px; }
.therapy-section .content .article h4 { font-size: 18px; margin: 0 0 8px;  }
.therapy-section .content .article p  { font-size: 14px; }
.therapy-section .content { grid-template-columns: 1fr; }
.therapy-section .content .article:nth-child(1) {  grid-column: span 1; }

.regular-section { padding: 80px 0; }
.regular-section h2 { font-size: 28px; line-height: 1.4; }
.regular-section p { font-size: 14px; }
.regular-section p br { display: none; }

.img-text-section .content { flex-direction: column; gap: 30px; }
.img-text-section .content .article h4 { font-size: 18px; }
.img-text-section .content .article h5 { line-height: 1.5; }
.img-text-section .content .article p { font-size: 14px; }

.title-text-section { padding: 80px 0; }
.title-text-section h2 { font-size: 28px; }
.title-text-section .content { flex-wrap: wrap; flex-direction: column; }
.title-text-section .content .card { min-height: auto;  }
.title-text-section .content .card h3 { font-size: 24px; }
.title-text-section .content .card p { font-size: 14px; }

.ksc-section02 { padding: 80px 0; }

.check-section .content { grid-template-columns: 1fr; gap: 12px; }
.check-section .content .article { align-items: start; height: auto; }
.check-section .content .article h5 { font-size: 14px; flex: 0 0 80px; }
.check-section .content .article p { font-size: 14px; }


.img-text-vertical-section { padding: 80px 0; }
.img-text-vertical-section h2 { font-size: 24px; }
.img-text-vertical-section .content .article { flex-direction: column; gap: 16px; }
.img-text-vertical-section .content .article .text-box h4 { font-size: 20px; }
.img-text-vertical-section .content .article .text-box p { font-size: 16px;  }
.img-text-vertical-section .content .article .text-box p br { display: none; }

.img-text-section { padding: 80px 0; }
.img-text-section h2 { font-size: 24px; }

.text-grid-section h2 { font-size: 28px; }
.text-grid-section .content { grid-template-columns: 1fr; }
.text-grid-section .content .article p { font-size: 14px; }

.title-grid-section .subject-title h2,
.title-grid-section .flex-item h2 { font-size: 24px; }
.title-grid-section .flex-item .content { grid-template-columns: 1fr; }
.title-grid-section .flex-item .content .article { min-height: auto; padding: 30px; }
.title-grid-section .flex-item .content .article p { font-size: 14px; }

.half-check-section { padding: 80px 0; }
.half-check-section .hcs--title h2 { font-size: 24px; margin: 0 0 18px; }
.half-check-section .hcs--title p { font-size: 16px; }
.half-check-section .hcs--content { flex-direction: column; }
.half-check-section .hcs--content .box { padding: 30px; gap: 8px; }
.half-check-section .hcs--content .box .article { font-size: 14px; gap: 4px; }

.check-section h2 { font-size: 24px; margin: 0 0 32px; }
.check-section h3 { font-size: 24px;}
.check-section h3 + p { font-size: 14px; }

.half-icon-section .his--title h2 { font-size: 24px; }
.half-icon-section .his--content { flex-direction: column; }
.half-icon-section .his--content .box p { font-size: 14px; }
.half-icon-section .his--content .box .img-box img { max-width: 60px; }

.tag-vertical-section .tvs--title h2 { font-size: 24px; }
.tag-vertical-section .tvs--content .article { flex-direction: column; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--title h4 { font-size: 20px; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--title p { font-size: 14px; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--content .tags { gap: 8px; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--content .tags span { padding: 6px 12px; font-size: 13px; }

.title-text-section2 .tts--title h2 { font-size: 24px; }
.title-text-section2 .tts--title p { font-size: 14px; }
.title-text-section2 .content { flex-direction: column; }

.title-text-section2 .tts2-vertical-content .article { flex-direction: column; }
.title-text-section2 .tts2-vertical-content .article .text-box h4 { font-size: 20px; }
.title-text-section2 .tts2-vertical-content .article .text-box p { font-size: 14px; }

.grid-card-section .gcs--title h2 { font-size: 24px; }
.grid-card-section .gcs--content { grid-template-columns: 1fr 1fr; gap: 40px 8px; }
.grid-card-section .gcs--content p { font-size: 14px; }

.title-grid-section .subject-title p { font-size: 14px;}
.table-section .ts--title h2 { font-size: 24px; }
.table-section .ts--content table.table tr td { font-size: 13px; }
.title-grid-section .flex-item.fr4 .content { grid-template-columns: 1fr 1fr; gap: 8px; }

.map-section .ms--title h2 { font-size: 24px; }
.map-section .ms--text-content .cluster { height: 80px; }
.map-section .ms--text-content .cluster h5 { max-width: 80px; font-size: 14px; }
.map-section .ms--text-content .cluster p { font-size: 14px; }

footer .copyright { flex-direction: column; gap: 4px; }
footer .copyright span { display: block; text-align: center; }
