/* stylelint-disable */
/* stylelint-disable */
@charset "UTF-8";
.clearfix, #section01 .block_01 .procedure .list_top, #section01 .block_01 .steps ul, #section01 .document_block .documents {
  *zoom: 1; }
  .clearfix:after, #section01 .block_01 .procedure .list_top:after, #section01 .block_01 .steps ul:after, #section01 .document_block .documents:after {
    content: "";
    display: table;
    clear: both; }

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

/* Anti FOUC */
.remodal, [data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  background: rgba(0, 0, 0, 0.9);
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }
  .remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay, .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(0, 0, 0, 0.6); }
  .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes; }
  .remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 50px 35px 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
  vertical-align: middle; }
  .remodal.remodal-is-opening, .remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes; }
  .remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes; }

@media only screen and (max-width: 480px) {
  .remodal {
    padding: 40px 14px 20px; } }
/* Vertical align of the modal dialog */
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  overflow: visible;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }
  @media only screen and (max-width: 640px) {
    .remodal-close {
      top: 0;
      right: 0; } }
  .remodal-close:hover, .remodal-close:focus {
    color: #2b2e38; }
  .remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center; }

/* Dialog buttons */
.remodal-confirm, .remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }
  .remodal-confirm:hover, .remodal-confirm:focus {
    background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }
  .remodal-cancel:hover, .remodal-cancel:focus {
    background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 950px; } }
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }
.lt-ie9 .remodal {
  width: 700px; }

/* ------------------------------
共通
------------------------------ */
.container {
  position: relative;
  z-index: 10; }

