header {
  position: relative;
  background: url(../img/main_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 0 0 5%; }
  @media (min-width: 992px) {
    header {
      padding: 0;
      background: url(../img/main_bg.jpg) no-repeat center bottom;
      background-size: cover; } }

.top-lead {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.7);
  margin: 0 auto;
  padding: .5em .5em;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  line-height: 1.4; }
  @media (min-width: 992px) {
    .top-lead {
      font-size: 1.2rem;
      padding: .5em 0 .4em; } }
  .top-lead a {
    color: #333;
    text-decoration: none;
    display: inline-block; }
    .top-lead a .fb {
      color: #000; }
  @media (min-width: 992px) {
    .top-lead .in-title {
      width: 1200px;
      display: block;
      margin: 0 auto; } }

#main-visual {
  position: relative;
  max-width: 1200px;
  margin: 0 auto; }
  @media (min-width: 992px) {
    #main-visual {
      padding: 0 0 72px; } }
  #main-visual .lead {
    padding: 12% 0 0;
    width: 96%;
    max-width: 652px; }
    @media (min-width: 992px) {
      #main-visual .lead {
        padding: 35px 0 0; } }
  #main-visual .obj {
    width: 60%;
    margin: 0 5% 0 35%;
    max-width: 352px; }
    @media (min-width: 992px) {
      #main-visual .obj {
        margin: 0;
        position: absolute;
        right: 0;
        bottom: 15px; } }

.dot {
  position: relative; }
  .dot:before {
    content: '';
    position: absolute;
    left: 44%;
    top: -.3em;
    width: .2em;
    height: .2em;
    background: #333;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; }

#top-block {
  padding: 0; }
  @media (min-width: 992px) {
    #top-block .inner {
      max-width: 1200px; } }

