*:focus {
  outline: none; }

/*-----------------------------------*/
.wrapper .Box01 {
  margin-top: 70px; }
  .wrapper .Box01 .catch {
    margin: 80px auto 105px; }
    .wrapper .Box01 .catch .left {
      float: left;
      width: 460px; }
    .wrapper .Box01 .catch .right {
      float: right;
      width: 490px; }
      .wrapper .Box01 .catch .right .ttl {
        font-size: 18px;
        font-weight: bold;
        padding: 6px 15px;
        border: 2px solid #ff8297;
        display: inline-block;
        margin-bottom: 20px; }
.wrapper .cntIn_beige {
  padding-bottom: 75px; }
.wrapper .Box02 {
  width: 870px;
  margin: 0 auto; }
  .wrapper .Box02 .beigeTtl {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    padding-bottom: 20px;
    border-bottom: 2px solid  #e7e7e7;
    text-align: center;
    margin-bottom: 40px; }
  .wrapper .Box02 ul {
    margin-left: 150px; }
    .wrapper .Box02 ul li {
      font-size: 16px;
      margin-bottom: 5px;
      font-weight: bold; }
      .wrapper .Box02 ul li:before {
        content: url(/start/img/icn_check.gif);
        top: 5px;
        margin-right: 5px;
        position: relative; }
