.sec-feature03-main {
  padding-top: 50px; }
  @media screen and (max-width: 767px) {
    .sec-feature03-main {
      padding-top: 10px;
      padding-bottom: 28px; } }

@media screen and (max-width: 767px) {
  .sec-feature03-main--02 {
    padding-top: 0 !important;
    padding-bottom: 8px; } }

img {
  max-width: 100%;
  height: auto; }

picure {
  display: block; }

#puratomo-wrap {
  overflow: hidden; }

@media screen and (max-width: 767px) {
  .puratomo-wrap-feature03 {
    margin-top: 0 !important; } }

#puratomo-wrap .tit_feature_01 {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  height: 48px;
  border-bottom: none !important;
  padding: 0 !important; }
  @media screen and (max-width: 767px) {
    #puratomo-wrap .tit_feature_01 {
      height: auto; } }
  #puratomo-wrap .tit_feature_01 img {
    display: block; }
    @media screen and (max-width: 767px) {
      #puratomo-wrap .tit_feature_01 img {
        width: auto;
        height: 31px; } }
  #puratomo-wrap .tit_feature_01:after {
    display: none; }

#puratomo-wrap .tit_feature_02 {
  border-bottom: none !important;
  padding-top: 33px !important; }
  @media screen and (max-width: 767px) {
    #puratomo-wrap .tit_feature_02 {
      padding-left: 0;
      padding-right: 0;
      padding-top: 20px !important; } }
  #puratomo-wrap .tit_feature_02 img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: auto;
    height: 118px; }
    @media screen and (max-width: 767px) {
      #puratomo-wrap .tit_feature_02 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100% !important;
        height: auto !important; } }

.f03-newstage {
  position: relative; }
  .f03-newstage .f03-newstage__img {
    position: relative;
    display: block; }
    @media screen and (min-width: 768px) {
      .f03-newstage .f03-newstage__img {
        top: -4px;
        margin-left: -15px;
        left: -18px; } }
    @media screen and (max-width: 767px) {
      .f03-newstage .f03-newstage__img {
        display: block;
        top: -48vw;
        right: -3vw;
        margin-bottom: -78vw;
        max-width: calc(100vw - 30px);
        height: auto; } }

.feature03-youjiki {
  background-color: #FFF100; }
  @media screen and (min-width: 768px) {
    .feature03-youjiki {
      position: absolute;
      border-radius: 50% 50%;
      padding-top: 30px;
      padding-bottom: 20px;
      width: 266px;
      height: 266px;
      left: 140px;
      top: 52px; } }
  @media screen and (max-width: 767px) {
    .feature03-youjiki {
      padding-top: 28px;
      margin-left: -17px;
      margin-right: -17px;
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 40px; } }
  .feature03-youjiki dt {
    font-size: 26px;
    color: #333333;
    text-align: center;
    font-weight: normal;
    margin-bottom: 0.25em; }
    @media screen and (max-width: 767px) {
      .feature03-youjiki dt {
        font-size: 24px;
        margin-bottom: 1em; } }
    .feature03-youjiki dt img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .feature03-youjiki dd {
    font-size: 15px;
    line-height: 1.73;
    color: #333333;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .feature03-youjiki dd {
        font-size: 15px;
        text-align: left;
        padding-right: 100px;
        font-feature-settings: "palt"; } }

