@charset "utf-8";
/* responsive.css — max-width breakpoints: 1280, 1024, 900, 640 */

@media (max-width: 1460px) {
	:root {
		--logo-height: clamp(28px, calc(40 / var(--inner) * 100vw), 40px);
	}
	/* header */


	/* main */
	.inquiry-panel__desc {margin-bottom: 0;}
	.inquiry-panel {grid-template-columns: 1fr;}

	/* footer */

	/* layout */

	/* doc */

	/* board */
}
@media (max-width: 1280px) {

	/* header */

	/* main */
	.business {--business-card-height: 340px;}
	.business__layout {grid-template-columns: 1fr;}
	.business__intro {height: auto;}
	.biz-card {min-height: auto;}
	.works {--works-visible-count: 3;}
	/* footer */

	/* layout */

	/* doc */
	.ceo-intro__figure {right: 130px; width: 27%;}
	.ceo-intro__col p br {display: none;}
	.history-item {grid-template-columns: 100px 20px minmax(0, 1fr);}
	.history-timeline__track {left: calc(100px + var(--space-48) + 9px); transform: none;}
	.real-cont .location-grid {grid-template-columns: 1fr;}
	.real-cont .location-grid__map {order: -1;}
	.work-card__overlay-row,
	.work-card__row {grid-template-columns: 55px 1fr;}
	.real-cont .location-info-list {flex-direction: row; gap: var(--space-32) 30px;}

	/* board */
	.board__table th, .board__table td {height: 60px;}
}

@media (max-width: 1024px) {
	/* header */

	/* main */
	.business {--business-card-height: 370px;}
	.business__layout {grid-template-columns: 1fr;}
	.business__intro {height: auto; max-height: none; min-height: 0; overflow: visible; justify-content: flex-start;}
	.business__intro .business__content {max-height: none;}
	.business__cards {grid-template-columns: repeat(2, minmax(0, 1fr)); height: auto; max-height: none; min-height: var(--business-card-height); overflow: visible;}
	.biz-card {min-height: var(--business-card-height);}
	.contact-split {grid-template-columns: 1fr 42%;}
	.works {--works-visible-count: 2;}
	.inquiry-panel {max-width: 100%;}
	.location-section .location-grid {grid-template-columns: 1fr;}
	.location-info-list {flex-direction: row; gap: var(--space-32) 30px;}
	.location-info-item__icon, .real-cont .location-info-item__icon {width: 60px; height: 60px;}
	.location-section .location-map, .location-section .location-map__embed {height: auto; min-height: auto;}
	.location-section .location-grid__map,
	.location-section .location-map__frame {min-height: clamp(270px, calc(450 / var(--inner) * 100vw), 450px);}

	/* footer */

	/* layout */

	/* doc */
	.ceo-intro__banner {padding: var(--space-100) var(--container-space)}
	.co-overview {grid-template-columns: 140px 1fr;}
	.co-overview__span {grid-column: 2 / -1;}
	.co-org__stack {min-width: auto;}
	.co-scroll-hint {display: block;}
	.cert-list {grid-template-columns: repeat(3, 1fr);}
	.real-cont .location-grid {grid-template-columns: 1fr; align-items: start;}
	.real-cont .location-map {display: block; flex: none; min-height: 0;}
	.real-cont .location-map__embed {display: block; flex: none;}
	.real-cont .location-map__frame {height: 320px; min-height: 320px; flex: none;}

	/* board */
	.input {height: 40px;}
	textarea.input {height: auto;}
	.board-search .search input.input {width: 240px;}
	.board-list colgroup col {width: auto !important;}
	.faq .q {flex: 0 0 32px; width: 32px; height: 32px;}
	.calendar-head .cal-btn {width: 40px; height: 40px;}
	.calendar table td {height: 110px;}
	.btn-pack.medium {height: 40px;}
	.btn-pack.large {min-width: 140px; height: 50px;}
	.news-list .thumb {width: 200px;}
	.product-list ul li {width: 25%;}
	.product-image {width: 350px;}
	.store-search .map-area {width: 280px;}
	.result-group .gall li {width: 25%;}
	.goods-photo {width: 45%;}
	.ongoing-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
	.board__search-input {width: 240px;}
	
	.board__table th, .board__table td, .board__title-link {font-size: var(--font-size-16);}
	.board__table th.board__col-num, .board__table td.board__col-num {width: 60px;}
	.board__table th.board__col-start, .board__table td.board__col-start, .board__table th.board__col-end, .board__table td.board__col-end,
	.board__table th.board__col-views, .board__table td.board__col-views,
	.board__table th.board__col-file, .board__table td.board__col-file {width: 80px;}
	.board__table.board__table--portfolio th.board__col-author, .board__table.board__table--portfolio td.board__col-author {width: 160px; min-width: 160px;}
	.board__table.board__table--portfolio th.board__col-start, .board__table.board__table--portfolio td.board__col-start, .board__table.board__table--portfolio th.board__col-end, .board__table.board__table--portfolio td.board__col-end {width: 124px;}
	.board__table th.board__col-date, .board__table td.board__col-date {width: 120px;}
	.board__table th.board__col-author, .board__table td.board__col-author {width: 90px;}

}

