.main h2 {
  color: #111;
  font-weight: 600;
}

.main .secTtl {
  font-size: 6vmin;
  color: #111;
  margin-bottom: 25px;
  line-height: 1.4;
}

.pageTitle {
  display: none;
}

#window-renovation.cmp .pageTitle {
  display: block;
}

.mv {
  display: flex;
  justify-content: center;
  position: relative;
  background: #f1efe7 url(../../img/common/bg01.png) center center;
  padding: 6vmin 5vmin 12vmin;
}

.mv::before {
  content: "";
  position: absolute;
  left: 5px;
  bottom: -7vw;
  width: 18vw;
  height: 100%;
  background: url(../img/pic_renovation_mv_catch01.png) center bottom no-repeat;
  background-size: 18vw auto;
  z-index: 1;
}

.mv::after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: -6vw;
  width: 18vw;
  height: 100%;
  background: url(../img/pic_renovation_mv_catch02.png) center bottom no-repeat;
  background-size: 18vw auto;
  z-index: 1;
}

.firstView {
  background-color: #fff;
  padding: 6vmin 0 4vmin;
}

.firstView .inner {
  padding: 0 2%;
}

.conversion {
  padding: 6vmin 0;
  background-color: #f1efe7;
  text-align: center;
}

.conversion .conversionTel .tel {
  margin-bottom: 0;
  font-size: 4vmin;
  line-height: 1.2;
}

.conversion .conversionList {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0;
  padding: 0 4%;
  gap: 0 10px;
}

.conversion .conversionList li {
  max-width: 320px;
  margin: 0;
  padding-left: 0;
}

.conversion .conversionList li::before,
.conversion .conversionList li::after {
  content: none;
}

/* ===== 窓のリフォームでこんなメリットが！CSS ===== */
.merits {
  padding: 40px 0;
}

.meritsInner {
  max-width: 1200px;
  margin-inline: auto;
}

.merits h2 {
  text-align: center;
}

.merits .meritsList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px 0;
  margin: 20px 0 0 0;
  padding: 0 4%;
}

.merits .meritsList li {
  margin: 0;
  padding: 0;
  width: 48%;
  border: 2px solid #ebe9e5;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 15px;
  text-align: center;
}

.merits .meritsList li dd {
  margin-top: 15px;
  font-size: 3.5vmin;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
}

.merits .meritsList li img {
  max-width: 100%;
  height: auto;
}

.merits .meritsList li::before,
.merits .meritsList li::after {
  content: none;
}

.merits .meritsDetalis {
  margin-top: 40px;
  padding: 0 4%;
}

.merits .meritsDetalis h3 {
  background: transparent;
  font-size: 5vmin;
  color: #333;
  width: auto;
  padding: 0;
  margin: 0;
  text-align: center;
}

.merits .meritsDetalisPic {
  margin-top: 30px;
}

.merits .meritsDetalisPic figcaption {
  margin-top: 5px;
  font-size: 3vmin;
}

/* ===== 窓リフォームの概要CSS ===== */
.lead {
  padding: 0 0 40px;
}

.leadInner {
  max-width: 1200px;
  margin-inline: auto;
  padding: 0 4%;
}

.lead h2 {
  margin-bottom: 20px;
  font-size: 6vmin;
}

.lead h2 span {
  font-size: 8vmin;
  color: #ff8800;
  text-align: center;
}

.lead .leadList {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  margin: 30px 0 0 0;
  gap: 30px 0;
}

.lead .leadList .leadItem {
  margin: 0;
  border-radius: 16px;
  padding: 20px 18px 27px;
}

.lead .leadList .leadItem01 {
  background: url(../img/pic_lead_main_img01.jpg) 0 0 / cover no-repeat;
}

.lead .leadList .leadItem02 {
  background: url(../img/pic_lead_main_img02.jpg) 0 0 / cover no-repeat;
}

.lead .leadList li::before,
.lead .leadList li::after {
  content: none;
}

.lead .leadItem .leadItemTtl {
  margin: 0 0 67px;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 13px 5px;
  text-align: center;
  background-color: rgba(241, 239, 231, 0.8);
  backdrop-filter: blur(10px);
  font-weight: 400;
  font-size: 4vmin;
  color: #333;
}

.lead .leadItem .leadItemLg {
  font-size: 5.5vmin;
  font-weight: 600;
}

.lead .leadItem .leadItemKind {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
  background: #66605d;
  margin: 0 0 155px auto;
  width: 80px;
  height: 80px;
}