.fukidashi-title {
  text-align: center;
  font-weight: 900;
  font-size: 2.2rem;
  line-height: 1.4;
  padding: 1.0em 0;
  color: #fff;
  position: relative;
  margin: 0 0 1.5em; }
  @media (min-width: 992px) {
    .fukidashi-title {
      font-size: 6.0rem;
      line-height: 1.2;
      padding: .6em 0;
      letter-spacing: .05em;
      margin: 0 0 1.0em; } }
  .fukidashi-title:before {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 20px solid #01b091; }
    @media (min-width: 992px) {
      .fukidashi-title:before {
        margin-left: -40px;
        border: 40px solid transparent;
        border-top: 40px solid #01b091;
        bottom: -80px; } }
  .fukidashi-title .display {
    display: block;
    font-weight: normal;
    font-size: 1.6rem;
    margin: 0 0 .2em;
    letter-spacing: .1em; }
    @media (min-width: 992px) {
      .fukidashi-title .display {
        font-size: 3.0rem; } }
  .fukidashi-title .mini {
    font-size: 1.6rem; }
    @media (min-width: 992px) {
      .fukidashi-title .mini {
        font-size: 5.0rem; } }

.list-box {
  padding: 0 0 30px;
  position: relative; }
  @media (min-width: 992px) {
    .list-box {
      padding: 0 0 60px; } }
  .list-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    background: url(../img/arrow01.png) no-repeat;
    background-size: contain;
    width: 250px;
    height: 42px;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .list-box:before {
        width: 500px;
        height: 84px;
        bottom: -50px; } }
  .list-box ul {
    padding: 1.5em;
    border: 6px solid #1987a6;
    border-image: linear-gradient(to right, #1987a6 0%, #1f986f 100%);
    border-image-slice: 1;
    background: #fff; }
    @media (min-width: 992px) {
      .list-box ul {
        letter-spacing: -.5em;
        padding: 2.0em 3.0em; } }
    .list-box ul li {
      font-size: 1.6rem;
      margin: 0 0 1.0em;
      padding: 0 0 0 25px;
      position: relative;
      letter-spacing: .1em; }
      @media (min-width: 992px) {
        .list-box ul li {
          font-size: 2.4rem;
          padding: 0 0 0 41px;
          display: inline-block;
          width: 42%;
          letter-spacing: normal; } }
      @media (min-width: 992px) {
        .list-box ul li:nth-child(odd) {
          width: 58%; } }
      .list-box ul li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 18px;
        height: 15px;
        background: url(../img/check01.svg) no-repeat;
        background-size: contain; }
        @media (min-width: 992px) {
          .list-box ul li:before {
            top: 3px;
            width: 36px;
            height: 30px; } }
      @media (min-width: 992px) {
        .list-box ul li:nth-child(9) {
          margin: 0; } }
      .list-box ul li:last-child {
        margin: 0; }

.bg-list {
  background: url(../img/bg_list.png) no-repeat;
  background-size: cover;
  padding: 25px 0;
  text-align: center; }
  @media (min-width: 992px) {
    .bg-list {
      padding: 60px 0; } }
  .bg-list .solution-txt {
    font-style: italic;
    font-size: 2.0rem;
    letter-spacing: .1em;
    margin: 0 0 .5em; }
    @media (min-width: 992px) {
      .bg-list .solution-txt {
        font-size: 5.0rem; } }
  @media (min-width: 992px) and (min-width: 992px) {
    .bg-list .solution-txt {
      margin: 0 0 .25em; } }

    .bg-list .solution-txt .logo-fook {
      width: 200px;
      display: inline-block; }
      @media (min-width: 992px) {
        .bg-list .solution-txt .logo-fook {
          width: 350px;
          vertical-align: top; } }
    .bg-list .solution-txt .dot:before {
      left: 60%;
      top: -.1em;
      width: .15em;
      height: .15em; }
    .bg-list .solution-txt .big {
      font-size: 3.6rem;
      font-weight: 900;
      display: inline-block;
      position: relative;
      z-index: 1; }
      @media (min-width: 992px) {
        .bg-list .solution-txt .big {
          font-size: 7.0rem; } }
      .bg-list .solution-txt .big:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 70px;
        height: 20px;
        background: url(../img/deco_line.svg) no-repeat;
        background-size: contain;
        z-index: -1; }
        @media (min-width: 992px) {
          .bg-list .solution-txt .big:before {
            width: 140px;
            height: 40px; } }
    .bg-list .solution-txt .mid {
      font-size: 2.6rem; }
      @media (min-width: 992px) {
        .bg-list .solution-txt .mid {
          font-size: 6.0rem; } }
  .bg-list .solution-txt-under {
    color: #fff;
    line-height: 1.4;
    letter-spacing: .05em; }
    .bg-list .solution-txt-under .in {
      background: #333;
      display: inline-block;
      padding: .7em 2.0em;
      border-radius: 25px; }
      @media (min-width: 992px) {
        .bg-list .solution-txt-under .in {
          padding: .3em 1.0em;
          font-size: 2.4rem; } }

.detail-title {
  font-weight: 900;
  font-size: 2.8rem;
  margin: 0 0 1.0em; }
  @media (min-width: 992px) {
    .detail-title {
      font-size: 7.0rem;
      line-height: 1.2;
      margin: 0 0 .5em;
      letter-spacing: .1em; } }
  .detail-title .mini {
    font-size: 2.0rem; }
    @media (min-width: 992px) {
      .detail-title .mini {
        font-size: 5.0rem; } }

.detail-item {
  line-height: 2.0;
  position: relative;
  z-index: 0; }
  @media (min-width: 992px) {
    .detail-item {
      padding: 0 36% 30px 2%; } }
  .detail-item:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 110.66667px;
    height: 223.33333px;
    background: url(../img/woman01.png) no-repeat;
    background-size: contain;
    z-index: -1; }
    @media (min-width: 992px) {
      .detail-item:before {
        top: auto;
        bottom: 0;
        width: 332px;
        height: 670px; } }
  .detail-item p {
    position: relative;
    margin: 0 0 1.5em;
    width: 60%;
    letter-spacing: .08em; }
    @media (min-width: 992px) {
      .detail-item p {
        width: 100%; } }
    .detail-item p:nth-child(2), .detail-item p:last-child {
      width: 100%; }
    .detail-item p:last-child {
      margin: 0; }

