@charset "UTF-8";

/*
Version: 20220704
*/

/* Scss Document */
/*=============================================================
 共通
=============================================================*/
html {
  scroll-behavior: smooth; }

body {
  font-size: 14px;
  font-family: "Arial Black", "Noto Sans JP", "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*line-height: $line-height;*/
  letter-spacing: 0.05em;
  color: #000;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 500;
  position: relative; }
  @media print, screen and (min-width: 768px) {
    body {
      font-size: 25px; } }
  body h1, body h2, body h3, body h4, body h5, body h6, body span, body p, body ul, body ol, body li, body dl, body dt, body dd, body figure, body figcaption, body table, body address {
    /*transform: rotate(0.03deg);
    font-weight: normal;*/ }
  body .font_mp {
    font-family: 'M PLUS Rounded 1c', sans-serif; }
  body a {
    color: #000;
    text-decoration: none; }
  body a:hover {
    opacity: 0.7;
    -webkit-transition: all .3s;
    transition: all .3s; }
  body img {
    width: 100%;
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast; }
    @media print, screen and (min-width: 768px) {
      body img {
        width: auto; } }
  body .object-fit {
    object-fit: contain;
    font-family: "object-fit: contain;"; }
  body .view-sp,body .sp {
    display: block; }
    @media print, screen and (min-width: 768px) {
      body .view-sp,body .sp {
        display: none; } }
  body .view-pc,body .pc {
    display: none; }
    @media print, screen and (min-width: 768px) {
      body .view-pc,body .pc {
        display: block; } }
  body #contents {
    overflow: hidden;
    max-width: 100%;
    position: relative; }
  body .container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 2; }
    @media print, screen and (min-width: 1000px) {
      body .container {
        padding: 0; } }
  body .container_max {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 2; }
    @media print, screen and (min-width: 1380px) {
      body .container_max {
        padding: 0; } }

@media screen and (max-width: 768px) {
  .ggmap2 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }

  .ggmap2 iframe,
  .ggmap2 object,
  .ggmap2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6, .reset span {
  line-height: 1.0;
  /*margin: 0;
   padding: 0;*/ }
.reset p {
  margin: 0;
  padding: 0; }
.reset ul, .reset ol, .reset li, .reset dl, .reset dt, .reset dd, .reset figure, .reset figcaption, .reset table, .reset address {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  list-style: none;
  font-style: normal;
  /*font-weight: normal;*/ }
.reset table {
  border-collapse: collapse;
  border-spacing: 0; }
.reset img {
  border: none;
  margin: 0px;
  padding: 0px;
  vertical-align: bottom; }

/*=============================================================
 レイアウト設定
=============================================================*/
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  flex-flow: row wrap; }

.jc-space-between {
  justify-content: space-between; }

.jc-center {
  justify-content: center; }

.jc-flex-end {
  justify-content: flex-end; }

.al-center {
  align-items: center; }

.al-stretch {
  align-items: stretch; }

.al-flex-end {
  align-items: flex-end; }

.al-flex-start {
  align-items: flex-start; }

@media print, screen and (min-width: 768px) {
  .order1 {
    order: 1; }

  .order2 {
    order: 2; } }
/*=============================================================
 共通スタイル
=============================================================*/
.com_tit01 {
  position: relative;
  line-height: 1;
  text-align: center;
  margin: 0 auto 30px auto;
  font-size: 8vw;
  color: #fff;
  display: inline-block; }
  @media print, screen and (min-width: 768px) {
    .com_tit01 {
      font-size: 46px;
      margin: 0 auto 51px auto; } }
  .com_tit01:after {
    content: "";
    display: block;
    width: 120%;
    height: 7px;
    background-color: #f8bc00;
    margin: 20px auto 0 -10%; }

/*=============================================================
 共通ボタン
=============================================================*/
.com_Btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #f7931e;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  font-size: 5vw; }
  @media print, screen and (min-width: 768px) {
    .com_Btn a {
      min-width: 220px;
      font-size: 25px; } }
     .com_Btn a::after {
       content: "▲";
       display: inline-block;
       transform: rotate(90deg);
       margin: 0.5em 0 0 1em;
       font-size: 0.7em;
       padding-right: 8px;
     }

/*========================================
ヘッダー
========================================*/
#gheader {
  background-color: #77a5d4;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 3;
  height: 60px;
}
#gheader .leftBox h1 a {
  color: #fff;
}
  @media print, screen and (min-width: 768px) {
    #gheader {
      padding: 0;
      height: 100px; } }
  #gheader .leftBox {
    width: 70%;
    text-align: left; }
    @media print, screen and (min-width: 768px) {
      #gheader .leftBox {
        width: auto; } }
    #gheader .leftBox h1 {
      margin: 0;
      padding: 0;
      font-size: 6vw; }
      @media print, screen and (min-width: 768px) {
        #gheader .leftBox h1 {
          font-size: 50px; } }
      @media screen and (min-width: 768px) and (max-width: 1000px) {
        #gheader .leftBox h1 {
          font-size: 3vw; } }
  #gheader .rightBox {
    text-align: left;
    font-size: 3vw;
    width: 30%;
    box-sizing: border-box; }
    @media print, screen and (min-width: 768px) {
      #gheader .rightBox {
        width: auto;
        padding: 0;
        font-size: 65%; } }
    @media screen and (min-width: 768px) and (max-width: 1000px) {
      #gheader .rightBox {
        font-size: 1vw; } }
    #gheader .rightBox i {
      color: #fff;
      border: 1px solid #fff;
      border-radius: 95px;
      padding: 10px;
      font-size: 70%; }
    #gheader .rightBox .flex_left {
      width: 50%;
      text-align: center;
      line-height: 1.25; }
      @media print, screen and (min-width: 768px) {
        #gheader .rightBox .flex_left {
          width: auto;
          text-align: left;
          margin-right: 30px; } }
    #gheader .rightBox .contactBtn {
      width: 50%;
      text-align: center; }
      @media print, screen and (min-width: 768px) {
        #gheader .rightBox .contactBtn {
          width: auto; } }
      @media print, screen and (min-width: 768px) {
        #gheader .rightBox .contactBtn a {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;
          background-color: #f7931e;
          color: #fff;
          box-sizing: border-box;
          position: relative;
          min-width: 220px;
          font-size: 25px; } }
      @media print, screen and (min-width: 768px) {
        #gheader .rightBox .contactBtn a:after {
          content: "▲";
          display: inline-block;
          transform: rotate(90deg);
          margin: 0.5em 0 0 1em;
          font-size: 0.5em; } }
      #gheader .rightBox .contactBtn a {
        font-size: 7vw; }
        @media print, screen and (min-width: 768px) {
          #gheader .rightBox .contactBtn a {
            font-size: 25px;
            min-width: auto;
            padding: 10px 20px; } }
    #gheader .rightBox .tel {
      position: relative;
      display: inline-block;
      font-size: 7vw;
      font-weight: 300; }
      @media print, screen and (min-width: 768px) {
        #gheader .rightBox .tel {
          font-size: 30px; } }
      @media screen and (min-width: 768px) and (max-width: 1000px) {
        #gheader .rightBox .tel {
          font-size: 3vw; } }
      @media print, screen and (min-width: 768px) {
        #gheader .rightBox .tel:before {
          content: "";
          display: inline-block;
          width: 1em;
          height: 1em;
          background-color: aqua;
          background: url("../images/icon_free.png") no-repeat center center;
          background-size: 100% auto;
          position: absolute;
          top: 50%;
          left: -1.5em;
          margin-top: -0.5em; } }

