@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.copy_title {
  font-size: 1.6rem;
  margin-bottom: 5%;
  text-align: center;
  color: #2C377E; }
  @media (min-width: 768px) {
    .copy_title {
      font-size: calc( 1.6rem + ( 1vw - 7.68px ) * 1.5625 ); } }
  @media (min-width: 1280px) {
    .copy_title {
      font-size: 2.4rem; } }

#about .about_wrap .copy_box .copy_title {
  color: #2C377E;
  letter-spacing: 0; }
#about .about_wrap .copy_box .copy_title {
  font-size: 1.6rem;
  margin-bottom: 5%;
  text-align: center;
  color: #2C377E; }
  @media (min-width: 768px) {
    #about .about_wrap .copy_box .copy_title {
      font-size: calc( 1.6rem + ( 1vw - 7.68px ) * 1.5625 ); } }
  @media (min-width: 1280px) {
    #about .about_wrap .copy_box .copy_title {
      font-size: 2.4rem; } }
#about .about_wrap .copy_box .copy {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 5%; }
  @media (min-width: 768px) {
    #about .about_wrap .copy_box .copy {
      font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.390625 ); } }
  @media (min-width: 1280px) {
    #about .about_wrap .copy_box .copy {
      font-size: 1.5rem; } }
  #about .about_wrap .copy_box .copy.txt_align {
    text-align: justify;
    margin-bottom: 5%; }
#about .about_wrap .btn_box.pc_tab_only {
  display: none; }
#about .about_wrap .about_box_wrap {
  margin-bottom: 40px; }
  #about .about_wrap .about_box_wrap .btn {
    font-size: 1.4rem;
    margin-bottom: 1.5%;
    position: relative;
    background: #2C377E;
    color: #fff;
    padding: 22px 0;
    display: block;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      #about .about_wrap .about_box_wrap .btn {
        font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.390625 ); } }
    @media (min-width: 1280px) {
      #about .about_wrap .about_box_wrap .btn {
        font-size: 1.6rem; } }
    #about .about_wrap .about_box_wrap .btn .v_shaped {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: rotate(45deg) translateY(-50%);
      border-bottom: solid 3px #fff;
      border-right: solid 3px #fff;
      width: 6px;
      height: 6px; }
      #about .about_wrap .about_box_wrap .btn .v_shaped.active {
        border-top: solid 3px #fff;
        border-left: solid 3px #fff;
        border-bottom: none;
        border-right: none; }
