@charset "UTF-8";


#footer{ margin-top: 0; }
#main .section{ background-image: url(../image/column/01/bg.jpg); background-attachment: fixed; background-size: cover; padding: 50px 0 100px 0; }
#main .section .column_content {width: 780px; margin: 70px auto 0;}
#main .section .column_content .column_title { width: 100%; display: -ms-flex; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; padding: 25px; box-sizing: border-box; background: #FFF; border: solid 2px #BCBF77; box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.1); }
#main .section .column_content .column_title .number { width: 16%; display: flex; background: #BCBF77; justify-content: center; align-items: center; font-size: 18px; line-height: 1; font-weight: bold; color: #FFF; text-align: center; letter-spacing: 0.2em; }
#main .section .column_content .column_title .number span { font-size: 180%; transform: translate(0 , -4px);}
#main .section .column_content .column_title h3 { width: 80%; display: flex; font-size: 38px; line-height: 1.5; font-weight: bold; color: #333; }
#main .section .column_content .photo { margin: 35px 0 0 0 ; text-align: center;}
#main .section .column_content .illust { margin: 35px 0 0 0 ; text-align: center; width: 100%; background-color: #FFF; padding: 20px 0; border-radius: 20px;}
#main .section .column_content .copy { margin: 25px 0 0 0 ; font-size: 16px; line-height: 2.2; color: #E8E8E8;}
#main .section .column_content .copy .copy_inner_title {font-size: 120%; font-weight: bold;}
#main .section .column_content h4 { margin: 80px 0 0 0 ; font-size: 28px; line-height: 1.8; font-weight: bold; color: #FFF; padding: 10px 0 10px 20px; border-left: solid 5px #BCBF77; }
#main .section .column_content h6 { margin: 50px 0 0 0 ; font-size: 24px; line-height: 1.8; font-weight: bold; color: #BCBF77; padding: 10px 0 10px 0px; border-top: solid 1px #BCBF77; border-bottom: solid 1px #BCBF77; }
#main .section .column_content .h7 { margin: 40px 0 0 0 ; font-size: 20px; line-height: 1.8; font-weight: bold; color: #FFF; position:relative; padding-left: 25px; }
#main .section .column_content .h7::before { content: ""; position: absolute; width: 18px; height: 1px; background: #BCBF77; top: 18px ; left:0 }
#main .section .column_content .memo { margin: 35px 0 0 0 ; font-size: 16px; line-height: 2.2; padding: 24px; background: #3D5C85; color: #e8e8e8;}
#main .section .column_content .memo .memo_title { display: inline-block; padding: 10px; background: #FFF; color:#3D5C85; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 4px;}
#main .section .column_content .caption { margin: 12px 0 0 0 ; font-size: 12px; line-height: 2; color: #e8e8e8;}
#main .section .column_content .number_title { width: 100%; margin-top: 45px; display: -ms-flex; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; border-bottom: solid 1px #BCBF77; }
#main .section .column_content .number_title .number { width: 6%; display: flex; background: #BCBF77; justify-content: center; align-items: center; font-size: 20px; line-height: 1; font-weight: bold; color: #FFF; text-align: center; padding: 8px 0; }
#main .section .column_content .number_title h5 { width: 92%; display: flex; font-size:22px; line-height: 1.5; font-weight: bold; color: #BCBF77; padding: 8px 0; }
#main .section .column_content .loan_info { width: 100%; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 25px 0 0 0; }
#main .section .column_content .loan_info .loan_info_item { width: 49%; display: -ms-flex; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.1);}
#main .section .column_content .loan_info .loan_info_item .item_left { width: 33%; display: flex; background: #395982; justify-content: center; align-items: center; font-size: 18px; line-height: 1; font-weight: bold; color: #FFF; text-align: center; padding: 8px 0; }
#main .section .column_content .loan_info .loan_info_item .item_right { width: 67%; display: flex; background: #FFFFFF; justify-content: center; align-items: center; font-size: 16px; line-height: 1.5; font-weight: bold; color: #333; text-align: center; padding: 8px 0; }
#main .section .column_content .consultation { width: 100%; margin-top: 80px; box-sizing: border-box; background: #FFF; border: solid 2px #BCBF77;  }
#main .section .column_content .consultation .title { width: 100%;padding: 25px; box-sizing: border-box; background: #BCBF77; font-size: 28px; line-height: 1.5; color: #243066; font-weight: bold; text-align: center; }
#main .section .column_content .consultation .copy { padding: 25px; background: #FFF; margin: 0 !important; color: #444444 !important; }


@media screen and (max-width: 780px) {
	#main .section .column_content {width: 90%; margin: 50px auto 0;}
	#main .section .column_content .column_title {padding: 20px; }
	#main .section .column_content .column_title .number { width: 100%; font-size: 14px; line-height: 1; font-weight: bold; text-align: center; letter-spacing: 0.2em; padding:8px 0; }
	#main .section .column_content .column_title .number span { font-size: 180%; transform: translate(0 , -4px);}
	#main .section .column_content .column_title h3 { width: 100%; display: flex; font-size: 24px; line-height: 1.5; font-weight: bold; padding: 12px 0 0 0 ; }
	#main .section .column_content h4 { margin: 60px 0 0 0 ; font-size: 22px; line-height: 1.6; }
	#main .section .column_content .copy { margin: 25px 0 0 0 ; font-size: 14px; line-height: 2.2;}
	#main .section .column_content .memo { margin: 35px 0 0 0 ; font-size: 14px; line-height: 2.2; padding: 18px; }
	#main .section .column_content .loan_info .loan_info_item { width: 100%; margin-bottom: 10px; }
	#main .section .column_content .number_title .number { width: 12%; font-size: 18px;}
	#main .section .column_content .number_title h5 { width: 86%; font-size: 18px; }
	#main .section .column_content .consultation .title { width: 100%;padding: 16px; box-sizing: border-box; background: #F9D7C4; font-size: 24px; line-height: 1.5; }

}
@media screen and (max-width: 700px) {
	#main .section{ margin-top: 7.14%; padding: 7% 0 20% 0; }
}