/*====================
common
====================*/
.container-test {}
@media all and (max-width: 768px) {
    .container-test {}
}
.bg__plaid:after {
    height: 100vh;
}

/*====================
header-test
====================*/

.header-test {background: #603012;padding: 30px 0 30px;}
.header-test__title {max-width: 234px;width: 100%;margin: auto;}
.header-test__title-image {

}
@media all and (max-width: 768px) {
    .header-test {padding: 4vw 0 4vw;}
    .header-test__title {

    }
    .header-test__title-image {

    }
}

/*====================
question
====================*/
.question {

}
.question__inner {max-width: 610px;width: 100%;margin: 0 auto 0px;padding: 142px 0;}
.question__text {font-weight: bold;font-size: 32px;margin: 0 auto 40px;}
.answer__box {display: flex;justify-content: space-between;}
.answer__btn {width: 48%;}
.answer__btn-image {

}
@media all and (max-width: 768px) {
    .question {

    }
    .question__inner {max-width: unset;width: 85vw;padding: 9.5vw 0 0;}
    .question__text {font-size: 6vw;letter-spacing: -0.04em;margin: 0 auto 10.4vw;}
    .answer__box {flex-wrap: wrap;gap: 3vw;}
    .answer__btn {width: 100%;}
    .answer__btn-image {

    }
}



/*====================
result
====================*/
.bg__plaid-blue {

}
.bg__plaid-blue:after {
	background-image: url(../images/bg_plaid_blue.png);
	height: 100%;
}
.bg__plaid-beige:after {
	background-image: url(../images/bg_plaid_beige.png);
    height: 100%;
}
.bg__plaid-purple:after {
	background-image: url(../images/bg_plaid_purple.png);
    height: 100%;
}
.bg__plaid-pink:after {
    height: 100%;
}
.result {

}
.result__inner {padding: 40px 0 0 0;}
.result__title {width: 100%;margin: 0 auto 30px;font-size: 22px;font-weight: bold;text-align: center;}
.result__title-image {max-width: 290px;margin: auto;}
.result__visual-image {width: 100%;max-width: 310px;margin: auto;}
.result__text {font-size: 26px;font-weight: bold;text-align: left;margin: 30px auto 25px;width: 100%;max-width: 600px;line-height: 1.5;}
.result__sns-btn {width: 100%;max-width: 369px;display: block;margin: auto;}
.result__sns-btn-image {

}
.result-product {border-radius: 20px;max-width: 600px;width: 100%;margin: 54px auto 0;background: #fff;padding: 40px 0 33px 0;}
.result-product__flex {width: 100%;display: flex;justify-content: center;gap: 40px;align-items: center;}
.result-product__l {

}
.result-product__text {text-align: center;font-size: 22px;font-weight: bold;}
.result-product__accent {
  display: inline-block;
  font-size: 36px;
  padding: 0 4px;
  background: linear-gradient(
  transparent 72%,
  #FFEA22 72%,
  #FFEA22 94%,
  transparent 94%
);
  }
.result-product__r {}
.result-product__r-image {
    max-width: 154px;
}
.result__sns-btn-image {/* max-width: 154px; *//* margin: auto; */}
.result-product__btn {max-width: 369px;margin: 34px auto 0;}
.result-product__btn-image {

}

@media all and (max-width: 768px) {
    .bg__plaid-blue {

    }
    .result {

    }
    .result__inner {padding: 7vw 0 0 0;}
    .result__title {margin: 0 auto 10vw;}
    .result__visual-image {max-width: unset;width: 71vw;}
    .result__text {margin: 9vw auto 3vw;font-size: 5.87vw;max-width: unset;width: 84.27vw;}
    .result__sns-btn {max-width: unset;width: 83vw;}
    .result-product {margin: 9vw auto 0;max-width: unset;width: 83vw;padding: 5vw 0 8vw 0;}
    .result-product__flex {
    padding: 0;
    flex-wrap: wrap;
    gap: 4vw;
    }
    .result-product__text {line-height: 1.3;}
    .result-product__accent {margin: 0vw 0 0 0;}

    .result-product__btn {max-width: unset;width: 67vw;margin: 5vw auto 0;}
    .result-product__accent {
      font-size: 8vw;
    }
}


/*====================
footer
====================*/
.footer-test {text-align: center;padding: 45px 0 40px;}
.footer-test__text {font-size: 10.6px;margin: auto;}
.footer-test__result {
    padding: 10px 0 40px;
}
@media all and (max-width: 768px) {
    .footer-test {padding: 5.7vw 0vw 4vw;text-align: left;}
    .footer-test__text {
    width: 85vw;
    display: block;
    }
}