.access0812 { text-align:left;}
@media screen and (max-width: 767px) {
.access0812 #key {
    margin-top: 68px; } }
.access0812 #key .key_txt {
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 3px;
  margin-top: -78px;
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
.access0812 #key .key_txt {
      font-size: 25px;
      padding-left: 15px;
      margin-top: -50px;
      margin-bottom: 22px; } }

.access0812 #sec1 {
  padding-top: 60px;
  padding-bottom: 60px; }
  @media screen and (max-width: 767px) {
.access0812 #sec1 {
      padding-top: 0;
      padding-bottom: 0; } }
.access0812 #sec1 article {
    border-top: 2px solid #00509f;
    border-bottom: 2px solid #00509f; }
.access0812 #sec1 article dl {
      padding-top: 20px;
      padding-bottom: 20px;
      border-top: 1px solid #e6e6e6; }
      @media screen and (max-width: 767px) {
.access0812 #sec1 article dl {
          padding-top: 15px;
          padding-bottom: 15px; } }
.access0812 #sec1 article dl:first-child {
        border-top: none; }
.access0812 #sec1 article dl dt {
        font-weight: bold;
        padding-left: 20px;
        width: 25%;
        float: left;
        position: relative; }
.access0812 #sec1 article dl dt:before {
          content: '';
          width: 3px;
          height: 16px;
          background: #00509f;
          position: absolute;
          left: 0;
          top: 5px; }
        @media screen and (max-width: 767px) {
.access0812 #sec1 article dl dt {
            padding-left: 15px; } }
        @media screen and (max-width: 413px) {
.access0812 #sec1 article dl dt {
            padding-left: 10px;
            width: 26%; } }
        @media screen and (max-width: 374px) {
.access0812 #sec1 article dl dt {
            width: 27%; } }
.access0812 #sec1 article dl dd {
        width: 75%;
        float: right; }
        @media screen and (max-width: 413px) {
.access0812 #sec1 article dl dd {
            width: 74%; } }
        @media screen and (max-width: 374px) {
.access0812 #sec1 article dl dd {
            width: 73%; } }

.access0812 #sec7 {
  background: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 80px; }
  @media screen and (max-width: 767px) {
.access0812 #sec7 {
      padding-top: 40px;
      padding-bottom: 40px; } }
.access0812 #sec7 .eng {
    text-align: center; }
.access0812 #sec7 .line {
    width: 30px;
    height: 3px;
    background: #dc0010;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px; }
.access0812 #sec7 h2 {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px; }
    @media screen and (max-width: 767px) {
.access0812 #sec7 h2 {
        font-size: 29px; } }
    @media screen and (max-width: 320px) {
.access0812 #sec7 h2 {
        font-size: 25px; } }
.access0812 #sec7 .note {
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    font-weight: 500; }
.access0812 #sec7 .s7_blk {
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
.access0812 #sec7 .s7_blk {
        margin-top: 20px; } }
.access0812 #sec7 .s7_blk .s7_l {
      width: 50%;
      float: left;
      padding-right: 10px; }
      @media screen and (max-width: 767px) {
.access0812 #sec7 .s7_blk .s7_l {
          padding-right: 5px;
          padding-left: 15px; } }
      @media screen and (max-width: 374px) {
.access0812 #sec7 .s7_blk .s7_l {
          padding-right: 3px;
          padding-left: 10px; } }
.access0812 #sec7 .s7_blk .s7_l .wrap a {
        transition: 0.3s; }
.access0812 #sec7 .s7_blk .s7_l .wrap a table {
          width: 100%;
          border: none; }
.access0812 #sec7 .s7_blk .s7_l .wrap a table tr {
            border: none; }
.access0812 #sec7 .s7_blk .s7_l .wrap a table tr th {
              width: 50%;
              border: none;
              padding: 0; }
              @media screen and (max-width: 767px) {
.access0812 #sec7 .s7_blk .s7_l .wrap a table tr th {
                  width: 100%;
                  display: block; } }
.access0812 #sec7 .s7_blk .s7_l .wrap a table tr th img {
                height: 100%; }
