@charset "UTF-8";
/* =====================================
	全体設定
===================================== */

html{
    font-size: 62.5%;
}

a{
	color:#231815;
	text-decoration:none;
    transition: 0.3s opacity ease;
}

@media screen and (min-width: 820px) {
  a:hover{
	opacity: 0.8;
  }
}

.sp{
	display:none !important;
}

body{
	position: relative;
	margin: 0 auto;
	font-size: 1.6rem;
    font-family: 'Noto Sans JP', sans-serif;
	color: #333;
    line-height: 1.15625;
	text-align: left;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
	-ms-text-size-adjust: 100%;/*EgdeMobile*/
	-moz-text-size-adjust: 100%;/*firefox*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "palt";
    letter-spacing: 0.02em;
    overflow-x: hidden;
}

.en{
    font-family: 'Oswald', sans-serif;
}
.txt_c {
    text-align: center;
}
.wrapper {
  position: relative;
}
.big110 {
  font-size: 110%;
}
.big115 {
  font-size: 115%;
}
.big120 {
  font-size: 120%;
}
.big140 {
  font-size: 140%;
}
.blue {
  color: #174787;
}
.bold {
  font-weight: bold;
}
.red {
  color: #cc000e;
}
.orange {
  color: #ed8c05;
}
.blue {
  color: #005db7;
}
.underline {
  text-decoration: underline;
}
.letter0_2 {
  letter-spacing: .02em!important;
}
.pb0 {
  padding-bottom: 0!important;
}
.pb0_3 {
  padding-bottom: .3em!important;
}
.pb1_5 {
  padding-bottom: 1.5em!important;
}
p.notes {
  font-size: min(calc(100vw*14/1080), 14px);
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
  font-weight: normal;
}
.links_icon a {
  display: inline;
  position: relative;
  color: #0059a1;
  text-decoration: underline;
  padding: 0 .2em 0 1.8em;
}@media screen and (min-width: 820px) {
  .links_icon a:hover{
    text-decoration: none;
  }
}
.links_icon a::before {
    content: "";
    background: url("/contents/lp/cardloan/main07/index/img/icon_links.png") no-repeat;
    background-position: center center;
    background-size: contain;
    width: 1.3em;
    height: 1.5em;
    position: absolute;
    top: .1em;
    left: .3em;
}
span.caution {
    position: relative;
    font-weight: bold;
    padding-left: 1.8em;
    font-size: min(calc(100vw*24/1080), 24px);
    display: inline-block;
    padding-bottom: .55em;
}
span.caution::before {
    content: "";
    background: url("/contents/lp/cardloan/main07/index/img/icon_caution.png") no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.542em;
    height: 100%;
    position: absolute;
    top: -.2em;
    left: 0;
}
.caution_box {
    display: inline-block;
    width: 100%;
    background: #ececec;
    padding: 1.5em 2em;
    margin-bottom: 1em;
}
.caution_box .txt,
.caution_box .txt2 {
    text-indent: -.8em;
    padding-left: .8em;
}

/* =====================================
	header
===================================== */

header {
    max-width: 1080px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
}

header img {
    width: calc(624/1080*100%);
    margin: calc(30/1080*100%) auto 0;
}


/* =====================================
	main
===================================== */

.visual {
    width: 100%;
    margin: 0;
    padding: 0;
    background-image:
      url(/contents/lp/cardloan/main07/index/img/fv_bg_head.png),
      url(/contents/lp/cardloan/main07/index/img/fv_bg.png);
    background-position:
      center top,
      center top;
    background-repeat:
      no-repeat,
      no-repeat;
    background-size:
      2080px auto,
      2000px 690px;
}@media screen and (max-width:1100px) {
  .visual {
    background-size:
      189% auto,
      185% auto;
  }
}@media screen and (min-width:2000px) {
  .visual {
    background-size:
      2080px auto,
      100% 690px;
  }
}
.visual .inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
}
.visual .inner img {
    width: 100%;
}
.visual .inner h1 {
    padding-top: calc(100/1080*100%);
    position: relative;
    z-index: 3;
}
.visual .inner .kinri {
    width: calc(513/1080*100%);
    position: absolute;
    top: 42%;
    left: calc(122/1080*100%);
    z-index: 3;
}
.visual .inner .note {
    position: absolute;
    top: 67.2%;
    left: calc(48/1080*100%);
    color: #fff;
    font-size: min(calc(100vw*14/1080), 14px);
    letter-spacing: .05em;
    z-index: 3;
}
.visual .inner .note a {
    text-decoration: underline;
    color: #fff;
}@media screen and (min-width:820px) {
  .visual .inner .note a:hover {
      text-decoration: none;
  }
}
.visual .inner .phone {
    width: calc(350/1080*100%);
    position: absolute;
    bottom: 0;
    right: calc(36/1080*100%);
    z-index: 1;
}
.visual .inner .obi {
    width: 2000px;
    height: 139px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}@media screen and (min-width:2000px) {
  .visual .inner .obi {
      width: 100vw;
  }
}
.visual .inner .obi img {
    width: 100%;
    height: 100%;
}@media screen and (min-width:2000px) {
  .visual .inner .obi img {
      width: 100vw;
      height: 139px;
  }
}


.cv01 {
    width: 100%;
    max-width: 1080px;
    margin: min(calc(100%*28/1080), 28px) auto min(calc(100%*40/1080), 40px);
    padding: 0 62.5px;
}
.visual .cv01 {
    margin-top: min(calc(100%*17/1080), 17px) auto min(calc(100%*40/1080), 40px);
}
.cv01 .inner {
    max-width: 955px;
    margin: 0 auto;
}
.cv01 p img {
    margin: 0 auto;
}
.cv01 ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cv01 ul li {
    width: calc(463/955*100%);
}
.cv01 ul li button {
    width: 100%;
    max-height: 118px;
    height: calc(118/955*100vw);
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    transition: 0.3s opacity ease;
}@media screen and (min-width:820px) {
  .cv01 ul li button:hover {
      opacity: 0.8;
  }
}
.cv01 ul li.btn01 button {
    background: url("/contents/lp/cardloan/main07/index/img/btn01.png") no-repeat center;
    background-size: 100% auto;
}
.cv01 ul li img {
    width: 100%;
}
.cv01 .notes {
    padding: calc(10/1080*100%) 0 0 0;
    font-size: min(calc(100vw*13/1080), 13px);
    text-indent: 0;
    font-weight: normal;
}
.cv01 ul li.btn02 a {
    cursor: pointer;
    transition: 0.3s opacity ease;
}@media screen and (min-width:820px) {
.cv01 ul li.btn02 a:hover {
      opacity: 0.8;
  }
}
.cv01 ul li.btn02 {
    background: none;
}



