@charset "UTF-8"; /* Reset style */ /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ @import url(https://use.typekit.net/fwk2akt.css); @import url(https://use.typekit.net/hjo8fbr.css); *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } .pc { display: block; } @media screen and (max-width: 768px) { .pc { display: none; } } .sp { display: none; } @media screen and (max-width: 768px) { .sp { display: block; } } /* br-sp */ .br-sp_1420 { display: none; } @media screen and (max-width: 1420px) { .br-sp_1420 { display: block; } } .br-sp_1380 { display: none; } @media screen and (max-width: 1380px) { .br-sp_1380 { display: block; } } .br-sp_1280 { display: none; } @media screen and (max-width: 1280px) { .br-sp_1280 { display: block; } } .br-sp_1180 { display: none; } @media screen and (max-width: 1180px) { .br-sp_1180 { display: block; } } .br-sp_880 { display: none; } @media screen and (max-width: 880px) { .br-sp_880 { display: block; } } .br-sp_820 { display: none; } @media screen and (max-width: 820px) { .br-sp_820 { display: block; } } .br-sp_580 { display: none; } @media screen and (max-width: 580px) { .br-sp_580 { display: block; } } .br-sp_480 { display: none; } @media screen and (max-width: 480px) { .br-sp_480 { display: block; } } /* br-sp_oo-oo */ /* br-pc */ .br-pc_580 { display: block; } @media screen and (max-width: 580px) { .br-pc_580 { display: none; } } /* br-pc_oo-oo */ html { font-size: 62.5%; scroll-behavior: smooth; scroll-padding-top: 95px; } @media screen and (max-width: 1080px) { html { scroll-padding-top: 70px; } } @media screen and (max-width: 768px) { html { font-size: 54.6%; } } body { width: 100%; margin: 0 auto; font-family: "Noto Sans JP", sans-serif; color: #3c3c3c; font-size: 1.6rem; overflow-x: hidden; } img { display: block; width: 100%; -o-object-fit: contain; object-fit: contain; } h2, h3, h4, p, li, a, div { letter-spacing: 0.1em; line-height: 1.4; font-weight: 400; } h2 { font-size: 5rem; font-size: 4vw; text-align: center; font-weight: 700; } @media screen and (max-width: 768px) { h2 { font-size: 18px; } } a { display: block; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; } a:hover { opacity: 0.8; } .no-link { pointer-events: none; } .inner1280 { max-width: 1280px; width: 100%; margin-inline: auto; padding: 6rem 5%; padding: 5vw 5%; } @media screen and (min-width: 1281px) { .inner1280 { max-width: 1980px; } } @media screen and (max-width: 768px) { .inner1280 { padding: 5vw 3%; } } .b_b { display: inline-block; position: relative; z-index: 0; font-weight: 700; } .b_b::after { content: ""; display: inline-block; width: 100%; height: 30%; position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: -1; background-color: #ffff33; } .form { background-color: #f0faff; } .form h2 { font-size: 3rem; font-size: 2vw; margin-bottom: 4rem; margin-bottom: 3vw; } @media screen and (max-width: 768px) { .form h2 { font-size: 18px; } } .form p { font-size: 2.4rem; font-size: 1.8vw; text-align: center; margin-bottom: 6rem; margin-bottom: 5vw; } @media screen and (max-width: 768px) { .form p { font-size: 14px; } } .form ul { display: flex; flex-wrap: wrap; gap: 3rem; gap: 2vw; } .form ul li { width: calc((100% - 6rem) / 3); width: calc((100% - 4vw) / 3); } @media screen and (max-width: 768px) { .form ul li { width: 100%; } } .form ul li a { width: 100%; text-align: center; color: #fff; font-size: 2.2rem; font-size: 1.8vw; aspect-ratio: 70/24; display: flex; align-items: center; justify-content: center; position: relative; gap: 0.5rem; gap: 0.3vw; border-radius: 0.5rem; } @media screen and (max-width: 768px) { .form ul li a { aspect-ratio: unset; padding: 1rem 0; font-size: 14px; } } .form ul li a::before { content: "▶︎"; display: inline-block; font-size: 1.2rem; font-size: 1vw; } @media screen and (max-width: 768px) { .form ul li a::before { font-size: 12px; } } .form ul li:nth-child(1) a { background-color: #ff9701; } .form ul li:nth-child(2) a { background-color: #33cc00; } .form ul li:nth-child(3) a { background-color: #0066ff; } .menu-trigger { display: inline-block; position: relative; width: 30px; aspect-ratio: 1; vertical-align: middle; cursor: pointer; z-index: 999; display: none; } @media screen and (max-width: 768px) { .menu-trigger { display: block; } } .menu-trigger span { display: inline-block; box-sizing: border-box; position: absolute; left: 0; width: 100%; height: 3px; background-color: #009ee3; transition: all 0.3s; } .menu-trigger span:nth-last-of-type(1) { top: 0; } .menu-trigger span:nth-last-of-type(2) { top: 13.5px; } .menu-trigger span:nth-last-of-type(3) { bottom: 0; } .menu-trigger.active span:nth-last-of-type(1) { transform: translateY(13.5px) rotate(-45deg); } .menu-trigger.active span:nth-last-of-type(2) { opacity: 0; } .menu-trigger.active span:nth-last-of-type(3) { transform: translateY(-13.5px) rotate(45deg); } .spmenu { width: 50%; background-color: #009ee3; color: #fff; text-align: center; display: none; position: fixed; top: 5rem; right: 0; z-index: 1; } @media screen and (max-width: 768px) { .spmenu { width: 100%; } } .spmenu ul { padding: 8rem 5% 4rem; } .spmenu ul li a { font-size: 2rem; text-align: center; margin-bottom: 2rem; margin-inline: auto; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999; opacity: 1; } input::placeholder, textarea::placeholder { color: #999; opacity: 1; } input, textarea, select { cursor: pointer; width: 100%; } .button { width: -moz-fit-content; width: fit-content; background-color: #009ee3; color: #fff; border-radius: 0.5rem; margin: 4rem auto; font-size: 1.4vw; padding: 1vw 2vw; cursor: pointer; } @media screen and (max-width: 768px) { .button { font-size: 14px; } } header { position: fixed; background-color: #fff; width: 100%; z-index: 999; top: 0; } header .inner1280 { display: flex; justify-content: space-between; align-items: center; padding: 2rem 3% 1rem; } @media screen and (max-width: 768px) { header .inner1280 { padding: 2rem 3%; } } header .inner1280 > a { width: 32.3rem; } @media screen and (max-width: 1080px) { header .inner1280 > a { width: 20rem; } } @media screen and (max-width: 768px) { header .inner1280 nav { display: none; } } header .inner1280 nav ul { display: flex; justify-content: end; gap: 3rem; } @media screen and (max-width: 1080px) { header .inner1280 nav ul { gap: 1.5rem; } } header .inner1280 nav ul li a { font-size: 1.8rem; } @media screen and (max-width: 1080px) { header .inner1280 nav ul li a { font-size: 1.4rem; } } .mv { background-color: #f3fbff; padding: 3rem 0 6rem 5%; padding-top: 130px; } @media screen and (max-width: 1080px) { .mv { padding-top: 100px; } } @media screen and (max-width: 768px) { .mv { padding-top: 90px; } } .mv .box { display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .mv .box { flex-direction: column; gap: 3rem; } } .mv .box .left { padding-top: 4rem; } @media screen and (max-width: 768px) { .mv .box .left { padding-top: 0; } } .mv .box .left h2 { font-weight: 700; font-size: 6.5rem; font-size: 5.2vw; color: #0099cc; text-align: left; } @media screen and (max-width: 768px) { .mv .box .left h2 { font-size: 6rem; } } @media screen and (max-width: 580px) { .mv .box .left h2 { font-size: 4rem; } } .mv .box .right { width: 50%; } @media screen and (max-width: 768px) { .mv .box .right { width: 100%; } } .mv .txt { font-size: 2.6rem; font-size: 2vw; margin-top: -5vw; margin-bottom: 4rem; } @media screen and (max-width: 768px) { .mv .txt { margin-top: 3rem; text-align: center; font-size: 16px; } } .mv .box02 { justify-content: left; gap: 8rem; gap: 7vw; align-items: end; } @media screen and (max-width: 768px) { .mv .box02 { justify-content: center; align-items: center; padding-right: 5%; } } .mv .box02 .left { display: flex; gap: 6rem; gap: 5vw; text-align: center; } @media screen and (max-width: 580px) { .mv .box02 .left { flex-direction: column; } } .mv .box02 .left .inbox .txt01 { background-color: #009ee3; color: #fff; border-radius: 0.5rem; width: 27rem; width: 21vw; font-size: 2rem; font-size: 1.6vw; margin-bottom: 1rem; } @media screen and (max-width: 768px) { .mv .box02 .left .inbox .txt01 { font-size: 16px; width: 200px; padding: 10px 0; } } .mv .box02 .left .inbox .txt02 { display: flex; justify-content: space-between; font-size: 6rem; font-size: 4.5vw; font-weight: 700; line-height: 1; } @media screen and (max-width: 768px) { .mv .box02 .left .inbox .txt02 { font-size: 44px; } } .mv .box02 .left .inbox .txt02 .span00 { display: flex; flex-direction: column; justify-content: center; line-height: 1; } .mv .box02 .left .inbox .txt02 .span00 .span01 { font-size: 1.4rem; font-size: 1vw; } @media screen and (max-width: 768px) { .mv .box02 .left .inbox .txt02 .span00 .span01 { font-size: 12px; } } .mv .box02 .left .inbox .txt02 .span00 .span02 { font-size: 3.6rem; font-size: 2.5vw; } @media screen and (max-width: 768px) { .mv .box02 .left .inbox .txt02 .span00 .span02 { font-size: 16px; } } .mv .box02 .right ul { display: flex; gap: 4rem; gap: 3.8vw; } @media screen and (max-width: 768px) { .mv .box02 .right ul { width: -moz-fit-content; width: fit-content; margin-inline: auto; } } .mv .box02 .right ul li { width: 10rem; width: 8vw; font-size: 2rem; font-size: 1.5vw; font-weight: 500; line-height: 1.4; text-align: center; background-color: #fff; border-radius: 0.5rem; padding: 1rem 0.5rem; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 768px) { .mv .box02 .right ul li { font-size: 12px; width: 80px; } } .sec01 { padding: 8rem 0 0; padding: 6vw 0 0; } .sec01 .inner1280 { padding: 0 5%; } @media screen and (max-width: 768px) { .sec01 .inner1280 { padding: 0 3%; } } .sec01 h2 { color: #009ee3; margin-bottom: 6rem; margin-bottom: 5vw; } .sec02 { background-color: #009ee3; } .sec02 h2 { color: #fff; margin-bottom: 6rem; margin-bottom: 5vw; } .sec02 ul { display: flex; justify-content: center; gap: 3rem 4rem; gap: 2vw 3vw; flex-wrap: wrap; text-align: center; } .sec02 ul li { font-size: 2rem; font-size: 1.8vw; background-color: #fff; border-radius: 0.5rem; padding: 0.5rem 1rem; font-weight: 700; } @media screen and (max-width: 768px) { .sec02 ul li { width: 80%; font-size: 14px; } } @media screen and (max-width: 580px) { .sec02 ul li { width: 100%; } } .sec03 h2 { color: #009ee3; margin-bottom: 6rem; margin-bottom: 5vw; } .sec03 p { text-align: center; font-size: 2.4rem; font-size: 1.9vw; margin-bottom: 4rem; } @media screen and (max-width: 768px) { .sec03 p { font-size: 14px; } } .sec03 p:last-child { margin-bottom: 0; } .sec04 { background-color: #fafafa; } .sec04 h2 { color: #0099cc; margin-bottom: 6rem; margin-bottom: 5vw; } .sec04 ul { display: flex; flex-wrap: wrap; gap: 3rem; gap: 2vw; } .sec04 ul li { box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); width: calc((100% - 6rem) / 3); width: calc((100% - 4vw) / 3); text-align: center; padding: 2rem; padding: 1.8vw; border-radius: 0.5rem; } @media screen and (max-width: 768px) { .sec04 ul li { width: calc((100% - 2vw) / 2); } } @media screen and (max-width: 580px) { .sec04 ul li { width: 100%; } } .sec04 ul li img { width: 12rem; width: 9vw; aspect-ratio: 486/384; margin-inline: auto; margin-bottom: 2rem; margin-bottom: 1.8vw; } .sec04 ul li p { font-size: 2rem; font-size: 1.6vw; } @media screen and (max-width: 768px) { .sec04 ul li p { font-size: 14px; } } .sec05 { background-color: #fafafa; } .sec05 h2 { color: #0099cc; margin-bottom: 6rem; margin-bottom: 5vw; } .sec05 .txt { text-align: center; font-size: 2rem; font-size: 1.8vw; margin-bottom: 6rem; margin-bottom: 5vw; } @media screen and (max-width: 768px) { .sec05 .txt { font-size: 14px; } } .sec05 ul li { width: 90%; margin-inline: auto; display: flex; border-radius: 0.5rem; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); overflow: hidden; margin-bottom: 3rem; margin-bottom: 2vw; } @media screen and (max-width: 768px) { .sec05 ul li { flex-direction: column; width: 100%; } } .sec05 ul li .left { background-color: #009ee3; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 4rem; padding: 3vw; } @media screen and (max-width: 768px) { .sec05 ul li .left { width: 100%; } } .sec05 ul li .left span { line-height: 1; } .sec05 ul li .left .span01 { font-size: 2.4rem; font-size: 2vw; } @media screen and (max-width: 768px) { .sec05 ul li .left .span01 { font-size: 14px; } } .sec05 ul li .left .span02 { font-size: 6rem; font-size: 5vw; } @media screen and (max-width: 768px) { .sec05 ul li .left .span02 { font-size: 20px; } } .sec05 ul li .right { padding: 4rem 6rem; padding: 3vw 5vw; } @media screen and (max-width: 768px) { .sec05 ul li .right { width: 100%; } } .sec05 ul li .right .top { display: flex; gap: 3rem; gap: 2vw; margin-bottom: 3rem; margin-bottom: 3vw; } @media screen and (max-width: 768px) { .sec05 ul li .right .top { flex-direction: column; justify-content: center; } } .sec05 ul li .right .top img { width: 5rem; width: 4vw; } @media screen and (max-width: 768px) { .sec05 ul li .right .top img { width: 60px; margin-inline: auto; } } .sec05 ul li .right .top p { font-size: 3.6rem; font-size: 2.8vw; letter-spacing: 0; } @media screen and (max-width: 768px) { .sec05 ul li .right .top p { font-size: 16px; text-align: center; } } .sec05 ul li .right .bottom p { font-size: 2.2rem; font-size: 1.7vw; } @media screen and (max-width: 768px) { .sec05 ul li .right .bottom p { font-size: 14px; text-align: center; } } .sec06 h2 { color: #009ee3; margin-bottom: 6rem; margin-bottom: 5vw; } .sec06 .txt { font-size: 2.4rem; font-size: 1.8vw; text-align: center; margin-bottom: 4rem; margin-bottom: 3vw; } @media screen and (max-width: 768px) { .sec06 .txt { font-size: 14px; margin: 3rem 0; } } .sec06 .ul01 { display: flex; gap: 4rem; gap: 3vw; padding-inline: 10%; margin-bottom: 4rem; margin-bottom: 3vw; } @media screen and (max-width: 768px) { .sec06 .ul01 { flex-direction: column; } } .sec06 .ul01 li { width: calc(100% - 2rem); text-align: center; border-radius: 0.5rem; border: 3px solid #009ee3; } @media screen and (max-width: 768px) { .sec06 .ul01 li { width: 100%; max-width: 400px; margin-inline: auto; } } .sec06 .ul01 li .txt01 { color: #fff; background-color: #009ee3; font-size: 3rem; font-size: 2vw; letter-spacing: 0; line-height: 1; padding: 1.5rem 0; padding: 1vw 0; font-weight: 500; } @media screen and (max-width: 768px) { .sec06 .ul01 li .txt01 { font-size: 14px; } } .sec06 .ul01 li .txt02 { font-size: 3rem; font-size: 2.5vw; font-weight: 700; letter-spacing: 0; padding: 1.5rem 0; padding: 1vw 0; } @media screen and (max-width: 768px) { .sec06 .ul01 li .txt02 { font-size: 20px; } } .sec06 .ul01 li .txt02 span { font-size: 6rem; font-size: 5vw; font-weight: 500; } @media screen and (max-width: 768px) { .sec06 .ul01 li .txt02 span { font-size: 30px; } } .sec06 .txt03 { color: #009ee3; font-size: 3.6rem; font-size: 2.8vw; letter-spacing: 0; line-height: 1; padding: 1rem 4rem; padding: 0.8vw 3vw; border: 3px solid #009ee3; border-radius: 0.5rem; text-align: center; width: -moz-fit-content; width: fit-content; margin-inline: auto; margin-bottom: 4rem; margin-bottom: 3vw; } @media screen and (max-width: 768px) { .sec06 .txt03 { font-size: 18px; padding: 1rem 2rem; } } .sec06 .box { display: flex; justify-content: center; align-items: end; gap: 2rem; gap: 1.6vw; } @media screen and (max-width: 768px) { .sec06 .box { flex-direction: column; } } .sec06 .box .ul02 { list-style: disc; } @media screen and (max-width: 768px) { .sec06 .box .ul02 { width: -moz-fit-content; width: fit-content; margin-inline: auto; padding-left: 1.5em; } } .sec06 .box .ul02 li { font-size: 2.2rem; font-size: 1.8vw; margin-bottom: 1rem; margin-bottom: 0.8vw; } @media screen and (max-width: 768px) { .sec06 .box .ul02 li { font-size: 14px; } } .sec06 .box img { width: 20rem; width: 16vw; } @media screen and (max-width: 768px) { .sec06 .box img { width: 150px; margin-inline: auto; } } .sec06 .txt04 { text-align: center; background-color: #009ee3; color: #fff; font-size: 3.6rem; font-size: 2.5vw; width: 80%; border-radius: 0.5rem; padding: 2rem 0; padding: 1.6vw 0; margin-inline: auto; } @media screen and (max-width: 768px) { .sec06 .txt04 { font-size: 16px; width: 100%; } } .sec07 h2 { color: #009ee3; margin-bottom: 6rem; margin-bottom: 5vw; } .sec07 ul li { font-size: 2.4rem; font-size: 1.8vw; line-height: 1; letter-spacing: 0; display: flex; align-items: center; gap: 3rem; gap: 2vw; position: relative; padding: 2rem; padding: 1.6vw; border-radius: 0.5rem; } @media screen and (max-width: 768px) { .sec07 ul li { font-size: 14px; padding: 2rem 1rem; } } .sec07 ul li.q { background-color: #f0faff; color: #009ee3; } .sec07 ul li.q::before { content: "Q"; color: #fff; background-color: #009ee3; border-radius: 50%; width: 6rem; width: 5vw; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .sec07 ul li.q::before { min-width: 30px; } } .sec07 ul li.a::before { content: "A"; border-radius: 50%; width: 6rem; width: 5vw; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border: 3px solid #009ee3; color: #009ee3; } @media screen and (max-width: 768px) { .sec07 ul li.a::before { min-width: 30px; } } .sec08 h2, .contact h2, .term h2, .transactions h2 { color: #009ee3; margin-bottom: 6rem; margin-bottom: 5vw; } .sec08 ul, .contact ul, .term ul, .transactions ul { width: 80%; margin-inline: auto; } @media screen and (max-width: 768px) { .sec08 ul, .contact ul, .term ul, .transactions ul { width: 100%; } } .sec08 ul li, .contact ul li, .term ul li, .transactions ul li { font-size: 1.8vw; } @media screen and (max-width: 768px) { .sec08 ul li, .contact ul li, .term ul li, .transactions ul li { font-size: 16px; } } .sec08 ul li:nth-child(even), .contact ul li:nth-child(even), .term ul li:nth-child(even), .transactions ul li:nth-child(even) { border: 3px solid #009ee3; border-radius: 0.5rem; padding: 1rem 2rem; margin-bottom: 2vw; } .sec08 ul .select, .contact ul .select, .term ul .select, .transactions ul .select { position: relative; } .sec08 ul .select::after, .contact ul .select::after, .term ul .select::after, .transactions ul .select::after { content: "▼"; display: inline-block; font-size: 1vw; position: absolute; top: 50%; right: 2vw; transform: translateY(-50%); } @media screen and (max-width: 768px) { .sec08 ul .select::after, .contact ul .select::after, .term ul .select::after, .transactions ul .select::after { font-size: 12px; } } .sec08 .btn, .contact .btn, .term .btn, .transactions .btn { width: 30rem; display: block; margin-inline: auto; } .sec08 .btn div, .contact .btn div, .term .btn div, .transactions .btn div { width: -moz-fit-content; width: fit-content; background-color: #009ee3; color: #fff; border-radius: 0.5rem; margin: 4rem auto; font-size: 1.4vw; padding: 1vw 2vw; cursor: pointer; } @media screen and (max-width: 768px) { .sec08 .btn div, .contact .btn div, .term .btn div, .transactions .btn div { font-size: 14px; } } .sec08 .wpcf7-submit, .contact .wpcf7-submit, .term .wpcf7-submit, .transactions .wpcf7-submit { width: 30rem; display: block; margin-inline: auto; background-color: #009ee3; color: #fff; border-radius: 0.5rem; margin: 4rem auto; font-size: 1.4vw; padding: 1vw 2vw; cursor: pointer; text-align: center; } @media screen and (max-width: 768px) { .sec08 .wpcf7-submit, .contact .wpcf7-submit, .term .wpcf7-submit, .transactions .wpcf7-submit { font-size: 14px; } } .sec08 .wpcf7-submit:hover, .contact .wpcf7-submit:hover, .term .wpcf7-submit:hover, .transactions .wpcf7-submit:hover { opacity: 0.8; } .sec08 .note, .contact .note, .term .note, .transactions .note { text-align: center; } .term .inner1280, .transactions .inner1280 { padding-top: 10vw; } .term h3, .transactions h3 { font-size: 1.8rem; margin: 3rem 0 2rem; font-weight: 700; } .term p, .transactions p { font-size: 1.6rem; margin-bottom: 2rem; } .term ol, .term ul, .transactions ol, .transactions ul { margin-bottom: 2rem; width: 95%; } .term ol li, .term ul li, .transactions ol li, .transactions ul li { font-size: 1.6rem; } .term ol li:nth-child(even), .term ul li:nth-child(even), .transactions ol li:nth-child(even), .transactions ul li:nth-child(even) { border: none; border-radius: unset; padding: unset; margin: unset; } .term ol, .transactions ol { list-style: decimal; margin-inline: auto; } .term ul, .transactions ul { list-style: disc; } footer { background-color: #009ee3; color: #fff; text-align: center; padding: 3rem 0; padding: 2vw 0; } @media screen and (max-width: 768px) { footer { padding: 3rem 0; } } footer a { margin-inline: auto; font-size: 2.4rem; font-size: 1.8vw; } @media screen and (max-width: 768px) { footer a { font-size: 16px; margin: 1rem auto; } } footer .logo { width: 50rem; width: 40vw; margin: 8rem auto 6rem; margin: 7vw auto 5vw; } @media screen and (max-width: 768px) { footer .logo { width: 300px; } } footer .txt { font-size: 2.4rem; font-size: 1.8vw; } @media screen and (max-width: 768px) { footer .txt { font-size: 16px; } } footer ul { display: flex; justify-content: center; align-items: center; gap: 6rem; gap: 5vw; margin: 4rem 0 10rem; margin: 3vw 0 9vw; } footer ul li { width: 5rem; width: 4vw; } @media screen and (max-width: 768px) { footer ul li { width: 40px; } }/*# sourceMappingURL=style.css.map */