.access0812 #sec7 .s7_blk .s7_l .wrap a table tr td {
              width: 50%;
              border: none;
              font-size: 16px;
              color: #fff;
              padding: 0;
              background: #00509f;
              font-weight: bold;
              line-height: 25px;
              padding-left: 70px;
              position: relative; }
              @media screen and (max-width: 767px) {
.access0812 #sec7 .s7_blk .s7_l .wrap a table tr td {
                  width: 100%;
                  display: block;
                  font-weight: normal;
                  padding: 10px; } }
              @media screen and (max-width: 413px) {
.access0812 #sec7 .s7_blk .s7_l .wrap a table tr td {
                  font-size: 14px;
                  line-height: 20px; } }
.access0812 #sec7 .s7_blk .s7_l .wrap a table tr td:after {
                content: '';
                width: 12px;
                height: 12px;
                background: url(../img/shared/btn_right.png) no-repeat;
                background-size: 100%;
                position: absolute;
                bottom: 0;
                right: 0; }
              @media screen and (max-width: 767px) {
.access0812 #sec7 .s7_blk .s7_l .wrap a table tr td p {
                  padding-bottom: 20px; } }
.access0812 #sec7 .s7_blk .s7_l .wrap a table:hover td {
            background: #12263b;
            transition: 0.3s; }
.access0812 #sec7 .s7_blk .s7_r {
      width: 50%;
      float: left;
      padding-left: 10px; }
      @media screen and (max-width: 767px) {
.access0812 #sec7 .s7_blk .s7_r {
          padding-left: 5px;
          padding-right: 15px; } }
      @media screen and (max-width: 374px) {
.access0812 #sec7 .s7_blk .s7_r {
          padding-left: 3px;
          padding-right: 10px; } }
.access0812 #sec7 .s7_blk .s7_r .wrap a {
        transition: 0.3s; }
.access0812 #sec7 .s7_blk .s7_r .wrap a table {
          width: 100%;
          border: none; }
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr {
            border: none; }
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr th {
              width: 50%;
              border: none;
              padding: 0; }
              @media screen and (max-width: 767px) {
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr th {
                  width: 100%;
                  display: block; } }
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr th img {
                height: 100%; }
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr td {
              width: 50%;
              border: none;
              font-size: 16px;
              color: #fff;
              padding: 0;
              background: #00509f;
              font-weight: bold;
              line-height: 25px;
              padding-left: 40px;
              position: relative; }
              @media screen and (max-width: 767px) {
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr td {
                  width: 100%;
                  display: block;
                  font-weight: normal;
                  padding: 10px; } }
              @media screen and (max-width: 413px) {
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr td {
                  font-size: 14px;
                  line-height: 20px; } }
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr td:after {
                content: '';
                width: 12px;
                height: 12px;
                background: url(../img/shared/btn_right.png) no-repeat;
                background-size: 100%;
                position: absolute;
                bottom: 0;
                right: 0; }
              @media screen and (max-width: 767px) {
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr td p {
                  margin-top: 15px; } }
              @media screen and (max-width: 413px) {
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr td p {
                  margin-top: 10px; } }
              @media screen and (max-width: 374px) {
.access0812 #sec7 .s7_blk .s7_r .wrap a table tr td p {
                  margin-top: 0; } }
.access0812 #sec7 .s7_blk .s7_r .wrap a table:hover td {
            background: #12263b;
            transition: 0.3s; }

.access0812 #sec2 {
  padding-top: 60px;
  padding-bottom: 60px; }
  @media screen and (max-width: 767px) {
.access0812 #sec2 {
      padding-top: 50px;
      padding-bottom: 0; } }
.access0812 #sec2 .eng {
    text-align: center; }
.access0812 #sec2 .line {
    width: 30px;
    height: 3px;
    background: #dc0010;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px; }
.access0812 #sec2 h2 {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px; }
    @media screen and (max-width: 767px) {
.access0812 #sec2 h2 {
        font-size: 29px; } }
    @media screen and (max-width: 320px) {
.access0812 #sec2 h2 {
        font-size: 25px; } }
.access0812 #sec2 article {
    border-top: 2px solid #00509f;
    border-bottom: 2px solid #00509f;
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
.access0812 #sec2 article {
        margin-top: 25px; } }
.access0812 #sec2 article dl {
      padding-top: 20px;
      padding-bottom: 20px;
      border-top: 1px solid #e6e6e6; }
      @media screen and (max-width: 767px) {
.access0812 #sec2 article dl {
          padding-top: 15px;
          padding-bottom: 15px; } }
