@charset "UTF-8";


/*---------------------------------------------------------
共通
---------------------------------------------------------*/
.line-ttl{
    border-left: 1px solid var(--color-navy);
    padding-left: .5em;
    line-height: 1.3;
}
.txt-note{
    color:#999591;
}


/*---------------------------------------------------------
lead
---------------------------------------------------------*/
.lead {
    background-image: url(../../assets/images/price/bg_lead.png), linear-gradient(to bottom, #fff 0%, #f8f9f8 100%);
    background-position: right bottom 10%, center;
    background-repeat: no-repeat;
    background-size: 46%, 100%;
}
.lead .lead__img{
    width: min(100%,1033px);
    margin-inline: auto;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.lead {
    background-position: right bottom 76vw, center;
}
}


/*---------------------------------------------------------
about
---------------------------------------------------------*/
.about .about__list-wrap{
    display: flex;
    flex-wrap: wrap;
    gap:3em;
}
.about .about__list-item{
    background-color: #f0f0f0;
    width: calc((100% / 2) - 3em);
    padding:3% 4%;
}
.about .p-bg__white{
    background-color: #fff;
    padding: 3% 7%;
    width: min(100%, 900px);
    margin-inline: auto;
}
.about .p-bg__white .c-list-dotto {
    width: min(100%, 700px);
    margin-inline: auto;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.about .about__list-wrap{
    gap:1.5em;
}
.about .about__list-item{
    width: 100%;
    padding: 6% 8% 8% 6%;
}
.about .c-list-dotto{
    padding: 6% 10%;
}
}


/*---------------------------------------------------------
explain
---------------------------------------------------------*/
.explain{
    color:#fff;
    background-image: url(../../assets/images/price/bg_explain1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.explain .c-list-check.--count3{
    column-count: 3;
    width: min(100%,987px);
    margin-inline: auto;
    font-weight: normal;
}
.explain .c-list-check > li{
    margin-bottom: .5em;
}
.explain .c-list-check > li::before{
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.explain .explain__bdr{
    border-top:1px solid rgba(255,255,255,.4);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.explain .c-list-check.--count3{
    column-count: 2;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.explain .c-list-check.--count3{
    column-count: 1;
}
}


/*---------------------------------------------------------
price-list
---------------------------------------------------------*/
.price-list .price-list__anchor{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap:.5em;
}
.price-list .price-list__anchor > li{
    display: flex;
    align-items: center;
    justify-content: center;
}
.price-list .price-list__anchor > li > a{
    background-color: #fff;
    border-radius: .5em;
    border:1px solid #eceee8;
    display: block;
    width: 100%;
    padding:1.4em 1em;
    line-height: 1.5;
    transition:.3s;
}
.price-list .price-list__anchor > li > a:hover{
    background-color: rgba(76, 76, 76, 0.8);
    color: #fff;
}

/*table*/
.price-table table{
    border-collapse: collapse;
}
.price-table tr{
    border-top:1px solid #eceee8;
}
.price-table tr:last-of-type{
    border-bottom:1px solid #eceee8;
}
.price-table .price-table__ttl:has(h4){
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.price-table .price-table__ttl .txt-zeikomi{
    text-align: right;
}
.price-table .price-table__cont{
    display: flex;
    gap:2em;
    padding:4% 0;
    font-weight: normal;
    margin-right: 4%;
}
.price-table .price-table__img{
    width: min(30%,240px);
}
.price-table .price-table__info{
    width: 50%;
    flex-grow: 1;
}
.price-table .price-table__cont .price-table__info-ttl{
    line-height: 1.3;
    letter-spacing: -0.04em;
}
.price-table .price-table__assessment{
    display: flex;
    gap:1.5em;
    background-color: #fff;
    padding:.5em 1em;
    border-radius: .5em;
}
.price-table .price-table__assessment li{
    font-size: min(1.7vw,18px);
}
.price-table .price-table__yen{
    background-color: #fff;
    width: 20%;
    padding:3% 0;
}
.price-table .price-table__yen-cat{
    margin-top: 1em;
    gap:1em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*table*/
.price-table .price-table__cont{
    gap:1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.price-list .price-list__anchor{
    grid-template-columns: repeat(2, 1fr);
}

/*table*/
.price-table .price-table__ttl:has(h4){
    display: block;
}
.price-table .price-table__ttl .txt-zeikomi{
    margin-top: 1em;
    font-size: 85%;
}
.price-table .price-table__cont{
    flex-direction: column;
    gap:1.5em;
    padding: 8% 0 1em 0;
    margin-right: 0;
}
.price-table .price-table__img {
    width: 70%;
    margin-inline: auto;
}
.price-table .price-table__info{
    width: 100%;
}
.price-table .price-table__assessment{
    flex-wrap: wrap;
    gap: 0 1.5em;
    padding: .5em 3em;
}
.price-table .price-table__assessment > li{
    width: calc((100% / 2) - 1.5em);
    font-size: calc(18 * 0.09rem);
}
.price-table .price-table__yen{
    display: block;
    width: 100%;
    padding: 6% 4%;
}
.price-table .price-table__yen-inner{
    width: max-content;
    margin-inline: auto;
}
.price-table .price-table__yen-cat{
    display: flex;
    align-items: center;
    margin-top: 0;
}
.price-table .price-table__yen-cat dt{
    min-width: 11rem;
    text-align: left;
}
.price-table .price-table__cont .price-table__info-ttl + p{
    margin-top: .5em;
}
}

/*---------------------------------------------------------
confirm
---------------------------------------------------------*/
.confirm{
    background-color: #eceee8;
    background-image: url(../../assets/images/price/bg_confirm1.png);
    background-position: bottom left;
    background-size: contain;
    background-repeat: no-repeat;
}
.confirm .confirm__graph-wrap{
    display: flex;
    justify-content: center;
    gap:3em;
    width: min(100%, 700px);
    margin-inline: auto;
}
.confirm .confirm__graph-img{
    max-width: 250px;
}
.confirm .confirm__graph-img img{
    max-width: 230px;
    margin-inline: auto;
}
.confirm .confirm__graph-list{
    flex-grow: 1;
}
.confirm .confirm__graph-list .c-list-check{
    position: relative;
    padding:3% 0 3% 33%;
}
.confirm .confirm__graph-list .c-list-check::before{
    content:"";
    display: inline-block;
    width: min(23%,94px);
    aspect-ratio: 94 / 321;
    background-image: url(../../assets/images/price/graph_line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
}
.confirm .confirm__graph-list li{
    margin-bottom: .5em;
}
.confirm .confirm__graph-list p{
    padding-left: 33%;
}
.confirm .confirm__txt-right{
    width: min(100%, 747px);
    margin-left: auto;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.confirm{
    background-size: 120%;
}
.confirm .confirm__graph-wrap{
    flex-direction: column;
    align-items: center;
    gap:5em;
}
.confirm .confirm__graph-img{
    max-width: none;
}
.confirm .confirm__graph-img img{
    max-width: 50% !important;
}
.confirm .confirm__graph-list .c-list-check{
    padding:16% 0 0 0;
}
.confirm .confirm__graph-list .c-list-check::before{
    width: auto;
    height: 90vw;
    top: -12em;
    left:50%;
    transform: translateX(-50%) rotate(90deg);
}
.confirm .confirm__graph-list p{
    padding-left: 0;
}
}

/*---------------------------------------------------------
pay
---------------------------------------------------------*/
.pay .pay__circle-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:.7em;
    width: min(90%,930px);
    margin-inline: auto;
}
.pay .pay__circle-item{
    border:1px solid #3e352e;
    aspect-ratio: 1 / 1;
    width: calc((100% / 4) - .7em);
    border-radius: 50%;
    display: flex;
    gap:.5em;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}
.pay .pay__circle-item img{
    margin:0;
}
.pay .pay__card-wrap{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap:2em;
    width: min(100%,840px);
}
.pay .pay__card-wrap img{
    mix-blend-mode: multiply;
}
.pay .loan__suruga-point{
    display: flex;
    border-bottom: 1px solid #c4cab7;
}
.pay .loan .p-bg__beige{
    padding: var(--gap-40) 8%;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.pay .pay__circle-item{
    width: calc((100% / 2) - .7em);
}
.pay .pay__circle-item img{
    width: 40% !important;
}
.pay .loan__suruga-point{
    flex-direction: column;
    width: 80%;
    margin-inline: auto;
}
.pay .pay__card-wrap{
    grid-template-columns: repeat(3, 1fr);
}
.pay .loan__suruga-point li{
    margin-top: -15%;
}
.pay .loan__suruga-point li:first-of-type{
    margin-top: 0;
}
.pay .loan .p-layout__list.--col3.--check{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw !important;

}
.pay .loan .p-layout__list.--col3.--check li{
    font-size: 90%;
}
}



/*---------------------------------------------------------
deduction
---------------------------------------------------------*/
.deduction .deduction__formula{
    display: flex;
    justify-content: center;
    gap: min(5vw, 3em);;
}
.deduction .deduction__formula span{
    font-size: min(1.9vw, 20px);
    padding:.7em 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
    border-radius: .5em;
    position: relative;
}
.deduction .deduction__formula span:first-of-type{
    background-color: #e1f0df;
    border:1px solid #cfe7cc;
}
.deduction .deduction__formula span:nth-of-type(2){
    background-color: #e5edee;
    border:1px solid #c3d3dd;
}
.deduction .deduction__formula span:nth-of-type(3){
    background-color: #f7ede0;
    border:1px solid #eed3c7;
}
.deduction .deduction__formula span:nth-of-type(4){
    background-color: #f1f0ef;
    border:1px solid #dadbdb;
}
.deduction .deduction__formula span::after{
    display: inline-block;
    font-size: 130%;
    position: absolute;
    top:50%;
    left: -1.5em;
    transform:translateY(-50%);
}
.deduction .deduction__formula span:nth-of-type(2):after{
    content:"=";
}
.deduction .deduction__formula span:nth-of-type(3):after,
.deduction .deduction__formula span:nth-of-type(4):after{
    content:"−";
}

.deduction .deduction__target{
    width: min(100%,1080px);
    margin-inline: auto;
}
.deduction .deduction__target:first-of-type{
    border-bottom: 1px solid #ecebe7;
    padding-bottom: 2em;
}
.deduction .deduction__target .c-list-dotto,
.deduction .deduction__target .c-list-x{
    justify-content: center;
    gap: .6em 5%;
}
.deduction .deduction__target .c-list-dotto{
    width: min(100%,1100px);
    margin-inline: auto;
}
.deduction .deduction__target .c-list-x{
    width: min(100%,880px);
    margin-inline: auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.deduction .deduction__target .c-list-dotto{
    grid-template-columns: repeat(2, 1fr);
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.deduction .deduction__formula{
    flex-direction: column;
    width: 90%;
    margin-inline: auto;
    gap:.5em;
}
.deduction .deduction__formula span{
    font-size: 90%;
}
.deduction .deduction__formula span::after{
    left: -1em;
}
.deduction .deduction__target .c-list-dotto,
.deduction .deduction__target .c-list-x{
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
}
}


/*---------------------------------------------------------
guarantee
---------------------------------------------------------*/
.guarantee .p-layout__list.--grd-gold{
    gap: .5em;
}
.guarantee .p-layout__list.--grd-gold > li{
    color: #fff;
    letter-spacing: normal;
    line-height: 1.1em;
    width: calc((100% / 5) - .5em);
    height: 4.5em;
}

.guarantee__box1 .p-bg__white{
    width: min(100%,840px);
    margin-inline: auto;
    padding: var(--gap-40) 4% 2% 4%;
}
.guarantee__box1 .p-bg__white .c-list-circle{
    width: min(100%,680px);
    margin-inline: auto;
}
.guarantee__box1 .guarantee__graph dt{
    background-color: #eceee8;
    padding:0 3em;
    border-radius: 50px;
    width: fit-content;
    margin-inline: auto;
}
.guarantee__box1 .p-bg__beige .c-list-x{
    width: min(100%, 680px);
    margin-inline: auto;
}
.guarantee__box1 .bdr-btm{
    position: relative;
}
.guarantee__box1 .bdr-btm::after{
    content:"";
    width: 80%;
    height: 1px;
    background-color: #ecebe7;
    display: inline-block;
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
}
.scroll-txt{
	display: none;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.scroll-txt{
	display: block;
}
.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-horizontal {
	display: block !important;
}
.sp-scroll{ /*横スクロールさせたい親要素*/
    overflow-x: auto;
    padding-bottom: 8%;
    margin-bottom: 4%;
}
.sp-scroll img { /*サイズ指定*/
    min-width: 220%;
}
.simplebar-track.simplebar-horizontal {
    height: .5em !important;
    background: #ddd;
    border-radius: 6px;
    margin: 0 auto;
}
.simplebar-scrollbar:before {
    height: .5em !important;
    background: #555 !important;
    border-radius: 6px;
    top: 0 !important;
}
}


/*---------------------------------------------------------
faq
---------------------------------------------------------*/
.faq .faq__outro{
    position: relative;
    z-index: 1;
}
.faq .c-faq{
    position: relative;
    z-index: 2;
}
.faq .faq__outro::after{
    content: "";
    display: inline-block;
    width: 100%;
    aspect-ratio: 1536 / 1000;
    background-image: url(../../assets/images/price/bg_outro1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    top:-20%;
    z-index: -1;
}
.faq .p-bg__white{
    width: min(100%, 1000px);
    margin-inline: auto;
}
.faq .p-bg__white .c-list-dotto{
    width: min(100%, 800px);
    margin-inline: auto;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.faq .faq__outro{
    padding-top: 22%;
}
.faq .faq__outro::after{
    top: -5%;
}
}


/*---------------------------------------------------------

---------------------------------------------------------*/

/* page-common - col
-----------------------------------------------*/
/*画像テキスト横並び*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {


}