.lead .leadItem .leadItemKind p {
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 3vmin;
  line-height: calc(16 / 12);
  letter-spacing: 0.08em;
}

.lead .leadListFeature {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.lead .leadListFeature .leadListItem {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 8px 0 0;
  padding: 0;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ebe9e5;
  font-size: 3vmin;
  box-sizing: border-box;
}

.lead .leadListFeature .leadListItem:last-child {
  margin-right: 0;
}

.lead .leadListFeature .leadListItem::before,
.lead .leadListFeature .leadListItem::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 50%;
  border: 1px solid #ebe9e5;
  background-color: transparent;
  box-sizing: border-box;
}

.lead .leadListFeature .leadListItem::before {
  width: 95%;
  height: 95%;
}

.lead .leadListFeature .leadListItem::after {
  width: 90%;
  height: 90%;
}

.lead .leadInner .leadItemNote {
  margin: 5px 0 0 auto;
  font-size: 3vmin;
}

.method {
  margin-top: 30px;
}

.method .methodInner {
  max-width: 1200px;
  margin-inline: auto;
  border-radius: 16px;
  padding: 30px 4%;
  background-color: #f1efe7;
  box-sizing: border-box;
}

.method h3 {
  position: relative;
  background-color: transparent;
  font-size: 6vmin;
  color: #000;
  font-weight: 600;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  position: relative;
  text-align: center;
}

.method .methodRow {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  margin-top: 30px;
}

.method .methodCol {
  padding: 0;
}

.method .methodCol + .methodCol {
  margin-top: 35px;
}

.method .methodCol .methodTtl {
  font-size: 5vmin;
  padding: 0;
  margin: 0;
  color: #111;
}

.method .methodCol .methodTtl::before,
.method .methodCol .methodTtl::after {
  content: none;
}

.method .methodCol p.methodTxt {
  margin-top: 20px;
  margin-bottom: 20px;
}

.method .methodCol .methodPicRow {
  display: flex;
  align-items: center;
}

.method .methodCol .methodPicRow img:first-child {
  width: 65%;
  height: 100%;
}

.method .methodCol .methodPicRow img:nth-of-type(2) {
  width: 35%;
  height: 100%;
}

.method .methodCol .methodPic {
  margin-top: 20px;
  text-align: center;
}

.method .methodCol .methodPic {
  margin-top: 0;
}

.method .methodCol .methodPic img {
  max-width: 100%;
  height: auto;
}

.method .methodCol .methodNote {
  margin-top: 10px;
}

.method .methodCol .methodNote li {
  margin: 0;
  padding: 0;
  font-size: 3vmin;
}

.method .methodCol .methodNote li::before,
.method .methodCol .methodNote li::after {
  content: none;
}

.method .methodContent {
  margin-top: 30px;
}

.method .methodContent .methodLeadTtl {
  font-size: 5vmin;
  padding: 0;
  margin: 0;
  color: #111;
}

.method .methodContent + .methodContent {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #cecdcd;
}

.method .methodContent .methodLeadTtl::before,
.method .methodContent .methodLeadTtl::after {
  content: none;
}

.method .methodContent .methodLead {
  margin-top: 20px;
  margin-bottom: 0;
}

.method .methodContent .methodTxts {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}

.method .methodContent h4.methodTxt {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 4vmin;
  line-height: calc(20 / 14);
  font-weight: 600;
  color: #ff8800;
}

.method .methodContent h4.methodTxt::before,
.method .methodContent h4.methodTxt::after {
  content: "";
  width: 1px;
  height: 18px;
  background: #ff8800;
  position: absolute;
  top: 50%;
  border-radius: 6px;
  opacity: 1;
}

.method .methodContent h4.methodTxt::before {
  left: -25px;
  transform: translate(0%, -50%) rotate(-30deg);
}

.method .methodContent h4.methodTxt::after {
  left: inherit;
  right: -25px;
  transform: translate(0%, -50%) rotate(30deg);
}

.method .methodContent .methodNote {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 3vmin;
}

/* ===== 商品紹介CSS ===== */
.product {
  margin-bottom: 40px;
}

.product .productInner {
  max-width: 1000px;
  margin-inline: auto;
}

.product .productTables {
  border-radius: 10px;
  padding: 0 4%;
  background-color: #fff;
}

.product .productTable {
  width: 100%;
  table-layout: fixed;
  margin: 0;
}

