@charset "UTF-8";
/*==============================
/***  共通パーツ  ***/
/*=============================*/
/* ページャー */
.pager {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5em 14px;
}

.prevItem, .nextItem {
  width: 100%;
  display: flex;
  justify-content: center;
}

.page-numbers {
  text-decoration: none;
  width: 37px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #CCCCCC;
  border-radius: 4.222px;
  color: #4D4D4D;
}
.page-numbers.current {
  background: #F2F2F2;
}
.page-numbers.next, .page-numbers.prev {
  width: 76px;
  aspect-ratio: 76/37;
}
.page-numbers.next {
  background: #F15A24;
  border: 1px solid #F15A24;
  color: #fff;
  margin-left: 0;
}
.page-numbers.prev {
  background: #F2F2F2;
  margin-right: 0;
}

.pager_s {
  display: flex;
  justify-content: space-between;
  gap: 2em 3em;
}

.pager_s__prev > a, .pager_s__next > a {
  text-decoration: none;
  display: block;
  transition: all 0.3s ease;
}
.pager_s__prev > a:hover, .pager_s__next > a:hover {
  opacity: 1;
}

.pager_s__prev {
  width: 40%;
}

.pager_s__next {
  width: 40%;
  text-align: right;
}

.pager_s__label {
  display: block;
  font-size: 23px;
  font-weight: bold;
  color: #F15A24;
}

.pager_s__title {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  margin-top: 0.5em;
}

.cateRound, .cateRound--large {
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  color: #666666;
  border-radius: 12.54px;
  background: #E6E6E6;
  padding-block: 3px;
  padding-inline: 18px;
}
.cateRound:hover, .cateRound--large:hover {
  color: #666666;
}
.cateRound--large {
  font-size: 14px;
  padding-block: 1.5px;
  padding-inline: 24px;
}

.cateRoundOrange {
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  line-height: 1.92;
  color: #fff;
  background: var(--secoundary-color);
  border-radius: 14.5px;
  padding-block: 2px 4px;
  padding-inline: 18px;
}
.cateRoundOrange:hover {
  color: #fff;
}

.caseTypeCate, .caseTypeCate--large {
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  color: #FB961D;
}
.caseTypeCate:hover, .caseTypeCate--large:hover {
  opacity: 1;
  color: #FB961D;
}
.caseTypeCate::before, .caseTypeCate--large::before {
  content: "#";
  display: inline-block;
  margin-right: 4px;
}
.caseTypeCate--large {
  font-size: 14px;
  color: #F15A24;
}
.caseTypeCate--large:hover {
  opacity: 1;
  color: #F15A24;
}

/*==============================
/***  メインコンテンツ  ***/
/*=============================*/
/* 施工事例一覧 */
.case .sub01 {
  position: relative;
  z-index: 1;
}
.case .sub01 #sub01 {
  padding-top: 0;
}
.case .sub02 #sub02 {
  padding-top: 0;
}

.cateAcc.is-open .cateAcc__btn::after {
  transform: rotate(0deg);
}
.cateAcc.is-open .cateAcc__body {
  grid-template-rows: 1fr;
}

.cateAcc__btn {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border: 2px solid #F15A24;
  border-radius: 27.219px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #F15A24;
  cursor: pointer;
  padding-inline: 52px 39px;
  padding-block: 17px 15px;
}
.cateAcc__btn::after {
  content: "";
  display: inline-block;
  width: 7.4px;
  aspect-ratio: 7.4/6.4;
  background: url("../img/common/icon_triangle_orange.svg") center/contain no-repeat;
  transform-origin: center;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}
.cateAcc__btn.type::before {
  content: "";
  display: inline-block;
  width: 16.9px;
  aspect-ratio: 16.9/18.4;
  background: url("../img/common/icon_kouji_red.svg") no-repeat center/contain;
  transform: translateY(-2px);
}
.cateAcc__btn.area {
  padding-block: 15px 13px;
}
.cateAcc__btn.area::before {
  content: "";
  display: inline-block;
  width: 22.3px;
  aspect-ratio: 1/1;
  background: url("../img/common/icon_map_paper_orange.svg") no-repeat center/contain;
  transform: translateY(-3px);
}

.cateAcc__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.3s ease-in-out;
}

.cateAcc__hidden {
  overflow: hidden;
}

.cateAcc__contents {
  background: #F2F2F2;
  border-radius: 13.788px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em 12px;
  padding-block: 20px;
  padding-inline: 20px;
}
.cateAcc__contents > a {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #E6E6E6;
  border-radius: 18.786px;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  padding-block: 3px;
  padding-inline: 22px;
}
.cateAcc__contents.area > a {
  padding-inline: 25px;
}