.feature03-jidouki {
  background-color: #9FD9F6; }
  @media screen and (min-width: 768px) {
    .feature03-jidouki {
      position: absolute;
      border-radius: 50% 50%;
      padding-top: 40px;
      padding-bottom: 20px;
      width: 266px;
      height: 266px;
      left: 670px;
      top: 620px; } }
  @media screen and (max-width: 767px) {
    .feature03-jidouki {
      padding-top: 42px;
      margin-left: -17px;
      margin-right: -17px;
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 60px; } }
  .feature03-jidouki dt {
    font-size: 26px;
    color: #333333;
    text-align: center;
    font-weight: normal;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 767px) {
      .feature03-jidouki dt {
        font-size: 24px;
        text-align: left;
        line-height: 1;
        margin-bottom: 0.5em;
        padding-left: 0.75em;
        padding-top: 0.25em; } }
    .feature03-jidouki dt img {
      display: block; }
      @media screen and (min-width: 768px) {
        .feature03-jidouki dt img {
          margin-left: auto;
          margin-right: auto; } }
      @media screen and (max-width: 767px) {
        .feature03-jidouki dt img {
          margin-top: 0.5em;
          margin-left: -1em; } }
  .feature03-jidouki dd {
    font-size: 15px;
    line-height: 1.73;
    color: #333333;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .feature03-jidouki dd {
        font-size: 15px;
        text-align: left;
        font-feature-settings: "palt"; } }

#puratomo-wrap .feature03-lead {
  font-size: 20px;
  line-height: 1.55;
  text-align: center;
  color: #333;
  font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    #puratomo-wrap .feature03-lead {
      margin-top: 3px;
      margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    #puratomo-wrap .feature03-lead {
      font-size: 18px;
      margin-top: 26px;
      margin-bottom: 30px !important;
      line-height: 1.7; } }

.feature03-lead {
  border-bottom: 1px dashed #fff; }
  .feature03-lead img {
    max-width: 100%;
    height: auto; }

@media screen and (min-width: 768px) {
  #puratomo-wrap .f03-lead {
    margin-top: 50px; } }

@media screen and (max-width: 767px) {
  #puratomo-wrap .f03-lead {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px; } }

#puratomo-wrap .f03-h2 {
  font-size: 26px;
  text-align: center;
  color: #333;
  border-bottom: none;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 767px) {
    #puratomo-wrap .f03-h2 {
      margin-top: 40px !important;
      margin-bottom: 10px !important; } }

@media screen and (max-width: 767px) {
  #puratomo-wrap .f03-h2-lead {
    line-height: 2 !important; } }

#puratomo-wrap .f03-lead {
  text-align: center; }

#puratomo-wrap .f03-tit_cource {
  display: block; }
  @media screen and (min-width: 768px) {
    #puratomo-wrap .f03-tit_cource {
      margin-top: 70px; } }
  @media screen and (max-width: 767px) {
    #puratomo-wrap .f03-tit_cource {
      margin-top: 40px; } }

@media screen and (min-width: 768px) {
  .f03-list_cources {
    display: grid;
    margin-top: 60px;
    grid-template-columns: repeat(3, 1fr); } }

@media screen and (max-width: 767px) {
  .f03-list_cources {
    margin-top: 30px; } }

@media screen and (max-width: 767px) {
  .f03-list_cources dl br {
    display: none; } }