.btn_document {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  background: #0a0f93;
  min-width: 450px;
  padding: 16px 20px 16px 50px;
  border-radius: 999px;
  box-shadow: 0 5px 0 0 #151861;
  display: inline-block;
  position: relative;
  transition: all 0.5s ease; }
  @media only screen and (max-width: 640px) {
    .btn_document {
      font-size: 16px;
      width: 100%;
      min-width: inherit;
      padding-left: 45px; } }
  .btn_document::before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    content: "\e807";
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%); }
    @media only screen and (max-width: 640px) {
      .btn_document::before {
        left: 20px; } }
  .btn_document:hover {
    background: #0f16db; }

/* ------------------------------
section01
------------------------------ */
#section01 .block_01 {
  background: #d9d9d9;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 640px) {
    #section01 .block_01 {
      background: #cd0400; } }
  #section01 .block_01::before {
    content: "";
    background: #cd0400;
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 640px) {
      #section01 .block_01::before {
        display: none; } }
  #section01 .block_01 .container {
    padding: 140px 0 100px; }
    @media only screen and (max-width: 640px) {
      #section01 .block_01 .container {
        padding: 60px 15px; } }
    #section01 .block_01 .container::before {
      content: "";
      background: #fff;
      width: 6000px;
      height: 2500px;
      display: block;
      position: absolute;
      top: -110px;
      left: -2950px;
      z-index: -1;
      transform: rotate(40deg); }
      @media only screen and (max-width: 640px) {
        #section01 .block_01 .container::before {
          width: 3000px;
          height: 5000px;
          left: -2340px;
          transform: rotate(40deg); } }
    #section01 .block_01 .container::after {
      content: "";
      background: url(/info/ad/image/account/bg_sec01_01.png) center center no-repeat;
      background-size: cover;
      width: 848px;
      height: 609px;
      position: absolute;
      top: -100px;
      right: -400px;
      z-index: -2; }
      @media only screen and (max-width: 640px) {
        #section01 .block_01 .container::after {
          display: none; } }
  #section01 .block_01 .heading_sec {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 40px; }
    @media only screen and (max-width: 640px) {
      #section01 .block_01 .heading_sec {
        font-size: 24px; } }
    #section01 .block_01 .heading_sec::after {
      background: #181818;
      width: 90px;
      height: 5px;
      margin: 16px auto 0;
      display: block;
      content: ""; }
  #section01 .block_01 .lead_top {
    font-size: 18px;
    line-height: 1.5;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      #section01 .block_01 .lead_top {
        font-size: 16px; } }
  #section01 .block_01 .procedure {
    margin-top: 80px; }
    @media only screen and (max-width: 640px) {
      #section01 .block_01 .procedure {
        margin-top: 40px; } }
    #section01 .block_01 .procedure h3 {
      color: #10168c;
      font-size: 26px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 30px; }
      @media only screen and (max-width: 640px) {
        #section01 .block_01 .procedure h3 {
          font-size: 22px;
          margin-bottom: 20px; } }
    #section01 .block_01 .procedure .lead {
      line-height: 1.5;
      text-align: center; }
    #section01 .block_01 .procedure .list_top {
      margin: 50px 0;
      display: inline-block;
      position: relative;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 640px) {
        #section01 .block_01 .procedure .list_top {
          margin: 20px 0;
          display: block;
          position: static;
          transform: none; } }
      #section01 .block_01 .procedure .list_top li {
        font-size: 20px;
        font-weight: bold;
        list-style-type: decimal;
        float: left; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .procedure .list_top li {
            font-size: 18px;
            margin: 10px 0 10px 28px !important;
            float: none; } }
        #section01 .block_01 .procedure .list_top li:nth-child(2) {
          margin: 0 60px; }
    #section01 .block_01 .procedure .note {
      font-size: 15px;
      line-height: 1.4;
      text-align: center;
      text-indent: -1em;
      margin-bottom: 8px;
      padding-left: 1em; }
      @media only screen and (max-width: 640px) {
        #section01 .block_01 .procedure .note {
          font-size: 14px;
          text-align: left; } }
  #section01 .block_01 .steps {
    color: #fff;
    margin-top: 50px; }
    @media only screen and (max-width: 640px) {
      #section01 .block_01 .steps {
        margin-top: 20px; } }
    #section01 .block_01 .steps ul > li {
      width: 33.33333%;
      height: 380px;
      padding-top: 30px;
      padding-bottom: 50px;
      padding: 30px 30px 50px 70px;
      float: left;
      position: relative; }
      @media only screen and (max-width: 640px) {
        #section01 .block_01 .steps ul > li {
          padding: 30px 20px !important;
          width: 100%;
          height: auto;
          float: none; } }
      #section01 .block_01 .steps ul > li .step_n {
        font-family: 'Roboto', Arial, sans-serif;
        font-weight: 700;
        font-size: 24px;
        text-align: center; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .steps ul > li .step_n {
            font-size: 20px; } }
        #section01 .block_01 .steps ul > li .step_n span {
          font-size: 40px; }
          @media only screen and (max-width: 640px) {
            #section01 .block_01 .steps ul > li .step_n span {
              font-size: 30px; } }
        #section01 .block_01 .steps ul > li .step_n::after {
          content: "";
          background: #fff;
          width: 50px;
          height: 3px;
          margin: 10px auto 0;
          display: block; }
      #section01 .block_01 .steps ul > li h4 {
        font-family: 'ヒラギノ角ゴシック','Hiragino Sans',YuGothic,'Yu Gothic',sans-serif;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        margin: 25px 0 30px; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .steps ul > li h4 {
            font-size: 22px; } }
      #section01 .block_01 .steps ul > li ol li {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4;
        padding-left: 40px;
        position: relative; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .steps ul > li ol li {
            font-size: 16px; } }
        #section01 .block_01 .steps ul > li ol li span {
          font-size: 15px;
          font-weight: normal;
          margin-top: 4px;
          display: block; }
          @media only screen and (max-width: 640px) {
            #section01 .block_01 .steps ul > li ol li span {
              font-size: 14px; } }
        #section01 .block_01 .steps ul > li ol li::before {
          font-family: 'Roboto', Arial, sans-serif;
          font-weight: 700;
          color: #10168c;
          font-size: 18px;
          line-height: 30px;
          text-align: center;
          width: 30px;
          height: 30px;
          background: #fff;
          border-radius: 50%;
          display: inline-block;
          position: absolute;
          top: -4px;
          left: 0; }
          @media only screen and (max-width: 640px) {
            #section01 .block_01 .steps ul > li ol li::before {
              font-size: 17px;
              line-height: 26px;
              width: 26px;
              height: 26px;
              top: -2px; } }
        #section01 .block_01 .steps ul > li ol li:not(:last-child) {
          margin-bottom: 20px; }
        #section01 .block_01 .steps ul > li ol li:nth-child(1)::before {
          content: "1"; }
        #section01 .block_01 .steps ul > li ol li:nth-child(2)::before {
          content: "2"; }
      #section01 .block_01 .steps ul > li:not(:last-child)::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 190px 0 190px 40px;
        position: absolute;
        right: -40px;
        z-index: 1;
        content: ""; }
        @media only screen and (min-width: 641px) {
          #section01 .block_01 .steps ul > li:not(:last-child)::after {
            top: 0; } }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .steps ul > li:not(:last-child)::after {
            border-width: 20px 50px 0 50px;
            bottom: -20px;
            right: calc(50% - 50px); } }
      #section01 .block_01 .steps ul > li:nth-child(1) {
        background: #0011db;
        padding-left: 40px;
        padding-right: 40px; }
        #section01 .block_01 .steps ul > li:nth-child(1)::after {
          border-color: transparent transparent transparent #0011db; }
          @media only screen and (max-width: 640px) {
            #section01 .block_01 .steps ul > li:nth-child(1)::after {
              border-color: #0011db transparent transparent transparent; } }
      #section01 .block_01 .steps ul > li:nth-child(2) {
        background: #10168c; }
        #section01 .block_01 .steps ul > li:nth-child(2)::after {
          border-color: transparent transparent transparent #10168c; }
          @media only screen and (max-width: 640px) {
            #section01 .block_01 .steps ul > li:nth-child(2)::after {
              border-color: #10168c transparent transparent transparent; } }
      #section01 .block_01 .steps ul > li:nth-child(3) {
        background: #151861; }
  #section01 .block_01 .step_detail {
    margin-top: 60px; }
    @media only screen and (max-width: 640px) {
      #section01 .block_01 .step_detail {
        margin-top: 40px; } }
    #section01 .block_01 .step_detail .holder .heading {
      color: #fff;
      text-align: left;
      width: 100%;
      padding: 16px 20px 10px;
      display: table;
      table-layout: fixed; }
      @media only screen and (max-width: 640px) {
        #section01 .block_01 .step_detail .holder .heading {
          text-align: center; } }
      #section01 .block_01 .step_detail .holder .heading > * {
        display: table-cell; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .step_detail .holder .heading > * {
            display: block; } }
      #section01 .block_01 .step_detail .holder .heading .step_n {
        font-family: 'Roboto', Arial, sans-serif;
        font-weight: 700;
        font-size: 18px;
        width: 90px; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .step_detail .holder .heading .step_n {
            font-size: 16px;
            width: auto; } }
        #section01 .block_01 .step_detail .holder .heading .step_n span {
          font-size: 30px; }
          @media only screen and (max-width: 640px) {
            #section01 .block_01 .step_detail .holder .heading .step_n span {
              font-size: 22px; } }
      #section01 .block_01 .step_detail .holder .heading h4 {
        font-size: 22px;
        line-height: 1.3; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .step_detail .holder .heading h4 {
            font-size: 18px;
            margin-top: 10px; } }
    #section01 .block_01 .step_detail .holder .inner {
      background: #fff;
      padding: 50px;
      border-width: 5px;
      border-style: solid; }
      @media only screen and (max-width: 640px) {
        #section01 .block_01 .step_detail .holder .inner {
          padding: 15px; } }
      #section01 .block_01 .step_detail .holder .inner p {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 10px; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .step_detail .holder .inner p {
            font-size: 14px;
            margin-bottom: 6px; } }
      #section01 .block_01 .step_detail .holder .inner ol {
        margin-top: 30px; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .step_detail .holder .inner ol {
            margin-top: 20px; } }
        #section01 .block_01 .step_detail .holder .inner ol > li {
          font-size: 18px;
          line-height: 1.6;
          margin-left: 18px;
          list-style-type: decimal; }
          @media only screen and (max-width: 640px) {
            #section01 .block_01 .step_detail .holder .inner ol > li {
              font-size: 14px;
              margin-left: 14px; } }
          #section01 .block_01 .step_detail .holder .inner ol > li span {
            font-weight: bold;
            margin-bottom: 10px;
            display: block; }
            @media only screen and (max-width: 640px) {
              #section01 .block_01 .step_detail .holder .inner ol > li span {
                margin-bottom: 6px; } }
          #section01 .block_01 .step_detail .holder .inner ol > li:not(:last-child) {
            margin-bottom: 20px; }
            @media only screen and (max-width: 640px) {
              #section01 .block_01 .step_detail .holder .inner ol > li:not(:last-child) {
                margin-bottom: 10px; } }
          #section01 .block_01 .step_detail .holder .inner ol > li .list li {
            list-style: disc;
            margin-left: 18px; }
            #section01 .block_01 .step_detail .holder .inner ol > li .list li:not(:last-child) {
              margin-bottom: 6px; }
      #section01 .block_01 .step_detail .holder .inner a {
        font-size: 18px;
        padding-left: 22px;
        position: relative;
        transition: all 0.5s ease; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .step_detail .holder .inner a {
            font-size: 14px;
            display: block; } }
        #section01 .block_01 .step_detail .holder .inner a:hover {
          color: #10168c; }
        #section01 .block_01 .step_detail .holder .inner a::before {
          font-family: "fontello";
          font-style: normal;
          font-weight: normal;
          speak: none;
          display: inline-block;
          text-decoration: inherit;
          text-align: center;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          top: 46%;
          left: 0;
          transform: translateY(-50%); }
        #section01 .block_01 .step_detail .holder .inner a.btn_file::before {
          content: "\e807"; }
        #section01 .block_01 .step_detail .holder .inner a.btn_link::before {
          font-size: 26px;
          content: "\f105"; }
          @media only screen and (max-width: 640px) {
            #section01 .block_01 .step_detail .holder .inner a.btn_link::before {
              font-size: 20px; } }
        #section01 .block_01 .step_detail .holder .inner a.btn_modal::before {
          content: "\e801"; }
      #section01 .block_01 .step_detail .holder .inner small {
        font-size: 15px;
        display: block; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .step_detail .holder .inner small {
            font-size: 13px; } }
      #section01 .block_01 .step_detail .holder .inner .list_btn li:not(:last-child) {
        margin-bottom: 16px; }
        @media only screen and (max-width: 640px) {
          #section01 .block_01 .step_detail .holder .inner .list_btn li:not(:last-child) {
            margin-bottom: 10px; } }
      #section01 .block_01 .step_detail .holder .inner .list_btn {
        margin-top: 24px; }
    #section01 .block_01 .step_detail .holder:nth-child(1) .heading {
      background: #0011db; }
    #section01 .block_01 .step_detail .holder:nth-child(1) .inner {
      border-color: #0011db; }
    #section01 .block_01 .step_detail .holder:nth-child(2) .heading {
      background: #10168c; }
    #section01 .block_01 .step_detail .holder:nth-child(2) .inner {
      border-color: #10168c; }
    #section01 .block_01 .step_detail .holder:nth-child(3) .heading {
      background: #151861; }
    #section01 .block_01 .step_detail .holder:nth-child(3) .inner {
      border-color: #151861; }
      #section01 .block_01 .step_detail .holder:nth-child(3) .inner p:nth-of-type(2) {
        margin-top: 20px; }
      #section01 .block_01 .step_detail .holder:nth-child(3) .inner small {
        margin-top: 10px; }
    #section01 .block_01 .step_detail .holder:not(:last-child) {
      margin-bottom: 40px; }
      @media only screen and (max-width: 640px) {
        #section01 .block_01 .step_detail .holder:not(:last-child) {
          margin-bottom: 20px; } }