.reason-title {
  text-align: center;
  font-weight: 900;
  font-size: 2.8rem;
  line-height: 1.0;
  margin: 0 0 1.0em; }
  @media (min-width: 992px) {
    .reason-title {
      font-size: 5.0rem; } }
  .reason-title .logo-img {
    display: inline-block;
    width: 150px;
    vertical-align: middle;
    margin: -.9em 0 0; }
    @media (min-width: 992px) {
      .reason-title .logo-img {
        width: 350px;
        margin: -1.1em 0 0; } }
  .reason-title .mini {
    font-size: 2.2rem;
    padding: 0 0 0 .2em; }
    @media (min-width: 992px) {
      .reason-title .mini {
        font-size: 4.0rem; } }
  .reason-title .big {
    font-size: 3.4rem;
    letter-spacing: .1em; }
    @media (min-width: 992px) {
      .reason-title .big {
        font-size: 6.0rem; } }
  .reason-title .num {
    font-size: 6.0rem;
    line-height: 1.0; }
    @media (min-width: 992px) {
      .reason-title .num {
        font-size: 12.0rem; } }

.reason-content {
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding: 1.5em;
  margin: 0 0 20px; }
  .reason-content:last-child {
    margin: 0; }
  .reason-content h3 {
    font-weight: bold;
    font-size: 2.2rem;
    position: relative;
    padding: 0 0 0 50px;
    line-height: 1.4;
    margin: 0 0 .7em; }
    @media (min-width: 992px) {
      .reason-content h3 {
        font-size: 3.6rem;
        padding: .25em 0 0 100px;
        margin: 0 0 .35em; } }
    .reason-content h3:before {
      content: "";
      position: absolute;
      left: 0;
      top: -6px;
      width: 40px;
      height: 40px;
      background: url(../img/reason_num01.svg) no-repeat;
      background-size: contain; }
      @media (min-width: 992px) {
        .reason-content h3:before {
          width: 80px;
          height: 80px;
          top: -10px; } }
  .reason-content:nth-child(2) h3:before {
    background: url(../img/reason_num02.svg) no-repeat;
    background-size: contain; }
  .reason-content:nth-child(3) h3:before {
    background: url(../img/reason_num03.svg) no-repeat;
    background-size: contain; }
  .reason-content:nth-child(4) h3:before {
    background: url(../img/reason_num04.svg) no-repeat;
    background-size: contain; }
  .reason-content p {
    line-height: 1.8; }
    @media (min-width: 992px) {
      .reason-content p {
        padding: 0 0 0 100px; } }

.case-content {
  background: #fff;
  border-radius: 10px;
  padding: 2.0em 1.5em;
  margin: 0 0 50px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  position: relative; }
  @media (min-width: 992px) {
    .case-content {
      margin: 0 0 80px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: 80px 50px 60px; } }
  .case-content:last-child {
    margin: 0; }
  .case-content:nth-child(2):before {
    content: "Case 02"; }
  .case-content:nth-child(3):before {
    content: "Case 03"; }
  @media (min-width: 992px) {
    .case-content:nth-child(even) {
      flex-direction: row-reverse; } }
  .case-content:before {
    content: "Case 01";
    position: absolute;
    left: 0;
    right: 0;
    top: -1.0em;
    width: 60%;
    max-width: 300px;
    background: #fcee21;
    color: #333;
    font-size: 2.0rem;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    font-weight: bold;
    border-radius: 20px;
    letter-spacing: .1em;
    padding: .2em 0; }
    @media (min-width: 992px) {
      .case-content:before {
        font-size: 3.0rem;
        border-radius: 30px; } }
  .case-content .img {
    position: relative;
    margin: 0 0 20px; }
    @media (min-width: 992px) {
      .case-content .img {
        width: 240px;
        margin: 0; } }
    .case-content .img img {
      height: 200px;
      object-fit: cover;
      object-position: top; }
      @media (min-width: 992px) {
        .case-content .img img {
          height: auto; } }
    .case-content .img p {
      position: absolute;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      text-align: center;
      width: 100%;
      left: 0;
      bottom: 0;
      font-size: 1.6rem;
      padding: .25em 0; }
      @media (min-width: 992px) {
        .case-content .img p {
          font-size: 2.0rem; } }
  @media (min-width: 992px) {
    .case-content .txt {
      width: 720px; } }
  .case-content .txt h3 {
    font-size: 2.4rem;
    line-height: 1.4;
    margin: 0 0 1.0em;
    letter-spacing: .1em; }
    @media (min-width: 992px) {
      .case-content .txt h3 {
        font-size: 3.6rem;
        margin: 0 0 .5em; } }
    .case-content .txt h3 .director {
      display: inline-block;
      font-size: 1.6rem;
      background: #e6e6e6;
      padding: .2em .5em;
      letter-spacing: normal; }
      @media (min-width: 992px) {
        .case-content .txt h3 .director {
          font-size: 1.8rem;
          margin: 0 0 0 1.0em;
          vertical-align: middle; } }

