@charset "UTF-8";

body {
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , "Meiryo UI" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight: 500;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}
svg {
	fill: currentColor;
}

/*--------- 汎用 ---------*/
.floatR{
	float: right;
}
.floatL{
	float: left;
}
.bold{
	font-weight:bold;
}
.mb_1em{
	margin-bottom: 1em !important;
}
.mb_10{
	margin-bottom: 10px !important;
}
.mb_15{
	margin-bottom: 15px !important;
}
.mb_20{
	margin-bottom: 20px !important;
}
.mb_30{
	margin-bottom: 30px !important;
}
.mt_1em{
	margin-top: 1em !important;
}
.mt_5{
	margin-top: 5px !important;
}
.mt_10{
	margin-top: 10px !important;
}
.mt_15{
	margin-top: 15px !important;
}
.mt_20{
	margin-top: 20px !important;
}
.mt_30{
	margin-top: 30px !important;
}
.mt_40{
	margin-top: 40px !important;
}
.ml_8{
	margin-left: 8px !important;
}
.fs14 {
	font-size: 14px;
}
.clearfix{
	zoom: 100%;
}
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	content: ".";
}
.pc_none{
	display: none !important;
}
.note_list li{
	text-indent: -1.3em;
	padding-left: 1.3em;
}
.note_list li:nth-child(n+2) {
	margin-top: 0.3125rem;
}
li{
	list-style: none;
}
.fsS, .fsS li{
	font-size: 11px !important;
}
/*--------- 汎用 ---------*/

