@charset "UTF-8";
/* font
----------------------------------------------*/
@font-face {
  font-family: "lineseed";
  src: url("/-/media/372801EA39384202A3D39234616740B5.ashx") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "lineseed";
  src: url("/-/media/227DFF88C5FC46ABA4F47DB7737885F9.ashx") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "lineseed";
  src: url("/-/media/13E9661B331F44E887ADE46A0806A9C4.ashx") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "lineseed";
  src: url("/-/media/6D7DD8DA0A28435BB664C15A8232456D.ashx") format("woff");
  font-weight: 900;
  font-style: normal;
}
/*----------------------------------------------
 トップページ
----------------------------------------------*/
.ac_large-contents.ac_swap-contents,
body,
button,
input[type=text],
input[type=password],
textarea,
select {
  font-family: "Noto Sans JP", sans-serif;
}

.showroom-wrap {
  position: relative;
}

.kv {
  margin-bottom: 60px;
  background: center center no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/showroom/assets/images/kv_bg jpg");
  background-size: 100% auto;
}
@media (max-width: 1440px) {
  .kv {
    background-size: auto 100%;
  }
}
@media (max-width: 768px) {
  .kv {
    margin-bottom: 30px;
  }
}
.kv img {
  margin: 0 auto;
  display: block;
  max-width: 1070px;
  width: 100%;
}

.filter__inner {
  margin: 0 auto 35px;
  max-width: 1216px;
  width: 100%;
}
.filter__inner + .filter__inner {
  margin-top: 30px;
}
.filter__head {
  text-align: center;
  margin-bottom: 24px;
}
.filter__head h2 {
  color: #111;
  text-align: center;
  font-size: clamp(20px, 3.5vw, 35px);
  font-weight: 500;
}
.filter__head h2 span {
  font-size: clamp(14px, 3.5vw, 25px);
}
.filter__areas {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1px;
}
@media (max-width: 768px) {
  .filter__areas {
    margin-bottom: 20px;
  }
}