.wrapper .Box03 {
  margin-top: 120px; }
  .wrapper .Box03 .merit {
    position: relative;
    border: 5px solid #e7e7e7;
    padding: 55px;
    padding-top: 40px; }
    .wrapper .Box03 .merit .ttl {
      font-size: 18px;
      font-weight: bold;
      position: absolute;
      top: -30px;
      left: 20px;
      padding: 0 10px;
      background-color: #fff; }
      .wrapper .Box03 .merit .ttl:before {
        content: url(/start/img/icn_ex.gif);
        position: relative;
        top: 10px;
        margin-right: 5px; }
    .wrapper .Box03 .merit .topBox {
      margin-bottom: 40px; }
    .wrapper .Box03 .merit ul {
      float: left; }
      .wrapper .Box03 .merit ul.step {
        width: 360px;
        text-align: center; }
        .wrapper .Box03 .merit ul.step li:nth-child(1) {
          font-size: 18px;
          font-weight: bold;
          padding-bottom: 20px;
          border-bottom: 2px solid #e7e7e7; }
          .wrapper .Box03 .merit ul.step li:nth-child(1):before {
            position: relative;
            top: 15px;
            margin-right: 15px; }
          .wrapper .Box03 .merit ul.step li:nth-child(1):after {
            position: relative;
            top: 5px;
            margin-left: 10px; }
        .wrapper .Box03 .merit ul.step li:nth-child(2) {
          margin-top: 10px;
          font-size: 16px;
          line-height: 1.5; }
      .wrapper .Box03 .merit ul.step01 li:nth-child(1):before {
        content: url(/start/img/icn_step01.gif); }
      .wrapper .Box03 .merit ul.step01 li:nth-child(1):after {
        content: url(/start/img/icn01.gif); }
      .wrapper .Box03 .merit ul.step02 li:nth-child(1):before {
        content: url(/start/img/icn_step02.gif); }
      .wrapper .Box03 .merit ul.step02 li:nth-child(1):after {
        content: url(/start/img/icn02.gif); }
      .wrapper .Box03 .merit ul.step03 li:nth-child(1):before {
        content: url(/start/img/icn_step03.gif); }
      .wrapper .Box03 .merit ul.step03 li:nth-child(1):after {
        content: url(/start/img/icn03.gif); }
      .wrapper .Box03 .merit ul.step04 li:nth-child(1):before {
        content: url(/start/img/icn_step04.gif); }
      .wrapper .Box03 .merit ul.step04 li:nth-child(1):after {
        content: url(/start/img/icn04.gif); }
      .wrapper .Box03 .merit ul.arrow {
        width: 59px;
        margin: 65px 50px 0 50px; }
.wrapper .Box04 {
  margin-top: 115px;
  padding-bottom: 110px; }
  .wrapper .Box04 ul {
    border-bottom: 2px solid #e7e7e7;
    padding: 0 25px 25px 25px;
    margin-top: 15px; }
    .wrapper .Box04 ul.first {
      margin-top: 50px; }
    .wrapper .Box04 ul li {
      padding-left: 2.8em;
      text-indent: -2.8em; }
      .wrapper .Box04 ul li:before {
        margin-right: 8px;
        top: 8px;
        position: relative; }
      .wrapper .Box04 ul li.question {
        margin-bottom: 10px; }
        .wrapper .Box04 ul li.question:before {
          content: url(/start/img/icn_q.gif); }
      .wrapper .Box04 ul li.answer:before {
        content: url(/start/img/icn_a.gif); }
@media screen and (max-width: 1000px) {
  .wrapper .Box01 {
    width: 94%;
    margin: 10% 3% 0; }
    .wrapper .Box01 .catch {
      margin: 5% auto 10%;
      width: 100%; }
      .wrapper .Box01 .catch .left {
        width: 47%;
        margin-right: 3%; }
      .wrapper .Box01 .catch .right {
        width: 50%; }
  .wrapper .Box02 {
    width: 94%;
    margin: 0 3%; }
    .wrapper .Box02 .beigeTtl {
      padding-bottom: 3%;
      margin-bottom: 4%; }
    .wrapper .Box02 ul {
      margin: 0 auto;
      width: 80%; }
      .wrapper .Box02 ul li {
        text-indent: -2em;
        padding-left: 2em;
        line-height: 1.5; }
  .wrapper .cntIn_beige {
    padding-bottom: 50px; }
  .wrapper .Box03 {
    margin: 8% 3% 0;
    width: 94%; }
    .wrapper .Box03 .merit {
      padding: 4%;
      padding-top: 7%; }
      .wrapper .Box03 .merit .ttl {
        top: -30px;
        left: 3%; }
      .wrapper .Box03 .merit .topBox {
        margin-bottom: 4%; }
      .wrapper .Box03 .merit ul {
        float: left; }
        .wrapper .Box03 .merit ul.step {
          width: 42%;
          text-align: center; }
          .wrapper .Box03 .merit ul.step li .pc {
            display: none; }
          .wrapper .Box03 .merit ul.step li:nth-child(1) {
            padding-bottom: 5%;
            font-size: 17px; }
            .wrapper .Box03 .merit ul.step li:nth-child(1):before {
              margin: 0;
              content: " ";
              display: inline-block;
              width: 30px;
              height: 38px;
              background-size: contain !important;
              vertical-align: middle;
              top: -5px;
              margin-right: 7px; }
            .wrapper .Box03 .merit ul.step li:nth-child(1):after {
              margin: 0;
              content: " ";
              display: inline-block;
              width: 26px;
              height: 30px;
              background-size: contain !important;
              vertical-align: middle;
              margin-left: 7px;
              top: 0; }
        .wrapper .Box03 .merit ul.step01 li:nth-child(1):before {
          background: url(/start/img/icn_step01.gif) top left no-repeat; }
        .wrapper .Box03 .merit ul.step01 li:nth-child(1):after {
          background: url(/start/img/icn01.gif) top left no-repeat; }
        .wrapper .Box03 .merit ul.step02 li:nth-child(1):before {
          background: url(/start/img/icn_step02.gif) top left no-repeat; }
        .wrapper .Box03 .merit ul.step02 li:nth-child(1):after {
          background: url(/start/img/icn02.gif) top left no-repeat; }
        .wrapper .Box03 .merit ul.step03 li:nth-child(1):before {
          background: url(/start/img/icn_step03.gif) top left no-repeat; }
        .wrapper .Box03 .merit ul.step03 li:nth-child(1):after {
          background: url(/start/img/icn03.gif) top left no-repeat; }
        .wrapper .Box03 .merit ul.step04 li:nth-child(1):before {
          background: url(/start/img/icn_step04.gif) top left no-repeat; }
        .wrapper .Box03 .merit ul.step04 li:nth-child(1):after {
          background: url(/start/img/icn04.gif) top left no-repeat; }
        .wrapper .Box03 .merit ul.arrow {
          width: 8%;
          margin: 50px 4% 0;
          text-align: center; }
          .wrapper .Box03 .merit ul.arrow img {
            width: 100%; }
  .wrapper .Box04 {
    margin-top: 9%;
    padding-bottom: 10%;
    width: 94%;
    margin: 8% 3% 0 3%; }
    .wrapper .Box04 ul {
      padding: 0 3% 3% 3%;
      margin-top: 2%; }
      .wrapper .Box04 ul.first {
        margin-top: 4%; } }
@media screen and (max-width: 767px) {
  .wrapper .Box01 {
    margin-top: 10%; }
    .wrapper .Box01 .catch {
      margin: 10% auto 10%;
      width: 100%; }
      .wrapper .Box01 .catch .left {
        width: 100%;
        margin-right: 0;
        float: none; }
      .wrapper .Box01 .catch .right {
        width: 100%;
        float: none;
        margin-bottom: 4%; }
        .wrapper .Box01 .catch .right .ttl {
          font-size: 16px;
          margin-bottom: 3%;
          display: block; }
  .wrapper .cntIn_beige {
    padding: 12% 0; }
  .wrapper .Box02 .beigeTtl {
    font-size: 16px; }
  .wrapper .Box02 ul {
    margin: 0 auto;
    width: 100%; }
    .wrapper .Box02 ul li {
      font-size: 14px; }
  .wrapper .Box03 {
    margin-top: 13%; }
    .wrapper .Box03 .merit {
      margin-top: 10%;
      padding: 8%;
      padding-top: 10%;
      padding-bottom: 10%; }
      .wrapper .Box03 .merit .topBox {
        margin-bottom: 0; }
      .wrapper .Box03 .merit ul {
        float: none; }
        .wrapper .Box03 .merit ul.step {
          width: 100%;
          text-align: center; }
          .wrapper .Box03 .merit ul.step li:nth-child(1) {
            padding-bottom: 3%;
            font-size: 16px; }
            .wrapper .Box03 .merit ul.step li:nth-child(1):before {
              content: "";
              display: inline-block;
              width: 35px;
              height: 35px;
              background-size: contain;
              vertical-align: middle;
              background-repeat: no-repeat;
              top: -5px;
              margin-right: 0; }
          .wrapper .Box03 .merit ul.step li:nth-child(2) {
            text-align: left;
            font-size: 14px; }
        .wrapper .Box03 .merit ul.step01 li:nth-child(1):before {
          background-image: url(/start/img/icn_step01.gif); }
        .wrapper .Box03 .merit ul.step02 li:nth-child(1):before {
          background-image: url(/start/img/icn_step02.gif); }
        .wrapper .Box03 .merit ul.step03 li:nth-child(1):before {
          background-image: url(/start/img/icn_step03.gif); }
        .wrapper .Box03 .merit ul.step04 li:nth-child(1):before {
          background-image: url(/start/img/icn_step04.gif); }
        .wrapper .Box03 .merit ul.arrow {
          width: 100%;
          text-align: center;
          margin: 2% auto;
          padding: 5% 0; }
          .wrapper .Box03 .merit ul.arrow li {
            padding: 0 32%; }
  .wrapper .Box04 {
    margin-top: 14%;
    padding-bottom: 20%; } }