/*========================================
フッター
========================================*/
#gfooter {
  background-color: #77a5d4;
  color: #fff;
  padding: 50px 0 0 0; }
  @media print, screen and (min-width: 768px) {
    #gfooter {
      padding: 100px 0 0 0; } }
  #gfooter .logo img {
    max-width: 100px; }
    @media print, screen and (min-width: 768px) {
      #gfooter .logo img {
        max-width: 172px; } }
  #gfooter .col2 {
    margin-top: 20px; }
    @media print, screen and (min-width: 768px) {
      #gfooter .col2 {
        margin-top: 80px; } }
    #gfooter .col2 .leftBox {
      text-align: left;
      width: 100%; }
      @media print, screen and (min-width: 768px) {
        #gfooter .col2 .leftBox {
          width: 60%; } }
      #gfooter .col2 .leftBox table th,
      #gfooter .col2 .leftBox table td {
        padding: 0 30px 30px 0;
        vertical-align: top; }
    #gfooter .col2 .rightBox {
      width: 100%; }
      @media print, screen and (min-width: 768px) {
        #gfooter .col2 .rightBox {
          width: 40%; } }
  #gfooter nav {
		display: none;
    margin: 30px 0; }
    @media print, screen and (min-width: 768px) {
      #gfooter nav {
        margin: 80px 0;
        line-height: 1; } }
    #gfooter nav ul li {
      border-left: 1px solid #fff; }
      #gfooter nav ul li a {
        display: block;
        padding: 0 1em;
        color: #fff; }
      #gfooter nav ul li:first-child {
        border: none; }
  #gfooter .copy {
    padding: 0 1em 1em 1em; }

/*========================================
ブロックスタイル
========================================*/


  #sec_kv .lead {
    background-color: #fff;
    box-shadow: 0px 0px 16px -6px #3E95A6;
    border-radius: 95px;
    display: inline-block;
    padding: 0.5em 1.5em;
    font-size: 5vw;
    line-height: 1.45; }
    @media print, screen and (min-width: 768px) {
      #sec_kv .lead {
        font-size: 30px; } }
    #sec_kv .lead span {
      display: inline-block; }
      #sec_kv .lead span:after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background-color: #FBB03B;
        margin-top: 3px; }
  #sec_kv .com_Btn {
		display: none;
    margin: 0 auto; }
    #sec_kv .com_Btn a {
      padding: 1em 0; }
      @media print, screen and (min-width: 768px) {
        #sec_kv .com_Btn a {
          font-size: 50px;
          padding: 0.5em 0; } }

#sec_cando {
  background: url("../images/cando_bg.png") no-repeat center center;
  background-size: cover;
  padding: 50px 0; }
  #sec_cando .col3 li {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.25; }
    @media print, screen and (min-width: 768px) {
      #sec_cando .col3 li {
        font-size: 28px;
        font-weight: 900;
        width: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1000px) {
      #sec_cando .col3 li {
        width: 30%; } }
    #sec_cando .col3 li img {
      display: block;
      margin: 0 auto 10px auto;
      max-width: 60%; }
      @media print, screen and (min-width: 768px) {
        #sec_cando .col3 li img {
          max-width: 250px;
          margin: 0 auto 20px auto; } }
      @media screen and (min-width: 768px) and (max-width: 1000px) {
        #sec_cando .col3 li img {
          width: 100%; } }
    #sec_cando .col3 li:nth-child(2) {
      margin: 40px 0; }
      @media print, screen and (min-width: 1000px) {
        #sec_cando .col3 li:nth-child(2) {
          margin: 0 50px; } }
      @media screen and (min-width: 768px) and (max-width: 1000px) {
        #sec_cando .col3 li:nth-child(2) {
          margin: 0 3%; } }

#sec_get {
  padding: 20px; }
  @media print, screen and (min-width: 768px) {
    #sec_get {
      padding: 100px 0 130px 0; } }
  #sec_get .lead img {
    width: 964px;
    max-width: 100%; }
  #sec_get .img {
    margin-top: 50px; }
    #sec_get .img img {
      width: 1260px;
      max-width: 100%; }

#sec_loan .lead img {
  max-width: 80%; }
  @media print, screen and (min-width: 768px) {
    #sec_loan .lead img {
      width: 80%;
      max-width: 900px; } }
#sec_loan .bg {
  /* background: url("../images/loan_bg02.png") no-repeat center top;
  background-size: auto 100%; */
  position: relative; }
  @media print, screen and (min-width: 768px) {
    #sec_loan .bg {
      background-size: 100% auto; } }
  #sec_loan .bg .leadTxt {
    display: block;
    width: 100%;
    background: url("../images/loan_bg01.png") no-repeat;
    background-position: bottom center;
    background-size: 100% 100%;
    color: #fff;
    padding: 10px 0 40px 0; }
    @media print, screen and (min-width: 768px) {
      #sec_loan .bg .leadTxt {
        padding: 20px 0 70px 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; } }
    #sec_loan .bg .leadTxt img {
      max-width: 58%;
      margin: 0 auto; }
    #sec_loan .bg .img01 img {
      max-width: 100%; }
      @media print, screen and (min-width: 768px) {
        #sec_loan .bg .img01 img {
          width: 100%;
          margin: 0 auto; } }
  #sec_loan .img02 img {
    width: 90%;
    max-width: 670px;
    padding: 70px 15px 30px; }
  #sec_loan .bg .img02 {
    margin: 50px 0 20px 0; }
    @media print, screen and (min-width: 768px) {
      #sec_loan .bg .img02 {
        margin: 140px 0 60px 0; } }
    #sec_loan .bg .img02 img {
      max-width: 90%; }
      @media print, screen and (min-width: 768px) {
        #sec_loan .bg .img02 img {
          width: 80%;
          max-width: 670px; } }
  #sec_loan .bg .img03 img {
    max-width: 30%; }
    @media print, screen and (min-width: 768px) {
      #sec_loan .bg .img03 img {
        width: 180px; } }

