.sink .main_block .title,
.glasstop .text-wrap .title,
.dishwasher > .title,
.powderroom .mirror .title,
.kantakun .title,
.feature-equipment .title,
.more-bath_equipment .title,
.storagea .title,
.sbs_intro .title {
  font-size: 21px;
  line-height: calc(29/21);
  display:block;
  line-height: 1;
}
.sink .main_block .text,
.glasstop .text-wrap .text,
.dishwasher > .text,
.powderroom .mirror .text,
.kantakun .text,
.feature-equipment .text,
.more-bath_equipment .text,
.storagea .text,
.sbs_intro .text {
  font-size: 15px;
  line-height: calc(25/15);
}
@media (max-width: 768px) {
  .sink .main_block .title,
  .glasstop .text-wrap .title,
  .dishwasher > .title,
  .powderroom .mirror .title,
  .kantakun .title,
  .feature-equipment .title,
  .more-bath_equipment .title,
  .storagea .title,
  .sbs_intro .title {
    font-size: calc( 16 * 2 / var(--media_sp) * 100vw);
    line-height: calc(29/21);
    display:block;
    line-height: 1;
  }
  .sink .main_block .text,
  .glasstop .text-wrap span.text ,
  .dishwasher > .text,
  .powderroom .mirror .text,
  .kantakun .text,
  .feature-equipment .text,
  .more-bath_equipment .text,
  .storagea .text,
  .sbs_intro .text {
    font-size: calc( 12 * 2 / var(--media_sp) * 100vw);
    line-height: calc(18/12);
  }
  .glasstop .text-wrap span.text {
    display: block;
  }
}

.powderroom,
.bathroom,
.toilet,
.strage,
.multimedia,
.comfortable {
  padding-top: 46px;
}
.multimedia {
  padding-top: 60px;
}
@media (max-width: 768px) {
  .powderroom,
  .bathroom,
  .toilet,
  .strage,
  .multimedia,
  .comfortable {
    padding-top: calc( 40 / var(--media_sp) * 100vw);
  }
  .multimedia {
    padding-top: calc( 60 / var(--media_sp) * 100vw);
  }
}

.img-wrap.with_type_caption .title {
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #9c7e48;
  width: 100%;
  display: grid;
  height: 30px;
  place-content: center;
}
@media (max-width: 768px) {
  .img-wrap.with_type_caption .title {
    font-size: calc( 12 * 2 / var(--media_sp) * 100vw);
    height: calc( 40 / var(--media_sp) * 100vw);
  }
}

.kitchen .inner_content-wrap {
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .kitchen .inner_content-wrap {
    display: block;
    gap: 40px;
  }
  .kitchen .inner_content-wrap > * + * {
    margin-top: calc( 40 / var(--media_sp) * 100vw);
  }
}

