@charset "UTF-8";
/* default settings */
@import url("https://use.typekit.net/lcb5onb.css");
.l-main {
  position: relative;
  z-index: 2;
}

.pageMentorDetail {
  background-color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .pageMentorDetail .onlyPc {
    display: none;
  }
}
@media (min-width: 768px) {
  .pageMentorDetail .onlySp {
    display: none;
  }
}
.pageMentorDetail .btnWhite {
  margin: 0 auto;
  padding-top: 1.0666666667vw;
  width: 51.2vw;
  height: 11.7333333333vw;
  background-color: #FFFFFF;
  border: 1px solid #0B318F;
  border-radius: 10.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 4.2666666667vw;
  font-weight: bold;
  color: #0B318F;
  letter-spacing: 0;
}
.pageMentorDetail .btnWhite:visited {
  color: #0B318F;
}
@media (min-width: 768px) {
  .pageMentorDetail .btnWhite {
    padding-top: 0.125rem;
    width: 15.75rem;
    height: 3rem;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .pageMentorDetail .main {
    padding-top: 16.8vw;
  }
}
.pageMentorDetail .topSection {
  padding-top: 9.3333333333vw;
  padding-bottom: 26.6666666667vw;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection {
    padding-top: 3.8125rem;
    padding-bottom: 9.375rem;
  }
}
.pageMentorDetail .topSection .bgdWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.pageMentorDetail .topSection .bgdWrap:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  background: #FEEAD5;
  z-index: 1;
}
.pageMentorDetail .topSection .bgdWrap .bgdDots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl1 {
  background: url("/assets/eve/BeliEVE/mentors/img/mentor01/kv_deco.png") no-repeat center top 46.1333333333vw/100vw, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") no-repeat center top/100% auto;
  z-index: 0;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl1 {
    background: url("/assets/eve/BeliEVE/mentors/img/mentor01/kv_deco_pc.png") no-repeat center top 7.9375rem/66.75rem, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") repeat center top/23.4375rem auto;
  }
}
.pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl2 {
  background: url("/assets/eve/BeliEVE/mentors/img/mentor02/kv_deco.png") no-repeat center top 65.8666666667vw/100vw, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") no-repeat center top/100% auto;
  z-index: 0;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl2 {
    background: url("/assets/eve/BeliEVE/mentors/img/mentor02/kv_deco_pc.png") no-repeat center top 6.625rem/65.875rem, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") repeat center top/23.4375rem auto;
  }
}
.pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl3 {
  background: url("/assets/eve/BeliEVE/mentors/img/mentor03/kv_deco.png") no-repeat center top 55.7333333333vw/100vw, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") no-repeat center top/100% auto;
  z-index: 0;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl3 {
    background: url("/assets/eve/BeliEVE/mentors/img/mentor03/kv_deco_pc.png") no-repeat center top 6.375rem/67rem, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") repeat center top/23.4375rem auto;
  }
}
.pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl4 {
  background: url("/assets/eve/BeliEVE/mentors/img/mentor04/kv_deco.png") no-repeat center top 58.4vw/100vw, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") no-repeat center top/100% auto;
  z-index: 0;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl4 {
    background: url("/assets/eve/BeliEVE/mentors/img/mentor04/kv_deco_pc.png") no-repeat center top 6.3125rem/67rem, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") repeat center top/23.4375rem auto;
  }
}
.pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl5 {
  background: url("/assets/eve/BeliEVE/mentors/img/mentor05/kv_deco.png") no-repeat center top 62.6666666667vw/100vw, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") no-repeat center top/100% auto;
  z-index: 0;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl5 {
    background: url("/assets/eve/BeliEVE/mentors/img/mentor05/kv_deco_pc.png") no-repeat center top 8.75rem/67.5rem, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") repeat center top/23.4375rem auto;
  }
}
.pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl6 {
  background: url("/assets/eve/BeliEVE/mentors/img/mentor06/kv_deco.png") no-repeat center top 44.5333333333vw/100vw, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") no-repeat center top/100% auto;
  z-index: 0;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap .bgdDots.bgdDotsCl6 {
    background: url("/assets/eve/BeliEVE/mentors/img/mentor06/kv_deco_pc.png") no-repeat center top 6.375rem/67rem, url("/assets/eve/BeliEVE/mentors/img/mentor-common/bgd_dot.png") repeat center top/23.4375rem auto;
  }
}
.pageMentorDetail .topSection .bgdWrap .bgdCenter {
  position: absolute;
  top: 15%;
  left: 0;
}
@media (max-width: 767px) {
  .pageMentorDetail .topSection .bgdWrap .bgdCenter {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap .bgdCenter {
    right: 0;
    top: 19%;
  }
}
.pageMentorDetail .topSection .bgdWrap .bgdCenter img {
  width: 100%;
}
.pageMentorDetail .topSection .bgdWrap.orange:after {
  background: #FEEAD5;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap.orange:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#feead5), to(#ffdbb6));
    background: linear-gradient(180deg, #feead5 0%, #ffdbb6 100%);
  }
}
.pageMentorDetail .topSection .bgdWrap.blue:after {
  background: #D3F2FF;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap.blue:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#d3f2ff), to(#b3e4f9));
    background: linear-gradient(180deg, #d3f2ff 0%, #b3e4f9 100%);
  }
}
.pageMentorDetail .topSection .bgdWrap.pink:after {
  background: #FCE4EE;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap.pink:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#fce4ee), to(#ffd2e4));
    background: linear-gradient(180deg, #fce4ee 0%, #ffd2e4 100%);
  }
}
.pageMentorDetail .topSection .bgdWrap.purple:after {
  background: #E5E1F6;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap.purple:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e1f6), to(#dad2ff));
    background: linear-gradient(180deg, #e5e1f6 0%, #dad2ff 100%);
  }
}
.pageMentorDetail .topSection .bgdWrap.yellow:after {
  background: #FFF7D8;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap.yellow:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff7d8), to(#fff2c2));
    background: linear-gradient(180deg, #fff7d8 0%, #fff2c2 100%);
  }
}
.pageMentorDetail .topSection .bgdWrap.green:after {
  background: #D0F1E5;
}
@media (min-width: 768px) {
  .pageMentorDetail .topSection .bgdWrap.green:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#d0f1e5), to(#b3f3dc));
    background: linear-gradient(180deg, #d0f1e5 0%, #b3f3dc 100%);
  }
}
.pageMentorDetail .kvImg {
  position: relative;
}
@media (max-width: 767px) {
  .pageMentorDetail .kvImg {
    text-align: center;
  }
}
.pageMentorDetail .kvImg img {
  width: 100%;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg img {
    margin: 0 auto;
    width: auto;
    height: 43.75rem;
    display: block;
  }
}
.pageMentorDetail .kvImg .kvText {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #0B318F;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText {
    width: 21.5625rem;
    height: 12.5rem;
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 19.3125rem;
    bottom: 8.4375rem;
  }
}
@media (max-width: 767px) {
  .pageMentorDetail .kvImg .kvText {
    font-size: 5.3333333333vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: left;
    width: 90.1333333333vw;
  }
}
.pageMentorDetail .kvImg .kvText:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% + 5.3333333333vw);
  height: 1px;
  background-color: #0B318F;
  z-index: 1;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText:before {
    width: calc(100% + 1.25rem);
  }
}
.pageMentorDetail .kvImg .kvText:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: calc(100% + 5.3333333333vw);
  background-color: #0B318F;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText:after {
    height: calc(100% + 1.25rem);
  }
}
.pageMentorDetail .kvImg .kvText .border {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pageMentorDetail .kvImg .kvText .border:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% + 5.3333333333vw);
  height: 1px;
  background-color: #0B318F;
  z-index: 1;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText .border:before {
    width: calc(100% + 1.25rem);
  }
}
.pageMentorDetail .kvImg .kvText .border:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: calc(100% + 5.3333333333vw);
  background-color: #0B318F;
  z-index: 1;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText .border:after {
    height: calc(100% + 1.25rem);
  }
}
.pageMentorDetail .kvImg .kvText ul {
  padding: 4vw 3.2vw 3.4666666667vw 5.6vw;
  width: 90.1333333333vw;
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  backdrop-filter: blur(40px);
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0.9)));
  -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 0%);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0.9)));
          mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 0%);
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText ul {
    width: 21.5625rem;
    padding: 1rem 1.5rem 1rem 1.375rem;
  }
}
.pageMentorDetail .kvImg .kvText ul li {
  font-size: 3.7333333333vw;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText ul li {
    font-size: 1rem;
  }
}
.pageMentorDetail .kvImg .kvText ul li .ttl {
  font-size: 3.7333333333vw;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText ul li .ttl {
    font-size: 1rem;
  }
}
.pageMentorDetail .kvImg .kvText ul li p {
  font-size: 3.7333333333vw;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText ul li p {
    font-size: 1rem;
  }
}
.pageMentorDetail .kvImg .kvText ul li + li {
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .pageMentorDetail .kvImg .kvText ul li + li {
    margin-top: 0.75rem;
  }
}
.pageMentorDetail .listMentor {
  margin-top: 5.8666666667vw;
  padding-top: 8.5333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.6666666667vw;
  width: 100%;
  position: relative;
  z-index: 4;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor {
    margin: 0 auto;
    margin-top: -7.125rem;
    padding-top: 2.125rem;
    max-width: 57.6875rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0.625rem;
  }
}
.pageMentorDetail .listMentor .listMentorTitle {
  position: absolute;
  top: 0;
  right: 0;
  width: 81.0666666667vw;
  font-size: 3.7333333333vw;
  font-weight: bold;
  color: #0B318F;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor .listMentorTitle {
    width: 19rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .pageMentorDetail .listMentor .listMentorTitle {
    width: 100%;
    padding-left: 10.6666666667vw;
    padding-right: 10.6666666667vw;
  }
}
.pageMentorDetail .listMentor .listMentorItem {
  display: inline-block;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  border-radius: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor .listMentorItem {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.pageMentorDetail .listMentor .listMentorItem img {
  width: 100%;
}
.pageMentorDetail .listMentor .listMentorItem.active {
  width: 14.9333333333vw;
  height: 14.9333333333vw;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor .listMentorItem.active {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.pageMentorDetail .listMentor .listMentorItem.active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pageMentorDetail .listMentor .listMentorItem01.active:after {
  border: 0.5333333333vw solid #FDB872;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor .listMentorItem01.active:after {
    border-width: 0.125rem;
  }
}
.pageMentorDetail .listMentor .listMentorItem02.active:after {
  border: 0.5333333333vw solid #6DD5FF;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor .listMentorItem02.active:after {
    border-width: 0.125rem;
  }
}
.pageMentorDetail .listMentor .listMentorItem03.active:after {
  border: 0.5333333333vw solid #F4A6C6;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor .listMentorItem03.active:after {
    border-width: 0.125rem;
  }
}
.pageMentorDetail .listMentor .listMentorItem04.active:after {
  border: 0.5333333333vw solid #A89CE2;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor .listMentorItem04.active:after {
    border-width: 0.125rem;
  }
}
.pageMentorDetail .listMentor .listMentorItem05.active:after {
  border: 0.5333333333vw solid #FFE37D;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor .listMentorItem05.active:after {
    border-width: 0.125rem;
  }
}
.pageMentorDetail .listMentor .listMentorItem06.active:after {
  border: 0.5333333333vw solid #61D1A7;
}
@media (min-width: 768px) {
  .pageMentorDetail .listMentor .listMentorItem06.active:after {
    border-width: 0.125rem;
  }
}
.pageMentorDetail .storyMentor {
  margin-top: 12.8vw;
  padding-left: 6.6666666667vw;
  padding-right: 6.4vw;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor {
    margin: 7.875rem auto 5.625rem;
    padding-top: 2.1875rem;
    max-width: 64rem;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
}
.pageMentorDetail .storyMentor .storyMentorImg {
  padding-top: 9.3333333333vw;
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor .storyMentorImg {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 1.25rem;
    position: relative;
    width: 64rem;
  }
  .pageMentorDetail .storyMentor .storyMentorImg:after {
    content: "";
    position: absolute;
    top: 1.625rem;
    left: -1.75rem;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("/assets/eve/BeliEVE/mentors/img/mentor01/story_grid_pc.png") repeat left top/9px auto;
  }
}
.pageMentorDetail .storyMentor .storyMentorImg img {
  width: 100%;
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor .storyMentorImg img {
    width: 20.5rem;
  }
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor.orange .storyMentorImg:after {
    background-image: url("/assets/eve/BeliEVE/mentors/img/mentor01/story_grid_pc.png");
  }
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor.blue .storyMentorImg:after {
    background-image: url("/assets/eve/BeliEVE/mentors/img/mentor02/story_grid_pc.png");
  }
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor.pink .storyMentorImg:after {
    background-image: url("/assets/eve/BeliEVE/mentors/img/mentor03/story_grid_pc.png");
  }
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor.purple .storyMentorImg:after {
    background-image: url("/assets/eve/BeliEVE/mentors/img/mentor04/story_grid_pc.png");
  }
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor.yellow .storyMentorImg:after {
    background-image: url("/assets/eve/BeliEVE/mentors/img/mentor05/story_grid_pc.png");
  }
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor.green .storyMentorImg:after {
    background-image: url("/assets/eve/BeliEVE/mentors/img/mentor06/story_grid_pc.png");
  }
}
.pageMentorDetail .storyMentor .storyMentorTtl {
  position: absolute;
  top: 0;
  left: 5.3333333333vw;
  z-index: 1;
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor .storyMentorTtl {
    left: -2.6875rem;
  }
}
.pageMentorDetail .storyMentor .storyMentorTtl img {
  width: auto;
  height: 23.4666666667vw;
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor .storyMentorTtl img {
    height: 5.5rem;
  }
}
.pageMentorDetail .storyMentor .storyMentorBtn {
  margin-top: 6.4vw;
  text-align: center;
}
@media (min-width: 768px) {
  .pageMentorDetail .storyMentor .storyMentorBtn {
    margin-top: 4.125rem;
  }
}
.pageMentorDetail .recommendSection {
  margin-top: -20.5333333333vw;
  padding: 36.5333333333vw 0 29.6vw;
  position: relative;
  z-index: 2;
  background: url("/assets/eve/BeliEVE/mentors/img/mentor-common/recommend_bgd.png") no-repeat center top/100% 100%;
}
@media (min-width: 768px) {
  .pageMentorDetail .recommendSection {
    margin-top: -13.875rem;
    padding: 15rem 0 13.6875rem;
    background-image: url("/assets/eve/BeliEVE/mentors/img/mentor-common/recommend_bgd_pc.png");
  }
}
.pageMentorDetail .recommendSection .recommendDesc {
  margin: 0 auto;
  padding: 0;
  max-width: 78.6666666667vw;
}
@media (min-width: 768px) {
  .pageMentorDetail .recommendSection .recommendDesc {
    position: relative;
    max-width: 49.5625rem;
  }
}
.pageMentorDetail .recommendSection .recommendTitle {
  text-align: center;
  font-size: 6.4vw;
  font-weight: bold;
  color: #0B318F;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .pageMentorDetail .recommendSection .recommendTitle {
    font-size: 2rem;
    width: 25.1875rem;
  }
}
.pageMentorDetail .recommendSection .recommendSubTitle {
  margin-top: 7.7333333333vw;
  padding: 8.5333333333vw 0;
  text-align: left;
  font-size: 4.2666666667vw;
  line-height: 1.5;
  font-weight: 500;
  color: #0B318F;
  letter-spacing: 0.05em;
  position: relative;
}
@media (max-width: 767px) {
  .pageMentorDetail .recommendSection .recommendSubTitle {
    padding-left: 2.6666666667vw;
    text-indent: -4.5333333333vw;
  }
}
@media (min-width: 768px) {
  .pageMentorDetail .recommendSection .recommendSubTitle {
    margin-top: 2.3125rem;
    padding: 2rem 0;
    padding-left: 1.9375rem;
    font-size: 1rem;
    width: 25.1875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pageMentorDetail .recommendSection .recommendSubTitle:before {
  content: "";
  width: 99%;
  height: 1px;
  background: url("/assets/eve/BeliEVE/mentors/img/mentor-common/virtual_step_line.svg") repeat-x left top;
  background-size: auto 1px;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
}
.pageMentorDetail .recommendSection .recommendSubTitle:after {
  content: "";
  width: 99%;
  height: 1px;
  background: url("/assets/eve/BeliEVE/mentors/img/mentor-common/virtual_step_line.svg") repeat-x left top;
  background-size: auto 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.pageMentorDetail .recommendSection .recommendSubTitle span {
  display: block;
}
.pageMentorDetail .recommendSection .recommendSubTitle span + span {
  margin-top: 2.6666666667vw;
}
@media (min-width: 768px) {
  .pageMentorDetail .recommendSection .recommendSubTitle span + span {
    margin-top: 1rem;
  }
}
.pageMentorDetail .recommendSection .recommendImg {
  margin-top: 10.6666666667vw;
  text-align: center;
}
@media (min-width: 768px) {
  .pageMentorDetail .recommendSection .recommendImg {
    margin-top: 0;
    width: 20.4375rem;
    position: absolute;
    top: -0.125rem;
    right: 0;
  }
}
.pageMentorDetail .recommendSection .recommendImg .recommendImgNote {
  margin-top: 2.6666666667vw;
  padding-left: 2.6666666667vw;
  padding-right: 2.6666666667vw;
  font-size: 3.7333333333vw;
  letter-spacing: 0;
  line-height: 1.5;
  opacity: 0.6;
  text-align: left;
  color: #0B318F;
}
@media (min-width: 768px) {
  .pageMentorDetail .recommendSection .recommendImg .recommendImgNote {
    margin-top: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 0.875rem;
  }
}
.pageMentorDetail .recommendSection .recommendImg .tag {
  text-align: center;
}
.pageMentorDetail .recommendSection .recommendImg .tag span {
  padding: 1.0666666667vw 3.2vw 0.5333333333vw;
  display: inline-block;
  border: 1px solid #0B318F;
  color: #0B318F;
  font-size: 4.2666666667vw;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
}
.pageMentorDetail .recommendSection .recommendImg img {
  width: 100%;
  max-width: 78.6666666667vw;
}
@media (min-width: 768px) {
  .pageMentorDetail .recommendSection .recommendImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.pageMentorDetail .recommendSection .recommendBtnLine {
  margin-top: 10.6666666667vw;
  padding-bottom: 1.0666666667vw;
  text-align: center;
}
@media (min-width: 768px) {
  .pageMentorDetail .recommendSection .recommendBtnLine {
    margin-top: 3rem;
    padding-bottom: 0;
    width: 24.6875rem;
  }
}
.pageMentorDetail .linkToTopPage {
  margin-top: 9.3333333333vw;
  text-align: center;
}
@media (min-width: 768px) {
  .pageMentorDetail .linkToTopPage {
    margin-top: 2rem;
    width: 24.6875rem;
  }
}
.pageMentorDetail .linkToTopPage a {
  padding-top: 0;
  padding-left: 1.8666666667vw;
  width: 45.0666666667vw;
  position: relative;
}
@media (min-width: 768px) {
  .pageMentorDetail .linkToTopPage a {
    padding-left: 0.4375rem;
    width: 10.5625rem;
    height: 2.75rem;
    padding-top: 0.125rem;
  }
}
.pageMentorDetail .linkToTopPage a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 4.8vw;
  width: 2.1333333333vw;
  height: 100%;
  background: url("/assets/eve/BeliEVE/mentors/img/mentor-common/arrow_left_blue.svg") no-repeat center center/100% auto;
}
@media (min-width: 768px) {
  .pageMentorDetail .linkToTopPage a:before {
    left: 1.125rem;
    width: 0.5rem;
  }
}
.pageMentorDetail .logoBottomSection {
  padding-top: 44.8vw;
}
@media (min-width: 768px) {
  .pageMentorDetail .logoBottomSection {
    margin-top: -12.5rem;
    padding-top: 17.375rem;
  }
}