@charset "UTF-8";
#support {
  /* カテゴリ設定 */ }
  #support .cont__header {
    background-color: #D337A3; }
    #support .cont__header .box__cat_ttl:before {
      background: url("../support/img/img_main.jpg") no-repeat center top;
      background-size: cover; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      #support .cont__header .box__cat_nav a {
        width: 35%;
        line-height: 1.5; } }
    #support .cont__header .box__cat_nav a.active {
      color: #D337A3; }
      #support .cont__header .box__cat_nav a.active span {
        border-color: #D337A3; }
  #support.education .cont__area img {
    width: 100%; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    #support.education .cont__area .layout_1 {
      padding: 30px 0; } }
  #support.education .cont__area .block_ttl {
    font-size: 26px;
    font-size: 2.6rem;
    border-bottom: solid 1px #ccc;
    letter-spacing: 0.05em;
    padding-bottom: 10px;
    margin-bottom: 30px; }
  #support.education .cont__area .block_education h3 {
    text-align: center;
    background-color: rgba(211, 55, 163, 0.15);
    padding: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #D337A3;
    margin-bottom: 10px; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      #support.education .cont__area .block_education h3 {
        padding: 30px; } }
  #support.education .cont__area .block_education .box_line {
    overflow: hidden;
    margin-bottom: 80px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #support.education .cont__area .block_education .box_line .ttl {
      width: 50px;
      padding-right: 8px;
      float: left;
      font-size: 20px;
      font-size: 2rem;
      color: #fff;
      text-align: center;
      background-color: #D337A3;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      letter-spacing: 0.2em; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        #support.education .cont__area .block_education .box_line .ttl {
          -webkit-writing-mode: horizontal-tb;
          -ms-writing-mode: horizontal-tb;
          writing-mode: horizontal-tb;
          width: 100%;
          font-size: 16px;
          font-size: 1.6rem;
          padding: 5px;
          float: none;
          margin-bottom: 5px; } }
    #support.education .cont__area .block_education .box_line ul {
      width: 925px;
      float: right; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        #support.education .cont__area .block_education .box_line ul {
          width: 100%;
          float: none; } }
      #support.education .cont__area .block_education .box_line ul li {
        border: solid 1px #D337A3;
        display: table;
        width: 100%;
        padding: 10px;
        margin-bottom: 5px;
        position: relative; }
        @media only screen and (max-width: 768px), print and (min-width: 2cm) {
          #support.education .cont__area .block_education .box_line ul li {
            margin-bottom: 30px; } }
        #support.education .cont__area .block_education .box_line ul li:after {
          position: absolute;
          bottom: -13px;
          left: 50px;
          content: "";
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 20px 16px 0 16px;
          border-color: #D337A3 transparent transparent transparent; }
          @media only screen and (max-width: 768px), print and (min-width: 2cm) {
            #support.education .cont__area .block_education .box_line ul li:after {
              left: 50%;
              margin-left: -12px;
              bottom: -23px;
              border-width: 15px 12px 0 12px; } }
        #support.education .cont__area .block_education .box_line ul li:last-child {
          margin-bottom: 0; }
          #support.education .cont__area .block_education .box_line ul li:last-child:after {
            display: none; }
        #support.education .cont__area .block_education .box_line ul li .txt {
          display: table-cell;
          vertical-align: middle;
          padding-left: 20px; }
          @media only screen and (max-width: 768px), print and (min-width: 2cm) {
            #support.education .cont__area .block_education .box_line ul li .txt {
              display: block;
              padding-left: 0;
              padding-top: 5px; } }
          #support.education .cont__area .block_education .box_line ul li .txt h4 {
            font-size: 20px;
            font-size: 2rem;
            font-weight: bold;
            letter-spacing: 0.05em;
            margin-bottom: 10px; }
        #support.education .cont__area .block_education .box_line ul li figure {
          display: table-cell;
          vertical-align: middle;
          width: 450px; }
          @media only screen and (max-width: 768px), print and (min-width: 2cm) {
            #support.education .cont__area .block_education .box_line ul li figure {
              display: block;
              width: 100%; } }
  #support.education .cont__area .block_education .box_staff {
    overflow: hidden;
    margin-bottom: 80px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #support.education .cont__area .block_education .box_staff .ttl {
      width: 50px;
      padding-right: 8px;
      float: left;
      font-size: 20px;
      font-size: 2rem;
      color: #fff;
      text-align: center;
      background-color: #D337A3;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      letter-spacing: 0.2em; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        #support.education .cont__area .block_education .box_staff .ttl {
          -webkit-writing-mode: horizontal-tb;
          -ms-writing-mode: horizontal-tb;
          writing-mode: horizontal-tb;
          width: 100%;
          font-size: 16px;
          font-size: 1.6rem;
          padding: 5px;
          float: none;
          margin-bottom: 5px; } }
    #support.education .cont__area .block_education .box_staff ul {
      width: 925px;
      float: right; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        #support.education .cont__area .block_education .box_staff ul {
          width: 100%;
          float: none; } }
      #support.education .cont__area .block_education .box_staff ul li {
        border: solid 1px #D337A3;
        display: table;
        width: 100%;
        margin-bottom: 5px;
        position: relative;
        padding-right: 10px; }
        @media only screen and (max-width: 768px), print and (min-width: 2cm) {
          #support.education .cont__area .block_education .box_staff ul li {
            padding-right: 0;
            margin-bottom: 30px; } }
        #support.education .cont__area .block_education .box_staff ul li:after {
          position: absolute;
          bottom: -14px;
          left: 70px;
          content: "";
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 20px 16px 0 16px;
          border-color: #fff transparent transparent transparent;
          z-index: 100; }
          @media only screen and (max-width: 768px), print and (min-width: 2cm) {
            #support.education .cont__area .block_education .box_staff ul li:after {
              border-color: #D337A3 transparent transparent transparent;
              left: 50%;
              margin-left: -12px;
              bottom: -23px;
              border-width: 15px 12px 0 12px; } }
        #support.education .cont__area .block_education .box_staff ul li:last-child {
          margin-bottom: 0; }
          #support.education .cont__area .block_education .box_staff ul li:last-child:after {
            display: none; }
        #support.education .cont__area .block_education .box_staff ul li .box_l {
          display: table-cell;
          vertical-align: middle;
          font-size: 22px;
          font-size: 2.2rem;
          font-weight: bold;
          letter-spacing: 0.05em;
          background-color: rgba(211, 55, 163, 0.55);
          color: #fff;
          width: 170px;
          height: 170px;
          text-align: center;
          line-height: 1.5; }
          @media only screen and (max-width: 768px), print and (min-width: 2cm) {
            #support.education .cont__area .block_education .box_staff ul li .box_l {
              width: 100%;
              display: block;
              height: auto;
              font-size: 20px;
              font-size: 2rem;
              padding: 5px; } }
        #support.education .cont__area .block_education .box_staff ul li .box_c {
          display: table-cell;
          vertical-align: middle;
          font-size: 20px;
          font-size: 2rem;
          font-weight: bold;
          letter-spacing: 0.05em;
          padding: 20px 40px;
          line-height: 1.5; }
          @media only screen and (max-width: 768px), print and (min-width: 2cm) {
            #support.education .cont__area .block_education .box_staff ul li .box_c {
              width: 100%;
              display: block;
              padding: 10px 10px 0;
              font-size: 18px;
              font-size: 1.8rem;
              text-align: center; } }
        #support.education .cont__area .block_education .box_staff ul li .box_r {
          display: table-cell;
          vertical-align: middle;
          width: 450px; }
          @media only screen and (max-width: 768px), print and (min-width: 2cm) {
            #support.education .cont__area .block_education .box_staff ul li .box_r {
              width: 100%;
              display: block;
              padding: 10px; } }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    #support.education .cont__area .block_system {
      width: 800px; } }
  #support.ability .pc {
    display: block; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      #support.ability .pc {
        display: none; } }
  #support.ability .block_ttl {
    font-size: 26px;
    font-size: 2.6rem;
    border-bottom: solid 1px #ccc;
    letter-spacing: 0.05em;
    padding-bottom: 10px; }
  #support.ability .txt {
    padding: 15px 0 0; }
    #support.ability .txt.fc {
      color: #D337A3; }
  #support.ability .cont__area {
    padding-bottom: 80px; }
    #support.ability .cont__area .layout_act {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-top: 20px; }
      #support.ability .cont__area .layout_act .box_act_line {
        border: solid 1px #D337A3; }
        @media only screen and (max-width: 768px), print and (min-width: 2cm) {
          #support.ability .cont__area .layout_act .box_act_line {
            margin-bottom: 20px; } }
        #support.ability .cont__area .layout_act .box_act_line h3 {
          background-color: #D337A3;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          letter-spacing: 0.05em;
          color: #fff;
          padding: 12px;
          text-align: center; }
        #support.ability .cont__area .layout_act .box_act_line p {
          padding: 30px; }
      #support.ability .cont__area .layout_act .item {
        margin-bottom: 30px; }
        @media only screen and (max-width: 768px), print and (min-width: 2cm) {
          #support.ability .cont__area .layout_act .item {
            margin-bottom: 0; } }
        @media only screen and (max-width: 768px), print and (min-width: 2cm) {
          #support.ability .cont__area .layout_act .item .img_box {
            margin: 0 auto 30px; } }
        #support.ability .cont__area .layout_act .item .img_box p {
          display: flex;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          align-items: center;
          margin-bottom: 10px;
          border-bottom: 1px solid #D337A3;
          padding-bottom: 4px; }
          @media only screen and (max-width: 768px), print and (min-width: 2cm) {
            #support.ability .cont__area .layout_act .item .img_box p {
              font-size: 14px; } }
          #support.ability .cont__area .layout_act .item .img_box p span {
            background-color: #D337A3;
            color: #fff;
            display: block;
            width: 30px;
            height: 30px;
            line-height: 1.8;
            margin-right: 10px;
            font-weight: bold; }
            @media only screen and (max-width: 768px), print and (min-width: 2cm) {
              #support.ability .cont__area .layout_act .item .img_box p span {
                width: 25px;
                height: 25px; } }
  #support.skill .block_ttl {
    font-size: 2.6rem;
    border-bottom: solid 1px #ccc;
    letter-spacing: 0.05em;
    padding-bottom: 10px; }
  #support.skill .txt {
    padding: 15px 0 0; }
  #support.skill .fc {
    color: #D337A3; }
  #support.skill .cont__area {
    padding-bottom: 80px; }
    #support.skill .cont__area .layout_act {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-top: 20px; }
      #support.skill .cont__area .layout_act .box_act_line {
        border: solid 1px #D337A3; }
        @media only screen and (max-width: 768px), print and (min-width: 2cm) {
          #support.skill .cont__area .layout_act .box_act_line {
            margin-bottom: 20px; } }
        #support.skill .cont__area .layout_act .box_act_line h3 {
          background-color: #D337A3;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          letter-spacing: 0.05em;
          color: #fff;
          padding: 12px;
          text-align: center; }
        #support.skill .cont__area .layout_act .box_act_line p {
          padding: 30px; }
      #support.skill .cont__area .layout_act .box_act_staff dl {
        border: solid 1px #D337A3;
        background-color: #fff;
        margin-bottom: 30px; }
        #support.skill .cont__area .layout_act .box_act_staff dl dt {
          background-color: #D337A3;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          letter-spacing: 0.05em;
          color: #fff;
          padding: 12px;
          text-align: center;
          line-height: 1; }
        #support.skill .cont__area .layout_act .box_act_staff dl dd {
          width: 100%;
          max-width: 910px;
          margin: 30px auto; }
          #support.skill .cont__area .layout_act .box_act_staff dl dd figure {
            display: flex;
            justify-content: center; }
            @media only screen and (max-width: 768px), print and (min-width: 2cm) {
              #support.skill .cont__area .layout_act .box_act_staff dl dd figure {
                flex-wrap: wrap; } }
            #support.skill .cont__area .layout_act .box_act_staff dl dd figure img {
              width: 220px;
              height: 147px;
              margin-right: 10px; }
              @media only screen and (max-width: 768px), print and (min-width: 2cm) {
                #support.skill .cont__area .layout_act .box_act_staff dl dd figure img {
                  margin-right: 0;
                  width: 50%;
                  height: 66.66%; } }
              #support.skill .cont__area .layout_act .box_act_staff dl dd figure img:last-child {
                margin-right: 0; }
          #support.skill .cont__area .layout_act .box_act_staff dl dd .box_voice {
            display: table;
            margin-top: 30px; }
            @media only screen and (max-width: 768px), print and (min-width: 2cm) {
              #support.skill .cont__area .layout_act .box_act_staff dl dd .box_voice {
                display: block; } }
            #support.skill .cont__area .layout_act .box_act_staff dl dd .box_voice h4 {
              display: table-cell;
              width: 160px;
              background-color: rgba(211, 55, 163, 0.08);
              color: #D337A3;
              font-size: 14px;
              font-size: 1.4rem;
              font-weight: bold;
              letter-spacing: 0.05em;
              text-align: center;
              vertical-align: middle; }
              @media only screen and (max-width: 768px), print and (min-width: 2cm) {
                #support.skill .cont__area .layout_act .box_act_staff dl dd .box_voice h4 {
                  display: block;
                  width: 100%;
                  padding: 10px;
                  margin-bottom: 15px; } }
            #support.skill .cont__area .layout_act .box_act_staff dl dd .box_voice p {
              display: table-cell;
              vertical-align: middle;
              padding-left: 20px; }
              @media only screen and (max-width: 768px), print and (min-width: 2cm) {
                #support.skill .cont__area .layout_act .box_act_staff dl dd .box_voice p {
                  display: block;
                  padding: 0 10px; } }
              #support.skill .cont__area .layout_act .box_act_staff dl dd .box_voice p span {
                display: block;
                line-height: 1.5;
                margin-bottom: 0.3em; }
                #support.skill .cont__area .layout_act .box_act_staff dl dd .box_voice p span.n2 {
                  padding-left: 4.35em;
                  text-indent: -4.35em; }
                #support.skill .cont__area .layout_act .box_act_staff dl dd .box_voice p span.n3 {
                  padding-left: 5.35em;
                  text-indent: -5.35em; }