#sec_support {
  overflow: hidden;
  background-size: 100% 100%;
  padding-bottom: 50px; }
  @media print, screen and (min-width: 768px) {
    #sec_support {
      padding-bottom: 120px;
      padding-top: 100px; } }
  #sec_support .lead {
    font-size: 5vw; }
    @media print, screen and (min-width: 768px) {
      #sec_support .lead {
        font-size: 36px; } }
    #sec_support .lead b {
      font-size: 7vw;
      position: relative;
			background:linear-gradient(transparent 60%, #b9eaf3 60%);
      padding: 0 0.6em; }
      @media print, screen and (min-width: 768px) {
        #sec_support .lead b {
          font-size: 70px; } }
      #sec_support .lead b i {
        position: absolute;
        left: 0;
        top: -0.5em; }
        #sec_support .lead b i:nth-child(2) {
          position: absolute;
          left: auto;
          top: auto;
          right: 0;
          bottom: -0.5em;
          transform: scale(-1, -1); }
        #sec_support .lead b i img {
          width: 0.5em; }
  #sec_support .img01 {
		margin-bottom: 100px;
    margin-top: 50px; }
    #sec_support .img01 img {
      max-width: 90%; }
      @media print, screen and (min-width: 768px) {
        #sec_support .img01 img {
          width: 80%;
          max-width: 915px; }
		#sec_support .img01 {
			margin-bottom: 200px;
			margin-top: 100px; }
	}
  #sec_support .inner {
    position: relative;
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
    max-width: 90%;
    box-sizing: border-box;
    background-color: #fff;
    margin: 0 auto;
    text-align: left; }
    @media print, screen and (min-width: 768px) {
      #sec_support .inner {
        width: 1130px; } }
    #sec_support .inner .tit {
			position: relative;
      top: -30px;
      text-align: center; }
      @media print, screen and (min-width: 768px) {
        #sec_support .inner .tit {
					position: relative;
					top: -80px;
				} }
      #sec_support .inner .tit img {
        max-width: 90%;
        margin: 0 auto; }
        @media print, screen and (min-width: 768px) {
          #sec_support .inner .tit img {
            width: 80%;
            max-width: 700px; } }
    #sec_support .inner p {
      max-width: 90%;
      margin: 0 auto; }
      @media print, screen and (min-width: 768px) {
        #sec_support .inner p {
          max-width: 80%; } }
    #sec_support .inner .inner_lead {
      text-align: center;
      margin: 20px auto;
      font-weight: 700; }
      @media print, screen and (min-width: 768px) {
        #sec_support .inner .inner_lead {
          margin: 0px 0 20px;
          max-width: 100%; } }
      #sec_support .inner .inner_lead b {
        color: #0078a9;
        font-size: 5vw; }
        @media print, screen and (min-width: 768px) {
          #sec_support .inner .inner_lead b {
            font-size: 38px; } }
    #sec_support .inner .img {
      max-width: 100%; }
  #sec_support .img_triangle {
    margin: 116px auto;
    max-width: 100%; }
    @media print, screen and (min-width: 768px) {
      #sec_support .img_triangle {
        width: 1124px;
        max-width: 90%; } }
  #sec_support .pr_txt {
    color: #000;
    line-height: 1.25;
    margin-bottom: 0.5em;
    font-weight: 700; }
    @media print, screen and (min-width: 768px) {
      #sec_support .pr_txt {
        font-size: 50px; } }
    #sec_support .pr_txt:after {
      width: 100%;
      margin: 8px auto 0 auto; }

#sec_reason {
  background: url("../images/reason_bg01.png") no-repeat bottom center;
  background-size: 100% 100%;
  padding: 0 0 50vw 0;
  /*background-color: #D6ECF1;*/ }
  @media print, screen and (min-width: 768px) {
    #sec_reason {
      padding: 0 0 25vw 0; } }
  #sec_reason:before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background: #D6ECF1;
    /* background: -moz-linear-gradient(top, #3eaabf 0%, #3eaabf 80%, #fbef4d 80%, #fbef4d 100%);
    background: -webkit-linear-gradient(top, #3eaabf 0%, #3eaabf 80%, #fbef4d 80%, #fbef4d 100%);
    background: linear-gradient(to bottom, #3eaabf 0%, #3eaabf 80%, #fbef4d 80%, #fbef4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eaabf', endColorstr='#fbef4d',GradientType=0 );*/ }
    @media print, screen and (min-width: 768px) {
      #sec_reason:before {
        height: 80px; } }
  #sec_reason .lead {
    margin-top: 50px;
    margin-bottom: -30px; }
    @media print, screen and (min-width: 768px) {
      #sec_reason .lead {
        margin-top: 100px;
        margin-bottom: -80px; } }
    #sec_reason .lead img {
      max-width: 80%; }
      @media print, screen and (min-width: 768px) {
        #sec_reason .lead img {
          width: 80%;
          max-width: 699px; } }
  #sec_reason .tit {
    color: #3EACC1;
    font-size: 9vw; }
    @media print, screen and (min-width: 768px) {
      #sec_reason .tit {
        font-size: 73px; } }
    #sec_reason .tit b {
      font-size: 130%; }
      @media print, screen and (min-width: 768px) {
        #sec_reason .tit b {
          font-size: 120px;
          letter-spacing: -34px;
          left: -19px;
          position: relative; } }
  #sec_reason .inner {
    border: 5px #3EACC1 solid;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 85px;
    padding: 0 20px 20px 20px;
    text-align: left;
    position: relative; }
    @media print, screen and (min-width: 768px) {
      #sec_reason .inner {
        padding: 0 80px 80px 80px;
        margin: 105px auto 0 auto; } }
    #sec_reason .inner .icon {
      margin-top: -50px;
      text-align: center; }
      @media print, screen and (min-width: 768px) {
        #sec_reason .inner .icon {
          margin-top: -80px; } }
      #sec_reason .inner .icon img {
        max-width: 80px; }
        @media print, screen and (min-width: 768px) {
          #sec_reason .inner .icon img {
            max-width: 146px; } }
    #sec_reason .inner .inner_lead {
      text-align: center;
      color: #f7931e;
      margin-bottom: 0;
      font-size: 6vw;
      line-height: 1.2; }
      @media print, screen and (min-width: 768px) {
        #sec_reason .inner .inner_lead {
          font-size: 50px; } }
    #sec_reason .inner p {
      margin-top: 20px; }
      #sec_reason .inner p.attation {
        font-size: 70%;
        width: 80%;
        margin: 10px 0 0 auto; }
      #sec_reason .inner p.img_voice02 {
        position: absolute;
        bottom: 0;
        left: 10px;
        width: 100%; }
        #sec_reason .inner p.img_voice02 img {
          max-width: 75px; }
          @media print, screen and (min-width: 768px) {
            #sec_reason .inner p.img_voice02 img {
              max-width: 242px;
              width: 100%; } }
      #sec_reason .inner p.img_voice03 {
        text-align: center; }
        #sec_reason .inner p.img_voice03 img {
          max-width: 685px;
          width: 100%; }
    #sec_reason .inner table {
      width: 80%;
      margin: 20px 0 0 auto; }
      @media print, screen and (min-width: 768px) {
        #sec_reason .inner table {
          width: 80%; } }
      #sec_reason .inner table tr {
        background-color: #f0f0f0;
        border-bottom: 2px solid #fff; }
        #sec_reason .inner table tr th,
        #sec_reason .inner table tr td {
          padding: 10px; }
          @media print, screen and (min-width: 768px) {
            #sec_reason .inner table tr th,
            #sec_reason .inner table tr td {
              padding: 15px 20px; } }
        #sec_reason .inner table tr th {
          background: url("../images/table_line.png") repeat-x center right;
          padding-left: 0; }
          #sec_reason .inner table tr th span {
            display: inline-block;
            background-color: #f0f0f0;
            padding: 0 10px; }
            @media print, screen and (min-width: 768px) {
              #sec_reason .inner table tr th span {
                padding: 0 25px; } }
        #sec_reason .inner table tr td {
          width: 25%; }
          #sec_reason .inner table tr td b {
            font-size: 200%; }
        #sec_reason .inner table tr:last-child td {
          color: #ef5a24; }
    #sec_reason .inner:last-child {
      padding-bottom: 0; }

