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

.pageMentorStory {
  background-color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .pageMentorStory .onlyPc {
    display: none;
  }
}
@media (min-width: 768px) {
  .pageMentorStory .onlySp {
    display: none;
  }
}
.pageMentorStory .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;
}
.pageMentorStory .btnWhite:visited {
  color: #0B318F;
}
@media (min-width: 768px) {
  .pageMentorStory .btnWhite {
    padding-top: 0.125rem;
    width: 15.75rem;
    height: 3rem;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .pageMentorStory .main {
    padding-top: 16.8vw;
  }
}
.pageMentorStory .storySection {
  padding: 10.6666666667vw 0 29.3333333333vw;
  position: relative;
}
@media (min-width: 768px) {
  .pageMentorStory .storySection {
    padding: 4.125rem 0 14.6875rem;
  }
}
.pageMentorStory .storySection:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pageMentorStory .storySection.bgOrange {
  background-color: #FEEAD5;
  background: -webkit-gradient(linear, left top, left bottom, from(#feead5), to(#ffdbb6));
  background: linear-gradient(180deg, #feead5 0%, #ffdbb6 100%);
}
.pageMentorStory .storySection.bgOrange:before {
  background: url(/assets/eve/BeliEVE/mentors/img/story/story1_bg.png) no-repeat center top;
  background-size: 100%;
}
.pageMentorStory .storySection.bgBlue {
  background-color: #D3F2FF;
  background: -webkit-gradient(linear, left top, left bottom, from(#D3F2FF), to(#B3E4F9));
  background: linear-gradient(180deg, #D3F2FF 0%, #B3E4F9 100%);
}
.pageMentorStory .storySection.bgBlue:before {
  background: url(/assets/eve/BeliEVE/mentors/img/story/story2_bg.png) no-repeat center top;
  background-size: 100%;
}
.pageMentorStory .storySection.bgPink {
  background-color: #FCE4EE;
  background: -webkit-gradient(linear, left top, left bottom, from(#FCE4EE), to(#FFD2E4));
  background: linear-gradient(180deg, #FCE4EE 0%, #FFD2E4 100%);
}
.pageMentorStory .storySection.bgPink:before {
  background: url(/assets/eve/BeliEVE/mentors/img/story/story3_bg.png) no-repeat center top;
  background-size: 100%;
}
.pageMentorStory .storySection.bgPurple {
  background-color: #E5E1F6;
  background: -webkit-gradient(linear, left top, left bottom, from(#E5E1F6), to(#DAD2FF));
  background: linear-gradient(180deg, #E5E1F6 0%, #DAD2FF 100%);
}
.pageMentorStory .storySection.bgPurple:before {
  background: url(/assets/eve/BeliEVE/mentors/img/story/story4_bg.png) no-repeat center top;
  background-size: 100%;
}
.pageMentorStory .storySection.bgYellow {
  background-color: #FFF7D8;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF7D8), to(#FFF2C2));
  background: linear-gradient(180deg, #FFF7D8 0%, #FFF2C2 100%);
}
.pageMentorStory .storySection.bgYellow:before {
  background: url(/assets/eve/BeliEVE/mentors/img/story/story5_bg.png) no-repeat center top;
  background-size: 100%;
}
.pageMentorStory .storySection.bgGreen {
  background-color: #D0F1E5;
  background: -webkit-gradient(linear, left top, left bottom, from(#D0F1E5), to(#B3F3DC));
  background: linear-gradient(180deg, #D0F1E5 0%, #B3F3DC 100%);
}
.pageMentorStory .storySection.bgGreen:before {
  background: url(/assets/eve/BeliEVE/mentors/img/story/story6_bg.png) no-repeat center top;
  background-size: 100%;
}
.pageMentorStory .storySection .wrapper {
  padding: 0;
  max-width: 87.4666666667vw;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .pageMentorStory .storySection .wrapper {
    max-width: 31.625rem;
  }
}
@media (max-width: 767px) {
  .pageMentorStory .storySection .wrapper {
    overflow: initial;
  }
}
.pageMentorStory .storySection .storyInfo {
  margin-bottom: 3.7333333333vw;
}
@media (min-width: 768px) {
  .pageMentorStory .storySection .storyInfo {
    position: fixed;
    left: 50%;
    top: 7rem;
    width: 13.8125rem;
    margin-left: -36.875rem;
    margin-bottom: 0;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    opacity: 0;
  }
  .pageMentorStory .storySection .storyInfo.is-show {
    opacity: 1;
  }
}
.pageMentorStory .storySection .storyInfo .storyInfoName {
  height: 24.5333333333vw;
}
.pageMentorStory .storySection .storyInfo .storyInfoName img {
  height: 100%;
  width: auto;
}
@media (min-width: 768px) {
  .pageMentorStory .storySection .storyInfo .storyInfoName {
    height: 5.75rem;
  }
}
@media (max-width: 767px) {
  .pageMentorStory .storySection .storyInfo .storyInfoName {
    margin-left: -1.0666666667vw;
  }
}
@media (min-width: 768px) {
  .pageMentorStory .storySection .storyInfo .storyInfoImg {
    position: relative;
    right: -0.4375rem;
    margin-top: 0.25rem;
  }
}
@media (max-width: 767px) {
  .pageMentorStory .storySection .storyInfo .storyInfoImg {
    display: none;
  }
}
@media (min-width: 768px) {
  .pageMentorStory .storySection .storyInfo.is-stopScroll {
    position: absolute;
    top: auto;
    bottom: 2.5rem;
  }
}
.pageMentorStory .storySection .marker {
  display: none;
}
@media (min-width: 768px) {
  .pageMentorStory .storySection .marker {
    position: fixed;
    left: 50%;
    top: 7rem;
    width: 13.8125rem;
    height: 19.5625rem;
    margin-left: -36.875rem;
    margin-bottom: 0;
    pointer-events: none;
    display: block;
  }
}
.pageMentorStory .storySection .storyContent .photo:not(:first-child) {
  margin-top: 4.8vw;
}
@media (min-width: 768px) {
  .pageMentorStory .storySection .storyContent .photo:not(:first-child) {
    margin-top: 2.5rem;
  }
}
.pageMentorStory .recommendBtnLine {
  margin-top: 9.8666666667vw;
  padding-bottom: 1.0666666667vw;
  text-align: center;
}
@media (min-width: 768px) {
  .pageMentorStory .recommendBtnLine {
    margin-top: 3.125rem;
    padding-bottom: 0;
  }
}
.pageMentorStory .linkToTopPage {
  margin-top: 9.3333333333vw;
  text-align: center;
}
@media (min-width: 768px) {
  .pageMentorStory .linkToTopPage {
    margin-top: 2rem;
  }
}
.pageMentorStory .linkToTopPage a {
  padding-top: 0;
  padding-left: 1.8666666667vw;
  width: 45.0666666667vw;
  position: relative;
}
@media (min-width: 768px) {
  .pageMentorStory .linkToTopPage a {
    padding-left: 0.4375rem;
    width: 10.5625rem;
    height: 2.75rem;
    padding-top: 0.125rem;
  }
}
.pageMentorStory .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) {
  .pageMentorStory .linkToTopPage a:before {
    left: 1.125rem;
    width: 0.5rem;
  }
}
.pageMentorStory .logoBottomSection {
  position: relative;
  padding-top: 42.1333333333vw;
  margin-top: -26.6666666667vw;
  z-index: 1;
}
@media (min-width: 768px) {
  .pageMentorStory .logoBottomSection {
    padding-top: 0;
    margin-top: -0.5rem;
  }
}
.pageMentorStory .logoBottomSection:before {
  content: "";
  position: absolute;
  top: -62.1333333333vw;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 88.8vw;
  background: url(/assets/eve/BeliEVE/mentors/img/story/story_bg_bot_sp.png) no-repeat center top;
  background-size: 100%;
}
@media (min-width: 768px) {
  .pageMentorStory .logoBottomSection:before {
    background: url(/assets/eve/BeliEVE/mentors/img/story/story_bg_bot.png) no-repeat center top;
    background-size: 100% 100%;
    top: -12.1875rem;
    height: 29.875rem;
  }
}
@media (max-width: 767px) {
  .pageMentorStory.pageStory2 .logoBottomSection:before {
    background: url(/assets/eve/BeliEVE/mentors/img/story/story2_bg_bot_sp.png) no-repeat center top;
    background-size: 100%;
  }
}
@media (max-width: 767px) {
  .pageMentorStory.pageStory3 .logoBottomSection:before {
    background: url(/assets/eve/BeliEVE/mentors/img/story/story3_bg_bot_sp.png) no-repeat center top;
    background-size: 100%;
  }
}
@media (max-width: 767px) {
  .pageMentorStory.pageStory4 .logoBottomSection:before {
    background: url(/assets/eve/BeliEVE/mentors/img/story/story4_bg_bot_sp.png) no-repeat center top;
    background-size: 100%;
  }
}
@media (max-width: 767px) {
  .pageMentorStory.pageStory5 .logoBottomSection:before {
    background: url(/assets/eve/BeliEVE/mentors/img/story/story5_bg_bot_sp.png) no-repeat center top;
    background-size: 100%;
  }
}
@media (max-width: 767px) {
  .pageMentorStory.pageStory6 .logoBottomSection:before {
    background: url(/assets/eve/BeliEVE/mentors/img/story/story6_bg_bot_sp.png) no-repeat center top;
    background-size: 100%;
  }
}