.banner_camp {
  width: 100%;
}
.banner_camp a {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 50px;
  display: block;
}
.banner_camp a img {
  width: 100%;
}


.point {
    width: 100%;
    padding: 50px 62.5px;
    background: #e5f3ff;
}
.point .inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}
.point img {
    width: 100%;
}
.point h2 img {
    max-width: calc(578/1080*100%);
    margin: 0 auto;
    padding: 0 0 calc(32/1080*100%);
}
.point .box {
    max-width: 880px;
    margin: 0 auto calc(30/1080*100%);
    border-radius: min(calc(20/880*100vw), 20px);
    background: #fff;
    overflow: hidden;
}
.point .box h3 {
    width: 100%;
    padding-bottom: calc(30/880*100%);
}
.point .box p a {
    text-decoration: underline;
    color: #005db7;
}@media screen and (min-width:820px) {
  .point box p a:hover {
      text-decoration: none;
  }
}
.point .point01,
.point .point02,
.point .point03 {
    filter: drop-shadow(0px 0px 4px rgba(9,1,3,0.15));
    -webkit-filter: drop-shadow(0px 0px 4px rgba(9, 1, 3, 0.15));
}
.point .point01 h3 + p {
    width: calc(114/880*100%);
    margin: 0 auto;
    padding-bottom: calc(7/880*100%);
}
.point .point01 .kinriArea:first-of-type .kinri {
    width: calc(550/880*100%);
    margin: 0 auto;
}
.point .point01 p.point01_links {
    padding: calc(17/880*100%) 0 calc(25/880*100%);
    text-align: center;
    font-size: 14px;
    line-height: 1;
}
.point .point01 .kinriArea:nth-of-type(2) {
    width: calc(780/880*100%);
    margin: 0 calc(50/880*100%) calc(40/880*100%);
    position: relative;
}
.point .point01 .kinriArea:nth-of-type(2) .kinri {
    width: calc(154/780*100%);
    position: absolute;
    top: 17.3%;
    left: calc(293/780*100%);
}
.point .point01 .kinriArea:nth-of-type(2) .notes_area {
    width: calc(690/780*100%);
    margin: 0 calc(45/780*100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7.7%;
}
.point .point01 .kinriArea:nth-of-type(2) .notes_area p {
    font-size: min(calc(100vw*18/1080), 18px);
    line-height: 1.5;
    font-weight: 500;
}
.point .point01 .kinriArea:nth-of-type(2) .notes_area p.notes {
    font-size: min(calc(100vw*14/1080), 14px);
    padding-top: calc(8/690*100%);
    line-height: 1;
    font-weight: normal;
}
.point .point02 .point02_img01 {
    width: calc(741/880*100%);
    margin: 0 auto;
}
.point .point03 .point03_img01 {
    width: calc(671/880*100%);
    margin: 0 auto;
}
.point .cv01 {
    width: 100%;
    max-width: 955px;
    margin: min(calc(100%*50/1080), 50px) auto 0;
    padding: 0;
}


.nayami {
    width: 100%;
}
.nayami img {
    width: 100%;
}
.nayami .nayami_intro {
    width: 100%;
    padding: 0 62.5px;
}
.nayami .nayami_intro img {
    max-width: 1080px;
    margin: 0 auto;
}
.nayami .inner_wrap {
    width: 100%;
    padding: 0 62.5px;
    background-image: url("/contents/lp/cardloan/main07/index/img/nayami_bg.png");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    background-color: #eaeff2;
}
.nayami .inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 40px 0 70px;
    position: relative;
}
.nayami h2 {
    max-width: 652px;
    margin: 0 auto;
    padding-bottom: 8px;
}
.nayami p {
    max-width: 1080px;
    margin: 0 auto;
}


