@charset "UTF-8";html {font-size: 62.5%;}body {font-size: 15px;font-size: 1.5rem;font-family: "Noto Sans JP","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS P Gothic",sans-serif;font-weight: 400;line-height: 1.7;color: #272128;}table {table-layout: fixed;border-collapse: collapse;border-spacing: 0;}p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, figure {margin: 0;padding: 0;}ul, li, ol, dl, dt, dd {list-style: none;}a {}a:hover {text-decoration: none;}strong {font-weight: bold;}figure {margin-block: 0em;margin-inline: 0em;}img {margin: 0;vertical-align: middle;border: none;}@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {body {image-rendering: -webkit-optimize-contrast;}}body {}.wrapper {position: relative;padding: 24vw 6vw 6vw;box-sizing: border-box;}.wrapper::before {content: "";display: block;width: 64px;height: 100vh;position: fixed;top: 0;left: 0;background: linear-gradient(80deg,rgba(144, 234, 206, 1) 0%, rgba(204, 255, 156, 1) 33%, rgba(117, 193, 255, 1) 66%, rgba(144, 234, 206, 1) 100%);background-size: 400% 400%;background-position: 0% 0%;animation: gradient 10s ease infinite;}@keyframes gradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.wrapper .content {animation: fadeup 2s cubic-bezier(0.33, 1, 0.68, 1) forwards;}@keyframes fadeup {0% {transform: translateY(30px);opacity: 0;}80% {opacity: 1;}100% {opacity: 1;transform: translateY(0);}}.wrapper .content img {width: 100%;height: auto;}.wrapper .content h1 {margin-bottom: 20vw;line-height: 0.6;text-align: center;}.wrapper .content h1 sup {display: inline-block;font-size: 4vw;color: #009a58;}.wrapper .content h2 {margin-bottom: 4vw;line-height: 1.3;font-size: 9.2vw;font-weight: 700;}.wrapper .content h3 {margin-bottom: 20vw;line-height: 1.5;font-size: 5vw;font-weight: 500;}.wrapper .content ul.point {margin-bottom: 8vw;}.wrapper .content ul.point li {padding-left: 5.0vw;margin-bottom: 3vw;line-height: 1.6;font-size: 4vw;background: url(../img/shape.svg) top 1.2vw left 0/auto 4.2vw no-repeat;}.wrapper .content dl.qr {display: grid;gap: 3vw;grid-template-columns: 0.35fr 0.65fr;margin-bottom: 24vw;}.wrapper .content dl.qr dt:hover {opacity: 0.8;}.wrapper .content dl.qr dd {font-size: 5vw;line-height: 1.5;font-weight: 500;place-content: center;}.wrapper .content nav {margin-bottom: 24vw;line-height: 1.4;}.wrapper .content nav sup {font-size: 3vw;}.wrapper .content nav ul {font-size: 0;}.wrapper .content nav ul li {position: relative;display: inline-block;margin-right: 4vw;font-size: 3vw;}.wrapper .content nav ul li::after {content: '';display: block;width: 0.8vw;height: 0.8vw;box-sizing: border-box;position: absolute;top: 0.6em;right: -2.4vw;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" preserveAspectRatio="none"><path fill="%23cac8b9" d="M5.0,0.0 C7.761,0.0 10.0,2.238 10.0,5.0 C10.0,7.761 7.761,10.0 5.0,10.0 C2.238,10.0 0.0,7.761 0.0,5.0 C0.0,2.238 2.238,0.0 5.0,0.0 Z" /></svg>');background-position: top 0 left 0;background-size: 100% auto;background-repeat: no-repeat;}.wrapper .content nav ul li:last-of-type::after {content: none;}.wrapper .content p.copy {text-align: center;font-size: 3vw;color: #009a58;}@media print, screen and (min-width: 600px) {body {background-size: 64px 100%;}.wrapper {padding: 128px 24px 56px 96px;}.wrapper .content {max-width: 720px;}.wrapper .content h1 {width: 384px;margin-bottom: 44px;}.wrapper .content h1 img {margin-bottom: 12px;}.wrapper .content h1 sup {display: block;font-size: 1.2rem;}.wrapper .content h2 {font-size: 4.4rem;margin-bottom: 48px;}.wrapper .content h3 {font-size: 2.0rem;margin-bottom: 48px;}.wrapper .content ul.point {margin-bottom: 56px;}.wrapper .content ul.point li {padding-left: 20px;margin-bottom: 8px;font-size: 1.5rem;background-position: top 0.4rem left 0;background-size: auto 1.6rem;}.wrapper .content dl.qr {margin-bottom: 168px;gap: 16px;grid-template-columns: 0.18fr 0.82fr;}.wrapper .content dl.qr dd {font-size: 2.0rem;}.wrapper .content nav {margin-bottom: 56px;}.wrapper .content nav sup {font-size: 1.5rem;}.wrapper .content nav ul li {margin-right: 16px;font-size: 1.5rem;}.wrapper .content nav ul li::after {width: 4px;height: 4px;top: 0.6em;right: -11px;}.wrapper .content p.copy {font-size: 1.2rem;text-align: left;}}