@charset "UTF-8";
.bg__illust__01 {
  background: url("../image/procedure/bg_illust_01-bc3e210132.png") center 10px no-repeat; }

.bg__illust__02 {
  background: url("../image/procedure/bg_illust_02-3abe543882.png") center 0 no-repeat; }

.anchor__link {
  margin-top: 20px; }
  .anchor__link ul li {
    width: 20%; }
    .anchor__link ul li span span {
      background: none;
      display: block;
      padding: 0;
      line-height: 41px; }
      .anchor__link ul li span span::after {
        background: none; }
    .anchor__link ul li:nth-of-type(2) span {
      line-height: 20px; }
    .anchor__link ul li > span {
      height: 52px; }

.procedure {
  padding: 73px 10px 80px; }
  .procedure.bg_white {
    background: #ffffff; }
  .procedure.bg_beige {
    background: #f4f2ea; }
  .procedure__title {
    margin-bottom: 30px; }
  .procedure__read {
    color: #073190;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px; }
  .procedure .figure {
    text-align: center;
    margin-bottom: 40px; }
    .procedure .figure img {
      margin: 0 auto; }
  .procedure__new_application {
    max-width: 880px;
    margin: 0 auto 80px;
    position: relative; }
    .procedure__new_application a {
      width: 59.54545%;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 13.63636%;
      margin: auto; }
  .procedure__schedule {
    max-width: 880px !important;
    margin: 0 auto; }
    .procedure__schedule h2 {
      width: 68.86364%;
      margin: 0 auto; }
    .procedure__schedule .read {
      margin-top: 35px;
      color: #073190;
      font-size: 18px;
      line-height: 1.7;
      text-align: center; }
      .procedure__schedule .read span {
        display: block;
        font-weight: bold; }
    .procedure__schedule div {
      margin-top: 50px; }
      .procedure__schedule div:nth-of-type(1) {
        margin-top: 35px; }
    .procedure__schedule p {
      margin-top: 10px;
      color: #3c3c3c;
      font-size: 16px;
      line-height: 1.75;
      letter-spacing: 1.6px; }
    .procedure__schedule h3 {
      margin-top: 35px;
      color: #3c3c3c;
      font-size: 22px;
      font-weight: bold; }
    .procedure__schedule.relaxation div:nth-of-type(2), .procedure__schedule.whole div:nth-of-type(2) {
      margin-top: 35px; }
    .procedure__schedule.relaxation p:nth-of-type(2), .procedure__schedule.whole p:nth-of-type(2) {
      margin-top: 30px; }
    .procedure__schedule.relaxation div:nth-of-type(1) {
      width: 58.97727%;
      margin: 30px auto 30px; }
    .procedure__schedule.whole div:nth-of-type(1) {
      width: 32.27273%;
      margin: 30px auto 30px; }
  .procedure__step {
    max-width: 900px !important;
    margin: 0 auto; }
    .procedure__step h2 {
      width: 46.13636%;
      margin: 0 auto 30px; }
    .procedure__step .read {
      margin-top: 25px;
      color: #073190;
      font-size: 18px;
      line-height: 1.7;
      text-align: center; }
      .procedure__step .read span {
        font-weight: bold; }
    .procedure__step__wrapper {
      margin-top: 20px;
      border-top: 1px dotted #0a318e; }
    .procedure__step dl {
      border-bottom: 1px dotted #0a318e;
      -js-display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 22px; }
      .procedure__step dl dt {
        padding: 0 25px 22px 10px; }
        .procedure__step dl dt .icon {
          display: block;
          width: 88px; }
      .procedure__step dl dd {
        margin-top: 5px;
        padding-bottom: 22px;
        color: #3c3c3c;
        font-size: 14px;
        line-height: 1.7; }
        .procedure__step dl dd strong {
          color: #073190;
          font-size: 22px;
          font-weight: bold;
          line-height: 1.7;
          display: block; }
        .procedure__step dl dd .small {
          font-size: 12px; }
    .procedure__step__center {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .procedure__step__notes {
      display: block;
      margin-top: 50px;
      padding-top: 0;
      border-bottom: none;
      line-height: 1.7; }
      .procedure__step__notes dt {
        padding: 0;
        font-size: 14px;
        font-weight: bold; }
      .procedure__step__notes dd {
        margin-top: 0;
        padding-bottom: 0;
        font-size: 14px; }
      .procedure__step__notes ul li {
        padding-left: 1.4em;
        position: relative; }
        .procedure__step__notes ul li:before {
          content: '●';
          position: absolute;
          left: 0; }
  .procedure__payment {
    max-width: 900px !important;
    margin: 0 auto; }
    .procedure__payment h2 {
      width: 45.90909%;
      margin: 0 auto; }
    .procedure__payment h3 {
      margin-top: 35px;
      color: #3c3c3c;
      font-size: 22px;
      font-weight: bold; }
    .procedure__payment p {
      margin-top: 10px;
      color: #3c3c3c;
      font-size: 14px;
      line-height: 1.7; }
      .procedure__payment p.read {
        font-weight: bold; }
    .procedure__payment div {
      margin-top: 15px; }
  .procedure__contact {
    max-width: 900px !important;
    margin: 0 auto; }
    .procedure__contact h2 {
      width: 37.04545%;
      margin: 0 auto; }
    .procedure__contact__title {
      background: #ffffff;
      padding: 40px 0 0;
      margin-top: 40px; }
      .procedure__contact__title h3 {
        margin-bottom: 0; }
    .procedure__contact__tab {
      -js-display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      margin-top: 60px; }
      .procedure__contact__tab li {
        background: -webkit-gradient(linear, left bottom, left top, from(#073190), to(#3058b5));
        background: linear-gradient(to top, #073190, #3058b5);
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        box-align: center;
        width: 50%;
        padding: 20px 5px;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        cursor: pointer; }
        .procedure__contact__tab li span {
          display: block;
          width: 100%;
          text-align: center; }
          .procedure__contact__tab li span span {
            display: inline-block;
            width: auto; }
        .procedure__contact__tab li.active {
          background: #fff;
          color: #de7830; }
    .procedure__contact dl {
      display: none;
      background: #fff;
      padding: 30px 35px 35px; }
      .procedure__contact dl dt {
        margin-top: 35px;
        color: #073190;
        font-size: 18px;
        letter-spacing: 0;
        font-weight: bold; }
        .procedure__contact dl dt:first-of-type {
          margin-top: 0; }
      .procedure__contact dl dd {
        background: #f4f2ea;
        margin-top: 12px;
        border-radius: 10px;
        padding: 2.84091% 2.27273% 2.84091% 3.40909%; }
        .procedure__contact dl dd p {
          color: #073190;
          font-size: 18px;
          font-weight: bold; }
        .procedure__contact dl dd .contact {
          -js-display: flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          padding-top: 5px; }
          .procedure__contact dl dd .contact__link {
            margin-right: 10px;
            pointer-events: none;
            width: 330px;
            text-decoration: none; }
            .procedure__contact dl dd .contact__link img {
              width: 330px;
              height: auto;
              display: block; }
          .procedure__contact dl dd .contact__text {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 14px !important;
            font-weight: bold !important;
            color: #1ca8e8 !important;
            padding-top: 5px; }
        .procedure__contact dl dd .btn__line {
          display: block;
          margin: 10px auto 0;
          width: 100%;
          max-width: 487px; }
          .procedure__contact dl dd .btn__line img {
            display: block; }
    .procedure__contact.relaxation h2, .procedure__contact.whole h2 {
      margin-bottom: 40px; }
  .procedure__environment {
    max-width: 900px !important;
    margin: 0 auto; }
    .procedure__environment h2 {
      width: 37.04545%;
      margin: 0 auto; }
    .procedure__environment p {
      margin-top: 10px;
      color: #3c3c3c;
      font-size: 14px;
      line-height: 1.7; }
      .procedure__environment p.read {
        margin-top: 20px;
        text-align: center; }
    .procedure__environment dl {
      margin-top: 40px; }
      .procedure__environment dl dt {
        margin-top: 15px;
        color: #3c3c3c;
        font-size: 16px;
        font-weight: bold; }
      .procedure__environment dl dd {
        background: #e7e1c5;
        margin-top: 8px;
        border-radius: 10px;
        padding: 1.70455% 2.27273%; }
        .procedure__environment dl dd p:nth-of-type(1) {
          margin-top: 0; }
    .procedure__environment ul li {
      padding-left: 20px;
      color: #3c3c3c;
      font-size: 14px;
      line-height: 1.7;
      position: relative; }
      .procedure__environment ul li:before {
        content: '※';
        position: absolute;
        left: 0; }
  .procedure__banner {
    margin-top: 50px !important;
    text-align: center; }
    .procedure__banner a {
      display: block;
      max-width: 59.54545%;
      margin: 0 auto; }
    .procedure__banner p {
      margin-top: 20px;
      color: #073190;
      font-size: 14px; }
      .procedure__banner p span {
        display: inline-block;
        font-weight: bold; }

@media screen and (max-width: 767px) {
  .procedure {
    padding: 40px 10px; }
    .procedure__contact dl dd .contact {
      display: block; }
      .procedure__contact dl dd .contact__link {
        margin-right: 0;
        pointer-events: auto;
        width: 237px; }
        .procedure__contact dl dd .contact__link img {
          width: 237px; }
      .procedure__contact dl dd .contact__text {
        font-size: 12px !important; }
    .procedure__title h2, .procedure__schedule h2, .procedure__step h2, .procedure__payment h2, .procedure__contact h2, .procedure__environment h2 {
      width: 100%; }
      .procedure__title h2 img, .procedure__schedule h2 img, .procedure__step h2 img, .procedure__payment h2 img, .procedure__contact h2 img, .procedure__environment h2 img {
        width: 100%; }
    .procedure__banner a {
      max-width: 100%; }
      .procedure__banner a img {
        width: 100%; } }

@media screen and (max-width: 640px) {
  .content__wrapper {
    letter-spacing: 0.5px; }
  .bg__illust__01 {
    background: none; }
  .anchor__link {
    margin-top: 20px; }
    .anchor__link ul li {
      width: 100%; }
      .anchor__link ul li span span {
        display: inline-block;
        padding: 0 5px;
        line-height: 45px; }
      .anchor__link ul li:nth-of-type(2) span {
        line-height: 45px; }
      .anchor__link ul li > span {
        height: auto; }
  .procedure {
    padding: 40px 10px; }
    .procedure__title {
      margin-bottom: 5px; }
      .procedure__title img {
        width: 45.94203%; }
    .procedure__read {
      font-size: 14px; }
    .procedure .figure {
      margin-top: 30px; }
      .procedure .figure:first-of-type {
        margin-top: 10px; }
    .procedure__new_application {
      margin-top: 30px;
      margin-bottom: 40px; }
      .procedure__new_application a {
        width: 91.30435%;
        bottom: 11.11111%; }
    .procedure__conditions {
      margin-top: 0 !important; }
    .procedure__schedule {
      margin-top: 0 !important; }
      .procedure__schedule .read {
        margin-top: 30px;
        font-size: 12px;
        line-height: 1.5;
        text-align: left; }
        .procedure__schedule .read span {
          display: inline; }
      .procedure__schedule div {
        margin-top: 20px; }
        .procedure__schedule div:nth-of-type(1) {
          margin-top: 15px; }
      .procedure__schedule p {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 1.6px; }
      .procedure__schedule h3 {
        margin-top: 25px;
        font-size: 16px; }
      .procedure__schedule.relaxation div:nth-of-type(2), .procedure__schedule.whole div:nth-of-type(2) {
        margin-top: 15px; }
      .procedure__schedule.relaxation p:nth-of-type(2), .procedure__schedule.whole p:nth-of-type(2) {
        margin-top: 20px; }
      .procedure__schedule.relaxation div:nth-of-type(1) {
        width: 101.44928%;
        margin: 20px -5px 20px; }
        .procedure__schedule.relaxation div:nth-of-type(1) img {
          width: 100%; }
      .procedure__schedule.whole div:nth-of-type(1) {
        width: 65.94203%;
        margin: 20px auto 20px; }
    .procedure__step {
      margin-top: 0 !important; }
      .procedure__step .read {
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 1.5;
        text-align: left; }
      .procedure__step dl {
        margin-top: 0;
        padding-top: 12px;
        padding-bottom: 12px; }
        .procedure__step dl dt {
          padding: 0 10px 0 0px; }
          .procedure__step dl dt .icon {
            width: 50px; }
            .procedure__step dl dt .icon img {
              width: 50px; }
        .procedure__step dl dd {
          margin-top: 6px;
          padding-bottom: 0;
          font-size: 12px;
          line-height: 1.4; }
          .procedure__step dl dd strong {
            font-size: 16px;
            line-height: 1.4; }
          .procedure__step dl dd .small {
            font-size: 12px; }
      .procedure__step__notes {
        margin-top: 35px;
        padding-top: 0;
        line-height: 1.6; }
        .procedure__step__notes dt {
          margin-bottom: 5px;
          padding: 0;
          font-size: 10px;
          font-weight: bold; }
        .procedure__step__notes dd {
          margin-top: 0;
          padding-bottom: 0;
          font-size: 9px; }
    .procedure__payment {
      margin-top: 0 !important; }
      .procedure__payment h3 {
        margin-top: 20px;
        font-size: 16px; }
        .procedure__payment h3:nth-of-type(1) {
          margin-top: 30px; }
      .procedure__payment p {
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.5; }
      .procedure__payment div {
        margin-top: 5px; }
    .procedure__contact {
      margin-top: 0 !important; }
      .procedure__contact h2 {
        width: 100%; }
        .procedure__contact h2 img {
          width: 100%; }
      .procedure__contact__title {
        margin-top: 30px;
        padding: 20px 0 0; }
      .procedure__contact__tab {
        margin-top: 30px; }
        .procedure__contact__tab li {
          padding: 10px 5px;
          font-size: 15px;
          line-height: 1.3; }
      .procedure__contact dl {
        padding: 15px; }
        .procedure__contact dl dt {
          margin-top: 20px;
          font-size: 15px; }
          .procedure__contact dl dt:first-of-type {
            margin-top: 0; }
        .procedure__contact dl dd {
          margin-top: 8px;
          border-radius: 5px;
          padding: 3.62319% 4.34783%; }
          .procedure__contact dl dd p {
            font-size: 15px; }
          .procedure__contact dl dd .contact {
            display: block; }
            .procedure__contact dl dd .contact__link {
              margin-right: 0;
              pointer-events: auto;
              width: 237px; }
              .procedure__contact dl dd .contact__link img {
                width: 237px; }
            .procedure__contact dl dd .contact__text {
              font-size: 12px !important; }
      .procedure__contact.relaxation h2, .procedure__contact.whole h2 {
        margin-bottom: 30px; }
    .procedure__environment {
      margin-top: 0 !important; }
      .procedure__environment h3 {
        margin-top: 20px;
        font-size: 16px; }
        .procedure__environment h3:nth-of-type(1) {
          margin-top: 30px; }
      .procedure__environment p {
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.5; }
        .procedure__environment p.read {
          margin-top: 30px;
          text-align: left; }
      .procedure__environment dl {
        margin-top: 15px;
        margin-bottom: 20px; }
        .procedure__environment dl dt {
          margin-top: 15px;
          font-size: 14px; }
        .procedure__environment dl dd {
          margin-top: 5px;
          border-radius: 5px;
          padding: 1.73913% 4.34783%; }
          .procedure__environment dl dd p {
            margin-top: 15px; }
      .procedure__environment ul {
        margin-top: 5px; }
        .procedure__environment ul li {
          padding-left: 14px;
          font-size: 10px;
          line-height: 1.5; }
    .procedure__banner {
      margin-top: 40px !important; }
      .procedure__banner a {
        width: auto;
        max-width: 100%; }
        .procedure__banner a img {
          width: 100%; }
      .procedure__banner p {
        margin-top: 15px;
        font-size: 9px;
        letter-spacing: 0; } }