/* 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.brand main section + section { margin-top: 20px; }
body.brand main section h2 { display: flex; align-items: center; padding-bottom: 8px; max-width: 480px; width: 100%; margin: 0 auto; }
body.brand main section h2 img { width: 42px; margin-right: 12px; }
body.brand main section h2 span { font-size: 16px; font-weight: bold; color: #4D956A; }
body.brand main section .text { max-width: 480px; width: 100%; margin: 0 auto; }
body.brand main section .text > p { font-size: 14px; font-weight: bold; line-height: 1.57; }
body.brand main section .text .notes { padding-top: 7px; }
body.brand main section .text .notes p { font-size: 10px; line-height: 1.4; }
body.brand main section.package { background: #EDF2F1; padding: 14px 13px; }
body.brand main section.package .wrap { padding-top: 16px; }
body.brand main section.package .wrap table { max-width: 480px; width: 100%; margin: 0 auto; }
body.brand main section.package .wrap table th, body.brand main section.package .wrap table td, body.brand main section.package .wrap table tr { text-align: center; border: 2px solid #EDF2F1; border-collapse: collapse; line-height: 1.2; }
body.brand main section.package .wrap table thead tr th { width: 27%; padding: 10px 0; }
body.brand main section.package .wrap table thead tr th:first-child { background: #464646; color: #fff; font-weight: bold; font-size: 12px; }
body.brand main section.package .wrap table thead tr th:nth-child(n+2) { width: 35%; background: #78AF8F; font-weight: bold; color: #fff; font-size: 12px; }
body.brand main section.package .wrap table tbody th, body.brand main section.package .wrap table tbody td { padding: 0; }
body.brand main section.package .wrap table tbody tr th { background: #464646; font-weight: bold; font-size: 10px; color: #fff; }
body.brand main section.package .wrap table tbody tr td { background: #fff; }
body.brand main section.package .wrap table tbody tr td span { display: block; width: 100%; height: 100%; padding: 12px 7px 12px 12px; position: relative; font-size: 10px; }
body.brand main section.package .wrap table tbody tr td span + span { padding-top: 7px; }
body.brand main section.package .wrap table tbody tr td span + span:before { top: -9px; }
body.brand main section.package .wrap table tbody tr td span.none:before { content: none; }
body.brand main section.package .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.brand main section.package .wrap table tbody tr td span a { text-decoration: underline; }
body.brand main section.other .box { background: #EDF2F1; padding: 12px 7px 18px 13px; }
body.brand main section.other .box.note_color { background: #fff; }
body.brand main section.other .box.note_color p { font-weight: normal; font-size: 12px; color: red; }
body.brand main section.other .box > p { font-size: 14px; font-weight: bold; max-width: 480px; width: 100%; margin: 0 auto; line-height: 1.55; }
body.brand main section.other .box .notes { padding-top: 7px; max-width: 480px; width: 100%; margin: 0 auto; }
body.brand main section.other .box .notes p { font-size: 10px; line-height: 1.5; }
body.brand main section.other .box .notes + p { padding-top: 10px; }
body.brand main section.other .box + .box { margin-top: 20px; }

/*sp min*/
@media screen and (min-width: 480px) { body.brand main section + section { margin-top: 24px; }
  body.brand main section h2 { padding-bottom: 9.6px; max-width: 576px; }
  body.brand main section h2 img { width: 50.4px; margin-right: 12px; }
  body.brand main section h2 span { font-size: 19.2px; }
  body.brand main section .text { max-width: 576px; }
  body.brand main section .text > p { font-size: 16.8px; }
  body.brand main section .text .notes { padding-top: 8.4px; }
  body.brand main section .text .notes p { font-size: 12px; }
  body.brand main section.package { padding: 16.8px 15.6px; }
  body.brand main section.package .wrap { padding-top: 19.2px; }
  body.brand main section.package .wrap table { max-width: 576px; }
  body.brand main section.package .wrap table thead tr th { padding: 12px 0; }
  body.brand main section.package .wrap table thead tr th:first-child { font-size: 14.4px; }
  body.brand main section.package .wrap table thead tr th:nth-child(n+2) { width: 35%; font-size: 14.4px; }
  body.brand main section.package .wrap table tbody tr th { font-size: 12px; }
  body.brand main section.package .wrap table tbody tr td span { padding: 14.4px 8.4px 14.4px 14.4px; font-size: 12px; }
  body.brand main section.package .wrap table tbody tr td span + span { padding-top: 8.4px; }
  body.brand main section.package .wrap table tbody tr td span + span:before { top: -10.8px; }
  body.brand main section.package .wrap table tbody tr td span:before { width: 7.2px; height: 8.4px; left: 4.8px; }
  body.brand main section.other .box { padding: 14.4px 8.4px 21.6px 15.6px; }
  body.brand main section.other .box.note_color p { font-size: 14.4px; }
  body.brand main section.other .box > p { font-size: 16.8px; max-width: 576px; }
  body.brand main section.other .box .notes { padding-top: 8.4px; max-width: 576px; }
  body.brand main section.other .box .notes p { font-size: 12px; }
  body.brand main section.other .box .notes + p { padding-top: 12px; }
  body.brand main section.other .box + .box { margin-top: 24px; } }