.case-item {
  display: table;
  width: 100%; }
  .case-item .case-item-l,
  .case-item .case-item-r {
    display: table-cell;
    vertical-align: middle; }
  .case-item .case-item-l {
    background: #666;
    color: #fff;
    width: 8%;
    text-align: center; }
    @media (min-width: 992px) {
      .case-item .case-item-l {
        width: 110px; } }
    .case-item .case-item-l p {
      writing-mode: tb-rl;
      display: block;
      white-space: nowrap;
      margin: 0 auto;
      padding: 0 .2em 0 0; }
      @media (min-width: 992px) {
        .case-item .case-item-l p {
          writing-mode: horizontal-tb;
          padding: 0; } }
  .case-item .case-item-r {
    width: 80%;
    padding: 1.0em; }
    @media (min-width: 992px) {
      .case-item .case-item-r {
        width: 610px;
        padding: 1.0em 0 1.0em 1.0em;
        font-size: 1.8rem; } }
    .case-item .case-item-r p:last-child {
      font-size: 1.6rem;
      margin: .5em 0 0; }
      @media (min-width: 992px) {
        .case-item .case-item-r p:last-child {
          font-size: 2.0rem;
          margin: 0; } }
    .case-item .case-item-r .lead-txt .fb {
      font-size: 2.4rem;
      line-height: 1.4; }
      @media (min-width: 992px) {
        .case-item .case-item-r .lead-txt .fb {
          font-size: 3.4rem; } }
  .case-item:last-child {
    margin: 20px 0 0; }
    .case-item:last-child .case-item-l {
      background: #01b091;
      color: #ffff00;
      font-weight: bold; }