.bt_area input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.bt_area {
  position: relative;
  display: inline-block;
  cursor: pointer;
  flex: 1;
}
@media (max-width: 768px) {
  .bt_area {
    flex: 0 0 calc(50% - 1px);
  }
}
.bt_area span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  height: 100%;
  padding: 25px 20px 27px;
  color: #FFF;
  text-align: center;
  font-size: clamp(14px, 2vw, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: linear-gradient(90deg, #4C4743 0%, #323232 100%);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.bt_area span::before {
  display: inline-block;
  content: "";
  top: 0;
  left: 0;
  width: 20px;
  height: 18px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/showroom/assets/images/icon_checkbox png");
  background-size: 100% auto;
}
.bt_area input:checked + span {
  background: linear-gradient(90deg, #B6966A 0%, #86694C 100%);
}
.bt_area input:checked + span::before {
  background: 0 bottom no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/showroom/assets/images/icon_checkbox png");
  background-size: 100% auto;
}
.bt_area input:focus-visible + span {
  outline: 3px solid rgba(18, 150, 219, 0.35);
  outline-offset: 2px;
}

.filter_result {
  margin-bottom: 26px;
  text-align: center;
}
.filter_result-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 10px 16px;
  width: 100%;
  max-width: 312px;
  border: none;
  background: linear-gradient(90deg, #6A2811 0%, #A14520 100%);
  color: #fff;
  font-size: clamp(18px, 3.2vw, 20px);
  line-height: 1;
  cursor: pointer;
  transition: all 0.15s ease;
}
@media (max-width: 768px) {
  .filter_result-button {
    max-width: 100%;
  }
}
.filter_result-button:hover {
  filter: brightness(1.2);
}
.filter_result-button:focus-visible {
  outline: 3px solid rgba(0, 0, 0, 0.2);
  outline-offset: 4px;
}
.filter_result-button--disabled {
  pointer-events: none;
  cursor: not-allowed;
  background: #bdbdbd;
}
.filter_result-button__text {
  white-space: nowrap;
}
.filter_result-button__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 58px;
  padding: 2px 8px 4px;
  color: #fff;
  font-size: clamp(14px, 1.5vw, 15px);
  font-weight: 500;
  border-radius: 5px;
  font-style: normal;
  border: 1px solid #fff;
  font-family: "Zen Kaku Gothic New";
}

.select_all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.select_all-button {
  border: none;
  background: none;
  text-align: center;
  font-size: clamp(14px, 2.5vw, 16px);
  cursor: pointer;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.select_all-button:hover {
  color: #6A2811;
  transition: all 0.15s ease;
}

.result {
  padding: 100px 0;
  background-color: #FBF9F8;
}
@media (max-width: 768px) {
  .result {
    padding: 40px 0 1px;
  }
}
.result_inner {
  margin: auto;
  max-width: 1216px;
  width: 100%;
}
@media (max-width: 1216px) {
  .result_inner {
    padding: 0 15px;
  }
}
.result a:hover {
  text-decoration: none;
}

.area {
  margin-bottom: 100px;
}
.area_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #000;
  text-align: center;
  font-size: clamp(28px, 5vw, 50px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  gap: 18px;
}
.area_title .number {
  margin-top: 7px;
  padding: 6px 12px 12px;
  color: #fff;
  background-color: #000;
  text-align: center;
  font-family: "Zen Kaku Gothic New";
  font-size: clamp(24px, 4vw, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: 0.8;
  border-radius: 2px;
}
.area_title .unit {
  padding-left: 3px;
  font-size: clamp(14px, 4vw, 24px);
}
.area .prefecture {
  margin-bottom: 60px;
}
.area .prefecture_title {
  margin-bottom: 35px;
  font-size: clamp(20px, 2.5vw, 25px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 768px) {
  .area .prefecture_title {
    margin-bottom: 20px;
  }
}

.card_grid {
  display: flex;
  flex-wrap: wrap;
  max-width: 1216px;
  width: 100%;
  gap: 36px 34px;
}
.card_grid .card {
  width: calc(33.3333333333% - 23px);
  height: auto;
  background-color: #fff;
  padding: 20px 15px 10px 15px;
  box-shadow: 0 0 10px rgba(62, 29, 0, 0.2);
  max-width: 382.666666667px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card_grid .card:hover {
  transform: scale(1.02);
  box-shadow: 0 0 10px rgba(62, 29, 0, 0.3);
}
@media (max-width: 768px) {
  .card_grid .card {
    width: 100%;
  }
}
.card_grid .card_city {
  background: #4F4945;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.card_grid .card_company_name {
  margin-bottom: 16px;
  font-size: clamp(18px, 2vw, 20px);
  line-height: 1.3;
}
.card_grid .card_thumbnail img {
  margin-bottom: 10px;
  width: 100%;
  height: auto;
}
.card_grid .card_about {
  margin-bottom: 12px;
  font-size: clamp(14px, 2.5vw, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.products_title {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.products_title::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #777;
}
.products_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  padding: 4px 0;
}
.products_list li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 4px 5px 4px 8px;
  font-size: clamp(12px, 1.5vw, 14px);
  background: #F3F1EF;
}
.products_list .num {
  display: block;
  padding: 0 5px 1px 5px;
  text-align: center;
  min-width: 33px;
  color: #fff;
  border-radius: 2px;
  background: #B5B3B1;
  font-size: 12px;
}
.products_list .ra {
  background: #E0EEF7;
}
.products_list .ra .num {
  background: #99B5C7;
}
.products_list .ca {
  background: #EAF3F1;
}
.products_list .ca .num {
  background: #A8BFBA;
}

.return_filter {
  position: fixed;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  right: 10px;
  bottom: 200px;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #A14520 13.86%, #6A2811 86.32%);
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  gap: 8px;
  z-index: 10;
}
@media (max-width: 768px) {
  .return_filter {
    gap: 0;
    bottom: 134px;
    width: 60px;
    height: 60px;
    font-size: 12px;
  }
}
.return_filter:hover {
  text-decoration: none !important;
  filter: brightness(1.2);
}
.return_filter:active, .return_filter:visited, .return_filter:focus {
  color: #fff;
}
.return_filter img {
  max-width: 35px;
  width: 100%;
}
@media (max-width: 768px) {
  .return_filter img {
    max-width: 25px;
  }
}

/*----------------------------------------------
 モーダル
----------------------------------------------*/
.modal_content {
  margin: auto;
  padding: 50px 0;
  max-width: 1216px;
  width: 100%;
}
.modal_content h2 {
  margin-bottom: 35px;
  text-align: center;
  font-size: clamp(20px, 2.5vw, 25px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.modal_content h3 {
  margin-bottom: 35px;
  text-align: center;
  font-size: clamp(20px, 2.5vw, 25px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 768px) {
  .modal_content h3 {
    margin-bottom: 20px;
  }
}
.modal_content h3 span {
  display: block;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.modal_content .company {
  width: 100%;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .modal_content .company {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.modal_content .company_detail {
  display: grid;
  gap: 0 50px;
  align-items: start;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "profile thumbnail";
  background: center center no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/assets/images/202605/img_showroom_bg png");
  background-size: 100% 100%;
}
@media (max-width: 768px) {
  .modal_content .company_detail {
    padding: 0 0 0 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "profile" "thumbnail";
  }
}
.modal_content .company_detail.-p2 {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
  grid-template-areas: "thumbnail" "profile";
}
@media (max-width: 768px) {
  .modal_content .company_detail.-p2 {
    grid-template-areas: "profile" "thumbnail";
  }
}
.modal_content .company_detail.-p2 .company_thumbnail {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  margin-bottom: 4px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .modal_content .company_detail.-p2 .company_thumbnail {
    flex-direction: column;
    gap: 0;
    margin-bottom: 0;
  }
}
.modal_content .company_detail.-p2 .company_thumbnail img {
  margin-bottom: 4px;
  width: calc(50% - 2px);
}
@media (max-width: 768px) {
  .modal_content .company_detail.-p2 .company_thumbnail img {
    width: 100%;
  }
}
.modal_content .company_detail.-p2 .company_profile {
  padding: 30px;
}
@media (max-width: 768px) {
  .modal_content .company_detail.-p2 .company_profile {
    padding: 15px 15px 0 15px;
    background: transparent;
  }
}
.modal_content .company_detail.-p2 .company_head {
  margin-top: 0;
}
.modal_content .company_detail.-p2 .company_cv {
  margin-left: auto;
  margin-right: auto;
  max-width: 406px;
}
.modal_content .company_head {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .modal_content .company_head {
    margin-top: 0;
  }
}
.modal_content .company_head .city {
  background: #4F4945;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 15px;
}
.modal_content .company_head_name {
  font-size: clamp(20px, 2.5vw, 25px);
  line-height: 1.3;
  margin-bottom: 20px;
}
.modal_content .company_head_text {
  margin-bottom: 20px;
  font-size: clamp(14px, 2.5vw, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.modal_content .company_profile {
  grid-area: profile;
  align-items: start;
  padding-left: 35px;
}
@media (max-width: 768px) {
  .modal_content .company_profile {
    padding: 15px 15px 0 15px;
  }
}
.modal_content .company_profile .address,
.modal_content .company_profile .tel,
.modal_content .company_profile .hours {
  display: flex;
  position: relative;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 16px;
}
.modal_content .company_profile .address::before {
  content: "";
  width: 22px;
  height: 22px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/showroom/assets/images/icon_location png");
  background-size: 100% auto;
}
.modal_content .company_profile .address a {
  display: flex;
  align-items: center;
  gap: 4px;
}
.modal_content .company_profile .address a::before {
  content: "";
  width: 16px;
  height: 16px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/showroom/assets/images/icon_link png");
  background-size: 100% auto;
}
.modal_content .company_profile .address a::after {
  content: "";
  width: 16px;
  height: 16px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/showroom/assets/images/icon_ex png");
  background-size: 100% auto;
}
.modal_content .company_profile .tel::before {
  content: "";
  width: 22px;
  height: 22px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/showroom/assets/images/icon_tel png");
  background-size: 100% auto;
}
.modal_content .company_profile .hours {
  margin-bottom: 30px;
}
.modal_content .company_profile .hours::before {
  content: "";
  width: 22px;
  height: 22px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/showroom/assets/images/icon_hours png");
  background-size: 100% auto;
}
.modal_content .company_cv {
  margin-bottom: 15px;
}
.modal_content .company_cv .link_cv {
  max-width: 100%;
}
.modal_content .company_thumbnail {
  grid-area: thumbnail;
  width: 100%;
  max-width: 1216px;
  margin: auto;
}
.modal_content .company_thumbnail img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.modal_content .exhibited {
  margin-bottom: 60px;
}
.modal_content .exhibited_box {
  padding: 0;
}
.modal_content .exhibited_box h2 {
  margin-bottom: 10px;
}
.modal_content .exhibited_box .products_list {
  justify-content: center;
}
.modal_content .exhibited.heralbony {
  text-align: center;
}
.modal_content .exhibited.heralbony img {
  display: block;
  margin: 0 auto;
  max-width: 154px;
  height: auto;
}
.modal_content .link_cv {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 14px 10px 16px;
  width: 100%;
  max-width: 406px;
  border: none;
  background: linear-gradient(90deg, #6A2811 0%, #A14520 100%);
  color: #fff;
  font-size: clamp(18px, 3.2vw, 20px);
  line-height: 1;
  cursor: pointer;
  transition: all 0.15s ease;
}
.modal_content .link_cv::after {
  content: "";
  width: 22px;
  height: 22px;
  background: 0 2px no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/theartline/showroom/assets/images/icon_ex_w png");
  background-size: 100% auto;
}
.modal_content .link_cv:hover {
  filter: brightness(1.2);
  text-decoration: none;
}
.modal_content .link_cv:focus-visible {
  outline: 3px solid rgba(0, 0, 0, 0.2);
  outline-offset: 4px;
}
.modal_content .tal-design-nature {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
}
@media (max-width: 768px) {
  .modal_content .tal-design-nature {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.modal_content .tal-design-nature .tal-design__box .tal-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 768px) {
  .modal_content .tal-design-nature .tal-design__box .tal-panel {
    margin-bottom: 40px;
    gap: 10px;
  }
  .modal_content .tal-design-nature .tal-design__box .tal-panel li {
    width: auto;
    max-width: 145px;
  }
}
.modal_content .tal-design-nature .tal-design__box .tal-panel:last-child {
  margin-bottom: 0;
}
.modal_content .tal-design-blend {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  text-align: center;
}
.modal_content .tal-design-blend .tal-color-ttl {
  text-align: center;
}
.modal_content .tal-design-blend__box {
  width: 50%;
  max-width: 370px;
}
@media (max-width: 768px) {
  .modal_content .tal-design-blend__box {
    width: 100%;
    max-width: 100%;
  }
}
.modal_content .tal-design .tal-color-ttl {
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.modal_content .tal-design .tal-color-ttl--en {
  display: block;
  font-size: clamp(18px, 2.5vw, 22px);
}
.modal_content .tal-design .tal-color-ttl--jp {
  display: block;
  font-size: 10px;
}
.modal_content .tal-design.ra img {
  width: 100%;
  max-width: 210px;
  height: auto;
  padding-bottom: 10px;
  aspect-ratio: 210/82;
}
@media (max-width: 768px) {
  .modal_content .tal-design.ra img {
    padding-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .modal_content .tal-design.ra li {
    margin-bottom: 10px;
    width: calc(50% - 10px);
    max-width: 165px;
  }
}
.modal_content .tal-design.ca {
  margin-top: 50px;
}
.modal_content .tal-design.ca img {
  width: 100%;
  max-width: 130px;
  height: auto;
  padding-bottom: 20px;
  aspect-ratio: 130/280;
}
@media (max-width: 768px) {
  .modal_content .tal-design.ca img {
    padding-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .modal_content .tal-design.ca .tal-panel {
    margin: auto;
    max-width: 204px;
    gap: 20px;
  }
  .modal_content .tal-design.ca li {
    margin-bottom: 10px;
    width: calc(50% - 10px);
    max-width: 100px;
  }
}
.modal_content .tal-visual {
  display: block;
  margin: 0 auto;
  margin-bottom: 28px;
}
.modal_content .tal-panel {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  text-align: center;
  font-size: clamp(14px, 2vw, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 768px) {
  .modal_content .tal-panel {
    gap: 10px;
    align-items: start;
  }
}
.modal_content .tal-panel--col2 {
  flex-wrap: wrap;
  gap: 20px 10px;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .modal_content .tal-panel--col2 {
    gap: 10px;
  }
}
.modal_content .tal-panel--col2 li {
  width: 50%;
  max-width: 180px;
}
.modal_content .tal-panel--col2 li p {
  font-size: clamp(12px, 2.5vw, 14px);
}
@media (max-width: 768px) {
  .modal_content .tal-panel--col2 li img {
    aspect-ratio: 10/2.5 !important;
  }
}

/* fancybox override */
.f-html {
  max-width: 1000px;
  width: 100%;
  padding: 0 0 50px 0;
}
@media (max-width: 768px) {
  .f-html {
    width: 95%;
    padding: 20px 15px;
  }
}
.f-html .exhibited_box {
  padding-right: 35px;
}
@media (max-width: 768px) {
  .f-html .exhibited_box {
    padding-right: 0;
  }
}
.f-html:has(.-p2) {
  padding: 0 0 50px 0;
}
.f-html:has(.-p2) .exhibited_box {
  padding: 0 35px 50px;
}
@media (max-width: 768px) {
  .f-html:has(.-p2) .exhibited_box {
    padding: 0 15px;
  }
}

.fancybox__viewport.is-draggable {
  cursor: default;
}

.f-button.is-close-button {
  top: calc((var(--f-button-height) - 11px) * -1);
  right: -15px;
  background-color: #3F3F3F;
  border-radius: 50%;
  width: 34px;
  height: 34px;
}
@media (max-width: 1040px) {
  .f-button.is-close-button {
    right: -5px;
  }
}
@media (max-width: 768px) {
  .f-button.is-close-button {
    top: calc((var(--f-button-height) - 15px) * -1);
    right: -10px;
  }
}
.f-button.is-close-button png {
  width: 14px;
  height: 14px;
  color: #fff;
}
.f-button.is-close-button:hover {
  background-color: #3F3F3F;
  filter: brightness(1.2);
}
/*# sourceMappingURL=cms.css.map */