.case__cols {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(284.3px, 1fr));
  gap: 34px 1em;
  position: relative;
  z-index: 1;
}
.case__cols:not(:has(.case__item:nth-child(3))) {
  grid-template-columns: repeat(auto-fit, minmax(284.3px, 1fr));
}
.case__cols:has(.no-item:first-child) {
  grid-template-columns: 1fr;
}

.case__link {
  text-decoration: none;
  border: 1px solid var(--border-color2);
  border-radius: 22.467px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.case__link:hover .case__itemImg > img {
  transform: unset;
}

.case__itemHead {
  flex: 1;
  padding-block: 9px 5px;
  padding-inline: 8px;
}

.case__itemImg {
  border-radius: 14px;
  width: 100%;
  aspect-ratio: 268.4/185;
  overflow: hidden;
}
.case__itemImg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.case__texts {
  width: 90%;
  margin-inline: auto;
}

.case__typeCates {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em 27px;
}

.case__foot {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding-block: 15px 13px;
  padding-inline: 5px;
  border-bottom-left-radius: 22.467px;
  border-bottom-right-radius: 22.467px;
}

.case__price {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 28px;
  line-height: 1;
}
.case__price > span:nth-child(1) {
  font-size: 0.46em;
}
.case__price > span:nth-child(2) {
  margin-inline: 11px 6px;
}
.case__price > span:nth-child(3) {
  font-size: 0.45em;
}
.case__price > span:nth-child(4) {
  font-size: 0.37em;
}
.case__price .case__noPrice {
  font-size: 16px;
}

/* 施工事例詳細 */
.case_s .sub01 #sub01 {
  position: relative;
  z-index: 1;
  padding-top: 0;
}

.case_s__head {
  max-width: 1088px;
  width: 100%;
  margin-inline: auto;
  border: 6px solid var(--border-color);
  border-radius: 31.32px;
  padding-block: 26px;
  padding-inline: 16px;
}

.case_s__header {
  padding-bottom: 25px;
  padding-inline: 11px;
}

.case_s__cateBox {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.5em 26px;
}

.case_s__typeCates {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em 20px;
}

.case_s__body {
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: 0.5em 105px;
  padding-top: 18px;
  padding-inline: 11px;
}

.case_s__itemList {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: flex-end;
  gap: 0.5em 1em;
}

.case_s__price {
  display: flex;
  align-items: flex-end;
  font-size: 32px;
  line-height: 1;
}
.case_s__price > span:nth-child(2) {
  font-size: 0.375em;
  margin-left: 16px;
  padding-bottom: 3px;
}
.case_s__price .case_s__noPrice {
  font-size: 22px;
  padding-bottom: 2px;
}

.case_s__inner {
  max-width: 978px;
  width: 100%;
  margin-inline: auto;
}

.case_s__compare {
  border-bottom: 1px solid var(--border-color2);
}

.case_s__compareCols {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em 47px;
}

.case_s__compareTitle {
  display: flex;
  align-items: flex-end;
  gap: 15px;
  font-size: 34px;
  line-height: 1;
  padding-inline: 5px;
}
.case_s__compareTitle > span:nth-child(2) {
  font-size: 0.47em;
}

.case_s__compareImg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 469/323;
  border-radius: 21.321px;
}
.case_s__compareImg > img {
  width: auto;
  height: 100%;
}

.case_s__compareText {
  padding-inline: 13px;
}

.case_s__contents > p {
  font-size: 15px;
  line-height: 1.87;
  color: #000;
  padding-top: 38px;
}
.case_s__contents > p:first-child {
  padding-top: 0;
}

.case_s__pager {
  border-top: 1px solid var(--border-color2);
  border-bottom: 1px solid var(--border-color2);
}

.case_s__recommendList {
  display: flex;
  flex-direction: column;
  gap: 1.2em;
}

.case_s__recommendLink {
  text-decoration: none;
  display: block;
  border: 1px solid var(--border-color2);
  border-radius: 19.447px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em 20px;
  padding-block: 10px 11px;
  padding-inline: 12px;
}
.case_s__recommendLink:hover .case_s__recommendImg > img {
  opacity: 1;
  transform: unset;
}

.case_s__recommendImg {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 201/138;
  border-radius: 8px;
  overflow: hidden;
}
.case_s__recommendImg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case_s__recommendTexts {
  width: 100%;
}

.case_s__recommendMeta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5em 25px;
}

.case_s__typeCates {
  display: flex;
  align-items: center;
  gap: 0.5em 30px;
}