.case-at-box {
  margin: 30px 0 0; }
  @media (min-width: 992px) {
    .case-at-box {
      text-align: right; } }
  .case-at-box p {
    padding: 0 0 0 1.0em;
    text-indent: -1.0em;
    font-size: 1.2rem;
    margin: 0 0 .5em;
    color: #808080; }
    .case-at-box p:last-child {
      margin: 0; }

.case-way {
  background: #f7f8f1;
  padding: 1.5em;
  border-radius: 10px;
  margin: 1.5em 0 0; }
  .case-way .case-way-lead {
    font-size: 1.6rem;
    margin: 0 0 1.0em; }
    @media (min-width: 992px) {
      .case-way .case-way-lead {
        font-size: 2.2rem; } }
  .case-way .case-way-left,
  .case-way .case-way-right {
    vertical-align: middle; }
  .case-way .case-way-left {
    background: #666;
    color: #fff;
    writing-mode: vertical-rl;
    letter-spacing: normal;
    padding: 1.0em .3em 1.0em 0;
    margin: 0 .5em 0 0;
    display: inline-block; }
  .case-way .case-way-right {
    display: inline-block;
    line-height: 1.4; }
    .case-way .case-way-right .yen .yen-in {
      font-size: 2.2rem; }
  @media (min-width: 992px) {
    .case-way .case-way-item {
      display: flex;
      align-items: flex-start; } }
  .case-way .case-way-card {
    max-width: 230px; }
    @media (min-width: 992px) {
      .case-way .case-way-card {
        max-width: 100%; } }
    .case-way .case-way-card:last-child {
      margin: .5em 0 0;
      padding: 1.0em 0 0;
      position: relative; }
      @media (min-width: 992px) {
        .case-way .case-way-card:last-child {
          margin: 0 0 0 35px;
          padding: 0 0 0 35px; } }
      @media (min-width: 992px) {
        .case-way .case-way-card:last-child:before {
          content: "";
          position: absolute;
          top: 20%;
          left: -10px;
          border: 30px solid transparent;
          border-left: 20px solid #b2edcf; } }
      .case-way .case-way-card:last-child:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border: none;
        border-top: 15px solid #b2edcf;
        border-right: 30px solid transparent;
        border-left: 30px solid transparent; }
        @media (min-width: 992px) {
          .case-way .case-way-card:last-child:after {
            right: 0;
            border-top: none;
            border-right: none;
            border-left: none; } }
      .case-way .case-way-card:last-child .case-way-left {
        background: #01b091;
        color: #ffff00;
        font-weight: bold; }
      .case-way .case-way-card:last-child .case-way-right {
        position: relative; }
        .case-way .case-way-card:last-child .case-way-right:before {
          content: "";
          position: absolute;
          right: -80px;
          top: -20px;
          width: 75px;
          height: 70px;
          background: url(../img/fukidashi01.svg) no-repeat;
          background-size: contain; }
          @media (min-width: 992px) {
            .case-way .case-way-card:last-child .case-way-right:before {
              width: 150px;
              height: 140px;
              right: -160px;
              top: -60px; } }

#loan-block {
  padding: 0 0 30px; }
  @media (min-width: 992px) {
    #loan-block {
      padding: 0 0 80px; } }

.redband-title {
  font-weight: 900;
  color: #fff;
  text-align: center;
  font-size: 2.6rem;
  background: #e60000;
  padding: .5em 0;
  margin: 0 0 .5em;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff; }
  @media (min-width: 992px) {
    .redband-title {
      font-size: 5.0rem;
      padding: .4em 0; } }

.loan-img {
  margin: 0 auto 60px;
  width: 90%; }
  @media (min-width: 992px) {
    .loan-img {
      margin: 0 auto 80px;
      width: 100%; } }