.access0812 #sec2 article dl:first-child {
        border-top: none; }
.access0812 #sec2 article dl dt {
        font-weight: bold;
        padding-left: 20px;
        width: 25%;
        float: left;
        position: relative; }
.access0812 #sec2 article dl dt:before {
          content: '';
          width: 3px;
          height: 16px;
          background: #00509f;
          position: absolute;
          left: 0;
          top: 5px; }
        @media screen and (max-width: 767px) {
.access0812 #sec2 article dl dt {
            padding-left: 15px;
            width: 100%; } }
.access0812 #sec2 article dl dd {
        width: 75%;
        float: right; }
        @media screen and (max-width: 767px) {
.access0812 #sec2 article dl dd {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px; } }
.access0812 #sec2 article dl dd a {
          color: #00509f;
          text-decoration: none; }
.access0812 #sec2 article dl dd a:hover {
            text-decoration: underline; }

.access0812 #sec3 {
  background: #edf9ff;
  padding-top: 80px;
  padding-bottom: 80px; }
  @media screen and (max-width: 767px) {
.access0812 #sec3 {
      padding-top: 50px;
      padding-bottom: 60px; } }
.access0812 #sec3 .eng {
    text-align: center; }
.access0812 #sec3 .line {
    width: 30px;
    height: 3px;
    background: #dc0010;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px; }
.access0812 #sec3 h2 {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px; }
    @media screen and (max-width: 767px) {
.access0812 #sec3 h2 {
        font-size: 29px; } }
    @media screen and (max-width: 320px) {
.access0812 #sec3 h2 {
        font-size: 25px; } }
.access0812 #sec3 .s3_blk {
    background: #fff;
    margin-top: 40px;
    height: 750px;
    overflow-y: scroll;
    overflow-x: hidden;}
    @media screen and (max-width: 767px) {
.access0812 #sec3 .s3_blk {
        margin: auto;
        margin-top: 25px;
        width: 94%;
		height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;} }
.access0812 #sec3 .s3_blk dl {
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #e6e6e6; }
      @media screen and (max-width: 767px) {
.access0812 #sec3 .s3_blk dl {
          padding-top: 15px;
          padding-bottom: 15px; } }
.access0812 #sec3 .s3_blk dl dt {
        font-weight: bold;
        padding-left: 20px;
        width: 25%;
        float: left;
        position: relative; }
.access0812 #sec3 .s3_blk dl dt:before {
          content: '';
          width: 3px;
          height: 16px;
          background: #00509f;
          position: absolute;
          left: 0;
          top: 5px; }
        @media screen and (max-width: 767px) {
.access0812 #sec3 .s3_blk dl dt {
            padding-left: 15px;
            width: 100%; } }
.access0812 #sec3 .s3_blk dl dd {
        width: 75%;
        float: right; }
        @media screen and (max-width: 767px) {
.access0812 #sec3 .s3_blk dl dd {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px; } }
.access0812 #sec3 .s3_blk dl dd a {
          color: #00509f;
          text-decoration: none; }
.access0812 #sec3 .s3_blk dl dd a:hover {
            text-decoration: underline; }
.access0812 #sec3 .s3_blk dl dd span.txt_l {
          width: 7%;
          float: left; }
          @media screen and (max-width: 767px) {
.access0812 #sec3 .s3_blk dl dd span.txt_l {
              width: 14%; } }
.access0812 #sec3 .s3_blk dl dd span.txt_r {
          width: 93%;
          float: left; }
          @media screen and (max-width: 767px) {
.access0812 #sec3 .s3_blk dl dd span.txt_r {
              width: 86%; } }
.access0812 #sec3 .s3_blk h4 {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      padding-top: 30px;
      padding-bottom: 15px; }

.access0812 #sec4 {
  border-top: 1px solid #e6e6e6; }
.access0812 #sec4 .s6_btn {
    margin-top: 100px;
    margin-bottom: 100px; }
    @media screen and (max-width: 767px) {
.access0812 #sec4 .s6_btn {
        margin-top: 60px;
        margin-bottom: 60px; } }
.access0812 #sec4 .s6_btn .s6_left p {
      width: 400px;
      margin: auto; }
      @media screen and (max-width: 767px) {
.access0812 #sec4 .s6_btn .s6_left p {
          width: 100%;
          padding-left: 30px;
          padding-right: 30px; } }

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