@charset "UTF-8";
*:focus {
  outline: none; }

/*-----------------------------------*/
.wrapper .Box01 {
  margin-top: 70px; }
  .wrapper .Box01 .catch {
    margin: 80px auto 80px; }
    .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 .Box02 .left {
  width: 100%;
  margin-bottom: 20px;
  font-size: 16px; }
.wrapper .Box02 .right {
  width: 100%; }
  .wrapper .Box02 .right .com {
    border: 2px solid #ff8297; }
    .wrapper .Box02 .right .com table th {
      font-weight: bold;
      background-color: #ff8297;
      color: #fff;
      padding: 8px 15px;
      font-size: 18px;
      text-align: center; }
    .wrapper .Box02 .right .com table td {
      font-size: 16px;
      padding: 8px 15px; }
      .wrapper .Box02 .right .com table td br {
        display: none; }
      .wrapper .Box02 .right .com table td span {
        padding: 5px 8px;
        background: #FFF4CB;
        margin-left: 15px; }
  .wrapper .Box02 .right .detail {
    font-size: 16px;
    margin-top: 10px; }
    .wrapper .Box02 .right .detail:before {
      content: url(/service/master/img/arrow.gif);
      position: relative;
      top: 3px;
      margin-right: 5px; }
.wrapper .Box03 {
  margin-top: 40px; }
  .wrapper .Box03 .merit {
    position: relative;
    border: 5px solid #e7e7e7;
    padding: 43px; }
    .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(/service/master/img/icn_ex.gif);
        position: relative;
        top: 10px;
        margin-right: 5px; }
    .wrapper .Box03 .merit .fllow .step01, .wrapper .Box03 .merit .fllow .step02, .wrapper .Box03 .merit .fllow .step03 {
      width: 240px;
      float: left;
      text-align: center; }
      .wrapper .Box03 .merit .fllow .step01 li, .wrapper .Box03 .merit .fllow .step02 li, .wrapper .Box03 .merit .fllow .step03 li {
        padding-left: 1em;
        text-indent: -1em; }
        .wrapper .Box03 .merit .fllow .step01 li:nth-child(2), .wrapper .Box03 .merit .fllow .step02 li:nth-child(2), .wrapper .Box03 .merit .fllow .step03 li:nth-child(2) {
          margin-top: 30px;
          font-size: 18px;
          font-weight: bold;
          padding-bottom: 10px;
          margin-bottom: 10px;
          border-bottom: 2px solid #e7e7e7; }
        .wrapper .Box03 .merit .fllow .step01 li:nth-child(3), .wrapper .Box03 .merit .fllow .step02 li:nth-child(3), .wrapper .Box03 .merit .fllow .step03 li:nth-child(3) {
          font-size: 16px; }
    .wrapper .Box03 .merit .fllow .step02 li:nth-child(3) {
      text-align: left; }
      .wrapper .Box03 .merit .fllow .step02 li:nth-child(3) em {
        display: block;
        margin-bottom: 5px; }
      .wrapper .Box03 .merit .fllow .step02 li:nth-child(3) ol li {
        border-bottom: none;
        padding: 0;
        line-height: 1.4;
        font-size: 16px;
        font-weight: normal;
        margin: 0; }
        .wrapper .Box03 .merit .fllow .step02 li:nth-child(3) ol li:before {
          content: "●";
          color: #ff8297;
          position: relative;
          padding-right: 5px; }
    .wrapper .Box03 .merit .fllow .arrow {
      width: 59px;
      float: left;
      margin: 0 11px 0 22px;
      padding-top: 110px; }
    .wrapper .Box03 .merit .notes {
      margin-top: 20px;
      text-align: center;
      font-size: 14px; }
    .wrapper .Box03 .merit .btnarea {
      text-align: center;
      margin-top: 20px; }
      .wrapper .Box03 .merit .btnarea p {
        font-size: 14px;
        font-weight: bold;
        color: #82c0ff; }
      .wrapper .Box03 .merit .btnarea .btn {
        margin-top: 10px;
        display: inline-block; }
        .wrapper .Box03 .merit .btnarea .btn a {
          font-size: 18px;
          font-weight: bold;
          color: #fff;
          padding: 15px 35px;
          background-color: #82c0ff;
          border-radius: 30px;
          text-decoration: none; }
        .wrapper .Box03 .merit .btnarea .btn:hover {
          opacity: 0.8; }
.wrapper .mitsumori {
  margin-top: 70px;
  padding: 50px;
  background: #fffbf3; }
  .wrapper .mitsumori .ttl {
    margin-bottom: 30px; }
  .wrapper .mitsumori .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .wrapper .mitsumori .inner .formarea {
      width: 45%;
      max-width: 420px;
      border: 2px solid #ff8297;
      box-sizing: border-box; }
      .wrapper .mitsumori .inner .formarea tr {
        font-size: 16px;
        vertical-align: middle; }
        .wrapper .mitsumori .inner .formarea tr:first-child th, .wrapper .mitsumori .inner .formarea tr:first-child td {
          border: none; }
        .wrapper .mitsumori .inner .formarea tr th {
          padding: 15px;
          background: #ffecf0;
          border-top: 2px solid #fff;
          text-align: left;
          width: 35%;
          vertical-align: middle;
          font-weight: bold; }
        .wrapper .mitsumori .inner .formarea tr td {
          padding: 15px;
          background: #fff;
          border-top: 2px solid #e7e7e7;
          width: 65%;
          vertical-align: middle; }
          .wrapper .mitsumori .inner .formarea tr td .selectbox {
            position: relative;
            display: inline-block; }
            .wrapper .mitsumori .inner .formarea tr td .selectbox select {
              border: 1px solid #b2b2b2;
              border-radius: 4px;
              padding: 10px 25px 10px 10px;
              background: #fff;
              box-sizing: border-box;
              -webkit-appearance: none;
              appearance: none;
              color: #000; }
            .wrapper .mitsumori .inner .formarea tr td .selectbox:after {
              content: "";
              display: block;
              width: 5px;
              height: 5px;
              position: absolute;
              right: 12%;
              top: 40%;
              border-bottom: #303030 1px solid;
              border-right: #303030 1px solid;
              transform: rotate(45deg) translateY(-30%); }
    .wrapper .mitsumori .inner .simu_arrow {
      width: 34px;
      height: auto;
      align-self: center;
      margin-top: -100px; }
    .wrapper .mitsumori .inner .result {
      width: 45%;
      max-width: 420px;
      border: 2px solid #ff8297;
      box-sizing: border-box;
      background: #fff; }
      .wrapper .mitsumori .inner .result table {
        background: #fff; }
        .wrapper .mitsumori .inner .result table thead tr {
          background: #ff8297; }
          .wrapper .mitsumori .inner .result table thead tr th {
            font-size: 20px;
            color: #fff;
            font-weight: bold;
            padding: 5px 0; }
        .wrapper .mitsumori .inner .result table tbody {
          font-size: 16px; }
          .wrapper .mitsumori .inner .result table tbody .total {
            background: #ffecf0;
            padding: 8px 20px;
            border: none; }
            .wrapper .mitsumori .inner .result table tbody .total td {
              font-weight: bold; }
              .wrapper .mitsumori .inner .result table tbody .total td span {
                font-size: 18px;
                font-weight: bold; }
          .wrapper .mitsumori .inner .result table tbody tr {
            margin: 12px 20px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px 12px;
            border-bottom: 2px solid #e7e7e7; }
            .wrapper .mitsumori .inner .result table tbody tr:last-child {
              border: none; }
@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% 0; }
    .wrapper .Box02 .right .com {
      margin-top: 2%; }
      .wrapper .Box02 .right .com table th {
        vertical-align: middle; }
      .wrapper .Box02 .right .com table td br {
        display: inherit; }
      .wrapper .Box02 .right .com table td span {
        margin-left: 0;
        font-size: 14px; }
    .wrapper .Box02 .right .detail {
      margin-top: 1%; }
  .wrapper .Box03 {
    margin: 8% 3% 0;
    width: 94%; }
    .wrapper .Box03 .merit {
      padding: 4%; }
      .wrapper .Box03 .merit .ttl {
        top: -30px;
        left: 3%; }
      .wrapper .Box03 .merit .fllow {
        width: 100%; }
        .wrapper .Box03 .merit .fllow .step01, .wrapper .Box03 .merit .fllow .step02, .wrapper .Box03 .merit .fllow .step03 {
          width: 27%; }
          .wrapper .Box03 .merit .fllow .step01 li:nth-child(3), .wrapper .Box03 .merit .fllow .step02 li:nth-child(3), .wrapper .Box03 .merit .fllow .step03 li:nth-child(3) {
            text-align: left;
            font-size: 14px; }
        .wrapper .Box03 .merit .fllow .step02 li:nth-child(3) em {
          display: block;
          margin-bottom: 5px; }
        .wrapper .Box03 .merit .fllow .step02 li:nth-child(3) ol li {
          font-size: 14px; }
        .wrapper .Box03 .merit .fllow .arrow {
          width: 5%;
          margin: 0 2% 0 2%;
          padding-top: 15%; }
  .wrapper .mitsumori .inner .formarea tr {
    font-size: 14px; }
    .wrapper .mitsumori .inner .formarea tr td .radio01 {
      padding: 5px 10px 5px 26px;
      white-space: nowrap; }
    .wrapper .mitsumori .inner .formarea tr td .radio01::before {
      width: 14px;
      height: 14px;
      left: 5px;
      margin-top: -8px; }
    .wrapper .mitsumori .inner .formarea tr td .radio01::after {
      width: 8px;
      height: 8px;
      left: 9px;
      margin-top: -4px; }
    .wrapper .mitsumori .inner .formarea tr td .selectbox select {
      padding: 10px 25px 10px 10px; }
    .wrapper .mitsumori .inner .formarea tr td .selectbox:after {
      width: 5px;
      height: 5px;
      right: 15%;
      top: 40%; }
  .wrapper .mitsumori .inner .result table thead tr th {
    font-size: 18px;
    padding: 5px 0; }
  .wrapper .mitsumori .inner .result table tbody {
    font-size: 14px; }
    .wrapper .mitsumori .inner .result table tbody .total {
      padding: 8px 20px; }
      .wrapper .mitsumori .inner .result table tbody .total td span {
        font-size: 16px; }
    .wrapper .mitsumori .inner .result table tbody tr {
      margin: 12px 20px 0;
      padding: 0 20px 12px; } }
@media screen and (max-width: 767px) {
  .wrapper .Box01 {
    margin-top: 10%; }
    .wrapper .Box01 .catch {
      margin: 10% auto 8%;
      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 .Box02 .left {
    font-size: 14px; }
  .wrapper .Box02 .right .detail {
    font-size: 14px; }
  .wrapper .Box03 .merit {
    margin-top: 15%;
    padding: 10% 5%; }
    .wrapper .Box03 .merit .fllow .step01, .wrapper .Box03 .merit .fllow .step02, .wrapper .Box03 .merit .fllow .step03 {
      width: 100%;
      text-align: center;
      margin: 0 auto;
      padding: 0 10%; }
      .wrapper .Box03 .merit .fllow .step01 li:nth-child(2), .wrapper .Box03 .merit .fllow .step02 li:nth-child(2), .wrapper .Box03 .merit .fllow .step03 li:nth-child(2) {
        margin-top: 4%; }
      .wrapper .Box03 .merit .fllow .step01 li:nth-child(3), .wrapper .Box03 .merit .fllow .step02 li:nth-child(3), .wrapper .Box03 .merit .fllow .step03 li:nth-child(3) {
        text-align: center; }
    .wrapper .Box03 .merit .fllow .step02 li:nth-child(3) {
      padding-left: 0; }
    .wrapper .Box03 .merit .fllow .step03 li:nth-child(2) {
      border-bottom: none; }
    .wrapper .Box03 .merit .fllow .arrow {
      width: 100%;
      text-align: center;
      margin: 2% auto;
      padding: 5% 0; }
      .wrapper .Box03 .merit .fllow .arrow li {
        padding: 0 32%; }
      .wrapper .Box03 .merit .fllow .arrow img {
        text-align: center; }
  .wrapper .mitsumori {
    padding: 50px 20px; }
    .wrapper .mitsumori .ttl > p.tx:before {
      left: -40px !important;
      width: 30px !important; }
    .wrapper .mitsumori .ttl > p.tx:after {
      right: -40px !important;
      width: 30px !important; }
    .wrapper .mitsumori .inner {
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .wrapper .mitsumori .inner .formarea {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px; }
      .wrapper .mitsumori .inner .simu_arrow {
        transform: rotate(90deg);
        margin-bottom: 20px;
        margin-top: 0; }
      .wrapper .mitsumori .inner .result {
        width: 100%;
        max-width: 100%; }
        .wrapper .mitsumori .inner .result table thead tr th {
          padding: 5px 0; }
        .wrapper .mitsumori .inner .result table tbody .total {
          padding: 8px 14px; }
        .wrapper .mitsumori .inner .result table tbody tr {
          margin: 12px 14px 0;
          padding: 0 14px 12px; } }