.loan-box {
  padding: 14% .5em 1.5em;
  position: relative; }
  @media (min-width: 992px) {
    .loan-box {
      padding: 90px 50px 50px; } }
  .loan-box .lead {
    position: absolute;
    top: -3.5em;
    left: 0;
    right: 0;
    width: 98%;
    margin: 0 auto;
    z-index: 1;
    padding: 0 0 .5em;
    max-width: 340px; }
    @media (min-width: 992px) {
      .loan-box .lead {
        top: -2.5em;
        max-width: 800px; } }
  .loan-box .loan-item {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 2.0em 1.5em 1.5em;
    margin: 0 0 50px; }
    @media (min-width: 992px) {
      .loan-box .loan-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 40px 80px;
        margin: 0 0 90px; } }
    .loan-box .loan-item:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -15px;
      border: 15px solid transparent;
      border-top: 20px solid #1f986f; }
      @media (min-width: 992px) {
        .loan-box .loan-item:before {
          margin-left: -30px;
          border: 30px solid transparent;
          border-top: 40px solid #1f986f; } }
    .loan-box .loan-item:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -45px;
      width: 250px;
      height: 30px;
      background: url(../img/arrow02.png) no-repeat;
      background-size: contain;
      margin: 0 auto; }
      @media (min-width: 992px) {
        .loan-box .loan-item:after {
          bottom: -90px;
          width: 500px;
          height: 60px; } }
    .loan-box .loan-item .img {
      width: 60%;
      margin: 0 auto 15px; }
      @media (min-width: 992px) {
        .loan-box .loan-item .img {
          width: 284px;
          margin: 0; } }
    @media (min-width: 992px) {
      .loan-box .loan-item .txt {
        width: 500px; } }
    .loan-box .loan-item .txt .yen {
      font-weight: bold;
      text-align: center;
      line-height: 1.0;
      margin: 0 0 .7em; }
      @media (min-width: 992px) {
        .loan-box .loan-item .txt .yen {
          text-align: left;
          font-size: 4.0rem;
          margin: 0 0 .35em; } }
      .loan-box .loan-item .txt .yen .front {
        display: inline-block;
        background: #fcee21;
        margin: 0 .5em 0 0;
        padding: .4em .25em .25em;
        font-size: 1.8rem;
        vertical-align: text-bottom;
        border-radius: 10px; }
        @media (min-width: 992px) {
          .loan-box .loan-item .txt .yen .front {
            font-size: 3.8rem; } }
      .loan-box .loan-item .txt .yen .cl-red {
        font-weight: 900;
        font-size: 4.0rem; }
        @media (min-width: 992px) {
          .loan-box .loan-item .txt .yen .cl-red {
            font-size: 9.0rem; } }
    .loan-box .loan-item .txt ul li {
      position: relative;
      padding: 0 0 0 1.5em; }
      @media (min-width: 992px) {
        .loan-box .loan-item .txt ul li {
          font-size: 2.6rem;
          letter-spacing: .1em; } }
      .loan-box .loan-item .txt ul li:before {
        font-family: "Font Awesome 5 Free";
        content: "\f058";
        position: absolute;
        left: 0;
        top: 0; }

.loan-fukidashi {
  position: relative;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  font-style: italic;
  text-align: center; }
  @media (min-width: 992px) {
    .loan-fukidashi {
      font-size: 4.2rem;
      display: flex;
      justify-content: space-between;
      align-items: flex-end; } }
  .loan-fukidashi .mon {
    font-style: normal;
    font-size: 1.2rem;
    writing-mode: vertical-rl;
    letter-spacing: .1em;
    background: #fff;
    color: #1f986f;
    padding: .4em 0 .3em .1em;
    border-radius: 4px;
    margin: 0 .5em 0 0;
    display: inline-block;
    vertical-align: text-bottom; }
    @media (min-width: 992px) {
      .loan-fukidashi .mon {
        font-size: 2.4rem;
        border-radius: 8px;
        padding: .4em .3em .3em 0; } }
  .loan-fukidashi .big {
    font-size: 3.4rem;
    color: #ffff00; }
    @media (min-width: 992px) {
      .loan-fukidashi .big {
        font-size: 7.4rem; } }
  .loan-fukidashi .mini {
    font-size: 1.6rem; }
    @media (min-width: 992px) {
      .loan-fukidashi .mini {
        font-size: 4.0rem; } }
  .loan-fukidashi .loan-fukidashi-left {
    position: relative;
    padding: 1.0em .5em; }
    @media (min-width: 992px) {
      .loan-fukidashi .loan-fukidashi-left {
        width: 750px;
        line-height: 1.4;
        padding: 1.0em; } }
    .loan-fukidashi .loan-fukidashi-left:before, .loan-fukidashi .loan-fukidashi-left:after {
      content: "";
      position: absolute;
      width: 16.7px;
      height: 15px;
      background: url(../img/deco_fukidashi.svg) no-repeat;
      background-size: contain;
      line-height: 1.0;
      opacity: 0.5; }
      @media (min-width: 992px) {
        .loan-fukidashi .loan-fukidashi-left:before, .loan-fukidashi .loan-fukidashi-left:after {
          width: 40px;
          height: 36px; } }
    .loan-fukidashi .loan-fukidashi-left:before {
      bottom: 0;
      right: 0;
      transform: rotate(180deg); }
    .loan-fukidashi .loan-fukidashi-left:after {
      top: 0;
      left: 0; }
  .loan-fukidashi .loan-fukidashi-right {
    width: 40%;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .loan-fukidashi .loan-fukidashi-right {
        width: 220px;
        margin: 0; } }

@media (min-width: 992px) {
  .voice-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

.voice-content {
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding: 1.5em;
  margin: 20px 5px 50px; }
  @media (min-width: 992px) {
    .voice-content {
      width: 530px;
      padding: 1.0em 1.5em 1.5em;
      margin: 0 0 50px;
      max-height: 492px; } }
  .voice-content:last-child {
    margin: 0; }
  .voice-content h3 {
    text-align: center;
    margin: 0 0 1.5em;
    font-size: 2.0rem; }
    @media (min-width: 992px) {
      .voice-content h3 {
        text-align: left;
        font-size: 3.0rem;
        margin: 0 0 1.0em;
        letter-spacing: .1em; } }
    .voice-content h3 .mini {
      font-size: 1.2rem;
      margin: 0 0 0 .25em; }
      @media (min-width: 992px) {
        .voice-content h3 .mini {
          font-size: 2.4rem; } }
    .voice-content h3 .iconA,
    .voice-content h3 .iconB,
    .voice-content h3 .iconC,
    .voice-content h3 .iconD {
      position: relative;
      display: inline-block;
      padding: 0 0 0 50px; }
      @media (min-width: 992px) {
        .voice-content h3 .iconA,
        .voice-content h3 .iconB,
        .voice-content h3 .iconC,
        .voice-content h3 .iconD {
          padding: 0 0 0 120px; } }
      .voice-content h3 .iconA:before,
      .voice-content h3 .iconB:before,
      .voice-content h3 .iconC:before,
      .voice-content h3 .iconD:before {
        content: "";
        position: absolute;
        left: -20px;
        top: -34px;
        width: 56px;
        height: 66.66667px;
        background: url(../img/icon_voice01.svg) no-repeat;
        background-size: contain; }
        @media (min-width: 992px) {
          .voice-content h3 .iconA:before,
          .voice-content h3 .iconB:before,
          .voice-content h3 .iconC:before,
          .voice-content h3 .iconD:before {
            left: 0;
            top: -50px;
            width: 84px;
            height: 100px; } }
    .voice-content h3 .iconB:before {
      background: url(../img/icon_voice02.svg) no-repeat;
      background-size: contain; }
    .voice-content h3 .iconC:before {
      background: url(../img/icon_voice03.svg) no-repeat;
      background-size: contain; }
    .voice-content h3 .iconD:before {
      background: url(../img/icon_voice04.svg) no-repeat;
      background-size: contain; }
  .voice-content .txt {
    line-height: 1.8;
    color: #4d4d4d; }
    @media (min-width: 992px) {
      .voice-content .txt {
        font-size: 1.8rem;
        letter-spacing: normal;
        min-height: 364px;
        letter-spacing: .05em; } }
    .voice-content .txt p {
      margin: 0 0 2.0em; }
      .voice-content .txt p:last-child {
        margin: 0; }

@media (min-width: 992px) {
  .staff-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; } }

.staff-content {
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding: 1.5em;
  margin: 2px 5px 20px; }
  @media (min-width: 992px) {
    .staff-content {
      width: 340px;
      padding: 20px;
      font-size: 1.6rem;
      margin: 0 40px 40px 0; } }
  @media (min-width: 992px) {
    .staff-content:nth-child(3) {
      margin: 0 0 40px; } }
  @media (min-width: 992px) {
    .staff-content:nth-child(4) {
      margin: 0 40px 0 0; } }
  @media (min-width: 992px) {
    .staff-content:nth-child(5) {
      margin: 0; } }
  .staff-content .staff-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px; }
    .staff-content .staff-item .img {
      width: 30%; }
      @media (min-width: 992px) {
        .staff-content .staff-item .img {
          width: 110px; } }
    .staff-content .staff-item .txt {
      width: 60%; }
      @media (min-width: 992px) {
        .staff-content .staff-item .txt {
          width: 170px;
          padding: 0 0 0 .5em; } }
      .staff-content .staff-item .txt h3 {
        font-size: 2.4rem;
        line-height: 1.4; }
        .staff-content .staff-item .txt h3 span {
          font-size: 1.6rem;
          display: block; }

#area-block .inner {
  position: relative;
  z-index: 1; }
  #area-block .inner:before {
    content: "";
    position: absolute;
    right: -10px;
    top: -60px;
    width: 200px;
    height: 170.4px;
    background: url(../img/map.png) no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: .5; }
    @media (min-width: 992px) {
      #area-block .inner:before {
        right: 70px;
        top: -45px;
        width: 500px;
        height: 426px;
        opacity: 1.0; } }
