@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.counseling {
  background: #F5F7FF; }

.main_txt {
  margin-bottom: 41px;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  color: #2C377E; }
  @media (min-width: 768px) {
    .main_txt {
      font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 3.125 ); } }
  @media (min-width: 1280px) {
    .main_txt {
      font-size: 3.4rem; } }

.sab_title {
  margin-bottom: 85.8px;
  text-align: center;
  font-size: 1.6rem;
  color: #2C377E; }
  @media (min-width: 768px) {
    .sab_title {
      font-size: calc( 1.6rem + ( 1vw - 7.68px ) * 1.5625 ); } }
  @media (min-width: 1280px) {
    .sab_title {
      font-size: 2.4rem; } }

.sab_txt {
  text-align: justify;
  font-size: 1.3rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  margin-bottom: 100px; }
  @media (min-width: 768px) {
    .sab_txt {
      font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.390625 ); } }
  @media (min-width: 1280px) {
    .sab_txt {
      font-size: 1.5rem; } }
  .sab_txt.line_mb {
    margin-bottom: 10px; }

#n01 {
  margin-bottom: 72px; }
  #n01 .section_container .image_box {
    background: url("/img/access/history/back_img/img_back_01.png") no-repeat center/cover; }
  #n01 .section_container .txt_box .num_box {
    right: 0; }

#n02 {
  margin-bottom: 72px; }
  #n02 .section_container .image_box {
    background: url("/img/access/history/back_img/img_back_02.png") no-repeat center/cover; }
  #n02 .section_container .txt_box .num_box {
    left: 0; }

#n03 {
  margin-bottom: 96px; }
  #n03 .section_container .image_box {
    background: url("/img/access/history/back_img/img_back_03.png") no-repeat center/cover; }
  #n03 .section_container .txt_box .num_box {
    right: 0; }

#comments {
  text-align: center;
  color: #2C377E; }
  #comments .first_comment {
    margin-bottom: 40px;
    font-size: 2.2rem;
    line-height: 1.5em; }
    @media (min-width: 768px) {
      #comments .first_comment {
        font-size: calc( 2.2rem + ( 1vw - 7.68px ) * 9.0909090909 ); } }
    @media (min-width: 900px) {
      #comments .first_comment {
        font-size: 3.4rem; } }
  #comments .image_wrap {
    margin-bottom: 37px; }
  #comments .comment_txt {
    margin-bottom: 64px;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"; }
    @media (min-width: 768px) {
      #comments .comment_txt {
        font-size: calc( 1.2rem + ( 1vw - 7.68px ) * 2.2727272727 ); } }
    @media (min-width: 900px) {
      #comments .comment_txt {
        font-size: 1.5rem; } }
  #comments .wish_comment {
    margin-bottom: 49px;
    font-size: 2rem;
    line-height: 1.6;
    font-family: YuMincho,"游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3",serif; }
    @media (min-width: 768px) {
      #comments .wish_comment {
        font-size: calc( 2rem + ( 1vw - 7.68px ) * 3.0303030303 ); } }
    @media (min-width: 900px) {
      #comments .wish_comment {
        font-size: 2.4rem; } }
  #comments .name {
    text-align: center;
    max-width: 140px;
    margin: 0 auto 30px; }
    #comments .name p {
      margin-bottom: 10px;
      font-size: 1.1rem;
      font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"; }
      @media (min-width: 768px) {
        #comments .name p {
          font-size: calc( 1.1rem + ( 1vw - 7.68px ) * 2.2727272727 ); } }
      @media (min-width: 900px) {
        #comments .name p {
          font-size: 1.4rem; } }

#history .section_container .image_box {
  margin-bottom: 35px;
  height: 50vw;
  max-height: 260px; }
#history .section_container .txt_box {
  position: relative;
  margin: 0 4%;
  padding: 40px 15px;
  color: #2C377E;
  background: #fff; }
  #history .section_container .txt_box .num_box {
    position: absolute;
    top: -43px;
    transform: translateY(20px);
    width: fit-content;
    font-size: 5.2rem;
    line-height: 100%; }
    @media (min-width: 768px) {
      #history .section_container .txt_box .num_box {
        font-size: calc( 5.2rem + ( 1vw - 7.68px ) * 6.8359375 ); } }
    @media (min-width: 1280px) {
      #history .section_container .txt_box .num_box {
        font-size: 8.7rem; } }
  #history .section_container .txt_box .sec_title {
    margin-bottom: 24px;
    font-size: 1.68rem;
    line-height: 1; }
    @media (min-width: 768px) {
      #history .section_container .txt_box .sec_title {
        font-size: calc( 1.68rem + ( 1vw - 7.68px ) * 2.1875 ); } }
    @media (min-width: 1280px) {
      #history .section_container .txt_box .sec_title {
        font-size: 2.8rem; } }
  #history .section_container .txt_box .sec_txt {
    font-size: 1.2rem;
    line-height: 2.2em;
    letter-spacing: 0;
    font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"; }
    @media (min-width: 768px) {
      #history .section_container .txt_box .sec_txt {
        font-size: calc( 1.2rem + ( 1vw - 7.68px ) * 0.5859375 ); } }
    @media (min-width: 1280px) {
      #history .section_container .txt_box .sec_txt {
        font-size: 1.5rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .main_txt {
    margin-bottom: 80px;
    position: relative; }
    .main_txt:before {
      content: '';
      position: absolute;
      display: block;
      left: 0;
      right: 0;
      bottom: -30px;
      width: 90px;
      height: 1px;
      margin: auto;
      background: #2C377E; }

  .sab_title {
    margin-bottom: 143px; }

  #n01 .section_container .txt_box {
    margin: -80px 10% auto auto; }

  #n02 .section_container .image_box {
    margin: auto 0 auto auto; }
  #n02 .section_container .txt_box {
    margin: -80px auto  auto 10%; }

  #n03 .section_container .txt_box {
    margin: -80px 10% auto auto; }

  #history .section_container .image_box {
    margin-bottom: 0;
    width: 75vw;
    max-height: 500px; }
  #history .section_container .txt_box {
    padding: 50px;
    width: 50%;
    max-width: 680px; }
    #history .section_container .txt_box .num_box {
      top: -3vw;
      transform: translateY(0); }
    #history .section_container .txt_box .sec_title {
      margin-bottom: 35px; } }
/*------------------------------
		901px以上
------------------------------*/
@media screen and (min-width: 901px) {
  #n01 {
    margin-bottom: 120px; }
    #n01 .section_container .txt_box {
      margin: -110px 16% auto auto; }

  #n02 {
    margin-bottom: 120px; }
    #n02 .section_container .image_box {
      margin: auto 0 auto auto; }
    #n02 .section_container .txt_box {
      margin: -110px auto auto 16%; }

  #n03 {
    margin-bottom: 160px; }
    #n03 .section_container .txt_box {
      margin: -110px 16% auto auto; }

  #comments .first_comment {
    margin-bottom: 66px; }
  #comments .image_wrap {
    margin-bottom: 62px; }
  #comments .comment_txt {
    margin-bottom: 75px; }
  #comments .wish_comment {
    margin-bottom: 58px; }
  #comments .name {
    max-width: fit-content; }
    #comments .name p {
      display: inline-block;
      margin-bottom: 0; }
    #comments .name img {
      display: inline-block;
      max-width: 50%; }

  #history .section_container .txt_box .sec_title {
    margin-bottom: 40px; } }
/*------------------------------
		1281px以上
------------------------------*/

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