#about .about_wrap .about_box {
  display: none;
  margin: 10% auto; }
  #about .about_wrap .about_box .copy_box .main_txt {
    font-size: 1.8rem;
    text-align: center;
    color: #2C377E;
    margin-bottom: 55px;
    position: relative; }
    @media (min-width: 768px) {
      #about .about_wrap .about_box .copy_box .main_txt {
        font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 1.171875 ); } }
    @media (min-width: 1280px) {
      #about .about_wrap .about_box .copy_box .main_txt {
        font-size: 2.4rem; } }
    #about .about_wrap .about_box .copy_box .main_txt:before {
      content: '';
      position: absolute;
      display: block;
      left: 0;
      right: 0;
      bottom: -15px;
      width: 90px;
      height: 1px;
      margin: auto;
      background: #2C377E; }
  #about .about_wrap .about_box .consultation {
    background: #E7E9F7;
    padding: 10% 0; }
    #about .about_wrap .about_box .consultation .flex_wrap .txt_box {
      flex: 0 1 38.5%;
      width: 38.5%;
      max-width: 38.5%;
      margin-bottom: 2%;
      color: #2C377E;
      padding: 5%;
      background: #fff; }
      #about .about_wrap .about_box .consultation .flex_wrap .txt_box .number {
        font-size: 1.9rem;
        font-family: YuMincho, "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", serif;
        text-align: center; }
        @media (min-width: 768px) {
          #about .about_wrap .about_box .consultation .flex_wrap .txt_box .number {
            font-size: calc( 1.9rem + ( 1vw - 7.68px ) * 1.5625 ); } }
        @media (min-width: 1280px) {
          #about .about_wrap .about_box .consultation .flex_wrap .txt_box .number {
            font-size: 2.7rem; } }
      #about .about_wrap .about_box .consultation .flex_wrap .txt_box .consultation_txt {
        font-size: 1.1rem;
        font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        text-align: justify; }
        @media (min-width: 768px) {
          #about .about_wrap .about_box .consultation .flex_wrap .txt_box .consultation_txt {
            font-size: calc( 1.1rem + ( 1vw - 7.68px ) * 0.78125 ); } }
        @media (min-width: 1280px) {
          #about .about_wrap .about_box .consultation .flex_wrap .txt_box .consultation_txt {
            font-size: 1.5rem; } }
  #about .about_wrap .about_box .counseling_type {
    padding: 10% 0;
    margin-bottom: 10%;
    background: #fff; }
    #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap {
      margin: 0 auto 5%; }
      #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .about_img {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%;
        margin-bottom: 2%; }
      #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%;
        font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
        #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .counseling_title {
          color: #2C377E;
          font-size: 1.9rem; }
          @media (min-width: 768px) {
            #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .counseling_title {
              font-size: calc( 1.9rem + ( 1vw - 7.68px ) * 1.7578125 ); } }
          @media (min-width: 1280px) {
            #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .counseling_title {
              font-size: 2.8rem; } }
        #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .sab_title {
          color: #2C377E;
          margin-bottom: 2px;
          font-size: 1.5rem;
          text-align: justify; }
          @media (min-width: 768px) {
            #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .sab_title {
              font-size: calc( 1.5rem + ( 1vw - 7.68px ) * 0.5859375 ); } }
          @media (min-width: 1280px) {
            #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .sab_title {
              font-size: 1.8rem; } }
        #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .counseling_txt {
          font-size: 1.3rem;
          text-align: justify; }
          @media (min-width: 768px) {
            #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .counseling_txt {
              font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.390625 ); } }
          @media (min-width: 1280px) {
            #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .counseling_txt {
              font-size: 1.5rem; } }
          #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .counseling_txt span {
            font-weight: bold; }
    #about .about_wrap .about_box .counseling_type .counseling_wrap table {
      width: 100%; }
      #about .about_wrap .about_box .counseling_type .counseling_wrap table tbody tr {
        font-size: 1.3rem;
        border-top: solid 1px #707070;
        font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
        @media (min-width: 768px) {
          #about .about_wrap .about_box .counseling_type .counseling_wrap table tbody tr {
            font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.390625 ); } }
        @media (min-width: 1280px) {
          #about .about_wrap .about_box .counseling_type .counseling_wrap table tbody tr {
            font-size: 1.5rem; } }
        #about .about_wrap .about_box .counseling_type .counseling_wrap table tbody tr th {
          padding: 10px;
          font-weight: bold;
          color: #2C377E;
          text-align: start;
          width: 33%; }
        #about .about_wrap .about_box .counseling_type .counseling_wrap table tbody tr:last-child {
          border-bottom: solid 1px #707070; }
    #about .about_wrap .about_box .counseling_type .counseling_wrap .counseling_btn_txt {
      font-size: 1.6rem;
      text-align: center;
      color: #2C377E;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      margin: 10% auto; }
      @media (min-width: 768px) {
        #about .about_wrap .about_box .counseling_type .counseling_wrap .counseling_btn_txt {
          font-size: calc( 1.6rem + ( 1vw - 7.68px ) * 0.78125 ); } }
      @media (min-width: 1280px) {
        #about .about_wrap .about_box .counseling_type .counseling_wrap .counseling_btn_txt {
          font-size: 2rem; } }
    #about .about_wrap .about_box .counseling_type .counseling_wrap .box_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #about .about_wrap .about_box .counseling_type .counseling_wrap .box_wrap .txt_box {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%;
        text-align: center;
        background: #2C377E;
        color: #fff;
        font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: bold;
        padding: 10px;
        margin-bottom: 2%; }
