@charset "UTF-8";
/*タブレットは端末判定で幅1200pxを画面100%で表示するようJ-Queryで制御*/
/*tabletfix02はPCブラウザ可変対応*/
* {
  box-sizing: border-box; }

#key {
  position: relative;
  height: calc(690 / 1600 * 100vw);
  margin-bottom: 4.5em; }
  @media screen and (max-width: 599px) {
    #key {
      height: calc(355 / 375 * 100vw); } }
  #key .bg {
    width: 68.8%;
    height: calc(630 / 1600 * 100vw);
    position: absolute;
    top: 0;
    left: 0;
    background: transparent linear-gradient(270deg, #EFFEFF 0%, #E4EFFE 100%) 0% 0% no-repeat padding-box;
    z-index: -1; }
    @media screen and (max-width: 599px) {
      #key .bg {
        width: 94.7%;
        height: calc(355 / 375 * 100vw); } }
  #key .img {
    width: 71.3%;
    position: absolute;
    top: 5%;
    right: 2.5%; }
    @media screen and (max-width: 599px) {
      #key .img {
        width: 94.7%;
        top: 5.3%;
        right: 0; } }
    #key .img img {
      width: 100%; }
  #key .txt01 p {
    font-size: calc(15px + 45 * (100vw - 375px) / 1225);
    font-weight: 700;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 599px) {
      #key .txt01 p {
        font-size: 200%; } }
    #key .txt01 p span {
      background-color: #fff;
      padding: 0.1em 0.2em 0.16em 0.6em; }
      @media screen and (max-width: 599px) {
        #key .txt01 p span {
          padding: 0.16em 0.26em 0.26em 0.8em; } }
    #key .txt01 p:nth-child(1) {
      position: absolute;
      left: 2.4%;
      top: 32%; }
      @media screen and (max-width: 599px) {
        #key .txt01 p:nth-child(1) {
          left: 0;
          top: 51.7%; } }
    #key .txt01 p:nth-child(2) {
      position: absolute;
      left: 16.8%;
      top: 50.8%; }
      @media screen and (max-width: 599px) {
        #key .txt01 p:nth-child(2) {
          left: 32.3%;
          top: 69.3%; } }
  #key .txt02 {
    font-size: calc(7px + 6 * (100vw - 375px) / 1225);
    font-weight: 700;
    position: absolute;
    left: 5%;
    bottom: 2%;
    color: #00336A; }
    @media screen and (max-width: 1200px) {
      #key .txt02 {
        bottom: 1%; } }
    @media screen and (max-width: 599px) {
      #key .txt02 {
        width: 91.5%;
        font-size: 93.3%;
        left: auto;
        right: 8.5%;
        bottom: 2.1%;
        text-align: right;
        z-index: 1;
        white-space: nowrap; } }
    #key .txt02 span:after {
      content: '';
      display: inline-block;
      width: 220px;
      border: 1px solid #00336A;
      vertical-align: middle;
      margin-left: 20px; }
      @media screen and (max-width: 599px) {
        #key .txt02 span:after {
          content: none; } }
    @media screen and (max-width: 599px) {
      #key .txt02 span::before {
        content: "";
        display: inline-block;
        width: 48.1%;
        border: 1px solid #00336A;
        vertical-align: middle;
        margin-right: 2.0%; } }
  #key .txt03 {
    position: absolute;
    right: 0;
    bottom: -6em; }
    @media screen and (max-width: 1200px) {
      #key .txt03 {
        bottom: -5em; } }
    @media screen and (max-width: 599px) {
      #key .txt03 {
        bottom: -2.5em; } }
    @media screen and (max-width: 360px) {
      #key .txt03 {
        bottom: -2.2em; } }
    #key .txt03 .over {
      font-size: calc(38px + 62 * (100vw - 375px) / 1225);
      color: rgba(222, 215, 184, 0.4);
      font-weight: 700;
      line-height: 1;
      text-align: right; }
      @media screen and (max-width: 360px) {
        #key .txt03 .over {
          font-size: 260%; } }