@media screen and (min-width: 768px) {
  .f03-list_cources dl + dl {
    border-left: 1px solid #707070; } }

@media screen and (max-width: 767px) {
  .f03-list_cources dl + dl {
    margin-top: 24px;
    padding-top: 40px;
    border-top: 1px solid #707070; } }

@media screen and (min-width: 768px) {
  .f03-list_cources dl:nth-child(1) {
    padding-right: 20px; } }

.f03-list_cources dl:nth-child(1) dt {
  color: #008CD6; }

@media screen and (min-width: 768px) {
  .f03-list_cources dl:nth-child(2) {
    padding-left: 30px;
    padding-right: 30px; } }

.f03-list_cources dl:nth-child(2) dt {
  color: #009944; }

@media screen and (min-width: 768px) {
  .f03-list_cources dl:nth-child(3) {
    padding-left: 20px; } }

.f03-list_cources dl:nth-child(3) dt {
  color: #E4007F; }

.f03-list_cources dt {
  line-height: 1.54;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 26px;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    .f03-list_cources dt {
      height: 3.08em;
      margin-bottom: 12px;
      margin-top: 0.75em; } }
  @media screen and (max-width: 767px) {
    .f03-list_cources dt {
      line-height: 1;
      margin-bottom: 1em; } }

.f03-list_cources dd {
  font-size: 17px; }

.f03-notes {
  margin-top: 30px !important;
  margin-bottom: 0 !important;
  font-size: 13px;
  font-feature-settings: "palt"; }

.f03-movie {
  background-color: #EDFAFF;
  display: flex;
  align-items: center;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .f03-movie {
      margin-top: 75px;
      border-radius: 20px;
      padding-top: 30px;
      padding-bottom: 70px;
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (max-width: 767px) {
    .f03-movie {
      margin-top: 60px;
      margin-left: -17px;
      margin-right: -17px;
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 50px; } }

.f03-movie__title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  color: #333;
  border-bottom: none;
  position: relative;
  border-bottom: none;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .f03-movie__title {
      max-width: 450px; } }
  @media screen and (max-width: 767px) {
    .f03-movie__title {
      padding-top: 50px;
      margin-bottom: 50px; } }
  @media screen and (min-width: 768px) {
    .f03-movie__title.f03-01-movie__title {
      max-width: 560px;
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .f03-movie__title.f03-01-movie__title {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .f03-movie__title.f03-01-movie__title h3 {
      padding-top: 1em;
      font-size: 26px !important;
      min-width: 440px; } }
  @media screen and (max-width: 767px) {
    .f03-movie__title.f03-01-movie__title h3 {
      width: 100%;
      font-size: 26px !important;
      line-height: 1.4; } }
  .f03-movie__title h3 {
    flex-grow: unset;
    display: block;
    border-bottom: none;
    text-align: center;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.2; }
    @media screen and (max-width: 767px) {
      .f03-movie__title h3 {
        padding-right: 60px; } }
    .f03-movie__title h3:after {
      display: block;
      content: "";
      margin-top: 24px;
      height: 3px;
      background: url(../img/feature/03_1/dots_02.png) 0 100%/auto 3px repeat-x; }
      @media screen and (max-width: 767px) {
        .f03-movie__title h3:after {
          margin-top: 16px;
          background: url(../img/feature/03_1/dots_02_sp.png) 0 100%/auto 3px repeat-x; } }
  .f03-movie__title .illust_movie {
    width: 112px;
    height: auto; }
    @media screen and (max-width: 767px) {
      .f03-movie__title .illust_movie {
        position: absolute;
        right: -10px; } }

.f03-movie__iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 660px;
  width: 100%; }
  .f03-movie__iframe iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; }

.f03-tit_line {
  margin-top: 70px;
  border-bottom: none !important; }
  @media screen and (min-width: 768px) {
    .f03-tit_line {
      margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .f03-tit_line {
      margin-top: 40px; } }
  .f03-tit_line img {
    display: block; }

@media screen and (min-width: 768px) {
  .f03-tit_line--01 {
    margin-top: 90px !important; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--01 {
    margin-top: 40px; } }

@media screen and (min-width: 768px) {
  .f03-tit_line--01 .f03-tit_line__contents {
    padding-top: 8px;
    padding-left: 42px; } }

.f03-tit_line--01 .f03-tit_line__contents dl dd {
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    .f03-tit_line--01 .f03-tit_line__contents dl dd img {
      margin-left: 0.4em;
      margin-right: 0.4em; } }

.f03-tit_line--01 img {
  display: block; }

@media screen and (min-width: 768px) {
  .f03-tit_line--02 {
    margin: -14px 0 0 !important; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--02 {
    margin-top: 0;
    padding: 0 !important; } }

@media screen and (min-width: 768px) {
  .f03-tit_line--02 .f03-tit_yukidaruma {
    margin-left: 50px; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--02 .f03-tit_yukidaruma {
    position: absolute;
    width: 100px;
    height: auto;
    right: 0;
    bottom: 0; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--02 .f03-tit_txt {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: 82px;
    margin-top: 8px; } }

@media screen and (min-width: 768px) {
  .f03-tit_line--02 .f03-tit_line__contents {
    padding-top: 12px; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--02 .f03-tit_line__contents {
    padding: 12px 0 0 !important; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--02 .f03-tit_line__contents h1 {
    padding-top: 0;
    line-height: 1;
    padding-left: 0; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--02 .f03-tit_line__contents h1 span {
    display: block;
    text-align: center;
    padding-right: 60px;
    padding-left: 20px; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--02 .f03-tit_line__contents h1 span img {
    display: block;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--02 .f03-tit_line__contents small {
    display: block;
    line-height: 1;
    text-align: center;
    text-indent: -0.01em; } }

@media screen and (min-width: 768px) {
  .f03-tit_line--03 {
    margin-top: -14px;
    padding-top: 0; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--03 {
    margin-top: 0;
    padding: 0 !important; } }

@media screen and (min-width: 768px) {
  .f03-tit_line--03 .f03-tit_yukidaruma {
    margin-left: 30px; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--03 .f03-tit_yukidaruma {
    position: absolute;
    width: 100px;
    height: auto;
    right: 0;
    top: 14px; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--03 .f03-tit_txt {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: 82px;
    margin-top: 8px; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--03 .f03-tit_line__contents {
    padding: 16px 0 0 !important; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--03 .f03-tit_line__contents h1 {
    padding-top: 0;
    line-height: 1;
    padding-left: 0; } }

@media screen and (min-width: 768px) {
  .f03-tit_line--03 .f03-tit_line__contents h1 span {
    display: block;
    text-align: center;
    letter-spacing: -0.01em;
    position: relative;
    left: 10px; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--03 .f03-tit_line__contents h1 span {
    display: block;
    text-align: left; } }

@media screen and (min-width: 768px) {
  .f03-tit_line--03 .f03-tit_line__contents h1 span img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--03 .f03-tit_line__contents h1 span img {
    display: block;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 768px) {
  .f03-tit_line--03 .f03-tit_line__contents small {
    position: relative;
    left: 10px; } }

@media screen and (max-width: 767px) {
  .f03-tit_line--03 .f03-tit_line__contents small {
    padding-left: 1em;
    display: block;
    line-height: 1;
    text-align: left;
    text-indent: -0.01em; } }

.f03-tit_line__contents {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  @media screen and (min-width: 768px) {
    .f03-tit_line__contents {
      padding-left: 37px; } }
  @media screen and (max-width: 767px) {
    .f03-tit_line__contents {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .f03-tit_line__contents dl, .f03-tit_line__contents h1 {
    border-bottom: none !important; }
    @media screen and (min-width: 768px) {
      .f03-tit_line__contents dl, .f03-tit_line__contents h1 {
        padding-right: 50px; } }
    .f03-tit_line__contents dl dt, .f03-tit_line__contents dl small, .f03-tit_line__contents h1 dt, .f03-tit_line__contents h1 small {
      font-size: 26px;
      line-height: 1;
      text-align: center;
      color: #333; }
      @media screen and (max-width: 767px) {
        .f03-tit_line__contents dl dt, .f03-tit_line__contents dl small, .f03-tit_line__contents h1 dt, .f03-tit_line__contents h1 small {
          font-size: 18px;
          margin-bottom: 15px; } }
    .f03-tit_line__contents dl dd, .f03-tit_line__contents dl span, .f03-tit_line__contents h1 dd, .f03-tit_line__contents h1 span {
      display: flex;
      align-items: center;
      font-size: 44px;
      line-height: 1;
      color: #333; }
      @media screen and (min-width: 768px) {
        .f03-tit_line__contents dl dd, .f03-tit_line__contents dl span, .f03-tit_line__contents h1 dd, .f03-tit_line__contents h1 span {
          margin-top: 18px; } }
      @media screen and (max-width: 767px) {
        .f03-tit_line__contents dl dd, .f03-tit_line__contents dl span, .f03-tit_line__contents h1 dd, .f03-tit_line__contents h1 span {
          font-size: 31px; } }
      @media screen and (max-width: 767px) {
        .f03-tit_line__contents dl dd img, .f03-tit_line__contents dl span img, .f03-tit_line__contents h1 dd img, .f03-tit_line__contents h1 span img {
          width: auto;
          height: 88px; } }

@media screen and (max-width: 767px) {
  .illust_tit_01 {
    position: absolute;
    right: -20px;
    bottom: -20px; } }

@media screen and (min-width: 768px) {
  .f03-02__lead {
    padding-top: 30px; } }

@media screen and (max-width: 767px) {
  .f03-02__lead {
    padding-top: 24px;
    padding-bottom: 36px; } }

.f03-02__lead p {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .f03-02__lead p {
      font-size: 20px;
      margin-bottom: 0 !important; } }
  @media screen and (max-width: 767px) {
    .f03-02__lead p {
      font-size: 20px;
      margin-bottom: 0 !important; } }

@media screen and (min-width: 768px) {
  .f03-03__lead {
    padding-top: 20px;
    padding-bottom: 65px; } }

@media screen and (max-width: 767px) {
  .f03-03__lead {
    padding-top: 30px;
    padding-bottom: 40px; } }

.f03-03__lead p {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .f03-03__lead p {
      font-size: 20px;
      margin-bottom: 0 !important; } }
  @media screen and (max-width: 767px) {
    .f03-03__lead p {
      font-size: 20px; } }

.f03-02-adviser {
  border-radius: 10px;
  border: 4px solid #FFF100;
  padding: 30px 30px 20px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .f03-02-adviser {
      margin-top: 50px; } }
  @media screen and (max-width: 767px) {
    .f03-02-adviser {
      margin-top: -10px; } }
  .f03-02-adviser h2 {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    border-bottom: none;
    padding-bottom: 0 !important;
    line-height: 1;
    margin: 0 !important; }
    @media screen and (min-width: 768px) {
      .f03-02-adviser h2 {
        top: -4px;
        left: 16px; } }
    .f03-02-adviser h2 img {
      display: block; }
  @media screen and (min-width: 768px) {
    .f03-02-adviser dl {
      margin-bottom: 10px; } }
  .f03-02-adviser p {
    margin-bottom: 0 !important; }

.f03-02-adviser__pict {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .f03-02-adviser__pict {
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) {
    .f03-02-adviser__pict img {
      width: 120px;
      min-width: 120px;
      height: auto; } }
  @media screen and (max-width: 767px) {
    .f03-02-adviser__pict img {
      margin-right: 28px; } }

@media screen and (min-width: 768px) {
  .f03-02-adviser__contents {
    display: flex; } }

@media screen and (max-width: 767px) {
  .f03-02-adviser__contents dl {
    white-space: nowrap; } }

.f03-02-adviser__contents dl dt {
  font-size: 22px; }
  .f03-02-adviser__contents dl dt small {
    font-size: 14px; }

.f03-02-adviser__contents dl dd {
  font-size: 14px; }

@media screen and (min-width: 768px) {
  .f03-02-adviser__contents img {
    margin-top: 8px;
    margin-right: 34px; } }

@media screen and (min-width: 768px) {
  .f03-02-qa {
    margin-top: 65px; } }

@media screen and (max-width: 767px) {
  .f03-02-qa {
    margin-top: 40px; } }

@media screen and (min-width: 768px) {
  .f03-02-qa + .f03-02-qa {
    margin-top: 35px;
    padding-top: 50px;
    background: url(../img/feature/03_2/border.svg) 0 0 no-repeat; } }

@media screen and (max-width: 767px) {
  .f03-02-qa + .f03-02-qa {
    margin-top: 45px;
    padding-top: 40px;
    background: url(../img/feature/03_2/border.svg) 0 0 no-repeat; } }

@media screen and (min-width: 768px) {
  .f03-02-qa__q {
    display: flex;
    align-items: flex-start; } }

@media screen and (max-width: 767px) {
  .f03-02-qa__q > img {
    margin-bottom: 10px; } }

@media screen and (min-width: 768px) {
  .f03-02-qa__q dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start; } }

.f03-02-qa__q dt {
  background-color: #FFFDCE;
  font-size: 26px;
  padding: 14px 20px;
  font-weight: bold;
  line-height: 1.1;
  color: #333; }
  @media screen and (max-width: 767px) {
    .f03-02-qa__q dt {
      font-size: 24px;
      font-feature-settings: "palt"; } }

.f03-02-qa__q dd {
  font-size: 16px;
  margin-top: 1em; }
  @media screen and (min-width: 768px) {
    .f03-02-qa__q dd {
      margin-top: 10px; } }

.f03-02-qa__q img {
  margin-right: 42px; }
  @media screen and (min-width: 768px) {
    .f03-02-qa__q img {
      margin-top: 10px; } }
  @media screen and (max-width: 767px) {
    .f03-02-qa__q img {
      width: 100px;
      height: auto; } }

@media screen and (max-width: 767px) {
  .f03-02-qa__a {
    margin-top: 20px; } }

@media screen and (min-width: 768px) {
  .f03-02-qa__a {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse; } }

@media screen and (min-width: 768px) {
  .f03-02-qa__a dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start; } }

.f03-02-qa__a dt {
  background-color: #EDFAFF;
  font-size: 26px;
  padding: 10px 20px;
  font-weight: bold;
  color: #333; }
  @media screen and (max-width: 767px) {
    .f03-02-qa__a dt {
      font-size: 24px;
      line-height: 1.25;
      font-feature-settings: "palt"; } }

.f03-02-qa__a dd {
  font-size: 16px;
  margin-top: 1em; }

.f03-02-qa__a img {
  margin-left: 42px; }
  @media screen and (max-width: 767px) {
    .f03-02-qa__a img {
      display: block;
      width: 120px;
      height: auto;
      margin-left: auto; } }

.f03-02-myunavi {
  display: flex;
  align-items: flex-start;
  background-color: #EDFAFF; }
  @media screen and (min-width: 768px) {
    .f03-02-myunavi {
      padding: 55px 60px;
      border-radius: 20px;
      margin-top: 70px; } }
  @media screen and (max-width: 767px) {
    .f03-02-myunavi {
      margin-top: 70px;
      padding-bottom: 60px;
      margin-left: -17px;
      margin-right: -17px; } }

.f03-02-myunavi__pct {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .f03-02-myunavi__pct {
      max-width: 300px;
      min-width: 300px; } }
  @media screen and (max-width: 767px) {
    .f03-02-myunavi__pct {
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px; } }
  .f03-02-myunavi__pct img {
    width: 100%; }

@media screen and (min-width: 768px) {
  .f03-02-myunavi__txt {
    margin-left: 50px; } }

@media screen and (max-width: 767px) {
  .f03-02-myunavi__txt {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (min-width: 768px) {
  .f03-02-myunavi__txt .f03-movie__title {
    margin-top: -20px;
    width: 100%; } }

@media screen and (min-width: 768px) {
  .f03-02-myunavi__txt .illust_movie {
    position: relative;
    top: -20px; } }

.f03-02-myunavi__txt h3 {
  border-bottom: none; }
  @media screen and (min-width: 768px) {
    .f03-02-myunavi__txt h3 {
      width: 100%;
      font-size: 26px; } }
  @media screen and (max-width: 767px) {
    .f03-02-myunavi__txt h3 {
      position: relative;
      font-size: 26px;
      padding-top: 20px;
      padding-right: 90px !important; } }
  .f03-02-myunavi__txt h3:after {
    display: block;
    content: "";
    margin-right: -90px; }

@media screen and (min-width: 768px) {
  .f03-02-myunavi__txt p {
    line-height: 2; } }

@media screen and (max-width: 767px) {
  .f03-02-myunavi__txt p {
    margin-bottom: 0; } }

.f03-02-myunavi__btn {
  display: flex;
  justify-content: center;
  margin-top: 55px; }
  @media screen and (max-width: 767px) {
    .f03-02-myunavi__btn {
      margin-top: 30px; } }
  .f03-02-myunavi__btn a {
    max-width: 250px;
    width: 250px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #7ECEF4;
    background-color: #fff;
    border-radius: 24px;
    font-size: 14px;
    color: #000; }
    @media screen and (max-width: 767px) {
      .f03-02-myunavi__btn a {
        font-size: 18px;
        max-width: 300px;
        width: 300px;
        height: 58px;
        border-radius: 30px;
        margin-top: 10px; } }
    .f03-02-myunavi__btn a:hover, .f03-02-myunavi__btn a:focus {
      text-decoration: none;
      background-color: #7ECEF4;
      color: #fff; }

#puratomo-wrap .f03-02-myunavi__notes {
  font-size: 13px;
  margin-top: 30px; }

.f03-03-profile {
  border-radius: 10px;
  border: 3px solid #008CD6;
  position: relative; }
  @media screen and (min-width: 768px) {
    .f03-03-profile {
      display: flex;
      padding: 65px 35px 35px; } }
  @media screen and (max-width: 767px) {
    .f03-03-profile {
      padding: 50px 15px 15px; } }
  .f03-03-profile.f03-03-profile--pink {
    border-color: #E4007F;
    margin-top: 60px; }
    .f03-03-profile.f03-03-profile--pink h2 {
      background-color: #E4007F; }
    .f03-03-profile.f03-03-profile--pink .f03-03-profile__pict p {
      background-color: #FDCEE9; }
      .f03-03-profile.f03-03-profile--pink .f03-03-profile__pict p:before {
        border-color: transparent transparent #FDCEE9 transparent; }
    .f03-03-profile.f03-03-profile--pink .f03-03-profile__text h3 {
      color: #E4007F; }
  .f03-03-profile h2 {
    border-bottom: none;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #008CD6;
    font-size: 20px;
    color: #fff;
    margin-left: 25px;
    width: 250px;
    height: 50px;
    position: absolute;
    top: -25px;
    left: 25px;
    border-radius: 25px; }
    @media screen and (max-width: 767px) {
      .f03-03-profile h2 {
        left: 50%;
        transform: translateX(-50%); } }

@media screen and (min-width: 768px) {
  .f03-03-profile__pict {
    max-width: 200px;
    min-width: 200px;
    margin-right: 38px; } }

@media screen and (max-width: 767px) {
  .f03-03-profile__pict {
    display: flex;
    align-items: flex-start; } }

@media screen and (min-width: 768px) {
  .f03-03-profile__pict img {
    margin-bottom: 16px; } }

@media screen and (max-width: 767px) {
  .f03-03-profile__pict img {
    max-width: 140px;
    height: auto;
    margin-right: 10px; } }

.f03-03-profile__pict dl {
  padding-left: 10px; }

.f03-03-profile__pict dt {
  font-size: 22px; }
  @media screen and (max-width: 375px) {
    .f03-03-profile__pict dt {
      font-size: 18px;
      font-feature-settings: "palt"; } }
  .f03-03-profile__pict dt small {
    font-size: 14px; }
    @media screen and (max-width: 375px) {
      .f03-03-profile__pict dt small {
        font-size: 12px; } }
  @media screen and (max-width: 767px) {
    .f03-03-profile__pict dt {
      white-space: nowrap; } }

.f03-03-profile__pict dd {
  line-height: 1;
  font-size: 13px; }
  @media screen and (max-width: 375px) {
    .f03-03-profile__pict dd {
      font-size: 11px; } }

.f03-03-profile__pict p {
  position: relative;
  margin-top: 10px;
  background-color: #D0ECFA;
  padding: 15px;
  font-size: 13px;
  border-radius: 10px;
  margin-bottom: 0; }
  @media screen and (max-width: 375px) {
    .f03-03-profile__pict p {
      font-size: 12px; } }
  .f03-03-profile__pict p:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 7px 12px 7px;
    border-color: transparent transparent #D0ECFA transparent;
    top: -12px; }
  .f03-03-profile__pict p:after {
    content: "";
    display: block; }

@media screen and (max-width: 375px) {
  .f03-03-profile__pict-profile {
    width: 40vw; } }

@media screen and (min-width: 768px) {
  .f03-03-profile__text {
    margin-top: -10px; } }

@media screen and (max-width: 767px) {
  .f03-03-profile__text {
    margin: 10px 0 0 !important; } }

.f03-03-profile__text h3 {
  color: #008CD6;
  font-size: 22px;
  border-bottom: none; }
  @media screen and (min-width: 768px) {
    .f03-03-profile__text h3 {
      margin: 0 !important; } }
  @media screen and (max-width: 767px) {
    .f03-03-profile__text h3 {
      margin: 0 0 10px !important; } }

.f03-03-profile__text p {
  font-size: 16px;
  line-height: 1.75; }
  @media screen and (max-width: 767px) {
    .f03-03-profile__text p {
      margin: 0 0 30px !important; } }

@media screen and (min-width: 768px) {
  .f03-03-profile__picts {
    display: flex;
    padding-left: 0;
    margin: 40px 0 0 !important;
    gap: 50px;
    font-feature-settings: "palt"; } }

@media screen and (max-width: 767px) {
  .f03-03-profile__picts {
    display: flex;
    align-items: center;
    flex-direction: column; } }

.f03-03-profile__picts li {
  font-size: 13px; }
  @media screen and (max-width: 767px) {
    .f03-03-profile__picts li + li {
      margin-top: 30px; } }

.f03-03-profile__picts img {
  display: block;
  margin-bottom: 0.4em; }

.f03-03-profile__picts-01 {
  width: 300px;
  height: auto; }

.f03-03-profile__picts-02 {
  width: 220px;
  height: auto; }
  .f03-03-profile__picts-02 img {
    display: block; }

.f03-voices {
  background-color: #EDFAFF;
  margin-top: 60px; }
  @media screen and (min-width: 768px) {
    .f03-voices {
      border-radius: 20px;
      padding: 30px 60px 50px; } }
  @media screen and (max-width: 767px) {
    .f03-voices {
      margin-left: -17px;
      margin-right: -17px;
      padding: 24px 24px 60px; } }
  .f03-voices .f03-voices__title {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 767px) {
      .f03-voices .f03-voices__title .f03-movie__title {
        min-width: 100%; } }
    .f03-voices .f03-voices__title h3 {
      font-size: 24px; }
      @media screen and (max-width: 767px) {
        .f03-voices .f03-voices__title h3 {
          min-width: 100%;
          line-height: 1.5; } }
      @media screen and (min-width: 768px) {
        .f03-voices .f03-voices__title h3 {
          padding-top: 1.25em;
          min-width: 324px; } }
      @media screen and (max-width: 767px) {
        .f03-voices .f03-voices__title h3:after {
          margin-top: 0.5em; } }

@media screen and (min-width: 768px) {
  .f03-voices__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px; } }

.f03-voices__item {
  border: 1px solid #008CD6;
  border-radius: 30px;
  background-color: #fff;
  padding: 20px; }
  @media screen and (max-width: 767px) {
    .f03-voices__item + .f03-voices__item {
      margin-top: 30px; } }
  .f03-voices__item dl {
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
    @media screen and (max-width: 767px) {
      .f03-voices__item dl {
        align-items: center; } }
  .f03-voices__item dt {
    padding: 0.75em 1.75em;
    line-height: 1;
    border-radius: 25px;
    color: #fff;
    background-color: #008CD6;
    font-size: 16px;
    margin-bottom: 1em; }
  .f03-voices__item dd {
    line-height: 1.875; }
  .f03-voices__item.f03-voices__item--green {
    border-color: #009944; }
    .f03-voices__item.f03-voices__item--green dt {
      background-color: #009944; }
  .f03-voices__item.f03-voices__item--pink {
    border-color: #E4007F; }
    .f03-voices__item.f03-voices__item--pink dt {
      background-color: #E4007F; }

/*# sourceMappingURL=feature03.css.map */