@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------
PC
------------------------------------------------------------*/
@media all and (min-width: 769px) {

#loan .head,
#loan .head h1 {
margin-bottom: 0;
}
#loan .content {
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
background:#f4f6f7;
padding-bottom: 2rem;
}
#loan .content .inner {
background-color:transparent;
}
#loan .before {
margin-bottom: 3rem;
}
#loan .before p {
margin-bottom: 2rem;
}
#loan .before dl {
border-top: solid 3px #202020;
padding-top: 1rem;
text-align: left;
}
#loan .before dt {
font-weight: bold;
margin-bottom: 0.5rem;
}
#loan .before dd {
line-height: 1.8em;
}
    .formWrap h2{
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
        background: #202020;
        color: #fff;
        font-size: 1.2em;
        text-align: center;
        padding: 10px 30px;
        margin: 0 0 30px;
        width: 100%;
    }
    .formWrap dl{
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: auto;
        width: 100%;
    }
  
    .formWrap dt{
        background:#202020;
        border-bottom:1px solid #a7a7a7;
        font-weight: 600;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        width: 26%;
        color: #fff;
    }
    .formWrap dd{
        background:#fff;
        border-bottom:1px solid #a7a7a7;
        padding: 10px 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-grow: 1;
        width: 72%;
    }
    .formWrap dd p.kakoi{
        margin: 10px 0 0;
        width: 100%;
    }
    .formWrap dd p.chuki{
        font-size:0.8em;
        width: 100%;
    }
    .formWrap .addtext{
        border-bottom:1px solid #a7a7a7;
        background:#ffd7de;
        font-weight: 400;
        padding: 10px 20px;
        font-weight: bold;
    }
    .formWrap input[type="text"],.formWrap input[type="number"]{
        border:1px solid #929292;
        margin: 0 10px 0 0;
        padding: 15px;
        min-width: 254px;
        max-height: 40px;
    }
    .buttonarea{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap:1%;
        margin: 2% auto 5%;
        width: fit-content;
    }
    section input[type="button"],
    section input[type="reset"]{
        border:0;
        border-radius: 10px;
        display: block;
        color: #fff;
        text-align: center;
        margin: 3% auto 0;
        padding: 12px 6%;
        min-width: 400px;
        width: fit-content;
    }
    section input[type="button"]{
        background:#ff6c7e;
    }
    section input[type="reset"]{
        background:#969696;
    }
    .endtext{
        font-family: 'Noto Sans JP', sans-serif;
        font-size:0.8em;
        font-weight: 300;
        width: 100%;
        padding: 0;
    }
}

/*------------------------------------------------------------
SP
------------------------------------------------------------*/
@media all and (max-width: 768px) {
   

    .formWrap_inner{
        border:1px solid #a7a7a7;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .formWrap h2{
        background: #6fb92c;
        color: #fff;
        font-size: 1.2em;
        text-align: center;
        padding: 8px 30px;
        margin: 0 auto 30px;
        width: 90%;
    }
    .formWrap dl{
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: auto;
        width: 100%;
    }
    .formWrap dl:last-child dd{
        border-bottom:none;
    }
    .formWrap dt{
        background:#f1f0f0;
        border-bottom:1px solid #a7a7a7;
        font-weight: 600;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        width: 100%;
    }
    .formWrap dd{
        background:#fff;
        border-bottom:1px solid #a7a7a7;
        padding: 10px 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-grow: 1;
        width: 100%;
    }
    .formWrap dd p.kakoi{
        margin: 10px 0 0;
        width: 100%;
    }
    .formWrap dd p.chuki{
        font-size:0.8em;
        width: 100%;
    }
    .formWrap .addtext{
        border-bottom:1px solid #a7a7a7;
        background:#e5f9e5;
        font-weight: 400;
        padding: 10px 20px;
    }
    .formWrap input[type="text"],.formWrap input[type="number"]{
        border:1px solid #929292;
        margin: 0 10px 0 0;
        padding: 15px;
        width: 80%;
    }
    .buttonarea{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap:1%;
        margin: 0 auto 12%;
        width: 100%;
    }
    section input[type="button"],
    section input[type="reset"]{
        border:0;
        border-radius: 10px;
        display: block;
        color: #fff;
        text-align: center;
        margin: 3% auto 0;
        padding: 12px 6%;
        width: 48%;
    }
    section input[type="button"]{
        background:#ff8a42;
    }
    section input[type="reset"]{
        background:#969696;
    }
    
    .before {
    margin-bottom: 2rem;
    padding: 1rem;
    }
    section .head h1 span {
    display: none;
    }
    section .head {
    margin-bottom: 2rem;
    }
    
    
    
    
    
    
    

}