.product .productTable tr th:first-child,
.product .productTable tr td:first-child {
  width: 20%;
  padding: 1em 0.5em;
  font-size: 11px;
  border-bottom: 1px solid #ebe9e5;
}

.product .productTable tr th {
  background-color: #fff;
  color: #333;
}

.product .productTable tr th,
.product .productTable tr td {
  display: table-cell;
  width: auto;
  padding: 1em 0.5em;
  font-size: 11px;
  line-height: 1;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #ebe9e5;
  background-color: #fff;
}

.product .productTable tr td {
  text-align: center;
  border-bottom: 1px solid #ebe9e5;
  border-left: 1px solid #ebe9e5;
}

.product .productTable tbody td img {
  width: 24px;
  height: 24px;
}

.product .productTable .productWrap {
  align-items: flex-end;
  width: 100%;
  flex-direction: column;
}

.product .productTable .productWrap .thumb {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0.5em 1em;
}

.product .productTable .productWrap .thumb img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

.product .productTable .productWrap .btnWrap p {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 11px;
}

/* ===== 補助金の対象工事 ===== */
.subsidys {
  margin-bottom: 40px;
}

.subsidys .secTtl.fullWidth {
  margin-bottom: 0;
  background-color: #3b4391;
}

.subsidys .subsidyInner {
  padding: 40px 10px 30px;
}

.subsidys .subsidyMenu {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 20px 14px;
  margin-inline: auto;
}

.subsidys .subsidyMenu li {
  width: 48%;
  margin: 0;
  border: 2px solid #ebe9e5;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 20px 15px;
  text-align: center;
}

.subsidys .subsidyMenu li::before,
.subsidys .subsidyMenu li::after {
  content: none;
}

.subsidys .subsidyMenu li h3 {
  margin: 0;
  padding: 0;
  color: #000;
  box-shadow: none;
  border: none;
  background: none;
  line-height: 1.4;
  font-size: 3.7vmin;
  text-align: center;
}

.subsidys .subsidyMenu .subsidyPic {
  margin-top: 20px;
  text-align: center;
}

.subsidys .subsidyMenu .subsidyPic img {
  max-width: 100%;
  max-height: 218px;
  height: auto;
}

/* ===== 窓といっしょにリフォームしてもっと快適にCSS ===== */
.otherMenus {
  margin-bottom: 40px;
  padding: 0 4%;
}

.otherMenus .otherMenu {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0;
  gap: 20px 14px;
  margin-inline: auto;
}

.otherMenus .otherMenu li {
  width: 47.9%;
  margin: 0 !important;
  border: 2px solid #3b4391;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 0 10px 10px;
}

.otherMenus .otherMenu li::before,
.otherMenus .otherMenu li::after {
  content: none;
}

.otherMenus .otherMenu .otherMenufirst {
  width: 100%;
  padding: 0 20px 10px;
  text-align: left;
}

.otherMenus .otherMenu .otherMenufirst h3 {
  margin: 0 -20px 15px;
}

.otherMenus .otherMenu h3 {
  margin: 0 -10px 20px;
  padding: 5px 5px 8px;
  border-radius: 2px 2px 0 0;
  font-size: 4.2vmin;
  text-align: center;
  background: #3b4391;
  box-shadow: none;
}

.otherMenus .otherMenu .otherRow {
  display: flex;
}

.otherMenus .otherMenu .otherPic {
  width: 100%;
  margin-inline: auto;
}

.otherMenus .otherMenu .otherPic img {
  max-width: 100%;
  height: auto;
}

.otherMenus .otherMenu .otherPrice {
  margin-top: 0;
  color: #c1272d;
  font-size: 6.2vmin;
  font-weight: bold;
  text-align: center;
}

.otherMenus .otherMenu .otherPrice span {
  font-size: 3.8vmin;
}

.otherMenus .btnWrap {
  margin: 30px 0 0;
  text-align: center;
}

.otherMenus .btnWrap .btn {
  margin: 0;
}

.otherMenus .btnWrap .btn a {
  text-decoration: none;
}

/* ===== リペアウィズの施工事例 ===== */
.achievement {
  position: relative;
}

.main .achievementList {
  padding: 40px 4%;
}

.achievement h2.fullWidth {
  margin-bottom: 0;
}

.achievementItem .more {
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 0;
}

.achievementList .btnWrap {
  margin: 10px 0 0;
  text-align: center;
}

.achievementList .btnWrap .btn {
  margin: 0;
}

.main .formArea h2 {
  font-size: 5vmin;
}