#sec_introduction .bdBox {
  border: 5px #3EACC1 solid;
  box-sizing: border-box;
  background-color: #f0f0f0;
  margin-top: 50px;
  position: relative;
  padding: 40px 20px 20px 20px; }
#sec_introduction .line_arrow {
	display: none;
}
  @media print, screen and (min-width: 768px) {
		#sec_introduction .line_arrow {
			display: inherit;
		}
    #sec_introduction .bdBox {
      margin: 100px auto 0 auto;
      padding: 80px;
      max-width: 100%; } }
  #sec_introduction .bdBox .tit {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto; }
    @media print, screen and (min-width: 768px) {
      #sec_introduction .bdBox .tit {
        top: -40px; } }
  #sec_introduction .bdBox .line {
    position: relative; }
    @media print, screen and (min-width: 768px) {
      #sec_introduction .bdBox .line:before {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 2;
        border-left: 2px dashed #3eacc1; } }
  #sec_introduction .bdBox .inner {
    position: relative; }
    #sec_introduction .bdBox .inner table {
      width: 100%;
      box-sizing: border-box;
      background-color: #fff;
      box-shadow: 2px 2px 2px #ccc;
      border: 2px solid #ccc; }
      #sec_introduction .bdBox .inner table tr th {
        width: 50%;
        text-align: center;
        background-color: #d6ecf1;
        padding: 10px; }
      #sec_introduction .bdBox .inner table tr td {
        padding: 10px 5px 10px 10px; }
        @media print, screen and (min-width: 768px) {
          #sec_introduction .bdBox .inner table tr td {
            padding: 20px 10px; } }
        #sec_introduction .bdBox .inner table tr td b {
          font-size: 130%; }
        @media screen and (max-width: 768px) {
          #sec_introduction .bdBox .inner table tr td:nth-child(2) {
            text-align: right; } }
        #sec_introduction .bdBox .inner table tr td:nth-child(2) b {
          color: #ef5a24; }
    #sec_introduction .bdBox .inner .icon {
      position: absolute;
      bottom: 15px;
      left: 0;
      width: 100%;
      z-index: 3; }
      #sec_introduction .bdBox .inner .icon img {
        max-width: 20%; }
  #sec_introduction .bdBox .col2 div {
    width: 100%; }
    @media print, screen and (min-width: 768px) {
      #sec_introduction .bdBox .col2 div {
        width: 45%; } }
    #sec_introduction .bdBox .col2 div .col2_tit {
      background-color: #fff;
      border-radius: 20px;
      padding: 0.5em;
      box-shadow: 1px 3px 2px #999;
      margin: 30px 0 10px 0;
      font-size: 130%; }
      @media print, screen and (min-width: 768px) {
        #sec_introduction .bdBox .col2 div .col2_tit {
          font-size: 100%; } }
    #sec_introduction .bdBox .col2 div p {
      line-height: 1 !important; }
      @media print, screen and (min-width: 768px) {
        #sec_introduction .bdBox .col2 div p small {
          font-size: 19px; } }
      #sec_introduction .bdBox .col2 div p.txtBox {
        margin-bottom: 20px; }
        @media print, screen and (min-width: 768px) {
          #sec_introduction .bdBox .col2 div p.txtBox {
            min-height: 100px; } }
      #sec_introduction .bdBox .col2 div p img {
        max-width: 60%; }
        @media print, screen and (min-width: 768px) {
          #sec_introduction .bdBox .col2 div p img {
            max-width: 100%;
            max-height: 653px; } }
      #sec_introduction .bdBox .col2 div p.txtPrice {
        margin-top: 20px;
        background-color: #fff;
        border-radius: 10px;
        padding: 0.5em;
        border: 2px solid #000; }
        #sec_introduction .bdBox .col2 div p.txtPrice b {
          font-size: 120%; }
          #sec_introduction .bdBox .col2 div p.txtPrice b.red {
            color: #ef5a24; }
#sec_introduction .bg {
  /* background: url("../images/introduction_bg02.png") no-repeat; */
  background-size: cover;
  padding-bottom: 50px;
  margin-top: 20px; }
  @media print, screen and (min-width: 768px) {
    #sec_introduction .bg {
      padding-bottom: 100px;
      margin-top: 50px; } }
#sec_introduction .lead {
  background: url("../images/introduction_bg01.png") no-repeat bottom center;
  background-size: 100% auto;
  padding-bottom: 8vw;
  margin-bottom: 20px; }
  #sec_introduction .lead .img {
    background-color: #fff;
    padding-bottom: 30px; }
  #sec_introduction .lead img {
    max-width: 80%; }
    @media print, screen and (min-width: 768px) {
      #sec_introduction .lead img {
        max-width: 540px;
        width: 50%; } }
  #sec_introduction .lead .tit01 {
    font-size: 5vw;
    line-height: 1;
    margin: 0;
    padding: 0; }
    @media print, screen and (min-width: 768px) {
      #sec_introduction .lead .tit01 {
        font-size: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 1000px) {
      #sec_introduction .lead .tit01 {
        padding-left: 30px;
        padding-right: 30px; } }
#sec_introduction .tit {
  background: url("../images/introduction_tit_bg.png") no-repeat center;
  background-size: 100% 100%;
  display: block;
  width: 80%;
  margin: 0 auto;
  line-height: 50px;
  color: #fff; }
  @media print, screen and (min-width: 768px) {
    #sec_introduction .tit {
      width: 400px;
      line-height: 76px;
      font-size: 40px;
      display: inline-block;
      margin: 20px auto; } }
#sec_introduction .caseBox {
  margin-top: 20px; }
  @media print, screen and (min-width: 768px) {
    #sec_introduction .caseBox {
      margin-top: 50px; } }

