/********************************

	JA BANK CAMPAIGN

********************************/
/*ネットバンク専用定期金利上乗せ*/

.time-deposit .content-center {
display: grid;
place-content: center;
gap: 1ch;
}
.time-deposit .section {
margin: 0;
padding: 4rem 0;
}
.time-deposit .notice {
margin: 0 0 2rem;
padding: 0 0 0 3rem;
list-style: none;
}
.time-deposit .notice li {
position: relative;
line-height: 1.5;
}
.time-deposit .notice li::before {
position: absolute;
z-index: 2;
left: -2rem;
top: 0;
content: "※";
display: block;
}
.time-deposit .table thead th:nth-child(1) {
width: 20%;
}
.time-deposit .table thead th:nth-child(2), .table thead th:nth-child(3) {
width: 40%;
}
.time-deposit .table th, .table td {
font-size: 1.6rem !important;
}
.time-deposit .table td ul {
margin: 0;
padding: 0 0 0 2rem;
list-style-type: disc;
}
.time-deposit .table td ul li {
font-size: 1.4rem !important;
line-height: 1.5;
}
.time-deposit .table td ul li:not(:last-child) {
margin-bottom: 1rem;
}
.time-deposit .section {
position: relative;
}
.time-deposit .time-deposit_01, .time-deposit_02 {
border-style: solid;
border-color: #100964;
border-width: 20px 20px 0;
}
.time-deposit .time-deposit_01 {
background-color: #fbdbb7;
}
.time-deposit .time-deposit_02 {
background-color: #acddf7;
}
.time-deposit .time-deposit_03 {
padding: 0;
overflow: hidden;
}
.time-deposit .time-deposit_03-1 {
border-style: solid;
border-color: #100964;
border-width: 20px 10px 20px 20px;
}
.time-deposit .time-deposit_03-2 {
border-style: solid;
border-color: #100964;
border-width: 20px 10px 20px;
}
.time-deposit .time-deposit_03-3 {
border-style: solid;
border-color: #100964;
border-width: 20px 20px 20px 10px;
}
.time-deposit .time-deposit_03-1, .time-deposit_03-2, .time-deposit_03-3 {
}
.time-deposit .time-deposit_03-1 {
background: repeating-linear-gradient( 90deg, /* 角度の指定 */
#f9cda6, /* 色A ... 開始 */
#f9cda6 10px, /* 色A ... 終了 */
#f19a96 10px, /* 色B ... 開始 */
#f19a96 20px /* 色B ... 終了 */
);
}
.time-deposit .time-deposit_03-2 {
background-color: #d4eae0;
background-color: #d4eae0;
background-image:
radial-gradient(rgba(35, 24, 21, .1) 20%, transparent 20%), radial-gradient(rgba(35, 24, 21, .1) 20%, transparent 20%);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
}
.time-deposit .time-deposit_03-3 {
background: rgb(0, 104, 182);
background: linear-gradient(180deg, rgba(0, 104, 182, 1) 0%, rgba(16, 9, 100, 1) 100%);
}
.time-deposit .time-deposit_06 {
background-color: rgba(0, 0, 0, .01);
}
.time-deposit_07 {
background-color: #fff;
}
.time-deposit .time-deposit_01 {
background-repeat: no-repeat;
background-position: left top, right bottom;
background-image: url(https://www.ja-sapporo.or.jp/wp/wp-content/uploads/2022/09/time-deposit_bg_01.svg), url(https://www.ja-sapporo.or.jp/wp/wp-content/uploads/2022/09/time-deposit_bg_02.svg);
background-size: 70%;
}
.time-deposit .time-deposit_02 {
background-position: center center;
background-size: cover;
background-image: url(images/time-deposit/bg_03.svg);
background-repeat: no-repeat;
}
.time-deposit .time-deposit_03-3::before {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
content: "";
background-image: url(https://www.ja-sapporo.or.jp/wp/wp-content/uploads/2022/09/time-deposit_star.png);
}
.time-deposit .jasapporo-badge {
position: absolute;
left: 0;
top: 0;
max-width: 480px;
}
.time-deposit .time-deposit_04 {
}
.time-deposit .time-deposit_04 dl, .time-deposit .time-deposit_04 dt, .time-deposit .time-deposit_04 dd {
margin: 0;
padding: 0;
}
.time-deposit .time-deposit_04 dl {
background-color: #FFF;
border-top: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
margin: 20px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.time-deposit .time-deposit_04 dt {
background-color: #FBFBFB;
font-weight: bold;
}
.time-deposit .time-deposit_04 dt, .time-deposit .time-deposit_04 dd {
padding: 1rem;
box-sizing: border-box;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.time-deposit .time-deposit_04 dt {
width: 14rem;
}
.time-deposit .time-deposit_04 dd {
font-size: 1.6rem;
font-weight: 600;
line-height: 1.5;
width: calc(100% - 14rem);
}
.time-deposit .time-deposit_04 dd ul {
margin: 0;
padding: 0 0 0 2rem;
list-style-type: disc;
}
.time-deposit .time-deposit_05 {
background-color: rgba(0, 0, 0, .015);
}
.time-deposit .time-deposit_05 .lead {
font-weight: 600;
}
.time-deposit .time-deposit_05 .inner {
border: 1px solid #ddd;
border-radius: 8px;
overflow-x: hidden;
}
.time-deposit .time-deposit_05 .inner h4 {
margin: 0;
font-size: 2.4rem;
color: #fff;
background-color: #c7161d;
border-bottom: none;
}

.time-deposit .time-deposit_05 .inner h5 {
padding: 1rem;
font-size: 1.8rem;
font-weight: 600;
color: #c7161d;
background-color: #fdeabe;
}
.time-deposit .time-deposit_05 .inner .lead {
font-weight: 600;
}
.time-deposit .jabank.jabank-secondary h2.janb-time-deposit {
margin: 0 0 2rem;
padding: 0;
background-color: transparent;
}

.time-deposit .janb-time-deposit::before, .janb-time-deposit::after {
display: none;
}

.time-deposit .time-deposit_05 figure {
margin: 0 15px;
padding: 1rem;
border: 1px solid #ddd;
border-radius: 8px;
}
.time-deposit .time-deposit_08 .lead {
margin: 0 0 1rem;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: normal;
font-feature-settings: "palt";
}
.time-deposit .time-deposit_08 ul {
}
.time-deposit .time-deposit_08 li {
line-height: 1.5;
margin-left: 1.125em;
text-indent: -1.25em;
}
.time-deposit .time-deposit_08 li:not(:last-child) {
margin-bottom: 1rem;
}
.time-deposit .time-deposit_08 a[href^="tel:"] {
margin: 0 0 1rem;
display: block;
padding-left: 44px;
position: relative;
font-size: 3rem;
font-weight: 600;
}
.time-deposit .time-deposit_08 a[href^="mailto:"] {
position: relative;
}
.time-deposit .time-deposit_08 a[href^="tel:"]::before {
position: absolute;
display: block;
content: "";
left: 0;
top: .75rem;
width: 36px;
height: 30px;
background-image: url(https://www.ja-sapporo.or.jp/wp/wp-content/uploads/2022/09/time-deposit_freedial.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

@media (max-width: 480px) {
.time-deposit .time-deposit_04 dl {
margin: 0;
padding: 0;
display: block;
border: none;
width: 100%;
max-width: 100%;
}
.time-deposit .time-deposit_04 dt, .time-deposit .time-deposit_04 dd {
display: block;
width: 100%;
}

.time-deposit .time-deposit_04 dt {
padding: 2rem 1rem .5rem;
background-color: transparent;
border-color: #000;
border-width: 0 0 2px;
}

.time-deposit .time-deposit_05 .inner h4 {
font-size: 1.8rem;
}

.time-deposit .time-deposit_05 .inner h5 {
font-size: 1.5rem;
}
}


/*住宅ローン
https://www.ja-sapporo.or.jp/campaign-jabank/rs/
*/
.section_r-step_conditions h3{
position: relative;
margin: 0 auto 2rem;
text-align: center;
}
.section_r-step_conditions table{
}
.section_r-step_conditions th,
.section_r-step_conditions td{
padding: .5rem;
background-color: rgba(255,255,255,.75);
border: 1px solid rgba(0,75,141,1);
}
@media(max-width:600px){
.section_r-step_conditions table{
max-width: 100%;
width: 100%;
}
}