@charset "UTF-8";
/* ------------------------------
#eclp
denish_sofa_series
------------------------------ */
/* common
------------------------------ */
.pc-only {
  display: block !important;
}
.sp-only {
  display: none !important;
}
@media screen and (max-width: 800px) {
  .pc-only {
    display: none !important;
  }
  .sp-only {
    display: block !important;
  }
  h1,h2,h3 {
    line-height: 1.1;
  }
  h2 {
    padding: 10px 0;
    background-color: transparent;
  }
}
#eclp img {
  width: 100%;
  /*height: auto;*/
  vertical-align: bottom;
}
.roboto {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 0;
}
.flex {
  display: flex;
  justify-content: space-between;
}
/* mv
------------------------------ */
.mv {
  width: 100%;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: url(../../../../img/pages/denish_sofa_series/mv_pc.jpg) center top/cover no-repeat;
}
.mv__title {
  width: 100%;
  margin: -130px 0 0;
}
.mv__title h1 {
  font-size: 70px;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 50px 0 10px;
  line-height: 1;
}
.mv__title h1 em {
  margin-left: 2rem;
  font-weight: 300;
}
.mv__title span {
  display: block;
  width: 100%;
  max-width: 530px;
  margin: 0 auto 10px;
}
.mv__title h1 + p {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .mv {
    min-height: calc(530 * (100vw / 390));
    align-items: flex-start;
    background: url(../../../../img/pages/denish_sofa_series/mv_sp.jpg) center top/cover no-repeat;
  }
  .mv__title {
    margin: calc(25 * (100vw / 390)) 0 0;
  }
  .mv__title h1 {
    font-size: calc(55 * (100vw / 390));
    margin: 10px 0 5px;
    padding: 10px 10px 0;
  }
  .mv__title h1 em {
    margin: 0;
    display: block;
  }
  .mv__title span {
    max-width: calc(210 * (100vw / 390)) !important;
    margin: 0 auto 10px;
  }
  .mv__title h1 + p {
    font-size: calc(18 * (100vw / 390));
    letter-spacing: -1px;
  }
}
/* cv
------------------------------ */
.cv {
  width: 100%;
  margin: 0 auto 40px;
  background: #8c7459;
  box-shadow: 0 10px 7px rgba(0, 0, 0, .16);
}
.cv dt {
  width: 50%;
}
.cv dt img {
  height: 100%;
  object-fit: cover;
}
.cv dd {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cv__inner {
  width: 80%;
  padding: 50px 5%;
  color: #fff;
}
.cv__inner > .flex {
  justify-content: center;
}
.cv h2 {
  margin-bottom: 3vw;
  font-size: 3.6vw;
  line-height: 2.4vw;
}
.cv h2 span {
  font-weight: 400;
}
.cv h2 em {
  font-size: 1.2vw;
  line-height: 1.2vw;
}
.cv h2 strong {
  font-size: 1.6vw;
  line-height: 1.8vw;
}
.cv .txt {
  margin-bottom: 2.6vw;
}
.cv .flex {
  flex-wrap: wrap;
}
.cv .flex .button:not(:nth-child(-n+2)) {
  margin-top: 4%;
}
.cv .button {
  width: 60%;
  padding: 20px 1rem;
  display: inline-block;
  background: #373739;
  border-radius: 6px;
  color: #fff;
  line-height: 2rem;
  text-align: center;
  cursor: pointer;
  transition: .2s;
}
.cv .button:hover {
  background-color: #fff;
  color: #000;
}
.cv h2 .large {
  font-size: 3.6vw;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .cv__inner {
    width: 90%;
  }
}
@media screen and (max-width: 800px) {
  .cv h2 {
    margin-bottom: 30px;
    font-size: 2.4rem;
    line-height: 1.6rem;
  }
  .cv h2 em {
    font-size: 0.8rem;
    line-height: 0.2rem;
  }
  .cv h2 strong {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  .cv .txt {
    margin-bottom: 30px;
    font-size: 0.8rem;
    line-height: 1.4rem
  }
  .cv .button {
    font-size: 1rem;
    line-height: 2.2rem;
  }
  .cv h2 .large {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 640px) {
  .cv dl.flex {
    display: block;
  }
  .cv dt, .cv dd {
    width: 100%;
  }
  .cv__inner {
    width: 90%;
    padding: 30px 0;
  }
  .cv .button {
    width: 80%;
    padding: 15px 1rem;
  }
  .cv .button:hover {
    background-color: #373739;
    color: #fff;
  }
}
/* compare
------------------------------ */
/* common */
.compare_box {
  width: 100%;
  max-width: 1240px;
  margin: 100px auto 80px;
}
.feature_box {
  width: 100%;
  max-width: 1240px;
  margin: auto;
}
h2.title_h2 {
  display: flex;
  align-items: center;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  color: #8C7459;
  margin: 0 20px 37px;
}
h2.title_h2::before, h2.title_h2::after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #8C7459;
}
h2.title_h2::before {
  margin-right: 3rem;
}
h2.title_h2::after {
  margin-left: 3rem;
}
h2.title_h2:not(:first-of-type) {
  margin-top: 120px;
}
h3.title_h3 {
  font-size: clamp(28px, 2.5vw, 30px);
  font-weight: 600;
  margin: 0 auto 33px;
  padding: 0 0 5px;
  border-bottom: 1px solid #E6E4DC;
}
h3.title_h3 span {
  font-size: 40px;
  font-weight: 500;
  color: #E6E4DC;
}
.compare_tab {
  display: flex;
  margin: 0 20px 95px;
}
.feature_box .compare_tab {
  margin: 0 20px 80px;
}
.column3_box {
  width: 100%;
  max-width: 386px;
  flex-shrink: 0;
  margin-right: 21px;
}
.column3_box.last_box {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .compare_box {
    margin: 50px auto 80px;
  }
  .choose_area:has(> #q_01:not([style="display: none;"])) + .compare_box {
    margin-top: 110px;
  }
  h2.title_h2 {
    margin: 0 15px 26px;
  }
  h2.title_h2::before {
    margin-right: 2rem;
  }
  h2.title_h2::after {
    margin-left: 2rem;
  }
  h2.title_h2:not(:first-of-type) {
    margin-top: 80px;
  }
  h3.title_h3 {
    margin: 0 15px 15px;
  }
  .compare_tab {
    display: block;
    margin: 0 15px 40px;
  }
  .column3_box {
    max-width: 100%;
    margin-right: 0;
  }
}
/* tab(sp) */
.sp_tab_box {
  position: sticky;
  top: 60px;
  z-index: 1;
  padding: 10px 0;
  background: #ffffffE6;
}
.sp_tab_select {
  text-align: center;
  margin: 0 15px;
  border: 1px solid #373738;
}
.sp_tab_select li {
  position: relative;
  font-size: 18px;
  font-weight: 900;
  color: #373738;
  padding: 8px 5px;
  background: #fff;
  border-bottom: 1px solid #373738;
}
.sp_tab_select li:last-of-type {
  border-bottom: none;
}
.sp_tab_select li::after {
  position: absolute;
  bottom: 13px;
  right: 8px;
  width: 41px;
  height: 12px;
  background: url(../../../../img/pages/denish_sofa_series/sp_tab_arrow-b.png) no-repeat bottom right;
  background-size: 41px auto;
  content: '';
}
.sp_tab_select li.view_first_btn, .sp_tab_select li.is-active-tab {
  color: #fff;
  background: #373738;
}
.sp_tab_select li.view_first_btn::after, .sp_tab_select li.is-active-tab::after {
  background: url(../../../../img/pages/denish_sofa_series/sp_tab_arrow-w.png) no-repeat bottom right;
  background-size: 41px auto;
}
@media screen and (min-width: 765px) {
  .column3_box {
    display: block !important;
    opacity: 1 !important;
  }
}
@media screen and (max-width: 764px) {
  #select01.view_first_btn {
    pointer-events: none;
  }
  .compare_tab .select02, .compare_tab .select03 {
    display: none;
  }
}
/* main */
.column3_box .main-detail h3 {
  font-size: clamp(17px, 2.5vw, 25px);
  font-weight: 600;
  text-align: center;
  color: #fff;
  margin: 0 0 20px;
  padding: 5px 0;
  background: #333;
}
.column3_box .main-detail img {
  margin: 0 0 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
.column3_box .main-detail h4 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 20px;
}
.column3_box .main-detail p {
  font-size: clamp(15px, 2.5vw, 16px);
  font-weight: 500;
  text-align: center;
  line-height: 1.8;
}
/* fixd_title(pc) */
body:not(.is-in) .fixd_title * {
  visibility: hidden;
  margin: 0;
  height: 0;
}
.fixd_title {
  width: 100%;
  max-width: 1240px;
  background: #ffffffE6;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.fixd_title .compare_tab {
  margin: 0 20px;
}
.fixd_title .column3_box .main-detail h3 {
  margin: 0;
}
.is-in .fixd_title {
  position: fixed;
  top: 80px;
  padding: 20px 0;
  opacity: 1;
  transition: all 0.5s ease 0s;
}
.is-in #gnav-wrapper ~ #eclp .fixd_title {
  top: 120px;
}
@media screen and (max-width: 768px) {
  .column3_box .main-detail .main-detail_inner {
    position: relative;
  }
  .column3_box .main-detail .main-detail_inner h3 {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 26px;
    font-weight: 900;
    text-align: center;
    color: #8C7459;
    margin: 0 0 20px;
    background: none;
  }
  .column3_box .main-detail img {
    height: calc(400 * (100vw / 750));
    object-fit: cover;
    box-shadow: none;
  }
  .column3_box .main-detail h4 {
    margin: 50px 0 20px;
  }
}
/* item */
.column3_box .item-detail {
  height: 100%;
  border: 0.5px solid #EFEFEF;
}
.column3_box .item-detail h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 62px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 20px;
  background: #F5F2EA;
}
.column3_box .item-detail h3 span.item-num {
  font-size: 28px;
}
.column3_box .item-detail ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
}
.column3_box .item-detail ul li {
  width: 100%;
  max-width: 166px;
  flex-shrink: 0;
  margin: 0 20px 20px 0;
  border: 1px solid #EFEFEF;
}
.column3_box .item-detail ul li:nth-child(2n) {
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .column3_box .item-detail {
    border: none;
  }
  .column3_box .item-detail ul li {
    width: calc((100% - 17px) / 2);
    max-width: 50%;
    flex-shrink: 0;
    margin: 0 17px 20px 0;
  }
}
/* list */
.column3_box .list-detail ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 62px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  margin: 0 0 12px;
  padding: 12px 0;
  background: #F5F2EA;
}
.column3_box .list-detail ul li:last-of-type {
  margin: 0;
}
.list-ajust-txt01 {
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.list-ajust-txt02 {
  font-size: 16px;
  font-weight: 500;
}
.column3_box .list-detail ul li.list-ajust-list {
  display: block;
  height: unset;
  font-size: 18px;
  margin: 0;
  padding: 0;
  background: unset;
}
.column3_box .list-detail ul li.list-ajust-list span {
  font-size: 25px;
}
.column3_box .list-detail ul li.list-ajust-list p {
  font-weight: 500;
}
.column3_box .list-detail ul li.list-ajust-list p.list-icon {
  max-width: 47px;
  margin: 22px auto 11px;
}
@media screen and (max-width: 768px) {}
/* option */
.column3_box .option-detail {
  height: 100%;
  border: 0.5px solid #EFEFEF;
}
.column3_box .option-detail h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 62px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 15px;
  background: #F5F2EA;
}
.column3_box .option-detail h3 + p {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin: 0 0 13px;
}
.column3_box .option-detail ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 15px;
}
.column3_box .option-detail ul li {
  width: 100%;
  max-width: 101px;
  flex-shrink: 0;
  margin: 0 26px 15px 0;
}
.column3_box .option-detail ul li img {
  border: 1px solid #EFEFEF;
}
.column3_box .option-detail ul li span {
  display: block;
  font-size: 23px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  margin: 10px auto 0;
}
.column3_box .option-detail ul li:nth-child(3n) {
  margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
  .column3_box .option-detail {
    border: none;
  }
  .column3_box .option-detail ul {
    margin: 0;
  }
  .column3_box .option-detail ul li {
    width: calc((100% - 26px) / 3);
    max-width: 33%;
    flex-shrink: 0;
    margin: 0 13px 15px 0;
  }
}
/* feature
------------------------------ */
.column3_box .feature-detail {
  position: relative;
}
.column3_box .feature-detail h3 {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-size: clamp(12px, 2.5vw, 25px);
  font-weight: 900;
  text-align: center;
  color: #8C7459;
  margin: 0 0 20px;
  padding: 5px 0;
}
.column3_box .feature-detail h3:before {
  position: absolute;
  bottom: -20px;
  left: calc(50% - 9px);
  transform: rotate(136deg);
  width: 19px;
  height: 19px;
  border-top: 3px solid #8C7459;
  border-right: 3px solid #8C7459;
  content: '';
}
.column3_box .feature-detail img {
  margin: 0 0 15px;
  padding: 40px 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
.column3_box .feature-detail p {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-size: clamp(12px, 2.5vw, 20px);
  font-weight: 600;
  text-align: center;
  line-height: 1.8;
}
.column3_box .feature-detail p.feature-ajust-txt01 {
  top: 30px;
  font-size: clamp(12px, 2.5vw, 18px);
}
.column3_box .feature-detail a p {
  color: #333;
}
.column3_box .feature-detail a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .feature_box .compare_tab {
    display: flex;
    margin: 107px 15px 40px;
  }
  .feature_box .column3_box {
    width: calc((100% - 14px) / 3);
    max-width: 33%;
    margin-right: 7px;
  }
  .feature_box .column3_box.last_box {
    margin-right: 0;
  }
  .column3_box .feature-detail p {
    position: absolute;
    top: -60px;
    line-height: 1.3;
  }
  .column3_box .feature-detail p.feature-ajust-txt01 {
    top: -70px;
    letter-spacing: -1px;
  }
  .column3_box .feature-detail img {
    padding: 0 0 60px;
  }
  .column3_box .feature-detail h3 {
    bottom: 20px;
    margin: 0 0 10px;
    letter-spacing: -0.5px;
  }
  .column3_box .feature-detail h3.feature-ajust-txt02sp {
    padding-bottom: 15px;
  }
  .column3_box .feature-detail h3:before {
    bottom: -5px;
    left: calc(50% - 4px);
    width: 6px;
    height: 6px;
    border-top: 2px solid #8C7459;
    border-right: 2px solid #8C7459;
  }
}
/* choose
------------------------------ */
.choose_area {
  width: 913px;
  height: 210px;
  margin: -130px auto 0;
}
.choose_area span.choose_btn {
  box-shadow: none;
}
.choose_area_inner {
  width: 913px;
  height: 185px;
  margin: auto;
}
/* 開始ボタン */
.flexbox1 span.choose_btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 550px;
  height: 59px;
  margin: auto;
  font-size: clamp(20px, 2.5vw, 25px);
  font-weight: bold;
  color: #333;
  text-align: center;
  background: #fff;
  border-radius: 60px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  cursor: pointer;
}
.flexbox1 span.choose_btn::after {
  position: absolute;
  bottom: 18px;
  right: 41px;
  width: 57px;
  height: 12px;
  background: url(../../../../img/pages/denish_sofa_series/choose_arrow-b.png) no-repeat bottom right;
  background-size: 57px auto;
  content: '';
}
.flexbox1 span.choose_btn:hover {
  color: #fff;
  background: #8C7459;
}
.flexbox1 span.choose_btn:hover::after {
  background: url(../../../../img/pages/denish_sofa_series/choose_arrow-w.png) no-repeat bottom right;
  background-size: 57px auto;
}
.flexbox1 span.choose_btn:hover::after {
  animation: start_click 0.5s infinite ease-in;
  animation-iteration-count: 2;
}
@keyframes start_click {
  0% {
    right: 41px;
  }
  50% {
    right: 36px;
  }
  100% {
    right: 41px;
  }
}
/**/
.choose_area_inner > p {
  display: block;
  font-size: clamp(16px, 2.5vw, 18px);
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin: 0 auto 10px;
}
.choose_box {
  position: relative;
  width: 913px;
  height: 185px;
  margin: auto;
  padding: 25px 50px 40px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
}
/* 結果画面リセット */
.choose_box:has(#q_05[class*="fit"]), .choose_box:has(#q_06[class*="fit"]), .choose_box:has(#q_07[class*="fit"]) {
  height: 300px;
  padding: 33px;
}
.choose_area_inner:has(#q_05[class*="fit"]) > p, .choose_area_inner:has(#q_06[class*="fit"]) > p, .choose_area_inner:has(#q_07[class*="fit"]) > p {
  display: none;
}
.choose_area:has(#q_05[class*="fit"]), .choose_area:has(#q_06[class*="fit"]), .choose_area:has(#q_07[class*="fit"]) {
  width: 913px;
  height: 300px;
  margin: -220px auto 0;
}
/**/
.choose_box .fit > p {
  font-size: clamp(20px, 2.5vw, 30px);
  font-weight: 600;
  text-align: center;
  margin: 0 0 20px;
}
.choose_box ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: auto;
}
.choose_box ul li {
  margin-right: 30px;
}
.choose_box ul li:nth-child(2n) {
  margin-right: 0;
}
/* 選択ボタン */
.choose_box ul li span.choose_btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 389px;
  height: 59px;
  margin: auto;
  font-size: clamp(14px, 2.5vw, 16px);
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #611111;
  border-radius: 60px;
  cursor: pointer;
}
.choose_box ul li:nth-child(even) span.choose_btn {
  background: #16304A;
}
.choose_box ul li span.choose_btn::after {
  position: absolute;
  bottom: 22px;
  right: 11px;
  width: 57px;
  height: 12px;
  background: url(../../../../img/pages/denish_sofa_series/choose_arrow-w.png) no-repeat bottom right;
  background-size: 57px auto;
  content: '';
}
.choose_box ul li span.choose_btn:hover {
  opacity: 0.7;
}
.choose_box ul li span.choose_btn:hover::after {
  animation: select_click 0.5s infinite ease-in;
  animation-iteration-count: 2;
}
@keyframes select_click {
  0% {
    right: 11px;
  }
  50% {
    right: 6px;
  }
  100% {
    right: 11px;
  }
}
/**/
/*.choose_box .fit {
  position: absolute;
  top: 25px;
  left: 50px;
  width: calc(100% - 50px);
}*/
/* 結果画面 */
.result_box {
  display: flex;
  text-align: center;
}
.result_box img {
  width: 100%;
  max-width: 460px;
  flex-shrink: 0;
  margin-right: 30px;
}
.result_box p {
  font-size: clamp(15px, 2.5vw, 22px);
  font-weight: 600;
  margin: 0 0 16px;
}
.result_box h2 {
  font-size: clamp(22px, 2.5vw, 28px);
  font-weight: 900;
  color: #1C376E;
}
#q_05 span:not(.choose_btn), #q_06 span:not(.choose_btn), #q_07 span:not(.choose_btn) {
  display: block;
  width: 100%;
}
.result_box a.goods_btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 50px;
  margin: 25px auto 8px;
  font-size: clamp(14px, 2.5vw, 20px);
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #333;
  border-radius: 60px;
}
.result_box a.goods_btn::after {
  position: absolute;
  bottom: 19px;
  right: 23px;
  width: 48px;
  height: 12px;
  background: url(../../../../img/pages/denish_sofa_series/choose_arrow-w.png) no-repeat bottom right;
  background-size: 48px auto;
  content: '';
}
.result_box a.goods_btn:hover {
  opacity: 0.7;
}
.result_box a.goods_btn:hover::after {
  animation: result_click 0.5s infinite ease-in;
  animation-iteration-count: 2;
}
@keyframes result_click {
  0% {
    right: 23px;
  }
  50% {
    right: 18px;
  }
  100% {
    right: 23px;
  }
}
.result_box span.choose_btn {
  color: #333;
  text-decoration: underline;
  cursor: pointer;
}
.result_box span.choose_btn:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .choose_area {
    width: calc(100% - 30px);
    height: 100%;
    margin: calc(-140 * (100vw / 390)) 15px 0;
  }
  .choose_area_inner {
    width: 100%;
    height: 100%;
  }
  /* 開始ボタン */
  .flexbox1 span.choose_btn {
    width: 100%;
    height: 51px;
    border-radius: 60px;
  }
  .flexbox1 span.choose_btn::after {
    right: 18px;
  }
  @keyframes start_click {
    0% {
      right: 18px;
    }
    50% {
      right: 13px;
    }
    100% {
      right: 18px;
    }
  }
  /**/
  .choose_area_inner > p {
    text-align: left;
  }
  .choose_box {
    width: 100%;
    height: 200px;
    padding: 19px 8px;
  }
  /* 結果画面リセット */
  .choose_box:has(#q_05[class*="fit"]), .choose_box:has(#q_06[class*="fit"]), .choose_box:has(#q_07[class*="fit"]) {
    height: 100%;
    min-height: calc(340 * (100vw / 390));
    padding: 10px 13px;
  }
  .choose_area:has(#q_05[class*="fit"]), .choose_area:has(#q_06[class*="fit"]), .choose_area:has(#q_07[class*="fit"]) {
    width: calc(100% - 30px);
    height: 100%;
    min-height: calc(300 * (100vw / 390));
    margin: calc(-200 * (100vw / 390)) auto 0;
  }
  /**/
  .choose_box .fit > p {
    font-size: clamp(20px, 2.5vw, 30px);
    font-weight: 600;
    text-align: center;
    margin: 0 0 15px;
  }
  .choose_box ul {
    display: block;
  }
  .choose_box ul li {
    margin-right: 0;
    margin-bottom: 17px;
  }
  .choose_box ul li:last-of-type {
    margin-bottom: 0;
  }
  /* 選択ボタン */
  .choose_box ul li span.choose_btn {
    width: 100%;
    height: 50px;
  }
  .choose_box ul li span.choose_btn::after {
    bottom: 20px;
    right: 13px;
    width: 44px;
    height: 11px;
    background: url(../../../../img/pages/denish_sofa_series/sp_tab_arrow-w.png) no-repeat bottom right;
    background-size: 44px auto;
    content: '';
  }
  @keyframes select_click {
    0% {
      right: 13px;
    }
    50% {
      right: 8px;
    }
    100% {
      right: 13px;
    }
  }
  /**/
  /* 結果画面 */
  .result_box {
    display: block;
  }
  .result_box img {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .result_box p {
    font-size: clamp(15px, 2.5vw, 25px);
    font-weight: 600;
    margin: 0;
  }
  .result_box h2 {
    font-size: clamp(24px, 2.5vw, 55px);
    font-weight: 900;
    color: #1C376E;
    padding: 10px 0;
  }
  .result_box a.goods_btn {
    width: 100%;
    height: 40px;
    margin: 0 auto 4px;
  }
  .result_box a.goods_btn::after {
    bottom: 14px;
    right: 13px;
    width: 44px;
    height: 12px;
    background: url(../../../../img/pages/denish_sofa_series/sp_tab_arrow-w.png) no-repeat bottom right;
    background-size: 44px auto;
  }
  @keyframes result_click {
    0% {
      right: 14px;
    }
    50% {
      right: 9px;
    }
    100% {
      right: 14px;
    }
  }
}