#sec_faq {
  padding: 0 0 50px 0;
  background-color: #D6ECF1; }
  @media print, screen and (min-width: 768px) {
    #sec_faq {
      padding: 0 0 100px 0; } }
  #sec_faq:before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background: #D6ECF1;
   /* background: -moz-linear-gradient(top, #3eaabf 0%, #3eaabf 80%, #fbef4d 80%, #fbef4d 100%);
    background: -webkit-linear-gradient(top, #3eaabf 0%, #3eaabf 80%, #fbef4d 80%, #fbef4d 100%);
    background: linear-gradient(to bottom, #3eaabf 0%, #3eaabf 80%, #fbef4d 80%, #fbef4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eaabf', endColorstr='#fbef4d',GradientType=0 ); */}
    @media print, screen and (min-width: 768px) {
      #sec_faq:before {
        height: 80px; } }
  #sec_faq .tit {
    margin-top: 50px; }
    @media print, screen and (min-width: 768px) {
      #sec_faq .tit {
        margin-top: 100px; } }
    #sec_faq .tit img {
      max-width: 654px; }
  #sec_faq dl {
    text-align: left;
    margin-top: 40px; }
    @media print, screen and (min-width: 768px) {
      #sec_faq dl {
        margin-top: 50px; } }
    #sec_faq dl dt {
      background: url("../images/faq_ico_q.png") no-repeat left center;
      background-size: 50px;
      min-height: 50px;
      padding-left: 60px;
      display: flex;
      align-items: center;
      font-size: 130%; }
      @media print, screen and (min-width: 768px) {
        #sec_faq dl dt {
          background-size: 70px;
          padding-left: 90px;
          min-height: 70px; } }
    #sec_faq dl dd {
      position: relative;
      background-color: #fbf7d0;
      max-width: 100%;
      margin: 30px 0 0 auto;
      padding: 15px;
      box-sizing: border-box;
      box-shadow: 2px 2px 2px #ccc; }
      @media print, screen and (min-width: 768px) {
        #sec_faq dl dd {
          max-width: 95%;
          padding: 30px; } }
      #sec_faq dl dd:after {
        bottom: 100%;
        left: 10%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-style: solid;
        border-width: 0 20px 20px 10px;
        border-color: transparent transparent #fbf7d0 transparent; }
        @media print, screen and (min-width: 768px) {
          #sec_faq dl dd:after {
            border-width: 0 30px 30px 10px; } }

#sec_flow {
  padding-bottom: 50px; }
  @media print, screen and (min-width: 768px) {
    #sec_flow {
      padding-bottom: 100px; } }
  #sec_flow .tit {
    margin-top: 50px; }
    @media print, screen and (min-width: 768px) {
      #sec_flow .tit {
        margin-top: 100px; } }
    #sec_flow .tit img {
      width: 1040px;
      max-width: 90%; }
  #sec_flow .flowBox {
    position: relative;
    margin-top: 50px; }
    #sec_flow .flowBox dt {
      width: 100%;
      box-sizing: border-box;
      padding-left: 50px; }
      @media print, screen and (min-width: 768px) {
        #sec_flow .flowBox dt {
          width: 30%;
          padding-left: 90px; } }
      #sec_flow .flowBox dt img {
        max-width: 100px; }
    #sec_flow .flowBox dd {
      width: 100%;
      text-align: left;
      box-sizing: border-box;
      padding: 20px 0 50px 70px; }
      @media print, screen and (min-width: 768px) {
        #sec_flow .flowBox dd {
          width: 70%;
          padding: 50px 0; } }
      #sec_flow .flowBox dd b {
        font-size: 180%;
        color: #f5911e; }
    #sec_flow .flowBox:before {
      content: "01";
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 100%;
      background: url("../images/flowbg.png") no-repeat bottom center;
      background-size: cover;
      color: #fff;
      position: absolute;
      left: 0;
      top: 0;
      font-size: 150%; }
      @media print, screen and (min-width: 768px) {
        #sec_flow .flowBox:before {
          width: 90px; } }
    #sec_flow .flowBox:nth-of-type(2):before {
      content: "02"; }
    #sec_flow .flowBox:nth-of-type(3):before {
      content: "03"; }
    #sec_flow .flowBox:nth-of-type(4):before {
      content: "04"; }
    #sec_flow .flowBox:after {
      content: "";
      display: block;
      width: 90%;
      height: 2px;
      border-bottom: 2px dashed #333333;
      margin: 0 0 0 auto; }
#sec_flow .step_set {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#sec_flow .step_set li {
	width: 48%;
	margin-bottom: 30px;
}
#sec_flow .step_set li .ttl {
	font-size: 6vw;
	font-weight: bold;
	color: #0078a9;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	height: 70px;
}
#sec_flow .step_set li p {
	font-size: 14px;
	text-align: left;
}
@media print, screen and (min-width: 768px) {
	#sec_flow .step_set li {
		width: 23%;
	}
	#sec_flow .step_set li .ttl {
	font-size: 35px;
	height: 80px;
}
#sec_flow .step_set li p {
	font-size: 22px;
	text-align: left;
	margin-top: 20px;
}
}

#sec_contact {
  margin-top: -60px;
  padding-top: 60px; }
  @media print, screen and (min-width: 768px) {
    #sec_contact {
      margin-top: -100px;
      padding-top: 100px; } }
  #sec_contact .bg {
    background-color: #fff; }
  #sec_contact .container {
    padding-top: 50px;
    padding-bottom: 50px; }
    @media print, screen and (min-width: 768px) {
      #sec_contact .container {
        padding-top: 100px;
        padding-bottom: 100px; } }
  #sec_contact .com_tit01 {
    color: #3EACC1; }
    #sec_contact .com_tit01:after {
      background-color: #3EACC1; }
  #sec_contact table {
    text-align: left;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%; }
    #sec_contact table th {
      padding: 20px 20px 20px 0;
      vertical-align: top; }
    #sec_contact table td {
      padding: 0;
      vertical-align: top; }
      @media print, screen and (min-width: 768px) {
        #sec_contact table td {
          padding: 20px 0; } }
    #sec_contact table th, #sec_contact table td {
      display: block; }
      @media print, screen and (min-width: 768px) {
        #sec_contact table th, #sec_contact table td {
          display: table-cell; }
        #sec_contact table th {
           min-width: 367px; } }
  #sec_contact input[type=text], #sec_contact input[type=email], #sec_contact input[type=tel], #sec_contact textarea {
    padding: 1em;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    font-size: 100%; }
  #sec_contact textarea {
    resize: vertical;
    width: 100% !important;
    max-width: 100%;
    min-height: 300px !important;
    line-height: 1.45; }
  #sec_contact input[type="submit"], #sec_contact input[type="button"], #sec_contact button[type="submit"] {
    border: none;
    background: none;
    background-color: #f9ae3b !important;
    padding: 15px 0;
    color: #FFF;
    cursor: pointer;
    border-radius: 45px;
    width: 100%;
    display: inline-block;
    box-shadow: 2px 3px 0px #ba822c;
    font-size: 150%;
    font-weight: bold; }
    @media print, screen and (min-width: 768px) {
      #sec_contact input[type="submit"], #sec_contact input[type="button"], #sec_contact button[type="submit"] {
        width: 375px; } }
  #sec_contact input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px #000 solid;
    vertical-align: middle;
    margin-top: -0.2em;
    background-color: #fff;
    border-radius: 95px;
    cursor: pointer; }
  #sec_contact input[type="radio"]:checked:before {
    content: "";
    position: absolute;
    left: 2.5px;
    top: 2.5px;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: #333;
    border-radius: 95px; }