@media screen and (min-width: 768px) { body.brand main { padding-top: 5.667vw; }
  body.brand main section { width: 100vw; margin: 0 auto; }
  body.brand main section + section { margin-top: 3.333vw; }
  body.brand main section h2 { padding-bottom: 0.5vw; max-width: inherit; width: 100%; margin: 0 auto; }
  body.brand main section h2 img { width: 3.5vw; margin-right: 1vw; }
  body.brand main section h2 span { font-size: 2.5vw; }
  body.brand main section .text { max-width: inherit; width: 100%; margin: 0 auto; text-align: left; }
  body.brand main section .text > p { font-size: 1.5vw; line-height: 1.55; }
  body.brand main section .text .notes { padding-top: 0.583vw; }
  body.brand main section .text .notes p { font-size: 1vw; line-height: 1.83; }
  body.brand main section.package { padding: 2.833vw 2.5vw 2.583vw; }
  body.brand main section.package .wrap { padding-top: 2.083vw; }
  body.brand main section.package .wrap table { max-width: 82.083vw; }
  body.brand main section.package .wrap table th, body.brand main section.package .wrap table td, body.brand main section.package .wrap table tr { text-align: center; border: 2px solid #EDF2F1; border-collapse: collapse; line-height: 1.2; }
  body.brand main section.package .wrap table thead tr th { width: 18.333vw; padding: 0.833vw 0; }
  body.brand main section.package .wrap table thead tr th:first-child { font-size: 1.5vw; }
  body.brand main section.package .wrap table thead tr th:nth-child(n+2) { width: 31.667vw; font-size: 1.5vw; }
  body.brand main section.package .wrap table tbody th, body.brand main section.package .wrap table tbody td { padding: 0; }
  body.brand main section.package .wrap table tbody tr th { font-size: 1.5vw; padding: 0.917vw 0 0.917vw; }
  body.brand main section.package .wrap table tbody tr td .none { font-size: 1.333vw; padding: 0.667vw 0.583vw 0.75vw 1vw; }
  body.brand main section.package .wrap table tbody tr td span { width: 100%; height: 100%; padding: 0.917vw 0.583vw 1.083vw 1vw; }
  body.brand main section.package .wrap table tbody tr td span + span { padding-top: 0; }
  body.brand main section.package .wrap table tbody tr td span:before { width: 0.5vw; height: 0.583vw; left: 1.667vw; }
  body.brand main section.package .wrap table tbody tr td span a { font-size: 1.333vw; }
  body.brand main section.package .wrap table tbody tr td span a:hover { text-decoration: none; }
  body.brand main section.other { display: flex; flex-wrap: wrap; }
  body.brand main section.other .box { padding: 1.917vw 1.25vw 2.583vw 2.417vw; width: 48.333vw; margin-bottom: 3.333vw; }
  body.brand main section.other .box.note_color p { font-size: 1.167vw; }
  body.brand main section.other .box h2 { padding-bottom: 1.25vw; }
  body.brand main section.other .box:nth-child(odd) { margin-right: 1.667vw; }
  body.brand main section.other .box:nth-child(even) { margin-left: 1.667vw; }
  body.brand main section.other .box > p { font-size: 1.5vw; text-align: left; max-width: inherit; letter-spacing: -0.005em; }
  body.brand main section.other .box .notes { padding-top: 0.583vw; max-width: inherit; width: 100%; margin: 0 auto; text-align: left; }
  body.brand main section.other .box .notes p { font-size: 1vw; line-height: 1.5; text-align: left; padding-right: 1.25vw; }
  body.brand main section.other .box .notes + p { padding-top: 0.667vw; }
  body.brand main section.other .box + .box { margin-top: 0; }
  .safari body.brand main section.other .box > p { letter-spacing: -0.06em; } }
@media screen and (min-width: 1200px) { body.brand main { padding-top: 68px; }
  body.brand main section { width: 1200px; }
  body.brand main section + section { margin-top: 40px; }
  body.brand main section h2 { padding-bottom: 6px; }
  body.brand main section h2 img { width: 42px; margin-right: 12px; }
  body.brand main section h2 span { font-size: 30px; }
  body.brand main section .text > p { font-size: 18px; }
  body.brand main section .text .notes { padding-top: 7px; }
  body.brand main section .text .notes p { font-size: 12px; }
  body.brand main section.package { padding: 34px 30px 31px; }
  body.brand main section.package .wrap { padding-top: 25px; }
  body.brand main section.package .wrap table { max-width: 985px; }
  body.brand main section.package .wrap table thead tr th { width: 18.333vw; padding: 10px 0; }
  body.brand main section.package .wrap table thead tr th:first-child { font-size: 18px; }
  body.brand main section.package .wrap table thead tr th:nth-child(n+2) { width: 31.667vw; font-size: 18px; }
  body.brand main section.package .wrap table tbody th, body.brand main section.package .wrap table tbody td { padding: 0; }
  body.brand main section.package .wrap table tbody tr th { font-size: 16px; padding: 11px 0; }
  body.brand main section.package .wrap table tbody tr td .none { font-size: 16px; padding: 8px 7px 9px 12px; }
  body.brand main section.package .wrap table tbody tr td span { width: 100%; height: 100%; padding: 11px 7px 13px 12px; }
  body.brand main section.package .wrap table tbody tr td span:before { width: 6px; height: 7px; left: 20px; }
  body.brand main section.package .wrap table tbody tr td span a { font-size: 16px; }
  body.brand main section.other .box { padding: 29px 15px 31px 29px; width: 580px; margin-bottom: 40px; }
  body.brand main section.other .box.note_color p { font-size: 14px; }
  body.brand main section.other .box h2 { padding-bottom: 15px; }
  body.brand main section.other .box:nth-child(odd) { margin-right: 20px; }
  body.brand main section.other .box:nth-child(even) { margin-left: 20px; }
  body.brand main section.other .box > p { font-size: 18px; }
  body.brand main section.other .box .notes { padding-top: 7px; }
  body.brand main section.other .box .notes p { font-size: 12px; }
  body.brand main section.other .box .notes + p { padding-top: 8px; }
  body.brand main section.other .box + .box { margin-top: 0; } }