@charset "UTF-8";
/* ======================================================================
  p-soundproofing-example
====================================================================== */
#p-soundproofing-example .l-main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 100px auto 0;
  width: 1200px;
}
@media screen and (max-width: 1200px) {
  #p-soundproofing-example .l-main {
    margin: 50px auto 0;
    padding: 0 4.6875vw;
    width: 100%;
  }
}
#p-soundproofing-example .l-main-common {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-common {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-common-textarea .c-heading-2 {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-common-textarea .c-heading-2__en {
    padding: 0 0 0 15px;
  }
}
#p-soundproofing-example .l-main-common-textarea .c-heading-2__en:before {
  top: -3px;
  content: url(../img/common/ico-note.svg);
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-common-textarea .c-heading-2__en:before {
    top: 0;
  }
}
#p-soundproofing-example .l-main-common-textarea .c-heading-2__jp {
  line-height: 1.5;
}
#p-soundproofing-example .l-main-common-lead {
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-common-lead {
    margin: 30px 0 0;
  }
}
#p-soundproofing-example .l-main-common-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  width: 620px;
}
#p-soundproofing-example .l-main .c-card-1__title {
  color: #354b71;
}
#p-soundproofing-example .l-side {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  width: 200px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-side {
    position: initial;
    top: initial;
    left: initial;
    width: 100%;
  }
}
#p-soundproofing-example .l-side a {
  position: relative;
  padding: 0 0 0 16px;
  width: 100%;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7;
  opacity: 0.2;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-side a {
    font-weight: bold;
  }
}
#p-soundproofing-example .l-side a._active {
  color: #354b71;
  font-weight: bold;
  opacity: 1;
}
#p-soundproofing-example .l-side a._active:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #58a797;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#p-soundproofing-example .l-side .u-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-side .u-pc {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-side .u-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
  }
  #p-soundproofing-example .l-side .u-sp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: calc(50% - 8px);
    border-bottom: 1px solid #354b71;
  }
  #p-soundproofing-example .l-side .u-sp-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 0 10px;
    color: #354b71;
    opacity: 1;
  }
  #p-soundproofing-example .l-side .u-sp-link:before {
    position: absolute;
    right: 0;
    bottom: 1px;
    content: url(../img/common/sp/anchor-ico.svg);
  }
}
#p-soundproofing-example .l-main-content {
  margin: 0 auto;
  padding: 0 0 0 200px;
  width: 1200px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content {
    margin: 100px 0 0;
    padding: 0;
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #p-soundproofing-example .l-main-content {
    width: 100%;
  }
}
#p-soundproofing-example .l-main-content__section {
  margin: 0 0 70px;
}
@media screen and (min-width: 768px) {
  #p-soundproofing-example .l-main-content__section {
    margin: 0 0 200px;
  }
}
#p-soundproofing-example .l-main-content__section:last-of-type {
  margin: 0;
}
#p-soundproofing-example .l-main-content-lead {
  margin: 30px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-lead {
    margin: 20px 0 0;
  }
}
#p-soundproofing-example .l-main-content__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin: 30px 0 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #p-soundproofing-example .l-main-content__box {
    gap: 25px;
  }
}
#p-soundproofing-example .l-main-content__box:not(:first-of-type) {
  margin: 80px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box:not(:first-of-type) {
    margin: 50px 0 0;
  }
}
#p-soundproofing-example .l-main-content__box._reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box._reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#p-soundproofing-example .l-main-content__box-item-image {
  width: 500px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box-item-image {
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #p-soundproofing-example .l-main-content__box-item-image {
    width: 50%;
  }
}
#p-soundproofing-example .l-main-content__box-item-text {
  width: calc(100% - 550px);
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box-item-text {
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #p-soundproofing-example .l-main-content__box-item-text {
    width: 50%;
  }
}
#p-soundproofing-example .l-main-content__box-item-text-description {
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box-item-text-description {
    margin: 10px 0 0;
  }
}
#p-soundproofing-example .l-main-content__box-item-text-indent {
  margin: 5px 0 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box-item-text-indent {
    font-size: 1rem;
  }
}
#p-soundproofing-example .l-main-content__box-item-text-lists {
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box-item-text-lists {
    margin: 15px 0 0;
  }
}
#p-soundproofing-example .l-main-content__box-item-text-list {
  position: relative;
  padding: 0 0 0 25px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box-item-text-list {
    padding: 0 0 0 20px;
  }
}
#p-soundproofing-example .l-main-content__box-item-text-list:before {
  position: absolute;
  top: 16px;
  left: 5px;
  width: 8px;
  height: 2px;
  background: #354b71;
  content: "";
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__box-item-text-list:before {
    top: 14px;
  }
}
#p-soundproofing-example .l-main-content-feature {
  margin: 80px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-feature {
    margin: 50px 0 0;
  }
}
#p-soundproofing-example .l-main-content-feature-lead {
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-feature-lead {
    margin: 15px 0 0;
  }
}
#p-soundproofing-example .l-main-content-feature-youtube {
  position: relative;
  margin: 30px auto 0;
  width: 700px;
  height: 395px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-feature-youtube {
    margin: 20px 0 0;
    aspect-ratio: 6/3.4;
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #p-soundproofing-example .l-main-content-feature-youtube {
    aspect-ratio: 6/3.4;
    width: 500px;
    height: auto;
  }
}
#p-soundproofing-example .l-main-content-feature-youtube-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-feature-youtube-double {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#p-soundproofing-example .l-main-content-feature-youtube-double .l-main-content-feature-youtube {
  aspect-ratio: 6/3.4;
  width: 100%;
  height: auto;
}
#p-soundproofing-example .l-main-content-feature-youtube-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#p-soundproofing-example .l-main-content__table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table {
    gap: 0 5px;
  }
}
#p-soundproofing-example .l-main-content__table-row.row1 {
  width: 220px;
  border-radius: 10px;
  background: #f7f7f5;
}
#p-soundproofing-example .l-main-content__table-row.row1 .l-main-content__table-column {
  color: #354b71;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table-row.row1 .l-main-content__table-column {
    padding: 25px 0;
    line-height: 1.4;
  }
}
#p-soundproofing-example .l-main-content__table-row.row1 .l-main-content__table-column:nth-of-type(2) {
  position: relative;
  padding: 34px 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table-row.row1 .l-main-content__table-column:nth-of-type(2) {
    padding: 43px 0;
  }
}
#p-soundproofing-example .l-main-content__table-row.row1 .l-main-content__table-column:nth-of-type(2):before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 90%;
  height: 1px;
  background: #dadcde;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table-row.row1 .l-main-content__table-column:nth-of-type(2):before {
    width: 70%;
  }
}
#p-soundproofing-example .l-main-content__table-row.row1 .l-main-content__table-column:nth-of-type(2):after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 90%;
  height: 1px;
  background: #dadcde;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table-row.row1 .l-main-content__table-column:nth-of-type(2):after {
    width: 70%;
  }
}
#p-soundproofing-example .l-main-content__table-row.row1 .l-main-content__table-column:nth-of-type(3) {
  padding: 34px 0;
}
#p-soundproofing-example .l-main-content__table-row.row2 {
  overflow: hidden;
  width: 380px;
  border-radius: 10px;
}
#p-soundproofing-example .l-main-content__table-row.row2 .l-main-content__table-column:first-of-type {
  background: #f7f7f5;
}
#p-soundproofing-example .l-main-content__table-row.row2 .l-main-content__table-column:not(:first-of-type) {
  position: relative;
  padding: 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table-row.row2 .l-main-content__table-column:not(:first-of-type) {
    padding: 20px 0;
  }
}
#p-soundproofing-example .l-main-content__table-row.row2 .l-main-content__table-column:not(:first-of-type):after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 90%;
  height: 1px;
  background: #dadcde;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#p-soundproofing-example .l-main-content__table-row.row2 .l-main-content__table-column {
  color: #354b71;
  font-weight: 700;
}
#p-soundproofing-example .l-main-content__table-row.row3 {
  overflow: hidden;
  width: 380px;
  border-radius: 10px;
}
#p-soundproofing-example .l-main-content__table-row.row3 .l-main-content__table-column:first-of-type {
  background: #58a797;
  color: #fff;
}
#p-soundproofing-example .l-main-content__table-row.row3 .l-main-content__table-column:not(:first-of-type) {
  padding: 0;
  padding: 17px 0 0;
  height: 100px;
  background: #fffbe2;
  color: #58a797;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table-row.row3 .l-main-content__table-column:not(:first-of-type) {
    padding: 20px 0;
    height: auto;
  }
}
#p-soundproofing-example .l-main-content__table-row.row3 .l-main-content__table-column:not(:first-of-type)._sp {
  padding: 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table-row.row3 .l-main-content__table-column:not(:first-of-type)._sp {
    padding: 20px 0;
  }
}
#p-soundproofing-example .l-main-content__table-row.row3 .l-main-content__table-column:nth-of-type(2) {
  position: relative;
  padding: 17px 0 0;
  height: 100px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table-row.row3 .l-main-content__table-column:nth-of-type(2) {
    padding: 15px 0;
    height: auto;
  }
}
#p-soundproofing-example .l-main-content__table-row.row3 .l-main-content__table-column:nth-of-type(2):after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 90%;
  height: 1px;
  background: #dadcde;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#p-soundproofing-example .l-main-content__table-row.row3 .l-main-content__table-column {
  color: #354b71;
  font-weight: 600;
}
#p-soundproofing-example .l-main-content__table-column {
  padding: 20px 0;
  text-align: center;
}
#p-soundproofing-example .l-main-content__table .size1 {
  font-weight: 600;
  font-style: italic;
  font-size: 50px;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table .size1 {
    font-size: 3.6rem;
    line-height: 1;
  }
}
#p-soundproofing-example .l-main-content__table .size1._another {
  font-size: 66px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table .size1._another {
    font-size: 4.8rem;
  }
  #p-soundproofing-example .l-main-content__table .size1._another._sp {
    font-size: 36px;
  }
}
#p-soundproofing-example .l-main-content__table .size2 {
  display: inline-block;
  margin: 0 0 0 5px;
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table .size2 {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1;
  }
  #p-soundproofing-example .l-main-content__table .size2._another {
    font-size: 2rem;
  }
}
#p-soundproofing-example .l-main-content__table .size3 {
  display: inline-block;
  margin: 0 5px 0 0;
  font-style: italic;
  font-size: 38px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table .size3 {
    margin: 0;
    font-size: 2.6rem;
    line-height: 1;
  }
}
#p-soundproofing-example .l-main-content__table .size3._another {
  font-size: 52px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table .size3._another {
    font-size: 2.6rem;
  }
}
#p-soundproofing-example .l-main-content__table .size4 {
  display: inline-block;
  font-size: 28px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-transform: translate(-2px, -5px);
  transform: translate(-2px, -5px);
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table .size4 {
    font-size: 1.6rem;
    line-height: 1;
    -webkit-transform: translate(-1px, -5px);
    transform: translate(-1px, -5px);
  }
}
#p-soundproofing-example .l-main-content__table .size5 {
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table .size5 {
    font-size: 1.6rem;
  }
}
#p-soundproofing-example .l-main-content__table .size6 {
  display: inline-block;
  font-style: italic;
  font-size: 57px;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__table .size6 {
    margin: 0;
    font-size: 3.6rem;
    line-height: 1;
  }
}
#p-soundproofing-example .l-main-content-cost-contact {
  margin: 50px 0 0;
  padding: 40px;
  border-radius: 10px;
  background: #f7f7f5;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-cost-contact {
    padding: 20px 4.6875vw;
  }
}
#p-soundproofing-example .l-main-content-cost-contact-title {
  color: #354b71;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-cost-contact-title {
    font-size: 1.7rem;
  }
}
#p-soundproofing-example .l-main-content-cost-contact .c-button-3 {
  margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-cost-contact .c-button-3 {
    width: 100%;
    height: 64px;
  }
}
#p-soundproofing-example .l-main-content__case {
  margin: 80px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case {
    margin: 50px 0 0;
  }
}
#p-soundproofing-example .l-main-content__case-item {
  margin: 40px 0 0;
  border: 1px solid #354b71;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item {
    margin: 30px 0 0;
    border-radius: 6px;
  }
}
#p-soundproofing-example .l-main-content__case-item-imgbox {
  padding: 10px 50px 20px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-imgbox {
    position: relative;
    overflow: scroll;
    padding: 0;
    border-radius: 6px;
    background: #fff;
  }
  #p-soundproofing-example .l-main-content__case-item-imgbox.scrolled .b-flow-list__scroll-hint {
    display: none;
  }
  #p-soundproofing-example .l-main-content__case-item-imgbox-scroll {
    padding: 15px 15px 0;
    width: 600px;
  }
}
#p-soundproofing-example .l-main-content__case-item-imgbox._noscroll:before {
  display: none;
}
#p-soundproofing-example .l-main-content__case-item-imgbox-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
  margin: 5px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-imgbox-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding: 10px 4.6875vw 0;
  }
}
#p-soundproofing-example .l-main-content__case-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 30px;
  padding: 0 50px 50px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 4.6875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #p-soundproofing-example .l-main-content__case-item-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
