/* レスポンシブ対応強化2020 */ /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* 追加class文のみ */ .fa-arrow-circle-o-up:before{content:"\f01b"} /* 共通ボタン（テキスト化） */ .sp2020 #upperNav {width:inherit;padding: 7px 15px 7px 0;} .sp2020 .fixedNav {left: -20px;} .sp2020 #upperNav a, .sp2020 #pageNav p a {text-decoration: none;display:inline-block;padding: 3px 10px;border-radius: 5px;font-size: 14px;} .sp2020 #upperNav a:hover, .sp2020 #pageNav a:hover {opacity: 0.9;} .sp2020 #pageNav p.toStart a, .sp2020 #pageNav p.toPagetop a {color:#fff;background:#3D8548;} .sp2020 #upperNav a, .sp2020 #pageNav p.toPrev a {color:#444;background:#efefef;border:1px solid #868787;box-shadow: 0 1px 2px gray;} .sp2020 #upperNav a i, .sp2020 #pageNav a i {display:inline-block;padding: 0 5px;font-size: 16px;} .sp2020 #upperNav a i {color:#666;} /* SPのみ */ @media screen and (max-width: 767px) { body.sp2020 {background:none;} /* header */ .sp2020 #head {padding-bottom: 0;background:none;margin-bottom: 5px;} .sp2020 #headContent #logo {position: absolute;top:12px;left:5px;width:110px;} .sp2020 #headContent #headMenu {width: 100%;margin: 0;text-align: center;} .sp2020 #headContent #headSupport {position: absolute;float:none;margin:0;width:auto;top:10px;right:5px;} .sp2020 #headContent #headSupport img {margin-top:5px;width:98px;height:auto;} .sp2020 #headContent #headSupportCoop {position: absolute;float:none;margin:0;width:auto;top:10px;right:5px;} .sp2020 #headContent #headSupportCoop img {margin-top:5px;width:98px;height:auto;} .sp2020 #headContent #logoBrand {width:100%;text-align:center;max-height: 46px;} .sp2020 #logoBrand img {max-height:46px;width:auto;} .sp2020 #stepNav {overflow-x: hidden;} .sp2020 #stepNav .stepArrow {display: table;} .sp2020 #stepNav .stepArrow>span {display: table-cell;} .sp2020 #stepNav .stepArrow>span>img {width:100%;height:auto;} .sp2020 #head.head_coop {height: 51px} .sp2020 #head.head_coop #headContent #logoTateku {position:absolute;float:none;margin:0;width:auto;top:36px;right:5px;} .sp2020 #head.head_coop #headContent #logoTateku img {width:123px;height:auto;} /* pageNav */ .sp2020 div#upperNav {padding:0 0 5px;width:inherit;} .sp2020 div#upperNav.fixedNav p a {margin: 7px 5px 0 20px;} .sp2020 #pageNav {display: flex;flex-direction: column-reverse;margin-left:0;margin-right:0;} .sp2020 #upperNav a, .sp2020 #pageNav p a {font-size: 14px;} _:-ms-lang(x)::-ms-backdrop, .sp2020 #pageNav p a {height:18px;} /* IE11 */ .sp2020 #upperNav a i, .sp2020 #pageNav a i {font-size: 14px;} .sp2020 #pageNav p.toPagetop {float:none;text-align: center;width: 100%;} .sp2020 #pageNav p.toStart{width: 100%;float:none;} /* footer */ .sp2020 div#foot .inner {display:flex;flex-direction: column-reverse;} .sp2020 #inquiry .phoneNum {font-size:1.25em;} .sp2020 div#inquiry a {color:#b10c19;} .sp2020 #inquiry img {height: 15px;width:auto;} .sp2020 #copyright {text-align: center;font-size: 0.75em;} .sp2020 #copyright img {height: 30px; width: auto;margin: 5px 0 5px;} .sp2020 p.description, .sp2020 span.description {font-size: 0.875em;} /* contents */ .sp2020 div#mainColumn {position: static;} .sp2020 div#mainColumn div#category {margin-right:0;} .sp2020 div#mainColumn div#category img {right:0;width:110px;height:auto;} .sp2020 div#mainColumn h1, .sp2020 #note_page h1, .sp2020 .modal h1 {border-top-color:#b10c19;padding: 7px 5px 10px;margin: 0 0 10px!important;} .sp2020 #mainColumn div.formBox h2 {background-image: none;padding:5px 10px;border-top-left-radius: 5px;font-size:1.2em;margin-bottom: 0.5em;} .sp2020 #mainColumn div.formBox h3 {font-size:1em;margin-bottom: 0.5em;} .sp2020 div#mainColumn .sentence h2, .sp2020 div#mainColumn .subHeader, .sp2020 #note_page h2 {font-size:1em;min-height: inherit;background-size: contain;padding: 3px 3px 3px 24px!important} .sp2020 #mainColumn div.formBox div.description {background-size: 15px;padding-left:25px;min-height: inherit;font-size: 0.95em;} html.android .sp2020 #mainColumn div.formBox div.description {background-size: 1em;} .sp2020 .note {border:2px solid #b10c19;border-radius: 3px;} .sp2020 #mainColumn div.formBox {background-size: cover;background-position: center bottom;} /* マイページへの導線のCSS ここから */ /* マイページへのご案内 */ .sp2020 .mypage_flex {display: flex;justify-content: center;align-items: center;margin-bottom: 20px;} .sp2020 .mypage_flex .mypage_img {width: auto;margin: 0; padding-right: 20px; overflow: visible;position: relative;} .sp2020 .mypage_flex img {max-width: 50px;} .sp2020 .mypage_link_msg {text-align: left;} .sp2020 .mypage_msg .sp_none {display: none;} /* マイページへのご案内 */ /* マイページサービスの詳細 */ .sp2020 .mypage_dousen_blk .mypage-shinki-box .mypage-text01 {font-size: 10.5px; margin-right: 150px;} .sp2020 .mypage_dousen_blk .login-btn:after {border-top: 2px solid #094;border-right: 2px solid #094;content: "";display: block;height: 6px;position: absolute;right: 15px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);width: 6px;top: 0;bottom: 0;margin: auto;} .sp2020 .mypage_dousen_blk .login-btn:hover {opacity: 0.7;text-decoration: none;} .sp2020 .mypage_dousen_blk .login-btn-box li:first-child {margin-right: 20px;} .sp2020 .mypade_dousen_blk {font-size: 14px;} /* マイページサービスの詳細 */ /* マイページ確認事項ページ */ .sp2020 .kumiaiin_select {font-size: 0.825em;} .sp2020 .kumiaiin_select {margin-left: 10px;} /* マイページへの導線のCSS ここまで */ /* form button */ .sp2020 div.formBox div.btnset, .sp2020 div.formBox div.buttons {display: flex;justify-content: space-around;} .sp2020 .choice .ico {min-height:29px;} .sp2020 .choice span.wrap, .sp2020 .choice span.disabled {border-radius: 3px;border-width: 1px;} .sp2020 .col2 .choice {margin: 0 5px;width:43%;display: block;} .sp2020 .choice .ico {min-height: inherit;} .sp2020 .choice .checked .wrap {border-width:2px;margin:1px;border-color: #b10c19;} .sp2020 .col_count_family .first, .sp2020 .col_count_family .n00, .sp2020 .col_count_family .choice, .sp2020 .col3 .first, .sp2020 .col3 .choice {margin-left:12px;width:96%;} /* form input */ .sp2020 .choice label {width:96%;} .sp2020 #mainColumn div.formBox input {box-sizing: border-box;} .sp2020 #change_unit div.align #house_area {font-size:1.25em;min-height:inherit;min-height:42px;} .sp2020 #mainColumn div.formBox div.align {margin:0;} .sp2020 .check_checkbox ul.checkbox {font-size:100%;margin-left:1em;} .sp2020 .check_checkbox ul.checkbox li {margin-bottom:0.5em;} .sp2020 .check_checkbox .ico {width:22px;background-size: 20px;min-height:29px;} .sp2020 .check_checkbox label {padding:0.5em 0;line-height: 1.5;} .sp2020 .check_checkbox label span.txt {font-size:100%;padding-top:2px;} /* form 個別 */ .sp2020 select#pref_object {margin-left:12px;} .sp2020 .location_toggled select#pref_object {margin-left:0;} .sp2020 #change_unit select#area_unit {min-width:5em;} .sp2020 #mainColumn div.formBox input[type="text"]#count_family_over, .sp2020 #mainColumn div.formBox input[type="text"]#shop_area, .sp2020 #mainColumn div.formBox input[type="text"]#other_house, .sp2020 #mainColumn div.formBox input[type="text"]#other_goods {width:30%;} .sp2020 .purpose_toggled .choice label {display:block;padding:0;} /* button */ .sp2020 .nextNav {padding-top:15px;} .sp2020 .btn_next a {width: 100%;padding:16px 12px;font-size: 1.08em;text-shadow: 0 0 0 rgba(0,0,0,0);background:#b10c19;font-weight:bold;border-radius: 3px;box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);box-sizing: border-box;} /* table */ .sp2020 #mainColumn table.confirm_table.sp_format, .sp2020 #mainColumn table.confirm_table.sp_format tbody, .sp2020 #mainColumn table.confirm_table.sp_format tr, .sp2020 #mainColumn table.confirm_table.sp_format tr th, .sp2020 #mainColumn table.confirm_table.sp_format tr td {display:block;border:none;width:100%!important;text-align:left;box-sizing: border-box;} .sp2020 #mainColumn table.confirm_table.sp_format tr th {padding-left: 10px;} .sp2020 #mainColumn table.confirm_table.sp_format tr td {padding-left: 25px;margin-bottom:5px;background-color:#fff;} /* column */ .sp2020 .container_12 [class^="prefix_"] {padding-left:0;} .sp2020 [class^="grid_"] {float:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%;} /* 建物構造区分確認 */ /* トップページ */ .sp2020 div#kakuninKaishi div.choice {display: flex;justify-content: center;} #step00.sp2020 .toppape_title img {width:79%;height:auto;} #kakunin_kaishi_span {border-width: 1px;} /* 汎用 */ .sp2020 ul.ico_link {list-style: none;} .sp2020 ul.ico_link li {position:relative;} .sp2020 ul.ico_link li:before { color: #b10c19; content: "\f18e"; font-family: FontAwesome; list-style: none; position: absolute; left:-1.2em; top:3px; } .sp2020 #pageNav a:hover {opacity: 1;} .sp2020 .flex-pc-center-sp-block {display:block;} .sp2020 .flex-pc-space-around-sp-block {display:block;} .sp2020 .sp-h-16 {height: 4rem; /* 64px */} .sp2020 .sp-p-0-im {padding: 0px !important;} .sp2020 .sp-text-xs {font-size: 0.75rem; /* 12px */ line-height: 1rem; /* 16px */} /* ページ個別対応 */ /* 制度選択画面 */ body#root.sp2020 .seido_btn_box {margin: 0;padding: 0 5px;} body#root.sp2020 p.hosho_setsumei {margin-left: 10px;} /* 開始画面 */ body#root.sp2020 h1 img {max-width:100%;height:auto;} body#root.sp2020 div.container_12 {display: flex;} body#root.sp2020 .box {margin: 0;padding: 0 5px;} body#root.sp2020 .box p.forQuick, body#root.sp2020 .box p.forCal {width:auto;left:0;padding:5px;border-radius: 5px;box-sizing: border-box;} body#root.sp2020 .box p.forQuick, body#root.sp2020 .box p.forCal {box-sizing: content-box;} /* Dsr Add 2019-11-22 */ body#root.sp2020 .box p.forQuick img, body#root.sp2020 .box p.forCal img {top:-25px;left:5px;width:60px;height:auto;} body#root.sp2020 .box .description {font-size:0.875em;} body#root.sp2020 .box .description ul {margin-left:20px;} body#root.sp2020 .btn_next a {font-size:1.08em;font-weight:bold;} body#root.sp2020 .sentence .note {font-size:0.95em;} body#root.sp2020 .sentence .note .btn_next a {width:100%;} /* 見積もり */ body#cal_result.sp2020 #planBasic {background: none;} /* Dsr Add 2019-11-22 */ /* 見積もり内容の確認 */ body#cal_step03.sp2020 #mainColumn table.confirm_table.sp_format tr:first-child {display:none;} /* 見積もり結果画面 */ .quick #planChange ul.btn li.recommend span.wrap { line-height: normal; } #planBasic .planCover p.insurance .comment_defference_ico {top:-1.25em;} #planBasic {background: none;} #planOption p.cost .comment_defference {right:-5px;} .comment_defference:after, .comment_defference_ico:after {right:15%;left:auto;} /* Firefox */ @-moz-document url-prefix() { .changedPlan .elem_change select {padding-right: 24px;} } /* お客様情報入力 */ body#cal_step04.sp2020 #mainColumn div.formBox div.align {padding:0 2%;} body#cal_step04.sp2020 #mainColumn div.formBox .nurturer_toggled div.align {padding:0;} body#cal_step04.sp2020 #mainColumn div.formBox div.align.bitrhday, body#cal_step04.sp2020 #mainColumn div.formBox div.align.birth_setai {display:flex;justify-content: flex-start;} body#cal_step04.sp2020 #mainColumn div.formBox div.align input[type="text"], body#cal_step04.sp2020 #mainColumn div.formBox .location_toggled input[type="text"] {width:100%;max-width:100%;} body#cal_step04.sp2020 #mainColumn div.formBox p.zip input {margin-bottom: 0.5em;} body#cal_step04.sp2020 #mainColumn .btn_next.btn_mini a {width:inherit;padding:5px;font-size:0.825em;} body#cal_step04.sp2020 #mainColumn div.formBox .location_toggled {margin:0 2%;} body#cal_step04.sp2020 #mainColumn div.baloonA {font-size: 0.8em;} body#cal_step04.sp2020 #mainColumn div.baloonA:before {top: -25px;} /* 支払い方法選択 */ body#cal_step04.sp2020 #pay_way .wrap, body#cal_step04.sp2020 #get_way .wrap {font-size:0.9em;min-height:inherit;} body#cal_step04.sp2020 .pay_toggled {margin:0;padding:0 2%;} body#cal_step04.sp2020 .pay_toggled div.buttons {flex-wrap: wrap;} body#cal_step04.sp2020 .pay_toggled .col_paybrand div.buttons .choice {width: 49%;margin:0 0 10px;} body#cal_step04.sp2020 .pay_toggled .col_paybrand div.buttons .choice .wrap {font-size:0.9em;padding:0;min-height:60px;} body#cal_step04.sp2020 .pay_toggled .col_paybrand div.buttons .choice label span.txt {padding-left:5%;} body#cal_step04.sp2020 .pay_toggled .col_paybrand div.buttons .choice label span.txt img {width:30%;height:auto;} body#cal_step04.sp2020 .pay_toggled .note>p {margin-left:0!important;} body#cal_step04.sp2020 .pay_toggled .note>p img {max-width: 100%;height:auto;} body#cal_step04.sp2020 .pay_toggled .note>.step p.img {width:100%!important;text-align:center;float:none;} body#cal_step04.sp2020 .pay_toggled .note>.step div.task {margin-left:0!important;} body#cal_step04.sp2020 .pay_bank .pay_toggled .choice {width:100%;display:block;margin:0;} body#cal_step04.sp2020 .pay_bank .pay_toggled .choice label {width:100%;font-size:0.9em;} body#cal_step04.sp2020 .pay_bank .pay_toggled #payeasy_choice {margin-bottom:1em;} body#cal_step04.sp2020 #mainColumn .formBox .align span.btn_next.btn_mini a.kinyuAutoSrh {margin-bottom:1em;width:100%;padding: 16px;text-align:center;} /* 申込み内容の確認 */ body#cal_step04.sp2020 #mainColumn table.confirm_table.sp_format th[rowspan="2"] {margin-bottom: 3px;font-weight:bold;padding-left:0;} body#cal_step04.sp2020 #mainColumn table.confirm_table.sp_format th[rowspan="2"] br, body#cal_step04.sp2020 #mainColumn table.confirm_table.sp_format th[colspan="2"] br {display:none;} body#cal_step04.sp2020 #mainColumn table#confirm_detail th {font-size:0.825em;} body#cal_step04.sp2020 #mainColumn table#confirm_detail td {font-size:0.9em;padding:3px 1px;} body#cal_step04.sp2020 #mainColumn .note+.nextNav {margin-top: 30px;} /* 申込書類の入手 */ body#cal_step04.sp2020 #get_way .choice {display:block;width: 95%;} body#cal_step04.sp2020 #get_way .first {margin: 0 10px;} body#cal_step04.sp2020 #mainColumn div.formBox div.align.pdflist {margin-left:0;float:none;} body#cal_step04.sp2020 #mainColumn div.formBox div.align.pdflist+p.btn_next.a-right {float:none;} body#cal_step04.sp2020 #mainColumn div.formBox div.align.pdflist+p.btn_next.a-right a {width:94%;min-width:inherit;margin:0 3%;} /* 初回掛金の支払 */ body#cal_step04.sp2020 .payment_table.has_logo tr:first-child {display:flex;flex-direction: column;} body#cal_step04.sp2020 .payment_table.has_logo tr:first-child th {order:2;} body#cal_step04.sp2020 .payment_table.has_logo tr:first-child td {order:3;} body#cal_step04.sp2020 .payment_table.has_logo tr:first-child td.a-center {order:1;text-align:center;background:none;} body#cal_step04.sp2020 .payment_table th {padding:3px;width:100%!important;box-sizing: border-box;} body#cal_step04.sp2020 .payment_table tr:first-child th span br {display:none;} body#cal_step04.sp2020 .payment_table, body#cal_step04.sp2020 .payment_table tbody, body#cal_step04.sp2020 .payment_table tr, body#cal_step04.sp2020 .payment_table th, body#cal_step04.sp2020 .payment_table td {display:block;text-align: left;} /* 完了画面 */ body#cal_step05.sp2020 .sentence>h2+p, body#cal_step05.sp2020 .sentence #hoshokaishibi_txt p{margin-left:0!important;line-height:1.5;} body#cal_step05.sp2020 #keiyakustep, body#cal_step05.sp2020 #keiyakustep img {width:100%;height:auto;} body#cal_step05.sp2020 .note>.step {padding: 0;} body#cal_step05.sp2020 .note>.step p.img.roll {width:100%!important;text-align:center;float:none;margin-bottom: 1em;padding-right: 0;} body#cal_step05.sp2020 .note>.step div.task {margin-left:0!important;} /* 建物構造区分確認 */ .sp2020.kouzou .disp_flex {display: flex;flex-wrap: wrap;justify-content: space-between;} .sp2020.kouzou .disp_flex>[class^="grid_"] {box-sizing: border-box;border:2px solid #E6E6E6;} .sp2020.kouzou .disp_flex [class^="grid_"] .box {padding:3%;border:none;height:auto!important;} .sp2020.kouzou .disp_flex [class^="grid_"] .box img {max-width:100%;height: auto;} .sp2020.kouzou .disp_flex:before {display: none;} .sp2020 .doc_table {font-size: 0.825em;} body#step01.sp2020.kouzou .disp_flex>.grid_7 {width:48%;} body#step01.sp2020.kouzou .disp_flex>.grid_7 .description {font-size:0.825em;} body#step02.sp2020.kouzou .disp_flex>.grid_3 {width:32%;} body#step02.sp2020.kouzou .disp_flex>.grid_3 .box {padding:5%;} body#step02.sp2020.kouzou .disp_flex>.grid_3 .box p {margin-bottom:5px;} body#step02.sp2020.kouzou .disp_flex>.grid_3 .box p.btn {text-align: center;} body#step02.sp2020.kouzou .disp_flex>.grid_3 p.icolink .ico {display:none;} body#step02.sp2020.kouzou .disp_flex>.grid_3:nth-child(4) {width:100%;margin-top:3%;} body#step02.sp2020.kouzou .disp_flex>.grid_3:nth-child(4) p.btn {text-align:center;} body#step02.sp2020.kouzou .disp_flex>.grid_3:nth-child(4) img {max-width:33%;height:auto;} body#step02.sp2020.kouzou .arrowBottom+.disp_flex:after {display: none;} body#step02.sp2020.kouzou .arrowBottom+.disp_flex>.grid_4 {border:none; width: 30%;} body#step02.sp2020.kouzou .arrowBottom+.disp_flex>.grid_4 img {max-width:100%;height: auto;} body#step03.sp2020.kouzou .arrow_through, body#step03.sp2020.kouzou .arrowI_through {padding-bottom: 0;background: none;position: relative;} body#step03.sp2020.kouzou .arrow_through:after, body#step03.sp2020.kouzou .arrowI_through:after {visibility: visible; content: "\f063";font-family: FontAwesome;font-size:32px;color:#2E70A1;width:100%;height: inherit;text-align: center; overflow: visible; margin: 10px;} /*body#step03.sp2020.kouzou .disp_flex>.grid_9 {width:71%;}*/ body#step03.sp2020.kouzou .disp_flex>.grid_9 .buttons {display:flex;justify-content: space-between;} body#step03.sp2020.kouzou .disp_flex>.grid_9 .buttons .grid_3 {width:31%;} /*body#step03.sp2020.kouzou .disp_flex>.grid_3_5 {width:28%;}*/ body#step03.sp2020.kouzou .disp_flex>[class^="grid_"] .box {padding:5px 10px;} body#step03.sp2020.kouzou .disp_flex>[class^="grid_"] p.icolink .ico {display:none;} body#step03.sp2020 .container_16 .box h3, body#step03.sp2020 .container_16.singlebox h4 {font-size:0.9em;margin-bottom: 0.5em;} body#step03.sp2020 .container_16 .description {width:auto;} /* 耐火基準選択画面-------------------------------------------------- */ body#step03.sp2020.kouzou .disp_flex.step2_3_taikakijyun>[class^="grid_"] {margin-bottom: 1em;} .sp2020 .taikakijyun_kakunin_hoho .choice label {width:96%;} .sp2020 .step2_3_taikakijyun .choice .ico {min-height:16px;} .sp2020 .step2_3_taikakijyun .choice span.wrap, .sp2020 .step2_3_taikakijyun .choice span.disabled {border-radius: 3px;border-width: 1px;} .sp2020 .step2_3_taikakijyun .col2 .choice {margin: 0 10px;width:43%;display: block;} .sp2020 .step2_3_taikakijyun .choice .checked .wrap {border-width:2px;margin:1px;border-color: #00aeff;} .sp2020 .step2_3_taikakijyun .col_count_family .first, .sp2020 .step2_3_taikakijyun .col_count_family .n00, .sp2020 .step2_3_taikakijyun .col_count_family .choice, .sp2020 .step2_3_taikakijyun .col3 .first, .sp2020 .step2_3_taikakijyun .col3 .choice {margin-left:12px;width:96%;} body#step03.sp2020 .container_16.singlebox .box_kakunin_hoho {padding: 5px 10px;} /* ボタンの説明リンク */ body#step03.sp2020 .step2_3_taikakijyun .description {width:auto !important; margin: 0.8em 0 1em 0 !important; padding:0 !important;} /* 確認方法の矢印 */ .sp2020 #kodate_kakunin_hoho_arrow { padding-left: 45%; width: 35px; height: 32px;} .sp2020 #kyodo_kakunin_hoho_arrow { padding-left: 45%; width: 35px; height: 32px;} /* お住まいが、昭和35年以降建築の地上4階建て以上の建物で3階以上の階が共同住宅はこちら */ .sp2020 .step2_3_taikakijyun.kyodo .grid_4.s35 span.txt { font-size: 0.9em;} .sp2020 p#showa35nen_setsumei_img img{width:44%;height:auto;} /* 耐火基準選択画面(共同住宅用 耐火基準の選択のボックスの横幅) */ body#step03.sp2020.kouzou .disp_flex.step2_3_taikakijyun.kyodo>.grid_3 {width:100%; margin-bottom: 1em;} body#step03.sp2020.kouzou .disp_flex.step2_3_taikakijyun.kyodo>.grid_4.s35 {width:100%; margin-top:0; margin-bottom:0;} /* 申込方法選択画面-------------------------------------------------- */ body#cal_step04.sp2020 .moushikomihoho_inet_pay .step1_creditList li { width: 20%; margin-bottom: 5px; } body#cal_step04.sp2020 .moushikomihoho_inet_pay .step1_creditList li:nth-child(n+6) { margin-top: 5px; } body#cal_step04.sp2020 .moushikomihoho_inet_pay .step1_creditList li p { text-align: center; font-size: 0.8em; } body#cal_step04.sp2020 .moushikomihoho_inet_pay .step1_creditList li p.img { height: 50px; position: relative; } body#cal_step04.sp2020 .moushikomihoho_inet_pay .step1_creditList li p.img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 45%; } body#cal_step04.sp2020 .moushikomihoho_inet_pay .step1_creditList li p.img.credit_visa img { width: 100%; } body#cal_step04.sp2020 .moushikomihoho_inet_pay .step1_creditList li p.img.credit_orico img { width: 30%; } body#cal_step04.sp2020 .moushikomihoho_inet_pay .step1_creditList + p { text-align: center; font-size: 0.8em; margin-top: 10px; } body#cal_step04.sp2020 .moushikomi_inet_fuka_msg { margin: 1em 1em 0em 20px; padding: 0em; } body#cal_step04.sp2020 #mainColumn .inet_root_toggled div.formBox { background-size: contain; } /* お手続きの前に、必ずご一読ください画面 */ body#mp_renkei_kakunin.sp2020 #inet_tetsuzukimae .checkbox label { padding: 15px 15px 15px 75px; font-size: 18px; } body#mp_renkei_kakunin.sp2020 #inet_tetsuzukimae .checkbox input + label:before { left: 20px; top: 50%; width: 30px; height: 30px; } body#mp_renkei_kakunin.sp2020 #inet_tetsuzukimae .checkbox input + label:after { left: 30px; margin-top: 0px; top: 30%; } body#step03.sp2020 .container_16.singlebox .box {padding: 5px 10px;} body#step03.sp2020.kouzou .disp_flex>div:last-child {width:100%;margin-top:3%;margin-bottom:20px;} body#step03.sp2020.kouzou .disp_flex>div:last-child .box {height:auto!important;} .sp2020.kouzou #faqBlock {margin: 0 3% 1em;font-size: 0.9em;} .sp2020.kouzou #faqBlock .inner {padding: 2%;} .sp2020.kouzou #faqBlock img {max-width:80%;height:auto;} .sp2020.kouzou #faqBlock dd {width:100%;} body#search.sp2020 .container_12 {display:flex; flex-wrap: wrap;} body#search.sp2020 .container_12>.grid_2 {width: 33%;text-align: center;} body#search.sp2020 .container_12>.grid_2 p.btn {padding: 0 3%;} body#search.sp2020 .container_12>.grid_2 img {max-width: 100%;height:auto;} body#search.sp2020 #housemaker .container_12 h3 {font-size: 1em;} body#search.sp2020 #housemaker .container_12 {width:100%;padding: 3%;box-sizing: border-box;} body#search.sp2020 #housemaker .bg_btn a {width:100%;box-sizing: border-box;background-image: none!important;background-color:#2968B3!important;border-radius: 5px; font-size:1em;min-height: inherit;padding: 5px 15px!important;box-shadow: 0 2px 0 gray;} body#search.sp2020 #housemaker .bg_btn a span {width:100%;height:auto;position:static;} body#search.sp2020 #housemaker .housename .grid_10 {margin-bottom: 1em;} /* モーダル */ .sp2020 .modal, #note_page.sp2020 {font-size:14px!important;padding:2%;margin-top: 2em;} #note_page.sp2020 h1, #note_page.sp2020 .modal h1 {padding:3%!important;font-size:16px!important;} html.ios #note_page.sp2020, html.android #note_page.sp2020 {font-size:14px!important;} #note_page.sp2020 img {width: 100%;height:auto;} #note_page.sp2020 a img {width: inherit;height:auto;} #note_page.sp2020 .nav_button p a img, .sp2020 .modal .nav_button p a img{max-width:25%;height:auto;} .sp2020 #load_data .lists_block>span {display:inline-block;width:100%;border-bottom:1px solid #666;} .sp2020 #load_data .lists_block ul.komoku, .sp2020 #load_data .lists_block ul.curr {margin-left:0;} .sp2020 #load_data .lists_block ul.komoku li, .sp2020 #load_data .lists_block ul.curr li {display:flex;margin-left:0;width:100%;} .sp2020 #load_data .lists_block ul.komoku li i, .sp2020 #load_data .lists_block ul.curr li i {display:none;} .sp2020 #load_data .lists_block ul.komoku li span:first-child, .sp2020 #load_data .lists_block ul.curr li span:first-child {width:25%;} /* Dsr Add 2019-11-22 */ .sp2020 #load_data .lists_block ul {margin-left:0;} .sp2020 #load_data .lists_block ul li {display:flex;margin-left:0;width:100%;} .sp2020 #load_data .lists_block ul li i {display:none;} .sp2020 #load_data .lists_block ul li span:first-child {width:25%;} /* Dsr Add 2019-11-22 */ #note_page.sp2020.minimize .doc_table {width:100%;} #note_page.sp2020.minimize .doc_table th, #note_page.sp2020.minimize .doc_table td {font-size:1em;padding:1%;} #note_page.sp2020 a.addressCommit {display:inline-block;padding: 1% 3%;margin-bottom:10px;} #note_page.sp2020 #FinancialTitleArea table, #note_page.sp2020 #WorkBankArea table{font-size:100%!important;} #note_page.sp2020 #FinancialTitleArea>table:first-child, #note_page.sp2020 #FinancialTitleArea #displayBank table, #note_page.sp2020 #WorkBankArea #displayWorkBank table {display:block;box-sizing: border-box;border:1px solid #333!important;padding:3%;} #note_page.sp2020 #FinancialTitleArea>table:first-child td, #note_page.sp2020 #FinancialTitleArea #displayBank table td, #note_page.sp2020 #WorkBankArea #displayWorkBank table td {white-space:inherit!important;display:block;width: 100%!important;} #note_page.sp2020 #FinancialTitleArea>table:first-child td a, #note_page.sp2020 #FinancialTitleArea #displayBank table td a, #note_page.sp2020 #WorkBankArea #displayWorkBank table td a {display:block;width: 100%; padding: 1% 3%;margin-bottom:10px;} #note_page.sp2020 #FinancialTitleArea>table:first-child td span.hidden-sp {display: none;} #note_page.sp2020 #FinancialTitleArea table td input[name="bank"] {border: 1px solid #666;padding: 5px 1%;} #note_page.sp2020 #FinancialTitleArea table td a#banksearch {padding:5px 6px;} #note_page.sp2020 #showbankinfo {text-align:left;} #note_page.sp2020 div.hidden-sp {display: none;} #note_page.sp2020 div.visible-sp {display: block;} #note_page.sp2020.search {min-width:inherit;} #note_page.sp2020.search .nav_button {width:100%;display: flex;flex-direction: column-reverse;} #note_page.sp2020.search .nav_button .close {display:block;float:none;width:auto;text-align:center;} #note_page.sp2020.search.misawa .nav_button {text-align:center;} #note_page.sp2020.search.misawa .nav_button .close {width:100%;} #note_page.sp2020.search .nav_button .next {float:none;width:100%;} #note_page.sp2020.search .nav_button .next>a {width:100%;box-sizing: border-box;background-image: none!important;background-color:#2968B3!important;border-radius: 5px; font-size:1em;min-height: inherit;padding: 15px!important;box-shadow: 0 2px 0 gray;} #note_page.sp2020.search .nav_button .next>a>span {width:100%;height:auto;position:static;} #note_page.sp2020 #FinancialTitleArea input[name="bank"] { width: 95%; } /** 試算結果保存モーダル **/ .sp2020 #save_data .section { padding:5px; } .sp2020 #save_data .section .white-area { padding:10px; } .sp2020 #save_data .modal-container .contents .col2 { display: block; width:100%; max-width:100%; margin-top:30px; } .sp2020 #save_data .modal-container .contents .col2>div { display: block; width:100%; padding-right:0; } .sp2020 #save_data .modal-container .contents .block .load_inf div.note, .sp2020 #save_data .modal-container .contents .block .copy_to_clip a.btn { padding: 10px; word-break: break-all; } .sp2020 #save_data .modal-container .contents .block .copy_to_clip a.btn { width:100%; padding: 10px 0; } .sp2020 #save_data .modal-container .contents .block .send_mail, .sp2020 #save_data .modal-container .contents #save_pdf .block, .sp2020 #save_data .modal-container .contents .block .copy_to_clip a.btn, .sp2020 #save_data .modal-container .contents #save_pdf .btn_next { width:100%; } .sp2020 #save_data .modal-container .contents a.btnLink { padding: 20px; width:100%; font-size: 1.08em; } .sp2020 #checkMoushikomiHoho.moushikomifuka .buttons {margin-left: 0px;} } /* PCのみ */ @media screen and (min-width: 768px) { #note_page.sp2020 div.hidden-sp {display: block;} #note_page.sp2020 div.visible-sp {display: none;} .sp2020 #upperNav a i:before, .sp2020 #pageNav p.toPrev a i:before {content: "\f060";color: #009944;font-size: 18px;position: relative;top: 0.5px;} .sp2020 #upperNav.fixedNav {left: -5px;top: 10px;padding-left: 15px;border-top: 3px solid #009944;border-left: 3px solid #009944;} .only-pc, .no-sp, .only-tb, img.only-tb { display: block !important;} .only-sp, .no-pc, .no-tb { display: none !important;} img.only-sp, img.no-pc, img.no-tb { display: inline-block !important;max-width: 100%;} /* 建物構造区分確認 */ /* ステップ3 耐火基準 */ .gaitou_shiteiru_btn {width: 140px !important;} } /* SPのみ */ @media screen and (max-width: 767px) { .only-pc, .no-sp, .only-tb, img.only-tb { display: none !important;} .only-sp, .no-pc, .no-tb { display: block !important;} img.only-sp, img.no-pc, img.no-tb { display: inline-block !important;max-width: 100%;} }