#sec_thanks {
  padding: 50px 0; }
  @media print, screen and (min-width: 768px) {
    #sec_thanks {
      padding: 100px 0; } }

#sec_kv.sp {
  display: none;
}
@media screen and (max-width:767px) {
#sec_kv.pc {
  display: none;
}
#sec_kv.sp {
  display: block;
  padding: 0 0 30px;
}
#sec_kv.sp .container_max {
  padding: 0;
}
#sec_kv .com_Btn {
  padding: 0 20px;
  position: absolute;
  bottom: 5%;
  width: 100%;
  box-sizing: border-box;
}
#sec_kv img {
  margin-bottom: 0;
}
}
#sec_get .img.sp {
  display: none;
}
@media screen and (max-width:767px) {
#sec_get {
  padding: 20px 0;
}
#sec_get .lead {
  padding: 0 20px;
  margin-bottom: 0;
}
#sec_get .img.pc {
  display: none;
}
#sec_get .img.sp {
  display: block;
  margin: 26px 0 0;
}
}
#sec_reason .sp,
#sec_introduction .sp {
  display: none;
}
#sec_introduction .bg .container .caseBox {
  margin-top: 30px;
}
@media screen and (max-width:767px) {
#sec_reason .pc {
  display: none;
}
#sec_reason .sp,
#sec_introduction .sp {
  display: block;
}
#sec_reason .container .inner:nth-child(1) .sp h3,
#sec_reason .container .inner:nth-child(2) .sp h3,
#sec_reason .container .inner:nth-child(3) h3 {
  font-size: 7.5vw;
  font-weight: 900;
  text-align: left;
  color: #f5871e;
  margin-top: 13px;
}
#sec_reason .container .inner:nth-child(1) .sub_text,
#sec_reason .container .inner:nth-child(2) .sub_text,
#sec_reason .container .inner:nth-child(3) .sub_text {
  font-size: 4.1vw;
  line-height: 1.4;
  margin-top: 6px;
}
#sec_reason .container .inner:nth-child(1),
#sec_reason .container .inner:nth-child(2) {
  padding: 0 4% 12px 18px;
}
#sec_reason .container .inner:nth-child(3) {
  padding: 0 4% 0 18px;
}
#sec_reason .container .inner:nth-child(1) .table {
  width: 70%;
  margin: 10px 0 0 auto;
}
#sec_reason .container .inner:nth-child(1) p.img_voice02 {
  left: -8px;
  width: 36%;
}
#sec_reason .container .inner:nth-child(1) p.img_voice02 img {
  max-width: 120px;
}
#sec_reason .container .inner:nth-child(1) table tr th span {
  font-size: 3.3vw;
  font-weight: normal;
}
#sec_reason .inner:nth-child(1) p.attation {
  width: 70%;
}
.sp .img_voice01 {
  margin-bottom: 15px;
}
}
@media screen and (max-width:767px) {
#sec_introduction .bdBox.a {
  background-color: #e8f3fb;
  padding: 46px 0 60px 0;
  border: 3px solid #3EACC1;
  border-bottom: none;
}
#sec_introduction .tit.pc {
  font-size: 7vw;
}
#sec_introduction .bdBox.a .col2 div .col2_tit {
  margin: 3px 5% 13px 5%;
  box-shadow: none;
  color: #fff;
  background-color: #006293;
  border-radius: 22px;
  font-size: 5.5vw;
  padding: 11px;
}
#sec_introduction .bdBox.a .col2 div p.txtBox {
  font-size: 4.4vw;
}
#sec_introduction .bdBox.a .col2 div p img {
  max-width: 97%;
  margin: 0;
  width: 100%;
  height: auto;
}
#sec_introduction .bdBox .col2 div p.txtPrice {
  margin: 20px 5% 15px;
  padding: 10px 0;
  font-size: 4.5vw;
  border: 2px solid #777;
}
#sec_introduction .bdBox .col2 div p.txtPrice span {
  font-size: 8vw;
  font-weight: 700;
  font-family: 'Noto Sans JP', sans-serif;
}
#sec_introduction .bdBox .col2 .table_box {
  margin: 0 5%;
  width: auto;
}
#sec_introduction .bdBox .col2 .table_box > span:first-child {
  background: #006293;
  display: block;
  border: 2px solid #006293;
  color: #fff;
  font-size: 4.5vw;
  font-weight: 700;
  line-height: 2;
}
#sec_introduction .bdBox .col2 .table_box > span:last-child {
  background: #fff;
  display: block;
  border-right: 2px solid #006293;
  border-left: 2px solid #006293;
  border-bottom: 2px solid #006293;
  line-height: 1.7;
  font-size: 10vw;
  letter-spacing: -2px;
}
#sec_introduction .bdBox .col2 .table_box > span:last-child > span {
  font-size: 30px;
  margin-left: 4px;
}
#sec_introduction .bdBox.b {
  margin-top: 0;
  border-top: none;
  border: 3px solid #3EACC1;
  border-top: none;
  background-color: #fffbf7;
  padding: 40px 0 20px 0;
  border-top: none;
}
#sec_introduction .bdBox .col2 .table_box > span:first-child {
  background: #006293;
}
#sec_introduction .bdBox .col2 .table_box > span:last-child {
  background: #fff;
  display: block;
  border-right: 2px solid #006293;
  border-left: 2px solid #006293;
  border-bottom: 2px solid #006293;
  letter-spacing: -2px;
  font-size: 13vw;
  line-height: 1.4em;
}
#sec_introduction .bdBox.b .col2 .table_box > span:first-child {
  border-color: #3eaabf;
  background: #3eaabf;
}
#sec_introduction .bdBox.b .col2 .table_box > span:last-child {
  border-color: #3eaabf;
  color: #ef5a24;
}
#sec_introduction .bdBox.b .icon {
  position: absolute;
  top: -107px;
  left: 0;
  right: 0;
  max-width: 130px;
  margin: auto;
}
#sec_introduction .bdBox.b .col2 .table_box > span:last-child > span {
  color: #333;
}
#sec_introduction .bdBox.b .col2 div .col2_tit {
  margin: 25px 5% 13px 5%;
  box-shadow: none;
  color: #333;
  background-color: #f7bc00;
  border-radius: 20px;
  font-size: 5.5vw;
  padding: 12px;
}
#sec_introduction .bdBox.b .col2 div p.txtPrice {
  border-color: #2e8480;
}
#sec_introduction .bdBox.b .col2 div p.txtPrice span {
  color: #ef5a24;
}
#sec_introduction .bdBox.b .col2 div p img {
  max-width: 100%;
  left: 7px;
  position: relative;
}
#sec_introduction .bdBox.b .txtBox_1 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 6.5vw;
  font-weight: 600;
}
#sec_introduction .bdBox.b .txtBox_2 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 5.5vw;
  font-weight: 400;
  padding: 4px 0 0;
}
#sec_introduction .bdBox.b .txtBox_3 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 8.5vw;
  font-weight: 900;
  color: #ef5a24;
}
#sec_introduction .bdBox.a .tit {
  font-size: 7vw;
}
#sec_introduction .bg .container {
  padding: 0;
}
}