#section01 .document_block {
  background: url(/info/ad/image/common/bg_pattern_03.jpg);
  padding: 40px 0; }
  @media only screen and (max-width: 640px) {
    #section01 .document_block {
      padding: 20px 0; } }
  #section01 .document_block .documents {
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
    @media only screen and (max-width: 640px) {
      #section01 .document_block .documents {
        display: block;
        position: static;
        transform: none; } }
    #section01 .document_block .documents .holder {
      margin: 20px 25px;
      float: left; }
      @media only screen and (max-width: 640px) {
        #section01 .document_block .documents .holder {
          margin: 0;
          float: none; } }
      #section01 .document_block .documents .holder p {
        margin-top: 20px; }
/*#section01 .document_block .documents .holder_lastchild {clear:both;}*/
      #section01 .document_block .documents .holder:nth-child(3),  #section01 .document_block .documents .holder:nth-child(5) {
        clear: both; }
      #section01 .document_block .documents .holder:not(:last-child) {
        margin-bottom: 20px; }

/* ------------------------------
modal
------------------------------ */
.remodal h5 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px; }
  @media only screen and (max-width: 640px) {
    .remodal h5 {
      font-size: 18px;
      margin-bottom: 10px; } }
.remodal p {
  line-height: 1.3;
  margin-bottom: 16px; }
.remodal table {
  width: 100%;
  table-layout: fixed; }
.remodal tr {
  border: 1px solid #bbb; }
.remodal th, .remodal td {
  line-height: 1.4;
  vertical-align: middle;
  padding: 12px 10px;
  border-right: 1px solid #bbb; }
  @media only screen and (max-width: 640px) {
    .remodal th, .remodal td {
      padding: 8px 5px; } }
  .remodal th:nth-child(1), .remodal td:nth-child(1) {
    width: 16%; }
.remodal th {
  background: #cdcdcd;
  text-align: center; }
.remodal a {
  color: #10168c;
  text-decoration: underline; }
  .remodal a:hover {
    text-decoration: none; }

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