#intro {
  position: relative;
  padding: 100px 0; }
  @media screen and (max-width: 599px) {
    #intro {
      padding: 4em 0; } }
  #intro .bg {
    background: transparent linear-gradient(44deg, #F9F7F1 0%, #E4EFFE 100%) 0% 0% no-repeat padding-box;
    width: 37.5%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1; }
    @media screen and (max-width: 599px) {
      #intro .bg {
        width: 48%; } }
  #intro .inner p {
    font-size: 125%;
    font-weight: 700;
    margin-bottom: 2.2em;
    text-align: center;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 599px) {
      #intro .inner p {
        font-size: 106.6%; } }
    #intro .inner p:last-child {
      margin-bottom: 0; }

#mission {
  margin: 180px 0 60px 0;
  background: transparent linear-gradient(270deg, #EFFFFE 0%, #E4E9FE 100%) 0% 0% no-repeat padding-box;
  padding: 100px 0 60px 0; }
  @media screen and (max-width: 599px) {
    #mission {
      padding: 0 0 4em 0;
      margin: 8em 0 0 0; } }
  #mission .inner {
    display: flex;
    width: 1200px;
    max-width: 90%;
    margin: 0 auto; }
    @media screen and (max-width: 599px) {
      #mission .inner {
        display: block;
        max-width: 84%;
        position: relative; } }
    #mission .inner .imgBox {
      width: 660px;
      margin: -260px 0 0 -70px; }
      @media screen and (max-width: 1200px) {
        #mission .inner .imgBox {
          width: 610px;
          margin: -155px 0 0 0; } }
      @media screen and (max-width: 599px) {
        #mission .inner .imgBox {
          margin: 0;
          width: 100%;
          position: absolute;
          top: -4em; } }
      #mission .inner .imgBox img {
        width: 100%; }
    #mission .inner .txtBox {
      width: 560px;
      margin-left: 60px; }
      @media screen and (max-width: 599px) {
        #mission .inner .txtBox {
          width: 100%;
          margin-left: 0;
          padding-top: calc(242 / 315 * 100vw); } }
      #mission .inner .txtBox h2 {
        font-size: 250%;
        font-weight: 700;
        line-height: 1.5;
        color: #00336A;
        margin-bottom: 1em;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 599px) {
          #mission .inner .txtBox h2 {
            font-size: 160%;
            margin-bottom: 1.33em; } }
      #mission .inner .txtBox p {
        font-size: 112.5%;
        font-weight: 700;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 599px) {
          #mission .inner .txtBox p {
            font-size: 93.3%; } }

