@charset "UTF-8";
/* サブノート */
.pageWrap-sn1 { width: 100%; }
.pageWrap-sn1 .pageWrap-sn1-inr { margin: 0 auto; padding: 24px 0; position: relative; text-align: center; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr { padding: 56px 0 72px; width: 960px; } }
.pageWrap-sn1 .pageWrap-sn1-inr h2 { font-size: 3.2rem; font-weight: 300; line-height: 1.4em; margin: 0 0 20px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr h2 { font-size: 5.6rem; margin: 0 0 40px; } }
.pageWrap-sn1 .pageWrap-sn1-inr p.sn1-h2sub { background: #e25091; border-radius: 12px; color: #fff; display: inline-block; font-size: 1.4rem; line-height: 1em; margin: 0 0 8px; padding: 4px 16px 3px; }
.pageWrap-sn1 .pageWrap-sn1-inr figure.fig-sn1 { margin: 0 auto 24px; position: relative; }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr figure.fig-sn1 { margin: 0 auto; width: 640px; } }
.pageWrap-sn1 .pageWrap-sn1-inr figure.fig-sn1::before { background: url("../img/page/sn1_02.svg") no-repeat left top/216px 175px; content: ""; position: absolute; bottom: -4px; right: -80px; width: 200px; height: 160px; overflow: hidden; z-index: 2; }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr figure.fig-sn1::before { background: url("../img/page/sn1_02.svg") no-repeat left top/432px 350px; bottom: -12px; right: -176px; width: 400px; height: 320px; } }
.pageWrap-sn1 .pageWrap-sn1-inr figure.fig-sn1::after { background: url("../img/page/sn_14.svg") no-repeat left top/160px 199px; content: ""; position: absolute; bottom: 10px; left: -24px; width: 160px; height: 199px; overflow: hidden; z-index: 2; }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr figure.fig-sn1::after { background: url("../img/page/sn_14.svg") no-repeat left top/240px 232px; bottom: 50px; left: -170px; width: 240px; height: 232px; } }
.pageWrap-sn1 .pageWrap-sn1-inr dl { background: #e25091; border-radius: 8px; display: table; text-align: center; width: 100%; }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr dl { border-radius: 100%; display: block; position: absolute; top: 160px; right: 0; width: 140px; height: 140px; } }
.pageWrap-sn1 .pageWrap-sn1-inr dl dt { color: #fff; display: table-cell; font-size: 1.1rem; vertical-align: middle; }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr dl dt { display: block; padding: 28px 0 12px; } }
.pageWrap-sn1 .pageWrap-sn1-inr dl dd { color: #fff; display: table-cell; font-size: 1.6rem; font-weight: 600; line-height: 2em; padding: 10px 0 8px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr dl dd { font-size: 1.4rem; display: block; padding: inherit; } }
.pageWrap-sn1 .pageWrap-sn1-inr dl dd span { margin-left: 8px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr dl dd span { display: block; font-size: 2.4rem; } }
.pageWrap-sn1 .pageWrap-sn1-inr p.sn1-text { text-align: left; margin: 0 auto; padding-top: 24px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn1 .pageWrap-sn1-inr p.sn1-text { font-size: 1.8rem; line-height: 3.6rem; padding-top: 40px; width: 860px; } }

h2.pageH2-sn, h2.pageH2-sn2 { font-size: 2.0rem; line-height: 3.2rem; margin-bottom: 16px; text-align: center; }
@media print, screen and (min-width: 768px) { h2.pageH2-sn, h2.pageH2-sn2 { font-size: 3.2rem; line-height: 4.8rem; margin-bottom: 48px; } }
h2.pageH2-sn br, h2.pageH2-sn2 br { display: none; }
@media print, screen and (min-width: 768px) { h2.pageH2-sn br, h2.pageH2-sn2 br { display: block; } }

@media print, screen and (min-width: 768px) { h2.pageH2-sn2 { margin-bottom: 24px; } }

.pageText-sn1 { color: #ff685b; font-weight: bold; margin-bottom: 24px; }
@media print, screen and (min-width: 768px) { .pageText-sn1 { font-size: 1.8rem; text-align: center; margin-bottom: 48px; } }
.pageText-sn1 br { display: none; }
@media print, screen and (min-width: 768px) { .pageText-sn1 br { display: block; } }

.pageWrap-sn2, .pageWrap-sn3 { width: 100%; }
.pageWrap-sn2 .pageWrap-sn2-inr, .pageWrap-sn2 .pageWrap-sn3-inr, .pageWrap-sn3 .pageWrap-sn2-inr, .pageWrap-sn3 .pageWrap-sn3-inr { margin: 0 auto; padding: 24px 0; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .pageWrap-sn2 .pageWrap-sn2-inr, .pageWrap-sn2 .pageWrap-sn3-inr, .pageWrap-sn3 .pageWrap-sn2-inr, .pageWrap-sn3 .pageWrap-sn3-inr { padding: 56px 0; width: 960px; } }
.pageWrap-sn2 .pageWrap-sn2-inr ul li, .pageWrap-sn2 .pageWrap-sn3-inr ul li, .pageWrap-sn3 .pageWrap-sn2-inr ul li, .pageWrap-sn3 .pageWrap-sn3-inr ul li { text-align: center; margin-bottom: 24px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn2 .pageWrap-sn2-inr ul li, .pageWrap-sn2 .pageWrap-sn3-inr ul li, .pageWrap-sn3 .pageWrap-sn2-inr ul li, .pageWrap-sn3 .pageWrap-sn3-inr ul li { margin-bottom: 0; width: calc(calc(100% - 160px) / 3); } }
.pageWrap-sn2 .pageWrap-sn2-inr ul li:last-of-type, .pageWrap-sn2 .pageWrap-sn3-inr ul li:last-of-type, .pageWrap-sn3 .pageWrap-sn2-inr ul li:last-of-type, .pageWrap-sn3 .pageWrap-sn3-inr ul li:last-of-type { margin-bottom: 0; }
.pageWrap-sn2 .pageWrap-sn2-inr ul li figure, .pageWrap-sn2 .pageWrap-sn3-inr ul li figure, .pageWrap-sn3 .pageWrap-sn2-inr ul li figure, .pageWrap-sn3 .pageWrap-sn3-inr ul li figure { border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; padding: 24px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn2 .pageWrap-sn2-inr ul li figure, .pageWrap-sn2 .pageWrap-sn3-inr ul li figure, .pageWrap-sn3 .pageWrap-sn2-inr ul li figure, .pageWrap-sn3 .pageWrap-sn3-inr ul li figure { margin: 0 auto 20px; padding: 32px; } }
.pageWrap-sn2 .pageWrap-sn2-inr ul li img, .pageWrap-sn2 .pageWrap-sn3-inr ul li img, .pageWrap-sn3 .pageWrap-sn2-inr ul li img, .pageWrap-sn3 .pageWrap-sn3-inr ul li img { max-height: 240px; }
.pageWrap-sn2 .pageWrap-sn2-inr ul li p, .pageWrap-sn2 .pageWrap-sn3-inr ul li p, .pageWrap-sn3 .pageWrap-sn2-inr ul li p, .pageWrap-sn3 .pageWrap-sn3-inr ul li p { font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; }
@media print, screen and (min-width: 768px) { .pageWrap-sn2 .pageWrap-sn2-inr ul li p, .pageWrap-sn2 .pageWrap-sn3-inr ul li p, .pageWrap-sn3 .pageWrap-sn2-inr ul li p, .pageWrap-sn3 .pageWrap-sn3-inr ul li p { font-size: 2.0rem; } }
.pageWrap-sn2 .pageWrap-sn2-inr ul li p span, .pageWrap-sn2 .pageWrap-sn3-inr ul li p span, .pageWrap-sn3 .pageWrap-sn2-inr ul li p span, .pageWrap-sn3 .pageWrap-sn3-inr ul li p span { display: block; font-size: 1.4rem; }
.pageWrap-sn2 .pageWrap-sn2-inr ul li p span sup, .pageWrap-sn2 .pageWrap-sn3-inr ul li p span sup, .pageWrap-sn3 .pageWrap-sn2-inr ul li p span sup, .pageWrap-sn3 .pageWrap-sn3-inr ul li p span sup { font-size: 1.0rem; vertical-align: super; }

.pageWrap-sn2 { background: #ffdedb; }
@media print, screen and (min-width: 768px) { .pageWrap-sn2 .pageWrap-sn2-inr ul { display: flex; flex-wrap: nowrap; justify-content: space-between; } }
.pageWrap-sn2 .pageWrap-sn2-inr ul li figure { background: #fff; width: 200px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn2 .pageWrap-sn2-inr ul li figure { width: auto; } }

.pageWrap-sn3 .pageWrap-sn3-inr ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media print, screen and (min-width: 768px) { .pageWrap-sn3 .pageWrap-sn3-inr ul { flex-wrap: nowrap; } }
.pageWrap-sn3 .pageWrap-sn3-inr ul li { width: calc(calc(100% - 16px) / 2); }
@media print, screen and (min-width: 768px) { .pageWrap-sn3 .pageWrap-sn3-inr ul li { width: calc(calc(100% - 120px) / 4); } }
.pageWrap-sn3 .pageWrap-sn3-inr ul li figure { background: #fdf0ef; }
@media print, screen and (min-width: 768px) { .pageWrap-sn3 .pageWrap-sn3-inr ul li figure { padding: 20px; } }

.pageWrap-sn4 { background: #f5f5f5; width: 100%; }
.pageWrap-sn4 .pageWrap-sn4-inr { margin: 0 auto; padding: 24px 0; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .pageWrap-sn4 .pageWrap-sn4-inr { padding: 56px 0; width: 960px; } }
@media print, screen and (min-width: 768px) { .pageWrap-sn4 .pageWrap-sn4-inr div.sn4-cnt { display: flex; flex-wrap: nowrap; justify-content: space-between; } }
.pageWrap-sn4 .pageWrap-sn4-inr div.sn4-cnt figure.sn4-img { border-radius: 8px; overflow: hidden; }
@media print, screen and (min-width: 768px) { .pageWrap-sn4 .pageWrap-sn4-inr div.sn4-cnt figure.sn4-img { width: 640px; } }
.pageWrap-sn4 .pageWrap-sn4-inr div.sn4-cnt div.sn4-txt { padding-top: 16px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn4 .pageWrap-sn4-inr div.sn4-cnt div.sn4-txt { width: 260px; } }
.pageWrap-sn4 .pageWrap-sn4-inr div.sn4-cnt div.sn4-txt p { font-weight: 600; }

.pageWrap-sn5 { background: #ffdedb; width: 100%; }
.pageWrap-sn5 .pageWrap-sn5-inr { margin: 0 auto; padding: 24px 0; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .pageWrap-sn5 .pageWrap-sn5-inr { padding: 56px 0; width: 960px; } }
.pageWrap-sn5 .pageWrap-sn5-inr .sn5-img { margin-bottom: 24px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn5 .pageWrap-sn5-inr .sn5-img { display: flex; flex-wrap: nowrap; justify-content: space-between; } }
.pageWrap-sn5 .pageWrap-sn5-inr .sn5-img figure { margin-bottom: 16px; }
@media print, screen and (min-width: 768px) { .pageWrap-sn5 .pageWrap-sn5-inr .sn5-img figure { width: 440px; } }
.pageWrap-sn5 .pageWrap-sn5-inr .sn5-txt { font-weight: 600; }

.pageWrap-sn6 { background: #fff; width: 100%; }
.pageWrap-sn6 .pageWrap-sn6-inr { margin: 0 auto; padding: 24px 0 32px; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .pageWrap-sn6 .pageWrap-sn6-inr { padding: 56px 0; width: 960px; } }
.pageWrap-sn6 .pageWrap-sn6-inr .ul-disc li { font-size: 1.6rem; line-height: 3.2rem; }

.pageBlock-sn6 { background: #f5f5f5; margin-bottom: 24px; padding: 24px 16px; }
@media print, screen and (min-width: 768px) { .pageBlock-sn6 { margin-bottom: 40px; padding: 56px 40px; } }
.pageBlock-sn6 h2 { font-size: 1.8rem; font-weight: 300; line-height: 3.0rem; margin: 0 0 16px; text-align: center; }
@media print, screen and (min-width: 768px) { .pageBlock-sn6 h2 { font-size: 4.0rem; line-height: 4.0rem; margin: 0 0 32px; text-align: left; } }
.pageBlock-sn6 h3 { background: #fa887e; border-radius: 4px; color: #fff; font-size: 1.8rem; font-weight: normal; line-height: 1em; margin-bottom: 16px; padding: 8px 12px 4px; }
@media print, screen and (min-width: 768px) { .pageBlock-sn6 h3 { font-size: 2.0rem; margin-bottom: 28px; padding: 14px 16px 12px; } }
.pageBlock-sn6 h4 { border-bottom: 3px solid #fa887e; font-size: 1.8rem; margin-bottom: 16px; padding-bottom: 16px; }

.pageBox-sn6a { background: rgba(255, 255, 255, 0.7); border: 1px solid #ddd; border-radius: 8px; padding: 24px 16px; }
@media print, screen and (min-width: 768px) { .pageBox-sn6a { padding: 24px 32px; } }
.pageBox-sn6a p { font-size: 1.5rem; line-height: 1.8em; }

.pageBox-sn6b { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 24px 16px; }
@media print, screen and (min-width: 768px) { .pageBox-sn6b { padding: 24px 32px; } }
.pageBox-sn6b table { width: 100%; }
.pageBox-sn6b table th { background: #f4f7f9; border: 1px solid #bbb; font-size: 1.5rem; font-weight: normal; line-height: 1em; text-align: center; padding: 12px; width: calc(100% / 3); vertical-align: middle; }
.pageBox-sn6b table td { background: #fff; border: 1px solid #bbb; font-size: 1.5rem; padding: 12px; line-height: 1rem; text-align: right; vertical-align: middle; }

@media print, screen and (min-width: 768px) { .pageBpx-snPrice { display: flex; flex-wrap: nowrap; } }
.pageBpx-snPrice dl { display: table; margin: 16px 0; }
@media print, screen and (min-width: 768px) { .pageBpx-snPrice dl { margin: 0 64px 0 0; } }
.pageBpx-snPrice dl dt { display: table-cell; vertical-align: middle; width: 84px; }
.pageBpx-snPrice dl dt span { background: #57b281; border-radius: 14px; color: #fff; font-size: 1.2rem; padding: 2px 12px 1px; width: 100%; }
.pageBpx-snPrice dl dd { display: table-cell; font-size: 2.8rem; padding-left: 12px; text-align: right; width: 160px; vertical-align: middle; }
@media print, screen and (min-width: 768px) { .pageBpx-snPrice dl dd { font-size: 2.8rem; width: auto; } }

/*# sourceMappingURL=subnote.css.map */