@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@400;500;700&display=swap");
@media (min-width: 768px) {
  html {
    font-size: min(0.733vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 1.334vw;
  }
}

body {
  margin: 0;
}

.bp_feature_cont {
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}
.bp_feature_cont ul, .bp_feature_cont ol, .bp_feature_cont figure, .bp_feature_cont p, .bp_feature_cont button, .bp_feature_cont input, .bp_feature_cont h1, .bp_feature_cont h2, .bp_feature_cont h3, .bp_feature_cont h4, .bp_feature_cont h5, .bp_feature_cont h6, .bp_feature_cont p, .bp_feature_cont dl, .bp_feature_cont dt, .bp_feature_cont dd {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.bp_feature_cont ul, .bp_feature_cont ol {
  list-style: none;
}
.bp_feature_cont img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .bp_feature_cont img[src$="_pc.png"], .bp_feature_cont img[src$="_pc.jpg"] {
    display: none;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont img[src$="_sp.png"], .bp_feature_cont img[src$="_sp.jpg"] {
    display: none;
  }
}
.bp_feature_cont svg {
  width: 100%;
  height: 100%;
}
i .bp_feature_cont svg {
  display: block;
}
.bp_feature_cont dialog:focus {
  outline: none;
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .pc_only {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .sp_only {
    display: none !important;
  }
}
.bp_feature_cont *, .bp_feature_cont *::before, .bp_feature_cont *::after {
  box-sizing: border-box;
}
.bp_feature_cont a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.bp_feature_cont a:not([class]) {
  text-decoration: underline;
}
.bp_feature_cont button {
  background: transparent;
  border: 0;
  font: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.bp_feature_cont .effect01 {
  transition: all 1s ease;
  opacity: 0;
  transform: translateY(2.5rem);
}
.bp_feature_cont .effect01.js-displayed {
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .bp_feature_cont {
    padding-bottom: 11rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont {
    padding-bottom: 20rem;
  }
}
.bp_feature_cont .ttl01 {
  position: relative;
  text-align: center;
  letter-spacing: 0.3em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .bp_feature_cont .ttl01 {
    margin-bottom: 10rem;
    padding-bottom: 4rem;
    line-height: 181.819%;
    font-size: 2.2rem;
  }
  .bp_feature_cont .ttl01 > h2 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .ttl01 > h2:first-of-type {
    margin-top: -0.409em;
  }
  .bp_feature_cont .ttl01 > h2:last-of-type {
    margin-bottom: -0.409em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .ttl01 {
    margin-bottom: 10rem;
    padding-bottom: 5rem;
    line-height: 178.572%;
    font-size: 2.8rem;
  }
  .bp_feature_cont .ttl01 > h2 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .ttl01 > h2:first-of-type {
    margin-top: -0.392em;
  }
  .bp_feature_cont .ttl01 > h2:last-of-type {
    margin-bottom: -0.392em;
  }
}
.bp_feature_cont .ttl01::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 768px) {
  .bp_feature_cont .ttl01::before {
    width: 10rem;
    height: 0.1rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .ttl01::before {
    width: 10rem;
    height: 0.2rem;
  }
}
.bp_feature_cont .ttl02 {
  letter-spacing: 0.15em;
}
@media (min-width: 768px) {
  .bp_feature_cont .ttl02 {
    line-height: 150%;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .ttl02 {
    line-height: 147.369%;
    font-size: 3.8rem;
  }
}
.bp_feature_cont .ttl02 > h3 {
  font-weight: 700;
}
.bp_feature_cont .ttl03 {
  text-align: center;
}
.bp_feature_cont .ttl03 > h2 {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.bp_feature_cont .ttl03 .en {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .bp_feature_cont .ttl03 .en {
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .ttl03 .en {
    font-size: 5rem;
  }
}
.bp_feature_cont .ttl03 .jp {
  font-weight: 500;
  letter-spacing: 0.2em;
}
@media (min-width: 768px) {
  .bp_feature_cont .ttl03 .jp {
    padding-top: 1rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .ttl03 .jp {
    padding-top: 3rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .ttl04 {
    line-height: 146.154%;
    font-size: 2.6rem;
  }
  .bp_feature_cont .ttl04 > h3 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .ttl04 > h3:first-of-type {
    margin-top: -0.23em;
  }
  .bp_feature_cont .ttl04 > h3:last-of-type {
    margin-bottom: -0.23em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .ttl04 {
    line-height: 156.25%;
    font-size: 3.2rem;
  }
  .bp_feature_cont .ttl04 > h3 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .ttl04 > h3:first-of-type {
    margin-top: -0.281em;
  }
  .bp_feature_cont .ttl04 > h3:last-of-type {
    margin-bottom: -0.281em;
  }
}
.bp_feature_cont .ttl04 > h3 {
  letter-spacing: 0.15em;
  font-weight: 700;
}
.bp_feature_cont .flx01 {
  display: flex;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .bp_feature_cont .flx01 {
    justify-content: space-between;
    gap: 5.8rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx01 {
    flex-direction: column;
    gap: 8rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx01 + .flx01 {
    padding-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx01 + .flx01 {
    padding-top: 11rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx01-l .flx_img {
    order: -1;
  }
  .bp_feature_cont .flx01-l .flx_cont {
    order: 0;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx01-r .flx_img {
    order: 0;
  }
  .bp_feature_cont .flx01-r .flx_cont {
    order: -1;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx01-short {
    padding-right: 9.8rem;
    padding-left: 9.8rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx01 + .txt_cont {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx01 + .txt_cont {
    padding-top: 12rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx01 .flx_cont {
    padding-top: 6rem;
    width: 46rem;
  }
}
.bp_feature_cont .flx01 .flx_txt {
  letter-spacing: 0.07em;
  text-align: justify;
}
@media (min-width: 768px) {
  .bp_feature_cont .flx01 .flx_txt {
    padding-top: 4rem;
    line-height: 213.334%;
    font-size: 1.5rem;
  }
  .bp_feature_cont .flx01 .flx_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .flx01 .flx_txt > p:first-of-type {
    margin-top: -0.566em;
  }
  .bp_feature_cont .flx01 .flx_txt > p:last-of-type {
    margin-bottom: -0.566em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx01 .flx_txt {
    padding-top: 5rem;
    line-height: 191.667%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .flx01 .flx_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .flx01 .flx_txt > p:first-of-type {
    margin-top: -0.458em;
  }
  .bp_feature_cont .flx01 .flx_txt > p:last-of-type {
    margin-bottom: -0.458em;
  }
}
.bp_feature_cont .flx02 {
  display: flex;
}
@media (min-width: 768px) {
  .bp_feature_cont .flx02 {
    gap: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx02 {
    flex-direction: column;
    gap: 6rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx02 .flx_img {
    width: 37rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx02 .flx_cont {
    width: 49.8rem;
  }
}
.bp_feature_cont .flx02 .flx_txt {
  letter-spacing: 0.07em;
  text-align: justify;
}
@media (min-width: 768px) {
  .bp_feature_cont .flx02 .flx_txt {
    padding-top: 5rem;
    line-height: 213.334%;
    font-size: 1.5rem;
  }
  .bp_feature_cont .flx02 .flx_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .flx02 .flx_txt > p:first-of-type {
    margin-top: -0.566em;
  }
  .bp_feature_cont .flx02 .flx_txt > p:last-of-type {
    margin-bottom: -0.566em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx02 .flx_txt {
    padding-top: 6.4rem;
    line-height: 191.667%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .flx02 .flx_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .flx02 .flx_txt > p:first-of-type {
    margin-top: -0.458em;
  }
  .bp_feature_cont .flx02 .flx_txt > p:last-of-type {
    margin-bottom: -0.458em;
  }
}
.bp_feature_cont .flx_img {
  overflow: hidden;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .bp_feature_cont .flx_img {
    width: 60rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx_img.wid01 {
    width: 55rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx_img.wid01 {
    width: 57rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .flx_img.wid02 {
    width: 40rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx_img.wid02 {
    width: 45rem;
    margin: 0 auto;
  }
}
.bp_feature_cont .flx_img_wrap {
  position: relative;
}
@media (min-width: 768px) {
  .bp_feature_cont .flx_img_wrap {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx_img_wrap {
    margin-bottom: 3rem;
    padding-left: 5.2rem;
  }
}
.bp_feature_cont .flx_img_sub {
  position: absolute;
  background-color: #fff;
  overflow: hidden;
}
.bp_feature_cont .flx_img_sub img {
  border-radius: 0.8rem;
}
@media (min-width: 768px) {
  .bp_feature_cont .flx_img_sub {
    left: -5rem;
    bottom: -3rem;
    width: 25rem;
    padding: 0.7rem;
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .flx_img_sub {
    left: 0;
    bottom: -3rem;
    width: 26rem;
    padding: 0.7rem;
    border-radius: 0.8rem;
  }
}
.bp_feature_cont .flx02 {
  display: flex;
  align-items: flex-start;
}
.bp_feature_cont .txt_cont {
  text-align: center;
}
.bp_feature_cont .txt_cont_txt {
  text-align: left;
}
@media (min-width: 768px) {
  .bp_feature_cont .txt_cont_txt {
    width: 75rem;
    margin: 0 auto;
    padding-top: 5rem;
    line-height: 213.334%;
    font-size: 1.5rem;
  }
  .bp_feature_cont .txt_cont_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .txt_cont_txt > p:first-of-type {
    margin-top: -0.566em;
  }
  .bp_feature_cont .txt_cont_txt > p:last-of-type {
    margin-bottom: -0.566em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .txt_cont_txt {
    padding-top: 5rem;
    line-height: 191.667%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .txt_cont_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .txt_cont_txt > p:first-of-type {
    margin-top: -0.458em;
  }
  .bp_feature_cont .txt_cont_txt > p:last-of-type {
    margin-bottom: -0.458em;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .txt_cont + .flx01 {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .txt_cont + .flx01 {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .txt_cont .ttl02 {
    text-align: left;
  }
}
.bp_feature_cont .txt01 {
  font-family: "Noto Sans JP", sans-serif;
}
.bp_feature_cont .kv_wrap {
  position: relative;
}
@media (min-width: 768px) {
  .bp_feature_cont .kv_wrap {
    padding: 0 3rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .kv_wrap {
    padding: 0 2.5rem;
  }
}
.bp_feature_cont .kv_wrap figure {
  overflow: hidden;
}
@media (min-width: 768px) {
  .bp_feature_cont .kv_wrap figure {
    border-radius: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .kv_wrap figure {
    border-radius: 2rem;
  }
}
.bp_feature_cont .kv_wrap .logo {
  position: absolute;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .bp_feature_cont .kv_wrap .logo {
    left: 13rem;
    bottom: 0;
    width: 30rem;
    height: 18rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .kv_wrap .logo {
    align-items: center;
    left: 0;
    bottom: 0;
    width: 30rem;
    height: 21rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .page_lead {
    line-height: 175%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .page_lead > h1 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .page_lead > h1:first-of-type {
    margin-top: -0.375em;
  }
  .bp_feature_cont .page_lead > h1:last-of-type {
    margin-bottom: -0.375em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .page_lead {
    line-height: 173.334%;
    font-size: 3rem;
  }
  .bp_feature_cont .page_lead > h1 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .page_lead > h1:first-of-type {
    margin-top: -0.366em;
  }
  .bp_feature_cont .page_lead > h1:last-of-type {
    margin-bottom: -0.366em;
  }
}
.bp_feature_cont .page_lead > h1 {
  font-weight: 700;
  letter-spacing: 0.3em;
  text-align: center;
}
@media (min-width: 768px) {
  .bp_feature_cont .page_lead > h1 {
    padding: 10rem 0;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .page_lead > h1 {
    padding: 10rem 0;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .sec_wrapper {
    padding: 15rem 0;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .sec_wrapper {
    padding: 15rem 0;
  }
}
.bp_feature_cont .sec_wrapper.contents01_wrapper {
  padding-top: 0;
}
.bp_feature_cont .sec_inr {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .bp_feature_cont .sec_inr {
    width: 111.8rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .sec_inr {
    padding: 0 6.4rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .commitment_wrapper {
    padding: 9rem 0 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .commitment_wrapper {
    padding: 10rem 0;
  }
}
.bp_feature_cont .commitment_cont {
  border: solid 0.1rem;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .bp_feature_cont .commitment_cont {
    padding: 7rem 10rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .commitment_cont {
    border-width: 0.2rem;
    padding: 8rem 7rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_wrapper {
    padding-top: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_wrapper {
    padding: 10.7rem 0 12rem;
  }
}
.bp_feature_cont .interview_cont {
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_cont {
    padding: 10.4rem 10rem 15rem;
  }
}
.bp_feature_cont .interview_lead {
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_lead {
    padding-top: 5rem;
    line-height: 181.819%;
    font-size: 2.2rem;
  }
  .bp_feature_cont .interview_lead > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_lead > p:first-of-type {
    margin-top: -0.409em;
  }
  .bp_feature_cont .interview_lead > p:last-of-type {
    margin-bottom: -0.409em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_lead {
    padding-top: 8rem;
    line-height: 171.429%;
    font-size: 2.8rem;
  }
  .bp_feature_cont .interview_lead > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_lead > p:first-of-type {
    margin-top: -0.357em;
  }
  .bp_feature_cont .interview_lead > p:last-of-type {
    margin-bottom: -0.357em;
  }
}
.bp_feature_cont .interview_person {
  display: flex;
  background-color: #fff;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_person {
    align-items: center;
    gap: 4rem;
    margin-top: 6rem;
    padding: 5.8rem 5.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_person {
    flex-direction: column;
    gap: 4rem;
    margin-top: 10rem;
    padding: 6rem 7rem 8rem;
  }
}
.bp_feature_cont .interview_person_ttl {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_person_ttl {
    width: 12.4rem;
    height: 12.4rem;
    line-height: 173.334%;
    font-size: 1.5rem;
    border-radius: 7rem;
  }
  .bp_feature_cont .interview_person_ttl > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_person_ttl > p:first-of-type {
    margin-top: -0.366em;
  }
  .bp_feature_cont .interview_person_ttl > p:last-of-type {
    margin-bottom: -0.366em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_person_ttl {
    width: 16rem;
    height: 16rem;
    margin: 0 auto;
    line-height: 170%;
    font-size: 2rem;
    border-radius: 8rem;
  }
  .bp_feature_cont .interview_person_ttl > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_person_ttl > p:first-of-type {
    margin-top: -0.35em;
  }
  .bp_feature_cont .interview_person_ttl > p:last-of-type {
    margin-bottom: -0.35em;
  }
}
.bp_feature_cont .interview_person_name {
  font-weight: 700;
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_person_name {
    line-height: 144.445%;
    font-size: 1.8rem;
  }
  .bp_feature_cont .interview_person_name > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_person_name > p:first-of-type {
    margin-top: -0.222em;
  }
  .bp_feature_cont .interview_person_name > p:last-of-type {
    margin-bottom: -0.222em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_person_name {
    text-align: center;
    line-height: 134.616%;
    font-size: 2.6rem;
  }
  .bp_feature_cont .interview_person_name > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_person_name > p:first-of-type {
    margin-top: -0.173em;
  }
  .bp_feature_cont .interview_person_name > p:last-of-type {
    margin-bottom: -0.173em;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_person_prof {
    padding-top: 3rem;
    line-height: 185.715%;
    font-size: 1.4rem;
  }
  .bp_feature_cont .interview_person_prof > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_person_prof > p:first-of-type {
    margin-top: -0.428em;
  }
  .bp_feature_cont .interview_person_prof > p:last-of-type {
    margin-bottom: -0.428em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_person_prof {
    padding-top: 5rem;
    line-height: 191.667%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .interview_person_prof > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_person_prof > p:first-of-type {
    margin-top: -0.458em;
  }
  .bp_feature_cont .interview_person_prof > p:last-of-type {
    margin-bottom: -0.458em;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_faq {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_faq {
    padding-top: 10rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_faq_item + .interview_faq_item {
    padding-top: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_faq_item + .interview_faq_item {
    padding-top: 10rem;
  }
}
.bp_feature_cont .interview_faq_item_q {
  display: flex;
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_faq_item_q {
    align-items: center;
    gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_faq_item_q {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }
}
.bp_feature_cont .interview_faq_item_q > span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_faq_item_q > span {
    width: 3.8rem;
    height: 3.8rem;
    font-size: 2rem;
    border-radius: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_faq_item_q > span {
    width: 5rem;
    height: 5rem;
    font-size: 2.7rem;
    border-radius: 2.5rem;
  }
}
.bp_feature_cont .interview_faq_item_q > p {
  font-weight: 700;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_faq_item_q > p {
    line-height: 158.334%;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_faq_item_q > p {
    text-align: center;
    line-height: 156.25%;
    font-size: 3.2rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .interview_faq_item_a {
    padding-top: 3.5rem;
    line-height: 200%;
    font-size: 1.6rem;
  }
  .bp_feature_cont .interview_faq_item_a > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_faq_item_a > p:first-of-type {
    margin-top: -0.5em;
  }
  .bp_feature_cont .interview_faq_item_a > p:last-of-type {
    margin-bottom: -0.5em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .interview_faq_item_a {
    padding-top: 5rem;
    line-height: 191.667%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .interview_faq_item_a > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .interview_faq_item_a > p:first-of-type {
    margin-top: -0.458em;
  }
  .bp_feature_cont .interview_faq_item_a > p:last-of-type {
    margin-bottom: -0.458em;
  }
}
.bp_feature_cont .cont_done {
  position: relative;
}
@media (min-width: 768px) {
  .bp_feature_cont .cont_done {
    margin-top: 6rem;
    padding-top: 13rem;
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .cont_done {
    margin-top: 4.8rem;
    padding-top: 14.2rem;
    padding-bottom: 5.8rem;
  }
}
.bp_feature_cont .cont_done::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  background-color: #000;
}
@media (min-width: 768px) {
  .bp_feature_cont .cont_done::before {
    width: 0.1rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .cont_done::before {
    width: 0.2rem;
    height: 10rem;
  }
}
.bp_feature_cont .cont_done_txt {
  text-align: center;
  font-weight: 500;
}
@media (min-width: 768px) {
  .bp_feature_cont .cont_done_txt {
    line-height: 160%;
    font-size: 2rem;
    letter-spacing: 0.2em;
  }
  .bp_feature_cont .cont_done_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .cont_done_txt > p:first-of-type {
    margin-top: -0.3em;
  }
  .bp_feature_cont .cont_done_txt > p:last-of-type {
    margin-bottom: -0.3em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .cont_done_txt {
    line-height: 134.616%;
    font-size: 2.6rem;
    letter-spacing: 0.07em;
  }
  .bp_feature_cont .cont_done_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .cont_done_txt > p:first-of-type {
    margin-top: -0.173em;
  }
  .bp_feature_cont .cont_done_txt > p:last-of-type {
    margin-bottom: -0.173em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_wrapper {
    width: 62.2rem;
    margin: 0 auto;
    border-radius: 1rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .result_cont {
    padding: 7.7rem 0 7rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_cont {
    padding: 6.7rem 4rem 8.2rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_cont .sec_inr {
    padding: 0;
  }
}
.bp_feature_cont .result_box {
  display: flex;
}
@media (min-width: 768px) {
  .bp_feature_cont .result_box {
    gap: 7rem;
    padding-left: 6.6rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_box {
    flex-direction: column;
    align-items: center;
    gap: 4.5rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .result_box_cont {
    padding-top: 3rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .result_box_logo {
    width: 15rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_box_logo {
    width: 20.9rem;
    margin: 0 auto;
  }
}
.bp_feature_cont .result_box_ttl {
  font-weight: 700;
  letter-spacing: 0.15em;
}
@media (min-width: 768px) {
  .bp_feature_cont .result_box_ttl {
    padding-top: 3rem;
    line-height: 146.667%;
    font-size: 3rem;
  }
  .bp_feature_cont .result_box_ttl > h2 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .result_box_ttl > h2:first-of-type {
    margin-top: -0.233em;
  }
  .bp_feature_cont .result_box_ttl > h2:last-of-type {
    margin-bottom: -0.233em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_box_ttl {
    padding-top: 3.5rem;
    line-height: 131.579%;
    font-size: 3.8rem;
    text-align: center;
  }
  .bp_feature_cont .result_box_ttl > h2 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .result_box_ttl > h2:first-of-type {
    margin-top: -0.157em;
  }
  .bp_feature_cont .result_box_ttl > h2:last-of-type {
    margin-bottom: -0.157em;
  }
}
.bp_feature_cont .result_box_txt {
  color: #fff;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  .bp_feature_cont .result_box_txt {
    padding-top: 3rem;
    line-height: 200%;
    font-size: 1.6rem;
  }
  .bp_feature_cont .result_box_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .result_box_txt > p:first-of-type {
    margin-top: -0.5em;
  }
  .bp_feature_cont .result_box_txt > p:last-of-type {
    margin-bottom: -0.5em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_box_txt {
    padding-top: 4rem;
    line-height: 191.667%;
    font-size: 2.4rem;
    text-align: center;
  }
  .bp_feature_cont .result_box_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .result_box_txt > p:first-of-type {
    margin-top: -0.458em;
  }
  .bp_feature_cont .result_box_txt > p:last-of-type {
    margin-bottom: -0.458em;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .result_box_btn {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_box_btn {
    margin-top: 6rem;
  }
}
.bp_feature_cont .result_box_btn > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.5s;
}
@media (min-width: 768px) {
  .bp_feature_cont .result_box_btn > a {
    width: 34rem;
    height: 7rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_box_btn > a {
    width: 48.2rem;
    height: 12rem;
    font-size: 2.8rem;
  }
}
.bp_feature_cont .result_box_btn > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../../common/imgs/arrow_w.svg) no-repeat 0 0;
  background-size: contain;
}
@media (min-width: 768px) {
  .bp_feature_cont .result_box_btn > a::before {
    right: 2.8rem;
    width: 0.8rem;
    height: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .result_box_btn > a::before {
    right: 3.6rem;
    width: 1.5rem;
    height: 2.6rem;
  }
}
.bp_feature_cont .result_box_btn > a:hover {
  opacity: 0.6;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_wrapper {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_wrapper {
    padding-top: 10rem;
  }
}
.bp_feature_cont .recipe_lead {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_lead {
    line-height: 158.334%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .recipe_lead > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_lead > p:first-of-type {
    margin-top: -0.291em;
  }
  .bp_feature_cont .recipe_lead > p:last-of-type {
    margin-bottom: -0.291em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_lead {
    line-height: 143.75%;
    font-size: 3.2rem;
  }
  .bp_feature_cont .recipe_lead > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_lead > p:first-of-type {
    margin-top: -0.218em;
  }
  .bp_feature_cont .recipe_lead > p:last-of-type {
    margin-bottom: -0.218em;
  }
}
.bp_feature_cont .recipe_lead > p {
  position: relative;
  display: inline-block;
}
.bp_feature_cont .recipe_lead > p::before, .bp_feature_cont .recipe_lead > p::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #000;
  transform-origin: 100% 100%;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_lead > p::before, .bp_feature_cont .recipe_lead > p::after {
    width: 0.2rem;
    height: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_lead > p::before, .bp_feature_cont .recipe_lead > p::after {
    width: 0.4rem;
    height: 8.8rem;
  }
}
.bp_feature_cont .recipe_lead > p::before {
  rotate: -25deg;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_lead > p::before {
    left: -1.7rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_lead > p::before {
    left: -4.2rem;
  }
}
.bp_feature_cont .recipe_lead > p::after {
  rotate: 25deg;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_lead > p::after {
    right: -1.7rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_lead > p::after {
    right: -4.2rem;
  }
}
.bp_feature_cont .recipe_box {
  position: relative;
  border: solid;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_box {
    margin-top: 2rem;
    padding: 7rem 8.5rem;
    border-width: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_box {
    margin-top: 4rem;
    padding: 7.5rem 7rem 9.6rem;
    border-width: 1.2rem;
  }
}
.bp_feature_cont .recipe_box::before {
  content: "";
  position: absolute;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_box::before {
    top: -0.8rem;
    right: -0.8rem;
    width: 3.4rem;
    height: 3.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_box::before {
    top: -1.2rem;
    right: -1.2rem;
    width: 3.4rem;
    height: 3.4rem;
  }
}
.bp_feature_cont .recipe_ttl {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1em;
  border-bottom: dotted;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_ttl {
    padding-bottom: 4rem;
    line-height: 100%;
    font-size: 3.2rem;
    border-width: 0.4rem;
  }
  .bp_feature_cont .recipe_ttl > h2 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_ttl > h2:first-of-type {
    margin-top: 0em;
  }
  .bp_feature_cont .recipe_ttl > h2:last-of-type {
    margin-bottom: 0em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_ttl {
    padding-bottom: 4rem;
    line-height: 156.25%;
    font-size: 3.2rem;
    border-width: 0.4rem;
  }
  .bp_feature_cont .recipe_ttl > h2 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_ttl > h2:first-of-type {
    margin-top: -0.281em;
  }
  .bp_feature_cont .recipe_ttl > h2:last-of-type {
    margin-bottom: -0.281em;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_txt {
    padding-top: 3rem;
    line-height: 187.5%;
    font-size: 1.6rem;
    text-align: center;
  }
  .bp_feature_cont .recipe_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_txt > p:first-of-type {
    margin-top: -0.437em;
  }
  .bp_feature_cont .recipe_txt > p:last-of-type {
    margin-bottom: -0.437em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_txt {
    padding-top: 6rem;
    line-height: 191.667%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .recipe_txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_txt > p:first-of-type {
    margin-top: -0.458em;
  }
  .bp_feature_cont .recipe_txt > p:last-of-type {
    margin-bottom: -0.458em;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_flex {
    display: flex;
    gap: 5rem;
    padding: 6rem 0.2rem 0;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_flex {
    padding-top: 6rem;
  }
}
.bp_feature_cont .recipe_photo {
  overflow: hidden;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_photo {
    width: 38rem;
    border-radius: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_photo {
    margin-bottom: 6rem;
    border-radius: 1.2rem;
  }
}
.bp_feature_cont .recipe_cont_ttl {
  letter-spacing: 0.07em;
  font-weight: 700;
  border-bottom: solid 1px;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_cont_ttl {
    padding-bottom: 1.5rem;
    line-height: 177.778%;
    font-size: 1.8rem;
  }
  .bp_feature_cont .recipe_cont_ttl > h3 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_cont_ttl > h3:first-of-type {
    margin-top: -0.388em;
  }
  .bp_feature_cont .recipe_cont_ttl > h3:last-of-type {
    margin-bottom: -0.388em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_cont_ttl {
    padding-bottom: 2rem;
    line-height: 176.924%;
    font-size: 2.6rem;
  }
  .bp_feature_cont .recipe_cont_ttl > h3 {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_cont_ttl > h3:first-of-type {
    margin-top: -0.384em;
  }
  .bp_feature_cont .recipe_cont_ttl > h3:last-of-type {
    margin-bottom: -0.384em;
  }
}
.bp_feature_cont .recipe_brand {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_brand {
    gap: 1.8rem;
    padding-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_brand {
    gap: 2rem;
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_brand .logo {
    width: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_brand .logo {
    width: 10rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_brand .txt {
    line-height: 200%;
    font-size: 1.6rem;
  }
  .bp_feature_cont .recipe_brand .txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_brand .txt > p:first-of-type {
    margin-top: -0.5em;
  }
  .bp_feature_cont .recipe_brand .txt > p:last-of-type {
    margin-bottom: -0.5em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_brand .txt {
    line-height: 175%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .recipe_brand .txt > p {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_brand .txt > p:first-of-type {
    margin-top: -0.375em;
  }
  .bp_feature_cont .recipe_brand .txt > p:last-of-type {
    margin-bottom: -0.375em;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_ingredients {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_ingredients {
    padding-top: 4rem;
  }
}
.bp_feature_cont .recipe_ingredients .items {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_ingredients .items + .items {
    margin-top: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_ingredients .items + .items {
    margin-top: 2rem;
  }
}
.bp_feature_cont .recipe_ingredients .items::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 94%;
  height: 1px;
  border-bottom: dotted 1px;
  pointer-events: none;
}
.bp_feature_cont .recipe_ingredients .items .ingredient {
  position: relative;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_ingredients .items .ingredient {
    padding-right: 1.5rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_ingredients .items .ingredient {
    padding-right: 1.8rem;
    font-size: 2.4rem;
  }
}
.bp_feature_cont .recipe_ingredients .items .qty {
  position: relative;
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_ingredients .items .qty {
    padding-left: 1.5rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_ingredients .items .qty {
    padding-left: 1.8rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_ingredients + .recipe_cont_ttl {
    padding-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_ingredients + .recipe_cont_ttl {
    padding-top: 6rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_steps {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_steps {
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  .bp_feature_cont .recipe_steps .list {
    line-height: 200%;
    font-size: 1.6rem;
  }
  .bp_feature_cont .recipe_steps .list > li {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_steps .list > li:first-of-type {
    margin-top: -0.5em;
  }
  .bp_feature_cont .recipe_steps .list > li:last-of-type {
    margin-bottom: -0.5em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .recipe_steps .list {
    line-height: 191.667%;
    font-size: 2.4rem;
  }
  .bp_feature_cont .recipe_steps .list > li {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .recipe_steps .list > li:first-of-type {
    margin-top: -0.458em;
  }
  .bp_feature_cont .recipe_steps .list > li:last-of-type {
    margin-bottom: -0.458em;
  }
}
.bp_feature_cont .recipe_steps .list > li {
  position: relative;
  padding-left: 1.5em;
}
.bp_feature_cont .recipe_steps .list > li::before {
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(1)::before {
  content: "1.";
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(2)::before {
  content: "2.";
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(3)::before {
  content: "3.";
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(4)::before {
  content: "4.";
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(5)::before {
  content: "5.";
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(6)::before {
  content: "6.";
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(7)::before {
  content: "7.";
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(8)::before {
  content: "8.";
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(9)::before {
  content: "9.";
}
.bp_feature_cont .recipe_steps .list > li:nth-of-type(10)::before {
  content: "10.";
}
@media (min-width: 768px) {
  .bp_feature_cont .back_list {
    padding-top: 10rem;
    line-height: 160%;
    font-size: 2rem;
  }
  .bp_feature_cont .back_list > a {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .back_list > a:first-of-type {
    margin-top: -0.3em;
  }
  .bp_feature_cont .back_list > a:last-of-type {
    margin-bottom: -0.3em;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .back_list {
    padding-top: 10rem;
    line-height: 114.286%;
    font-size: 2.8rem;
  }
  .bp_feature_cont .back_list > a {
    line-height: inherit;
    font: inherit;
  }
  .bp_feature_cont .back_list > a:first-of-type {
    margin-top: -0.071em;
  }
  .bp_feature_cont .back_list > a:last-of-type {
    margin-bottom: -0.071em;
  }
}
.bp_feature_cont .back_list > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.1em;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .bp_feature_cont .back_list > a {
    width: 34rem;
    height: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .back_list > a {
    width: 48.2rem;
    height: 12rem;
  }
}
.bp_feature_cont .back_list > a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../../common/imgs/arrow_w.svg) no-repeat 0 0;
  background-size: contain;
  rotate: 180deg;
}
@media (min-width: 768px) {
  .bp_feature_cont .back_list > a::before {
    left: 2.8rem;
    width: 0.8rem;
    height: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bp_feature_cont .back_list > a::before {
    left: 3.8rem;
    width: 1.5rem;
    height: 2.6rem;
  }
}
.bp_feature_cont .back_list > a:hover {
  opacity: 0.7;
}