.solution {
    width: 100%;
    margin-top: -90px;
    background: linear-gradient( to bottom, transparent 0, transparent 90px, #e5f3ff 90px, #e5f3ff 100%);
    position: relative;
    z-index: 2;
}
.solution img {
  width: 100%;
}
.solution h2 {
    padding: 130px 0 74px;
    background-image: url("/contents/lp/cardloan/main07/index/img/solution_ttl_bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 2000px 322px;
}@media screen and (max-width:1050px) {
  .solution h2 {
      background-size: 2000px 100%;
  }
}@media screen and (min-width:2000px) {
  .solution h2 {
      background-size: 100% 322px;
  }
}
.solution h2 img {
    max-width: 927px;
    margin: 0 auto;
}
.solution .inner_wrap {
    display: block;
    padding: 0 62.5px;
}
.solution .clm01 {
    width: 100%;
    padding-bottom: 50px;
}
.solution .clm01 .inner {
    max-width: 1060px;
    margin: 0 auto;
}
.solution .clm01 h3 {
    max-width: calc(735/1060*100%);
    margin: 46px auto 0;
}
.solution .clm01 .box_wrap {
    width: 100%;
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.solution .clm01 .box_wrap li {
    max-width: calc(518/1060*100%);
    filter: drop-shadow(0px 0px 4px rgba(9,1,3,0.15));
    -webkit-filter: drop-shadow(0px 0px 4px rgba(9, 1, 3, 0.15));
}
.solution .clm01 .txt {
    max-width: calc(485/1060*100%);
    margin: calc(30/1060*100%) auto 0;
}
.solution .clm02 {
    width: 100%;
    padding: 50px 0 35px;
    background: #fff;
}
.solution .clm02 .inner {
    max-width: 1080px;
    margin: 0 auto;
}
.solution .clm02 h3 {
    max-width: calc(524/1080*100%);
    margin: 0 auto;
}
.solution .clm02 .box_wrap {
    width: 100%;
    margin-top: 33px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.solution .clm02 .box_wrap li {
    max-width: calc(530/1080*100%);
}
.solution .clm02 .notes {
    padding-top: 18px;
    display: flex;
    justify-content: center;
}
.solution .clm03 {
    width: 100%;
    background-image: url("/contents/lp/cardloan/main07/index/img/solution_fin_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
}
.solution .clm03 .inner {
    max-width: 1080px;
    margin: 0 auto;
}
.solution .clm03 .solution_fin {
    max-width: calc(883/1080*100%);
    margin: 0 auto;
}


.solution + .cv .cv01 {
    margin: min(calc(100%*50/1080), 50px) auto min(calc(100%*50/1080), 50px);
}


.point.poind2nd h2 img {
    width: 100%;
    max-width: calc(509/1080*100%);
    margin: 0 auto;
    padding: 0 0 calc(32/1080*100%);
}
.poind2nd .point02 .box,
.poind2nd .point03 .box {
    padding-bottom: calc(40/1080*100%);
}
.poind2nd .point2nd02_img01 {
    width: calc(523/880*100%);
    margin: 0 auto;
}
.poind2nd .point2nd02_img02,
.poind2nd .point2nd02_img03 {
    width: calc(820/880*100%);
    margin: 0 auto;
    padding-top: calc(30/880*100%);
}
.poind2nd .point2nd03_img01 {
    width: calc(723/880*100%);
    margin: 0 auto;
}


.flow {
    width: 100%;
    padding: 60px 62.5px;
    background: #c8e1f7;
}
.flow .inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}
.flow img{
    width: 100%;
}
.flow h2,
.flow h3,
.flow h4,
.flow p.acc_ttl {
    color: #005db7;
    font-weight: bold;
    line-height: 1;
    letter-spacing: .05em;
}
.flow h2 {
    padding: 0 0 calc(50/1080*100%);
    font-size: min(calc(100vw*50/1080), 50px);
    text-align: center;
}
.flow h3 {
    font-size: min(calc(100vw*36/1080), 36px);
    text-align: center;
}
.flow h4,
.flow p.acc_ttl {
    font-size: min(calc(100vw*30/1080), 30px);
}
.flow p {
    font-size: min(calc(100vw*18/1080), 18px);
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 500;
}
.flow .notes {
    font-size: min(calc(100vw*14/1080), 14px);
    letter-spacing: .05em;
    font-weight: normal;
}
.flow .tab {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.flow .tab li {
    width: calc(537/1080*100%);
    padding-top: 6.25%;
    cursor: pointer;
    text-indent: -9999px;
    transition: 0.3s opacity ease;
}@media screen and (min-width: 820px) {
  .flow .tab li:hover {
      opacity: 0.8;
  }
}
.flow .tab li {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.flow .tab li:nth-child(1) {
    background-image: url(/contents/lp/cardloan/main07/index/img/tab01_off_pc.png);
}
.flow .tab li:nth-child(2) {
    background-image: url(/contents/lp/cardloan/main07/index/img/tab02_off_pc.png);
}
.flow .tab li:nth-child(1).active {
    background-image: url(/contents/lp/cardloan/main07/index/img/tab01_on_pc.png);
}
.flow .tab li:nth-child(2).active {
    background-image: url(/contents/lp/cardloan/main07/index/img/tab02_on_pc.png);
}
.flow .tabCnt {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: calc(50/1080*100%) calc(75/1080*100%) calc(40/1080*100%);
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    filter: drop-shadow(0px 2px 2px rgba(134,145,152,0.3));
    -webkit-filter: drop-shadow(0px 2px 2px rgba(134,145,152,0.3));
}
.flow .tabCnt a {
    color: #005db7;
    text-decoration: underline;
}@media screen and (min-width: 820px) {
  .flow .tabCnt a:hover {
      text-decoration: none;
  }
}
.flow .tabCnt li {
    width: 100%;
    display: none;
}
.flow .tabCnt li.active {
    display: block;
}
.tabCnt_accarea {
    width: 100%;
    border: #005db7 solid 4px;
    border-radius: min(calc(100vw*20/930),20px);
    margin-bottom: calc(30/930*100%);
}
.tabCnt_accarea:last-of-type {
    margin-bottom: calc(15/930*100%);
}
.flow .tabCnt_accbtn {
    position: relative;
    cursor: pointer;
    transition: 0.3s opacity ease;
}@media screen and (min-width: 820px) {
  .flow .tabCnt_accbtn:hover{
    opacity: 0.8;
  }
}
.flow .tabCnt_accbtn::after {
    content: "";
    background: url("/contents/lp/cardloan/main07/index/img/btn_acc01_open.png") no-repeat center;
    background-size: contain;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    right: calc(60/930*100%);
    transform: translateY(-50%);
}
.flow .tabCnt_accbtn.active::after {
    background: url("/contents/lp/cardloan/main07/index/img/btn_acc01_close.png") no-repeat center;
}

.flow .tab01 .time {
    max-width: calc(562/930*100%);
    margin: calc(20/930*100%) auto calc(44/930*100%);
}
.flow .tab01 .tabCnt_accarea .tabCnt_accbtn {
    padding: calc(36/930*100%) calc(34/930*100%) calc(38/930*100%) calc(164/930*100%);
}
.flow .tab01 .tabCnt_accarea .tabCnt_accbtn h4 span.small {
    font-size: min(calc(100vw*20/1080), 20px);
    font-weight: 500;
    color: #333;
}
.flow .tab01 .tabCnt_accarea .tabCnt_accbtn::before {
    content: "";
    background: url("/contents/lp/cardloan/main07/index/img/tab01_icon01.png") no-repeat center;
    background-size: contain;
    width: calc(64/922*100%);
    height: 100%;
    position: absolute;
    top: 50%;
    left: calc(50/922*100%);
    transform: translateY(-50%);
}
.flow .tab01 .tabCnt_accarea:nth-of-type(2) .tabCnt_accbtn::before {
    content: "";
    background: url("/contents/lp/cardloan/main07/index/img/tab01_icon02.png") no-repeat center;
    background-size: contain;
    width: calc(53/922*100%);
    left: calc(54/922*100%);
    transform: translateY(-47%);
}
.flow .tab01 .tabCnt_accarea .tab01_details {
    border-top: #005db7 solid 2px;
    margin: 0 calc(30/922*100%);
    padding: calc(36/922*100%) calc(16/922*100%) calc(40/922*100%);
    box-sizing: border-box;
    display: none;
}
.flow .tab01 .tabCnt_accarea:first-of-type .tab01_details {
    text-align: center;
}
.flow .tab01 .tabCnt_accarea:nth-of-type(2) .tab01_details {
    padding-top: calc(30/922*100%);
    padding-bottom: calc(30/922*100%);
}
.flow .tab01 .flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flow .tab01 .flexbox div {
    width: calc(395/830*100%);
}
.flow .tab01 .flexbox div p:nth-of-type(2) {
    padding: calc(20/395*100%) 0 calc(10/395*100%);
}
.flow .tab02 .flexbox {
    width: calc(920/930*100%);
    margin: 0 auto calc(30/930*100%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flow .tab02 .flexbox div {
    width: calc(450/920*100%);
}
.flow .tab02 h3 {
    padding-bottom: calc(11/450*100%);
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn {
    padding: calc(23/930*100%) calc(34/930*100%) calc(12/930*100%) calc(55/930*100%);
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn .acc_ttl {
    padding-bottom: .25em;
    line-height: 1;
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn .acc_ttl span.small {
    font-size: min(calc(100vw*24/1080), 24px);
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn .acc_ttl span.icon {
    display: inline-block;
    width: auto;
    height: 1em;
    vertical-align: bottom;
    padding-right: .35em;
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn .acc_ttl span.icon img {
  width: auto;
  height: 100%;
}
.flow .tab02 .tabCnt_accarea .tab02_details {
    border-top: #005db7 solid 2px;
    margin: 0 calc(30/922*100%);
    padding: calc(22/922*100%) calc(25/922*100%) calc(30/922*100%);
    box-sizing: border-box;
    display: none;
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 calc(20/803*100%);
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox div {
    width: calc(392/812*100%);
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox div .howto {
    margin: .8em 0 .4em;
    padding: 10px;
    border-radius: 100px;
    background: #005db7;
    color: #fff;
    font-size: min(calc(100vw*20/1080), 20px);
    font-weight: bold;
    text-align: center;
    line-height: 1;
    letter-spacing: .05em;
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox p:last-of-type {
    margin-top: .6em;
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox span.icon {
    width: auto;
    height: 1.93em;
    display: inline-block;
    transform: translateY(-.1em);
    vertical-align: middle;
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox span.icon img {
  width: auto;
  height: 100%;
}


.faq {
    width: 100%;
    padding: 65px 62.5px;
    background: url("/contents/lp/cardloan/main07/index/img/faq_bg.png") repeat;
    font-weight: 500;
}
.faq .inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}
.faq h2 {
    padding-bottom: calc(50/1080*100%);
    font-size: min(calc(100vw*50/1080), 50px);
    font-weight: bold;
    color: #005db7;
    text-align: center;
}
.faq dl {
    margin: 0 auto;
    width: 100%;
    max-width: 1080px;
}
.faq dl dt:first-of-type {
    border-top: 2px solid #0059a1;
}
.faq dl dt {
    width: 100%;
    margin: 0 auto;
    padding: calc(27/1080*100%) calc(96/1080*100%);
    border-bottom: 2px solid #0059a1;
    font-size: min(calc(100vw*24/1080), 24px);
    line-height: 1.5;
    letter-spacing: .05em;
    position: relative;
    cursor: pointer;
    transition: 0.3s opacity ease;
}@media screen and (min-width: 820px) {
  .faq dl dt:hover {
    opacity: 0.8;
  }
}
.faq dl dt::before {
    content: "";
    background: url("/contents/lp/cardloan/main07/index/img/icon_q.png") no-repeat center;
    background-size: contain;
    width: calc(41/1080*100%);
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(26/1080*100%);
}
.faq dl dt::after {
    content: "";
    background: url("/contents/lp/cardloan/main07/index/img/btn_acc02_open.png") no-repeat center;
    background-size: 35px auto;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.faq dl dt.active::after {
    background: url("/contents/lp/cardloan/main07/index/img/btn_acc02_close.png") no-repeat center;
}
.faq dl dd {
    width: 100%;
    margin: calc(30/1080*100%) auto 0;
    padding: 0 0 calc(40/1080*100%) calc(100/1080*100%);
    border-bottom: 2px solid #0059a1;
    font-size: min(calc(100vw*18/1080), 18px);
    line-height: 1.5;
    position: relative;
    display: none;
}
.faq dl dd:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}
.faq dl dd::before {
    content: "";
    background: url("/contents/lp/cardloan/main07/index/img/icon_a.png") no-repeat;
    background-position: center top;
    background-size: contain;
    width: calc(42/1080*100%);
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(26/1080*100%);
}
.faq dl dd .inner {
    width: 100%;
    border-radius: 10px;
    background-color: #f2f7fa;
    padding: calc(24/980*100%) calc(30/980*100%) calc(30/980*100%);
    margin-bottom: calc(20/1080*100%);
}
.faq span.ttl {
    margin-bottom: .7em;
    padding: .15em 0 .2em .6em;
    border-left: #005db7 solid 6px;
    font-size: min(calc(100vw*24/1080), 24px);
    font-weight: bold;
    display: block;
    line-height: 1;
    letter-spacing: .05em;
    color: #005db7;
}
.faq span.txt {
    padding-bottom: 1.1em;
    display: inline-block;
    letter-spacing: .02em;
}
.faq span.txt:last-of-type {
    padding-bottom: 0;
}
.faq span.faq_img01 {
    display: block;
    max-width: 512px;
}
.faq span.num {
    display: block;
    text-indent: -1.65em;
    padding-left: 1.65em;
    padding-bottom: .8em;
}
.faq span.li {
    padding-left: .8em;
    padding-bottom: .8em;
    text-indent: -.8em;
    letter-spacing: .02em;
    display: block;
}
.faq .indent02 {
    margin-left: .8em;
}
.faq span.img {
    display: block;
    padding-bottom: 1.1em;
}
.faq span.img img {
    width: 100%;
    max-width: 100%;
}
.faq span.notes {
    font-size: min(calc(100vw*14/1080), 14px);
    display: block;
    padding-bottom: 1.5em;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5;
    font-weight: normal;
}
.faq .caution_box {
    border-radius: 10px;
    margin-bottom: calc(20/1080*100%);
}
.faq .caution_box span.txt {
    display: block;
    padding-bottom: .8em;
    line-height: 1.6;
}
.faq .caution {
    display: block;
}
.faq .faq_img02 img {
    max-width: 438px;
}
.faq span.txt.num_circle_wrap {
    width: 100%;
    padding-bottom: .8em;
    display: flex;
    flex-wrap: wrap;
}
.faq span.num_circle_txt {
    width: 96.2%;
    display: block;
}
.faq .num_circle {
    width: 3.8%;
    margin-top: .15em;
    padding: 0 .3em .3em .55em;
    display: block;
    color: #fff;
    font-size: min(calc(100vw*15/1080), 15px);
    font-weight: bold;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}
.faq .num_circle.num01 {
    padding: 0 .3em .3em .5em;
}
.faq .num_circle::before {
    content: "";
    background-color: #005db7;
    border-radius: 100%;
    width: 1.7em;
    height: 1.7em;
    position: absolute;
    top: -.05em;
    left: 0;
    z-index: -1;
}
.faq .indent01 {
    padding-left: 3.8%;
}
.faq .faq_img03 {
    max-width: 426px;
}
.faq .faq_img04 {
    max-width: 560px;
}
.faq .fin {
    margin: calc(34/1080*100%) calc(30/1080*100%) 0;
    font-size: min(calc(100vw*18/1080), 18px);
    letter-spacing: .05em;
}
.faq .fin p {
    font-weight: 500;
}
.faq .fin p + p {
    margin-top: .7em;
}


.campaign {
    width: 100%;
    padding-bottom: 10px;
    font-weight: 500;
}
.campaign h2 {
    width: 100%;
    background-image:
      url("/contents/lp/cardloan/main07/index/img/camp_ttl_bgR.png"),
      url("/contents/lp/cardloan/main07/index/img/camp_ttl_bgL.png"),
      url("/contents/lp/cardloan/main07/index/img/camp_ttl_bg.png");
    background-size:
      auto 100%,
      auto 100%,
      100% 100%;
    background-repeat:
      no-repeat,
      no-repeat,
      repeat-x;
    background-position:
      right,
      left,
      center;
    margin: 0 auto;
}
.campaign h2 img {
    width: 100%;
    max-width: 670px;
    margin: 0 auto;
    padding: 38px 0;
}
.campaign img {
    width: 100%;
}
.campaign .inner_wrap {
    padding: 0 62.5px;
}
.campaign .inner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    font-size: min(calc(100vw*18/1080), 18px);
    padding: 30px 0 0;
}
.campaign h3 {
    width: 100%;
    margin-top: 1.7em;
    margin-bottom: .8em;
    padding: 0 0 .5em 1em;
    border-left: #005db7 solid 4px;
    border-bottom: #005db7 solid 1px;
    font-size: min(calc(100vw*24/1080), 24px);
    font-weight: bold;
    letter-spacing: .05em;
    box-sizing: border-box;
}
.campaign h3:first-of-type {
    margin-top: 0;
}
.campaign h4 {
    font-size: min(calc(100vw*20/1080), 20px);
    font-weight: bold;
    color: #005db7;
    display: block;
    margin-bottom: .5em;
    line-height: 1.4;
    letter-spacing: .05em;
}
.campaign .camp_img01 {
    max-width: 528px;
    padding: .8em 0;
}
.campaign ul.notes01 {
    font-size: min(calc(100vw*14/1080), 14px);
    line-height: 1.4;
    text-indent: -1em;
    padding-left: 1em;
    letter-spacing: .05em;
    font-weight: normal;
}
.campaign ul.notes02 {
    font-size: min(calc(100vw*18/1080), 18px);
    line-height: 1.5;
    text-indent: -.8em;
    padding-left: .8em;
    letter-spacing: .05em;
}
.campaign ul.notes02 li + li {
    padding-top: .7em;
}
.campaign .notes01 {
    font-size: min(calc(100vw*14/1080), 14px);
    font-weight: normal;
}
.campaign p {
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 500;
}
.campaign p.notes {
    font-weight: normal;
}
.campaign p + .box {
    margin-top: calc(20/1080*100%);
}
.campaign .box {
    width: 100%;
    border: #005db7 solid 3px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: calc(20/1080*100%);
}
.campaign .box h4 {
    margin: 0;
    padding: .5em 0 .75em;
    background-color: #005db7;
    font-size: min(calc(100vw*22/1080), 22px);
    color: #fff;
    text-align: center;
    line-height: 1;
}
.campaign .box .inner {
    width: 100%;
    margin: 0;
    padding: calc(20/1080*100%) calc(30/1080*100%) calc(30/1080*100%);
}
.campaign .fin {
  margin: calc(40/1080*100%) 0 0;
  font-size: min(calc(100vw*18/1080), 18px);
}
.campaign .fin p {
  line-height: 1;
}
.campaign .fin p + p {
  margin-top: .7em;
}


/* =====================================
	footer
===================================== */

footer {
    width: 100%;
    padding: 60px 62.5px 0;
    background: #e9eff5;
    font-size: min(calc(100vw*18/1080), 18px);
    letter-spacing: .05em;
}
footer .note01 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
footer span.caution {
    font-size: min(calc(100vw*24/1080), 24px);
}
footer .note01 dd,
footer .note01 dd ul {
    margin-top: 1em;
}
footer .note01 dd ul li {
    padding-left: .8em;
    text-indent: -.8em;
    line-height: 1.6;
}
footer .pdf01 {
    width: 100%;
    max-width: 960px;
    background: #fff;
    padding: calc(20/960*100%) 0 calc(26/960*100%);
    margin: 2.5em auto 0;
    border-radius: 8px;
}
footer .pdf01 dd {
    text-align: center;
    line-height: 1;
}
footer a {
    text-decoration: underline;
    color: #005db7;
}@media screen and (min-width: 820px) {
  footer a:hover{
      text-decoration: none;
  }
}
footer .links p {
    margin: 2.5em 0 3em;
    text-align: center;
}
footer .links p a {
    padding: 0 2.5em;
    border-right: #000 solid 1px;
}
footer .links p a:last-of-type {
    border-right: 0;
}
footer p#copy {
    padding: 0 0 3em;
    text-align: center;
    line-height: 1;
}


.floating {
    width: 100%;
    padding: 0 62.5px;
    background: linear-gradient(
      to bottom,
      rgba(229,243,255,0.8) 0%,
      rgba(229,243,255,0.8) 74%,
      rgba(255,255,255,0.9) 74%,
      rgba(255,255,255,0.9) 100%
    );
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
}
.floating img {
    width: 100%;
}
.floating ul {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: min(calc(100vw*16/750), 16px) 0 min(calc(100vw*9/750), 9px);
}
.floating ul li:first-of-type {
    width: calc(504/750*100%);
    margin: 0 auto;
}
.floating ul li:first-of-type button {
    background: url("/contents/lp/cardloan/main07/index/img/btn_float01_pc.png") no-repeat center;
    background-size: contain;
    width: 100%;
    height: min(calc(100vw*109/750), 109px);
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    transition: 0.3s opacity ease;
}@media screen and (min-width: 820px) {
  .floating ul li:first-of-type button:hover {
      opacity: 0.8;
  }
}
.floating ul li:nth-of-type(2) {
    width: calc(356/750*100%);
    margin: min(calc(100vw*27/750), 27px) auto 0;
}



@media screen and (max-width:819px){
.pc{
	display:none !important;
}
.sp{
	display:block !important;
}
body{
	font-size: 2.4vw;
  width: 100%;
  overflow-x: hidden;
  min-width: inherit;
}
p.notes {
  font-size: 10px;
}
.caution_box {
  padding: calc(30/750*100vw) calc(30/750*100vw) calc(40/750*100vw);
}
span.caution {
  font-size: min(calc(100vw*28/750), 28px);
}
/* =====================================
	header
===================================== */

header {
    max-width: 100%;
}
header img {
    width: calc(539/750*100%);
    margin: 0 auto;
    padding: calc(27/750*100%) 0 0;
}


/* =====================================
	main
===================================== */

.visual {
    background: none;
}
.visual .inner {
    width: 100%;
    max-width: 100%;
}
.visual .inner h1 {
    padding-top: 0;
}
.visual .inner .kinri {
    width: calc(258/750*100vw);
    top: 42.8%;
    left: calc(122/750*100vw);
}
.visual .inner .note {
    top: 84.5%;
    left: calc(50/750*100vw);
    font-size: min(calc(100vw*18/750), 18px);
    width: 14em;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.3;
}


.cv01 {
    max-width: 100%;
    margin: min(calc(100vw*19/750), 19px) auto min(calc(100vw*76/750), 76px);
    padding: 0;
}
.cv01 .inner {
    max-width: calc(630/750*100vw);
}
.cv01 ul {
    display: block;
}
.cv01 ul li {
    width: 100%;
}
.cv01 ul li button {
    width: 100%;
    max-height: none;
    height: min(calc(100vw*174/819), 174px);
}
.cv01 .notes {
    padding: calc(20/750*100vw) 0 calc(46/750*100vw) 0;
    font-size: min(calc(100vw*18/750), 18px);
}


.banner_camp a {
    max-width: 100%;
    margin: 0 auto calc(60/750*100vw);
}


.point {
    padding: calc(75/750*100vw) 0 ;
}
.point .inner {
    max-width: 100%;
}
.point h2 img {
    max-width: calc(676/750*100vw);
    padding: 0 0 calc(50/750*100vw);
}
.point .box {
    max-width: calc(690/750*100vw);
    margin: 0 auto calc(30/750*100vw);
    border-radius: min(calc(20/750*100vw), 20px);
}
.point .box h3 {
    padding-bottom: calc(50/750*100vw);
}
.point .point01 h3 + p {
    width: calc(148/750*100vw);
    padding-bottom: calc(16/750*100vw);
}
.point .point01 .kinriArea:first-of-type .kinri {
    width: calc(580/750*100vw);
}
.point .point01 p.point01_links {
    padding: calc(20/750*100vw) 0 calc(40/750*100vw);
    font-size: min(calc(100vw*22/750), 22px);
}
.point .point01 .kinriArea:nth-of-type(2) {
    width: calc(600/750*100vw);
    margin: 0 auto calc(45/750*100vw);
}
.point .point01 .kinriArea:nth-of-type(2) .kinri {
    width: calc(212/750*100vw);
    left: calc(167/750*100vw);
}
.point .point01 .kinriArea:nth-of-type(2) .notes_area {
    width: calc(540/750*100vw);
    margin: 0 auto;
    bottom: 6.8%;
}
.point .point01 .kinriArea:nth-of-type(2) .notes_area p {
    font-size: min(calc(100vw*28/750), 28px);
    line-height: 1.35;
}
.point .point01 .kinriArea:nth-of-type(2) .notes_area p.notes {
    font-size: min(calc(100vw*18/750), 18px);
    padding-top: calc(15/750*100vw);
}
.point .point02 .box h3 {
    padding-bottom: calc(34/750*100vw);
}
.point .point02 .point02_img01 {
    width: calc(599/750*100vw);
}
.point .point03 .box h3 {
    padding-bottom: calc(30/750*100vw);
}
.point .point03 .point03_img01 {
    width: calc(586/750*100vw);
}
.point .cv01 {
    max-width: calc(630/750*100vw);
    margin: calc(60/750*100vw) auto 0;
}


.nayami .nayami_intro {
    padding: 0;
}
.nayami .nayami_intro img {
    max-width: 100%;
}
.nayami .inner_wrap {
    padding: 0;
    background:none;
}
.nayami .inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.nayami h2 {
    max-width: 100%;
}
.nayami h2 {
    max-width: calc(418/750*100vw);
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(66/750*100vw);
    left: 0;
    right: 0;
    transform: translateX(2.5%);
}
.nayami p {
    max-width: 100%;
    margin: 0 auto;
}


.solution {
    width: 100%;
    margin-top: -8vw;
    background: linear-gradient( to bottom, transparent 0, transparent 90px, #e5f3ff 90px, #e5f3ff 100%);
    position: relative;
    z-index: 2;
}
.solution img {
  width: 100%;
}
.solution h2 {
    padding: 0;
    background: none;
}
.solution h2 img {
    max-width: 100%;
}
.solution .inner_wrap {
    padding: 0;
}
.solution .clm01 {
    width: 100%;
    padding-bottom: calc(53/750*100vw);
}
.solution .clm01 .inner {
    max-width: calc(690/750*100vw);
    margin: 0 auto;
}
.solution .clm01 h3 {
    max-width: calc(600/750*100vw);
    margin: calc(63/750*100vw) auto 0;
}
.solution .clm01 .box_wrap {
    margin-top: calc(33/750*100vw);
    display: block;
}
.solution .clm01 .box_wrap li {
    max-width: 100%;
}
.solution .clm01 .box_wrap li + li {
    margin: calc(30/750*100vw) auto 0;
}
.solution .clm01 .txt {
    max-width: calc(567/750*100vw);
    margin: calc(35/750*100vw) auto 0;
}
.solution .clm02 {
    padding: calc(67/750*100vw) 0 calc(44/750*100vw);
    background: #fff;
}
.solution .clm02 .inner {
    max-width: calc(629/750*100vw);
    margin: 0 auto;
}
.solution .clm02 h3 {
    max-width: calc(583/750*100vw);
}
.solution .clm02 .box_wrap {
    margin-top: calc(45/750*100vw);
    display: block;
}
.solution .clm02 .box_wrap li {
    max-width: 100%;
}
.solution .clm02 .box_wrap li + li {
    margin-top: calc(30/750*100vw);
}
.solution .clm02 .notes {
    padding-top: calc(25/750*100vw);
    display: block;
}
.solution .clm03 {
    width: 100%;
    background:none;
    background-color: #fff;
}
.solution .clm03 .inner {
    max-width: 100%;
}
.solution .clm03 .solution_fin {
    max-width: 100%;
}


.solution + .cv .cv01 {
    margin:  calc(60/750*100vw) auto;
}


.point.poind2nd h2 img {
    max-width: calc(629/750*100vw);
    padding: 0 0 calc(45/750*100vw);
}
.poind2nd .point02 .box,
.poind2nd .point03 .box {
    padding-bottom: calc(45/750*100vw);
}
.poind2nd .point02 .box h3 {
  padding-bottom: calc(50/750*100vw);
}
.poind2nd .point2nd02_img01 {
    width: calc(581/750*100vw);
}
.poind2nd .point2nd02_img02,
.poind2nd .point2nd02_img03 {
    width: calc(600/750*100vw);
    padding-top: calc(45/750*100vw);
}
.poind2nd .point03 .box h3 {
  padding-bottom: calc(45/750*100vw);
}
.poind2nd .point2nd03_img01 {
    width: calc(604/750*100vw);
}


.flow {
    padding: calc(70/750*100vw) 0 calc(75/750*100vw);
}
.flow .inner {
    max-width: calc(690/750*100vw);
}
.flow img{
    width: 100%;
}
.flow h2 {
    padding: 0 0 calc(65/750*100vw);
    font-size: min(calc(100vw*50/750), 50px);
}
.flow h3 {
    font-size: min(calc(100vw*40/750), 40px);
}
.flow h4,
.flow p.acc_ttl {
    font-size: min(calc(100vw*40/750), 40px);
}
.flow p {
    font-size: min(calc(100vw*28/750), 28px);
    line-height: 1.42;
}
.flow .notes {
    font-size: min(calc(100vw*18/750), 18px);
}
.flow .tab li {
    width: calc(340/750*100vw);
    padding-top: 10.9%;
}
.flow .tab li:nth-child(1) {
    background-image: url(/contents/lp/cardloan/main07/index/img/tab01_off_sp.png);
}
.flow .tab li:nth-child(2) {
    background-image: url(/contents/lp/cardloan/main07/index/img/tab02_off_sp.png);
}
.flow .tab li:nth-child(1).active {
    background-image: url(/contents/lp/cardloan/main07/index/img/tab01_on_sp.png);
}
.flow .tab li:nth-child(2).active {
    background-image: url(/contents/lp/cardloan/main07/index/img/tab02_on_sp.png);
}
.flow .tabCnt {
    max-width: 100%;
    padding: calc(60/750*100vw) calc(30/750*100vw) calc(40/750*100vw);
    border-radius: 0 0  min(calc(10/750*100vw), 10px)  min(calc(10/750*100vw), 10px);
}
.tabCnt_accarea {
    border: #005db7 solid 3px;
    border-radius: min(calc(100vw*20/750),20px);
    margin-bottom: calc(28/750*100vw);
}@media screen and (max-width: 559px) {
  .tabCnt_accarea {
    border: #005db7 solid 2px;
  }
}
.tabCnt_accarea:last-of-type {
    margin-bottom: calc(20/750*100vw);
}
.flow .tabCnt_accbtn::after {
    content: "";
    background: url("/contents/lp/cardloan/main07/index/img/btn_acc01_open.png") no-repeat center;
    image-rendering: pixelated;
    background-size: 4.533vw 4.533vw;
    width: 4.533vw;
    height: 4.533vw;
    position: absolute;
    top: 50%;
    right: calc(34/750*100vw);
    transform: translateY(-50%);
}
.flow .tabCnt_accbtn.active::after {
    background: url("/contents/lp/cardloan/main07/index/img/btn_acc01_close.png") no-repeat center;
    background-size: 4.533vw 4vw;
}

.flow .tab01 .time {
    max-width: calc(363/750*100vw);
    margin: calc(35/750*100vw) auto;
}
.flow .tab01 .tabCnt_accarea .tabCnt_accbtn {
    padding: calc(32/750*100vw) calc(35/750*100vw) calc(35/750*100vw) calc(150/750*100vw);
}
.flow .tab01 .tabCnt_accarea .tabCnt_accbtn .acc_ttl span.small {
    font-size: min(calc(100vw*28/750), 28px);
    padding-left: 1.3em;
    font-weight: 500;
}
.flow .tab01 .tabCnt_accarea .tabCnt_accbtn::before {
    width: calc(98/750*100vw);
    left: calc(33/750*100vw);
}
.flow .tab01 .tabCnt_accarea:nth-of-type(2) .tabCnt_accbtn::before {
    width: calc(82/750*100vw);
    left: calc(36/750*100vw);
}
.flow .tab01 .tabCnt_accarea .tab01_details {
    border-top: #005db7 solid 1px;
    margin: 0 calc(34/750*100vw);
    padding: calc(30/750*100vw) 0 calc(34/750*100vw);
}
.flow .tab01 .tabCnt_accarea:first-of-type .tab01_details {
    text-align: left;
}
.flow .tab01 .tabCnt_accarea:nth-of-type(2) .tab01_details {
    padding-top: calc(30/750*100vw);
    padding-bottom: calc(34/750*100vw);
}
.flow .tab01 .flexbox {
    display: block;
}
.flow .tab01 .flexbox div {
    width: 100%;
}
.flow .tab01 .flexbox div:nth-of-type(2) {
    padding-top: calc(30/750*100vw);
}
.flow .tab01 .flexbox div p:nth-of-type(2) {
    padding: calc(28/750*100vw) 0 calc(20/750*100vw);
}
.flow .tab02 .flexbox {
    width: 100%;
    margin: 0 auto calc(30/750*100vw);
    display: block;
}
.flow .tab02 .flexbox div {
    width: 100%;
}
.flow .tab02 .flexbox div:first-of-type {
    padding-bottom: calc(45/750*100vw);
}
.flow .tab02 h3 {
    padding-bottom: calc(12/750*100vw);
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn {
    padding: calc(30/750*100vw) calc(35/750*100vw);
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn .acc_ttl {
    padding-bottom: .25em;
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn .acc_ttl span.small {
    font-size: min(calc(100vw*32/750), 32px);
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn .acc_ttl span.icon {
    height: .85em;
    padding-right: .2em;
}
.flow .tab02 .tabCnt_accarea .tabCnt_accbtn p {
  line-height: 1.25;
}
.flow .tab02 .tabCnt_accarea .tab02_details {
    border-top: #005db7 solid 1px;
    margin: 0 calc(34/750*100vw);
    padding: calc(30/750*100vw) 0 calc(34/750*100vw);
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox {
    display: block;
    margin: 0;
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox div {
    width: 100%;
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox div .howto {
    margin: .8em 0 .4em;
    padding: .5em;
    font-size: min(calc(100vw*28/750), 28px);
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox p:last-of-type {
    margin-top: .6em;
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox span.icon {
    height: 1.714em;
    transform: translateY(-.15em);
}
.flow .tab02 .tabCnt_accarea .tab02_details .flexbox div:first-of-type {
    padding-bottom: 0;
}


.faq {
    width: 100%;
    padding: calc(75/750*100vw) 0;
    background-size: 11px;
}
.faq .inner {
    max-width: calc(670/750*100vw);
    margin: 0 auto;
}
.faq h2 {
    padding-bottom: calc(46/750*100vw);
    font-size: min(calc(100vw*60/750), 60px);
}
.faq dl {
    max-width: 100%;
}
.faq dl dt:first-of-type {
    border-top: 1px solid #0059a1;
}
.faq dl dt {
    padding: calc(35/750*100vw) calc(12/750*100vw) calc(35/750*100vw) calc(70/750*100vw);
    border-bottom: 1px solid #0059a1;
    font-size: min(calc(100vw*30/750), 30px);
    line-height: 1.46;
}
.faq dl dt::before {
    width: calc(41/750*100vw);
    left: calc(8/750*100vw);
}
.faq dl dt::after {
    background-size: 4.533vw auto;
    width: 4.533vw;
    height: 4.533vw;
    right: calc(12/750*100vw);
}
.faq dl dt.active::after{
    background-size: 4.533vw auto;
}
.faq dl dd {
    margin: calc(30/750*100vw) auto 0;
    padding: 0 0 calc(30/750*100vw) calc(80/750*100vw);
    border-bottom: 1px solid #0059a1;
    font-size: min(calc(100vw*28/750), 28px);
    line-height: 1.35;
}
.faq dl dd::before {
    width: calc(42/750*100vw);
    left: calc(8/750*100vw);
}
.faq dl dd .inner {
    border-radius: min(calc(100vw*10/750),10px);
    padding: calc(30/750*100vw) calc(30/750*100vw) calc(40/750*100vw);
    margin-bottom: calc(30/750*100vw);
}
.faq span.ttl {
    margin-bottom: .4em;
    padding: .15em 0 .2em .6em;
    border-left: #005db7 solid 4px;
    font-size: min(calc(100vw*32/750), 32px);
    line-height: 1.3;
}
.faq span img {
    width: 100%;
    max-width: 100%;
}
.faq span.faq_img01 {
    display: block;
    max-width: 100%;
}
.faq span.num.pb0 {
    padding-bottom: .8em!important;
}
.faq span.li.pb0 {
    padding-bottom: .8em!important;
}
.faq span.notes {
    font-size: min(calc(100vw*18/750), 18px);
    line-height: 1.4;
}
.faq .caution_box {
    border-radius: min(calc(100vw*10/750),10px);
    margin-bottom: calc(30/750*100vw);
}
.faq .caution_box span.txt {
    display: block;
    padding-bottom: .8em;
    line-height: 1.4;
}
.faq .caution {
    display: block;
}
.faq .faq_img02 {
    max-width: 438px;
}
.faq span.txt.num_circle_wrap {
    width: 100%;
    padding-bottom: .8em;
    display: flex;
    flex-wrap: wrap;
}
.faq span.num_circle_txt {
    width: 93%;
}
.faq .num_circle {
    width: 7%;
    margin-top: .3em;
    padding: .14em .3em .3em .55em;
    font-size: min(calc(100vw*18/750), 18px);
}
.faq .num_circle.num01 {
    padding: .13em .3em .3em .5em;
}
.faq .num_circle::before {
    top: 0;
}
.faq .indent01 {
    padding-left: 7%;
}
.faq .faq_img03 {
    max-width: calc(488/750*100vw);
    margin: 0 0 0 auto;
}
.faq .faq_img04 {
    max-width: 100%;
}
.faq .fin {
    margin: calc(40/750*100vw) 0 0;
    font-size: min(calc(100vw*28/750), 28px);
}


.campaign {
    padding-bottom: 0;
}
.campaign h2 {
    background: none;
}
.campaign h2 img {
    max-width: 100%;
    padding: 0;
}
.campaign .inner_wrap {
    padding: 0;
}
.campaign .inner {
    max-width: calc(660/750*100vw);
    font-size: min(calc(100vw*28/750), 28px);
    padding: calc(45/750*100vw) 0 0;
}
.campaign h3 {
    margin-top: 1.5em;
    padding: 0 0 .4em .6em;
    border-left: #005db7 solid 2px;
    border-bottom: #005db7 solid 1px;
    font-size: min(calc(100vw*32/750), 32px);
}
.campaign h3:first-of-type {
    margin-top: 0;
}
.campaign h4 {
    font-size: min(calc(100vw*28/750), 28px);
    margin-bottom: .6em;
    line-height: 1.36;
}
.campaign .camp_img01 {
    max-width: 100%;
    padding: .6em 0 .5em;
}
.campaign ul.notes01 {
    font-size: min(calc(100vw*18/750), 18px);
}
.campaign ul.notes02 {
    font-size: min(calc(100vw*28/750), 28px);
    line-height: 1.36;
}
.campaign ul.notes02 li + li {
    padding-top: .45em;
}
.campaign .notes01 {
    font-size: min(calc(100vw*18/750), 18px);
}
.campaign p {
    line-height: 1.4;
    letter-spacing: .05em;
}
.campaign p + .box {
    margin-top: calc(30/750*100vw);
}
.campaign .box {
    border: #005db7 solid 2px;
    border-radius: min(calc(100vw*10/750),10px);
    margin-bottom: calc(20/750*100vw);
}
.campaign .box h4 {
    font-size: min(calc(100vw*28/750), 28px);
}
.campaign .box .inner {
    padding: calc(30/750*100%) calc(30/750*100%) calc(40/750*100%);
}
.campaign .fin {
    margin: calc(40/750*100vw) 0 0;
    font-size: min(calc(100vw*28/750), 28px);
}
.campaign .fin p {
    line-height: 1;
}
.campaign .fin p + p {
    margin-top: .7em;
}
.campaign .cv01 .inner {
    max-width: calc(630/750*100vw);
}



/* =====================================
	footer
===================================== */

footer {
    padding: calc(80/750*100%) calc(40/750*100%) 0;
    font-size: min(calc(100vw*18/750), 18px);
}
footer .note01 {
    max-width: 100%;
}
footer span.caution {
    font-size: min(calc(100vw*28/750), 28px);
}
footer .note01 dd,
footer .note01 dd ul {
    margin-top: 1em;
}
footer .note01 dd ul li {
    padding-left: .8em;
    text-indent: -.8em;
    line-height: 1.6;
}
footer .pdf01 {
    max-width: 100%;
    background: #fff;
    padding: calc(40/750*100vw) 0 calc(40/750*100vw);
    margin: 2.5em auto 0;
    border-radius: min(calc(100vw*8/750),8px);
}
footer .pdf01 dd {
    font-size: min(calc(100vw*26/750), 26px);
}
footer .links p {
    margin: 1.8em 0 1.8em;
    font-size: min(calc(100vw*24/750), 24px);
}
footer .links p a {
    padding: 0 1.5em;
}
footer p#copy {
    padding: 0 0 2em;
}


.floating {
    padding: 0;
}
.floating ul {
    max-width: 100%;
    padding: min(calc(100vw*16/750), 16px) 0 min(calc(100vw*22/750), 22px);
}
.floating ul li:first-of-type {
    width: calc(630/750*100%);
}
.floating ul li:first-of-type button {
    background: url("/contents/lp/cardloan/main07/index/img/btn_float01_sp.png") no-repeat center;
    background-size: contain;
    height: min(calc(100vw*157/750), 157px);
}
.floating ul li:nth-of-type(2) {
    width: calc(413/750*100vw);
    margin: min(calc(100vw*36/750), 36px) auto 0;
}
}