@charset "UTF-8";
/*============================
#SET_Contents
============================*/
@media only screen and (max-width: 992px) { .not-top #SET_Breadcrumbs { margin: 0; } }

@media only screen and (max-width: 992px) { .not-top #SET_Breadcrumbs .breadcrumbs_bg_main .breadcrumbs_box_main { font-size: calc((9 / 375) * 100 * 1vw); line-height: 1.75; margin: calc((7 / 375) * 100 * 1vw) calc((14 / 375) * 100 * 1vw) calc((30 / 375) * 100 * 1vw) calc((14 / 375) * 100 * 1vw); } }

.not-top .wrap_content { border-top: none; }

li { list-style: none; }

img { vertical-align: top; }

.pc_br { display: inline-block; }
@media only screen and (max-width: 992px) { .pc_br { display: none; } }

.sp_br { display: none; }
@media only screen and (max-width: 992px) { .sp_br { display: inline-block; } }

@media only screen and (max-width: 992px) { .pc_obj { display: none; } }

.sp_obj { display: none; }
@media only screen and (max-width: 992px) { .sp_obj { display: block; } }

a { text-decoration: none; }
a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
@media only screen and (max-width: 992px) { a[href*="tel:"] { pointer-events: auto; cursor: pointer; } }

.ind1 { padding-left: 1em; text-indent: -1em; display: inline-block; }

#SET_platform #SET_browser #SET_site-wrapper #SET_site-inner #scroll_top { z-index: 100; }

.position_fix { max-width: 1200px; width: 100%; }

#SET_platform #SET_browser #SET_site-wrapper #SET_site-inner #SET_Header .header_bg_main .wrap_header_contents1 .position_fix .header_menu2 a.english { margin-right: 20px; }

/*============================
#SET_Contents
============================*/
#SET_Contents:not(.personal_ib_top) h3 { color: #333333; background: none; -webkit-text-fill-color: #333333; font-size: 2.72rem; /* 30px */ letter-spacing: 0.05em; margin-bottom: 54px; font-weight: 400; }
@media only screen and (max-width: 992px) { #SET_Contents:not(.personal_ib_top) h3 { font-size: calc((20 / 375) * 100 * 1vw); letter-spacing: 1.75; margin-bottom: calc((46 / 375) * 100 * 1vw); } }
#SET_Contents:not(.personal_ib_top) h3::after { width: 37px; bottom: -15px; }
@media only screen and (max-width: 992px) { #SET_Contents:not(.personal_ib_top) h3::after { width: calc((39 / 375) * 100 * 1vw); height: calc((1.5 / 375) * 100 * 1vw); bottom: calc((-17 / 375) * 100 * 1vw); } }

.personal_ib { line-height: 1.75; letter-spacing: 0.053em; /*ログオン,新規ボタン*/ /*新着情報*/ /*============================
サービス内容
============================*/ /*============================
ご利用環境
============================*/ /*============================
操作マニュアル
============================*/ /*============================
ご利用可能な収納機関
============================*/ /*============================
インターネットバンキング新規・変更・解約のお申込み
============================*/ /*============================
郵送でお申込みいただくにあたって
============================*/ }
.personal_ib h3:not(.tab) { line-height: 1.3em; width: fit-content; }
@media only screen and (max-width: 992px) { .personal_ib h3:not(.tab) { line-height: 1.75em; } }
.personal_ib.personal_ib_top　h3 { background: linear-gradient(to right, #ff0100 0%, #ffBC00 100%); background-clip: border-box; background-clip: text; -webkit-text-fill-color: transparent; }
.personal_ib h4:not(#latest_info) { font-size: 2.27rem; /* 25px */ font-weight: 700; line-height: 37px; padding-left: 18px; border-left: solid 5px #e90000; text-align: left; position: relative; letter-spacing: 0.053em; }
@media only screen and (max-width: 992px) { .personal_ib h4:not(#latest_info) { display: flex; align-items: center; font-size: calc((18 / 375) * 100 * 1vw); line-height: 1.5; min-height: calc((32 / 375) * 100 * 1vw); padding-left: calc((16 / 375) * 100 * 1vw); border-left: solid calc((4.3 / 375) * 100 * 1vw) #e90000; letter-spacing: 0; } }
.personal_ib h4:not(#latest_info)::after { content: none; }
.personal_ib h4:not(#latest_info)::before { content: ""; display: block; width: calc(100% + 5px); height: 1px; background-color: #bfbfbf; position: absolute; left: -5px; bottom: -11px; }
@media only screen and (max-width: 992px) { .personal_ib h4:not(#latest_info)::before { width: calc(100% + calc((4.3 / 375) * 100 * 1vw)); left: calc((-4.3 / 375) * 100 * 1vw); bottom: calc((-9 / 375) * 100 * 1vw); } }
.personal_ib h5:not(.contact_us h5, table h5, .personal_ib_service_detail h5) { font-weight: 500; font-size: 1.63rem; /* 18px */ line-height: 1; padding: 16px 0 16px 19px; border-top: #369e56 solid 1px; background: none; background-color: #F4F9E9; margin-bottom: 25px; -webkit-text-fill-color: #000; text-align: left; }
@media only screen and (max-width: 992px) { .personal_ib h5:not(.contact_us h5, table h5, .personal_ib_service_detail h5) { font-size: calc((16 / 375) * 100 * 1vw); line-height: 1.5; padding: calc((10 / 375) * 100 * 1vw) calc((17 / 375) * 100 * 1vw); margin-bottom: calc((16 / 375) * 100 * 1vw); } }
.personal_ib .inner_contents { max-width: 1000px; margin: 0 auto; }
.personal_ib .btn_1 { font-weight: 500; font-size: 1.63rem; /* 18px */ line-height: 1; height: 70px; border-radius: 35px; background-color: #e90000; color: #FFF; display: flex; justify-content: center; align-items: center; position: relative; }
@media only screen and (max-width: 992px) { .personal_ib .btn_1 { font-size: calc((14 / 375) * 100 * 1vw); height: calc((46 / 375) * 100 * 1vw); border-radius: calc((23 / 375) * 100 * 1vw); } }
.personal_ib .btn_1 span { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); transition: .3s; }
@media only screen and (max-width: 992px) { .personal_ib .btn_1 span { right: calc((16 / 375) * 100 * 1vw); } }
.personal_ib .btn_1:hover { background-color: #C90101; }
.personal_ib .btn_1:hover span { right: 25px; }
.personal_ib .btn_2 { font-weight: 500; font-size: 1.45rem; /* 16px */ line-height: 1.5; height: 70px; border-radius: 5px; border: solid 1px #BFBFBF; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; }
@media only screen and (max-width: 992px) { .personal_ib .btn_2 { font-size: calc((14 / 375) * 100 * 1vw); height: auto; min-height: calc((62.25 / 375) * 100 * 1vw); padding: calc((8 / 375) * 100 * 1vw) 0; border-radius: calc((3.3 / 375) * 100 * 1vw); } }
.personal_ib .btn_2 span { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
@media only screen and (max-width: 992px) { .personal_ib .btn_2 span { right: calc((9.75 / 375) * 100 * 1vw); } }
.personal_ib .btn_2:hover { background-color: #E5E5E5; }
.personal_ib .arrow_1_off { position: absolute; display: block; width: 10px; height: 5px; top: 50%; right: 18px; }
@media only screen and (max-width: 992px) { .personal_ib .arrow_1_off { width: calc((9.2957 / 375) * 100 * 1vw); height: calc((5.4505 / 375) * 100 * 1vw); right: calc((10.4 / 375) * 100 * 1vw); } }
.personal_ib .arrow_1_off::before, .personal_ib .arrow_1_off::after { content: ""; position: absolute; bottom: 0; left: calc(50% - 1px); width: 2px; height: 7px; border-radius: 9999px; background-color: #e90000; transform-origin: 50% calc(100% - 1px); }
@media only screen and (max-width: 992px) { .personal_ib .arrow_1_off::before, .personal_ib .arrow_1_off::after { width: calc((2 / 375) * 100 * 1vw); height: calc((7.06 / 375) * 100 * 1vw); } }
.personal_ib .arrow_1_off::before { transform: rotate(46deg); }
.personal_ib .arrow_1_off::after { transform: rotate(-46deg); }
.personal_ib .arrow_r_red { position: relative; display: inline-block; width: 6px; height: 11px; }
@media only screen and (max-width: 992px) { .personal_ib .arrow_r_red { width: calc((5.4 / 375) * 100 * 1vw); height: calc((9.3 / 375) * 100 * 1vw); } }
.personal_ib .arrow_r_red::before, .personal_ib .arrow_r_red::after { content: ""; position: absolute; top: calc(50% - 0.5px); right: 0; width: 8.1px; height: 2px; border-radius: 9999px; background-color: #ff0000; transform-origin: calc(100% - 0.5px) 50%; }
@media only screen and (max-width: 992px) { .personal_ib .arrow_r_red::before, .personal_ib .arrow_r_red::after { width: calc((7 / 375) * 100 * 1vw); height: calc((2 / 375) * 100 * 1vw); top: 50%; } }
.personal_ib .arrow_r_red::before { transform: rotate(43.94deg); }
.personal_ib .arrow_r_red::after { transform: rotate(-43.94deg); }
.personal_ib .arrow_r_white { position: relative; display: inline-block; width: 8px; height: 14px; }
@media only screen and (max-width: 992px) { .personal_ib .arrow_r_white { width: calc((5.5 / 375) * 100 * 1vw); height: calc((9.38 / 375) * 100 * 1vw); } }
.personal_ib .arrow_r_white::before, .personal_ib .arrow_r_white::after { content: ""; position: absolute; top: calc(50% + 1px); right: 0; width: 10.5px; height: 2px; border-radius: 9999px; background-color: #FFF; transform-origin: calc(100% - 1px) 50%; }
@media only screen and (max-width: 992px) { .personal_ib .arrow_r_white::before, .personal_ib .arrow_r_white::after { width: calc((7.1 / 375) * 100 * 1vw); height: calc((2 / 375) * 100 * 1vw); top: calc(50% - calc((1 / 375) * 100 * 1vw)); } }
.personal_ib .arrow_r_white::before { transform: rotate(43.947deg); }
.personal_ib .arrow_r_white::after { transform: rotate(-43.947deg); }
.personal_ib table { border-top: solid 1px #bebebe; border-left: solid 1px #bebebe; font-weight: 400; font-size: 1.27rem; /* 14px */ }
@media only screen and (max-width: 992px) { .personal_ib table { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib table th { background-color: #E7F1EB; border-bottom: solid 1px #bebebe; border-right: solid 1px #bebebe; text-align: center; vertical-align: middle; padding: 1em 0; font-weight: normal; }
.personal_ib table td { border-bottom: solid 1px #bebebe; border-right: solid 1px #bebebe; text-align: center; vertical-align: middle; padding: 1em 0; }
.personal_ib table .pa6 { padding: 6px 0; }
@media only screen and (max-width: 992px) { .personal_ib table .pa6 { padding: calc((4 / 375) * 100 * 1vw) 0; } }
.personal_ib .tal { text-align: left; }
.personal_ib .tac { text-align: center; }
.personal_ib .text_red { color: #e90000; }
.personal_ib .fz14 { font-size: 1.27rem; /* 14px */ }
@media only screen and (max-width: 992px) { .personal_ib .fz14 { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib #top_img { position: relative; max-width: 1400px; margin: 0 auto; overflow: hidden; }
.personal_ib #top_img .wrap_str { width: fit-contens; color: #FFF; position: absolute; left: 8%; top: 50%; transform: translateY(-50%); }
@media only screen and (max-width: 992px) { .personal_ib #top_img .wrap_str { width: 100%; left: 50%; top: calc((47 / 375) * 100 * 1vw); transform: translateX(-50%); } }
.personal_ib #top_img .wrap_str .txt1 { font-weight: 700; font-size: 45px; line-height: 1; letter-spacing: 0.06em; }
@media only screen and (max-width: 992px) { .personal_ib #top_img .wrap_str .txt1 { font-size: calc((27 / 375) * 100 * 1vw); text-align: center; } }
.personal_ib #top_img .wrap_str .txt2 { font-weight: 500; font-size: 1.81rem; /* 20px */ line-height: 1.85; letter-spacing: 0.06em; margin-top: 32px; }
@media only screen and (max-width: 992px) { .personal_ib #top_img .wrap_str .txt2 { font-size: calc((14 / 375) * 100 * 1vw); line-height: 2; text-align: center; margin-top: calc((16 / 375) * 100 * 1vw); } }
.personal_ib #top_img img { vertical-align: bottom; }
@media only screen and (max-width: 992px) { .personal_ib #top_img img { width: 100%; height: auto; } }
.personal_ib #personal_ib_links ol { display: flex; justify-content: space-around; max-width: 1400px; margin: 0 auto; }
@media only screen and (max-width: 992px) { .personal_ib #personal_ib_links ol { flex-wrap: wrap; border-top: solid 1px #e6e6e6; } }
.personal_ib #personal_ib_links ol li { flex: 1 0 calc(100% / 6); display: flex; position: relative; height: 90px; border-bottom: solid 1px #e6e6e6; border-top: solid 1px #e6e6e6; transition: background-color .3s; }
@media only screen and (max-width: 992px) { .personal_ib #personal_ib_links ol li { flex: 1 0 50%; height: calc((60 / 375) * 100 * 1vw); border-top: none; } }
.personal_ib #personal_ib_links ol li:not(:nth-last-child(1)) { border-right: solid 1px #e6e6e6; }
@media only screen and (max-width: 992px) { .personal_ib #personal_ib_links ol li:not(:nth-last-child(1)) { border-right: none; } }
@media only screen and (max-width: 992px) { .personal_ib #personal_ib_links ol li:nth-child(n+1) { border-right: solid 1px #e6e6e6; } }
.personal_ib #personal_ib_links ol li a { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; font-weight: 500; font-size: 1.45rem; /* 16px */ letter-spacing: -0.025em; }
@media only screen and (max-width: 992px) { .personal_ib #personal_ib_links ol li a { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib #personal_ib_links ol li::after { content: ""; display: block; opacity: 0; width: 100%; height: 6px; background: #FE4525; background: linear-gradient(90deg, #ff2600 0%, #ff9500 73%, #fffa00 100%); position: absolute; left: 0; bottom: -3px; transition: opacity .3s; }
@media only screen and (max-width: 992px) { .personal_ib #personal_ib_links ol li::after { height: calc((4 / 375) * 100 * 1vw); bottom: calc((-2 / 375) * 100 * 1vw); } }
.personal_ib #personal_ib_links ol li.active { background-color: #FFFAF2; }
.personal_ib #personal_ib_links ol li.active::after { opacity: 1; }
.personal_ib #personal_ib_links ol li:hover { background-color: #FFFAF2; }
.personal_ib #ib_logon { padding: 90px 0 84px; }
@media only screen and (max-width: 992px) { .personal_ib #ib_logon { padding: calc((46 / 375) * 100 * 1vw) 0 calc((41 / 375) * 100 * 1vw); } }
.personal_ib #ib_logon a { text-align: center; font-weight: 400; font-size: 1.45rem; /* 16px */ line-height: 1; display: block; width: fit-content; margin: 0 auto; text-decoration: underline; }
@media only screen and (max-width: 992px) { .personal_ib #ib_logon a { font-size: calc((14 / 375) * 100 * 1vw); line-height: 1.75em; } }
.personal_ib #ib_logon a span { margin-left: 0.5em; }
.personal_ib #ib_logon p { position: relative; display: block; width: fit-content; margin: 0 auto; }
.personal_ib #ib_logon p a.ib_logon_btn { color: #FFF; font-weight: 700; font-size: 2.0rem; /* 22px */ line-height: 1; display: flex; justify-content: center; align-items: center; width: 500px; height: 100px; border-radius: 50px; background: linear-gradient(90deg, #f53918 0%, #f53918 22%, #fe9d02 100%); text-decoration: none; }
@media only screen and (max-width: 992px) { .personal_ib #ib_logon p a.ib_logon_btn { font-size: calc((16 / 375) * 100 * 1vw); width: calc((335 / 375) * 100 * 1vw); height: calc((60 / 375) * 100 * 1vw); border-radius: calc((30 / 375) * 100 * 1vw); } }
.personal_ib #ib_logon p .arrow_r_white { display: block; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); transition: right .3s; }
@media only screen and (max-width: 992px) { .personal_ib #ib_logon p .arrow_r_white { right: calc((17 / 375) * 100 * 1vw); } }
.personal_ib #ib_logon p + a { margin-top: 26px; }
@media only screen and (max-width: 992px) { .personal_ib #ib_logon p + a { margin-top: calc((21 / 375) * 100 * 1vw); } }
.personal_ib #ib_logon p:hover .arrow_r_white { right: 30px; }
.personal_ib #ib_logon p:hover a.ib_logon_btn { box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6); }
.personal_ib .latest_info { background-color: #FFFAF2; }
.personal_ib .latest_info .inner_contents { max-width: 1000px; margin: 0 auto; padding: 47px 0 46px; }
@media only screen and (max-width: 992px) { .personal_ib .latest_info .inner_contents { width: calc((335 / 375) * 100 * 1vw); padding: calc((30 / 375) * 100 * 1vw) 0 calc((37 / 375) * 100 * 1vw); } }
.personal_ib .latest_info .inner_contents h4#latest_info { font-weight: 500; font-size: 2.09rem; /* 23px */ line-height: 46px; border-bottom: solid 1px #e90000; text-align: left; margin-bottom: 12px; letter-spacing: 0; }
@media only screen and (max-width: 992px) { .personal_ib .latest_info .inner_contents h4#latest_info { font-size: calc((16 / 375) * 100 * 1vw); line-height: calc((41 / 375) * 100 * 1vw); margin-bottom: 0; } }
.personal_ib .latest_info .inner_contents h4#latest_info::after { content: none; }
.personal_ib .latest_info .inner_contents #tab_banking ul { margin-bottom: 26px; }
@media only screen and (max-width: 992px) { .personal_ib .latest_info .inner_contents #tab_banking ul { margin-bottom: calc((22 / 375) * 100 * 1vw); } }
.personal_ib .latest_info .inner_contents #tab_banking ul li { padding: 12px 0; border-bottom: solid 1px #e3e2dc; font-weight: 400; font-size: 1.27rem; /* 14px */ line-height: 2; color: #e90000; }
@media only screen and (max-width: 992px) { .personal_ib .latest_info .inner_contents #tab_banking ul li { padding: calc((22 / 375) * 100 * 1vw) 0 calc((11 / 375) * 100 * 1vw); font-size: calc((12.25 / 375) * 100 * 1vw); line-height: 1.75; } }
.personal_ib .latest_info .inner_contents #tab_banking ul li span { color: #1c1c1c; font-size: 1.45rem; /* 16px */ }
@media only screen and (max-width: 992px) { .personal_ib .latest_info .inner_contents #tab_banking ul li span { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib .latest_info .inner_contents > p { font-weight: 400; font-size: 1.45rem; /* 16px */ line-height: 1; text-align: right; }
@media only screen and (max-width: 992px) { .personal_ib .latest_info .inner_contents > p { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib .latest_info .inner_contents > p a { text-decoration: underline; margin-right: 0.5em; }
.personal_ib .link_in_page { margin: 82px auto 95px; }
@media only screen and (max-width: 992px) { .personal_ib .link_in_page { margin: calc((48 / 375) * 100 * 1vw) auto calc((60 / 375) * 100 * 1vw); width: calc((335 / 375) * 100 * 1vw); } }
.personal_ib .link_in_page .inner_contents { width: 854px; }
@media only screen and (max-width: 992px) { .personal_ib .link_in_page .inner_contents { width: 100%; } }
.personal_ib .link_in_page .inner_contents ol { display: flex; justify-content: space-between; gap: 30px; }
@media only screen and (max-width: 992px) { .personal_ib .link_in_page .inner_contents ol { flex-wrap: wrap; gap: calc((13 / 375) * 100 * 1vw) calc((7 / 375) * 100 * 1vw); } }
.personal_ib .link_in_page .inner_contents ol il { flex-grow: 1; min-width: 235px; height: 80px; position: relative; }
@media only screen and (max-width: 992px) { .personal_ib .link_in_page .inner_contents ol il { min-width: inherit; flex: 0 0 calc((164 / 375) * 100 * 1vw); height: calc((70 / 375) * 100 * 1vw); } }
.personal_ib .link_in_page .inner_contents ol il a { font-weight: 500; font-size: 1.45rem; /* 16px */ line-height: 1.5; text-align: center; position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background-color: #DADADA; border-radius: 5px; }
@media only screen and (max-width: 992px) { .personal_ib .link_in_page .inner_contents ol il a { font-size: calc((13 / 375) * 100 * 1vw); line-height: calc((18 / 375) * 100 * 1vw); border-radius: calc((3.76 / 375) * 100 * 1vw); } }
.personal_ib .link_in_page .inner_contents ol il a:hover { background-color: #e90000; color: #FFF; }
.personal_ib .link_in_page .inner_contents ol il:hover .arrow_1_off::before, .personal_ib .link_in_page .inner_contents ol il:hover .arrow_1_off::after { background-color: #FFF; }
.personal_ib .main .inner_contents { /*インターネットバンキングのメリット*/ /*インターネットバンキングのサービスについて*/ /*セキュリティ*/ }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents { width: calc((335 / 375) * 100 * 1vw); margin: 0 auto; } }
.personal_ib .main .inner_contents .ib_merit { margin-bottom: 113px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit { margin-bottom: calc((47 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit h4 { margin-bottom: 55px; }
.personal_ib .main .inner_contents .ib_merit ol { display: flex; justify-content: space-between; margin-bottom: 60px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit ol { display: block; width: calc((269 / 375) * 100 * 1vw); margin: 0 auto calc((34 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit ol li { flex: 0 0 300px; padding-top: 181px; background-repeat: no-repeat; background-size: contain; background-position: center top; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit ol li { flex: 0 0 calc((262 / 375) * 100 * 1vw); padding-top: calc((159 / 375) * 100 * 1vw); height: fit-contents; } }
.personal_ib .main .inner_contents .ib_merit ol li dl { display: flex; flex-direction: column; align-items: center; }
.personal_ib .main .inner_contents .ib_merit ol li dl dt { font-weight: 700; font-size: 2.27rem; /* 25px */ display: flex; align-items: center; color: #e90000; margin-bottom: 12px; line-height: 1; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit ol li dl dt { font-size: calc((21.875 / 375) * 100 * 1vw); margin-bottom: calc((10 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit ol li dl dt span { font-size: 1.81rem; /* 20px */ margin-right: 1em; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit ol li dl dt span { font-size: calc((17.5 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit ol li dl dd { font-weight: 400; font-size: 1.45rem; /* 16px */ text-align: justify; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit ol li dl dd { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit ol li:nth-child(1) { background-image: image-set(url("../banking/img/top/merit_01.png") 1x, url("../banking/img/top/merit_01@2x.png") 2x); }
.personal_ib .main .inner_contents .ib_merit ol li:nth-child(2) { background-image: image-set(url("../banking/img/top/merit_02.png") 1x, url("../banking/img/top/merit_02@2x.png") 2x); }
.personal_ib .main .inner_contents .ib_merit ol li:nth-child(3) { background-image: image-set(url("../banking/img/top/merit_03.png") 1x, url("../banking/img/top/merit_03@2x.png") 2x); }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit ol li + li { margin-top: calc((37 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit .wrap_ib_application { display: flex; justify-content: space-between; border: solid 1px #e90000; border-radius: 10px; padding: 18px 72px 18px 18px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit .wrap_ib_application { flex-direction: column; border-radius: calc((5.26 / 375) * 100 * 1vw); padding: calc((9 / 375) * 100 * 1vw) calc((9 / 375) * 100 * 1vw) calc((31 / 375) * 100 * 1vw) calc((9 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit .wrap_ib_application picture img { width: 100%; height: auto; } }
.personal_ib .main .inner_contents .ib_merit .wrap_ib_application div { display: flex; flex-direction: column; justify-content: center; align-items: center; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit .wrap_ib_application div { margin-top: calc((20 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit .wrap_ib_application div p { font-weight: 400; font-size: 1.45rem; /* 16px */ padding-top: 9px; margin-bottom: 25px; text-align: center; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit .wrap_ib_application div p { font-size: calc((14 / 375) * 100 * 1vw); padding-top: 0; margin-bottom: calc((11 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit .wrap_ib_application div a { width: 450px; position: relative; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit .wrap_ib_application div a { width: calc((297 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit .wrap_ib_application div a span { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); transition: .3s; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_merit .wrap_ib_application div a span { right: calc((16 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_merit .wrap_ib_application div a:hover span { right: 25px; }
.personal_ib .main .inner_contents .ib_about_service { margin-bottom: 96px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service { margin-bottom: calc((50 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_about_service h4 { margin-bottom: 53px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service h4 { margin-bottom: calc((30 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_about_service h5 { margin-bottom: 18px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service h5 { margin-bottom: calc((16 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_about_service div { height: 149px; padding-left: 339px; background-image: image-set(url("../banking/img/top/about_service_img.png") 1x, url("../banking/img/top/about_service_img@2x.png") 2x); background-repeat: no-repeat; background-size: contain; background-position: left top; display: flex; justify-content: space-between; margin-bottom: 43px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service div { flex-direction: column; height: calc((377 / 375) * 100 * 1vw); padding-left: 0; padding-top: calc((181 / 375) * 100 * 1vw); margin-bottom: calc((27 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_about_service div ul li { font-weight: 400; font-size: 1.45rem; /* 16px */ line-height: 1.75em; display: flex; align-items: center; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service div ul li { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_about_service div ul li::before { content: ""; display: block; width: 9px; height: 9px; background-color: #379e55; margin: 3px 5px 0 2px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service div ul li::before { width: calc((7.8 / 375) * 100 * 1vw); height: calc((7.8 / 375) * 100 * 1vw); margin: calc((5 / 375) * 100 * 1vw) calc((5.18 / 375) * 100 * 1vw) 0 calc((1 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_about_service div + a { width: 450px; margin: 0 auto; margin-bottom: 85px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service div + a { width: 100%; margin-bottom: calc((50 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_about_service ol { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 38px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service ol { flex-wrap: wrap; gap: calc((15 / 375) * 100 * 1vw) calc((10 / 375) * 100 * 1vw); margin-top: 0; } }
.personal_ib .main .inner_contents .ib_about_service ol li { flex: 0 1 320px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service ol li { flex: 0 1 calc((162 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_about_service ol + h5 { margin-top: 89px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service ol + h5 { margin-top: calc((50 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_about_service ol.application_link li { flex: 0 1 100%; } }
.personal_ib .main .inner_contents .ib_security h4 { margin-bottom: 53px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_security h4 { margin-bottom: calc((31 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_security h5 { margin-bottom: 29px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_security h5 { margin-bottom: calc((18 / 375) * 100 * 1vw); text-align: justify; } }
.personal_ib .main .inner_contents .ib_security .wrap_security_app { display: flex; justify-content: space-between; margin-bottom: 73px; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_security .wrap_security_app { display: block; margin-bottom: calc((50 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_security .wrap_security_app p { display: block; flex: 0 1 592px; font-size: 1.45rem; /* 16px */ font-weight: 400; text-align: justify; }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_security .wrap_security_app p { font-size: calc((14 / 375) * 100 * 1vw); margin-bottom: calc((18 / 375) * 100 * 1vw); } }
.personal_ib .main .inner_contents .ib_security .wrap_security_app p .text_red { text-decoration: underline; }
.personal_ib .main .inner_contents .ib_security .wrap_security_app a img { width: 346px; height: auto; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.16); }
@media only screen and (max-width: 992px) { .personal_ib .main .inner_contents .ib_security .wrap_security_app a img { display: block; width: calc((305.4 / 375) * 100 * 1vw); height: auto; margin: 0 auto; } }
.personal_ib .main .inner_contents .ib_security .wrap_security_app a:hover { opacity: 0.8; }
.personal_ib .main .inner_contents .ib_security .wrap_security_app:nth-of-type(1) img { border: solid 3px #FFF; }
.personal_ib .contact_us { border-bottom: #bfbfbf solid 1px; }
.personal_ib .contact_us .inner_contents { width: 707px; margin: 0 auto; padding: 58px 0 110px; text-align: center; }
@media only screen and (max-width: 992px) { .personal_ib .contact_us .inner_contents { width: calc((350 / 375) * 100 * 1vw); padding: 0 0 calc((38 / 375) * 100 * 1vw); } }
.personal_ib .contact_us .inner_contents p { font-weight: 400; font-size: 1.36rem; /* 15px */ line-height: 1em; letter-spacing: 0.05em; font-feature-settings: normal; }
@media only screen and (max-width: 992px) { .personal_ib .contact_us .inner_contents p { font-size: calc((12 / 375) * 100 * 1vw); line-height: calc((21 / 375) * 100 * 1vw); } }
.personal_ib .contact_us .inner_contents h5 { font-weight: 700; font-size: 2.0rem; /* 22px */ line-height: 1em; letter-spacing: 0; margin: 29px 0 13px; }
@media only screen and (max-width: 992px) { .personal_ib .contact_us .inner_contents h5 { font-size: calc((14 / 375) * 100 * 1vw); margin: calc((18 / 375) * 100 * 1vw) 0 calc((14 / 375) * 100 * 1vw); } }
.personal_ib .contact_us .inner_contents .tel { margin-bottom: 23px; font-feature-settings: "palt"; letter-spacing: 0.095em; }
@media only screen and (max-width: 992px) { .personal_ib .contact_us .inner_contents .tel { margin-bottom: calc((16 / 375) * 100 * 1vw); } }
.personal_ib .contact_us .inner_contents .tel a { font-weight: 700; font-size: 45px; line-height: 1; text-decoration: none; padding-left: 76px; position: relative; display: inline-block; }
@media only screen and (max-width: 992px) { .personal_ib .contact_us .inner_contents .tel a { font-size: calc((28.8 / 375) * 100 * 1vw); padding-left: calc((51 / 375) * 100 * 1vw); } }
.personal_ib .contact_us .inner_contents .tel a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
@media only screen and (max-width: 992px) { .personal_ib .contact_us .inner_contents .tel a[href*="tel:"] { pointer-events: auto; cursor: pointer; } }
.personal_ib .contact_us .inner_contents .tel a::before { content: ""; display: block; width: 64px; height: 50px; background-image: url(../common/images/free_call_mark.svg); background-repeat: no-repeat; background-position: left top; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-49%); }
@media only screen and (max-width: 992px) { .personal_ib .contact_us .inner_contents .tel a::before { width: calc((41.27 / 375) * 100 * 1vw); height: calc((31.96 / 375) * 100 * 1vw); } }
.personal_ib .contact_us .inner_contents .time { font-weight: 400; font-size: 1.27rem; /* 14px */ font-feature-settings: "palt"; }
@media only screen and (max-width: 992px) { .personal_ib .contact_us .inner_contents .time { font-size: calc((11 / 375) * 100 * 1vw); line-height: calc((17 / 375) * 100 * 1vw); margin-bottom: calc((23 / 375) * 100 * 1vw); font-feature-settings: normal; } }
.personal_ib .contact_us .inner_contents .update { font-weight: 400; font-size: 1.18rem; /* 13px */ letter-spacing: 0.06em; text-align: right; font-feature-settings: "palt"; }
@media only screen and (max-width: 992px) { .personal_ib .contact_us .inner_contents .update { font-size: calc((12 / 375) * 100 * 1vw); font-feature-settings: normal; } }
.personal_ib.personal_ib_service_detail { border-bottom: solid 1px #BFBFBF; padding-bottom: 178px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail { padding-bottom: calc((63 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail h4 { margin-bottom: 43px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail h4 { margin-bottom: calc((25 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail h4:not(:nth-of-type(1)) { margin-top: 80px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail h4:not(:nth-of-type(1)) { margin-top: calc((58 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail h5 { font-size: 1.45rem; /* 16px */ line-height: 1.75; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail h5 { font-size: calc((14 / 375) * 100 * 1vw); margin-left: 1em; text-indent: -0.75em; } }
.personal_ib.personal_ib_service_detail h5::before { content: "●"; display: inline-block; color: #e90000; width: fit-content; margin: 0 0.25em; }
.personal_ib.personal_ib_service_detail h5 + ul { margin-top: 11px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail h5 + ul { margin-top: calc((8 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail h5 + p { margin-top: 11px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail h5 + p { margin-top: calc((9 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail p + h5 { margin-top: 40px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail p + h5 { margin-top: calc((9 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail p + a { margin-top: 21px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail p + a { margin-top: calc((8 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail ul { padding-left: 1em; }
.personal_ib.personal_ib_service_detail ul li { text-indent: -0.5em; }
.personal_ib.personal_ib_service_detail ul li::before { content: "・"; display: inline-block; color: #e90000; width: fit-content; margin: 0 0.25em; }
.personal_ib.personal_ib_service_detail ul + h5 { margin-top: 40px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail ul + h5 { margin-top: calc((22 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main { padding-top: 72px; /*ご利用いただけるかた*/ /*ご利用可能な預金種別*/ /*月額基本手数料*/ /*振込手数料*/ /*ご利用いただけるサービス*/ /*税金・各種料金払込みサービス（ベイジー）*/ /*サービスをご利用いただける時間*/ /*メンテナンス情報*/ /*セキュリティについて*/ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main { padding-top: calc((50 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main .inner_contents > a { display: block; font-weight: 400; font-size: 1.45rem; /* 16px */ line-height: 1.75; text-decoration: underline; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main .inner_contents > a { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main .inner_contents > a + a { margin-top: 4px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main .inner_contents > a + a { margin-top: 0; } }
.personal_ib.personal_ib_service_detail .main .inner_contents > a + h5 { margin-top: 40px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main .inner_contents > a + h5 { margin-top: calc((21 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main .inner_contents > a span { margin-left: 0.5em; }
.personal_ib.personal_ib_service_detail .main .inner_contents p, .personal_ib.personal_ib_service_detail .main .inner_contents li { font-size: 1.45rem; /* 16px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main .inner_contents p, .personal_ib.personal_ib_service_detail .main .inner_contents li { font-size: calc((14 / 375) * 100 * 1vw); text-align: justify; letter-spacing: 0.03em; } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(4) { margin-bottom: 56px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(4) { margin-bottom: calc((28 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(4) + table { width: 750px; margin: 0 auto; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(4) + table { width: 100%; } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) { margin-top: 70px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) { margin-top: calc((50 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + P { margin-bottom: 28px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + P { margin-bottom: calc((23 / 375) * 100 * 1vw); letter-spacing: 0; } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table { margin-bottom: 9px; letter-spacing: 0; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table { margin-bottom: calc((11 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table .th_1 { width: calc((745 / 1000) * 100 * 1%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table .th_1 { width: calc((221 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table .th_2, .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table .th_3 { width: calc((127.5 / 1000) * 100 * 1%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table .th_2, .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table .th_3 { width: calc((62 / 375) * 100 * 1vw); line-height: calc((13 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td { padding: 24px 14px; font-weight: 400; line-height: 1.75em; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td { padding: calc((16 / 375) * 100 * 1vw) calc((12 / 375) * 100 * 1vw) calc((16 / 375) * 100 * 1vw) calc((4 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td:nth-child(1) { text-align: justify; }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h5 { font-weight: 700; font-size: 1.27rem; /* 14px */ text-indent: -0.75em; margin-left: 1.25em; letter-spacing: 0; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h5 { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h5::before { content: "●"; display: inline-block; color: #e90000; width: fit-content; margin: 0 0.25em; }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h5 + h6 { margin-top: 15px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h5 + h6 { margin-top: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h5 + p { margin-top: 10px; margin-left: 0.25em; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h5 + p { margin-top: calc((5 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h5 + ul { margin-top: 12px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h5 + ul { margin-top: calc((13 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h6 { font-weight: 700; color: #e90000; font-size: 1.27rem; /* 14px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td h6 { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td p { font-size: 1.27rem; /* 14px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td p { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td p + h6 { margin-top: 24.5px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td p + h6 { margin-top: calc((21 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td p + ul { margin-top: 9px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td p + ul { margin-top: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td ul li { font-size: 1.27rem; /* 14px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table td ul li { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table + p { font-size: 1.27rem; /* 14px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(5) + p + table + p { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(6) + p { position: relative; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(6) + p { width: 18.5em; } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(6) + p img { display: block; position: absolute; top: -4px; right: 0; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(6) + p img { width: calc((73.4 / 375) * 100 * 1vw); height: auto; top: calc((4 / 375) * 100 * 1vw); right: calc((-75 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table { margin-bottom: 20px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table { margin-bottom: calc((15 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table th { line-height: calc((13 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .tal { padding: 12px 1em 12px 26px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .tal { padding: calc((7 / 375) * 100 * 1vw) calc((8 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .th_1 { width: calc((500 / 1000) * 100 * 1%); }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .th_2 { width: calc((250 / 1000) * 100 * 1%); }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .th_3 { width: calc((250 / 1000) * 100 * 1%); }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .td_1 { width: calc((167 / 1000) * 100 * 1%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .td_1 { width: calc((55.8 / 335) * 100 * 1%); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .td_2 { width: calc((167 / 1000) * 100 * 1%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .td_2 { width: calc((55.8 / 335) * 100 * 1%); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .td_3 { width: calc((167 / 1000) * 100 * 1%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .td_3 { width: calc((55.8 / 335) * 100 * 1%); } }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table .pay_easy_ss { text-align: left; padding-left: calc((10 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table + ol li { padding-left: 1em; text-indent: -1em; font-size: 1.27rem; /* 14px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table + ol li { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(7) + table + ol li span { margin-left: 0.25em; display: block; }
.personal_ib.personal_ib_service_detail .main h4:nth-of-type(8) + p + h5 { margin-top: 26px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main h4:nth-of-type(8) + p + h5 { margin-top: calc((20 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main #note { margin-top: 78px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main #note { margin-top: calc((25 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main #note h4 { font-weight: 700; font-size: 1.45rem; /* 16px */ border: solid 1px #e90000; line-height: 1; display: flex; width: 100%; height: 75px; justify-content: center; align-items: center; color: #e90000; position: relative; transition: background-color 0.3s; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main #note h4 { font-size: calc((14 / 375) * 100 * 1vw); height: calc((66 / 375) * 100 * 1vw); padding: 0; } }
.personal_ib.personal_ib_service_detail .main #note h4:hover { background-color: #FFE7E7; }
.personal_ib.personal_ib_service_detail .main #note h4::before, .personal_ib.personal_ib_service_detail .main #note h4::after { content: none; }
.personal_ib.personal_ib_service_detail .main #note h4 .arrow_r_red { display: block; position: absolute; top: calc(50% - 3px); right: 20px; transform: translateY(-50%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main #note h4 .arrow_r_red { right: calc((16.5 / 375) * 100 * 1vw); top: calc(50% - calc((5 / 375) * 100 * 1vw)); } }
.personal_ib.personal_ib_service_detail .main #note h4 .arrow_r_red::before, .personal_ib.personal_ib_service_detail .main #note h4 .arrow_r_red::after { content: ""; position: absolute; bottom: 0; width: 1px; height: 8.4px; border-radius: 9999px; background-color: #e90000; transform-origin: 50% calc(100% - 0.5px); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main #note h4 .arrow_r_red::before, .personal_ib.personal_ib_service_detail .main #note h4 .arrow_r_red::after { width: calc((2 / 375) * 100 * 1vw); height: calc((7.82 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main #note h4 .arrow_r_red::after { transform: rotate(-46deg); }
.personal_ib.personal_ib_service_detail .main #note h4 .arrow_r_red::before { transform: rotate(46deg); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main #note h4.open { margin-bottom: calc((14 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main #note h4.open .arrow_r_red::before, .personal_ib.personal_ib_service_detail .main #note h4.open .arrow_r_red::after { top: 0; transform-origin: 50% 0.5px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main #note h4.open .arrow_r_red::before, .personal_ib.personal_ib_service_detail .main #note h4.open .arrow_r_red::after { top: calc((8 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_service_detail .main #note + p { text-align: right; }
.personal_ib.personal_ib_service_detail .main #note ul { margin: 0 20px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_service_detail .main #note ul { margin: 0; } }
.personal_ib.personal_ib_service_detail .main #note ul li { text-align: justify; }
.personal_ib.personal_ib_use_environment .main { padding: 66px 0 136px; border-bottom: solid 1px #BFBFBF; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main { padding: calc((46 / 375) * 100 * 1vw) 0 calc((47 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents p { font-size: calc((14 / 375) * 100 * 1vw); text-align: justify; } }
.personal_ib.personal_ib_use_environment .main .inner_contents p.update { font-size: 1.18rem; /* 13px */ text-align: right; margin: 18px 0 12px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents p.update { font-size: calc((11 / 375) * 100 * 1vw); margin: calc((20 / 375) * 100 * 1vw) 0 calc((11 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_use_environment .main .inner_contents p.update + p { margin-bottom: 44px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents p.update + p { margin-bottom: calc((23 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_use_environment .main .inner_contents p + h4 { margin-top: 75px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents p + h4 { margin-top: calc((56 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_use_environment .main .inner_contents h5 + table { margin-top: 25px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents h5 + table { margin-top: calc((21 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_use_environment .main .inner_contents table { font-size: 1.27rem; /* 14px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents table { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_use_environment .main .inner_contents table tr:nth-child(1) th:nth-child(1) { width: 50%; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents table tr:nth-child(1) th:nth-child(1) { width: 40%; } }
.personal_ib.personal_ib_use_environment .main .inner_contents table tr td:nth-child(1) { text-align: left; padding-left: 14px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents table tr td:nth-child(1) { padding-left: calc((11 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_use_environment .main .inner_contents table tr td:not(:nth-child(1)) { width: calc(50% / 3); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents table tr td:not(:nth-child(1)) { width: 20%; } }
.personal_ib.personal_ib_use_environment .main .inner_contents table + ul { margin-top: 23px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents table + ul { margin-top: calc((23 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_use_environment .main .inner_contents ul li { font-size: 1.27rem; /* 14px */ padding-left: 1em; text-indent: -1em; text-align: justify; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents ul li { font-size: calc((12 / 375) * 100 * 1vw); line-height: 1.5; } }
.personal_ib.personal_ib_use_environment .main .inner_contents ul + h5 { margin-top: 78px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents ul + h5 { margin-top: calc((31 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_use_environment .main .inner_contents a.sss { margin: 40px auto; display: block; width: fit-content; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents a.sss { margin: calc((20 / 375) * 100 * 1vw) auto; } }
.personal_ib.personal_ib_use_environment .main .inner_contents a.sss img { border: solid 3px #FFF; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_use_environment .main .inner_contents a.sss img { width: 100%; height: auto; } }
.personal_ib.personal_ib_manual { border-bottom: solid 1px #BFBFBF; }
.personal_ib.personal_ib_manual .main { padding: 72px 0 110px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main { padding: calc((58 / 375) * 100 * 1vw) 0; } }
.personal_ib.personal_ib_manual .main h4 + a { margin-top: 43px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main h4 + a { margin-top: calc((30 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main a { display: block; font-weight: 700; font-size: 1.63rem; /* 18px */ padding-left: 1em; position: relative; text-decoration: underline; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main a { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main a .arrow_r_red { position: absolute; top: 50%; left: 5px; transform: translateY(-50%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main a .arrow_r_red { left: calc((2 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main a + ul { margin-top: 6px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main a + ul { margin-top: calc((9 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main a + p { margin-top: 6px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main a + p { margin-top: calc((10 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main a + h4 { margin-top: 72px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main a + h4 { margin-top: calc((45 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main ul li { font-weight: 400; font-size: 1.45rem; /* 16px */ line-height: 2; padding-left: 39px; text-indent: -14px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main ul li { font-size: calc((12 / 375) * 100 * 1vw); padding-left: calc((34 / 375) * 100 * 1vw); text-indent: calc((-12.3 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main ul li::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: #e90000; position: relative; top: -2px; margin-right: 7px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main ul li::before { width: calc((5.4 / 375) * 100 * 1vw); height: calc((5.4 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main ul + p { margin-top: 29px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main ul + p { margin-top: calc((16 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main ul + a { margin-top: 60px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main ul + a { margin-top: calc((30 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main ul + h4 { margin-top: 100px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main ul + h4 { margin-top: calc((55 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main p { font-size: 1.45rem; /* 16px */ line-height: 2; padding-left: 23px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main p { font-size: calc((12 / 375) * 100 * 1vw); line-height: 1.75; padding-left: calc((20 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main p + ul { margin-top: 3px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main p + ul { margin-top: calc((2 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main .contact_us { border: none; width: 707px; margin: 100px auto 0; padding: 0; text-align: center; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main .contact_us { width: calc((350 / 375) * 100 * 1vw); margin-top: calc((32 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main .contact_us p { font-weight: 400; font-size: 1.36rem; /* 15px */ line-height: 1em; letter-spacing: 0.05em; font-feature-settings: normal; padding-left: 0; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main .contact_us p { font-size: calc((12 / 375) * 100 * 1vw); line-height: calc((21 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main .contact_us h5 { font-weight: 700; font-size: 2.0rem; /* 22px */ line-height: 1em; letter-spacing: 0; margin: 29px 0 13px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main .contact_us h5 { font-size: calc((14 / 375) * 100 * 1vw); margin: calc((18 / 375) * 100 * 1vw) 0 calc((14 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main .contact_us .tel { margin-bottom: 23px; font-feature-settings: "palt"; letter-spacing: 0.095em; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main .contact_us .tel { margin-bottom: calc((16 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main .contact_us .tel a { font-weight: 700; font-size: 45px; line-height: 1; text-decoration: none; padding-left: 76px; position: relative; display: inline-block; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main .contact_us .tel a { font-size: calc((28.8 / 375) * 100 * 1vw); padding-left: calc((51 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main .contact_us .tel a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main .contact_us .tel a[href*="tel:"] { pointer-events: auto; cursor: pointer; } }
.personal_ib.personal_ib_manual .main .contact_us .tel a::before { content: ""; display: block; width: 64px; height: 50px; background-image: url(../common/images/free_call_mark.svg); background-repeat: no-repeat; background-position: left top; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-49%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main .contact_us .tel a::before { width: calc((41.27 / 375) * 100 * 1vw); height: calc((31.96 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_manual .main .contact_us .time { font-weight: 400; font-size: 1.27rem; /* 14px */ margin-bottom: 0; font-feature-settings: "palt"; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main .contact_us .time { font-size: calc((11 / 375) * 100 * 1vw); line-height: calc((17 / 375) * 100 * 1vw); font-feature-settings: normal; } }
.personal_ib.personal_ib_manual .main .contact_us .update { font-weight: 400; font-size: 1.18rem; /* 13px */ letter-spacing: 0.06em; text-align: right; font-feature-settings: "palt"; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_manual .main .contact_us .update { font-size: calc((12 / 375) * 100 * 1vw); font-feature-settings: normal; } }
.personal_ib.personal_ib_kikan .main { padding: 80px 0 160px; border-bottom: solid 1px #A7A7A7; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main { padding: calc((32 / 375) * 100 * 1vw) 0 calc((46 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents { /*ご利用可能な収納機関・料金種類*/ }
.personal_ib.personal_ib_kikan .main .inner_contents h4 { /*Pay-easy（ペイジー）税金・各種料金払込みサービス*/ /*ご利用可能な収納機関・料金種類*/ /*ご利用時間*/ }
.personal_ib.personal_ib_kikan .main .inner_contents h4:not(:nth-of-type(1)) { margin-top: 90px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents h4:not(:nth-of-type(1)) { margin-top: calc((40 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(1) { margin-bottom: 48px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(1) { margin-bottom: calc((26 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(1) + p { padding-right: 168px; position: relative; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(1) + p { padding-right: calc((89 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(1) + p img { display: block; width: 87px; height: auto; position: absolute; top: 8px; right: 0; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(1) + p img { width: calc((70 / 375) * 100 * 1vw); top: calc((9 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(2) { margin-bottom: 18px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(2) { margin-bottom: calc((17 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(2) + p { margin-bottom: 46px; text-align: right; font-size: 1.18rem; /* 13px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(2) + p { margin-bottom: calc((12 / 375) * 100 * 1vw); font-size: calc((11 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(3) { margin-bottom: 59px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents h4:nth-of-type(3) { margin-bottom: calc((35 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents > p { font-weight: 400; font-size: 1.45rem; /* 16px */ text-align: justify; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents > p { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents .kakomi { background-color: #FFF9F1; border-radius: 7px; padding: 26px 54px 41px 54px; margin-top: 39px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents .kakomi { border-radius: calc((3.7 / 375) * 100 * 1vw); padding: calc((20 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw) calc((18 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw); margin-top: calc((19 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents .kakomi p { font-size: 1.45rem; /* 16px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents .kakomi p { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents .kakomi p a { color: #e90000; text-decoration: underline; }
.personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) { font-size: 1.27rem; /* 14px */ margin-bottom: 60px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) { font-size: calc((12 / 375) * 100 * 1vw); margin-bottom: calc((25 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) tr th:not(:nth-child(1)) { width: calc((144.7 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) tr td:not(:nth-child(1)) { text-align: left; padding-left: 25px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) tr td:not(:nth-child(1)) { padding-left: calc((8 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) th, .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) td { padding-top: 14px; padding-bottom: 14px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) th, .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) td { line-height: 1.5; padding-top: calc((5 / 375) * 100 * 1vw); padding-bottom: calc((5 / 375) * 100 * 1vw); min-height: calc((48.25 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) td p { min-height: calc((37.25 / 375) * 100 * 1vw); display: flex; align-items: center; } }
.personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) .title { background-color: #369D56; color: #FFF; padding-top: 7px; padding-bottom: 7px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) .title { padding-top: calc((8 / 375) * 100 * 1vw); padding-bottom: calc((8 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) + p { margin-bottom: 47px; padding-right: 140px; position: relative; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) + p { margin-bottom: calc((12 / 375) * 100 * 1vw); padding-right: calc((96.2 / 375) * 100 * 1vw); font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) + p img { display: block; width: 87px; height: auto; position: absolute; top: 6px; right: 0; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents table:nth-of-type(1) + p img { width: calc((70 / 375) * 100 * 1vw); top: calc((7.3 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents .note { font-size: 1.27rem; /* 14px */ padding-left: 1.75em; text-indent: -1.75em; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents .note { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents .note a { color: #e90000; text-decoration: underline; }
.personal_ib.personal_ib_kikan .main .inner_contents .use_time { width: 752px; margin: 0 auto 25px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents .use_time { width: 100%; margin: 0 auto calc((9 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_kikan .main .inner_contents .use_time + p { width: 752px; margin: 0 auto; font-size: 1.27rem; /* 14px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_kikan .main .inner_contents .use_time + p { width: 100%; font-size: calc((11 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main { border-top: solid 1px #BFBFBF; border-bottom: solid 1px #BFBFBF; padding: 100px 0 148px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main { padding: calc((42 / 375) * 100 * 1vw) 0 calc((70 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main h4 { margin-bottom: 60px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main h4 { margin-bottom: calc((33 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main h5 { margin-bottom: 28px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main h5 { margin-bottom: calc((22 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .wrap_block { display: flex; margin-bottom: 79px; gap: 40px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .wrap_block { flex-direction: column; margin-bottom: calc((29 / 375) * 100 * 1vw); gap: calc((22 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block { border: solid 1px #BFBFBF; border-radius: 10px; padding: 80px 52px 138px; position: relative; flex: 0 1 480px; /*WEBで申込む*/ /*窓口で申込む*/ /*口座開設のご案内*/ /*郵送で申込む*/ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block { border-radius: calc((7 / 375) * 100 * 1vw); padding: calc((54 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw) calc((97 / 375) * 100 * 1vw); position: relative; flex: 0 1 100%; } }
.personal_ib.personal_ib_application .main .block h6 { font-weight: 700; font-size: 1.81rem; /* 20px */ line-height: 51px; text-align: center; border-bottom: solid 2px #e90000; margin-bottom: 22px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block h6 { font-size: calc((16 / 375) * 100 * 1vw); line-height: calc((37 / 375) * 100 * 1vw); margin-bottom: calc((15 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block p { font-weight: 400; font-size: 1.45rem; /* 16px */ text-align: justify; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block p { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block p.tac { text-align: center; }
.personal_ib.personal_ib_application .main .block a { width: 326px; position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block a { width: calc((228 / 375) * 100 * 1vw); bottom: calc((33 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block + h4 { margin-top: 67px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block + h4 { margin-top: calc((50 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block:nth-of-type(1) h6, .personal_ib.personal_ib_application .main .block:nth-of-type(2) h6, .personal_ib.personal_ib_application .main .block.mailing h6 { position: relative; }
.personal_ib.personal_ib_application .main .block:nth-of-type(1) h6::after, .personal_ib.personal_ib_application .main .block:nth-of-type(2) h6::after, .personal_ib.personal_ib_application .main .block.mailing h6::after { content: ""; display: block; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; left: 50%; transform: translateX(-50%); }
.personal_ib.personal_ib_application .main .block:nth-of-type(1) h6::after { width: 71px; height: 47px; background-image: url("../banking/img/application/icon_1.svg"); top: -47px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block:nth-of-type(1) h6::after { width: calc((49.5 / 375) * 100 * 1vw); height: calc((38.8 / 375) * 100 * 1vw); top: calc((-38.2 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block:nth-of-type(2) { padding-bottom: calc((28 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block:nth-of-type(2) h6::after { width: 46px; height: 61px; background-image: url("../banking/img/application/icon_2.svg"); top: -61px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block:nth-of-type(2) h6::after { width: calc((33.4 / 375) * 100 * 1vw); height: calc((44.3 / 375) * 100 * 1vw); top: calc((-41.8 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block.account_opening { padding-top: 94px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block.account_opening { padding-top: calc((72 / 375) * 100 * 1vw); padding-bottom: calc((100 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block.account_opening p { position: relative; }
.personal_ib.personal_ib_application .main .block.account_opening p::after { content: ""; display: block; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; left: 50%; transform: translateX(-50%); width: 95px; height: 51px; background-image: url("../banking/img/application/icon_3.svg"); top: -68px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block.account_opening p::after { width: calc((66.3 / 375) * 100 * 1vw); height: calc((35.6 / 375) * 100 * 1vw); top: calc((-54 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block.mailing { padding-top: 100px; padding-bottom: 142px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block.mailing { padding-top: calc((54 / 375) * 100 * 1vw); padding-bottom: calc((98 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block.mailing h6::after { width: 47px; height: 61px; background-image: url("../banking/img/application/icon_4.svg"); top: -61px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block.mailing h6::after { width: calc((32.8 / 375) * 100 * 1vw); height: calc((42.6 / 375) * 100 * 1vw); top: calc((-39.1 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application .main .block.mailing .note { font-size: 1.27rem; /* 14px */ margin-top: 7px; padding-left: 1em; text-indent: -1em; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application .main .block.mailing .note { font-size: calc((12 / 375) * 100 * 1vw); margin-top: calc((4 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main { border-top: solid 1px #BFBFBF; border-bottom: solid 1px #BFBFBF; padding: 54px 0 228px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main { padding: calc((32 / 375) * 100 * 1vw) 0 calc((70 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main p { font-weight: 400; font-size: 1.45rem; /* 16px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main p { font-size: calc((14 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main p.annotation { font-size: 1.27rem; /* 14px */ margin-bottom: 61px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main p.annotation { font-size: calc((12 / 375) * 100 * 1vw); margin-bottom: calc((24 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main a.btn_1 { width: 450px; margin: 0 auto 18px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main a.btn_1 { width: calc((335 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main a.btn_1 + a { display: block; width: fit-content; margin: 0 auto 94px; text-decoration: underline; font-size: 1.45rem; /* 16px */ }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main a.btn_1 + a { font-size: calc((14 / 375) * 100 * 1vw); margin: 0 auto calc((57 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main a.btn_1 + a .arrow_r_red { margin-left: 0.5em; }
.personal_ib.personal_ib_application_at_mailing .main h4 { margin-bottom: 50px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main h4 { margin-bottom: calc((29 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main ol li { display: flex; align-items: center; position: relative; }
.personal_ib.personal_ib_application_at_mailing .main ol li:not(:nth-last-child(1)) { margin-bottom: 65px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main ol li:not(:nth-last-child(1)) { margin-bottom: calc((36 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main ol li:not(:nth-last-child(1))::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-right: 9px solid transparent; border-left: 9px solid transparent; border-top: 17px solid #e90000; border-bottom: 0; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main ol li:not(:nth-last-child(1))::after { border-right: calc((6.75 / 375) * 100 * 1vw) solid transparent; border-left: calc((6.75 / 375) * 100 * 1vw) solid transparent; border-top: calc((11.7 / 375) * 100 * 1vw) solid #e90000; bottom: calc((-24 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main ol li p.num { display: flex; flex: 0 0 68px; background-color: #e90000; color: #FFF; border-radius: 5px; justify-content: center; align-items: center; align-self: stretch; font-weight: 700; font-size: 2.27rem; /* 25px */ line-height: 1; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main ol li p.num { flex: 0 0 calc((43 / 375) * 100 * 1vw); font-size: calc((18 / 375) * 100 * 1vw); border-radius: calc((2.7 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main ol li dl { padding: 18px 26px 23px 26px; background-color: #FFF9F1; flex-grow: 1; border-radius: 5px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main ol li dl { padding: calc((11 / 375) * 100 * 1vw) calc((14 / 375) * 100 * 1vw) calc((11 / 375) * 100 * 1vw) calc((19 / 375) * 100 * 1vw); border-radius: calc((2.7 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main ol li dl dt { font-weight: 500; font-size: 1.63rem; /* 18px */ margin-bottom: 2px; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main ol li dl dt { font-size: calc((14 / 375) * 100 * 1vw); margin-bottom: calc((5 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main ol li dl dd { font-weight: 400; font-size: 1.27rem; /* 14px */ padding-left: 1em; text-indent: -1em; }
@media only screen and (max-width: 992px) { .personal_ib.personal_ib_application_at_mailing .main ol li dl dd { font-size: calc((12 / 375) * 100 * 1vw); } }
.personal_ib.personal_ib_application_at_mailing .main ol li dl dd a { color: #e90000; text-decoration: underline; }
.personal_ib.personal_ib_application_at_mailing .main ol li:nth-child(4) dl dd { padding-left: 0; text-indent: 0; }