#wrap {position: relative;}
#scrollTop {
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 100px;
  right: 15px;
  background: url(../images/pagetop.png) no-repeat center/cover;
  background: url(../images/scrollTop.svg) no-repeat center/cover;
  /*background-image: url(../images/scrollTop.svg);*/
  background-color: #3EACC1;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  z-index: 10;
  transition: .2s;
}
#scrollTop:hover {
  opacity: .6;
}
.mfp_element_submit {
  text-shadow: none;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
  font-size: 20px;
}
@media screen and (max-width:767px) {
div#mfp_overlay_inner {
  font-size: 18px;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
  font-size: 16px;
}
}

#sec_kv .com_Btn a:hover {
  opacity: 1;
  background-color: #f7931e;
}

@media screen and (min-width:768px) {
#sec_kv {
  position: relative;
}
#sec_kv .kv_inner img {
  width: 100%;
}
#sec_kv .com_Btn {
  width: 55%;
  position: absolute;
  bottom: 5%;
  height: 14%;
  right: 0;
  left: 0;
}
#sec_kv .com_Btn a {
  font-size: 2.7vw;
  font-weight: 900;
  background-color: #f8bc00;
  transition: 0.5s;
}
.sp_header_btn {
  display: none;
}
#sec_kv .tel_pc {
  font-family: "Noto Sans JP",sans-serif;
  position: absolute;
  top: 1%;
  right: 16.5%;
  color: #fff;
  font-size: 2vw;
}
#sec_introduction .bdBox .col2 div:last-child small {
  font-weight: 900;
}
#sec_introduction .bdBox .col2 div p b {
  color: #ef5a24;
}
.line_arrow {
  position: absolute;
  left: 0;
  right: 0;
  top: 70%;
  margin: auto;
  z-index: 2;
}
#sec_introduction .bdBox .col2 div p.txtPrice b {
  color: #222;
  font-size: 36px;
}
#sec_introduction .bdBox .col2 div:last-child p.txtPrice {
  border-color: #3eacc1;
}
#sec_introduction .bg .container .caseBox {
  filter: none;
}
#sec_support > h4 {
  margin: 0 0 60px 0;
}
#sec_support > h4 > img {
  width: 79%;
  max-width: 670px;
}
#sec_support > .img03 > img {
  width: 180px;
}
#sec_support .inner_main_txt {
  padding-top: 30px;
}
#sec_reason .bold {
  font-weight: bold;
  font-size: 34px;
}
#sec_get .img.pc {
  padding: 0 20px;
  width: 90%;
  margin: 0 auto;
  max-width: 1050px;
}
#sec_cando .com_tit01::after {
  background-color: #faec21;
  height: 3px;
}
#sec_loan .bg .leadTxt img.sp {
  display: none;
}
#sec_kv .com_Btn_pc_top {
  max-width: 955px;
  position: absolute;
  top: 1%;
  right: 1%;
}
.com_Btn_pc_top a::after {
  content: "▲";
  display: inline-block;
  transform: rotate(90deg);
  margin: 0.5em 0 0 0.5em;
  font-size: 0.7em;
  padding-right: 4px;
}
#sec_kv .com_Btn_pc_top a {
  font-size: 1.8vw;
  font-weight: 900;
  background-color: #179dd0;
  transition: 0.5s;
  color: #fff;
  padding: 0.73em 1.0em;
  display: inline-block;
}
#sec_kv .com_Btn_pc_top a:hover {
  opacity: 1;
  background-color: #032358;
}
}
@media screen and (min-width:1500px) {
#sec_kv .com_Btn a {
  font-size: 40px;
}
}


@media screen and (max-width:767px) {
.kv_inner {
  position: relative;
}
.sp_header_btn a {
  width: 13%;
}
.sp_header_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  gap: 2%;
  justify-content: flex-end;
  padding: 10px 10px 0 0;
}
#sec_kv .com_Btn a {
  font-size: 5vw;
  font-weight: 900;
  background-color: #f8bc00;
  transition: 0.5s;
}
#sec_cando .com_tit01::after {
  background-color: #faec21;
  height: 3px;
}
#sec_kv .tel_pc {
  display: none;
}
#sec_cando .col3 li {
  font-weight: bold;
}
#sec_introduction .bdBox {
  margin-top: 80px;
}
#sec_introduction .bdBox .tit {
  line-height: 50px;
  top: -27px;
}
#sec_introduction .bg .container .caseBox {
  margin-top: 46px;
}

#sec_loan h2 {
  margin: 57px auto 27px;
}
#sec_loan .lead img {
  max-width: 480px;
  width: 90%;
}
#sec_loan .bg .leadTxt img.pc {
  display: none;
}
#sec_loan .bg .leadTxt img.sp {
  margin-bottom: 22px;
}
.com_Btn_pc_top {
  display: none;
}
#sec_loan .bg .leadTxt {
  padding: 10px 0 22px 0;
}
#sec_loan .bg .leadTxt {
  display: none;
}
#sec_support .img02 {
  padding: 45px 10px 28px;
  margin: 0;
}
#sec_support .img03 img {
  width: 29%;
  max-width: 138px;
}
#sec_support .img01 picture {
  margin: 0 29px auto;
  display: block;
}
#sec_support .inner .tit img {
  width: 112%;
  max-width: 112%;
  position: absolute;
  left: -6%;
  right: 0;
  top: -75px;
}
#sec_support .inner {
  padding-top: 53px;
}
#sec_support .inner .inner_lead {
  margin: 10px auto;
}
#sec_support .pr_txt {
  font-size: 5.5vw;
}
#sec_support .img_triangle {
  margin: 37px auto;
}
#sec_support .container p:last-child {
  font-size: 4.1vw;
  font-weight: normal;
	margin-right: -15px;
}
#sec_reason .tit b {
  font-size: 16vw;
  letter-spacing: -23px;
  left: -11px;
  position: relative;
}
#sec_reason .inner {
  margin-top: 64px;
}
}

#footer_btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 2%;
  background: #fff;
  box-sizing: border-box;
}
#footer_btn a {
  opacity: 1;
}
#footer_btn a:last-child {
  position: absolute;
  right: 2%;
  width: 35%;
  top: 9%;
  margin: auto;
  vertical-align: middle;
}
@media screen and (min-width:768px) {
#footer_btn {
  display: none;
}
}