#p-soundproofing-example .l-main-content__case-item-info {
  width: calc(100% - 480px);
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-info {
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #p-soundproofing-example .l-main-content__case-item-info {
    width: 45%;
  }
}
#p-soundproofing-example .l-main-content__case-item-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#p-soundproofing-example .l-main-content__case-item-info-ttl {
  white-space: nowrap;
  font-weight: 700;
}
#p-soundproofing-example .l-main-content__case-item-bnr {
  padding: 16px;
  width: 450px;
  border-radius: 10px;
  background: #fefbe1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-bnr {
    margin: 15px 0 0;
    border-radius: 6px;
  }
}
#p-soundproofing-example .l-main-content__case-item-bnr._another {
  text-align: left;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-bnr._another {
    text-align: center;
  }
}
#p-soundproofing-example .l-main-content__case-item-bnr._another .l-main-content__case-item-bnr-subtxt {
  padding: 0 0 0 8px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-bnr._another .l-main-content__case-item-bnr-subtxt {
    padding: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #p-soundproofing-example .l-main-content__case-item-bnr {
    width: 50%;
  }
}
#p-soundproofing-example .l-main-content__case-item-bnr-tag {
  display: inline-block;
  padding: 5px 40px;
  border-radius: 999px;
  background: #354b71;
  color: #fff;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-bnr-tag {
    font-size: 1.2rem;
  }
}
#p-soundproofing-example .l-main-content__case-item-bnr-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin: -20px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-bnr-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
  }
}
#p-soundproofing-example .l-main-content__case-item-bnr-flex .l-main-content__case-item-bnr-price {
  margin: 0 0 0 15px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-bnr-flex .l-main-content__case-item-bnr-price {
    margin: -10px 0 0;
  }
}
#p-soundproofing-example .l-main-content__case-item-bnr-ttl {
  color: #354b71;
  font-weight: 700;
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-bnr-ttl {
    font-size: 2.6rem;
  }
}
#p-soundproofing-example .l-main-content__case-item-bnr-price {
  margin: -5px 0 0;
  color: #58a797;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 1;
}
#p-soundproofing-example .l-main-content__case-item-bnr-price span {
  font-weight: 600;
  font-style: italic;
  font-size: 6.6rem;
  font-family: "Montserrat", sans-serif;
}
#p-soundproofing-example .l-main-content__case-item-bnr-subtxt {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-bnr-subtxt {
    font-size: 1rem;
  }
}
#p-soundproofing-example .l-main-content__case-item-bnr-txtflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#p-soundproofing-example .l-main-content__case-item-bnr-txtflex-wrap {
  text-align: left;
}
#p-soundproofing-example .l-main-content__case-item-ttl {
  position: relative;
  display: inline-block;
  padding: 5px 15px 10px;
  border-radius: 8px 0 10px 0;
  background: #354b71;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-ttl {
    padding: 5px 15px 10px;
    border-radius: 4px 0 6px 0;
    font-size: 2rem;
  }
}
#p-soundproofing-example .l-main-content__case-item-ttl:before {
  position: absolute;
  top: -15px;
  right: -9px;
  content: url(../img/common/corner.png);
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-ttl:before {
    top: -12px;
  }
}
#p-soundproofing-example .l-main-content__case-item-ttl:after {
  position: absolute;
  bottom: -18px;
  left: 0;
  content: url(../img/common/corner.png);
}
#p-soundproofing-example .l-main-content__case-item-ttl .en {
  display: inline-block;
  margin: 0 10px 0 0;
  font-weight: 500;
  font-style: italic;
  font-size: 2.4rem;
  font-family: "Caveat", cursive, sans-serif;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-ttl .en {
    font-size: 1.8rem;
  }
}
#p-soundproofing-example .l-main-content__case-item-ttl .en .big {
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-item-ttl .en .big {
    font-size: 3rem;
  }
}
#p-soundproofing-example .l-main-content__case-item-info-strong {
  font-weight: 700;
}
#p-soundproofing-example .l-main-content__case-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 30px;
  padding: 20px 50px 50px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-double {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 4.6875vw 15px;
  }
}
#p-soundproofing-example .l-main-content__case-double-item1 {
  width: calc(50% - 5px);
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-double-item1 {
    width: 100%;
  }
}
#p-soundproofing-example .l-main-content__case-double-item1 .l-main-content__case-item-bnr {
  margin: 10px 0 0;
  width: 100%;
}
#p-soundproofing-example .l-main-content__case-double-item2 {
  width: calc(50% - 25px);
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-double-item2 {
    width: 100%;
  }
}
#p-soundproofing-example .l-main-content__case-double-item2 .l-main-content__case-item-info {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__case-double .l-main-content__case-item-bnr {
    width: 100%;
  }
}
#p-soundproofing-example .l-main-content__strength {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__strength {
    gap: 20px;
    margin: 30px 0 0;
  }
}
#p-soundproofing-example .l-main-content__strength-item {
  width: calc(50% - 20px);
  border-radius: 10px;
  background: #f7f7f5;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__strength-item {
    width: 100%;
    border-radius: 6px;
  }
}
#p-soundproofing-example .l-main-content__strength-item-point {
  position: relative;
  display: inline-block;
  padding: 5px 20px 10px;
  border-radius: 0 0 10px 0;
  background: #fff;
  color: #354b71;
  font-style: italic;
  font-size: 2.4rem;
  font-family: "Caveat", cursive, sans-serif;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__strength-item-point {
    border-radius: 0 0 6px 0;
    font-size: 1.8rem;
  }
}
#p-soundproofing-example .l-main-content__strength-item-point:before {
  position: absolute;
  top: -10px;
  right: -10px;
  content: url(../img/common/corner2.png);
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__strength-item-point:before {
    top: -5px;
  }
}
#p-soundproofing-example .l-main-content__strength-item-point::after {
  position: absolute;
  bottom: -13px;
  left: 0;
  content: url(../img/common/corner2.png);
}
#p-soundproofing-example .l-main-content__strength-item-point span {
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__strength-item-point span {
    font-size: 3rem;
  }
}
#p-soundproofing-example .l-main-content__strength-item-thumb {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__strength-item-thumb {
    height: 180px;
  }
  #p-soundproofing-example .l-main-content__strength-item-thumb img {
    height: 100%;
  }
}
#p-soundproofing-example .l-main-content__strength-item-thumb img {
  margin: 0 auto;
}
#p-soundproofing-example .l-main-content__strength-item-ttl {
  margin: 15px 0 10px;
  color: #354b71;
  text-align: center;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__strength-item-ttl {
    margin: 15px 0;
    font-size: 2rem;
  }
}
#p-soundproofing-example .l-main-content__strength-item-text {
  padding: 0 30px 40px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__strength-item-text {
    padding: 0 15px 20px;
  }
}
#p-soundproofing-example .l-main-content__strength-item-text a {
  position: relative;
  padding: 0 8px 0 0;
  color: #354b71;
  text-decoration: underline;
}
#p-soundproofing-example .l-main-content__strength-item-text a:before {
  position: absolute;
  top: 8px;
  right: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid #354b71;
  border-bottom: 1px solid #354b71;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