h1 {
    background: none;
    padding: 2rem 5% 1.8rem;
    margin: 0 0 35px;
    font-size: 2rem;
    line-height: 1.5em;
    color: #004098;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
    background-color: #f5f5f5;
}
div#main_contents {
    max-width: 910px;
    width: 100%;
    font-size: 1rem;
    line-height: 1.7;
    margin: 0 auto 40px;
}
.sc21-CreditCardSimulateForm {
    margin-right: -4%;
    margin-left: -4%;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-right: 4%;
    padding-left: 4%;
    margin-top: 1.875rem;
    background-color: #f5f5f5;
}
.sc21-CreditCardSimulateForm-note {
    margin-top: 0;
    margin-bottom: 0;
}
.sc21-TXT-red {
    color: #dd1a1a;
}
.sc21-TXT-bold, .sc21-TXT-red {
    font-weight: 600;
}
.sc21-CreditCardSimulateForm-form {
    margin-top: 1.25rem;
}
.sc21-FRM {
    position: relative;
    z-index: 0;
}
.sc21-FRM__content {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.8;
}
.sc21-FRM__heading:nth-of-type(n + 2) {
    margin-top: 1.25rem;
}
.sc21-FRM__body {
    margin-left: 0;
}
.sc21-FRM__action {
    position: relative;
}
.sc21-FRM__textInput-small {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    width: 10.375rem;
    height: 2.25rem;
}
.sc21-FRM__selectbox, .sc21-FRM__textInput-small, .sc21-FRM__textInput, .duet-date__input {
    font-size: 1rem;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 4px;
    box-shadow: inset 0 2px 1px rgba(0,0,0,.1);
}
.sc21-FRM__selectbox {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    width: 100%;
    height: 2.25rem;
}
.duet-date {
    width: 100%;
}
.duet-date__input {
    padding-top: 1px;
    padding-bottom: 1px;
}
.sc21-FRM__textInput, .duet-date__input {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    width: 100%;
    height: 2.25rem;
}
.sc21-FRM__errorTooltip {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.875rem;
    padding-left: 0.875rem;
    font-size: .75rem;
    line-height: 1.5;
    position: absolute;
    z-index: 1;
    left: 0;
    margin-bottom: 0;
    border-radius: 4px;
    background-color: #dd1a1a;
    color: #fff;
}
.sc21-FRM__errorTooltip::after {
    position: absolute;
    left: 16px;
    border-width: 0 4px;
    border-color: rgba(221,26,26,0);
    border-style: solid;
    width: 0;
    height: 0;
    content: "";
}
.sc21-CreditCardSimulateForm-submit {
    margin-right: auto;
    margin-left: auto;
    margin-top: 1.25rem;
    width: 100%;
}
.sc21-BTN-small, .sc21-BTN-login, .sc21-BTN-login-large, .sc21-BTN-conversion, .sc21-BTN-disabled, .sc21-BTN-current, .sc21-BTN-normal, .sc21-BTN-normal-large {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    border-width: 0;
    border-radius: 4px;
    padding-right: 1.875rem;
    padding-left: 1.5rem;
    width: 100%;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    outline-offset: 2px;
}
button:not(:disabled), input[type=submit]:not(:disabled) {
    cursor: pointer;
}
.sc21-BTN-small span, .sc21-BTN-login span, .sc21-BTN-login-large span, .sc21-BTN-conversion span, .sc21-BTN-disabled span, .sc21-BTN-current span, .sc21-BTN-normal span, .sc21-BTN-normal-large span {
    color: #fff;
}
.sc21-BTN-small svg:last-child, .sc21-BTN-login svg:last-child, .sc21-BTN-login-large svg:last-child, .sc21-BTN-conversion svg:last-child, .sc21-BTN-disabled svg:last-child, .sc21-BTN-current svg:last-child, .sc21-BTN-normal svg:last-child, .sc21-BTN-normal-large svg:last-child {
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    right: 0.875rem;
    bottom: 0;
    width: 0.3125rem;
    height: 0.5rem;
    color: #fff;
}
.sc21-BTN-small::after,.sc21-BTN-login::after,.sc21-BTN-login-large::after,.sc21-BTN-conversion::after,.sc21-BTN-disabled::after,.sc21-BTN-current::after,.sc21-BTN-normal::after,.sc21-BTN-normal-large::after{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:inherit;
    transition-property:opacity;
    transition-duration:.1s;
    transition-timing-function:linear;
    content:"";
    opacity:0;
}
.sc21-BTN-small:not(:disabled):hover::after,.sc21-BTN-login:not(:disabled):hover::after,.sc21-BTN-login-large:not(:disabled):hover::after,.sc21-BTN-conversion:not(:disabled):hover::after,.sc21-BTN-disabled:not(:disabled):hover::after,.sc21-BTN-current:not(:disabled):hover::after,.sc21-BTN-normal:not(:disabled):hover::after,.sc21-BTN-normal-large:not(:disabled):hover::after{
    opacity:1;
}
.sc21-BTN-normal,.sc21-BTN-normal-large{
    background-color:#004098;
}
.sc21-BTN-normal::after,.sc21-BTN-normal-large::after{
    background-image:linear-gradient(88.83deg, #004098, #0070cf);
}
.sc21-BTN-small:not(:disabled):hover::after, .sc21-BTN-login:not(:disabled):hover::after, .sc21-BTN-login-large:not(:disabled):hover::after, .sc21-BTN-conversion:not(:disabled):hover::after, .sc21-BTN-disabled:not(:disabled):hover::after, .sc21-BTN-current:not(:disabled):hover::after, .sc21-BTN-normal:not(:disabled):hover::after, .sc21-BTN-normal-large:not(:disabled):hover::after {
    opacity: 1;
}
.sc21-BDR-1 {
    border-width: 1px 0 0;
    border-top-style: solid;
    border-top-color: #ddd;
    margin: 3rem 0;
}
h2 {
    background: no-repeat;
    padding: 0;
    font-size: 150%;
    line-height: 1.4em;
    color: #333333;
    margin: 0;
}
.duet-date__table {
    table-layout: fixed;
}
.sc21-LNK-list-local-vertical {
    display: none !important;
}

@media screen and (min-width: 768px) {
	div#main_contents h1, h2, h3, h4, div, p, table, tr, td, ul, li, dl, dt, dd, span {
	    padding-left: 0;
	}
	.sc21-CreditCardSimulateForm {
	    margin-right: 0;
	    margin-left: 0;
	    padding-top: 2.625rem;
	    padding-bottom: 2.625rem;
	    padding-right: 6.9196428571%;
	    padding-left: 6.9196428571%;
	    margin-top: 2.5rem;
	}
	.sc21-CreditCardSimulateForm-form {
	    margin-top: 1.875rem;
	}
	.sc21-FRM__content {
	    display: -ms-grid;
	    display: grid;
	    -ms-grid-columns: auto 1fr;
	    grid-template-columns: auto 1fr;
	    grid-auto-rows: auto;
	}
	.sc21-FRM__heading {
	    margin-right: 2rem;
	    white-space: nowrap;
	}
	.sc21-FRM__heading:nth-of-type(1) {
	    -ms-grid-column: 1;
	    -ms-grid-row: 1;
	}
	.sc21-FRM__body {
	    margin-left: 0;
	}
	.sc21-FRM__body:nth-of-type(1) {
	    -ms-grid-column: 2;
	    -ms-grid-row: 1;
	}
	.sc21-FRM__heading:nth-of-type(2) {
	    -ms-grid-column: 1;
	    -ms-grid-row: 2;
	}
	.sc21-FRM__heading:nth-of-type(n + 2) {
	    margin-top: 1.875rem;
	}
	.sc21-FRM__body:nth-of-type(2) {
	    -ms-grid-column: 2;
	    -ms-grid-row: 2;
	}
	.sc21-FRM__body:nth-of-type(n + 2) {
	    margin-top: 1.875rem;
	}
	.sc21-FRM__heading:nth-of-type(3) {
	    -ms-grid-column: 1;
	    -ms-grid-row: 3;
	}
	.sc21-FRM__body:nth-of-type(3) {
	    -ms-grid-column: 2;
	    -ms-grid-row: 3;
	}
	.sc21-FRM__textInput-small {
	    width: 12.5rem;
	    max-width: 100%;
	}
	.sc21-FRM__selectbox {
	    max-width: 24.625rem;
	}
	.duet-date {
	    max-width: 24.625rem;
	}
	.sc21-FRM__textInput, .duet-date__input {
	    max-width: 24.625rem;
	}
	.sc21-FRM__errorTooltip {
	    bottom: 100%;
	    margin-bottom: 8px;
	}
	.sc21-FRM__errorTooltip::after {
	    bottom: -6px;
	    border-top-width: 8px;
	    border-top-color: #dd1a1a;
	}
	.sc21-CreditCardSimulateForm-submit {
	    margin-top: 2.5rem;
	    width: 55.9585492228%;
	}
}


