@charset "UTF-8"; .not-margin-block, ul, h3 { margin-block-start: 0; margin-block-end: 0; } .not-margin-block-start { margin-block-start: 0; } ul { padding-inline-start: 18px; } .line-height-txt { line-height: 1; } .s-pack-step-txt { margin-block-start: 0; margin-block-end: 0; } .price-anchor { display: inline-block; position: relative; padding-right: 16px; color: #0D2EA1; border-bottom: 1px #0d2ea1 dashed; line-height: 1; } .price-anchor::after { content: ""; position: absolute; bottom: 0; margin-bottom: 0.4em; right: 4px; width: 6px; height: 6px; border-top: 2px solid #0D2EA1; border-right: 2px solid #0D2EA1; transform: rotate(135deg); } .fs-16_b .price-anchor::after { top: 10%; } .price-select { width: 100%; min-height: 45px; padding-left: 20px; appearance: none; -webkit-appearance: none; border: 1px #707070 solid; } .price-attention ul { padding-inline-start: 0; } .price-attention li { list-style: none; } .js-price-container .tag_display:not(:first-of-type) { display: none; } .price-contents label { display: block; } .price-tub-flex { display: flex; flex-wrap: wrap; gap: 16px; padding-inline-start: 0; font-weight: 700; } .price-tub-list { display: flex; align-items: center; width: 248px; background-color: #EDEBEB; border: solid 1px #D9D9D9; cursor: pointer; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); } .price-tub-list .tab-li-p { flex: 1; margin-block-start: 0; margin-block-end: 0; padding: 0 20px; } .price-tub-img { width: 75px; } .price-tub-img img { width: 100%; } .js-price-container { position: relative; } .tab-location.tab-location-3 { justify-content: space-between; } #tab.tab-location-3 li { width: calc(100% / 3); } .before_icon-i { width: 20px; padding: 3px 10px 0 0; vertical-align: sub; } .fs-18_m { font-size: 18px; font-weight: 500; } .fs-18_b { font-size: 18px; font-weight: 700; } .fs-20_m { font-size: 20px; font-weight: 500; } .fs-20_b { font-size: 20px; font-weight: 700; } tbody { background: #fff; } .service-flex { display: flex; justify-content: space-between; flex-direction: row; align-items: center; } .point-block.service-flex { align-items: stretch; gap: 20px; } .point-number { max-width: 100px; margin: -16px auto 18px auto; padding: 10px 26px; background-color: #0E98D7; color: #fff; text-align: center; border-radius: 100px; } .point-block-items { background: #F8FBFE; padding: 0 20px; } .point-block-3items { width: calc(100% / 3); } .point-txt { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 46px; line-height: 1.3; } .point-img { display: flex; justify-content: center; align-items: center; text-align: center; height: 66px; } .point-img img { max-height: 100%; } .visit-point .point-img { height: 86px; } .before-txt { padding: 30px 20px; background: #F8FBFE; } .before-txt-wrapper { display: flex; } .select-wrapper { position: relative; /* border: 1px solid #707070; */ } .select-wrapper::after { content: ""; position: absolute; top: 18px; right: 30px; width: 4px; height: 4px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; transform: rotate(45deg); } .border-dot-link { display: inline; padding-right: 4px; color: #0D2EA1; border-bottom: 1px #0D2EA1 dashed; } .border-dot-link-arrow::after { display: inline-block; content: ""; margin: 0 0 0.1em 4px; width: 6px; height: 6px; border-top: 2px solid #0D2EA1; border-right: 2px solid #0D2EA1; transform: rotate(45deg); } .border-dot-link-arrow.border-dot-link-arrow-right0::after { margin: 0 0 0.2em -4px; } .border-dot-link .mod-inIcon { height: 20px; margin: -0.5em 0 0 4px; } .btn-blank-icon { padding-right: 25px; } .blank-img { width: 18px; vertical-align: sub; } .s-pack-btn .blank-img { display: inline-block; width: 10px; margin-left: 4px; vertical-align: baseline; } .btn-blank-icon-txt { padding-right: 18px; } .btn-blank-icon-txt + .border-dot-link-arrow::after { margin: 0 0 0.2em 0; } .color-txt-box { background-color: #F2F2F2; padding: 20px; } .color-txt-box p:not(:last-child){ margin-bottom: 16px; } .tag_display { margin-top: 80px; } .mod-accordion_trigger .mod-headingLv2 { background: #0D2EA1; } .repair-step_icon { top: -20px; } .step-txt { margin-block-end: 0; } .s-pack-service-flex-txt { flex: 1; } .s-pack-service-flex-img { text-align: center; position: relative; width: 144px; height: 90px; } .s-pack-service-flex > div { height: 90px; } .s-pack-service-flex-img img { position: absolute; display: block; top: -20%; width: 100%; } .service-flex.s-pack-step-flex { gap: 20px; align-items: flex-start; justify-content: flex-start; } .s-pack-step-flex .step-guidHeadingLv2 { width: 232px; } .service-flex.s-pack-step-img-flex, .s-pack-step-items { flex: 1; } .service-flex.s-pack-step-img-flex { align-items: flex-start; } .s-pack-step-items .s-pack-step-items-img { max-width: 360px; } .s-pack-step-items .s-pack-step-items-img img { max-width: 100%; } .small-attention { position: relative; padding-right: 10px; } .small-attention::after { position: absolute; content: "※"; color: #000000; font-size: 10px; } .s-pack-contract-flex { align-items: stretch; gap: 20px; } .s-pack-contract-item { background: #F8FBFE; } .s-pack-contract-flex > div { padding: 30px 20px; } .s-pack-contract-flex > div img { max-width: 100%; } .s-pack-contract-flex > div h3 { margin-bottom: 30px; text-align: center; } .s-pack-contract-txt { height: 70px; } .s-pack-contract-img { margin-top: 30px; } .s-pack-contract-img:has(+ p) { margin-bottom: 10px; } .s-pack-btn { width: 230px; } .price-back { padding: 30px; background: #F8FBFE; } .btn_1 a { position: relative; } .btn_1 a:after { position: absolute; top: 40%; right: 14px; transform: rotate(45deg); margin-top: 0; } .s-pack-consultation-flex { align-items: stretch; gap: 20px; } .s-pack-consultation-flex.s-pack-consultation-items { width: 50%; padding: 30px 20px; background-color: #F2F2F2; } .s-pack-consultation-icon { width: 60px; } .s-pack-consultation-icon img { max-width: 100%; } .s-pack-consultation-txt { flex: 1; } .s-pack-consultation-txt-height { line-height: 24px; } .btn_1 a { margin-top: 20px; } @media screen and (max-width: 640px) { .price-tub-flex { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; grid-template-rows: 50px 50px 50px; } .price-tub-flex .price-tub-list { width: 100%; height: 100%; font-size: 12px; } .price-tub-flex .price-tub-img { display: none; } .price-tub-list { width: auto; } .price-tub-list .tab-li-p { padding:0 4px; } .price-back { padding: 30px 20px; } .js-price-tab li { list-style: none; cursor: pointer; text-align: left; margin-left: 10px; position: relative; z-index: 1; } .accordion-wrapper { padding: 40px 20px 10px 20px; } .point-block.service-flex { flex-direction: column; } .point-block-items { margin-bottom: 36px; padding: 0 20px 30px 20px; } .point-block-3items { width: auto; } .select-wrapper::after { right: 10px; } .repair-step, .repair-step-last { border-left: none; margin-left: 0; } .repair-step_icon { top: 0; left: 0; } .service-flex.s-pack-step-flex { flex-direction: column; } .service-flex.s-pack-step-img-flex { align-items: center; flex-direction: column-reverse; width: 100%; } .s-pack-service-flex-img img { top: 0; } .s-pack-step-img-flex-txt { width: 100%; } .s-pack-step-flex .step-guidHeadingLv2 { margin-left: 20px; } .repair-step, .repair-step-last { align-items: center; gap: 20px; } .s-pack-service-flex-img { margin: 0 0 20px 0; } .s-pack-contract-flex { flex-direction: column; } .s-pack-step-sp-wrapper { padding: 0 20px; } .s-pack-btn { width: 100%; } .s-pack-consultation-flex { flex-direction: column; } .s-pack-consultation-flex.s-pack-consultation-items { flex-direction: row; width: auto; } .s-pack-support-service .accordion-wrapper { padding: 0 10px; } .s-pack-consultation { margin-bottom: 50px; } .s-pack-support-service .mod-accordion_trigger .mod-headingLv2 { background: #666; } .btn_1 a { margin-top: 30px; } }