.case_s__recommendName {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.case_s__recommendPrice {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 32px;
  line-height: 1;
}
.case_s__recommendPrice > span:nth-child(1) {
  font-size: 0.438em;
  padding-bottom: 3px;
}
.case_s__recommendPrice > span:nth-child(2) {
  margin-inline: 17px 5px;
}
.case_s__recommendPrice > span:nth-child(3) {
  font-size: 0.438em;
  padding-bottom: 3px;
}
.case_s__recommendPrice > span:nth-child(4) {
  font-size: 0.344em;
  white-space: nowrap;
  padding-bottom: 3px;
}

/*イベント＆お知らせ一覧 */
.news .sub01 {
  position: relative;
  z-index: 1;
}
.news .sub01 #sub01 {
  padding-top: 0;
}
.news .sub02 #sub02 {
  padding-top: 0;
}

.news__posts {
  max-width: 998px;
  width: 100%;
  margin-inline: auto;
}

.news__cates {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em 14px;
}

.news__item {
  border-bottom: 1px solid var(--border-color2);
}
.news__item:first-child .news__link {
  padding-top: 0;
}

.news__link {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  padding-block: 25px;
  padding-inline: 0;
  flex-wrap: wrap;
}
.news__link:hover .news__thum > img {
  opacity: 1;
  transform: unset;
}

.news__date {
  margin: 1em 0;
  width: 100%;
}

.news__thum {
  width: 25%;
  aspect-ratio: 1/1;
  border-radius: 6%;
  overflow: hidden;
  margin-right: 1.5em;
}
.news__thum > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news__texts {
  margin-top: 0.5em;
  width: calc(75% - 1.5em);
}

.news__itemCates {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em 9px;
}

.news__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*イベント＆お知らせ詳細 */
.news_s .sub01 {
  position: relative;
  z-index: 1;
}
.news_s .sub01 #sub01 {
  padding-top: 0;
}

.news_s__head {
  max-width: 1088px;
  width: 100%;
  margin-inline: auto;
  border: 6px solid var(--border-color);
  border-radius: 31.32px;
  padding-block: 30px;
  padding-inline: 16px;
}

.news_s__cates {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em 14px;
}

.news_s__inner {
  max-width: 978px;
  width: 100%;
  margin-inline: auto;
}

.news_s__contents > p {
  font-size: 15px;
  line-height: 1.87;
  color: #000;
  padding-top: 38px;
}
.news_s__contents > p:first-child {
  padding-top: 0;
}

.news_s__pager {
  border-top: 1px solid var(--border-color2);
}

/*リフォーム一覧*/
.reform .sub01 {
  position: relative;
  z-index: 1;
}
.reform .sub01 #sub01 {
  padding-top: 0;
}

.reform__cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px 19px;
}

.reform__link {
  text-decoration: none;
  display: block;
  border: 1px solid var(--border-color2);
  border-radius: 20.123px;
  padding-bottom: 1em;
}
.reform__link:hover .reform__imgInner > img {
  opacity: 1;
  transform: unset;
}

.reform__img {
  padding-block: 22px 21px;
  padding-inline: 20px;
  border-bottom: 1px solid var(--border-color2);
}

.reform__imgInner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 370/256;
  overflow: hidden;
}
.reform__imgInner > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 14px;
}

.reform__body {
  width: 86.4%;
  margin-inline: auto;
}

.reform__bodyTop {
  display: flex;
  align-items: center;
  gap: 27px;
}

.reform__repletion {
  border-radius: 14.5px;
  padding-block: 2.5px;
  padding-inline: 20px;
}

.reform__makerName {
  flex: 1;
}

.reform__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-inline: 7px;
}

.reform__beforePrice {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 17.934px;
  font-size: 21px;
  line-height: 1;
  padding-block: 6px 8px;
  padding-inline: 10px;
}
.reform__beforePrice > span:nth-child(1) {
  font-size: 0.57em;
}
.reform__beforePrice > span:nth-child(2) {
  margin-inline: 7px 0;
}
.reform__beforePrice > span:nth-child(3) {
  font-size: 0.57em;
}