#p-soundproofing-example .l-main-content__strength-item-text a:hover {
  text-decoration: none;
}
#p-soundproofing-example .l-main-content__strength-item-text small {
  display: inline-block;
  font-size: 10px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
#p-soundproofing-example .l-main-content__strength-item-indent {
  margin: 5px 0 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
  font-size: 1.2rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__strength-item-indent {
    font-size: 1rem;
  }
}
#p-soundproofing-example .l-main-content-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-gallery {
    margin: 30px 0 0;
    padding: 0 15px 0 0;
    width: 885px;
  }
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-gallery._another {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }
  #p-soundproofing-example .l-main-content-gallery._another .c-card-1 {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content-gallery-wrap {
    overflow: scroll;
    padding: 0 4.6875vw 15px;
    width: 100vw;
    -webkit-transform: translateX(-4.6875vw);
    transform: translateX(-4.6875vw);
    /* スクロールバーを強制表示する設定 */
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #999 transparent; /* Firefox */
  }
  #p-soundproofing-example .l-main-content-gallery-wrap::-webkit-scrollbar {
    height: 6px; /* 横スクロールバーの高さ */
  }
  #p-soundproofing-example .l-main-content-gallery-wrap::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #999;
  }
  #p-soundproofing-example .l-main-content-gallery-wrap::-webkit-scrollbar-track {
    background: transparent;
  }
}
#p-soundproofing-example .l-main-content__showroom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 40px;
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__showroom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin: 30px 0 0;
  }
}
#p-soundproofing-example .l-main-content__showroom-img {
  width: 500px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__showroom-img {
    width: 100%;
  }
}
#p-soundproofing-example .l-main-content__showroom-info {
  padding: 20px 30px;
  border: 1px solid #dce2ea;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__showroom-info {
    padding: 15px;
  }
}
#p-soundproofing-example .l-main-content__showroom-info-ttl {
  color: #354b71;
  font-weight: 700;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__showroom-info-ttl {
    font-size: 16px;
  }
}
#p-soundproofing-example .l-main-content__showroom .c-button-1 {
  margin-right: 0;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  #p-soundproofing-example .l-main-content__showroom .c-button-1 {
    margin-right: auto;
    margin-left: auto;
  }
}
#p-soundproofing-example.p-band .c-heading-2__en:before {
  content: url(../img/p-band/mainttl-ico.svg);
}
#p-soundproofing-example.p-band .l-main-common .c-heading-2__en:before {
  content: url(../img/common/ico-note.svg);
}
#p-soundproofing-example.p-brass .c-heading-2__en:before {
  content: url(../img/p-brass/mainttl-ico.svg);
}
#p-soundproofing-example.p-brass .l-main-common .c-heading-2__en:before {
  content: url(../img/common/ico-note.svg);
}
#p-soundproofing-example.p-woodwind .c-heading-2__en:before {
  content: url(../img/p-woodwind/mainttl-ico.svg);
}
#p-soundproofing-example.p-woodwind .l-main-common .c-heading-2__en:before {
  content: url(../img/common/ico-note.svg);
}
#p-soundproofing-example.p-strings .c-heading-2__en:before {
  content: url(../img/p-strings/mainttl-ico.svg);
}
#p-soundproofing-example.p-strings .l-main-common .c-heading-2__en:before {
  content: url(../img/common/ico-note.svg);
}
#p-soundproofing-example.p-karaoke .c-heading-2__en:before {
  content: url(../img/p-karaoke/mainttl-ico.svg);
}
#p-soundproofing-example.p-karaoke .l-main-common .c-heading-2__en:before {
  content: url(../img/common/ico-note.svg);
}
#p-soundproofing-example.p-home-theater .c-heading-2__en:before {
  content: url(../img/p-home-theater/mainttl-ico.svg);
}
#p-soundproofing-example.p-home-theater .l-main-common .c-heading-2__en:before {
  content: url(../img/common/ico-note.svg);
}
#p-soundproofing-example.p-rehearsal .c-heading-2__en:before {
  content: url(../img/p-rehearsal/mainttl-ico.svg);
}
#p-soundproofing-example.p-rehearsal .l-main-common .c-heading-2__en:before {
  content: url(../img/common/ico-note.svg);
}
#p-soundproofing-example.p-live .c-heading-2__en:before {
  content: url(../img/p-live/mainttl-ico.svg);
}
#p-soundproofing-example.p-live .l-main-common .c-heading-2__en:before {
  content: url(../img/common/ico-note.svg);
}
#p-soundproofing-example.p-dance .c-heading-2__en:before {
  content: url(../img/p-dance/mainttl-ico.svg);
}
#p-soundproofing-example.p-dance .l-main-common .c-heading-2__en:before {
  content: url(../img/common/ico-note.svg);
}
#p-soundproofing-example.p-other .c-heading-2__en {
  padding: 0 0 0 20px;
}
#p-soundproofing-example.p-other .c-heading-2__en:before {
  top: -3px;
  content: url(../img/common/i-musical-note.svg);
}

.b-flow-list__scroll-hint {
  position: absolute;
  top: calc(50% + 8px);
  left: 50%;
  z-index: 10;
  display: none;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  width: 128px;
  height: 112px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .b-flow-list__scroll-hint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.b-flow-list__scroll-hint-text {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5833333333;
}