#about_college {
  margin: 140px 0 0 0; }
  @media screen and (max-width: 599px) {
    #about_college {
      margin: 14.2em 0 0 0; } }
  #about_college .wrap {
    position: relative; }
    #about_college .wrap .bg {
      background-color: #F9F7F1;
      background-image: url(../images/dream_bg.png);
      background-size: 20.8%;
      background-repeat: no-repeat;
      background-position: top right;
      height: 74.875em;
      z-index: -1;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      @media screen and (max-width: 599px) {
        #about_college .wrap .bg {
          height: 113.266em;
          background-size: 40%; } }
    #about_college .wrap .inner {
      width: 1200px;
      max-width: 90%;
      margin: 0 auto; }
      @media screen and (max-width: 599px) {
        #about_college .wrap .inner {
          max-width: 84%; } }
      #about_college .wrap .inner .titleWrap {
        display: flex;
        position: relative; }
        @media screen and (max-width: 599px) {
          #about_college .wrap .inner .titleWrap {
            display: block; } }
        #about_college .wrap .inner .titleWrap .bunnerBox {
          width: 55%;
          position: absolute;
          left: -16%;
          top: -26%; }
          @media screen and (max-width: 1200px) {
            #about_college .wrap .inner .titleWrap .bunnerBox {
              width: 50%;
              left: -5%;
              top: -15%; } }
          @media screen and (max-width: 599px) {
            #about_college .wrap .inner .titleWrap .bunnerBox {
              width: 109.5%;
              left: -10%;
              top: -10.2em; } }
          #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner {
            position: relative; }
            #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 {
              position: absolute;
              top: 72px;
              left: 200px;
              letter-spacing: 0.1em; }
              @media screen and (max-width: 1200px) {
                #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 {
                  top: 10.9%;
                  left: 30.3%; } }
              @media screen and (max-width: 599px) {
                #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 {
                  top: 0;
                  left: 0;
                  height: 100%;
                  width: 100%; } }
              #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p {
                color: #fff;
                font-size: 225%;
                line-height: 1.5; }
                @media screen and (max-width: 599px) {
                  #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p {
                    font-size: 173.33%; } }
                #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p span {
                  font-size: 233.33%; }
                  @media screen and (max-width: 599px) {
                    #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p span {
                      font-size: 200%; } }
                @media screen and (max-width: 599px) {
                  #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p:nth-child(1) {
                    position: absolute;
                    top: 6.4%;
                    left: 7%; } }
                @media screen and (max-width: 599px) {
                  #about_college .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p:nth-child(2) {
                    position: absolute;
                    bottom: 2%;
                    right: 8.7%; } }
        #about_college .wrap .inner .titleWrap .intro_txt {
          width: 57.5%;
          margin-left: auto;
          font-size: 112.5%;
          font-weight: 700;
          letter-spacing: 0.1em;
          padding: 80px 0 144px 0; }
          @media screen and (max-width: 1200px) {
            #about_college .wrap .inner .titleWrap .intro_txt {
              width: 51.5%;
              padding: 50px 0 80px 0; } }
          @media screen and (max-width: 599px) {
            #about_college .wrap .inner .titleWrap .intro_txt {
              width: 100%;
              padding: 3.33em 0 2em 0;
              font-size: 93.3%; } }
      #about_college .wrap .inner .infoBoxWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 599px) {
          #about_college .wrap .inner .infoBoxWrap {
            display: block; } }
        #about_college .wrap .inner .infoBoxWrap .infoBox {
          width: 48.3%;
          margin-bottom: 2.5em; }
          @media screen and (max-width: 599px) {
            #about_college .wrap .inner .infoBoxWrap .infoBox {
              width: 100%;
              margin-bottom: 1.33em; } }
          #about_college .wrap .inner .infoBoxWrap .infoBox a {
            display: block;
            height: 100%;
            border-radius: 8px;
            background-color: #fff;
            box-shadow: 0px 6px 18px #00000029; }
            #about_college .wrap .inner .infoBoxWrap .infoBox a:hover {
              box-shadow: none; }
            #about_college .wrap .inner .infoBoxWrap .infoBox a img {
              border-radius: 8px 8px 0 0; }
            #about_college .wrap .inner .infoBoxWrap .infoBox a h3 {
              width: 79.3%;
              background-color: #00336A;
              color: #fff;
              text-align: center;
              font-size: 175%;
              line-height: 50px;
              height: 50px;
              margin-top: -25px;
              position: relative;
              letter-spacing: 0.1em; }
              @media screen and (max-width: 599px) {
                #about_college .wrap .inner .infoBoxWrap .infoBox a h3 {
                  width: 95.2%;
                  font-size: 133.33%;
                  margin-top: -15px; } }
            #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox {
              padding: 1em 1.6em 1.25em 1.6em; }
              @media screen and (max-width: 599px) {
                #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox {
                  padding: 0.66em 1.33em 1em 1.33em; } }
              #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox p {
                line-height: 2;
                min-height: 6em; }
                @media screen and (max-width: 1200px) {
                  #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox p {
                    min-height: 8em; } }
                @media screen and (max-width: 599px) {
                  #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox p {
                    min-height: auto;
                    font-size: 93.33%; } }
              #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox .btnWrap {
                display: flex;
                justify-content: center;
                margin-top: 1.25em; }
                #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox .btnWrap .btn {
                  border: 1px solid #00336A;
                  border-radius: 6px;
                  width: 49.1%;
                  height: 44px;
                  line-height: 44px;
                  color: #00336A;
                  font-weight: 700;
                  text-align: center;
                  position: relative; }
                  @media screen and (max-width: 599px) {
                    #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox .btnWrap .btn {
                      width: 100%;
                      font-size: 93.33%; } }
                  #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox .btnWrap .btn::before {
                    position: absolute;
                    content: '';
                    display: inline-block;
                    z-index: 2;
                    top: 0;
                    right: 19px;
                    bottom: 0;
                    margin: auto;
                    width: 5px;
                    height: 5px;
                    border-right: 2px solid #fff;
                    border-bottom: 2px solid #fff;
                    transform: rotate(-45deg); }
                  #about_college .wrap .inner .infoBoxWrap .infoBox a .txtBox .btnWrap .btn::after {
                    position: absolute;
                    content: '';
                    display: inline-block;
                    top: 0;
                    right: 10px;
                    bottom: 0;
                    margin: auto;
                    width: 22px;
                    height: 22px;
                    background-color: #00336A;
                    border-radius: 100%; }

