/*
Theme Name:origin
Description:origin template
Version:1.0
*/
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  border: none; }

body, html {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  min-height: 100vh; }

a {
  font-size: inherit;
  color: inherit;
  text-decoration: inherit;
  display: inline-block; }

* {
  box-sizing: border-box; }

.hide--all {
  display: none !important; }

.hide--1200.block {
  display: block !important; }
.hide--1200.flex {
  display: flex !important; }
@media (max-width: 1200px) {
  .hide--1200 {
    display: none !important; } }

.hide--1120.block {
  display: block !important; }
.hide--1120.flex {
  display: flex !important; }
@media (max-width: 1120px) {
  .hide--1120 {
    display: none !important; } }

.hide--1040.block {
  display: block !important; }
.hide--1040.flex {
  display: flex !important; }
@media (max-width: 1040px) {
  .hide--1040 {
    display: none !important; } }

.hide--960.block {
  display: block !important; }
.hide--960.flex {
  display: flex !important; }
@media (max-width: 960px) {
  .hide--960 {
    display: none !important; } }

.hide--880.block {
  display: block !important; }
.hide--880.flex {
  display: flex !important; }
@media (max-width: 880px) {
  .hide--880 {
    display: none !important; } }

.hide--800.block {
  display: block !important; }
.hide--800.flex {
  display: flex !important; }
@media (max-width: 800px) {
  .hide--800 {
    display: none !important; } }

.hide--720.block {
  display: block !important; }
.hide--720.flex {
  display: flex !important; }
@media (max-width: 720px) {
  .hide--720 {
    display: none !important; } }

.hide--640.block {
  display: block !important; }
.hide--640.flex {
  display: flex !important; }
@media (max-width: 640px) {
  .hide--640 {
    display: none !important; } }

.hide--560.block {
  display: block !important; }
.hide--560.flex {
  display: flex !important; }
@media (max-width: 560px) {
  .hide--560 {
    display: none !important; } }

.hide--480.block {
  display: block !important; }
.hide--480.flex {
  display: flex !important; }
@media (max-width: 480px) {
  .hide--480 {
    display: none !important; } }

.show--1200 {
  display: none !important; }
  @media (max-width: 1200px) {
    .show--1200.block {
      display: block !important; }
    .show--1200.flex {
      display: flex !important; } }

.show--1120 {
  display: none !important; }
  @media (max-width: 1120px) {
    .show--1120.block {
      display: block !important; }
    .show--1120.flex {
      display: flex !important; } }

.show--1040 {
  display: none !important; }
  @media (max-width: 1040px) {
    .show--1040.block {
      display: block !important; }
    .show--1040.flex {
      display: flex !important; } }

.show--960 {
  display: none !important; }
  @media (max-width: 960px) {
    .show--960.block {
      display: block !important; }
    .show--960.flex {
      display: flex !important; } }

.show--880 {
  display: none !important; }
  @media (max-width: 880px) {
    .show--880.block {
      display: block !important; }
    .show--880.flex {
      display: flex !important; } }

.show--800 {
  display: none !important; }
  @media (max-width: 800px) {
    .show--800.block {
      display: block !important; }
    .show--800.flex {
      display: flex !important; } }

.show--720 {
  display: none !important; }
  @media (max-width: 720px) {
    .show--720.block {
      display: block !important; }
    .show--720.flex {
      display: flex !important; } }

.show--640 {
  display: none !important; }
  @media (max-width: 640px) {
    .show--640.block {
      display: block !important; }
    .show--640.flex {
      display: flex !important; } }

.show--560 {
  display: none !important; }
  @media (max-width: 560px) {
    .show--560.block {
      display: block !important; }
    .show--560.flex {
      display: flex !important; } }

.show--480 {
  display: none !important; }
  @media (max-width: 480px) {
    .show--480.block {
      display: block !important; }
    .show--480.flex {
      display: flex !important; } }