#about .menu_list .menulist_wrap ul li a {
  background: #fff;
  margin-bottom: 2%;
  display: block;
  padding: 20px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: bold;
  color: #2C377E; }
  #about .menu_list .menulist_wrap ul li a .flex_wrap {
    justify-content: flex-start;
    align-items: center;
    position: relative; }
    #about .menu_list .menulist_wrap ul li a .flex_wrap .icon_box {
      flex: 0 1 12%;
      width: 12%;
      max-width: 12%;
      margin-right: 20px; }
    #about .menu_list .menulist_wrap ul li a .flex_wrap .icon_txt {
      font-size: 1.4rem;
      flex: 0 1 auto;
      width: auto;
      max-width: auto; }
      @media (min-width: 768px) {
        #about .menu_list .menulist_wrap ul li a .flex_wrap .icon_txt {
          font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.390625 ); } }
      @media (min-width: 1280px) {
        #about .menu_list .menulist_wrap ul li a .flex_wrap .icon_txt {
          font-size: 1.6rem; } }
    #about .menu_list .menulist_wrap ul li a .flex_wrap:before {
      position: absolute;
      content: "";
      border-top: solid 1px #2C377E;
      border-right: solid 1px #2C377E;
      height: 7px;
      width: 7px;
      right: 10px;
      top: 50%;
      transform: rotate(45deg) translateY(-50%); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #about .about_wrap .copy_box .copy {
    text-align: justify; }
    #about .about_wrap .copy_box .copy.txt_align {
      text-align: center; }
  #about .about_wrap .btn_box {
    margin-bottom: 6%; }
    #about .about_wrap .btn_box .btn {
      flex: 0 1 48%;
      width: 48%;
      max-width: 48%; }
      #about .about_wrap .btn_box .btn a {
        max-width: 100%; }
        #about .about_wrap .btn_box .btn a .v_shaped {
          border-top: none;
          border-bottom: 2px solid; }
    #about .about_wrap .btn_box.pc_tab_only {
      display: flex; }
  #about .about_wrap .about_box_wrap .btn.sp_only {
    display: none; }
  #about .about_wrap .about_box {
    display: block;
    padding: 3% 0;
    margin: 2% auto 5%; }
    #about .about_wrap .about_box .copy_box .main_txt {
      margin-bottom: 90px; }
    #about .about_wrap .about_box .consultation {
      padding: 5% 0; }
      #about .about_wrap .about_box .consultation .flex_wrap .txt_box {
        flex: 0 1 43%;
        width: 43%;
        max-width: 43%;
        padding: 2% 3%; }
        #about .about_wrap .about_box .consultation .flex_wrap .txt_box .consultation_txt {
          text-align: center; }
    #about .about_wrap .about_box .counseling_type {
      padding: 5% 0;
      margin-bottom: 5%; }
      #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap {
        margin: 0 auto 3%; }
        #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .about_img {
          flex: 0 1 45%;
          width: 45%;
          max-width: 45%;
          margin-bottom: 2%; }
        #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box {
          flex: 0 1 50%;
          width: 50%;
          max-width: 50%; }
          #about .about_wrap .about_box .counseling_type .counseling_wrap .flex_wrap .counseling_txt_box .sab_title {
            color: #2C377E;
            margin-bottom: 2%;
            line-height: 1.7; }
      #about .about_wrap .about_box .counseling_type .counseling_wrap table tbody tr th {
        padding: 20px;
        width: 15%; }
      #about .about_wrap .about_box .counseling_type .counseling_wrap .counseling_btn_txt {
        margin: 6% auto 4%; }
      #about .about_wrap .about_box .counseling_type .counseling_wrap .box_wrap .txt_box {
        flex: 0 1 45%;
        width: 45%;
        max-width: 45%;
        padding: 20px 10px; }
    #about .about_wrap .about_box:hover {
      opacity: 1; }
  #about .menu_list .menulist_wrap ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #about .menu_list .menulist_wrap ul li {
      flex: 0 1 31%;
      width: 31%;
      max-width: 31%; }
      #about .menu_list .menulist_wrap ul li a {
        margin-bottom: 8%;
        font-weight: inherit;
        border: solid 2px #fff; }
        #about .menu_list .menulist_wrap ul li a .flex_wrap {
          justify-content: space-between;
          text-align: center; }
          #about .menu_list .menulist_wrap ul li a .flex_wrap .icon_box {
            flex: 0 1 100%;
            width: 100%;
            max-width: 100%;
            margin: 0 auto 5%; }
          #about .menu_list .menulist_wrap ul li a .flex_wrap .icon_txt {
            flex: 0 1 100%;
            width: 100%;
            max-width: 100%; }
          #about .menu_list .menulist_wrap ul li a .flex_wrap:before {
            top: auto;
            bottom: 12px;
            transform: rotate(45deg) translateY(0); }
        #about .menu_list .menulist_wrap ul li a:hover {
          opacity: 1;
          border: solid 2px #2C377E; }
  #about .event_box {
    width: 100%;
    text-align: center; }
    #about .event_box .event_txt {
      color: #2C377E;
      font-size: 2.4rem;
      margin-bottom: 3%; } }
/*------------------------------
		901px以上
------------------------------*/
/*------------------------------
		1281px以上
------------------------------*/