#about_shikaku {
  margin: 140px 0 0 0; }
  @media screen and (max-width: 599px) {
    #about_shikaku {
      margin: 14.2em 0 0 0; } }
  #about_shikaku .wrap {
    position: relative; }
    #about_shikaku .wrap .bg {
      background-color: #F2F4F7;
      background-image: url(../images/dream_bg.png);
      background-size: 20.8%;
      background-repeat: no-repeat;
      background-position: top right;
      height: 117.875em;
      z-index: -1;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      @media screen and (max-width: 1200px) {
        #about_shikaku .wrap .bg {
          height: 118.875em; } }
      @media screen and (max-width: 599px) {
        #about_shikaku .wrap .bg {
          height: 220.066em;
          background-size: 40%; } }
    #about_shikaku .wrap .inner {
      width: 1200px;
      max-width: 90%;
      margin: 0 auto; }
      @media screen and (max-width: 599px) {
        #about_shikaku .wrap .inner {
          max-width: 84%; } }
      #about_shikaku .wrap .inner .titleWrap {
        display: flex;
        position: relative; }
        @media screen and (max-width: 599px) {
          #about_shikaku .wrap .inner .titleWrap {
            display: block; } }
        #about_shikaku .wrap .inner .titleWrap .bunnerBox {
          width: 55%;
          position: absolute;
          left: -16%;
          top: -26%; }
          @media screen and (max-width: 1200px) {
            #about_shikaku .wrap .inner .titleWrap .bunnerBox {
              width: 50%;
              left: -5%;
              top: -15%; } }
          @media screen and (max-width: 599px) {
            #about_shikaku .wrap .inner .titleWrap .bunnerBox {
              width: 109.5%;
              left: -10%;
              top: -10.2em; } }
          #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner {
            position: relative; }
            #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 {
              position: absolute;
              top: 72px;
              left: 200px;
              letter-spacing: 0.1em; }
              @media screen and (max-width: 1200px) {
                #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 {
                  top: 10.9%;
                  left: 30.3%; } }
              @media screen and (max-width: 599px) {
                #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 {
                  top: 0;
                  left: 0;
                  height: 100%;
                  width: 100%; } }
              #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p {
                color: #fff;
                font-size: 225%;
                line-height: 1.5; }
                @media screen and (max-width: 599px) {
                  #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p {
                    font-size: 173.33%; } }
                #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p span {
                  font-size: 233.33%; }
                  @media screen and (max-width: 599px) {
                    #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p span {
                      font-size: 200%; } }
                @media screen and (max-width: 599px) {
                  #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p:nth-child(1) {
                    position: absolute;
                    top: 6.4%;
                    left: 7%; } }
                @media screen and (max-width: 599px) {
                  #about_shikaku .wrap .inner .titleWrap .bunnerBox .bunnerBoxinner h2 p:nth-child(2) {
                    position: absolute;
                    bottom: 2%;
                    right: 8.7%; } }
        #about_shikaku .wrap .inner .titleWrap .intro_txt {
          width: 57.5%;
          margin-left: auto;
          font-size: 112.5%;
          font-weight: 700;
          letter-spacing: 0.1em;
          padding: 80px 0 144px 0; }
          @media screen and (max-width: 1200px) {
            #about_shikaku .wrap .inner .titleWrap .intro_txt {
              width: 51.5%;
              padding: 50px 0 80px 0; } }
          @media screen and (max-width: 599px) {
            #about_shikaku .wrap .inner .titleWrap .intro_txt {
              width: 100%;
              padding: 3.33em 0 0 0;
              font-size: 93.3%; } }
      #about_shikaku .wrap .inner .infoBoxFlex {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 599px) {
          #about_shikaku .wrap .inner .infoBoxFlex {
            display: block; } }
        #about_shikaku .wrap .inner .infoBoxFlex:last-child {
          margin-top: 1.875em; }
          @media screen and (max-width: 599px) {
            #about_shikaku .wrap .inner .infoBoxFlex:last-child {
              margin-top: 0; } }
        #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap {
          width: 580px; }
          @media screen and (max-width: 1200px) {
            #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap {
              width: 48.3%; } }
          @media screen and (max-width: 599px) {
            #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap {
              width: 100%;
              margin-bottom: 1.33em; } }
          #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            background-color: #fff;
            font-weight: 700;
            color: #00336A;
            margin-bottom: 1.875em;
            padding: 0 1.25em 0 1.875em; }
            @media screen and (max-width: 1200px) {
              #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox {
                white-space: nowrap; } }
            @media screen and (max-width: 599px) {
              #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox {
                display: block;
                position: relative;
                margin-bottom: 3em;
                padding: 0 1em;
                margin-top: 2em; } }
            #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox dt {
              font-size: 187.5%;
              letter-spacing: 0.1em; }
              @media screen and (max-width: 1200px) {
                #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox dt {
                  font-size: 160%; } }
              @media screen and (max-width: 599px) {
                #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox dt {
                  font-size: 160%; } }
            @media screen and (max-width: 1200px) {
              #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox dd {
                font-size: 100%;
                transform: scale(0.9); } }
            @media screen and (max-width: 599px) {
              #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox dd {
                position: absolute;
                right: 0;
                font-size: 93.33%; } }
            #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox dd::before {
              content: '';
              display: inline-block;
              width: 0;
              height: 0;
              border-left: 9px solid #BEAF73;
              border-top: 6px solid transparent;
              border-bottom: 6px solid transparent;
              vertical-align: middle;
              margin-right: 4px; }
              @media screen and (max-width: 599px) {
                #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .shikakuBox dd::before {
                  border-left: 6px solid #BEAF73;
                  border-top: 4px solid transparent;
                  border-bottom: 4px solid transparent;
                  margin-right: 3px; } }
          #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox {
            margin-bottom: 1.875em;
            display: block;
            border-radius: 8px;
            background-color: #fff;
            box-shadow: 0px 6px 18px #00000029; }
            @media screen and (max-width: 599px) {
              #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox {
                margin-bottom: 1.33em; } }
            #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox img {
              border-radius: 8px 8px 0 0; }
            #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 {
              margin-top: -25px;
              color: #fff;
              text-align: center;
              line-height: 50px;
              height: 50px;
              position: relative;
              letter-spacing: 0.1em; }
              @media screen and (max-width: 599px) {
                #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 {
                  margin-top: -15px; } }
              #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl {
                display: flex; }
                @media screen and (max-width: 599px) {
                  #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl {
                    display: block; } }
                #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl dt {
                  width: 460px;
                  background-color: #00336A;
                  font-size: 175%; }
                  @media screen and (max-width: 1200px) {
                    #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl dt {
                      font-size: 140%; } }
                  @media screen and (max-width: 599px) {
                    #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl dt {
                      width: 95.2%;
                      font-size: 133.33%;
                      height: 50px;
                      text-align: center;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      line-height: 1; } }
                  #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl dt span {
                    font-size: 50%; }
                    @media screen and (max-width: 1200px) {
                      #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl dt span {
                        font-size: 100%;
                        transform: scale(0.7);
                        display: inline-block; } }
                    @media screen and (max-width: 599px) {
                      #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl dt span {
                        font-size: 70%;
                        transform: scale(1); } }
                #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl dd {
                  width: 120px;
                  background-color: #BEAF73;
                  font-size: 112.5%; }
                  @media screen and (max-width: 599px) {
                    #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox h3 dl dd {
                      width: 95.2%;
                      font-size: 93.3%;
                      line-height: 2; } }
            #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox {
              min-height: 222px;
              padding: 1em 1.6em 1.25em 1.6em; }
              @media screen and (max-width: 599px) {
                #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox {
                  min-height: auto;
                  padding: 2.66em 1.33em 1em 1.33em; } }
              #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox > p {
                line-height: 2; }
                @media screen and (max-width: 1200px) {
                  #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox > p {
                    min-height: 6em; } }
                @media screen and (max-width: 599px) {
                  #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox > p {
                    min-height: auto;
                    font-size: 93.33%; } }
              #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                margin-top: 1.25em; }
                @media screen and (max-width: 599px) {
                  #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap {
                    display: block;
                    margin-top: 0.8em; } }
                #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn {
                  position: relative;
                  border: 1px solid #00336A;
                  border-radius: 6px;
                  width: 49.1%;
                  color: #00336A; }
                  @media screen and (max-width: 599px) {
                    #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn {
                      width: 100%;
                      margin-bottom: 0.66em; } }
                  #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a {
                    height: 44px;
                    text-align: center;
                    display: flex;
                    justify-content: center;
                    align-items: center; }
                    @media screen and (max-width: 1200px) {
                      #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a {
                        padding-right: 1em; } }
                    @media screen and (max-width: 599px) {
                      #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a {
                        padding-right: 0; } }
                    #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a::before {
                      position: absolute;
                      content: '';
                      display: inline-block;
                      z-index: 2;
                      top: 0;
                      right: 19px;
                      bottom: 0;
                      margin: auto;
                      width: 5px;
                      height: 5px;
                      border-right: 2px solid #fff;
                      border-bottom: 2px solid #fff;
                      transform: rotate(-45deg); }
                      @media screen and (max-width: 1200px) {
                        #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a::before {
                          right: 1em; } }
                      @media screen and (max-width: 599px) {
                        #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a::before {
                          right: 19px; } }
                    #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a::after {
                      position: absolute;
                      content: '';
                      display: inline-block;
                      top: 0;
                      right: 10px;
                      bottom: 0;
                      margin: auto;
                      width: 22px;
                      height: 22px;
                      background-color: #00336A;
                      border-radius: 100%; }
                      @media screen and (max-width: 1200px) {
                        #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a::after {
                          right: 0.25em;
                          width: 2em;
                          height: 2em; } }
                      @media screen and (max-width: 599px) {
                        #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a::after {
                          right: 10px;
                          width: 22px;
                          height: 22px; } }
                    #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a p {
                      font-weight: 700;
                      line-height: 1;
                      margin-right: 1.25em; }
                      @media screen and (max-width: 1200px) {
                        #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a p {
                          font-size: 90%; } }
                      @media screen and (max-width: 599px) {
                        #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a p {
                          font-size: 93.33%; } }
                      #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn a p span {
                        font-size: 87.5%; }
                  #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn:nth-child(2) {
                    margin-left: 1.5%; }
                    @media screen and (max-width: 599px) {
                      #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn:nth-child(2) {
                        margin-left: 0; } }
                  #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn:nth-child(3) {
                    margin-top: 0.625em; }
                    @media screen and (max-width: 599px) {
                      #about_shikaku .wrap .inner .infoBoxFlex .infoBoxWrap .infoBox .txtBox .btnWrap .btn:nth-child(3) {
                        margin-top: 0;
                        margin-bottom: 0; } }