.section__pref--areafaq {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 20px auto;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #ccfae0 5px, #ccfae0 7px);
  padding: 20px; }
  @media (max-width: 480px) {
    .section__pref--areafaq {
      padding: 10px; } }
  .section__pref--areafaq > .inner {
    background: #ffffff;
    padding: 20px; }
    @media (max-width: 480px) {
      .section__pref--areafaq > .inner {
        padding: 10px; } }
  .section__pref--areafaq .inner > h2 {
    text-align: center !important;
    margin: 0 auto 20px auto;
    color: #009944;
    font-weight: bold;
    line-height: 1.5;
    font-size: 1.6rem;
    padding: 0;
    background: none !important;
    border-bottom: none !important;
    width: 100%;
    display: block; }
    @media (max-width: 480px) {
      .section__pref--areafaq .inner > h2 {
        font-size: 1.1rem; } }
    .section__pref--areafaq .inner > h2:before {
      content: '';
      width: 30px;
      height: 30px;
      border-left: 1px solid #009944;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      transform: rotate(-30deg);
      display: inline-block; }
      @media (max-width: 480px) {
        .section__pref--areafaq .inner > h2:before {
          width: 20px;
          height: 20px; } }
    .section__pref--areafaq .inner > h2:after {
      content: '';
      width: 30px;
      height: 30px;
      border-right: 1px solid #009944;
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
      transform: rotate(30deg);
      display: inline-block; }
      @media (max-width: 480px) {
        .section__pref--areafaq .inner > h2:after {
          width: 20px;
          height: 20px; } }
  .section__pref--areafaq .inner > p {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 20px;
    font-weight: bold; }
    @media (max-width: 480px) {
      .section__pref--areafaq .inner > p {
        font-size: 0.9rem; } }
  .section__pref--areafaq .pref_faq_wrap h3 {
    background: #009944;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 20px; }
    @media (max-width: 480px) {
      .section__pref--areafaq .pref_faq_wrap h3 {
        font-size: 1.1rem; } }
    .section__pref--areafaq .pref_faq_wrap h3:before {
      content: '';
      width: 100%;
      height: 5px;
      border-bottom: 1px solid #ffffff;
      position: absolute;
      top: 0;
      left: 0; }
    .section__pref--areafaq .pref_faq_wrap h3:after {
      content: '';
      width: 100%;
      height: 5px;
      border-top: 1px solid #ffffff;
      position: absolute;
      bottom: 0;
      left: 0; }
  .section__pref--areafaq .ranking_wrap {
    border: 1px solid #009944;
    margin: 0 auto 20px auto;
    padding: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; }
    .section__pref--areafaq .ranking_wrap:last-child {
      margin-bottom: 0; }
  .section__pref--areafaq .ranking_wrap > h4 {
    color: #009944;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: bold;
    padding: 20px 0;
    position: relative;
    margin-bottom: 20px;
    display: flex;
    align-items: center; }
    @media (max-width: 480px) {
      .section__pref--areafaq .ranking_wrap > h4 {
        font-size: 1.1rem; } }
    .section__pref--areafaq .ranking_wrap > h4:after {
      content: '';
      width: 100%;
      height: 5px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-size: auto auto;
      background-color: white;
      background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #ccfae0 5px, #ccfae0 7px); }
    .section__pref--areafaq .ranking_wrap > h4:before {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      margin-right: 10px;
      background-size: 100%;
      background-repeat: no-repeat; }
  .section__pref--areafaq .ranking_wrap > h5 {
    text-align: center;
    margin-bottom: 40px;
    padding: 20px;
    background: #EBFDF3;
    position: relative;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #222222;
    border: none; }
    @media (max-width: 480px) {
      .section__pref--areafaq .ranking_wrap > h5 {
        padding: 10px;
        font-size: 0.9rem; } }
    .section__pref--areafaq .ranking_wrap > h5:after {
      content: '';
      width: 20px;
      height: 20px;
      display: block;
      background: #EBFDF3;
      clip-path: polygon(50% 100%, 0 0, 100% 0);
      position: absolute;
      margin: auto;
      bottom: -20px;
      left: 0;
      right: 0; }
  .section__pref--areafaq .pref_faq_wrap .ranking_wrap:nth-of-type(1) h4:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 640 640" width="30" fill="%23FBCF00"><path d="M345 151.2C354.2 143.9 360 132.6 360 120C360 97.9 342.1 80 320 80C297.9 80 280 97.9 280 120C280 132.6 285.9 143.9 295 151.2L226.6 258.8C216.6 274.5 195.3 278.4 180.4 267.2L120.9 222.7C125.4 216.3 128 208.4 128 200C128 177.9 110.1 160 88 160C65.9 160 48 177.9 48 200C48 221.8 65.5 239.6 87.2 240L119.8 457.5C124.5 488.8 151.4 512 183.1 512L456.9 512C488.6 512 515.5 488.8 520.2 457.5L552.8 240C574.5 239.6 592 221.8 592 200C592 177.9 574.1 160 552 160C529.9 160 512 177.9 512 200C512 208.4 514.6 216.3 519.1 222.7L459.7 267.3C444.8 278.5 423.5 274.6 413.5 258.9L345 151.2z"/></svg>'); }
  .section__pref--areafaq .pref_faq_wrap .ranking_wrap:nth-of-type(2) h4:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 640 640" width="30" fill="%23C1C5C8"><path d="M345 151.2C354.2 143.9 360 132.6 360 120C360 97.9 342.1 80 320 80C297.9 80 280 97.9 280 120C280 132.6 285.9 143.9 295 151.2L226.6 258.8C216.6 274.5 195.3 278.4 180.4 267.2L120.9 222.7C125.4 216.3 128 208.4 128 200C128 177.9 110.1 160 88 160C65.9 160 48 177.9 48 200C48 221.8 65.5 239.6 87.2 240L119.8 457.5C124.5 488.8 151.4 512 183.1 512L456.9 512C488.6 512 515.5 488.8 520.2 457.5L552.8 240C574.5 239.6 592 221.8 592 200C592 177.9 574.1 160 552 160C529.9 160 512 177.9 512 200C512 208.4 514.6 216.3 519.1 222.7L459.7 267.3C444.8 278.5 423.5 274.6 413.5 258.9L345 151.2z"/></svg>'); }
  .section__pref--areafaq .pref_faq_wrap .ranking_wrap:nth-of-type(3) h4:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 640 640" width="30" fill="%23C1761E"><path d="M345 151.2C354.2 143.9 360 132.6 360 120C360 97.9 342.1 80 320 80C297.9 80 280 97.9 280 120C280 132.6 285.9 143.9 295 151.2L226.6 258.8C216.6 274.5 195.3 278.4 180.4 267.2L120.9 222.7C125.4 216.3 128 208.4 128 200C128 177.9 110.1 160 88 160C65.9 160 48 177.9 48 200C48 221.8 65.5 239.6 87.2 240L119.8 457.5C124.5 488.8 151.4 512 183.1 512L456.9 512C488.6 512 515.5 488.8 520.2 457.5L552.8 240C574.5 239.6 592 221.8 592 200C592 177.9 574.1 160 552 160C529.9 160 512 177.9 512 200C512 208.4 514.6 216.3 519.1 222.7L459.7 267.3C444.8 278.5 423.5 274.6 413.5 258.9L345 151.2z"/></svg>'); }
  .section__pref--areafaq .ranking_wrap dl {
    margin-bottom: 20px; }
    .section__pref--areafaq .ranking_wrap dl:last-child {
      margin-bottom: 0; }
    .section__pref--areafaq .ranking_wrap dl dt {
      font-size: 1.1rem;
      font-weight: bold;
      margin-bottom: 20px;
      color: #009944;
      display: flex;
      align-items: center;
      line-height: 1.5; }
      @media (max-width: 480px) {
        .section__pref--areafaq .ranking_wrap dl dt {
          font-size: 1rem; } }
      .section__pref--areafaq .ranking_wrap dl dt:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 10px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 640 640" width="30" fill="%23009944"><path d="M416.9 85.2L372 130.1L509.9 268L554.8 223.1C568.4 209.6 576 191.2 576 172C576 152.8 568.4 134.4 554.8 120.9L519.1 85.2C505.6 71.6 487.2 64 468 64C448.8 64 430.4 71.6 416.9 85.2zM338.1 164L122.9 379.1C112.2 389.8 104.4 403.2 100.3 417.8L64.9 545.6C62.6 553.9 64.9 562.9 71.1 569C77.3 575.1 86.2 577.5 94.5 575.2L222.3 539.7C236.9 535.6 250.2 527.9 261 517.1L476 301.9L338.1 164z"/></svg>');
        background-size: 100%;
        background-repeat: no-repeat; }
        @media (max-width: 480px) {
          .section__pref--areafaq .ranking_wrap dl dt:before {
            width: 24px;
            height: 24px;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 640 640" width="24" fill="%23009944"><path d="M416.9 85.2L372 130.1L509.9 268L554.8 223.1C568.4 209.6 576 191.2 576 172C576 152.8 568.4 134.4 554.8 120.9L519.1 85.2C505.6 71.6 487.2 64 468 64C448.8 64 430.4 71.6 416.9 85.2zM338.1 164L122.9 379.1C112.2 389.8 104.4 403.2 100.3 417.8L64.9 545.6C62.6 553.9 64.9 562.9 71.1 569C77.3 575.1 86.2 577.5 94.5 575.2L222.3 539.7C236.9 535.6 250.2 527.9 261 517.1L476 301.9L338.1 164z"/></svg>'); } }
    .section__pref--areafaq .ranking_wrap dl dd {
      margin-bottom: 20px; }
      .section__pref--areafaq .ranking_wrap dl dd:last-child {
        margin-bottom: 0; }
      .section__pref--areafaq .ranking_wrap dl dd p, .section__pref--areafaq .ranking_wrap dl dd li {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 20px;
        font-weight: bold; }
        .section__pref--areafaq .ranking_wrap dl dd p:last-child, .section__pref--areafaq .ranking_wrap dl dd li:last-child {
          margin-bottom: 0; }
        @media (max-width: 480px) {
          .section__pref--areafaq .ranking_wrap dl dd p, .section__pref--areafaq .ranking_wrap dl dd li {
            font-size: 0.9rem; } }
      .section__pref--areafaq .ranking_wrap dl dd li {
        display: flex;
        align-items: center; }
        .section__pref--areafaq .ranking_wrap dl dd li:before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          margin-right: 10px;
          background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 640 640" width="20" fill="%23009944"><path d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/></svg>');
          background-size: 100%;
          background-repeat: no-repeat; }
      .section__pref--areafaq .ranking_wrap dl dd p {
        text-decoration: underline 5px #FFE0F0; }

.section__pref--planarea {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 20px auto;
  padding: 20px;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #c2f3ff 5px, #c2f3ff 7px); }
  @media (max-width: 480px) {
    .section__pref--planarea {
      padding: 10px; } }
  .section__pref--planarea > .inner {
    background: #ffffff;
    padding: 20px; }
    @media (max-width: 480px) {
      .section__pref--planarea > .inner {
        padding: 10px; } }
  .section__pref--planarea .inner > h2 {
    text-align: center !important;
    margin: 0 auto 20px auto;
    color: #14A8CC;
    font-weight: bold;
    line-height: 1.5;
    font-size: 1.6rem;
    padding: 0;
    background: none !important;
    border-bottom: none !important;
    width: 100%;
    display: block; }
    @media (max-width: 480px) {
      .section__pref--planarea .inner > h2 {
        font-size: 1.1rem; } }
    .section__pref--planarea .inner > h2:before {
      content: '';
      width: 30px;
      height: 30px;
      border-left: 1px solid #14A8CC;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      transform: rotate(-30deg);
      display: inline-block; }
      @media (max-width: 480px) {
        .section__pref--planarea .inner > h2:before {
          width: 20px;
          height: 20px; } }
    .section__pref--planarea .inner > h2:after {
      content: '';
      width: 30px;
      height: 30px;
      border-right: 1px solid #14A8CC;
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
      transform: rotate(30deg);
      display: inline-block; }
      @media (max-width: 480px) {
        .section__pref--planarea .inner > h2:after {
          width: 20px;
          height: 20px; } }
  .section__pref--planarea .plan_area_card {
    margin-bottom: 20px;
    padding: 0 20px 20px 20px; }
    @media (max-width: 480px) {
      .section__pref--planarea .plan_area_card {
        padding: 0 10px 10px 10px; } }
    .section__pref--planarea .plan_area_card h3 {
      background: #14A8CC;
      color: #ffffff;
      font-size: 1.4rem;
      font-weight: bold;
      padding: 20px;
      text-align: center;
      position: relative;
      margin-bottom: 20px;
      line-height: 1.5; }
      @media (max-width: 480px) {
        .section__pref--planarea .plan_area_card h3 {
          font-size: 1.1rem; } }
      .section__pref--planarea .plan_area_card h3:before {
        content: '';
        width: 100%;
        height: 5px;
        border-bottom: 1px solid #ffffff;
        position: absolute;
        top: 0;
        left: 0; }
      .section__pref--planarea .plan_area_card h3:after {
        content: '';
        width: 100%;
        height: 5px;
        border-top: 1px solid #ffffff;
        position: absolute;
        bottom: 0;
        left: 0; }
    .section__pref--planarea .plan_area_card dt {
      border-left: 5px solid #14A8CC;
      padding: 10px 0 10px 10px;
      font-weight: bold; }
    .section__pref--planarea .plan_area_card dd {
      padding: 10px 0;
      margin-bottom: 20px; }
      .section__pref--planarea .plan_area_card dd:last-child {
        margin-bottom: 0; }
      .section__pref--planarea .plan_area_card dd p, .section__pref--planarea .plan_area_card dd li {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 20px;
        font-weight: bold; }
        .section__pref--planarea .plan_area_card dd p:last-child, .section__pref--planarea .plan_area_card dd li:last-child {
          margin-bottom: 0; }
        @media (max-width: 480px) {
          .section__pref--planarea .plan_area_card dd p, .section__pref--planarea .plan_area_card dd li {
            font-size: 0.9rem; } }
      .section__pref--planarea .plan_area_card dd p {
        text-decoration: underline 5px #FFE0F0; }
      .section__pref--planarea .plan_area_card dd li {
        display: flex;
        align-items: center; }
        .section__pref--planarea .plan_area_card dd li:before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          margin-right: 10px;
          background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 640 640" width="20" fill="%2314A8CC"><path d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/></svg>');
          background-size: 100%;
          background-repeat: no-repeat; }

.section__pref--uservoice {
  width: 100%;
  max-width: 980px;
  margin: auto;
  padding: 20px;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #fbd381 5px, #fbd381 7px); }
  @media (max-width: 480px) {
    .section__pref--uservoice {
      padding: 10px; } }
  .section__pref--uservoice > .inner {
    background: #ffffff;
    padding: 20px; }
    @media (max-width: 480px) {
      .section__pref--uservoice > .inner {
        padding: 10px; } }
  .section__pref--uservoice .inner > h2 {
    text-align: center !important;
    margin: 0 auto 20px auto;
    color: #F8B62D;
    font-weight: bold;
    line-height: 1.5;
    font-size: 1.6rem;
    padding: 0;
    background: none !important;
    border-bottom: none !important;
    width: 100%;
    display: block; }
    @media (max-width: 480px) {
      .section__pref--uservoice .inner > h2 {
        font-size: 1.1rem; } }
    .section__pref--uservoice .inner > h2:before {
      content: '';
      width: 30px;
      height: 30px;
      border-left: 1px solid #F8B62D;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      transform: rotate(-30deg);
      display: inline-block; }
      @media (max-width: 480px) {
        .section__pref--uservoice .inner > h2:before {
          width: 20px;
          height: 20px; } }
    .section__pref--uservoice .inner > h2:after {
      content: '';
      width: 30px;
      height: 30px;
      border-right: 1px solid #F8B62D;
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
      transform: rotate(30deg);
      display: inline-block; }
      @media (max-width: 480px) {
        .section__pref--uservoice .inner > h2:after {
          width: 20px;
          height: 20px; } }
  .section__pref--uservoice .example_card {
    border-top: 1px solid #cccccc;
    padding: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 20px;
    display: flex;
    width: 100%;
    flex-flow: row wrap; }
    .section__pref--uservoice .example_card:last-child {
      margin-bottom: 0; }
    @media (max-width: 480px) {
      .section__pref--uservoice .example_card {
        padding: 10px; } }
  .section__pref--uservoice .example_card dt {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 20px;
    width: 100%;
    font-weight: bold; }
    @media (max-width: 480px) {
      .section__pref--uservoice .example_card dt {
        font-size: 1.1rem; } }
    .section__pref--uservoice .example_card dt:before {
      content: '';
      width: 40px;
      height: 40px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      display: block;
      margin-right: 10px;
      background-size: 80%;
      background-repeat: no-repeat;
      background-position: center center; }
      @media (max-width: 480px) {
        .section__pref--uservoice .example_card dt:before {
          width: 30px;
          height: 30px; } }
  .section__pref--uservoice .inner .example_card:nth-of-type(1) dt:before, .section__pref--uservoice .inner .example_card:nth-of-type(3) dt:before, .section__pref--uservoice .inner .example_card:nth-of-type(5) dt:before {
    background-color: #D0EEF5;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 480 480" width="30" fill="%2372CBE0"><path d="M306.39,293.09c-2.02-5.94-7.96-14.8-7.53-24.74,1.35-30.18,16.61-65.07,16.61-65.07,0,0,9.99-5.47,16.36-16.51,6.32-10.96,3.64-27.43,3.64-27.43,0,0-4.78-3.24-3.97-9,1.9-13.24,10.16-40.27,7.61-73.52-3.64-47.62-50.9-68.7-70.94-73.27-19.99-4.59-54.54-7.37-89.1,9.13-34.59,16.45-41.84,48.56-43.65,69.63-1.81,21.06,8.32,71.88,8.32,71.88,0,0-9.61,1.97-7.61,20,2.05,18.11,18.56,28.24,18.56,28.24,0,0,26.65,58.29,20.53,79.06-6.14,20.75-66.19,43.55-108.41,76.13C11.76,386.5.86,480,.86,480h478.28s-7.26-82.48-39.97-117.29c-32.77-34.82-124.59-45.83-132.78-69.62Z"/></svg>'); }
    @media (max-width: 480px) {
      .section__pref--uservoice .inner .example_card:nth-of-type(1) dt:before, .section__pref--uservoice .inner .example_card:nth-of-type(3) dt:before, .section__pref--uservoice .inner .example_card:nth-of-type(5) dt:before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 480 480" width="20" fill="%2372CBE0"><path d="M306.39,293.09c-2.02-5.94-7.96-14.8-7.53-24.74,1.35-30.18,16.61-65.07,16.61-65.07,0,0,9.99-5.47,16.36-16.51,6.32-10.96,3.64-27.43,3.64-27.43,0,0-4.78-3.24-3.97-9,1.9-13.24,10.16-40.27,7.61-73.52-3.64-47.62-50.9-68.7-70.94-73.27-19.99-4.59-54.54-7.37-89.1,9.13-34.59,16.45-41.84,48.56-43.65,69.63-1.81,21.06,8.32,71.88,8.32,71.88,0,0-9.61,1.97-7.61,20,2.05,18.11,18.56,28.24,18.56,28.24,0,0,26.65,58.29,20.53,79.06-6.14,20.75-66.19,43.55-108.41,76.13C11.76,386.5.86,480,.86,480h478.28s-7.26-82.48-39.97-117.29c-32.77-34.82-124.59-45.83-132.78-69.62Z"/></svg>'); } }
  .section__pref--uservoice .inner .example_card:nth-of-type(2) dt:before, .section__pref--uservoice .inner .example_card:nth-of-type(4) dt:before, .section__pref--uservoice .inner .example_card:nth-of-type(6) dt:before {
    background-color: #FCE0F0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 480 480" width="30" fill="%23F5A3D1"><path d="M436.31,364.55c-32.29-34.89-122.84-45.96-130.86-69.78-1.95-5.96-7.81-14.87-7.39-24.81.23-4.9.75-9.79,1.61-14.74,61.97.55,96.73,9.69,96.73,9.69,0,0-49.94-16.82-65.15-129.28.21-14.55-.78-34.6-2.53-57.62-3.57-47-39.92-68.17-59.89-73.22-14.37-5.16-29.87-6.04-44.97-3.18-13.8,1.3-28.85,4.82-43.95,12.13-34.03,16.51-32.1,48.66-33.93,69.83-.75,8.77-1.04,22.73-1.09,36.01-10.62,99.93-64.81,149.01-64.81,149.01,0,0,36.92-2.66,95.4-6.74,1.61,8.44,2.16,16.12.65,21.3-5.99,20.8-65.22,43.74-106.86,76.39C15.07,388.48,4.32,480,4.32,480h471.36c.05-.03-7.16-80.51-39.37-115.45Z"/></svg>'); }
    @media (max-width: 480px) {
      .section__pref--uservoice .inner .example_card:nth-of-type(2) dt:before, .section__pref--uservoice .inner .example_card:nth-of-type(4) dt:before, .section__pref--uservoice .inner .example_card:nth-of-type(6) dt:before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 480 480" width="20" fill="%23F5A3D1"><path d="M436.31,364.55c-32.29-34.89-122.84-45.96-130.86-69.78-1.95-5.96-7.81-14.87-7.39-24.81.23-4.9.75-9.79,1.61-14.74,61.97.55,96.73,9.69,96.73,9.69,0,0-49.94-16.82-65.15-129.28.21-14.55-.78-34.6-2.53-57.62-3.57-47-39.92-68.17-59.89-73.22-14.37-5.16-29.87-6.04-44.97-3.18-13.8,1.3-28.85,4.82-43.95,12.13-34.03,16.51-32.1,48.66-33.93,69.83-.75,8.77-1.04,22.73-1.09,36.01-10.62,99.93-64.81,149.01-64.81,149.01,0,0,36.92-2.66,95.4-6.74,1.61,8.44,2.16,16.12.65,21.3-5.99,20.8-65.22,43.74-106.86,76.39C15.07,388.48,4.32,480,4.32,480h471.36c.05-.03-7.16-80.51-39.37-115.45Z"/></svg>'); } }
  .section__pref--uservoice .example_card dd {
    padding: 0 20px 0 0;
    margin-bottom: 20px;
    width: 50%; }
    @media (max-width: 480px) {
      .section__pref--uservoice .example_card dd {
        width: 100%; } }
    .section__pref--uservoice .example_card dd:last-child {
      margin-bottom: 0; }
    .section__pref--uservoice .example_card dd p, .section__pref--uservoice .example_card dd li {
      font-size: 1rem;
      line-height: 1.5;
      margin-bottom: 20px;
      font-weight: bold; }
      .section__pref--uservoice .example_card dd p:last-child, .section__pref--uservoice .example_card dd li:last-child {
        margin-bottom: 0; }
      @media (max-width: 480px) {
        .section__pref--uservoice .example_card dd p, .section__pref--uservoice .example_card dd li {
          font-size: 0.9rem; } }
    .section__pref--uservoice .example_card dd p {
      text-decoration: underline 5px #FFE0F0; }
    .section__pref--uservoice .example_card dd li {
      display: flex;
      align-items: center; }
      .section__pref--uservoice .example_card dd li:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 640 640" width="20" fill="%23F8B62D"><path d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/></svg>');
        background-size: 100%;
        background-repeat: no-repeat; }
  .section__pref--uservoice .example_card dd:last-child {
    width: 100%; }

.fadeInDown {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  visibility: visible !important; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }