@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- common

▼ カタログ扉
- select_sec

▼ オンラインカタログ 完了画面
- catalog_bnr
-------------------------*/
/*=======================================
　common
=======================================*/
#contents {
  margin-bottom: 200px;
}

@media screen and (max-width: 768px) {
  #contents {
    margin-bottom: 100px;
  }
}
/* カタログ扉
--------------------------------------------------------- */
/*=======================================
　select_sec
=======================================*/
.select_sec .inner .cmn_ttl04 {
  margin-bottom: 45px;
}
.select_sec .inner .select_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 94px;
  max-width: 894px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .select_sec .inner .select_wrap {
    gap: 50px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.select_sec .inner .select_wrap .select_item {
  width: 44.74%;
}
@media screen and (max-width: 768px) {
  .select_sec .inner .select_wrap .select_item {
    width: 100%;
  }
}
.select_sec .inner .select_wrap .select_item .cmn_img_hov {
  margin-bottom: 17px;
}
@media screen and (max-width: 768px) {
  .select_sec .inner .select_wrap .select_item .cmn_img_hov {
    margin-bottom: 15px;
  }
}
.select_sec .inner .select_wrap .select_item .select_ttl {
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 9px;
}

/* オンラインカタログ 完了画面
--------------------------------------------------------- */
/*=======================================
　catalog_bnr
=======================================*/
.catalog_bnr {
  max-width: 750px;
  width: 90%;
  margin: 0 auto;
}
.catalog_bnr a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #b8b8b8;
  padding: 29px 30px 23px;
  gap: 0 77px;
}
@media screen and (max-width: 768px) {
  .catalog_bnr a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 43px 0;
    padding: 40px 15px;
  }
}
.catalog_bnr a .ttl_area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .catalog_bnr a .ttl_area .cmn_ttl04 {
    text-align: center;
  }
}
.catalog_bnr a .img_area {
  width: 48.344%;
}
@media screen and (max-width: 768px) {
  .catalog_bnr a .img_area {
    width: 100%;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .catalog_bnr a:hover {
    opacity: 1;
    background: var(--sub_black01);
  }
  .catalog_bnr a:hover .ttl_area .cmn_ttl04 {
    color: var(--sub_gray02);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .catalog_bnr a:hover {
    opacity: 1;
    background: var(--sub_black01);
  }
  .catalog_bnr a:hover .ttl_area .cmn_ttl04 {
    color: var(--sub_gray02);
  }
}/*# sourceMappingURL=catalog.css.map */