/* Scss Document */
@keyframes hoverin { 0% { transform: translateX(-101%); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; } }
@keyframes hoverout { 0% { transform: translateY(0); left: 0; opacity: 1; }
  100% { transform: translateY(0); left: 101%; opacity: 1; } }
@keyframes hoverin_reverse { 0% { transform: translateX(101%); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; } }
@keyframes hoverout_reverse { 0% { transform: translateY(0); left: 0; opacity: 1; }
  100% { transform: translateY(0); left: -101%; opacity: 1; } }
.buruburu { display: inline-block; animation: hurueru .1s  infinite; }

@keyframes hurueru { 0% { transform: translate(0px, 0px) rotateZ(0deg); }
  25% { transform: translate(2px, 2px) rotateZ(1deg); }
  50% { transform: translate(0px, 2px) rotateZ(0deg); }
  75% { transform: translate(2px, 0px) rotateZ(-1deg); }
  100% { transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave { 0% { background-position: 0 0; }
  100% { background-position: round-decimal(8.3333333333vw, 3) 0; } }
@media screen and (min-width: 768px) { @keyframes wave { 0% { background-position: 0 0; }
    100% { background-position: 100px 0; } } }
body.cafe main section.introduction h2 { font-size: 16px; font-weight: bold; text-align: center; line-height: 1.4; padding-bottom: 10px; }
body.cafe main section.introduction h2 span { color: #EA7816; font-size: 38px; padding: 0 7px; }
body.cafe main section.introduction .sp-item { display: block !important; }
body.cafe main section.introduction ul { display: flex; justify-content: center; }
body.cafe main section.introduction ul li { font-size: 14px; color: #464646; background: #EDF2F1; font-weight: bold; position: relative; padding: 4px 10px 6px 32px; line-height: 1; margin: 5px; }
body.cafe main section.introduction ul li:before { content: ""; width: 16px; height: 10px; background: url("/images/check@2x.png") no-repeat center top; background-size: contain; position: absolute; top: 0; left: 10px; bottom: 0; margin: auto; }
body.cafe main section.introduction p { font-size: 14px; text-align: center; line-height: 1.7; padding-top: 10px; }
body.cafe main section.introduction p.note { font-size: 10px; }
body.cafe main section.attention { background: #EDF2F1; text-align: center; padding: 0 10px 20px; margin-top: 40px; }
body.cafe main section.attention h2 { font-size: 14px; font-weight: bold; padding: 20px 0 11px; line-height: 1.57; margin: 0 -10px; }
body.cafe main section.attention .inner { background: #fff; padding: 0 6px 36px; max-width: 480px; margin: 0 auto; }
body.cafe main section.attention .inner h3 { font-size: 13px; font-weight: bold; padding-top: 15px; padding-bottom: 13px; }
body.cafe main section.attention .inner ul li { text-align: left; padding-left: 17px; position: relative; line-height: 1.2; }
body.cafe main section.attention .inner ul li:nth-child(n + 2) { margin-top: 5px; }
body.cafe main section.attention .inner ul li:nth-child(n + 3) { margin-top: 15px; }
body.cafe main section.attention .inner ul li:before { content: ""; width: 8px; height: 8px; border: 2px solid #4D956A; border-radius: 50%; position: absolute; top: 3px; left: 2px; }
body.cafe main section.attention .inner .note { font-size: 10px; text-align: left; margin-top: 15px; }
body.cafe main section.detail { padding-top: 36px; }
body.cafe main section.detail h2 { font-size: 18px; font-weight: bold; text-align: center; }
body.cafe main section.detail .wrap { padding: 10px 10px 0; }
body.cafe main section.detail .wrap .text { text-align: center; margin: 0 -13px; }
body.cafe main section.detail .wrap .text p { font-size: 14px; }
body.cafe main section.detail .wrap .text p span.note { font-size: 10px; }
body.cafe main section.detail .wrap .text p span.color { color: #EA7816; font-weight: bold; }
body.cafe main section.detail .wrap table { margin: 30px auto 0; white-space: nowrap; max-width: 480px; width: 100%; }
body.cafe main section.detail .wrap table tr, body.cafe main section.detail .wrap table th, body.cafe main section.detail .wrap table td { border-collapse: collapse; border: 2px solid #fff; }
body.cafe main section.detail .wrap table thead tr th, body.cafe main section.detail .wrap table thead tr td { padding: 5px 0; }
body.cafe main section.detail .wrap table thead tr th { background: #464646; color: #fff; font-size: 12px; font-weight: bold; text-align: center; /*width: 72px;*/ white-space: nowrap; width: 22.5%; }
body.cafe main section.detail .wrap table thead tr th:nth-child(n + 2) { background: #78AF8F; width: 27.5%; }
body.cafe main section.detail .wrap table thead tr th:last-child { background: #EA7816; width: 12.5%; }
body.cafe main section.detail .wrap table tbody tr th { background: #464646; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 1.2; padding: 7px 0 6px; }
body.cafe main section.detail .wrap table tbody tr td { font-weight: bold; text-align: center; background: #EDF2F1; line-height: 1.2; white-space: nowrap; font-size: 16px; }
body.cafe main section.detail .wrap table tbody tr td span { display: block; width: 100%; height: 100%; padding: 4px 7px 5px 12px; position: relative; }
body.cafe main section.detail .wrap table tbody tr td span:before { content: ""; width: 6px; height: 7px; background: url("/images/icon_triangle _02@2x.png") no-repeat center; background-size: contain; position: absolute; top: 0; bottom: 0; left: 4px; margin: auto; }
body.cafe main section.detail .wrap table tbody tr td a { text-decoration: underline; }
body.cafe main section.detail .wrap table tbody tr td:last-child { background: #FDF1E7; color: #EA7816; padding: 7px 0 6px; }
body.cafe main section.detail .wrap table tbody tr td:last-child span:before { content: none; }
body.cafe main section.detail .wrap .notearea { font-size: 10px; line-height: 1.4; padding-top: 19px; max-width: 480px; margin: 0 auto; }
body.cafe main section.example { background: #EDF2F1; text-align: center; padding: 0 10px 20px; margin-top: 30px; padding: 28px 0 25px; }
body.cafe main section.example h2 { font-size: 18px; font-weight: bold; text-align: center; }
body.cafe main section.example h3 { font-size: 16px; font-weight: bold; text-align: center; color: #1E8A49; }
body.cafe main section.example .note { text-align: left; max-width: 480px; margin: 0 auto; padding: 10px 0 0; }
body.cafe main section.example .note + .note { padding-top: 0; }
body.cafe main section.example .wrap { padding: 10px 20px; }
body.cafe main section.example .wrap .inner { background: #fff; text-align: center; max-width: 480px; margin: 0 auto; padding: 12px 0; }
body.cafe main section.example .wrap .inner p { font-size: 14px; font-weight: bold; }
body.cafe main section.example .wrap .inner p.catch { color: #4D956A; font-size: 18px; }
body.cafe main section.example .wrap .inner p.catch span { font-size: 24px; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner { margin-top: 50px; border: 3px solid #EA7816; padding: 20px 20px 12px; position: relative; max-width: 480px; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner:before { content: ""; width: 38px; height: 30px; background: url("/images/icon_arr@2x.png") no-repeat left center; background-size: 100% auto; position: absolute; top: -38px; right: 0; left: 0; margin: auto; transform: rotate(-90deg); }
body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula { padding-bottom: 10px; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula + .formula { border-bottom: 1px solid #464646; margin-bottom: 4px; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dt { text-align: left; font-size: 12px; font-weight: bold; padding-bottom: 2px; white-space: nowrap; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dd { text-align: right; width: 100%; height: 26px; background: #FDF1E7; font-size: 14px; font-weight: bold; white-space: nowrap; letter-spacing: -0.01em; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dd + dt { padding-top: 14px; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer { display: flex; align-items: center; justify-content: space-between; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dt { background: #EA7816; color: #fff; padding: 4px 8px; font-weight: bold; font-size: 14px; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dd { color: #EA7816; font-size: 24px; font-weight: bold; }
body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dd span { font-size: 14px; }

/*sp min*/
@media screen and (min-width: 480px) { body.cafe main section.introduction h2 { font-size: 19.2px; padding-bottom: 12px; }
  body.cafe main section.introduction h2 span { font-size: 45.6px; padding: 0 8.4px; }
  body.cafe main section.introduction ul li { font-size: 16.8px; padding: 4.8px 12px 7.2px 38.4px; margin: 6px; }
  body.cafe main section.introduction ul li:before { width: 19.2px; height: 12px; left: 12px; }
  body.cafe main section.introduction p { font-size: 14px; padding-top: 12px; }
  body.cafe main section.introduction p.note { font-size: 12px; }
  body.cafe main section.attention { padding: 0 12px 24px; margin-top: 40px; }
  body.cafe main section.attention h2 { font-size: 16.8px; padding: 24px 0 13.2px; margin: 0 -12px; }
  body.cafe main section.attention .inner { padding: 0 7.2px 43.2px; max-width: 576px; }
  body.cafe main section.attention .inner h3 { font-size: 15.6px; padding-top: 18px; padding-bottom: 15.6px; }
  body.cafe main section.attention .inner ul li { padding-left: 20.4px; }
  body.cafe main section.attention .inner ul li:nth-child(n + 2) { margin-top: 6px; }
  body.cafe main section.attention .inner ul li:nth-child(n + 3) { margin-top: 18px; }
  body.cafe main section.attention .inner ul li:before { width: 9.6px; height: 9.6px; border: 2.4px solid #4D956A; top: 3.6px; left: 2.4px; }
  body.cafe main section.attention .inner .note { font-size: 12px; margin-top: 18px; }
  body.cafe main section.detail { padding-top: 43.2px; }
  body.cafe main section.detail h2 { font-size: 21.6px; }
  body.cafe main section.detail .wrap { padding: 12px 12px 0; }
  body.cafe main section.detail .wrap .text { margin: 0 -15.6px; }
  body.cafe main section.detail .wrap .text p { font-size: 16.8px; }
  body.cafe main section.detail .wrap .text p span.note { font-size: 12px; }
  body.cafe main section.detail .wrap table { margin: 36px auto 0; max-width: 576px; width: 100%; }
  body.cafe main section.detail .wrap table tr, body.cafe main section.detail .wrap table th, body.cafe main section.detail .wrap table td { border: 2.4px solid #fff; }
  body.cafe main section.detail .wrap table thead tr th, body.cafe main section.detail .wrap table thead tr td { padding: 6px 0; }
  body.cafe main section.detail .wrap table thead tr th { font-size: 14.4px; }
  body.cafe main section.detail .wrap table tbody tr th { font-size: 14.4px; padding: 8.4px 0 7.2px; }
  body.cafe main section.detail .wrap table tbody tr td span { padding: 4.8px 8.4px 6px 14.4px; }
  body.cafe main section.detail .wrap table tbody tr td:before { width: 7.2px; height: 8.4px; left: 4.8px; }
  body.cafe main section.detail .wrap table tbody tr td:last-child { padding: 8.4px 0 7.2px; }
  body.cafe main section.detail .wrap .notearea { font-size: 12px; padding-top: 22.8px; max-width: 576px; }
  body.cafe main section.example { padding: 0 12px 24px; margin-top: 36px; padding: 33.6px 0 30px; }
  body.cafe main section.example h2 { font-size: 21.6px; }
  body.cafe main section.example h3 { font-size: 19.2px; }
  body.cafe main section.example .note { max-width: 576px; padding: 12px 0 0; }
  body.cafe main section.example .note .note { padding-top: 0; }
  body.cafe main section.example .wrap { padding: 12px 24px; }
  body.cafe main section.example .wrap .inner { max-width: 576px; padding: 14.4px 0; }
  body.cafe main section.example .wrap .inner p { font-size: 16.8px; }
  body.cafe main section.example .wrap .inner p.catch { font-size: 21.6px; }
  body.cafe main section.example .wrap .inner p.catch span { font-size: 28.8px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner { margin-top: 60px; border: 3.6px solid #EA7816; padding: 24px 24px 14.4px; max-width: 576px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner:before { width: 45.6px; height: 36px; top: -45.6px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula { padding-bottom: 12px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula + .formula { margin-bottom: 4.8px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dt { font-size: 14.4px; padding-bottom: 2.4px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dd { height: 31.2px; font-size: 16.8px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dd + dt { padding-top: 16.8px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dt { padding: 4.8px 9.6px; font-size: 16.8px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dd { font-size: 28.8px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dd span { font-size: 16.8px; } }
@media screen and (min-width: 768px) { body.cafe main { padding-top: 3.833vw; }
  body.cafe main section.introduction { padding-top: 3.583vw; }
  body.cafe main section.introduction h2 { font-size: 2.667vw; line-height: 1.5; padding-bottom: 1.667vw; }
  body.cafe main section.introduction h2 span { font-size: 5.5vw; padding: 0 0.833vw; }
  body.cafe main section.introduction .sp-item { display: none !important; }
  body.cafe main section.introduction ul li { font-size: 1.833vw; padding: 0.5vw 0.5vw 0.5vw 3.333vw; line-height: 1; margin: 1.25vw 1.417vw; }
  body.cafe main section.introduction ul li:before { content: ""; width: 1.667vw; height: 1.083vw; left: 0.75vw; top: 0.167vw; }
  body.cafe main section.introduction p { font-size: 1.5vw; line-height: 1; padding-top: 2.75vw; }
  body.cafe main section.introduction p.note { font-size: 1vw; padding-top: 1.333vw; }
  body.cafe main section.attention { padding: 0 0 4.167vw; margin-top: 6.917vw; }
  body.cafe main section.attention h2 { font-size: 1.833vw; padding: 3.5vw 0 2.5vw; line-height: 1.57; }
  body.cafe main section.attention .inner { padding: 0 3.333vw 3.333vw 4vw; width: 51.667vw; max-width: inherit; }
  body.cafe main section.attention .inner h3 { font-size: 1.5vw; padding-top: 2.5vw; padding-bottom: 1.667vw; }
  body.cafe main section.attention .inner ul li { padding-left: 1.333vw; font-size: 1.333vw; }
  body.cafe main section.attention .inner ul li:nth-child(n + 2) { margin-top: 2.167vw; }
  body.cafe main section.attention .inner ul li:nth-child(n + 3) { margin-top: 2.167vw; }
  body.cafe main section.attention .inner ul li:before { width: 0.667vw; height: 0.667vw; top: 0.5vw; left: 0; }
  body.cafe main section.attention .inner .note { font-size: 1vw; text-align: left; margin-top: 1.667vw; }
  body.cafe main section.detail { padding-top: 6.667vw; }
  body.cafe main section.detail h2 { font-size: 2.5vw; }
  body.cafe main section.detail .wrap { padding: 2.083vw 0 0 0; }
  body.cafe main section.detail .wrap .text { margin: 0; }
  body.cafe main section.detail .wrap .text p { font-size: 1.5vw; }
  body.cafe main section.detail .wrap .text p span.note { font-size: 1vw; }
  body.cafe main section.detail .wrap table { margin: 2.5vw auto 0; width: 82.167vw; max-width: inherit; }
  body.cafe main section.detail .wrap table thead tr th, body.cafe main section.detail .wrap table thead tr td { padding: 0.417vw 0; }
  body.cafe main section.detail .wrap table thead tr th { font-size: 1.5vw; width: 18.333vw; }
  body.cafe main section.detail .wrap table thead tr th:nth-child(n + 2) { width: 28.333vw; }
  body.cafe main section.detail .wrap table thead tr th:last-child { width: 6.667vw; }
  body.cafe main section.detail .wrap table tbody tr th { font-size: 1.333vw; padding: 0.917vw 0 0.917vw; }
  body.cafe main section.detail .wrap table tbody tr td span { padding: 0.167vw 0 0.583vw 0; }
  body.cafe main section.detail .wrap table tbody tr td span:before { width: 0.5vw; height: 0.583vw; left: 1.667vw; }
  body.cafe main section.detail .wrap table tbody tr td a:hover { text-decoration: none; }
  body.cafe main section.detail .wrap table tbody tr td:last-child { padding: 0.667vw 0 0.833vw; }
  body.cafe main section.detail .wrap .notearea { font-size: 1vw; line-height: 2.5; padding-top: 1.583vw; width: 82.167vw; margin: 0 auto; max-width: inherit; }
  body.cafe main section.example { padding: 5vw 0 2.75vw; margin-top: 3.833vw; }
  body.cafe main section.example h2 { font-size: 1.833vw; }
  body.cafe main section.example h3 { font-size: 1.667vw; padding-top: 1.083vw; }
  body.cafe main section.example .note { max-width: 39.167vw; margin: 0 auto; padding: 0 1.667vw; }
  body.cafe main section.example .wrap { padding: 1.917vw 0; display: flex; justify-content: center; }
  body.cafe main section.example .wrap .inner { max-width: inherit; width: 39.167vw; margin: 0 3.167vw; padding: 2.917vw 0; height: 17.5vw; }
  body.cafe main section.example .wrap .inner p { font-size: 1.5vw; line-height: 1.5; }
  body.cafe main section.example .wrap .inner p.catch { font-size: 1.5vw; padding: 1.833vw 1.667vw 0 0; }
  body.cafe main section.example .wrap .inner p.catch span { font-size: 2.667vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap { margin-right: 1.667vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap .note { padding: 0.75vw 0 0 0; margin-left: 3.167vw; font-size: 1vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap .note + .note { padding-top: 0.417vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner { margin-top: 0; padding: 2.5vw 2.5vw; max-width: 40vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner:before { width: 3.167vw; height: 2.5vw; top: -1.25vw; bottom: 0; right: auto; left: -4.167vw; transform: rotate(-180deg); }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula { margin-bottom: 0; display: flex; justify-content: space-between; padding-bottom: 0; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula + .formula { padding-bottom: 0.583vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dt { font-size: 1.5vw; padding-bottom: 0.917vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dd { width: auto; height: 2.25vw; font-size: 1.5vw; padding: 0 0.417vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dd + dt { padding-top: 0; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dt { padding: 0.167vw 0.667vw; font-size: 1.5vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dd { font-size: 2.917vw; padding-bottom: 0.667vw; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dd span { font-size: 1.5vw; }
  .safari body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dt { letter-spacing: -0.1em; }
  .safari body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dd { letter-spacing: -0.01em; } }
@media screen and (min-width: 1200px) { body.cafe main { padding-top: 46px; }
  body.cafe main section.introduction { padding-top: 43px; }
  body.cafe main section.introduction h2 { font-size: 32px; padding-bottom: 20px; }
  body.cafe main section.introduction h2 span { font-size: 66px; padding: 0 10px; }
  body.cafe main section.introduction ul li { font-size: 22px; padding: 6px 6px 6px 40px; line-height: 1; margin: 15px	17px; }
  body.cafe main section.introduction ul li:before { width: 20px; height: 13px; left: 9px; top: 2px; }
  body.cafe main section.introduction p { font-size: 18px; padding-top: 33px; }
  body.cafe main section.introduction p.note { font-size: 12px; padding-top: 16px; }
  body.cafe main section.attention { padding: 0 0 50px; margin-top: 83px; }
  body.cafe main section.attention h2 { font-size: 22px; padding: 42px 0 30px; line-height: 1.57; }
  body.cafe main section.attention .inner { padding: 0 40px 40px 48px; width: 620px; }
  body.cafe main section.attention .inner h3 { font-size: 18px; padding-top: 30px; padding-bottom: 20px; }
  body.cafe main section.attention .inner ul li { padding-left: 16px; font-size: 16px; }
  body.cafe main section.attention .inner ul li:nth-child(n + 2) { margin-top: 26px; }
  body.cafe main section.attention .inner ul li:nth-child(n + 3) { margin-top: 26px; }
  body.cafe main section.attention .inner ul li:before { width: 8px; height: 8px; top: 6px; }
  body.cafe main section.attention .inner .note { font-size: 12px; margin-top: 20px; }
  body.cafe main section.detail { padding-top: 80px; }
  body.cafe main section.detail h2 { font-size: 30px; }
  body.cafe main section.detail .wrap { padding: 25px 0 0 0; }
  body.cafe main section.detail .wrap .text p { font-size: 18px; }
  body.cafe main section.detail .wrap .text p span.note { font-size: 12px; }
  body.cafe main section.detail .wrap table { margin: 30px auto 0; width: 986px; }
  body.cafe main section.detail .wrap table thead tr th, body.cafe main section.detail .wrap table thead tr td { padding: 5px 0; }
  body.cafe main section.detail .wrap table thead tr th { font-size: 18px; width: 220px; }
  body.cafe main section.detail .wrap table thead tr th:nth-child(n + 2) { width: 340px; }
  body.cafe main section.detail .wrap table thead tr th:last-child { width: 80px; }
  body.cafe main section.detail .wrap table tbody tr th { font-size: 16px; padding: 11px 0 11px; }
  body.cafe main section.detail .wrap table tbody tr td span { padding: 2px 0 7px 0; }
  body.cafe main section.detail .wrap table tbody tr td span:before { width: 6px; height: 7px; left: 20px; }
  body.cafe main section.detail .wrap table tbody tr td:last-child { padding: 8px 0 10px; }
  body.cafe main section.detail .wrap .notearea { font-size: 12px; padding-top: 19px; width: 986px; }
  body.cafe main section.example { padding: 60px 0 33px; margin-top: 46px; }
  body.cafe main section.example h2 { font-size: 22px; }
  body.cafe main section.example h3 { font-size: 20px; padding-top: 13px; }
  body.cafe main section.example .note { max-width: 470px; padding: 0 20px; }
  body.cafe main section.example .wrap { padding: 23px 0; }
  body.cafe main section.example .wrap .inner { width: 470px; margin: 0 38px; padding: 35px 0; height: 210px; }
  body.cafe main section.example .wrap .inner p { font-size: 18px; line-height: 1.5; }
  body.cafe main section.example .wrap .inner p.catch { font-size: 18px; padding: 22px 20px 0 0; }
  body.cafe main section.example .wrap .inner p.catch span { font-size: 32px; }
  body.cafe main section.example .wrap .inner + .inner_wrap { margin-right: 20px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .note { padding: 9px 0 0 0; margin-left: 38px; font-size: 12px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .note + .note { padding-top: 5px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner { padding: 30px 30px; max-width: 480px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner:before { width: 38px; height: 30px; left: -50px; top: -15px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula { margin-bottom: 0; padding-bottom: 0; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula + .formula { padding-bottom: 7px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dt { font-size: 18px; padding-bottom: 11px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.formula dd { height: 27px; font-size: 18px; padding: 0 5px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dt { padding: 2px 8px; font-size: 18px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dd { font-size: 35px; padding-bottom: 8px; }
  body.cafe main section.example .wrap .inner + .inner_wrap .inner dl.answer dd span { font-size: 18px; } }