#header #nav .gNav li.nav07 a {
  color: #64c5f5; }
  @media screen and (max-width: 768px) {
    #header #nav .gNav li.nav07 a {
      color: #fff; } }

#header #nav .gNav li.nav07 .subNav a {
  color: #333; }

#mvTtl {
  background-image: url(../images/procedure/bg_mv_procedure.jpg); }
  @media screen and (max-width: 768px) {
    #mvTtl {
      background-image: url(../images/procedure/sp/bg_mv_procedure.jpg); } }

@media screen and (max-width: 768px) {
  .procedure .leadTxt {
    font-size: 1.4rem; } }
.procedure .spreadBlock {
  font-size: 16px; }
  .procedure .spreadBlock + .spreadBlock {
    margin-top: 50px; }
  @media screen and (max-width: 768px) {
    .procedure .spreadBlock h3 + p {
      margin-top: 0; } }
  .procedure .spreadBlock p {
    padding-left: 1em;
    position: relative; }
    .procedure .spreadBlock p::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 4px;
      position: absolute;
      left: 3px;
      top: 10px;
      background: #7dcdf4; }
    .procedure .spreadBlock p.btnLarge {
      padding-left: 0; }
      .procedure .spreadBlock p.btnLarge::before {
        content: none; }
      @media screen and (max-width: 768px) {
        .procedure .spreadBlock p.btnLarge.oneLine a {
          padding-top: 28px; } }
  .procedure .spreadBlock ul li {
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 5px;
    margin-top: 5px; }
    @media screen and (max-width: 768px) {
      .procedure .spreadBlock ul li {
        text-indent: -0.55em; } }
  .procedure .spreadBlock p,
  .procedure .spreadBlock ul {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .procedure .spreadBlock p,
      .procedure .spreadBlock ul {
        margin-top: 25px; } }
  .procedure .spreadBlock .tableList.blue {
    margin-top: 10px;
    border-left: 1px solid #d7d7d7;
    width: 100%; }
    .procedure .spreadBlock .tableList.blue tr:first-child {
      border-top: 1px solid #d7d7d7; }
    .procedure .spreadBlock .tableList.blue th, .procedure .spreadBlock .tableList.blue td {
      border-bottom: 1px solid #d7d7d7;
      border-right: 1px solid #d7d7d7;
      padding: 10px;
      text-align: center;
      font-size: 14px;
      vertical-align: middle; }
    .procedure .spreadBlock .tableList.blue th {
      background: #7dcdf4;
      font-size: 16px;
      color: #fff;
      font-weight: bold; }
  .procedure .spreadBlock .noteBlock ul {
    margin-top: 10px;
    padding-left: 1em; }
  .procedure .spreadBlock ul.txt_list li {
    padding-left: 1em;
    position: relative;
    margin-top: 10px; }
    .procedure .spreadBlock ul.txt_list li::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 4px;
      position: absolute;
      left: 3px;
      top: 10px;
      background: #7dcdf4; }
@media screen and (max-width: 768px) {
  .procedure .spreadBlock {
    font-size: 14px; } }

.leadBtn {
  margin: 0 auto 50px; }

@media screen and (max-width: 768px) {
  .procedure.enter .leadTxt {
    font-size: 1.4rem; } }
.procedure.enter .grouptext {
  margin-bottom: 50px; }
  .procedure.enter .grouptext .center {
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
    text-decoration: underline;
    font-size: 1.8rem; }
  .procedure.enter .grouptext img {
    margin: 20px auto 0;
    display: block; }
.procedure.enter .enterBlock {
  font-size: 16px; }
  .procedure.enter .enterBlock .title {
    font-size: 30px;
    font-weight: bold;
    color: #7dcdf4;
    margin-bottom: 30px; }
    .procedure.enter .enterBlock .title sub {
      vertical-align: sub;
      font-size: 50%;
      color: #666;
      position: relative;
      bottom: 5px; }
  .procedure.enter .enterBlock p .redText {
    color: #f54c4c; }
  .procedure.enter .enterBlock .mb_15 {
    margin-bottom: -20px; }
  .procedure.enter .enterBlock .mb_30 {
    margin-bottom: 30px !important; }
  .procedure.enter .enterBlock .content ul {
    margin-top: 0px; }
    .procedure.enter .enterBlock .content ul li {
      text-indent: -1em;
      margin-left: 1em;
      margin-bottom: 5px;
      margin-top: 5px; }
      @media screen and (max-width: 768px) {
        .procedure.enter .enterBlock .content ul li {
          text-indent: -0.55em; } }
      .procedure.enter .enterBlock .content ul li p.txtBtn a {
        display: block;
        font-size: 1.5rem;
        padding-left: 36px;
        background: url(../images/icon_arrow_01.png) 0 4px/13px no-repeat; }
        @media screen and (max-width: 768px) {
          .procedure.enter .enterBlock .content ul li p.txtBtn a {
            padding-left: 22px; } }
  .procedure.enter .enterBlock .red_frame {
    margin-top: 20px;
    border: 2px solid #f54c4c;
    padding: 40px; }
    @media screen and (max-width: 768px) {
      .procedure.enter .enterBlock .red_frame {
        padding: 20px; } }
  .procedure.enter .enterBlock .tableList.blue {
    margin-top: 30px;
    margin-bottom: 20px; }
    .procedure.enter .enterBlock .tableList.blue th {
      background: #7dcdf4;
      font-weight: bold; }
    .procedure.enter .enterBlock .tableList.blue td:first-child {
      color: #7dcdf4; }
    .procedure.enter .enterBlock .tableList.blue td, .procedure.enter .enterBlock .tableList.blue th {
      font-size: 18px;
      font-weight: bold; }
  .procedure.enter .enterBlock span.txtHightlight {
    font-weight: bold;
    color: #7dcdf4; }
  .procedure.enter .enterBlock .note {
    font-size: 12px;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 10px; }
@media screen and (max-width: 768px) {
  .procedure.enter .enterBlock {
    font-size: 14px; }
  .procedure.enter .title {
    font-size: 18px; }
  .procedure.enter .tableList.blue {
    display: table !important;
    width: 100%; } }

.agreement .spreadBlock {
  margin-top: 30px; }

.spreadBlock ul.txt_list li {
  padding-left: 1em;
  position: relative;
  margin-top: 10px; }
  .spreadBlock ul.txt_list li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    position: absolute;
    left: 3px;
    top: 10px;
    background: #7dcdf4; }
.spreadBlock a.link {
  color: #ff9549;
  text-decoration: underline; }
  .spreadBlock a.link:hover {
    text-decoration: none; }

.agreement .spreadBlock ul.txt_list li::before {
  background: #666; }
.agreement .spreadBlock li.list_dot {
  padding-left: 1em;
  position: relative;
  margin-top: 10px; }
  .agreement .spreadBlock li.list_dot::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    position: absolute;
    left: 3px;
    top: 10px;
    background: #666; }

li.ind {
  padding-left: 1em;
  text-indent: -1em; }