@charset 'UTF-8';

/***************************************

レイアウト

***************************************/
body{
  margin: 0 auto;
  max-width: 560px;
}
article{
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  body{
    font-size: 16px;
    line-height: 1.8;
  }
}

/***************************************

FV

***************************************/
.ttl{
  background-color: #080e63;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  font-weight: 600;
  font-size: 14px;
}
.fv{
  background-color: #080e63;
}
.fv__txt{
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 3.88vw;
}
.fv__txt span{
  color: #fff329;
  text-align: center;
}
.fv .cta_btn {
  padding: 8px 0 6px;
}
.fv__industry{
  background-color: #fff;
  margin: 16px 20px;
}
.fv__sub{
  padding: 6px 0;
  background-color: #fff329;
  font-size: 4.5vw;
  font-weight: 800;
  text-align: center;
  color: #080e63;
}
.fv__industry img{
}
.fv__annot{
  font-size: 0.8em;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  padding: 0 20px 20px;
}

@media screen and (min-width: 768px) {
  .fv__sub{
  font-size: 1.5em;
  }
  .fv__txt{
  font-size: 18px;
  }
  .fv__txt{
  font-size: 18px;
  }
}

/***************************************

CTA

***************************************/
.cta {
  margin: 0 auto;
  background-color: #080e63;
  padding: 32px 0;
  text-align: center;
  color: #fef429;
  font-size: 5vw;
  font-weight: 600;
}
.cta_btn {
  animation: anime1 0.8s ease 0s infinite alternate;
  transform-origin:center;
  width: 93%;
  margin: 0 auto;
  padding: 20px 0 6px;
}
@keyframes anime1 {
  from {
    transform: scale(0.93,0.93);
  }
  to {
    transform: scale(1,1);
  }
}
.cta__ttl {
  position: relative;
  display: inline-block;
  padding: 0 45px;
  font-size: 4.5vw;
  line-height: 1.2;
  color: #fff;
  font-weight: 600;
  padding-bottom: 10px;
}
.cta__ttl span{
  font-size: 40px;
}
.cta__ttl:before, .cta__ttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 64px;
  height: 2px;
  background-color: white;
  color: #fff;
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
}
.cta__ttl:before{
  transform: rotate(-120deg);
  -webkit-transform: rotate(-120deg);
}
.cta__ttl:before {
  left:0;
}
.cta__ttl:after {
  right: 0;
}

@media screen and (min-width: 768px) {
  .cta,.cta__ttl{
  font-size: 1.3em;
  }
}

/***************************************

４つのポイント

***************************************/
.point{
  background-color: #dce6f2;
}
.point__box{
  padding: 8px;
}
.point__cont{
  background-color: #fff;
  margin-bottom: 8px;
}
.point__sub{
  background-color: #080e63;
  color: #fff;
  text-align: center;
  padding: 18px 0;
  font-size: 25px;
  line-height: 1.4;
}
.point__sub span{
  color: #fff329;
}
.point__txt{
  padding: 5vw 6.2vw 6.2vw;
}
.point__txt span{
  color: #fe5400;
  font-weight: 600;
  font-size: 1.1em;
}
@media screen and (min-width: 768px) {
.point__txt{
  padding: 24px 32px;
}
}

/***************************************

知識と実績のあるプロフェッショナル

***************************************/
.pro{
  background-color: #01359b;
}
.pro__txt{
  color: #fff;
  padding: 32px 20px;
}
.pro__txt span{
  color: #fff329;
}

/***************************************

知識と実績のあるプロフェッショナル

***************************************/
.result__txt{
  background-color: #012074;
  padding: 20px 20px 32px;
  color: #fff;
  text-align: justify;
}

/***************************************

ご相談はお早めに！

***************************************/
.caution__txt{
  padding: 20px;
  line-height: 1.8;
}
.caution__txt span{
  font-size: 1.2em;
  color: #fe5400;
  font-weight: 600;
  border-bottom: 1px solid;
  letter-spacing: 0em;
}

/***************************************

あなたの融資額はいくらになる？

***************************************/
.last{
  background-color: #000b5b;
}
.last__btn img{
  margin-top: -64px;
  padding: 20px 0 32px;
}

@media screen and (min-width: 768px) {
.last__btn img{
  margin-top: -72px;
  padding: 20px 0 32px;
}
}

/***************************************

フッター

***************************************/
.footer{
  background-color: #f6f6f6;
  padding: 14px 0;
}
.footer__cont{
  display: flex;
  gap: 0px 12px;
  justify-content: center;
}
.footer__cont a{
  color: #030c5b;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}