@media screen and (max-width: 767px) {
	/*--------- 汎用 ---------*/
	.sp_mb_1em{
		margin-bottom: 1em !important;
	}
	.sp_mb_10{
		margin-bottom: 10px !important;
	}
	.sp_mb_15{
		margin-bottom: 15px !important;
	}
	.sp_mb_20{
		margin-bottom: 20px !important;
	}
	.sp_mb_30{
		margin-bottom: 30px !important;
	}
	.sp_mt_1em{
		margin-top: 1em !important;
	}
	.sp_mt_5{
		margin-top: 5px !important;
	}
	.sp_mt_10{
		margin-top: 10px !important;
	}
	.sp_mt_15{
		margin-top: 15px !important;
	}
	.sp_mt_20{
		margin-top: 20px !important;
	}
	.sp_mt_30{
		margin-top: 30px !important;
	}
	.sp_ml_8{
		margin-left: 8px !important;
	}
	.sp_fs14 {
		font-size: 14px;
	}
	.sp_none{
		display: none !important;
	}
	/*--------- 汎用 ---------*/

	h1 {
	    font-size: 1.625rem;
	    z-index: 0;
	}
	h2 {
	    font-size: 150% !important;
	    border: none;
	    margin-bottom: 15px;
	    position: static;
	}
}

/*---------ご返済シミュレーション--------*/

.sim_result_box h2{
text-align: left;
font-weight: 700;
margin-bottom: .5rem;
font-size: 1rem!important;
}

.sim_table{
border: 1px solid #999999;
width:100%;
margin-bottom:1.5rem!important;
border-collapse:collapse;
}
.sim_table th{
background-color: #f5f5f5;
border: 1px solid #999999;
line-height: 1.3em!important;
padding:15px!important;
width:40%;
}
.sim_table td{
border: 1px solid #999999;
padding:15px!important;
line-height: 1.3em!important;
}
.sim_table.simResult tr:nth-child(odd) td{
background: #EBF4FF;
}
.sim_table.simResult th{
width:auto!important;
padding:5px!important;
text-align: center;
}
.sim_table.simResult td{
padding:5px!important;
text-align: right!important;
}
.sim_table.simResult td:nth-of-type(1){
width:20%!important;
}

.btn_show_sw a.btn{
background: #EBF4FF;
padding:5px 10px;
border:solid 1px #999;
border-radius: 2px;
text-decoration: none;
color:#004098;
font-weight: normal;
}
.btn_show_sw a.btn:hover{
transition: .3s;
background-color: #D2E6FF;

}

@media screen and (max-width: 767px) {
.sim_table {
    width: 100%;
	border:none;
	border-bottom:1px solid #999999;
}
.sim_table.simResult{
    width:44rem;
}
.sim_table:not(.simResult) th {
    width: 100%;
    display: block;
    padding: 10px 5px;
    box-sizing: border-box;
    border-bottom: none;
}
.sim_table:not(.simResult) td {
    width: 100%;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: none;
}

.scroll_box {
    overflow-x: auto;
  }
}