@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;}

.after_purchase_title{ background-color: #46cccc; color: #fff; padding: 3px 10px; box-sizing: border-box; margin-top: 30px;}
.after_purchase_box{ background-color: #eee; padding:20px 30px 30px; box-sizing: border-box; margin-bottom: 10px;}
.after_purchase_box table{ border-collapse: collapse; width: 100%;}
.after_purchase_box table tr{}
.after_purchase_box table tr th,
.after_purchase_box table tr td{ border-bottom: 1px solid #ddd;}
.after_purchase_after{}
.after_purchase_bottom{ margin-top: 30px;}
.after_purchase_bottom .section_subtitle2{ margin-bottom: 20px;}
.after_purchase_pic{}
.after_purchase_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;}

.after_purchase_title{ margin: 20px 10px 0;}
.after_purchase_box{ margin: 0 10px 10px; padding:15px;}
.after_purchase_after{ margin: 0 10px 0;}
.after_purchase_bottom{ margin: 0 10px 20px;}
.after_purchase_pic{ margin-bottom: 10px;}
#column .after_purchase_bottom .section_subtitle2{margin: 20px 0 10px!important;}
#column .after_purchase_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;}

}

.table_box .table_box_inner dl{ margin-bottom: 20px;}
.check_list{ text-align: center; margin: 30px 0 0;}
.check_list p{ margin-bottom: 5px;}
.check_list a{ display: inline-block; text-align: center; font-size: 19px; line-height: 1.2em; font-weight: 700; background-color: #46cccc; border-radius: 50vh; padding: 20px 30px; box-sizing: border-box; color: #fff; text-decoration: none;}
.standard_plan{ margin-top: 10px;}
.standard_plan dl dt{ display: inline-block; background-color: #46cccc; color: #fff; font-size: 14px; font-weight: bold; padding: 0 10px; box-sizing: border-box; border-radius: 5px 5px 0 0;}
.standard_plan dl dd{ margin-top: -2px; border: 2px solid #46cccc; box-sizing: border-box; padding: 15px; box-sizing: border-box; font-size: 14px; line-height: 1.4em; background-color: #fff;}
.standard_plan dl dd table{ width: 100%; border-collapse: collapse; background-color: #fff; margin: 5px 0;}
.standard_plan dl dd table tr th{ background-color: #eee;}
.standard_plan dl dd table tr th,
.standard_plan dl dd table tr td{ width: 50%; padding: 5px; border: 1px solid #ddd; box-sizing: border-box;}
.standard_plan dl dd a{ color: #46cccc;}
.calculate{ margin-top: 10px;}
.calculate dl dt{ display: inline-block; background-color: #777; color: #fff; font-size: 16px; font-weight: bold; padding: 0 10px; box-sizing: border-box; border-radius: 5px 5px 0 0;}
.calculate dl dd{ margin-top: -2px; border: 2px solid #777; box-sizing: border-box; padding: 15px; box-sizing: border-box; font-size: 16px; line-height: 1.4em; background-color: #fff;}
.deduction_list{ background-color: #fff; margin-top: 10px;}
.deduction_list p{ background-color: #46cccc; width: 100%; color: #fff; padding: 0 10px; font-weight: bold; box-sizing: border-box;}
.deduction_list ul{ padding: 10px; box-sizing: border-box;}
.deduction_list ul li{ line-height: 1.8;}
.deadline{ margin: 10px 0 5px;}
.deadline span{ display: inline-block; font-size: 14px; line-height: 1.1em; color: #46cccc; background-color: #fff; padding: 5px 15px; border: 1px solid #46cccc; border-radius: 50vh; box-sizing: border-box;}
#column .table01{}
#column .table01 span{ display: inline-block; position: relative; padding-left: 20px;}
#column .table01 span:before{ content: ''; display: block; width: 15px; height: 15px; border: 2px solid #ccc; box-sizing: border-box; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

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

.standard_plan{ margin: 10px 10px 0;}
#column .float_box .box_text .standard_plan,
#column .point_advice .standard_plan{ margin: 10px 0 0;}
.check_list{ margin-bottom: 20px;}
.check_list p{ color: #fff;}
.check_list a{ font-size: 15px;}
.standard_plan dl dt{ font-size: 12px;}
.standard_plan dl dd{ font-size: 12px; padding: 10px;}
.calculate{ margin: 10px 10px 0;}
.calculate dl dt{ font-size: 14px;}
.calculate dl dd{ font-size: 14px; padding: 10px;}
#column .point_advice{ margin: 10px 10px 0;}
#column .point_advice h4.section_subtitle2{ margin: 0 10px 10px;}

}