.reform__priceBox {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

.reform__discount {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: flex-end;
  gap: 5px 0;
  font-size: 6.75vw;
  line-height: 1;
  padding-block: 15px;
  padding-inline: 13px;
}
.reform__discount > span:nth-child(1) {
  grid-column: 1/3;
  display: block;
  font-size: 0.44em;
}
.reform__discount > span:nth-child(3) {
  font-size: 0.48em;
}

.reform__price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.reform__afterPrice {
  display: flex;
  align-items: flex-end;
  font-size: 18.25vw;
  line-height: 1;
  margin-top: -4%;
}
.reform__afterPrice > span:nth-child(2) {
  font-size: 0.68em;
}

.reform__unit {
  font-size: 0.18em;
  padding-bottom: 5px;
}
.reform__unit > span:nth-child(2) {
  display: block;
  font-size: 0.77em;
  margin-top: 0.5em;
}

.reform__tax {
  align-self: flex-end;
}

.reform__textBox {
  width: 92%;
  margin-inline: auto;
  border-radius: 13.037px;
  padding-block: 16.5px 15.5px;
}

.reform__text {
  width: 86.9%;
  margin-inline: auto;
}

/*リフォーム詳細*/
.reform_s .sub01 {
  position: relative;
  z-index: 1;
}
.reform_s .sub01 #sub01 {
  padding-top: 0;
  padding-bottom: 0;
}

.reform_s__cols {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0 4.75%;
}
.reform_s__cols:not(:has(.reform_s__images)) {
  grid-template-columns: 63%;
  justify-content: center;
  padding-bottom: 3em;
}

.reform_s__images {
  order: 98;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px 1em;
  margin-top: 3em;
}

.reform_s__imageItem:first-child {
  grid-column: span 3;
  padding-bottom: 1em;
}
.reform_s__imageItem:not(:first-child) .reform_s__imageLink {
  border-radius: 8px;
}
.reform_s__imageItem:not(:first-child) .reform_s__imageLink::after {
  width: 25.1px;
}

.reform_s__imageLink {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 598/387;
  overflow: hidden;
  border-radius: 14px;
}
.reform_s__imageLink > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.reform_s__imageLink::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 29.5px;
  aspect-ratio: 16/15.78;
  background: url("../img/common/icon_search_white.png") center/contain no-repeat;
  bottom: 2.84%;
  right: 3.18%;
}

.reform_s__data {
  display: contents;
}

.reform_s__repletion {
  display: inline-block;
  border-radius: 18.311px;
  padding-block: 2px;
  padding-inline: 24px;
}

.reform_s__title {
  font-size: 32px;
  padding-left: 12px;
}

.reform_s__company {
  padding-left: 12px;
}

.reform_s__model {
  padding-left: 12px;
}

.reform_s__body {
  order: 99;
  width: 100%;
}

.reform_s__beforePrice {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 24.1px;
  font-size: 28px;
  line-height: 1;
  padding-block: 9px 11px;
  padding-inline: 10px;
}
.reform_s__beforePrice > span:nth-child(1) {
  font-size: 0.57em;
}
.reform_s__beforePrice > span:nth-child(2) {
  margin-inline: 7px 0;
}
.reform_s__beforePrice > span:nth-child(3) {
  font-size: 0.57em;
}

.reform_s__priceBox {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 5.1666666667vw;
}

.reform_s__discount {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: flex-end;
  gap: 10px 0;
  font-size: 8vw;
  line-height: 1;
  padding-block: 4.3333333333vw 4.1666666667vw;
  padding-inline: 4.1666666667vw 3.8333333333vw;
}
.reform_s__discount > span:nth-child(1) {
  grid-column: 1/3;
  display: block;
  font-size: 0.44em;
}
.reform_s__discount > span:nth-child(3) {
  font-size: 0.48em;
}

.reform_s__price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.reform_s__afterPrice {
  display: flex;
  align-items: flex-end;
  font-size: 18.3333333333vw;
  line-height: 1;
  margin-top: -9%;
}
.reform_s__afterPrice > span:nth-child(2) {
  font-size: 0.68em;
  margin-right: 10px;
}

.reform_s__unit {
  font-size: 0.21em;
  white-space: nowrap;
  padding-bottom: 5px;
}
.reform_s__unit > span:nth-child(2) {
  display: block;
  font-size: 0.77em;
  margin-top: 0.3em;
}

.reform_s__tax {
  padding-left: 10px;
}

.reform_s__overheadCosts {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 13px;
  padding-right: 30px;
}

.reform_s__overheadTitle {
  border-radius: 14px;
  padding-block: 6px;
  padding-inline: 23px;
}

.reform_s__overheadPrice {
  display: flex;
  align-items: flex-end;
  font-size: 25.6px;
  line-height: 1;
}
.reform_s__overheadPrice > span:nth-child(2) {
  font-size: 0.52em;
  padding-bottom: 2px;
  margin-left: 2px;
}

.reform_s__function {
  border-radius: 15.128px;
  padding-block: 7px 21px;
}

.reform_s__functionInner {
  width: 85%;
  margin-inline: auto;
}

.reform_s__functionList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 11px;
}

.reform_s__functionItem {
  background: #002F7B;
  padding-block: 3px;
  padding-inline: 20px 16px;
}