.sink {
  display: grid;
  grid-template-columns: 635fr 646fr;
  grid-column: 1/3;
  padding: 0;
}
.sink .main_block,
.sink .sub_block {
  padding: 30px;
}
.sink .main_block {
  padding-right: 30px;
  display: grid;
  grid-template-columns: 310fr 240fr;
  gap: 30px;
  padding-right: 28px;
}
.sink .main_block .title {
  margin-bottom: 8px;
}
.sink .main_block .block-wrap .img-wrap {
  margin-top: 15px;
}
.sink .sub_block {
  padding-left: 30px;
  background-color: #e7dcc8;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding-top: 20px;
}
.sink .sub_block .title-wrap {
  border-bottom: solid 1px #9c7e48;
  font-size: 17px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.sink .sub_block p.text {
  font-size: 14px;
  letter-spacing: -0.05em;
  line-height: calc(20/14);
  margin-top: 6px;
}
@media (max-width: 768px) {
  .sink {
    display: block;
  }
  .sink .main_block,
  .sink .sub_block {
    padding: calc( 40 / var(--media_sp) * 100vw);
  }
  .sink .main_block {
    display: block;
    grid-template-columns: 310fr 240fr;
    gap: 30px;
    padding: calc( 40 / var(--media_sp) * 100vw);
  }
  .sink .main_block .title {
    margin-top: calc( 27 / var(--media_sp) * 100vw);
    margin-bottom: calc( 15 / var(--media_sp) * 100vw);
  }
  .sink .main_block .block-wrap .img-wrap {
    margin: 0 auto;
    margin-top: calc( 15 / var(--media_sp) * 100vw);
    width: calc( 437 / var(--media_sp) * 100vw);
  }
  .sink .sub_block {
    padding-left: initial;
    display: block;
    padding: 0 calc( 40 / var(--media_sp) * 100vw);
    padding-top: calc( 25 / var(--media_sp) * 100vw);
    padding-bottom:  calc( 41 / var(--media_sp) * 100vw);
  }
  .sink .sub_block > * + * {
    margin-top: calc( 15 / var(--media_sp) * 100vw);
  }
  .sink .sub_block .block-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 calc( 17 / var(--media_sp) * 100vw);
    
  }
  .sink .sub_block .title-wrap {
    border-bottom: solid 1px #9c7e48;
    font-size: calc( 14 * 2 / var(--media_sp) * 100vw);
    padding-bottom: calc( 5 / var(--media_sp) * 100vw);
    margin-bottom: calc( 19 / var(--media_sp) * 100vw);
    
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .sink .sub_block p.text {
    font-size: calc( 12 * 2 / var(--media_sp) * 100vw);
    margin-top: 0;
    align-self: center;
    line-height: calc(18/12);
  }
}

.glasstop .img-wrap {
  float: left;
  width: 270px;
  padding-right: 23px;
  box-sizing: content-box;
}
.glasstop  .text-wrap {
  margin-top: -6px;
}
.glasstop .text-wrap .title {
  font-size: 21px;
  line-height: calc(29/21);
  display:block;
  margin-bottom: 12px;
}
.glasstop .text-wrap  {
  line-height: calc(24/15);
}
@media (max-width: 768px) {
  .glasstop .img-wrap {
    float: initial;
    width: 100%;
    padding-right: initial;
    box-sizing: initial;
  }
  .glasstop .img-wrap img {
    width: 100%;
  }
  .glasstop  .text-wrap {
    margin-top: initial;
  }
  .glasstop .text-wrap .title {
    font-size: calc( 16 * 2 / var(--media_sp) * 100vw);
    line-height: calc(19/16);
    margin-top: calc( 18 / var(--media_sp) * 100vw);
    margin-bottom: calc( 16 / var(--media_sp) * 100vw);
    letter-spacing: -0.06em;
  }
  .glasstop .text-wrap  {
    line-height: calc(24/15);
  }
}

.dishwasher {
  display: grid;
  grid-template-columns: 1fr;
}
.dishwasher .img-grid {
  grid-row: 1/2;
  grid-column: 1/3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.dishwasher > .title {
  grid-row: 2/3;
  margin-top: 17px;
  margin-bottom: 14px;
}
.dishwasher > .text {
  grid-row: 3/4;
}
@media (max-width: 768px) {
  .dishwasher .img-grid {
    display: block;
  }
  .dishwasher .img-grid > * + * {
    margin-top: calc( 2 / var(--media_sp) * 100vw);
  }
  .dishwasher .img-grid img {
    width: 100%;
  }
  .dishwasher > .title {
    margin-top: calc( 20 / var(--media_sp) * 100vw);
    margin-bottom: calc( 20 / var(--media_sp) * 100vw);
  }
}

.kitchen .common_layout {
  grid-row: 3/4;
  grid-column: 1/3;
}


.powderroom .inner_content-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px; 
}
@media (max-width: 768px) {
  .powderroom .inner_content-wrap {
    display: block;
    grid-template-columns: 1fr 1fr;
    gap: 40px; 
  }
  .powderroom .inner_content-wrap > * + * {
    margin-top: calc( 40 / var(--media_sp) * 100vw);
  }
}

.mirror {
  display: grid;
  grid-template-columns: 587fr 610fr;
  gap: 30px;
  grid-row: 1/2;
  grid-column: 1/3;
}
.mirror .img-grid {
  display: grid;
  grid-template-columns: 205fr 185fr 185fr;
  gap:2px;
}
.mirror .mirror_cabinet{
  grid-row: 1/3;
  grid-column: 1/2;
}
.mirror .utility_hook {
  grid-row: 1/3;
  grid-column: 2/3;
}
.mirror .outlet {
  grid-row: 1/2;
  grid-column: 3/4;
}
.mirror .text-wrap {
  display: grid;
  place-content: center;
}
.powderroom .mirror .text .annotation {
  display: inline-block;
}
.mirror .text-wrap .title {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .mirror {
    display: block;
    grid-template-columns: 587fr 610fr;
    gap: 30px;
  }
  .mirror .img-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:2px;
    position: relative;
  }
  .mirror .mirror_cabinet{
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .mirror .utility_hook {
    grid-row: 2/4;
    grid-column: 1/2;
  }
  .mirror .outlet {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .mirror .text-wrap {
    display: grid;
    place-content: center;
  }
  .powderroom .mirror .text span {
    display: inline;
  }
  .mirror .text-wrap .title {
    margin-bottom: calc( 17 / var(--media_sp) * 100vw);
    margin-top: calc( 22 / var(--media_sp) * 100vw);
  }
  .powderroom .mirror .text .annotation {
    display: inline;
  }
}

.kantakun {
  grid-row: 2/3;
  grid-column: 1/2;
}
.kantakun .title {
  margin-bottom: 11px;
}
.kantakun .grid-wrap {
  display: grid;
  grid-template-columns: 348fr 191fr;
  gap: 11px 20px;
}
.kantakun .grid-wrap .table-wrap {
  grid-column: 1/3;
  grid-row: 2/3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-align: center;
  gap: 1px;
}
.kantakun .grid-wrap .table-wrap .text-wrap {
  font-size: 19px;
  color: #fff;
  background-color: #55788c;
  height: 38px;
  display: grid;
  place-content: center;
}
@media (max-width: 768px) {
  .kantakun .title {
    margin-bottom: calc( 12 / var(--media_sp) * 100vw);
  }
  .kantakun .grid-wrap {
    display: grid;
    grid-template-columns: 330fr 227fr;
    gap: calc( 30 / var(--media_sp) * 100vw) calc( 36 / var(--media_sp) * 100vw);
  }
  .kantakun .grid-wrap .text {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .kantakun .grid-wrap .table-wrap {
    grid-column: 1/2;
    grid-row: 2/3;
    display: block;
  }
  .kantakun .grid-wrap .img-wrap {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .kantakun .grid-wrap .table-wrap .text-wrap {
    font-size:  calc( 13 * 2 / var(--media_sp) * 100vw);
    height: calc( 53 / var(--media_sp) * 100vw);
  }
  .kantakun .grid-wrap .table-wrap > * + * {
    margin-top: 1px;
  }
}

.powderroom .common_layout {
  grid-row: 3/4;
  grid-column:  1/3
}
.powderroom .mini_common_layout {
  grid-row: 2/3;
  grid-column: 2/3; 
  grid-template-columns: 1fr 1fr;
}
.mirror .tissue_holder {
  grid-row: 2/3;
  grid-column: 3/4; 
}

.kantakun {
  grid-row: 2/3;
  grid-column: 1/2;
  align-content: center;
}
.powderroom .common_layout {
  grid-row: 3/4;
  grid-column:  1/3
}
.powderroom .mini_common_layout {
  grid-row: 2/3;
  grid-column: 2/3; 
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .kantakun {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .powderroom .common_layout {
    grid-row: 3/4;
    grid-column:  1/3
  }
  .powderroom .mini_common_layout {
    grid-row: 2/3;
    grid-column: 2/3; 
    grid-template-columns: 1fr 1fr;
  }
  .powderroom .mini_common_layout  .small-char {
    display: inline-block;
  }
  .mirror .tissue_holder {
    grid-row: 3/4;
    grid-column: 2/3; 
  }
}



.bathroom .feature-equipment {
  display: grid;
  grid-template-columns: 552fr 690fr;
  gap: 38px;
  margin-bottom: 42px;
}
.bathroom .feature-equipment .bathtub,
.bathroom .feature-equipment .bathfloor {
  display: grid;
  background-color: #e7dcc8;
}
.bathroom .feature-equipment .bathtub {
  grid-template-columns: 237fr 316fr
}
.bathroom .feature-equipment .bathfloor {
  grid-template-columns: 237fr 453fr
}
.bathroom .feature-equipment .text-wrap {
  padding: 37px;
  padding-bottom: 30px;
}
.bathroom .feature-equipment .text-wrap .title {
  margin-bottom: 16px;
}
.bathroom .feature-equipment .bathtub .caption ,
.bathroom .feature-equipment .bathfloor .caption {
  line-height: 1.2;
  text-align: right;
  bottom: 3px;
}
@media (max-width: 768px) {
  .bathroom .feature-equipment {
    display: block;
    gap: 38px;
    margin-bottom: calc( 42 / var(--media_sp) * 100vw);
  }
  .bathroom .feature-equipment > * + * {
    margin-top: calc( 42 / var(--media_sp) * 100vw);
  }
  .bathroom .feature-equipment .bathtub,
  .bathroom .feature-equipment .bathfloor {
    display: block;
    background-color: #e7dcc8;
  }
  .bathroom .feature-equipment .bathtub {
    grid-template-columns: 237fr 316fr
  }
  .bathroom .feature-equipment .bathfloor {
    grid-template-columns: 237fr 453fr
  }
  .bathroom .feature-equipment .text-wrap {
    padding: calc( 37 / var(--media_sp) * 100vw);
    padding-bottom: calc( 41 / var(--media_sp) * 100vw);
  }
  .bathroom .feature-equipment .text-wrap .title {
    margin-bottom: calc( 16 / var(--media_sp) * 100vw);
  }
  .bathroom .feature-equipment .bathtub .caption ,
  .bathroom .feature-equipment .bathfloor .caption {
    line-height: 1.2;
    text-align: right;
  }
}

.more-bath_equipment {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 38px;
}
.drying_system .title {
  margin-top: 31px;
  margin-bottom: 14px;
}
.bathtub_clener .title {
  margin-bottom: 12px;
}
.bathtub_clener .text {
  margin-bottom: 12px;
}
.bathtub_clener .subtitle {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 17px;
}
.bathtub_clener .subtitle .annotation {
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  margin-top: 6px;
}
.more-bath_equipment .reheating {
  grid-column: 1/3;
}
.reheating {
  display: grid;
  grid-template-columns: 570fr 624fr;
  gap: 0 30px;
  align-items: center;
  padding: 22px 30px;
}
.reheating .title {
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: flex-end;
  margin-bottom: 13px;
}
.reheating .text {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: self-start;
}
.reheating  .img-wrap {
   grid-row: 1/3;
  grid-column: 2/3; 
}
@media (max-width: 768px) {
  .more-bath_equipment {
    display: block
  }
  .more-bath_equipment > * + * {
    margin-top: calc( 40 / var(--media_sp) * 100vw);
  }
  .more-bath_equipment {
    gap: 40px;
    margin-top: calc( 38 / var(--media_sp) * 100vw);
  }
  .drying_system .title {
    margin-top: calc( 31 / var(--media_sp) * 100vw);
    margin-bottom: calc( 14 / var(--media_sp) * 100vw);
  }
  .bathtub_clener .title {
    margin-bottom: calc( 12 / var(--media_sp) * 100vw);
  }
  .bathtub_clener .text {
    margin-bottom: calc( 26 / var(--media_sp) * 100vw);
  }
  .bathtub_clener .subtitle {
    margin-top: 12px;
    font-size: calc( 11 * 2 / var(--media_sp) * 100vw);
    line-height: 1;
    margin-bottom: calc( 24 / var(--media_sp) * 100vw);
  }
  .bathtub_clener .subtitle .annotation {
    font-size: calc( 10 * 2 / var(--media_sp) * 100vw);
    line-height: 1.5;
    margin-top: calc( 5 / var(--media_sp) * 100vw);
  }
  .more-bath_equipment .reheating {
    grid-column: 1/3;
  }
  .reheating {
    display: block;
    align-items: center;
    padding: calc( 37 / var(--media_sp) * 100vw) calc( 40 / var(--media_sp) * 100vw);
  }
  .reheating .title {
    margin-bottom: calc( 16 / var(--media_sp) * 100vw);
  }
  .reheating .text {
    margin-bottom: calc( 20 / var(--media_sp) * 100vw);
  }
}


.toilet .feature-equipment {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
.toilet .feature-equipment .toilet_type {
  display: grid;
  background-color: #e7dcc8;
  grid-template-columns: 210fr 412fr
}
.toilet .feature-equipment .text-wrap {
  display: grid;
  place-content: center;
  padding: 30px 36px;
}
.feature-equipment .text-wrap .title {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .toilet .feature-equipment {
    display: block;
    margin-bottom: calc( 40 / var(--media_sp) * 100vw);
  }
  .toilet .feature-equipment > * + * {
    margin-top: calc( 50 / var(--media_sp) * 100vw);
  }
  .toilet .feature-equipment .toilet_type {
    grid-template-columns: 1fr 1fr;
    gap: calc( 30 / var(--media_sp) * 100vw);
  }

  .toilet .feature-equipment .text-wrap {
    display: grid;
    place-content: center;
    padding: calc( 14 / var(--media_sp) * 100vw) calc( 30 / var(--media_sp) * 100vw);
    padding-left: 0;
  }
  .toilet .feature-equipment .text-wrap .title {
    line-height: calc(19/16);
  }
  .toilet .feature-equipment .text-wrap .text {
    letter-spacing: -0.05em;
  }
  .feature-equipment .text-wrap .title {
    margin-bottom: calc( 14 / var(--media_sp) * 100vw)
  }
}


.strage .common_layout .img-wrap.grid-wrap > * + * {
 margin-top: 2px;
}
.strage .common_block .img-wrap.with_type_caption .title {
  height: 28px;
}
.storagea {
  padding: 0;
  margin-top: 40px;
}
.storagea .grid-wrap {
  display: grid;
  grid-template-columns: 806fr 385fr;
  gap: 57px;
  align-items: center;
}
.storagea .text-wrap {
  padding: 58px 0px 58px 64px;
}
.storagea .text-wrap .annotation {
  display: inline-block;
}
.storagea .title {
  margin-bottom: 14px;
}
.storagea .img-wrap {
  width: 327px;
}
.storagea .img-wrap .caption {
  right: 71px;
}
@media (max-width: 768px) {
  .strage .common_layout .img-wrap.grid-wrap > * + * {
    margin-top: 0px;
  }
  .strage .common_block .img-wrap.with_type_caption .title {
    height:  calc( 40 / var(--media_sp) * 100vw);
    margin-top: calc( -10 / var(--media_sp) * 100vw);
    z-index: 1;
    position: relative;
  }
  .storagea {
    padding: 0;
    margin-top: calc( 40 / var(--media_sp) * 100vw);
  }
  .storagea .grid-wrap {
    display: block;
    padding: calc( 35 / var(--media_sp) * 100vw) calc( 38 / var(--media_sp) * 100vw) calc( 40/ var(--media_sp) * 100vw);
  }
  .storagea .text-wrap {
    padding: initial;
    padding-bottom: calc( 16/ var(--media_sp) * 100vw);
  }
  .storagea .title {
    margin-bottom: calc( 14 / var(--media_sp) * 100vw);
  }
  .storagea .img-wrap {
    width: calc( 480/ var(--media_sp) * 100vw);
    margin: 0 auto;
  }
  .storagea .img-wrap .caption {
    right: 0px;
  }
}


.multimedia .common_layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.multimedia .common_layout .common_block {
  display: grid;
  grid-template-columns: 1fr 1fr;;
  gap: 40px;
}
.multimedia .common_layout .title {
  margin-top: -4px;
}
@media (max-width: 768px) {
  .multimedia .common_layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  .multimedia .common_layout .common_block {
    display: block;
    gap: 40px;
  }
  .multimedia .common_layout .title {
    margin-top: initial;
    margin-top: calc( 19 / var(--media_sp) * 100vw);
    margin-bottom: calc( 11 / var(--media_sp) * 100vw);
  }
}

.comfortable .feature-equipment {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 30px;
}
.comfortable .feature_content-white {
  background-color: initial;
  padding: initial;
}
.comfortable .feature-equipment .img-wrap {
  height: 220px;
  background-color: #fff;
}
.fullflat.feature_content-white .img-wrap {
  padding: 40px 22px 0px;
}
.double_floor.feature_content-white .img-wrap {
  padding: 47px 22px 6px;
}
.double_floor.feature_content-white img {
  width: 389px;
  margin: 0 auto;
  display: block;
}
.comfortable .feature_content-white .title {
  margin-top: 20px;
  margin-bottom: 14px;
}
.comfortable .feature_content-white .title .floor {
  margin-left: 11px;
  display: inline-block;
  background-color: #9c7e48;
  color: #fff;
  font-size: 15px;
  padding: 3px 8px;
  margin-top: 0px;
  position: absolute;
}
@media (max-width: 768px) {
  .comfortable .feature-equipment {
    display: block;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: calc( 30 / var(--media_sp) * 100vw);
  }
  .comfortable .feature_content-white {
      background-color: initial;
      padding: initial;
     margin-top: calc( 35 / var(--media_sp) * 100vw);
  }
  .comfortable .feature-equipment .img-wrap {
    height: auto;
    background-color: #fff;
  }
  .fullflat.feature_content-white .img-wrap {
    padding: initial;
  }
  .double_floor.feature_content-white .img-wrap {
    padding: initial;
  }
  .double_floor.feature_content-white img {
    width: auto;
    margin: 0 auto;
    display: block;
  }
  .comfortable .feature_content-white .title {
    margin-top: calc( 20 / var(--media_sp) * 100vw);
    margin-bottom: calc( 14 / var(--media_sp) * 100vw);
  }
  .comfortable .feature_content-white .title .floor {
    margin-left: calc( 18 / var(--media_sp) * 100vw);
    display: inline-block;
    background-color: #9c7e48;
    color: #fff;
    font-size:calc( 12 *2 / var(--media_sp) * 100vw);
    padding: calc( 4 / var(--media_sp) * 100vw) calc( 8 / var(--media_sp) * 100vw) calc( 8 / var(--media_sp) * 100vw);
    margin-top: 0px;
    position: absolute;
  }
}

.sbs {
  border: solid 1px #9c7e48;
  padding: 28px 30px;
  margin-top: 22px;
}
.sbs_intro .title {
  margin-bottom: 12px;
}
.sbs_intro .feature_text {
  font-size: 17px;
  color: #9c7e48;
  margin-bottom: 8px;
}
.sbs .grid-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #e7dcc8;
  padding: 28px 40px 37px;
  margin-top: 24px;
}
.about_sbs {
  border-right: solid 1px #9c7e48;
  padding-right: 28px;
}
.sbs .detail .title {
  margin-bottom: 5px;
}
.detail .spec .title {
  margin-bottom: 12px;
}
.about_sbs .text {
  font-size: 15px;
  line-height: calc(25/15);
}
.sbs .spec {
  padding-left: 28px; 
}
.comfortable {
  padding-bottom: 90px; 
}
@media (max-width: 768px) {
  .sbs {
    padding: calc( 30 / var(--media_sp) * 100vw) calc( 39/ var(--media_sp) * 100vw) calc( 40 / var(--media_sp) * 100vw) ;
    margin-top: calc( 35 / var(--media_sp) * 100vw)
  }
  .sbs_intro .title {
    margin-bottom: calc( 19 / var(--media_sp) * 100vw);
  }
  .sbs_intro .feature_text {
    font-size: calc( 13*2/ var(--media_sp) * 100vw);
    line-height: calc(19/13);
    margin-bottom: calc( 18 / var(--media_sp) * 100vw);
  }
  .sbs .grid-wrap {
    display: block;
    grid-template-columns: 1fr 1fr;
    background-color: #e7dcc8;
    padding: calc( 18 / var(--media_sp) * 100vw) calc( 25 / var(--media_sp) * 100vw) calc( 29 / var(--media_sp) * 100vw);
    margin-top: calc( 29 / var(--media_sp) * 100vw);
  }
  .about_sbs {
    border-right: initial;
    padding-right: initial;
    padding-bottom: calc( 26/ var(--media_sp) * 100vw);
    border-bottom: solid 1px #9c7e48;
  }
  .sbs .detail .title {
    margin-bottom: 5px;
    font-size: calc( 14 * 2 / var(--media_sp) * 100vw);
  }
  .detail .spec .title {
    margin-bottom: 12px;
  }
  .about_sbs .text {
    font-size: calc( 12 * 2 / var(--media_sp) * 100vw);
    line-height: calc(18/12);
  }
  .sbs .spec {
    padding-left: initial; 
    margin-top: calc( 18/ var(--media_sp) * 100vw);
  }
  .comfortable {
    padding-bottom: calc( 90/ var(--media_sp) * 100vw);
  }
}