
@media screen and (max-width:1280px){
    .sp_none1280{
        display: none;
    }
    .wrapper1280{
        width: 100%;
        padding-left: 3.5%;
        padding-right: 3.5%;
    }
    .depoditContenner{
        padding: 40px 5%;
    }
    #faqPage .depoditContenner{
        padding: 40px 0;
        padding-top: 0;
    }
    .cardArea_hr::after{
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100%;
        transform: translateX(-50%);
        border-bottom: 1px solid #945B9B;
    }

}
@media screen and (max-width:1270px){
    .sp_only1270{
        display: block;
    }
    .sp_none1270{
        display: none;
    }
    .loan01_top_btnBox{
        width: 32%;
        margin-right: 2%;
    }
    .loan01_top_btnBox:nth-child(3){
        margin-right: 0;
    }
}

@media screen and (max-width:1250px){

    .loan01_top_para{
        width: 30%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:1150px){
    .spMax_1150{
        width: 100%;
    }
    .sp1150_mgb20px{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:1110px){
    .sp_only1110{
        display: block;
    }
}
@media screen and (max-width:1100px){
    .sp_only1100{
        display: block;
    }
    .nyukin_net{
        padding: 20px 20px;
        align-items: flex-start;
    }
    .loan02_box_content{
        padding: 20px 20px;
    }
}

@media screen and (max-width:1030px){
    .Ancher{
        top: -60px;
    }
    .sp_over{
        overflow: hidden;
    }
    .hd_btn_sub{
        display: block;
    }
    .sp_only1030{
        display: block;
    }
    .sp1030none{
        display: none;
    }
    .spMax_1030{
        width: 100%;
    }
    .kikancode{
        font-size: 10px;
    }
    #headerMenu.open{
        height: 100%;
        overflow: hidden;
    }
    .hd_mail{
        padding: 0px 10px;
        margin-left: 0px;
    }
    .hd_h1 {
        margin-right: 0px;
    }
    .hd_mail_ico{
        width: 30px;
    }
    .headerMenuInner {
        height: 60px;
    }
    .mail_ico_para{
        font-size: 1.2rem;
    }
    #hd_nav{
        position: fixed;
        width: 100%;
        height: calc(100vh - 60px);
        left: 0;
        top: 60px;
        /* padding-top: 40px; */
        padding-bottom: 50px;
        overflow: auto;
        pointer-events: none;
        opacity: 0;
        /* transition: all 1s ease; */
    }
    .open #hd_nav{
        pointer-events: all;
        opacity: 1;
    }
    .hd_navigation{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding: 20px 0;
        max-width: 400px;
        flex-direction: column;
        background-color: white;
        opacity: 0;
    }
    .open.change .hd_btn_ico{
        height: 35px;
    }
    .open #searchSubmit{
        width: 100%;
    }
    .openNavLiMax{
        width: 100%;
        margin: 10px 0;
        display: block;
    }
    .open .hd_tel{
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .open .hd_navigation{
        opacity: 1;
        transition: opacity 1s ease;
        height: auto;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .open .hd_navigation_li::after {
        display: none;
    }
    .open .hd_btn01{background-color: #E9F7EB;}
    .open .hd_btn02{background-color: #FDF1E5;}
    .open .hd_btn03{background-color: #FDF0F2;}
    .open .hd_btn04{background-color: #F5EFF6;}
    .open .hd_btn05{background-color: #FDF1E5;}
    .open .hd_btn06{background-color: #E9F7EB;}
    .open .hd_btn07{background-color: #F5EFF6;}
    .open .hd_btn08{background-color: #FDF0F2;}

    .hd_navigation_li{
        width: 48%;
        margin-bottom: 20px;
        height: fit-content;
        border-radius: 10px;
        overflow: hidden;
    }
    .hd_navigation_li label{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px 0;
        cursor: pointer;
    }
    .hd_navigation_li a{
        display: block;
        padding: 30px 0px;
        font-size: 1.8rem;
    }
    .hd_navigation_li a::after{
        transform-origin: left;
        position: absolute;
        content: "";
        width: calc(100% - 40px);
        height: 2px;
        background-color: #F49B20;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%) scaleX(0);
        transition: transform 0.5s ease;
    }
    .hd_btn{
        font-size: 2.6rem;
        text-align: left;
    }
    .hd_privacy{
        font-size: 1.8rem;
        text-decoration: underline;
        display: block;
        width: fit-content;
        white-space: nowrap;
    }
    .burger{
        display: block;
    }
    .open #mask{
        opacity: 1;
        visibility: visible;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }
    /* ここからトップページ */
    .mainbody{
        padding-top: 60px;
    }
    .depositNavli{
        width: 48%;
    }
    .depositNavli:nth-child(1),
    .depositNavli:nth-child(2){
        margin-bottom: 20px;
    }
    .contactPageBtn2{
        margin-bottom: 20px;
    }
    .loan01_01_kinri_flex{
        display: block;
    }
    .loan01_01_kinri_left{
        width: 100%;
        max-width: 650px;
        margin: 0 auto 20px auto;
    }
    .loan01_01_kinri_right{
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    .Ancher2{
        top: -90px;
    }
    .Ancher3{
        top: -150px;
    }

}
@media screen and (max-width:1020px){
    .sp1020none{
        display: none;
    }
}
@media screen and (max-width:970px){
    .loan_banner_flex{
        display: block;
    }
    .loan_banner_Area_btn{
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .loan_banner_Title{
        text-align: center;
    }
    .loan_banner_Area_para{
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    .loan01_04_flex_left{
        width: 140px;
    }
    .loan01_04_flex_right{
        width: calc(100% - 150px);
    }
    .loan02_box_content{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .loan02_para2{
        text-align: center;
        margin: 10px 0;
    }
    .loan02_box_flex{
        justify-content: center;
    }
    .loan02_box {
        padding: 20px;
    }
}

@media screen and (max-width:960px){
    .sp_only960{
        display: block;
    }
    .sp_960none{
        display: none;
    }
    .loanLinkBox{
        display: block;
        padding: 20px 8%;
    }
    .loanLinkBox_ico{
        margin: 0 auto 10px auto;
    }
    .loanLinkBoxTitleArea{
        width: 100%;
    }
    .loan06_flexBox{
        width: 49%;
    }
}
@media screen and (max-width:950px){
    .sp_only950{
        display: block;
    }
    .sp_none950{
        display: none;
    }
}

@media screen and (max-width:930px){
    .sp_930none{
        display: none;
    }
    .sp_only930{
        display: block;
    }
    .loan01_03flex{
        display: block;
    }
    .loan01_03flex_ico{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .loan01_03_box_title{
        text-align: center;
    }
    .loan01_03flex2{
        justify-content: center;
    }
}
@media screen and (max-width:920px){
    .sp_920none{
        display: none;
    }
    .loan01_support{
        padding: 20px;
    }
    .loan02flex_list{
        width: 50%;
    }
}


@media screen and (max-width:890px){
    .sp_only890{
        display: block;
    }
}

@media screen and (max-width:860px){
    .sp_860none{
        display: none;
    }
    .loan01_02flex{
        display: block;
    }
    .loan01_02flex_left{
        width: 100%;
        max-width: 400px;
        margin: 0 auto 15px auto;
    }
    .loan01_02flex_right{
        width: 100%;
    }
    .loan02_flexBox{
        width: 49%;
    }
    .loan02_flexBox:nth-child(1),
    .loan02_flexBox:nth-child(2){
        margin-bottom: 15px;
    }
    .loan04_flexBox{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .loan04_flexBox:nth-child(3),
    .loan04_flexBox:last-child{
        margin-right: 0;
    }
    
}
@media screen and (max-width:850px){
    .loan04flex_list{
        width: 100%;
    }
}

@media screen and (max-width:840px){
    .sp_840none{
        display: none;
    }
    .sp_only840{
        display: block;
    }
    .loan01_05_flex{
        display: block;
    }
    .loan01_05_flexBox{
        width: 100%;
    }
    .loan01_05_flexArrow{
        margin: 0px auto;
        width: 25px;
    }
    .loan01_05_flexArrow img{
        position: static;
        transform: translate(0,0) rotate(90deg);
    }
    .loan01_05_flexBox_p{
        width: 80%;
    }
    .loan_orangeArrow{
        top: 0;
        right: 20px;
        bottom: auto;
        left: auto;
        width: auto;
        height: calc(100% - 40px);
        writing-mode: vertical-rl;
        text-orientation: upright;
        padding: 0 5px;
    }
    .orangeArrow{
        width: 40px;
        position: absolute;
        right: 50%;
        top: auto;
        bottom: -50px;
        transform: translate(50%,0) rotate(90deg);
    }
    .loan03_flexBox_br{
        display: block;
    }
}
@media screen and (max-width:810px){
    .sp_only810{
        display: block;
    }
    .loan01_support_br{
        display: block;
    }
    .loan03_boxflex{
        display: block;
    }
}
@media screen and (max-width:768px){
    html{
        min-width: 100%;
    }
    .headerMenuInner {
        height: 60px;
    }
    .burger {
        width: 50px;
    }
    .mgbPc60pxSp40px{
        margin-bottom: 40px;
    }
    .spMgb10px{
        margin-bottom: 10px;
    }
    .SpcolmnReverse{
        flex-direction: column-reverse;
    }
    .PcflexSpcolmn{
        flex-direction: column;
    }
    .sp_widthMax{width: 100%;}
    .wrapper1280{
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .wrapper,.wrapper1140{
        width: 90%;
    }
    .wrapper900{
        width: 90%;
    }
    .wrapper860,.wrapper760{
        width: 90%;
    }
    .wrapper1100{
        width: 90%;
    }
    .pc_only{
        display: none;
    }
    .sp_only{
        display: block !important;
    }
    .sp_onlyflex{
        display: flex;
    }
    .sp_mgb10px{
        margin-bottom: 10px;
    }
    .sp_mgb20px{
        margin-bottom: 20px;
    }
    .mgbPc80pxSp40px{
        margin-bottom: 40px;
    }
    /* ヘッダー */
    .hd_h1{
        letter-spacing: 1px;
    }
    .hd_navigation_li a{
        padding: 20px 0;
    }
    /* フッター */
    .footer_inner_left{
        width: 100%;
        margin-bottom: 20px;
    }
    .footer_inner_right{
        width: 100%;
    }
    .ft_tel {
        width: 100%;
        max-width: 350px;
    }
    /* フッター */
 
    /* トップページ */
    .totop {
        width: 40px;
        height: 40px;
    }
    .absolute .totop {
        top: -55px;
    }
    .ft_contact{
        padding: 20px;
    }
    .spacer{
        padding: 40px 0 !important;
    }
    .tp_circle{
        width: 47%;
        margin-bottom: 20px;
    }
    .tp_circle:nth-child(1){
        margin-right: 6%;
    }
    .tp_service_circle_posi{
        top: 0;
    }
    .tp_circleArea{
        margin-top: 20px;
        margin-bottom: 20px;
        justify-content: center;
    }
    /* アーカイブページ */
    .archive_li{
        width: 47%;
        margin-right: 5%;
        margin-bottom: 30px;
        position: relative;
    }
    .archive_li:nth-child(3n){
        margin-right: 5%;
    }
    .archive_li:nth-child(2n){
        margin-right: 0%;
    }
    .modalBox {
        padding: 5%;
    }
    .pagepd{
        padding: 60px 0 0px 0;
    }
    .pageTopContenner {
        top: 0;
        padding-top: 30%;
        margin-bottom: 60px;
    }

    /* 事業案内 */
    .serviceTitleBack {
        width: 120%;
    }
    .service_bus_ul{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .service_bus_ul li{
        margin-bottom: 10px;
        width: 48%;
        margin-right: 4%;
    }
    .service_bus_ul_title{
        width: 100% !important;
    }
    .service_bus_ul li:nth-child(odd){
        margin-right: 0%;
    }
    .insurTable td{
        font-size: 1.7rem;
    }
    .atm_spacer,
    .responsive_spacer{
        margin-bottom: 10% !important;
    }
    .spacer2{
        padding: 60px 0;
    }
    .loan01_top_flex{
        justify-content: center;
    }
    .loan01Titleflex{
        display: block;
    }
    .point_ico2{
        margin-bottom: 10px;
    }
    .loan01_04_flex_left{
        display: none;
    }
    .loan01_04_flex_right{
        width: 100%;
    }
    .loan01_other{
        padding: 20px;
    }
    .loan02_Box2{
        padding: 20px;
        border: 4px solid #29A339;
    }
    #kinriPage td {
        line-height: 130%;
        padding: 7px 10px;
    }
    .sp_justy{
        text-align: justify;
    }
    .titleArea_para {
        margin-top: 20px;
    }
    .loan12_table th{
        padding: 10px 10px;
    }
    .loan12_table td{
        padding: 10px 10px;
    }
    .loanColorTitle{
        letter-spacing: 0;
    }
}
@media screen and (max-width:750px){
    .loan01_top_btnBox{
        width: 49%;
        margin-right: 2%;
    }
    .loan01_top_btnBox:nth-child(3){
        margin-right: 2%;
    }
    .loan01_top_btnBox:nth-child(even){
        margin-right: 0%;
    }
    .loan01_top_btn img{
        width: 80%;
    }
}

@media screen and (max-width:700px){
    .faqNavLi{
        width: 48%;
        margin-bottom: 15px;
    }
    .faqNavLi:nth-child(4){
        margin-bottom: 15px;
    }
}
@media screen and (max-width:680px){
    .sp_none680{
        display: none;
    }
    .sp_only680{
        display: block;
    }
    .sp_Max680{
        width: 100%;
    }
    .loanLinkBoxPara{
        min-height: auto;
    }
    .loan_suport_br{
        display: none;
    }
    .loan01_top_h2{
        letter-spacing: 0px;
    }
    .loanLinkBoxTitle_spchange{
        min-height: auto;
        display: block;
    }
}
@media screen and (max-width:660px){
    .sp_only660{
        display: block;
    }
}

@media screen and (max-width:630px){
    .loan01_support{
        flex-direction: column;
        align-items: center;
    }
    .loan01_support_ico{
        margin-bottom: 10px;
    }
}
@media screen and (max-width:620px){
    .sp_none620{
        display: none;
    }
}
@media screen and (max-width:610px){
    .sp_only610{
        display: block;
    }
}

@media screen and (max-width:600px){
    .sp_only600{
        display: block;
    }
    .postNaviLi a{
        border-right: none;
    }
    .postNaviUl{
        border-right: 1px solid #145CAB;
    }
    .tp_infoArea{
        margin-bottom: 20px;
    }
    .tp_infoArea,.tp_bannerArea{
        width: 100%;
    }
    .tp_bannerUL li{
        width: 48%;
    }
    .sp600_width48{
        width: 48%;
    }
    .sp600_mgb15px{
        margin-bottom: 15px;
    }
    .loan06_flexBox{
        width: 100%;
    }
}
@media screen and (max-width:590px){
    .contactFlex{
        display: block;
        margin-bottom: 20px;
    }
    .contactFlexLeft{
        width: 100%;
        margin-bottom: 10px;
    }
    .loan02flex_list{
        width: 100%;
    }
}
@media screen and (max-width:580px){
    .sp_only580{
        display: block;
    }
    .sp_ls_none580{
        letter-spacing: 0;
    }
}

@media screen and (max-width:560px){
    html{
        font-size: 60%;
    }
    .parentArrow::before{
        width: 20px;
        height: 20px;
    }
    .childArrow::before{
        width: 16px;
        height: 16px;
    }
    .deposit03_table01 td{
        padding: 10px;
    }
    .loan_banner_Area{
        padding: 20px;
    }
}


@media screen and (max-width:550px){
    html{
        font-size: 55%;
    }
    .hd_mail {
        padding: 5px 5px;
    }
    .sub_footer_guide_tel{
        padding: 20px 10px;
    }
    .sub_footer_guide_mail{
        padding: 20px 10px;
    }
    .sub_footer_guide {
        padding: 20px;
    }
}
@media screen and (max-width:540px){
    .loan_orangeArrow{
        padding: 0 2px;
    }
    .orangeArrow{
        width: 30px;
        position: absolute;
        right: 50%;
        top: auto;
        bottom: -40px;
        transform: translate(50%,0) rotate(90deg);
    }

}
@media screen and (max-width:520px){
    .sp_only520{
        display: block;
    }
    .sp_none520{
        display: none;
    }
    .service_bus_ul li{
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0%;
    }
    .target_audience {
        display: block;
        width: 100%;
        white-space: wrap;
        text-align: center;
        line-height: 130%;
    }
    .target_Btn{
        min-width: 100%;
        text-align: center;
    }
}
@media screen and (max-width:510px){
    .sp_only510{
        display: block;
    }
    .loan01_01_kinri{
        margin-bottom: 15px;
    }
}

@media screen and (max-width:500px){
    .sp_only500{
        display: block;
    }
    .sp_none500{
        display: none;
    }
    .busModalContent{
        padding: 5%;
    }
    .contactPageBtn::after{
        width: 20px;
        height: 20px;
    }
    .tabBtn{
        padding: 7px 0;
    }
    .titleArea_para {
        margin-top: 15px;
    }
    .loan12_table th{
        padding: 5px 10px;
    }
    .loan12_table td{
        padding: 5px 10px;
    }
}
@media screen and (max-width:490px){
    .sp_only490{
        display: block;
    }
    .loan01_top_para{
        width: calc(50% - 10px);
    }
    .loan01_top_para:nth-child(even){
        margin-right: 0;
    }
    .loan04_flexBox{
        width: 49%;
        margin-right: 2%;
    }
    .loan04_flexBox:nth-child(3),
    .loan04_flexBox:last-child{
        margin-right: 2%;
    }
    .loan04_flexBox:nth-child(2n){
        margin-right: 0;
    }
}
@media screen and (max-width:480px){
    .sp_only480{
        display: block;
    }
    .loan01_05_flexArrow {
        width: 18px;
    }
}

@media screen and (max-width:470px){
    .sp_only470{
        display: block;
    }
    .checkList{
        position: relative;
        padding-left: 35px;
        font-size: clamp(1.9rem,3vw,2.2rem);
        line-height: 130%;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .checkList::after{
        content: "";
        position: absolute;
        left: 0;
        top: -8px;
        width: 30px;
        height: 30px;
        background: url(../image/loan/check.png) no-repeat;
        background-size: contain;
    }
}
@media screen and (max-width:460px){
    .sp_only460{
        display: block;
    }
    .sp_none460{
        display: none;
    }
    .depositNavBtn p{
        font-size: 1.7rem;
        letter-spacing: 0;
    }
    .loan01_top_para{
        width: 100%;
        margin-right: 0;
    }
    .spMax460{
        width: 100%;
    }
    .loan01_top_btnBox {
        width: 100%;
        margin-right: 0%;
        min-height: auto;
    }
    .loan01_top_btnArea{
        display: flex;
    }
    .loan01_top_btn{
        width: 50%;
    }
    .loan01_top_btn_bottom{
        width: 50%;
    }

}
@media screen and (max-width:450px){
    .sp_only450{
        display: block;
    }
    .sp_none450{
        display: none;
    }
    .loan01_top_btn_Para span{
        display: none;
    }
    .loan01_other_table th,
    .loan01_other_table td{
        display: block;
        width: 100%;
    }
    .loan01_other_table td{
        padding: 10px 0;
    }


}
@media screen and (max-width:440px){
    .sp_only440{
        display: block;
    }
}

@media screen and (max-width:430px){
    .sp_block430{
        display: block;
    }
    .loan_suport_br{
        display: block;
    }
    .loan01_03flex2{
        display: block;
    }
    .loan01_03flex2Box:nth-child(1){
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .loan03_flexBox{
        width: 100%;
        margin-bottom: 15px;
    }
    .loan03_flexBox_br{
        display: none;
    }
}
@media screen and (max-width:420px){
    .sp_only420{
        display: block;
    }
    .sp_none420{
        display: none;
    }
    .tp_bannerUL li{
        width: 100%;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }
    .deposit02_message{
        padding: 30px;
    }
    .sub_footer_tel{
        text-align: left;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .sub_footer_mail{
        text-align: left;
        padding-left: 1.6rem;
        text-indent: -1.6rem;
    }

}
@media screen and (max-width:410px){
    .sp_only410{
        display: block;
    }
    .sp_none410{
        display: none !important;
    }
}
@media screen and (max-width:400px){
    .sp_only400{
        display: block;
    }
    .sp_none400{
        display: none;
    }
    .deposit01navBtn {
        height: 60px;
        margin-bottom: 10px;
    }

}
@media screen and (max-width:380px){
    .sp_only380{
        display: block;
    }
    .sp_block380{
        display: block;
    }
    .loan01_top_btn_bottom{
        min-height: 120px;
    }
    .loan01_support_br{
        display: none;
    }
    .subFooter_tel {
        font-size: clamp(3rem,9vw,4rem);
    }
}
@media screen and (max-width:370px){
    .sp_only370{
        display: block;
    }
    .sp_none370{
        display: none;
    }
    .contactPageBtn::after{
        display: none;
    }
    .notfoundPara{
        text-align: justify;
    }
}

@media screen and (max-width:360px){
    .sp_only360{
        display: block;
    }
    .spMax360{
        width: 100%;
    }
    .sp360_mgb15px{
        margin-bottom: 15px;
    }
}
@media screen and (max-width:350px){
    .sp_only350{
        display: block;
    }
    .sp_none350{
        display: none;
    }
}