.reform_s__contents > p {
  font-size: 14px;
  line-height: 1.64;
  margin-top: 23px;
}
.reform_s__contents > p:first-child {
  margin-top: 0;
}

/* fancybox ナビボタン位置調整 */
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  transition: all 0.3s ease-in-out !important;
}

.fancybox-inner .fancybox-navigation .fancybox-button--arrow_right {
  display: none;
  top: var(--btn-top, 50%);
  left: var(--btn-next-left, 0);
}

.fancybox-inner .fancybox-navigation .fancybox-button--arrow_left {
  display: none;
  top: var(--btn-top, 50%);
  left: var(--btn-prev-left, 0);
}

@media (min-width: 400px){
  .reform__discount {
    font-size: 27px;
  }
  .reform__afterPrice {
    font-size: 73px;
  }
}

@media (min-width: 560px){
  .case_s__recommendList {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .reform__cols {
    grid-template-columns: repeat(auto-fit, minmax(374px, 374px));
  }
  .reform__cols:has(.no-item:first-child) {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 600px){
  .reform_s__priceBox {
    gap: 31px;
  }
  .reform_s__discount {
    font-size: 48px;
  }
  .reform_s__afterPrice {
    font-size: 127px;
  }
}

@media (min-width: 768px){
  .prevItem, .nextItem {
    width: auto;
    display: block;
  }
  .page-numbers.next {
    margin-left: 6px;
  }
  .page-numbers.prev {
    margin-right: 6px;
  }
  .cateAcc__contents {
    padding-inline: 56px;
  }
  .cateAcc__contents > a {
    padding-block: 5px;
    padding-inline: 34px;
  }
  .cateAcc__contents.area > a {
    padding-inline: 40px;
  }
  .case__cols:not(:has(.case__item:nth-child(3))) {
    grid-template-columns: repeat(auto-fit, minmax(284.3px, 284.3px));
  }
  .case_s__head {
    padding-block: 26px;
    padding-inline: 52px;
  }
  .case_s__cateBox {
    flex-direction: row;
  }
  .case_s__body {
    flex-direction: row;
    align-items: flex-start;
  }
  .case_s__itemList {
    grid-template-columns: max-content max-content;
    gap: 0.5em 23px;
  }
  .case_s__compareCols {
    grid-template-columns: 1fr 1fr;
  }
  .case_s__recommendList {
    display: flex;
    flex-direction: column;
  }
  .case_s__recommendLink {
    flex-direction: row;
    align-items: center;
  }
  .case_s__recommendImg {
    max-width: 201px;
  }
  .case_s__recommendTexts {
    width: auto;
    flex: 1;
  }
  .case_s__recommendMeta {
    flex-direction: row;
  }
  .case_s__recommendPrice {
    justify-content: flex-start;
  }
  .news__link {
    flex-direction: row;
    flex-wrap: nowrap;
    padding-block: 31px 25px;
    padding-inline: 0 18px;
  }

  .news__date {
    order: unset;
    margin: 0 5.4% 0 0;
    width: auto;
  }
  .news__thum {
    max-width: 154px;
    border-radius: 12px;
    margin-right: 3.6%;
  }
  .news__texts {
    margin-top: 0;
    order: unset;
    align-self: center;
  }
  .news_s__head {
    padding-block: 48px 38px;
    padding-inline: 52px;
  }
  .reform_s__cols {
    display: grid;
    grid-template-columns: 1fr 49.83%;
  }
  .reform_s__cols:not(:has(.reform_s__images)) {
    padding-bottom: 4em;
  }
  .reform_s__images {
    order: unset;
    margin-top: 0;
  }
  .reform_s__data {
    display: block;
  }
  .reform_s__body {
    order: unset;
  }
  .reform_s__priceBox {
    gap: 2.5833333333vw;
  }
  .reform_s__discount {
    font-size: 4vw;
    padding-block: 2.1666666667vw 2.0833333333vw;
    padding-inline: 2.0833333333vw 1.9166666667vw;
  }
  .reform_s__afterPrice {
    font-size: 10.5833333333vw;
  }
}

@media (min-width: 1200px){
  .reform_s__priceBox {
    gap: 31px;
  }
  .reform_s__discount {
    font-size: 48px;
    padding-block: 26px 25px;
    padding-inline: 25px 23px;
  }
  .reform_s__afterPrice {
    font-size: 127px;
  }
}

@media screen and (max-width: 540px){
  .pager_s {
    flex-direction: column;
  }
  .pager_s__prev {
    width: 70%;
  }
  .pager_s__next {
    width: 70%;
    margin-left: auto;
  }
}