@charset "utf-8";

/*全デバイス共通*/
body{ font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.5; color: #333333; }
img { border: none; max-width: 100%; height: auto; display: block; margin: auto;}


/*ALL*/
.section-inner {width: 100%; padding: 0 5%;}

/*デバイス別表示*/

.pc-only{
  display: block;
}

.sp-only{
  display: none;
}

@media screen and (max-width: 768px){
    .pc-only{
        display: none;
    }
    .sp-only{
        display: block;
     }
     p{font-size: 3vw;letter-spacing: 0.1rem;}
    }

p{
    letter-spacing: 0.1rem;
}

.cta {
    background-image: url(../img/cta-back.png);
    background-size: cover;
    height: 23vw;
}

p.cta-ttl {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 2vw;
    padding: 5% 0 3%;
}

div.cta-btn01 {
    position: relative;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(90deg, rgba(0, 62, 160, 1), rgba(1, 105, 183, 1));
    border-radius: 100px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    text-align: right;
    padding: 7% 28% 7% 7%;
    font-size: 1.5vw;
}

div.cta-btn02 {
    position: relative;
    color: #fff;
    font-weight: bold;
    background-image: linear-gradient(90deg, rgba(246, 216, 67, 1), rgba(240, 167, 63, 1));
    border-radius: 100px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    text-align: center;
    padding: 7% 10% 7% 14%;
    font-size: 1.5vw;
}

div.cta-btn03 {
    position: relative;
    color: #fff;
    font-weight: bold;
    background-image: linear-gradient(90deg, rgba(246, 58, 2, 1), rgba(254, 115, 13, 1));
    border-radius: 100px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    text-align: right;
    padding: 7% 10% 7% 7%;
    font-size: 1.5vw;
}

.btn-box {
    display: flex;
    justify-content: center;
    column-gap: 2%;
}

a.cta-btn01 {
    width: 25%;
}

a.cta-btn02 {
    width: 25%;
}

a.cta-btn03 {
    width: 25%;
}

span.sub {
    font-size: 1.2vw;
}
h2.worry-ttl {
    color: #003ea0;
    font-size: 3vw;
    font-weight: bold;
    text-align: center;
}

span.h2-sub-ttl {
    color: #003ea0;
    font-size: 1.5vw;
    font-weight: bold;
    display: flex;
    justify-content: center;
}

img.worry01-img {
    width: 70%;
    padding-top: 3%;
}

/* .kaiketsu-strong{
    background-image: url(../img/kaiketsu-strong-back.png);
    background-size: cover;
    padding: 5% 0;
} */


i.kaiketsu-txt {
    font-size: 3.5vw;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
}

img.car-match {
    margin: 0;
    width: 21%;
    padding: 0 0 0 1%;
}

h2.strong-ttl {
    font-size: 2.5vw;
    font-weight: bold;
    color: #9b1e23;
    text-align: center;
    padding: 13% 0 5%;
}

.strong-wrap {
    background-image: url(../img/strong-box.png);
    background-size: cover;
    padding: 5% 0;
    width: 70%;
    margin: 0 auto 3%;
    height: 36vw;
    position: relative;
}

h3.strong-ttl {
    background-image: url(../img/strong-ttl-back.png);
    background-size: cover;
    font-size: 2vw;
    color: #fff;
    font-weight: bold;
    padding: 1.4% 0;
    height: 5.8vw;
    width: 64%;
    margin: 5% auto 3%;
    text-align: center;
}

dd {
    width: 50%;
    line-height: 1.8;
}

dl{
    display: flex;
    justify-content: center;
    column-gap: 3%;
}

.strong-badge-txt {
    position: absolute;
    top: 10%;
    font-size: 3vw;
    font-weight: bold;
    color: #9b1e23;
    left: 4.5%;
}

img.strong01 {
    width: 35%;
    margin: 0;
}

div.point {
    background-image: url(../img/strong02-ttl-back.png);
    background-size: cover;
    width: 45%;
    height: 6vw;
    padding: 1.5% 0;
}

i.point {
    color: #fff;
    font-weight: bold;
    font-size: 2vw;
    padding-left: 28%;
}

img.strong-figure {
    width: 35%;
    padding: 5% 0;
    margin: 0;
}

.strong-box {
    display: flex;
    justify-content: space-between;
    column-gap: 5%;
    background-image: url(../img/strong-back.png);
    padding: 5% 10%;
    background-size: cover;
}

p.strong02-txt {
    color: #fff;
}

p.strong02-ttl {
    font-size: 2vw;
    font-weight: bold;
    padding: 5% 0;
    color: #fff;
}

.worry-reason{
    background-image: url(../img/worry-reason-back-pc.png);
    background-size: cover;
    height: 195vw;
    position: relative;
}

.worry02{
    padding: 0 20%;
}

h2.worry-ttl-2 {
    font-size: 2vw;
    font-weight: bold;
    width: 70%;
}

img.worry02-img {
    width: 20%;
    position: absolute;
    top: 2%;
    right: 20%;
}

h2.worry-ttl-2 {
    font-size: 2.5vw;
    font-weight: bold;
    width: 70%;
    position: absolute;
    top: 5%;
    color:#003ea0;
    line-height: 1.5;
}

img.reason-ttl {
    padding-top: 28%;
    width: 35%;
}

img.worry03-img {
    position: absolute;
    width: 60%;
    top: 16%;
}

.reason-box {
    display: flex;
    padding: 3% 0 0;
align-items: center;
gap: 2%;
}

p.point {
    color: #003ea0;
    font-size: 1.5vw;
    font-weight: bold;
}

span.num {
    font-size: 3vw;
    padding-left: 1%;
}

img.reason-ttl01 {
    width: 98%;
    margin: 0;
    padding: 3% 0 2%;
    border-bottom: solid 2px #003ea0;
}

p.reason-txt {
    padding: 3% 0;
}

.reason-item03 {
    width: 65%;
    padding: 0 2% 0 10%;
}

.reason-item02 {
    width: 65%;
    padding: 0 10% 0 2%;
}

img.point {
    width: 100%;
    margin: 0;
}

h2.service-ttl {
    font-size: 3vw;
    font-weight: bold;
    color: #003ea0;
    text-align: center;
    padding: 0 0 5%;
}

img.service-figure {
    width: 80%;
}

.service {
    padding: 5% 0;
}

.policy {
    background-image: url(../img/policy-back.jpg);
    background-size: cover;
    height: 64vw;
    padding: 5% 0;
    position: relative;
}

img.policy-ttl {
    width: 35%;
    padding-top: 3%;
}

img.policy01 {
    width: 30%;
    margin: 0;
}

.flex-box {
    display: flex;
    width: 74%;
    padding-top: 5%;
    justify-content: center;
    gap: 5%;
    margin: 0 auto;
}

.policy-box {
    background: #fff;
    width: 60%;
    padding: 3%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

h3.policy-ttl {
    font-size: 2vw;
    font-weight: bold;
    padding: 2% 3%;
    color: #003ea0;
    background: linear-gradient(90deg, rgba(240, 167, 63, 1), rgba(246, 216, 67, 1));
    margin: 3% 0;
}

h2.voice-ttl {
    font-size: 2.5vw;
    font-weight: bold;
    color: #003ea0;
    text-align: center;
    padding: 0 0 5%;
}

.voice{
    background-image: url(../img/voice-back.png);
    background-size: cover;
    height: 105vw;
    padding: 5% 0;
    position: relative;
}

img.voice-ttl01 {
    width: 38%;
    padding:0;
}

.voice-box {
    display: flex;
    background: #fff;
    margin: 0 11% 3%;
}

.voice-item02 {
    padding: 3%;
    width: 100%;
}

h3.voice-ttl {
    font-weight: bold;
    color: #003ea0;
    font-size: 1.8vw;
}

span.box {
    background: #fec13c;
    color: #fff;
    font-weight: bold;
    padding: 0.3% 1%;
    margin-right: 2%;
}

p.voice-sub-ttl {
    margin: 2% 0;
    font-weight: bold;
}

.faq {
    padding: 5% 0 10%;
}

dl.faq_box {
    display: block;
}   

span._txt {
    color: #003ea0;
    margin-left: 2%;
    font-size: 1.3vw;
}

.faq_inner {
    padding: 0 20%;
}

dd.faq_answer {
    width: 100%;
    border-bottom: 1px solid #c9c9c9;
    padding: 3% 0;
    display: flex;
}

dt.faq_question {
    border-bottom: 1px solid #c9c9c9;
    padding: 2% 0;
    display: flex;
    align-items: center;

}

span._icon01 {
    font-size: 2vw;
    color: #003ea0;
}

span._icon02 {
    font-size: 2vw;
    font-weight: bold;
    color: #f71111;
}

span.faq_txt {
    margin-left: 2%;
    font-size: 1vw;
}

.footer {
    background: #003ea0;
    padding: 5% 0 15%;
}

ul.footer-menu {
    color: #fff;
    display: flex;
    justify-content: center;
    column-gap: 5%;
}

p.copy-light {
    text-align: center;
    color: #fff;
    padding-top: 5%;
    font-size: 1vw;
}

h2.downroad {
    padding: 5% 0 3%;
    text-align: center;
    font-size: 2vw;
    font-weight: bold;
    color: #003ea0;;
}

div#contact {
    background: #e6f3f6;
    padding-bottom: 1%;
    padding-bottom: 4%;
}

table.contact-table {
    background: #fff;
    margin: 0 auto;
    display: block;
    padding: 1% 3%;
    width: 50%;
    border-radius: 1vw;
}

th.contact-item {
    padding: 1%;
    width: 60%;
}

td.contact-body {
    padding: 1% 2%;
    background: #f5f5f5;
    width: 100%;
    height: 6vh;
    border-radius: 0.5vw;
    display: block;
}

tbody {
    display: block;
}

tr {
    margin: 3% 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

span.smallbox {
    background: #d7d7d7;
    border-radius: 3px;
    color: #000;
    font-size: 1vw;
    padding: 0.3% 1.5% 0.5% 1.5%;
    margin-left: 5%;
}

select.select-2 {
    background: #f5f5f5;
    width: 100%;
    font-size: 1vw;
}

ul.transmission-2 {
    text-align: center;
    margin: 3% auto;
    padding: 1.3%;
    background: #fec03d;
    width: 20%;
    border-radius: 100px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
font-size: 1.5vw;
}

input.form-text {
    font-size: 1vw;
    width: 100%;
}

img.plan {
    width: 60%;
}

div.plan {
    padding: 10% 0;
    background-image: url(../img/strong-back.png);
    background-size: cover;
    background-position: center;
}


.bunkiten {
    position: relative;
}

img.hukidashi {
    position: absolute;
    top: -5%;
    width: 13%;
    left: 9%;
}

iframe {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45%;
}

.cta-floating {
    width: 100%;
    display: flex;
    justify-content: center !important;
    padding: 1.5% 0 !important;
    background-color: rgba(232, 246, 259, 0.9);
    bottom: 0;
    z-index: 1;
    position: fixed;
}

a.btn-c {
    width: 40% !important;
    font-size: 1.5vw;
    position: relative;
    color: #fff;
    border-radius: 50px;
    background: linear-gradient(90deg, rgba(246, 216, 67, 1), rgba(240, 167, 63, 1));
    position: relative;
    margin-right: 2%;
    font-weight: bold;
    letter-spacing: 0.1rem;
    text-align: center;
    padding: 1.5%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

a.btn-c:after {
    content: "";
    display: inline-block;
    background: url(../img/mail.png) no-repeat;
    background-size: contain;
    width: 50%;
    height: 50%;
    position: absolute;
    top: 26%;
    left: 8%;
}

div.cta-btn01:after {
    content: "";
    display: inline-block;
    background: url(../img/tel.png) no-repeat;
    background-size: contain;
    width: 40%;
    height: 40%;
    position: absolute;
    top: 32%;
    left: 10%;
}

div.cta-btn02:after {
    content: "";
    display: inline-block;
    background: url(../img/mail.png) no-repeat;
    background-size: contain;
    width: 40%;
    height: 40%;
    position: absolute;
    top: 27%;
    left: 7%;
}

div.cta-btn03:after {
    content: "";
    display: inline-block;
    background: url(../img/tel.png) no-repeat;
    background-size: contain;
    width: 40%;
    height: 40%;
    position: absolute;
    top: 27%;
    left: 7%;
}

td.contact-body {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px){
.cta {
    background-image: url(../img/cta-back-sp.png);
    background-size: cover;
    height: 75vw;
}

p.cta-ttl {
    font-size: 4.5vw;
    padding: 10% 0 3%;
}

.btn-box {
    display: block;
    padding: 5%;
}


div.cta-btn01 {
    position: relative;
    background: linear-gradient(90deg, rgba(0, 62, 160, 1), rgba(1, 105, 183, 1));
    font-size: 5vw;
    height: 15vw;
    padding: 4%;
    margin-bottom: 5%;
    text-align: center;
}

div.cta-btn02 {
    position: relative;
    font-size: 5vw;
    height: 15vw;
    padding: 4%;
    margin-bottom: 5%;
    text-align: center;
}

div.cta-btn03 {
    position: relative;
    font-size: 5vw;
    height: 15vw;
    padding: 4%;
    text-align: center;
}

span.h2-sub-ttl {
    font-size: 4vw;
}

h2.worry-ttl {
    font-size: 5vw;
}


h2.strong-ttl {
    font-size: 5vw;
    padding: 20% 0 0;
}

.strong-wrap {
    background-image: url(../img/strong-box-sp.png);
    background-size: cover;
    width: 90%;
    height: 101vw;
}

.strong-badge-txt {
    top: 4.5%;
    font-size: 4vw;
}

h3.strong-ttl {
    background-image: url(../img/strong-ttl-back.png);
    background-size: cover;
    font-size: 3.5vw;
    color: #fff;
    font-weight: bold;
    padding: 1.4% 0;
    height: 9.8vw;
    width: 84%;
    margin: 12% auto 3%;
    text-align: center;
}

i.kaiketsu-txt {
    font-size: 5vw;
}

img.car-match {
    margin: 0;
    width: 37%;
    padding: 0 0 0 1%;
}

dl {
    display: block;
}

dd {
    width: 100%;
    padding: 0 6%;
    font-size: 3vw;
    line-height: 1.8;
}

img.strong01 {
    width: 60%;
    padding: 5%;
    margin: 0 auto;
}

/* .kaiketsu-strong {
    background-image: url(../img/kaiketsu-strong-back-sp.png);
    background-size: cover;
    height: 400vw;
    padding: 7% 0 0;
} */

div.point {
    background-image: url(../img/strong02-ttl-back.png);
    background-size: cover;
    width: 81%;
    height: 11vw;
    padding: 2% 0;
}

i.point {
    font-size: 4vw;
    padding-left: 28%;
}

.strong-box {
    display: block;
    background-image: url(../img/strong-back.png);
    background-size: cover;
    padding: 5%;
    margin: 0;
}

h2.worry-ttl-2 {
    font-size: 4vw;
    left: 10%;
    top: 1%;
    color: #fff;
}


.worry-reason {
    background-image: url(../img/worry-reason-back-sp.png);
    background-size: cover;
    height: 670vw;
    position: relative;
}

img.worry02-img {
    width: 20%;
    right: 10%;
    top: 0.7%;
}

img.strong-figure {
    width: 70%;
    margin: auto;
    padding: 0;
}

p.strong02-ttl {
    font-size: 5vw;
    text-align: center;
    padding: 0 0 5%;
    letter-spacing: 0;
}

img.worry03-img {
    width: 90%;
    top: 5%;
    left: 5%;
}

img.reason-ttl {
    padding-top: 35%;
    width: 85%;
}

.reason-box {
    display: block;
}

.reason-item02 {
    width: 100%;
    padding: 0 5%;
}

.reason-item03 {
    width: 100%;
    padding: 0 5%;
    text-align: left;
}

p.point {
    font-size: 5vw;
}

span.num {
    font-size: 7vw;
    padding-left: 1%;
}

img.reason-ttl01 {
    width: 80%;
    margin: 0;
    padding: 1% 0 3%;
    border-bottom: solid 2px #003ea0;
}

h2.service-ttl {
    font-size: 5vw;
    padding: 5% 0 5%;
}

p.service-text {
    padding: 5%;
    text-align: center;
}

h3.policy-ttl {
    font-size: 4.3vw;
    text-align: center;
    padding: 3% 0;
    background: linear-gradient(90deg, rgba(240, 167, 63, 1), rgba(246, 216, 67, 1));
    margin: 0 0 4%;
}

img.policy01 {
    width: 50%;
    margin: 0 auto;
}

.policy {
    background-image: url(../img/policy-back.jpg);
    background-size: cover;
    height: 190vw;
    padding: 10% 0;
    position: relative;
    background-position: center;
}

p.policy-txt {
    text-align: center;
}

img.policy-ttl {
    width: 70%;
}

h2.voice-ttl {
    font-size: 5vw;
    padding: 5% 0;
}

.voice-box {
    display: block;
    margin: 0 10% 5%;
}

h3.voice-ttl {
    font-size: 4vw;
}

span.box {
    font-size: 3vw;
}

.voice-item02 {
    padding: 5%;
    width: 100%;
}

.voice {
    height: 420vw;
}

.faq_inner {
    padding: 0 10%;
}

span._icon01 {
    font-size: 5vw;
}

span._txt {
    font-size: 3vw;
    margin-left: 4%;
}

ul.footer-menu {
    display: block;
    text-align: center;
    padding: 5%;
}

li.menu-list {
    padding-bottom: 3%;
}

span._icon02 {
    font-size: 5vw;
    font-weight: bold;
    color: #f71111;
}

span.faq_txt {
    margin-left: 4%;
    font-size: 3vw;
}

p.copy-light {
    font-size: 2vw;
    padding: 0 0 5%;
}

h2.downroad {
    font-size: 5vw;
    padding: 10% 0;
}

table.contact-table {
    width: 90%;
    padding: 1% 5%;
}

input.form-text {
    font-size: 4vw;
}

tr {
    margin: 5% 0;
    display: block;
    width: 100%;
    align-items: center;
}

th.contact-item {
    padding: 1% 0 3%;
    width: 100%;
    display: block;
}

td.contact-body {
    height: 4vh;
}

td.contact-body {
    height: 5vh;
    display: block;
    width: 100%;
    padding: 2%;
}

.submit-2 {
    font-size: 5vw;
    height: 15vw;
    padding: 4%;
    color: #fff;
    font-weight: bold;
    background: #fec13c;
    border-radius: 100px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    text-align: center;
    width: 70%;
    margin: 5% auto;
    display: block;
}

div#contact {
    padding-bottom: 7%;
}

select.select {
    width: 100%;
}

img.plan {
    width: 90%;
}

.policy-box {
    background: #fff;
    width: 90%;
    padding: 5%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    margin: 5% auto;
}
.hukidashi {
    position: absolute;
    top: -2% !important;
    width: 17% !important;
    left: 14% !important;
}

.flex-box {
    display: block;
    width: 100%;
    padding-top: 5%;
    margin: 0 auto;
}

img.point {
    width: 100%;
    margin: 0;
    padding-bottom: 2%;
}

.voice-ttl01{
    width: 100% !important;
    padding: 0 !important;
}

img.voice-ttl01{
padding: 0 !important;
}

span.smallbox {
    background: #d7d7d7;
    border-radius: 3px;
    color: #000;
    font-size: 3vw;
    padding: 0.3% 1.5% 0.5% 1.5%;
    margin-left: 5%;
}

iframe {
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 42%;
}

.cta-floating {
    width: 100%;
    display: flex;
    justify-content: space-around !important;
    padding: 3% 2% !important;
    background-color: rgba(232, 246, 259, 0.9);
    bottom: 0;
    z-index: 1;
    position: fixed;
}

a.btn-c {
    width: 90% !important;
    font-size: 4vw !important;
    position: relative;
    color: #fff;
    border-radius: 50px;
    background: linear-gradient(90deg, rgba(246, 216, 67, 1), rgba(240, 167, 63, 1));
    padding: 3%;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1rem;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

a.btn-c:after {
    content: "";
    display: inline-block;
    background: url(../img/mail.png) no-repeat;
    background-size: contain;
    width: 38%;
    height: 38%;
    position: absolute;
    top: 30%;
    left: 7%;
}

div.cta-btn01:after {
    content: "";
    display: inline-block;
    background: url(../img/tel.png) no-repeat;
    background-size: contain;
    width: 47%;
    height: 47%;
    position: absolute;
    top: 27%;
    left: 8%;
}

div.cta-btn02:after {
    content: "";
    display: inline-block;
    background: url(../img/mail.png) no-repeat;
    background-size: contain;
    width: 47%;
    height: 47%;
    position: absolute;
    top: 27%;
    left: 7%;
}

div.cta-btn03:after {
    content: "";
    display: inline-block;
    background: url(../img/tel.png) no-repeat;
    background-size: contain;
    width: 47%;
    height: 47%;
    position: absolute;
    top: 27%;
    left: 7%;
}

td.contact-body {
    display: flex;
    align-items: center;
}

select {
    text-align: center;
    margin: 0 0 0 5%;
}
}