@charset "UTF-8";
#page {
  background-image: linear-gradient(10deg, #13207E 0%, #000000 100%);
  color: #FFF; }
  #page #header {
    background: rgba(0, 0, 0, 0.75); }
  #page .inner {
    padding-top: 10em;
    padding-bottom: 10em; }
    #page .inner .breadCrumb {
      font-size: 90%; }
      #page .inner .breadCrumb ul li {
        display: inline-block;
        margin-right: 1em; }
        #page .inner .breadCrumb ul li::after {
          content: '/';
          margin-left: 1em; }
        #page .inner .breadCrumb ul li:last-child {
          margin-right: 0; }
          #page .inner .breadCrumb ul li:last-child::after {
            display: none; }
        #page .inner .breadCrumb ul li a {
          color: #FFF; }
    #page .inner .titleBox {
      margin-top: 4em;
      text-align: center; }
      #page .inner .titleBox .desc {
        font-size: 90%;
        margin-bottom: 0.5em; }
      #page .inner .titleBox h2 {
        font-size: 150%;
        font-weight: 600; }
    #page .inner .pageNavBox {
      background: #212121;
      margin-top: 4em; }
      #page .inner .pageNavBox ul {
        display: flex;
        justify-content: center; }
        #page .inner .pageNavBox ul li {
          position: relative; }
          #page .inner .pageNavBox ul li::after {
            background: #FFF;
            content: '';
            width: 1px;
            height: 50%;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%); }
          #page .inner .pageNavBox ul li:last-child::after {
            display: none; }
          #page .inner .pageNavBox ul li a {
            color: #A0A0A0;
            display: block;
            margin: 0 1em;
            padding: 1em; }
          #page .inner .pageNavBox ul li.current a {
            color: #FFF; }
    #page .inner .contentWrap {
      margin-top: 4em; }
      #page .inner .contentWrap .contentTitle {
        margin-bottom: 3em;
        padding: 0 3.5vw 1em;
        position: relative; }
        #page .inner .contentWrap .contentTitle::before, #page .inner .contentWrap .contentTitle::after {
          background: #FFF;
          content: '';
          position: absolute;
          width: 50%;
          height: 3px; }
        #page .inner .contentWrap .contentTitle::before {
          bottom: 0;
          left: 0;
          height: 3px; }
        #page .inner .contentWrap .contentTitle::after {
          bottom: 1px;
          right: 0;
          height: 1px; }
        #page .inner .contentWrap .contentTitle .desc {
          font-size: 90%;
          margin-bottom: 0.5em; }
        #page .inner .contentWrap .contentTitle h3 {
          font-size: 150%;
          font-weight: 600;
          margin-bottom: 0.2em;
          line-height: 1.5em; }
      #page .inner .contentWrap .contentInner {
        padding: 0 3.5vw; }
        #page .inner .contentWrap .contentInner .contentBox.column2 {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 3em; }
          #page .inner .contentWrap .contentInner .contentBox.column2 .txtBox {
            width: 45%; }
          #page .inner .contentWrap .contentInner .contentBox.column2 .imgBox {
            width: 50%; }
        #page .inner .contentWrap .contentInner .contentBox .desc {
          margin-bottom: 3em; }
        #page .inner .contentWrap .contentInner .contentBox .box {
          margin-bottom: 2em; }
          #page .inner .contentWrap .contentInner .contentBox .box:last-child {
            margin-bottom: 0; }
          #page .inner .contentWrap .contentInner .contentBox .box h3 {
            font-size: 108%; }
          #page .inner .contentWrap .contentInner .contentBox .box .btn {
            margin-top: 2em;
            margin-bottom: 3em; }
        #page .inner .contentWrap .contentInner .contentBox ul li {
          position: relative; }
          #page .inner .contentWrap .contentInner .contentBox ul li::before {
            content: '・';
            margin-right: 0.25em; }
        #page .inner .contentWrap .contentInner .contentBox .note {
          font-size: 83%;
          margin-top: 1em; }
        #page .inner .contentWrap .contentInner .contentBox .subTit {
          margin-bottom: 0.5em; }
        #page .inner .contentWrap .contentInner .contentBox a {
          color: #FFF;
          position: relative; }
          #page .inner .contentWrap .contentInner .contentBox a::before {
            background: #FFF;
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 50%;
            bottom: -0.1em;
            transform: translateX(-50%); }
        #page .inner .contentWrap .contentInner .btnBox ul {
          display: flex;
          align-items: center; }
          #page .inner .contentWrap .contentInner .btnBox ul li {
            margin-right: 2em; }
            #page .inner .contentWrap .contentInner .btnBox ul li:last-child {
              margin-right: 0; }
        #page .inner .contentWrap .contentInner .btn {
          margin-top: 3em; }
          #page .inner .contentWrap .contentInner .btn a {
            border: 1px solid #FFF;
            color: #FFF;
            display: inline-block;
            line-height: 1.5em;
            padding: 1em 8em;
            position: relative;
            text-align: center; }
            #page .inner .contentWrap .contentInner .btn a::after {
              background: no-repeat url("../images/icon_link.svg") 50% 50%;
              background-size: cover;
              content: '';
              display: block;
              position: absolute;
              top: 50%;
              right: 2em;
              width: 1em;
              height: 1em;
              transform: translateY(-50%); }
        #page .inner .contentWrap .contentInner .pageBottomNav {
          margin-top: 5em; }
          #page .inner .contentWrap .contentInner .pageBottomNav ul {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            #page .inner .contentWrap .contentInner .pageBottomNav ul li a {
              display: block; }
              #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev, #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next {
                border: 2px solid #FFF;
                border-radius: 100vh;
                position: relative;
                width: 6em;
                height: 6em; }
                #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev .arrow, #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next .arrow {
                  background-color: #FFF;
                  border-radius: 100vh;
                  display: inline-block;
                  margin: 1em 0;
                  position: absolute;
                  top: 30%;
                  left: 50%;
                  width: 1.5em;
                  height: 3px;
                  transform: translateX(-50%); }
                  #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev .arrow::before, #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev .arrow::after, #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next .arrow::before, #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next .arrow::after {
                    content: "";
                    position: absolute;
                    top: calc(50% - 1.5px);
                    width: 1em;
                    height: 3px;
                    border-radius: 100vh;
                    background-color: #FFF; }
              #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev .arrow::before, #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev .arrow::after {
                left: 0;
                transform-origin: 1.5px 50%; }
              #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev .arrow::before {
                transform: rotate(45deg); }
              #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev .arrow::after {
                transform: rotate(-45deg); }
              #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next .arrow::before, #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next .arrow::after {
                right: 0;
                transform-origin: calc(100% - 1.5px) 50%; }
              #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next .arrow::before {
                transform: rotate(45deg); }
              #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next .arrow::after {
                transform: rotate(-45deg); }