@charset "utf-8";

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

loan

=================================*/
.title { background-color:#fff; }
.title:before { content:none; }
.title h2 { padding:45px 0 60px; }
.title h2:after { background-color:#a06c83; bottom:30px; }
.title h2:before { background-color:#eae1da; bottom:30px; }

#nav { background: rgb(160,108,131); background: linear-gradient(90deg, rgba(160,108,131,1) 0%, rgba(160,108,131,1) 50%, rgba(134,84,106,1) 100%); }

#second_main_visual  { position:relative; }
#second_main_visual img { object-position:center top; }
#second_main_visual:before { background-image:url(../img/loan/t_loan.png); background-size:210px 92px; background-position:top center; content:" "; height:92px; position:absolute; top:42%; margin-top:-46px; left:25%; width:210px; z-index:10; }

/*--- loan ---*/
#loan { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; }
#loan #loan_cont { background-color:#fff; flex:0 0 100%; padding:0 50px 50px; }
#loan #loan_cont .lead { margin-bottom:30px; text-align:center; }
#loan #loan_cont .lead span { line-height:1.6; }

#loan #loan_cont #request {}
#loan #loan_cont #request h2 { background-color:#ebdde1; flex:0 0 100%; padding:50px 5%; text-align:center; }
#loan #loan_cont #request h2 span { font-size:185%; font-weight:600; }
#loan #loan_cont #request #request_cont { background-color:#f6ebe8; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin:0; padding:0 5% 50px 5%; }
#loan #loan_cont #request #request_cont > p { margin-top:30px; }
#loan #loan_cont #request #request_cont > p span { font-size:116%; }
#loan #loan_cont #request #request_cont #belongings_cont { background-color:#fff; flex:0 0 100%; margin-top:30px; padding:30px 30px 50px; }
#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 > dt span { font-size:125%; font-weight:600; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd { margin-top:30px; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul { display:flex; justify-content:space-between; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li { flex:0 0 47%; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl { display:flex; justify-content:center; flex-wrap:wrap; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl dt { display:flex; justify-content:center; flex:0 0 100%; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl dt img { height:60px; width:auto; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl dd { margin-top:25px; }
#loan #loan_cont #request #request_cont #belongings_cont > dl > dd ul li dl dd span { font-size:116%; }
#loan #loan_cont #request #request_cont .notice { background-color:#fff; flex:0 0 100%; margin-top:30px; padding:30px; }
#loan #loan_cont #request #request_cont .notice p {}
#loan #loan_cont #request #request_cont .notice p span { display:block; font-size:108%; margin-top:10px; padding-left:20px; position:relative; }
#loan #loan_cont #request #request_cont .notice p span:first-child { margin-top:0; }
#loan #loan_cont #request #request_cont .notice p span:before { color:#ebdde1; content:"●"; position:absolute; left:0; top:0;  }

#loan #loan_cont #method { margin-top:50px; }
#loan #loan_cont #method h2 { background-color:#cfe0e3; flex:0 0 100%; padding:50px 5%; text-align:center; }
#loan #loan_cont #method h2 span { font-size:185%; font-weight:600; }
#loan #loan_cont #method #method_cont { background-color:#e8edee; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin:0; padding:50px 5%; }
#loan #loan_cont #method #method_cont dl { background-color:#6c98a0; display:flex; flex:0 0 100%; }
#loan #loan_cont #method #method_cont dl > dt { align-items:center; display:flex; flex:0 0 25%; justify-content:center; padding:30px; }
#loan #loan_cont #method #method_cont dl > dt span { color:#fff; display:block; font-size:124%; font-weight:600; line-height:1.8; text-align:left; }
#loan #loan_cont #method #method_cont dl > dd { background-color:#fff; display:flex; flex:1 1 75%; justify-content:start; padding:30px; }
#loan #loan_cont #method #method_cont dl > dd span { font-size:124%; line-height:1.8; text-align:left; }
#loan #loan_cont #method #method_cont .notice { background-color:#fff; flex:0 0 100%; margin-top:30px; padding:30px; }
#loan #loan_cont #method #method_cont .notice p {}
#loan #loan_cont #method #method_cont .notice p span { display:block; font-size:108%; margin-top:10px; padding-left:20px; position:relative; }
#loan #loan_cont #method #method_cont .notice p span:before { color:#cfe0e3; content:"●"; position:absolute; left:0; top:0;  }
#loan #loan_cont #method #method_cont .notice p span:first-child { margin-top:0; }

#loan #loan_cont #example { margin-top:50px; }
#loan #loan_cont #example h2 { background-color:#d0dae8; flex:0 0 100%; padding:50px 5%; text-align:center; }
#loan #loan_cont #example h2 span { font-size:185%; font-weight:600; }
#loan #loan_cont #example #example_cont { background-color:#e7ecf4; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin:0; padding:50px 5%; }
#loan #loan_cont #example #example_cont #example_price_list { background-color:#fff; display:flex; flex:1; flex-wrap:wrap; justify-content:space-between; padding:35px 50px 50px; }
#loan #loan_cont #example #example_cont #example_price_list p { flex:0 0 100%; text-align:left; }
#loan #loan_cont #example #example_cont #example_price_list p span { font-size:125%; font-weight:600; }
#loan #loan_cont #example #example_cont #example_price_list dl { flex:0 0 100%; margin-top:35px; }
#loan #loan_cont #example #example_cont #example_price_list dl dt {}
#loan #loan_cont #example #example_cont #example_price_list dl dt span { font-size:116%; }
#loan #loan_cont #example #example_cont #example_price_list dl dd { border-top:1px solid #ddd; margin-top:15px; }
#loan #loan_cont #example #example_cont #example_price_list dl dd ul { border-left:1px solid #ddd; display:flex; flex:0 0 47%; }
#loan #loan_cont #example #example_cont #example_price_list dl dd ul li { border-right:1px solid #ddd;  border-bottom:1px solid #ddd; flex:0 0 20%; text-align:center; }
#loan #loan_cont #example #example_cont #example_price_list dl dd ul li span { display:block; font-size:116%; padding:15px; }

#loan #loan_cont #example #example_cont #example_price_list dl dd ul.head {}
#loan #loan_cont #example #example_cont #example_price_list dl dd ul.head li { background-color:#6c88a0; }
#loan #loan_cont #example #example_cont #example_price_list dl dd ul.head li span { color:#fff; font-size:116%; }

#loan #loan_cont p.outro { padding:50px 0; }
#loan #loan_cont p.outro span { font-size:116%; }