@charset "UTF-8";

body {
  font-family: "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
  font-feature-settings: "palt";
}

.hdn {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.txt-newline {
  display: inline-block;
}
header {
  padding: 2rem 1rem 1rem;
}

.hd_inner {
  max-width: 954px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content:space-between;
}

.logp_refotmshop {
  max-width: 250px;
}
.txt-otoku {
  margin: 0 auto;
  max-width: 500px;
  padding: 0.5rem 1rem;
}

.txt-limit-pc {
  max-width: 280px;
}

.main-top {
  background-color: #ffff;
  max-width: 954px;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.main-top-pc {
  max-width: 954px;
  margin: 0 auto;
}

.main-top-sp {
  display: none;
}
.main-time {
display: flex;
padding: 1rem 2rem 4px;
align-items: end;
}
.flex {
  display: flex;
}
.img-maintime-sp {
display: none;
}
.img-main-timeto {
width: 250px;
padding-bottom: 8px;
}
main p {
text-align: center;
}
.flex-gap1rem {
gap:1rem
}
.main-case {
background-color: #DEDAD1;
padding: 0 0 1.5rem;
margin-top: 1rem;
}
.img-case-hd {
width: 60%;
}
.case-container {
gap:2rem;
padding: 1.5rem 1.5rem 4px;
}
.txt-reformhd {
background-color: #000;
color: #fff;
text-align: center;
font-size: 20px;
padding: 2px;
margin-bottom: 8px;
}
.reform-container {
gap: 8px;
width: 100%;
}
.txt-main-reform-note {
font-size: 12px;
margin-top: 4px;
text-align: left;
text-indent: -22px;
padding-left: 22px;
line-height: 16px;
}
.txt-case-note {
text-align: right;
font-size: 12px;
margin-right: 1.5rem;
}
.txt-value-hd {
font-size: 24px;
margin-bottom: 8px;
}
.txt-ss {
vertical-align: super;
font-size: 10px;
}
.main-value {
padding: 1rem 1rem 1rem;
}
.img-value-sp {
display: none;
}
.img-value-container {
justify-content: center;
align-items: center;
margin-bottom: 8px;
}
.txt-value-commission {
text-align: center;
background-color: #DEDAD1;
padding: 4px;
font-size: 14px;
max-width: 300px;
line-height: 20px;
}
.txt-inline {
display: inline-block;
}
.txt-main-value-note {
font-size: 12px;
margin-top: 4px;
text-align: center;
text-indent: -22px;
padding-left: 22px;
line-height: 16px;
}

/* -------------スマホ------------------- */
@media (max-width: 860px) {
  .main-time {
  display: block;
  }
  .img-main-time {
  margin-bottom: 12px;
  }
  .img-main-timeto {
  margin: 0 auto;
  }
}

@media (max-width: 767px) {
  header {
    padding: 2rem 1rem 1rem;
  }
  .hd_inner {
    display: block;
  }
  .txt-limit-pc {
  margin: 1rem auto 0;
  }
  .logp_refotmshop {
    margin: 0 auto;
  }
  .main-top-pc {
    display: none;
  }
  .main-top-sp {
    display: block;
  }
  .flex {
    display: block;
  }
  .img-main-time {
  display: none;
  }
  .img-maintime-sp {
  display: block;
  }
  .img-main-timeto {
  max-width: 250px;
  margin: 0 auto;
  }
  .img-case-hd {
  width: 95%;
  }
  .img-case-photo {
  margin-bottom: 1rem;
  }
  .reform-box {
  margin-bottom: 2rem;
  }
  .txt-main-reform-note {
  margin-top: 8px;
  }
  .txt-case-note {
  margin-top: -1rem;
  text-align: center;
  margin-right: 0;
  }
  .img-value-pc {
  display: none;
  }
  .img-value-sp {
  display: block;
  margin-bottom: 12px;
  }
  .txt-value-commission {
  margin: 0 auto; 
  }
  .txt-main-value-note {
  text-align: left;
  text-align: justify;
  }
}

/* -------------裏面------------------- */

.summary-top {
  max-width: 986px;
  margin: 0 auto;
}
.summary-top-container {
  background-color: #eb5e00;
  width: 100%;
  padding: 2rem 1rem 2rem;
}
.summarytitle-pc{
  max-width: 600px;
  margin: 0 auto;
}
.summarytitle-sp {
  display: none;
}
.summary-bottom {
  max-width: 986px;
  margin: 0 auto;
  padding: 1rem;
  background-color: #ECE9E4;
}
.summary-bottom-container {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
.summarytime-pc {
margin-bottom: 8px;
width: 500px;
}
.summarytime-sp {
display: none;
}
.box-left {
  background-color: #EB5E00;
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  flex-shrink: 0;
  font-size: 1.2rem;
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
}
.box-right {
  font-size: 1.2rem;
  font-weight: bold;
}
.txt-subject-note {
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1.2rem;
}
.summaryloan-pc {
width: 700px;
margin-bottom: 8px;
}
.summaryloan-sp {
display: none;
}
.box-right-flex {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.txt-no {
  width: 24px;
  margin-top: 0.3rem;
  flex-shrink: 0;
}
.txt-summarytime-note {
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1.2rem;
}
.txt-content {
  font-size: 1.3rem;
  font-weight: bold;
}
.p1rem {
  padding: 1rem 0;
}
.center {
  align-items: center;
}
.txt-loan-note {
  font-size: 0.9rem;
  font-weight: normal;
}
/* -------------sp------------------- */
@media (max-width: 767px) {
  .summarytitle-pc {
    display: none;
  }
  .summarytitle-sp {
    display: block;
    width: 250px;
    margin: 0 auto;
  }
  .summary-top-container {
  padding: 1rem 1rem 1rem;
  }
  .summary-bottom-container {
    display: block;
    width: 100%;
  }
  .summarytime-pc {
  display: none;
  }
  .summarytime-sp {
  display: block;
  margin-bottom: 8px;
  }
  .box-left {
    width: 100%;
    height: 40px;
    margin-bottom: 0.5rem;
  }
  .summaryloan-pc {
  display: none;
  }
  .summaryloan-sp {
  display: block;
  padding-bottom: 8px;
  }
}
/* -------------------------------- */
.conditions {
  max-width: 986px;
  margin: 0 auto;
  padding: 2rem 1rem;
}
.hds-flex {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.hdg_comditions {
  width: 160px;
  flex-shrink: 0;
}
.txt-conditions-hd {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.5rem;
}
.reform-products-color {
color:#DA4567;
}
.reform-products-bg-color{
background-color:#DA4567;
}
.reform-products-border {
border-left: solid #DA4567 8px;
border-bottom: solid #DA4567 1px;
margin-bottom: 8px;
}
.reform-products-name-color {
background-color: #F8E0E0;
}
.bathroomp-products-color {
color:#009DE1;
}
.bathroomp-products-bg-color{
background-color:#009DE1;
}
.bathroomp-products-border {
border-left: solid #009DE1 8px;
border-bottom: solid #009DE1 1px;
margin-bottom: 8px;
}
.refomp-products-name-color {
background-color: #D3EDFB;
}
.txt-products-hd {
font-size: 1rem;
padding-left: 8px;
padding-bottom: 4px;
}
.table-back-01 {
  display: flex;
  flex: 1 1 0;
  margin-bottom: 4px;
  width: 100%;
  text-align: center;
}
.table-refomp-hd {
color: #fff;
}
.table-refomp-name {
width: calc(954px/6);
height: 40px;
line-height: 14px;
display: flex;
justify-content: center;
align-items: center;
}
.txt-table-note {
font-size: 10px;
display: inline;
line-height: 5px;
}
.txt-conditions-note {
font-size: .9rem;
margin-bottom: 1rem;
}
.table-bathroomp-name {
width: calc(954px/4);
height: 40px;
line-height: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.table-back-02 {
  display: flex;
  flex: 1 1 0;
  margin-bottom: 2rem;
  width: 100%;
}
.tb01-01 {
  font-size: 1.2rem;
    flex-grow:1
}
.tb01-02 {
  background-color: #4C4948;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  color: #fff;
  width: 100%;
}
.tb01-03 {
  background-color: #fffcdb;
  border: #f8b500 solid 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1px;
  line-height: 1.5rem;
  height: 80px;
  text-align: center;
}
.rightbnone {
  border-right: none;
}
.leftnone {
  border-left: none;
}
.rightbnone_fg {
 flex-grow: 1;
}

.rightwhite {
  border-right: solid 1px #fff;
}
.rightdot {
  border-right: dashed 1px #f8b500;
}

.box-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

th {
  background-color: #4C4948;
  padding: 2px; /*上下左右10pxずつ*/
  font-weight: normal;
  font-size: 1rem;
  color: #fff;
}
tr td {
  font-size: 1rem;
  padding: 4px 10px;
  line-height: 1.2rem;
}

table td {
  border: solid 1px #f8b500;
  /*実線 1px 黒*/
}
.tc-01 {
  background-color: #fffcdb;
}

.tc-02 {
  background-color: #feebc8;
}
.box-left-table {
  color: #fff;
  background: #ab9786;
  font-weight: bold;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  text-align: center;
  line-height: 1.5rem;
  font-size: 1rem;
  flex-shrink: 0;
  padding: 8px;
}
.indent {
  text-indent: -0.9rem;
  margin-left: 0.9rem;
}

.mb1rem {
  margin-bottom: 1rem;
}
.img-co-sp {
  display: none;
}
.right {
  text-align: right;
}
.lineh {
  line-height: 0.5rem;
}
.top_05rem {
margin-top: .5rem;
}
.txt_center {
align-items: center;
}
.txt-table-name-note {
font-size: 12px;
}
.careful-container {
display: flex;
gap:1rem
}
/* -------------スマホ------------------- */
@media (max-width: 848px) {
  .table-back-01 {
    display: block;
  }
}
@media (max-width: 767px) {
  .hds-flex {
    display: block;
  }
  .hdg_comditions {
    margin-bottom: 0.5rem;
  }
  .box-left-table {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .tb01-01 {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .img-co-pc {
    display: none;
  }
  .img-co-sp {
    display: block;
  }
  .rightbnone {
    border-left: #f8b500 solid 1px;
  }
  th {
    padding: 5px;
    font-size: 1rem;
  }
  tr td {
    font-size: 0.8rem;
    padding: 5px 5px;
    line-height: 1.2rem;
  }

  .txt-no01 {
    line-height: 1.8rem;
  }
  .txt-center {
    text-align: center;
  }
  .table-refomp-name {
  width: 100%;
  }
  .table-bathroomp-name {
  width: 100%;
  }
  .careful-container {
  display: block;
  }
  .bottomwhite {
  border-bottom: solid 1px #fff;
  }

}
/*-------キャンペーン終了-------*/
.end_cp {
text-align: center;
color: #fff;
font-size: 2rem;
font-weight: bold;
position: absolute;
top: 250px;
left: 50%;
transform: translateX(-50%);
z-index: 110;
width: 100%;
}
.bg_rgba {
position: relative;
}
.bg_rgba::before {
z-index: 100;
background: rgba(0,0,0,0.6);
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.end_cp {
font-size: 1rem;
top: 370px;
}
}