#footBnrArea {
  margin-top: 2.5em;
  padding: 3.75em 0 7.5em 0;
  position: relative;
  /*height: 18.75em;*/
  height: 29em;
  /*height: 44em;*/ }
  @media screen and (max-width: 599px) {
    #footBnrArea {
      margin-top: 4em;
      height: auto;
      padding: 0; } }
  #footBnrArea .bg {
    background: transparent linear-gradient(90deg, #F9F7F1 0%, #EFFBFF 100%) 0% 0% no-repeat padding-box;
    width: 80%;
    /*height: 18.75em;*/
    height: 29em;
    /*height: 44em;*/
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (min-width: 1601px) {
      #footBnrArea .bg {
        width: 73%; } }
    @media screen and (max-width: 599px) {
      #footBnrArea .bg {
        width: 53.3%;
        height: 100%; } }
  #footBnrArea ul {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 599px) {
      #footBnrArea ul {
        width: 89.3%;
        display: block;
        padding: 3.76em 0 3.76em 0; } }
    #footBnrArea ul li {
      width: 31.1%; }
      @media screen and (max-width: 599px) {
        #footBnrArea ul li {
          width: 100%;
          margin-bottom: 1em; } }
      @media screen and (max-width: 599px) {
        #footBnrArea ul li:last-child {
          margin-bottom: 0; } }
      #footBnrArea ul li.li01 {
        width: 100%;
        margin-top: 2.5em; }
        @media screen and (max-width: 599px) {
          #footBnrArea ul li.li01 {
            margin-top: 0; } }
      #footBnrArea ul li.li02 {
        margin: 2.5em auto 0; }
        @media screen and (max-width: 599px) {
          #footBnrArea ul li.li02 {
            margin-top: 0; } }
      #footBnrArea ul li a {
        display: block;
        position: relative;
        border-radius: 6px;
        box-shadow: 0px 4px 8px #00000029; }
        #footBnrArea ul li a:hover {
          box-shadow: none; }
        #footBnrArea ul li a img {
          width: 100%;
          border-radius: 6px; }
        #footBnrArea ul li a p {
          font-size: 112.5%;
          font-weight: 700;
          line-height: 1.4;
          color: #00336A;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateY(-50%); }
          @media screen and (max-width: 599px) {
            #footBnrArea ul li a p {
              font-size: 106.66%; } }
        #footBnrArea ul li a .txtWrap {
          position: absolute;
          top: 50%;
          left: 41%;
          transform: translateY(-50%); }
          @media screen and (max-width: 1200px) {
            #footBnrArea ul li a .txtWrap {
              left: 32%; } }
          @media screen and (max-width: 599px) {
            #footBnrArea ul li a .txtWrap {
              left: 41%; } }
          #footBnrArea ul li a .txtWrap .txt01 {
            font-size: 75%;
            text-align: center;
            position: relative;
            top: auto;
            left: auto;
            transform: none; }
            @media screen and (max-width: 1200px) {
              #footBnrArea ul li a .txtWrap .txt01 {
                transform: scale(0.8);
                white-space: nowrap; } }
            @media screen and (max-width: 599px) {
              #footBnrArea ul li a .txtWrap .txt01 {
                transform: scale(1); } }
          #footBnrArea ul li a .txtWrap .txt02 {
            color: #E30000;
            text-align: center;
            position: relative;
            top: auto;
            left: auto;
            transform: none; }
            @media screen and (max-width: 1200px) {
              #footBnrArea ul li a .txtWrap .txt02 {
                transform: scale(0.8);
                white-space: nowrap; } }
            @media screen and (max-width: 599px) {
              #footBnrArea ul li a .txtWrap .txt02 {
                transform: scale(1); } }
            #footBnrArea ul li a .txtWrap .txt02 span {
              color: #00336A; }