@charset "UTF-8";

#column .table01 th{width:120px;}
#column .table02 th.tate{ min-height:9em; width: 2em; text-align: center;}
#column .table02 th.tate span{-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;}

#column .table_box.green table td.table_g{ background: #ddfffa;}
#column .section_subtitle2{ font-size: 21px; line-height: 1.2; font-weight: 700; color: #46cccc;}
#column .box_text + .section_subtitle2,
#column .float_box + .section_subtitle2{ margin:40px 0 -25px;}
#column .float_box{ margin: 0!important;}

#column .frame{border:2px solid #E1E1E1;box-sizing:border-box;padding:20px;margin:40px 0 0;}
#column .frame .section_subtitle2{margin-top:0;}
#column .frame .box_text{ margin: 0!important;}
#column .dl_list dl{ margin-top: 20px;}
#column .dl_list dl dt{ font-weight: 700;}
#column .dl_list dl dd{}

.point_advice{ background-color: #ddfffa; padding: 30px; box-sizing: border-box; border-radius: 15px; margin-top: 20px;}

.refinancing_title{ background-color: #46cccc; color: #fff; padding: 3px 10px; box-sizing: border-box; margin-top: 30px;}
.refinancing_box{ background-color: #eee; padding:20px 30px 30px; box-sizing: border-box; margin-bottom: 10px;}
.refinancing_box table{ border-collapse: collapse; width: 100%;}
.refinancing_box table tr{}
.refinancing_box table tr th,
.refinancing_box table tr td{ border-bottom: 1px solid #ddd;}
.refinancing_after{}
.refinancing_bottom{ margin-top: 30px;}
.refinancing_bottom .section_subtitle2{ margin-bottom: 20px;}
.refinancing_pic{}
.refinancing_pic img{ width: 100%; height: auto;}

.loan_flow{ margin-top: 50px}
.loan_flow .flow_box{ margin-bottom: 60px; position: relative;}
.loan_flow .flow_box::before{ content: ""; position: absolute; bottom: -50px; left:50%; transform: translateX(-50%); border: 18px solid transparent; border-top: 20px solid #46cccc;}
.loan_flow .flow_box:last-child::before{ display: none;}
.loan_flow .flow_box .flow_title{ font-size: 21px; line-height: 1.2; font-weight: 700; color: #46cccc; margin-bottom: 10px;}
.loan_flow .flow_box > p{}
.loan_flow .flow_box .flow_data{ background-color: #eee; padding: 25px; box-sizing: border-box;}
.loan_flow .flow_box .flow_data p{ font-weight: 700;}
.loan_flow .flow_box .flow_data ul li{}

.case_box{ margin-top: 50px;}
.case_box dl{ margin-bottom: 30px;}
.case_box dl dt{ font-size: 21px; line-height: 1.2; font-weight: 700; color: #46cccc; margin-bottom: 10px;}
.case_box dl dd{}

@media screen and (max-width:767px){
.table_box_inner{ padding: 10px;}
#column .table01 th,
#column .table01 td{ display: block; width:100%; box-sizing: border-box; margin-top: -1px;}
    
#column .section_subtitle2{ font-size: 16px; line-height: 1.2; margin: 20px 10px 10px;}
#column .box_text + .section_subtitle2,
#column .float_box + .section_subtitle2{ margin:20px 10px 10px;}
#column .dl_list dl{ margin-top: 10px;}

#column .frame{ padding:10px; margin:10px 10px 0;}
#column .frame .section_subtitle2{margin-top:0;}
#column .frame .box_text{ margin: 0!important;}
#column .dl_list dl{ margin-top: 20px;}
#column .dl_list dl dt{ font-weight: 700;}
#column .dl_list dl dd{}

.point_advice{ padding: 15px; border-radius: 10px; margin-top: 10px;}

.refinancing_title{ margin: 20px 10px 0;}
.refinancing_box{ margin: 0 10px 10px; padding:15px;}
.refinancing_after{ margin: 0 10px 0;}
.refinancing_bottom{ margin: 0 10px 20px;}
.refinancing_pic{ margin-bottom: 10px;}
#column .refinancing_bottom .section_subtitle2{margin: 20px 0 10px!important;}
#column .refinancing_bottom .box_text{ padding: 0;}

.loan_flow{ margin-top: 20px}
.loan_flow .flow_box{ margin:0 10px 40px!important;}
.loan_flow .flow_box::before{ bottom: -40px; border: 14px solid transparent; border-top: 16px solid #46cccc;}
.loan_flow .flow_box .flow_title{ font-size: 16px;}
.loan_flow .flow_box .flow_data{ margin: 0; padding: 15px;}

.case_box{ margin-top: 20px;}
.case_box dl{ margin:0 10px 15px;}
.case_box dl dt{ font-size: 16px;}

}