@media (max-width: 900px) {
	/* header */
	.nav-toggle {display: flex;}
	.site-nav-overlay {position: fixed; inset: 0; z-index: 100; margin: 0; padding: 0; border: 0; background: rgba(35, 24, 21, 0.52); cursor: pointer; appearance: none; -webkit-appearance: none}
	.site-nav-overlay.is-visible {display: block}
	.site-nav {position: fixed; top: var(--header-height); right: 0; z-index: 109; display: none; max-height: calc(100vh - var(--header-height)); max-height: calc(100dvh - var(--header-height)); width: 90vw; max-width: 360px; overflow-y: auto; -webkit-overflow-scrolling: touch; background: var(--color-white); border-bottom: 1px solid var(--color-border);}
	.site-nav.is-open {display: block;}
	.site-nav__list {flex-direction: column; align-items: stretch; gap: 0;}
	.site-nav__item {flex-direction: column; align-items: stretch; height: auto; border-bottom: 1px solid var(--color-border);}
	.site-nav__link {color: var(--color-text-title); padding: var(--space-16) var(--content-side) 10px;}
	.site-nav__sub {position: static; left: auto; min-width: 0; text-align: left; opacity: 1; visibility: visible; pointer-events: auto; transform: none; padding: 0 var(--content-side) var(--space-16);}
	.site-nav__sub::before {content: ""; display: block; width: 8px; height: 8px; background: var(--color-accent);}
	.site-nav__sub a {padding: 8px  var(--content-side) 8px calc(var(--content-side) + 12px);}
	.site-header__mega {display: none;}

	/* main */
	.hero__control {right: var(--container-space);}
	.contact-split {grid-template-columns: 1fr;}
	.contact-split__half--brochure {min-height: 300px;}
	.biz-card--center .biz-card__desc br {display: none;}
	.business {--business-card-height: 300px;}
	.brochure-panel {min-height: auto;}
	.location-info-list {flex-direction: column; }

	/* footer */

	/* layout */
	.only-desktop {display: none;}
	.only-tablet {display: block;}

	/* doc */
	.ceo-intro__figure {right: 0;}
	.ceo-intro__sign {right: 27%; bottom: 10px;}
	.real-cont .location-info-list {flex-direction: column;}

	/* board */
	.board__table th.board__col-num, .board__table td.board__col-num {width: 50px;}
	.board__table.board__table--portfolio th.board__col-author, .board__table.board__table--portfolio td.board__col-author {width: 140px; min-width: 140px;}
	.board__table.board__table--portfolio th.board__col-start, .board__table.board__table--portfolio td.board__col-start, .board__table.board__table--portfolio th.board__col-end, .board__table.board__table--portfolio td.board__col-end {width: 118px;}
	.board__table th.board__col-start, .board__table td.board__col-start, .board__table th.board__col-end, .board__table td.board__col-end, .board__table th.board__col-views, .board__table td.board__col-views, .board__table th.board__col-file, .board__table td.board__col-file {width: 60px;}
	.portfolio-gallery__list {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.work-card__overlay-row, .work-card__row {grid-template-columns: 50px 1fr;}
	.inquiry-board__label {width: 120px;}
	.gallery-list ul li {width: 33.33333333%;}
	.event-list ul li {width: 50%;}
	.store-search .map-area {display: none;}
	.store-search .search-area h3 {text-align: center;}
}

@media (max-width: 640px) {
	/* header */
	:root {--header-height: 64px;}

	/* layout */
	.sub-location__inner.contain {padding-left: 0; padding-right: 0}
	.sub-location__link {padding: 0 var(--space-16)}

	/* main */
	.hero__copy,
	.main-visual.hero .hero__copy {min-height: 180px;}
	.hero__control,
	.main-visual.hero .visual-func.hero__control {top: auto; right: calc(var(--content-side) + 30px); bottom: var(--space-32); flex-direction: row; align-items: center; transform: none;}
	.hero__control-track,
	.main-visual.hero .hero__control-track {width: 80px; height: 1px;}
	.hero__control-progress,
	.main-visual.hero .hero__control-progress.progress-bar {transform: scaleX(0); transform-origin: left;}
	.main-visual.hero .hero__control-progress.progress-bar.animated {animation-name: hero-slick-progress-x !important; animation-timing-function: linear !important; animation-fill-mode: forwards !important; animation-duration: var(--hero-slide-duration, 5s) !important; animation-iteration-count: 1 !important;}
	.hero__control-nav {flex-direction: row; margin-top: 0;}
	.hero__control-icon {transform: rotate(-90deg);}
	.business {--business-card-height: 220px;}
	.business__intro {height: auto; max-height: none; min-height: 0; overflow: visible; justify-content: flex-start;}
	.business__intro .business__content {max-height: none;}
	.business__cards {grid-template-columns: 1fr; min-height: 0; height: auto; max-height: none; overflow: visible;}
	.biz-card {min-height: var(--business-card-height);}
	a.biz-card--center .biz-card__desc {opacity: 1; visibility: visible; max-height: none; overflow: visible}
	a.biz-card--center .btn.btn--outline {margin-top: var(--space-40)}
	.biz-card--center .biz-card__desc br {display: block;}
	.inquiry-panel {grid-template-columns: 1fr; max-width: 100%;}
	.works {--works-visible-count: 1; --works-nav-size: 48px;}
	.works__nav img {width: 32px; height: 32px;}
	.location-section .location-map__frame {min-height: 240px;}
	.contact-split__half--brochure {min-height: 230px;}

	/* footer */
	.site-footer__top {flex-direction: column;}

	/* layout */
	.only-desktop-tablet {display: none;}
	.only-tablet {display: none;}
	.only-mobile {display: block;}
	.sub-visual {height: var(--sub-visual-height); min-height: var(--sub-visual-height);}
	.content-list ul li {width: 50%;}
	.temp-list ul li {width: 50%;}
	.sub-location__list .swiper-wrapper {width: max-content; min-width: 100%;}
	.sub-location__list .swiper-slide {flex: 1 1 auto; width: auto;}

	/* doc */
	.ceo-intro__banner {display: flex; flex-wrap: wrap; align-items: center; gap: 20px; min-height: 0; overflow: visible; padding-bottom: 0;}
	.ceo-intro__logo-bg {left: 50%; width: min(220px, 56vw); height: auto;}
	.ceo-intro__figure {position: relative; top: auto; bottom: auto; right: auto; width: min(340px, 55vw); height: auto; aspect-ratio: 340 / 462; overflow: hidden;}
	.ceo-intro__portrait {width: 100%; height: 100%; object-fit: cover; object-position: center top;}
	.ceo-intro__lead {max-width: none; width: 100%;}
	.ceo-intro__sign {position: static; left: auto;}
	.ceo-intro__columns {grid-template-columns: 1fr;}
	.co-block--surface {padding-left: 0; padding-right: 0;}
	.co-tabs {width: fit-content; max-width: 100%;}
	.co-tabs__btn {width: 180px; height: 44px; flex: 1;}
	.co-org__stack {min-width: 460px;}
	.co-overview {grid-template-columns: 1fr; border-top-width: 1px;}
	.co-overview dt {border-right: 0;}
	.co-overview__span {grid-column: auto;}
	.co-overview__list {grid-template-columns: 1fr;}
	.co-section--profile {padding-top: 0;}
	.history-timeline__track {left: 10px; transform: none;}
	.history-list {gap: 25px;}
	.history-item {grid-template-columns: 20px minmax(0, 1fr); gap: 10px 20px;}
	.history-item__year {grid-column: 2; justify-self: start; transform: translateY(12px);}
	.history-item.is-visible .history-item__year {transform: none;}
	.history-item__dot {grid-column: 1; grid-row: 1 / span 2;}
	.history-item__events {grid-column: 2;}
	.cert-list {grid-template-columns: repeat(2, 1fr);}
	.cert-modal__close {top: 16px; right: 16px;}
	.cert-modal__dialog {width: min(100%, 520px);}
	.cert-modal__nav {position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); width: 48px; height: 48px;}
	.cert-modal__nav--prev {left: -4px;}
	.cert-modal__nav--next {right: -4px;}
	.cert-modal__nav img {width: 14px; height: 19px;}
	.cert-modal__figure {width: min(100%, calc(100vw - 120px), calc((100vh - 240px) * 210 / 297));}
	.real-cont .location-map__frame {height: 280px; min-height: 280px;}

	/* board */
	.board__toolbar-left {justify-content: space-between;}
	.board__select {order: -1;}
	.input {height: 38px;}
	select.input {padding-right: 26px; background-position: right 8px center; background-size: 12px auto;}
	.board-search {display: flex; flex-direction: column;}
	.board-search .total-page {order: 3; float: none;}
	.board-search .cate {float: none; order: 1; margin-left: 0;}
	.board-search .cate .input {display: block; width: 100%;}
	.board-search .search {float: none; order: 2; display: flex;}
	.board-search .search .input {flex: 1 1 auto; min-width: 0; width: 1%;}
	.board-list {display: none;}
	.board-list-m {display: block;}
	.board__table-wrap {display: none;}
	.board__list-m {display: block;}
	.board__list-m-title {font-size: var(--font-size-15);}
	.board__list-m-info {font-size: var(--font-size-12);}
	.gallery-list ul li {width: 50%;}
	.news-list .thumb {width: 38%;}
	.news-list .tit {max-height: 2.8em; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.news-list .txt {max-height: 3em; -webkit-line-clamp: 2;}
	.news-list .date {display: none;}
	.event-list ul li {width: 100%;}
	.faq .tit a:after {display: none;}
	.faq .q {flex: 0 0 26px; width: 26px; height: 26px;}
	.calendar-head .cal-btn {width: 34px; height: 34px; background-size: 9px auto;}
	.calendar-head .cal-prev {background-image: url("/images/bbs/cal_prev_x2.png");}
	.calendar-head .cal-next {background-image: url("/images/bbs/cal_next_x2.png");}
	.calendar table td {height: 60px;}
	.calendar ul li {padding-left: 0;}
	.calendar ul li:before {display: none;}
	.board-white table {display: block; border-top: 0; border-bottom: 0;}
	.board-white table tbody {display: block;}
	.board-white table tr {display: block;}
	.board-white table th {display: block; border: 0; text-align: left; background: none;}
	.board-white table td {display: block; border: 0;}
	.board-white .editor {margin-top: -12px;}
	.board-white #user_name {max-width: 100% !important;}
	.board-form table tbody {display: block;}
	.board-form table tr {display: block;}
	.board-form table th {display: block; border: 0; text-align: left; background: none;}
	.board-form table td {display: block; border: 0;}
	.form-agree .scroll-box {max-height: 110px; overflow: auto;}
	.board-prev-next dt {width: 70px;}
	.btn-pack.small {height: 26px;}
	.btn-pack.medium {height: 38px;}
	.btn-pack.large {min-width: 120px; height: 42px;}
	.btn-pack.xlarge {min-width: 120px; height: 50px;}
	.btn-pack.comment {width: 80px; height: 32px;}
	.paginate a {width: 30px; height: 30px;}
	.paginate strong {width: 30px; height: 30px;}
	.comment-write {position: relative;}
	.comment-write .byte {position: absolute; bottom: 15px; left: 12px;}
	.comment-write .write {display: block;}
	.comment-write .write textarea {display: block; width: 100%; height: 65px;}
	.comment-write .write .btn {text-align: right;}
	.comment-item.comment-reply {padding-left: 25px; background-image: url("/images/bbs/icon_reply_x2.png"); background-position: 3px 18px; background-size: auto 13px;}
	.comment-input textarea {height: 48px;}
	.product-list ul li {width: 50%;}
	.product-summary {display: block;}
	.product-image {width: 100%;}
	.product-info {width: 100%;}
	.store-search {padding: 0;}
	.store-search .search-area dl {display: block;}
	.store-search .search-area dl dt {width: auto;}
	.store-search .search-area dl dd {width: auto;}
	.store-search .search-area input.input {width: calc(100% - 74px);}
	.store-search .search-area select.input {width: calc(50% - 39px);}
	.store-search .search-area .btn-pack.medium {width: 70px;}
	.result-group .gall li {width: 50%;}
	.login-tab {border-bottom-width: 2px;}
	.login-tab ul li {border-width: 2px; margin: 0 -1px;}
	.login-content .group .input {height: 48px;}
	.sns-login img {width: 44px;}
	.agree-wrap .agree-tit .checkbox label:before {background-image: url("../images/member/checkbox_x2.png"); background-size: 11px auto;}
	.agree-wrap .agree-tit .checkbox input:checked + label:before {background-image: url("../images/member/checkbox_on_x2.png");}
	.agree-wrap .agree-box {max-height: 130px;}
	.terms-wrap .policy-contact {display: block;}
	.terms-wrap .policy-contact dl {border-left: 0; border-top: 1px solid #e5e5e5;}
	.terms-wrap .policy-contact dl:first-child {border-top: 0;}
	.join-form table tbody {display: block;}
	.join-form table tr {display: block;}
	.join-form table th {display: block; border: 0; text-align: left; background: none;}
	.join-form table td {display: block; border: 0;}
	.join-form .help-text {display: block; clear: both;}
	.join-form #user_id {float: left; width: calc(100% - 90px) !important;}
	.join-form #user_id + .btn-pack {width: 90px; text-align: center;}
	.join-form #user_pw {width: 100% !important;}
	.join-form #user_pw2 {width: 100% !important;}
	.join-form #user_name {width: 100% !important;}
	.join-complete .icon {width: 110px; height: 110px; background-size: 48px;}
	.find-tab {border-bottom-width: 2px;}
	.find-tab ul li {border-width: 2px; margin: 0 -1px;}
	.find-content .group .input {height: 48px;}
	.member-leave .form .group .label-tt {width: 80px;}
	.goods-sort {position: relative; z-index: 10;}
	.goods-sort .sort {flex: 0 0 auto; width: auto; text-align: left; position: relative;}
	.goods-sort .sort .sort-name {display: flex; align-items: center; border: 1px solid #ddd; border-radius: 5px;}
	.goods-sort .sort .sort-name:after {content: ""; display: inline-block; vertical-align: top; transform: rotate(45deg); width: 6px; height: 6px; border-right: 1px solid #505050; border-bottom: 1px solid #505050;}
	.goods-sort .sort ul {display: none; position: absolute; right: 0; width: auto; background: #fff; border-radius: 5px; border: 1px solid #ddd;}
	.goods-sort .sort ul li {padding: 0;}
	.goods-sort .sort ul li:after {display: none;}
	.goods-sort .sort ul li a {display: block; white-space: nowrap;}
	.goods-sort .sort.active ul {display: block;}
	.goods-list ul li {width: 50%;}
	.goods-summary {display: block;}
	.goods-photo {width: 100%;}
	.goods-info {width: 100%;}
	.goods-info .table table tbody th {width: 85px;}
	.add-opt-select .select-input {height: 40px;}
	.add-opt-select .select-options {bottom: 39px;}
	.add-options {max-height: 230px; overflow: auto;}
	.cart-opt {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100;}
	.cart-opt .opt-toggle {position: absolute; top: -19px; left: 0; width: 100%; height: 19px; overflow: hidden; text-indent: -9999em; background: url("../images/shop/btn_view_cart_dropdonw.png") 50% 50% no-repeat; background-size: auto 100%;}
	.cart-opt .inner {display: none;}
	.cart-opt .btns.mobile-btn {display: block;}
	.cart-opt .table th {display: none;}
	.cart-opt .table td {border: 0 !important; padding: 0 !important;}
	.cart-opt.active .opt-toggle {display: block;}
	.cart-opt.active .inner {display: block;}
	.cart-opt.active .btns.mobile-btn {display: none;}
	.relatied-goods {overflow: hidden;}
	.relatied-goods .goods-list {overflow: inherit;}
	.relatied-goods .slick-list {overflow: visible;}
	.shop-table ul li {flex-wrap: wrap; position: relative;}
	.shop-table .order-check {width: 35px; order: 1;}
	.shop-table .order-image {position: relative; width: 45px; height: 45px; overflow: hidden; order: 2;}
	.shop-table .order-image img {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: auto !important; max-width: 100%; min-height: 100%; object-fit: cover;}
	.shop-table .order-title {flex: 0 0 auto; width: calc(100% - 110px); order: 3;}
	.shop-table .order-delete {position: absolute; top: 15px; right: 5px;}
	.shop-table .order-price {order: 4; width: auto; text-align: left;}
	.shop-table .order-quantity {order: 5; width: auto; display: flex;}
	.shop-table .order-quantity .input {width: 60px; height: 26px;}
	.shop-table .order-qnt {order: 3; width: auto; text-align: left;}
	.shop-table .order-image + .order-title + .order-price {margin-left: 60px;}
	.shop-table .order-check + .order-image + .order-title + .order-quantity + .order-price {margin-left: 95px;}
	.shop-table .order-check + .order-image + .order-title + .order-quantity {margin-left: 95px;}
	.shop-table .order-btn {order: 10; display: flex; align-items: center; text-align: left; width: calc(100% - 60px);}
	.shop-table .order-btn p {width: calc(25% - 4px) !important;}
	.shop-table .order-btn .btn-pack {width: calc(25% - 4px) !important;}
	.total-price h3 {display: none;}
	.total-price ul {width: 100%;}
	.order-info-table colgroup col:nth-child(1) {width: 100px !important;}
	.order-info-table #orderName {width: 100% !important;}
	.order-info-table #shipName {width: 100% !important;}
	.order-info-table #bankType {width: 100% !important;}
	.order-info-table #bankName {width: 100% !important;}
	.order-info-table #bankDate {width: 100% !important;}
	.order-info-table #orderPhone1 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #orderPhone2 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #orderPhone3 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #orderMobile1 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #orderMobile2 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #orderMobile3 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #shipPhone1 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #shipPhone2 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #shipPhone3 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #shipMobile1 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #shipMobile2 {width: calc(33.33333333% - 7px) !important;}
	.order-info-table #shipMobile3 {width: calc(33.33333333% - 7px) !important;}
	.order-complete .item {display: block;}
	.order-date .bar {display: block; width: 100%; height: 0; overflow: hidden; text-indent: -999em;}
	.ongoing-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.work-card--overlay:hover {box-shadow: 0 4px 16px rgba(35, 24, 21, 0.08)}
	.work-card--overlay .work-card__media {aspect-ratio: auto; overflow: visible; display: flex; flex-direction: column; background: transparent}
	.work-card--overlay .work-card__image {aspect-ratio: 4 / 3; width: 100%; height: auto}
	.work-card--overlay .work-card__overlay {position: static; inset: auto; z-index: auto; opacity: 1; visibility: visible; align-items: flex-start; gap: var(--space-12); padding: var(--space-24); background: var(--color-white, #ffffff)}
	.work-card--overlay:hover .work-card__overlay,
	.work-card--overlay:focus-within .work-card__overlay,
	.work-card--overlay:focus-visible .work-card__overlay {opacity: 1; background: var(--color-white, #ffffff)}
	.work-card--overlay .work-card__overlay-title {color: var(--color-text-title, #242424); text-align: left}
	.work-card--overlay .work-card__overlay-meta {max-width: none; width: 100%}
	.work-card--overlay .work-card__overlay-row dt {color: var(--color-text-body, #454545)}
	.work-card--overlay .work-card__overlay-row dd {color: var(--color-text-muted, #808080)}
	.board__toolbar {flex-direction: column; align-items: stretch;}
	.board__search {width: 100%;}
	.board__search-input {flex: 1; width: auto;}
	.board__pages {flex-wrap: wrap; justify-content: center;}
	.inquiry-board__row {flex-direction: column; align-items: stretch; padding-right: 0;}
	.inquiry-board__label {width: 100%; min-height: 48px; border-right: none; border-bottom: 1px solid var(--color-border, #ddd); justify-content: flex-start;}
	.inquiry-board__row--content .inquiry-board__label {min-height: 48px;}
	.inquiry-board__textarea {height: 220px; min-height: 220px;}
	.inquiry-board__control--file .inquiry-board__input {width: 100%; flex: 1 1 100%;}
	.inquiry-board__control--captcha {flex-wrap: wrap;}
	.inquiry-board__submit {width: 100%; max-width: 260px;}
	.work-view__info-row {grid-template-columns: 1fr;}
	.input.datepicker {background-image: url("../images/bbs/datepicker_icon_x2.png"); background-size: 22px auto;}
	.ui-datepicker-prev {background-size: 8px auto; background-image: url("../images/bbs/datepicker_prev_x2.png");}
	.ui-datepicker-next {background-size: 8px auto; background-image: url("../images/bbs/datepicker_next_x2.png");}
	.ui-datepicker-trigger {width: 38px; height: 38px;}
	.inquiry-board__control {padding-top: 0;}
	.inquiry-board__label, .inquiry-board__row--content .inquiry-board__label {border-bottom: 0; min-height: auto; padding-top: var(--space-16);}
}