@media (min-width: 992px) {
  #area-block h2 {
    margin: 0 0 .5em; } }

.area-box {
  font-size: 1.8rem;
  letter-spacing: .1em;
  line-height: 2.0; }
  @media (min-width: 992px) {
    .area-box {
      font-size: 3.0rem; } }
  .area-box .area01,
  .area-box .area02,
  .area-box .area03 {
    display: inline-block;
    padding: .15em .5em 0;
    color: #fff;
    display: inline-block;
    margin: 0 .25em 0 0;
    line-height: 1.4;
    font-weight: bold; }
    @media (min-width: 992px) {
      .area-box .area01,
      .area-box .area02,
      .area-box .area03 {
        padding: .15em .25em 0; } }
  .area-box .area01 {
    background: #01b091; }
  .area-box .area02 {
    background: #4dca6f; }
  .area-box .area03 {
    background: #0aa66d;
    margin: 0; }

#contact-block {
  padding: 0 0 60px; }
  @media (min-width: 992px) {
    #contact-block {
      padding: 0 0 100px; } }
  #contact-block h2 {
    font-size: 2.8rem;
    padding: .7em 0; }
    @media (min-width: 992px) {
      #contact-block h2 {
        font-size: 6.0rem; } }

.company-box {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding: 2.0em; }
  @media (min-width: 992px) {
    .company-box {
      padding: 70px 50px 50px; } }
  .company-box dl {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (min-width: 992px) {
      .company-box dl {
        align-items: center; } }
    .company-box dl dt,
    .company-box dl dd {
      margin: 0 0 1.5em;
      padding: 0; }
      @media (min-width: 992px) {
        .company-box dl dt,
        .company-box dl dd {
          margin: 0 0 2.0em; } }
      .company-box dl dt:last-of-child,
      .company-box dl dd:last-of-child {
        margin: 0; }
    .company-box dl dt {
      width: 25%;
      text-align: center; }
    .company-box dl dd {
      width: 65%; }
    .company-box dl .logo-name {
      display: block;
      width: 100px; }
      @media (min-width: 992px) {
        .company-box dl .logo-name {
          display: inline-block;
          margin: 0 0 0 20px;
          vertical-align: text-bottom; } }
    .company-box dl .add {
      display: block;
      font-size: 1.2rem; }
      @media (min-width: 992px) {
        .company-box dl .add {
          font-size: 1.6rem; } }
    .company-box dl a {
      color: #333; }

.google-map {
  margin: 30px auto 0; }
  @media (min-width: 992px) {
    .google-map {
      margin: 80px auto 0; } }
  .google-map iframe {
    width: 100%;
    vertical-align: bottom;
    height: 200px; }
    @media (min-width: 992px) {
      .google-map iframe {
        height: 300px; } }

.instagram-item {
  display: flex;
  justify-content: space-between;
  align-items: start;
  max-width: 660px;
  margin: 0 auto; }
  .instagram-item .img {
    width: 15%; }
    @media (min-width: 992px) {
      .instagram-item .img {
        width: 174px; } }
  .instagram-item .txt {
    width: 80%;
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: .07em;
    text-align: center;
    line-height: 1.8; }
    @media (min-width: 992px) {
      .instagram-item .txt {
        width: 440px;
        font-size: 2.8rem;
        letter-spacing: .1em;
        text-align: left;
        margin: 1.0em 0 0;
        line-height: 1.6; } }

.instagram-btn {
  margin: 20px 0 0;
  max-width: 420px; }
  @media (min-width: 992px) {
    .instagram-btn {
      margin: 30px 0 0; } }

#instagram-block {
  padding: 30px 0; }