/* 続きを見る */
#sec_introduction .bg {
  background-size: 100% auto;
  background-repeat: repeat-y;
}
.more_btn {
  padding: 30px 0 14px;
}
@media screen and (max-width:767px) {
.more_btn {
  padding: 50px 0 0;
}
}
.more_btn span {
  padding: 5px 63px;
  background-color: #3eacc1;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  transition: 0.5s;
}
.more_btn img {
  width: 23px;
  height: auto;
  vertical-align: middle;
  margin-left: 10px;
  transform: scaleY(-1);
  margin-bottom: 6px;
  transition: 0.5s;
}
.more_btn .arrow_up {
  transform: scaleY(1);
}
.more_btn span:hover {
  opacity: 0.7;
}
.more_case {
  display: none;
}

/* 減額できる主な項目 */
.reduction_inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px 10px 60px;
}

/* footer btn */
#footer_btn_box {
  position: fixed;
  width: 100%;
  height: 0;
  padding-top: 16%;
  bottom: 0;
  z-index: 2;
}
@media screen and (min-width:480px) {
#footer_btn_box {
  display: none;
}
}
.footer_btn_inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 2%;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.8);
}
.footer_btn_inner > div {
  width: 33.333%;
}
.footer_btn_inner > div > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 100%;
  width: 100%;
}
.footer_btn_inner > div:not(:last-child) > a {
  border-right: 1px solid #333;
}
.footer_btn_inner > div > a > span {
  font-family: Noto Sans JP;
  font-weight: 300;
  font-size: 13px;
}
.phone_btn img {
  width: 20%;
  height: auto;
}
.mail_btn img {
  width: 23%;
  height: auto;
}
.line_btn img {
  width: 24%;
  height: auto;
}
form#mailformpro label.mfp_not_checked {
  border: solid 1px #fff;
}
/****************
0703追加custom
**************/
.pc_none{
  display: none;
}
@media screen and (max-width:767px) {
  .pc_none{
  display: block;
  }
}

/****************
250718追加
**************/
.sec_kv .kv_inner {
  position: relative;
}
.sec_kv__btn {
  position: absolute;
  top: 18px;
  right: 18px;
  column-gap: 10px;
  width: 170px;
  height: 80px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .sec_kv__btn {
    top: min(3.2vw, 12px);
    right:min(3.2vw, 12px);
    width: min(34.667vw, 170px);
    height: min(16vw, 80px);
    column-gap: min(2.667vw, 10px);
  }
}
.sec_kv__btn a {
  display: block;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 1px 2px 4px rgb(0 0 0 / 0.3);
}
.sec_kv__btn img {
  width: 70% !important;
  height: auto;
  display: block;
  margin: auto;
}
.sec_kv__btn a:hover {
  opacity: 0.85;
}
.sec_kv__btn-tel a {
  background-color: #179dd0;
}
.sec_kv__btn-form a {
  background-color: #f6893a;
}

/****************
250722追加
**************/
.sec_tantou {
  padding: 5.333vw 0 6.933vw;
  background-color: #179dd0;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
@media print, screen and (min-width: 768px) {
  .sec_tantou {
    display: none;
  }
}
.sec_tantou__ttl {
  font-size: 5.867vw;
  padding: 0.364em 0 0.455em;
  margin-bottom: 0.545em;
  color: #fff;
  font-weight: 800;
  text-align: center;
  background-color: #e67c34;
}
.sec_tantou__lead {
  margin: 0 3.333vw 1.071em !important;
  font-weight: 700;
  font-size: 3.733vw;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}
.sec_tantou__box {
  margin: 0 3.333vw;
  background-color: #fff;
  border-radius: 3.333vw;
}
.sec_tantou__box-ttl {
  position: relative;
  margin: 0 0 0 5.867vw;
  padding: 4.8vw 0 2.667vw;
  column-gap: 2.667vw;
  display: flex;
  align-items: center;
  font-size: 5.333vw;
  line-height: 1.3;
  text-align: left;
  font-weight: 800;
  color: #e5510b;
}
.sec_tantou__box-ttl::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3.65em;
  height: 4.825em;
  background: center center / contain no-repeat url(../images/tantou_illust_01.png);
}
.sec_tantou__box-ttl img {
  width: 2.525em;
  height: auto;
}
@media print, screen and (max-width: 374px) {
  .sec_tantou__box-ttl img {
    width: 2em;
  }
}
.sec_tantou__box-lead {
  padding: 0.533vw 0;
  color: #f55310;
  font-weight: 800;
  background: #fdf39c;
  text-align: center;
  font-size: 4.667vw;
}
.sec_tantou__hl {
  position: relative;
  margin: 8vw 5.867vw 2.667vw;
  padding-left: 1.714em;
  text-align: left;
  font-weight: 800;
  color: #e67c34;
  font-size: 4.667vw;
}
.sec_tantou__hl::before {
  content: '';
  position: absolute;
  top: -0.171em;
  left: 0;
  display: block;
  width: 1.429em;
  height: 1.257em;
  background: center center / contain no-repeat url(../images/tantou_icon_02.svg);
}
.sec_tantou__desc {
  margin: 0 5.867vw !important;
  padding: 0 0 5.333vw !important;
  font-weight: 500;
  color: #333333;
  font-size: 4.267vw;
  line-height: 1.5;
  text-align: left;
  border-bottom: 1px solid #dddddd;
}
.sec_tantou__desc:last-child {
  border-bottom-width: 0;
}

/****************
250801追加
**************/
#sec_kv .sec_kv__logo {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  left: 3vw;
  z-index: 500;
}
@media print, screen and (min-width: 768px) {
  #sec_kv .sec_kv__logo {
    position: fixed;
    top: 15px;
    left: 30px;
  }
}
#sec_kv .sec_kv__logo img {
  display: block;
  width: min(38vw, 150px);
}
@media print, screen and (min-width: 768px) {
  #sec_kv .sec_kv__logo img {
    width: min(18vw, 240px);
  }
}
#sec_works.sec_works {
  background: #0078a9;
}
@media print, screen and (min-width: 768px) {
  #sec_works.sec_works {
    display: none;
  }
}
#sec_works .sec_works__inner {
  padding: 13.333vw 4vw 10.8vw;
}
#sec_works .sec_works__ttl img {
  display: block;
  margin: 0 auto;
  height: auto;
  width: 47.6vw;
}
#sec_works .sec_works__ttl-ja {
  margin: 3.2vw 0 0;
  font-weight: bold;
  color: #fff;
  font-size: 4vw;
  letter-spacing: 0.2em;
  text-align: center;
}
#sec_works .sec_works__hl {
  margin: 10.933vw 0 0;
}
#sec_works .sec_works__hl:first-of-type {
  margin: 8.267vw 0 0;
}
#sec_works .sec_works__hl span {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding-left: 3.6vw;
  width: 26.667vw;
  height: 8vw;
  box-sizing: border-box;
}
#sec_works .sec_works__hl img {
  height: 4.4vw;
  width: auto;
  display: block;
}
#sec_works .sec_works__list {
  margin: 2.667vw 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.333vw;
}