@charset "utf-8";

/*=================================

sp_loan

=================================*/
@media screen and (max-width:767px){

#container #main { /*margin-top:-75px;*/ }

#second_main_visual:before { background-size:105px 46px; height:46px; margin-top:0; left:5%; top:30%; width:105px; }

/*--- loan ---*/
#loan #loan_cont { padding:0 10px 10px; }
#loan #loan_cont .lead { margin-bottom:20px; padding:0 30px; }

/*--- request ---*/
#loan #loan_cont #request {}
#loan #loan_cont #request h2 { padding:20px 15px; }
#loan #loan_cont #request h2 span { font-size:131%; }
#loan #loan_cont #request #request_cont { flex:0 1 100%; padding:10px; }
#loan #loan_cont #request #request_cont > p { margin-top:15px; }
#loan #loan_cont #request #request_cont > p span { font-size:100%; }
#loan #loan_cont #request #request_cont #belongings_cont { padding:20px 20px 30px; }
#loan #loan_cont #request #request_cont #belongings_cont > dl {}
#loan #loan_cont #request #request_cont #belongings_cont > dl > dt {}
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd {}
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul { flex-wrap:wrap; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li { border-top:1px dotted #ddd; flex:0 0 100%; margin-top:20px; padding-top:20px; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li:first-child { border-top:none; margin-top:0; padding-top:0; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl {}
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl dt {}
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl dt img {}
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl dd { text-align:center; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl dd span { line-height:1.6; font-size:100%; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li:nth-child(2) dl dt img { height:48px; }
#loan #loan_cont #request #request_cont .notice { margin-top:15px; padding:15px; }
#loan #loan_cont #request #request_cont .notice p {}
#loan #loan_cont #request #request_cont .notice p span { font-size:93%; line-height:1.6; }

/*--- method ---*/
#loan #loan_cont #method { margin-top:10px; }
#loan #loan_cont #method h2 { padding:20px 15px; }
#loan #loan_cont #method h2 span { font-size:131%; }
#loan #loan_cont #method #method_cont { padding:15px; }
#loan #loan_cont #method #method_cont dl { flex-wrap:wrap; }
#loan #loan_cont #method #method_cont dl > dt { flex:0 0 100%; padding:15px; }
#loan #loan_cont #method #method_cont dl > dt span {}
#loan #loan_cont #method #method_cont dl > dd { flex:0 0 100%; padding:15px; }
#loan #loan_cont #method #method_cont dl > dd span { line-height:1.6; font-size:100%; }
#loan #loan_cont #method #method_cont .notice { margin-top:15px; padding:15px; }
#loan #loan_cont #method #method_cont .notice p span { font-size:93%; line-height:1.6; }

/*--- example ---*/
#loan #loan_cont #example { margin-top:10px; }
#loan #loan_cont #example h2 { padding:20px 15px; }
#loan #loan_cont #example h2 span { font-size:131%; }
#loan #loan_cont #example #example_cont { padding:15px; }

#loan #loan_cont #example #example_cont #example_price_list { padding:10px 10px 10px; }
#loan #loan_cont #example #example_cont #example_price_list p { border:1px solid #ddd; padding:15px 10px; }
#loan #loan_cont #example #example_cont #example_price_list p span { font-size:93%; }
#loan #loan_cont #example #example_cont #example_price_list dl { margin-top:15px; }
#loan #loan_cont #example #example_cont #example_price_list dl dt span { font-size:93%; line-height:1.6; }
#loan #loan_cont #example #example_cont #example_price_list dl dd { margin-top:10px; }
#loan #loan_cont #example #example_cont #example_price_list dl dd ul { flex:0 0 100%; }
#loan #loan_cont #example #example_cont #example_price_list dl dd ul li { align-content:center; align-items:center; display:flex; flex:1 0 20%; justify-content:center; }
#loan #loan_cont #example #example_cont #example_price_list dl dd ul li:first-child { flex:0 0 15%; }
#loan #loan_cont #example #example_cont #example_price_list dl dd ul li span { display:block; flex:0 0 100%; font-size:85%; line-height:1.6; padding:10px 5px; }

#loan #loan_cont #example #example_cont #example_price_list dl dd ul.head li:first-child { flex:0 0 15%; }
#loan #loan_cont #example #example_cont #example_price_list dl dd ul.head li span { flex:0 0 100%; font-size:85%; padding:10px 5%; }

#loan #loan_cont p.outro { padding:25px 0; text-align:center; }
#loan #loan_cont p.outro span { font-size:100%; }

}