@charset "UTF-8";
.cookie {
  padding: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #FFEFEF;
  color: #C25338;
  border: 1px solid #D4440D;
  margin-top: 20px;
  text-align: left; }
  @media (max-width: 980px) {
    .cookie {
      padding: 1rem 1.5rem;
      font-size: 0.8rem;
      width: 90%;
      margin: 25px auto; } }

.navbar {
  position: relative;
  width: 100%;
  height: 54px;
  z-index: 120;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff; }
  .navbar--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; }
  .navbar__container {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 16px;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center; }
    @media (min-width: 980px) {
      .navbar__container {
        padding: 0 16px; } }
    @media (min-width: 1200px) {
      .navbar__container {
        padding: 0 50px; } }
  .navbar__toggler {
    display: flex;
    width: 24px;
    height: 20px;
    margin-right: 10px;
    flex-flow: column wrap;
    justify-content: space-around; }
    @media (min-width: 1401px) {
      .navbar__toggler {
        display: none !important; } }
    .navbar__toggler hr {
      margin: 0;
      padding: 0;
      color: #313131; }
  .navbar__logo {
    display: inline-block;
    width: 100px;
    margin-right: 24px;
    margin-bottom: 4px; }
  .navbar__logo-image {
    max-width: 100%;
    height: auto; }
  .navbar__nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-direction: row;
    align-items: center;
    letter-spacing: 0.03em; }
    .navbar__nav--action {
      margin-left: auto; }
      .navbar__nav--action .navbar__nav-item + .navbar__nav-item {
        margin-left: 8px; }
  @media (min-width: 980px) {
    .navbar__nav-item + .navbar__nav-item {
      margin-left: 4px; } }
  @media (min-width: 1200px) {
    .navbar__nav-item + .navbar__nav-item {
      margin-left: 16px; } }
  .navbar__nav-link {
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px; }
    .navbar__nav-link, .navbar__nav-link:hover {
      color: #313131 !important;
      text-decoration: none; }
    .navbar__nav-link:hover {
      border-bottom: 3px solid #054be1; }
  .navbar__nav-dropdown {
    position: relative; }
    @media (max-width: 530px) {
      .navbar__nav-dropdown {
        display: none; } }
    .navbar__nav-dropdown .navbar__nav-link {
      position: relative;
      height: 54px;
      line-height: 54px;
      padding-right: 32px; }
      .navbar__nav-dropdown .navbar__nav-link:hover {
        border-bottom: 0; }
      .navbar__nav-dropdown .navbar__nav-link::after {
        position: absolute;
        top: 50%;
        right: 8px;
        display: block;
        border-width: 0;
        border-style: solid;
        border-color: transparent;
        transform: translateY(-50%);
        content: '';
        width: 12px;
        height: 8px;
        border-top-width: 8px;
        border-top-color: #313131;
        border-left-width: 6px;
        border-right-width: 6px; }
    .navbar__nav-dropdown .menu {
      margin-top: -1px; }

@media screen and (max-width: 767px) {
  .sp-display-none {
    display: none; } }

@media (max-width: 1401px) {
  .hidden-1401 {
    display: none !important; } }

.drawer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  right: 100vw;
  z-index: 160; }
  .drawer--open {
    right: 0; }
    .drawer--open .drawer__backdrop {
      opacity: 1;
      transition-duration: 0.1s; }
    .drawer--open .drawer__container {
      transform: translate3d(256px, 0, 0);
      transition-duration: 0.1s; }
  .drawer__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 161;
    background-color: rgba(49, 49, 49, 0.4);
    opacity: 0;
    transition: opacity 0.1s ease; }
  .drawer__container {
    position: relative;
    left: -256px;
    width: 256px;
    height: 100vh;
    z-index: 162;
    overflow-y: scroll;
    color: #ffffff;
    font-weight: 300;
    background-color: #313131;
    transition: transform 0.1s ease-out; }
  .drawer__nav {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
    list-style: none; }
    .drawer__nav:last-child {
      margin-bottom: 60px;
      border: 0; }
  .drawer__nav-item--d2 .drawer__nav-link {
    padding-left: 40px; }
  .drawer__nav-link, .drawer__nav-btn-group {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px 20px; }
  .drawer__nav-link, .drawer__nav-link:hover {
    color: #ffffff;
    text-decoration: none; }
  .drawer__nav-btn-group {
    display: flex;
    justify-content: space-between; }
    .drawer__nav-btn-group .btn {
      width: 100px; }
  .drawer__nav-img {
    padding: 10px 20px; }

.footer {
  width: 100%;
  margin-bottom: 50px;
  padding-top: 24px;
  border-top: 1px solid #cccccc;
  text-align: center; }
  .footer__container {
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 980px) {
      .footer__container {
        width: 960px; } }
  .footer__sns-link {
    padding: 0 5%;
    margin-bottom: 16px;
    list-style: none; }
    .footer__sns-link li {
      display: inline-block;
      width: 5%; }
      .footer__sns-link li + li {
        margin-left: 5%; }
      .footer__sns-link li img {
        max-width: 100%; }
      @media (max-width: 980px) {
        .footer__sns-link li {
          width: 8%; } }
      @media (max-width: 530px) {
        .footer__sns-link li {
          width: 15%; } }
  .footer__nav {
    display: flex;
    margin-bottom: 16px;
    padding: 0;
    list-style: none;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 530px) {
      .footer__nav {
        display: none; } }
  .footer__copyright {
    display: block;
    font-size: 14px; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-center {
  align-items: center; }

.items-baseline {
  align-items: baseline; }

.items-stretch {
  align-items: stretch; }

@media screen and (min-width: 1120px) {
  .items-center-pc {
    align-items: center; } }

.bg-transparent {
  background-color: transparent; }

.bg-current {
  background-color: currentColor; }

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); }

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); }

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); }

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); }

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); }

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); }

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); }

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); }

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); }

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); }

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); }

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); }

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); }

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); }

.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); }

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); }

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); }

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); }

.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); }

.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); }

.bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); }

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); }

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); }

.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); }

.bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); }

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); }

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); }

.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); }

.bg-yellow-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); }

.bg-yellow-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); }

.bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); }

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); }

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); }

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); }

.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); }

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); }

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); }

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); }

.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); }

.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); }

.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); }

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); }

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); }

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); }

.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); }

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); }

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); }

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); }

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); }

.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); }

.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); }

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); }

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); }

.bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); }

.bg-indigo-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); }

.bg-indigo-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); }

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); }

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); }

.bg-indigo-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); }

.bg-indigo-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); }

.bg-indigo-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); }

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); }

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); }

.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); }

.bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); }

.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); }

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); }

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); }

.bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); }

.bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); }

.bg-purple-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); }

.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); }

.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); }

.bg-pink-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); }

.bg-pink-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); }

.bg-pink-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); }

.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); }

.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); }

.bg-pink-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); }

.bg-pink-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); }

.bg-pink-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); }

.border-transparent {
  border-color: transparent; }

.border-current {
  border-color: currentColor; }

.border-black {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity)); }

.border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-border-opacity)); }

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity)); }

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity)); }

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity)); }

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity)); }

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity)); }

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity)); }

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity)); }

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity)); }

.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity)); }

.border-red-50 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 242, 242, var(--tw-border-opacity)); }

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 226, 226, var(--tw-border-opacity)); }

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 202, 202, var(--tw-border-opacity)); }

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity)); }

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity)); }

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity)); }

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity)); }

.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgba(185, 28, 28, var(--tw-border-opacity)); }

.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgba(153, 27, 27, var(--tw-border-opacity)); }

.border-red-900 {
  --tw-border-opacity: 1;
  border-color: rgba(127, 29, 29, var(--tw-border-opacity)); }

.border-yellow-50 {
  --tw-border-opacity: 1;
  border-color: rgba(255, 251, 235, var(--tw-border-opacity)); }

.border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 243, 199, var(--tw-border-opacity)); }

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgba(253, 230, 138, var(--tw-border-opacity)); }

.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 211, 77, var(--tw-border-opacity)); }

.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-border-opacity)); }

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-border-opacity)); }

.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgba(217, 119, 6, var(--tw-border-opacity)); }

.border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgba(180, 83, 9, var(--tw-border-opacity)); }

.border-yellow-800 {
  --tw-border-opacity: 1;
  border-color: rgba(146, 64, 14, var(--tw-border-opacity)); }

.border-yellow-900 {
  --tw-border-opacity: 1;
  border-color: rgba(120, 53, 15, var(--tw-border-opacity)); }

.border-green-50 {
  --tw-border-opacity: 1;
  border-color: rgba(236, 253, 245, var(--tw-border-opacity)); }

.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 250, 229, var(--tw-border-opacity)); }

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgba(167, 243, 208, var(--tw-border-opacity)); }

.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgba(110, 231, 183, var(--tw-border-opacity)); }

.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgba(52, 211, 153, var(--tw-border-opacity)); }

.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity)); }

.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity)); }

.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgba(4, 120, 87, var(--tw-border-opacity)); }

.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgba(6, 95, 70, var(--tw-border-opacity)); }

.border-green-900 {
  --tw-border-opacity: 1;
  border-color: rgba(6, 78, 59, var(--tw-border-opacity)); }

.border-blue-50 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 246, 255, var(--tw-border-opacity)); }

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgba(219, 234, 254, var(--tw-border-opacity)); }

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgba(191, 219, 254, var(--tw-border-opacity)); }

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-border-opacity)); }

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity)); }

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity)); }

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity)); }

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity)); }

.border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgba(30, 64, 175, var(--tw-border-opacity)); }

.border-blue-900 {
  --tw-border-opacity: 1;
  border-color: rgba(30, 58, 138, var(--tw-border-opacity)); }

.border-indigo-50 {
  --tw-border-opacity: 1;
  border-color: rgba(238, 242, 255, var(--tw-border-opacity)); }

.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgba(224, 231, 255, var(--tw-border-opacity)); }

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgba(199, 210, 254, var(--tw-border-opacity)); }

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgba(165, 180, 252, var(--tw-border-opacity)); }

.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgba(129, 140, 248, var(--tw-border-opacity)); }

.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity)); }

.border-indigo-600 {
  --tw-border-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-border-opacity)); }

.border-indigo-700 {
  --tw-border-opacity: 1;
  border-color: rgba(67, 56, 202, var(--tw-border-opacity)); }

.border-indigo-800 {
  --tw-border-opacity: 1;
  border-color: rgba(55, 48, 163, var(--tw-border-opacity)); }

.border-indigo-900 {
  --tw-border-opacity: 1;
  border-color: rgba(49, 46, 129, var(--tw-border-opacity)); }

.border-purple-50 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 243, 255, var(--tw-border-opacity)); }

.border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgba(237, 233, 254, var(--tw-border-opacity)); }

.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgba(221, 214, 254, var(--tw-border-opacity)); }

.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgba(196, 181, 253, var(--tw-border-opacity)); }

.border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgba(167, 139, 250, var(--tw-border-opacity)); }

.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgba(139, 92, 246, var(--tw-border-opacity)); }

.border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgba(124, 58, 237, var(--tw-border-opacity)); }

.border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgba(109, 40, 217, var(--tw-border-opacity)); }

.border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgba(91, 33, 182, var(--tw-border-opacity)); }

.border-purple-900 {
  --tw-border-opacity: 1;
  border-color: rgba(76, 29, 149, var(--tw-border-opacity)); }

.border-pink-50 {
  --tw-border-opacity: 1;
  border-color: rgba(253, 242, 248, var(--tw-border-opacity)); }

.border-pink-100 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 231, 243, var(--tw-border-opacity)); }

.border-pink-200 {
  --tw-border-opacity: 1;
  border-color: rgba(251, 207, 232, var(--tw-border-opacity)); }

.border-pink-300 {
  --tw-border-opacity: 1;
  border-color: rgba(249, 168, 212, var(--tw-border-opacity)); }

.border-pink-400 {
  --tw-border-opacity: 1;
  border-color: rgba(244, 114, 182, var(--tw-border-opacity)); }

.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgba(236, 72, 153, var(--tw-border-opacity)); }

.border-pink-600 {
  --tw-border-opacity: 1;
  border-color: rgba(219, 39, 119, var(--tw-border-opacity)); }

.border-pink-700 {
  --tw-border-opacity: 1;
  border-color: rgba(190, 24, 93, var(--tw-border-opacity)); }

.border-pink-800 {
  --tw-border-opacity: 1;
  border-color: rgba(157, 23, 77, var(--tw-border-opacity)); }

.border-pink-900 {
  --tw-border-opacity: 1;
  border-color: rgba(131, 24, 67, var(--tw-border-opacity)); }

.border-solid {
  border-style: solid; }

.border-dashed {
  border-style: dashed; }

.border-dotted {
  border-style: dotted; }

.border-double {
  border-style: double; }

.border-none {
  border-style: none; }

.border-0 {
  border-width: 0px; }

.border-2 {
  border-width: 2px; }

.border-4 {
  border-width: 4px; }

.border-8 {
  border-width: 8px; }

.border {
  border-width: 1px; }

.border-t-0 {
  border-top-width: 0px; }

.border-t-2 {
  border-top-width: 2px; }

.border-t-4 {
  border-top-width: 4px; }

.border-t-8 {
  border-top-width: 8px; }

.border-t {
  border-top-width: 1px; }

.border-r-0 {
  border-right-width: 0px; }

.border-r-2 {
  border-right-width: 2px; }

.border-r-4 {
  border-right-width: 4px; }

.border-r-8 {
  border-right-width: 8px; }

.border-r {
  border-right-width: 1px; }

.border-b-0 {
  border-bottom-width: 0px; }

.border-b-2 {
  border-bottom-width: 2px; }

.border-b-4 {
  border-bottom-width: 4px; }

.border-b-8 {
  border-bottom-width: 8px; }

.border-b {
  border-bottom-width: 1px; }

.border-l-0 {
  border-left-width: 0px; }

.border-l-2 {
  border-left-width: 2px; }

.border-l-4 {
  border-left-width: 4px; }

.border-l-8 {
  border-left-width: 8px; }

.border-l {
  border-left-width: 1px; }

.rounded-none {
  border-radius: 0px; }

.rounded-sm {
  border-radius: 0.125rem;
  /* 2px */ }

.rounded {
  border-radius: 0.25rem;
  /* 4px */ }

.rounded-md {
  border-radius: 0.375rem;
  /* 6px */ }

.rounded-lg {
  border-radius: 0.5rem;
  /* 8px */ }

.rounded-xl {
  border-radius: 0.75rem;
  /* 12px */ }

.rounded-2xl {
  border-radius: 1rem;
  /* 16px */ }

.rounded-3xl {
  border-radius: 1.5rem;
  /* 24px */ }

.rounded-full {
  border-radius: 9999px; }

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  /* 2px */
  border-top-right-radius: 0.125rem;
  /* 2px */ }

.rounded-t {
  border-top-left-radius: 0.25rem;
  /* 4px */
  border-top-right-radius: 0.25rem;
  /* 4px */ }

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  /* 6px */
  border-top-right-radius: 0.375rem;
  /* 6px */ }

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  /* 8px */
  border-top-right-radius: 0.5rem;
  /* 8px */ }

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  /* 12px */
  border-top-right-radius: 0.75rem;
  /* 12px */ }

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  /* 16px */
  border-top-right-radius: 1rem;
  /* 16px */ }

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  /* 24px */
  border-top-right-radius: 1.5rem;
  /* 24px */ }

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px; }

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  /* 2px */
  border-bottom-right-radius: 0.125rem;
  /* 2px */ }

.rounded-r {
  border-top-right-radius: 0.25rem;
  /* 4px */
  border-bottom-right-radius: 0.25rem;
  /* 4px */ }

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  /* 6px */
  border-bottom-right-radius: 0.375rem;
  /* 6px */ }

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  /* 8px */
  border-bottom-right-radius: 0.5rem;
  /* 8px */ }

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  /* 12px */
  border-bottom-right-radius: 0.75rem;
  /* 12px */ }

.rounded-r-2xl {
  border-top-right-radius: 1rem;
  /* 16px */
  border-bottom-right-radius: 1rem;
  /* 16px */ }

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  /* 24px */
  border-bottom-right-radius: 1.5rem;
  /* 24px */ }

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px; }

.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; }

.rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  /* 2px */
  border-bottom-left-radius: 0.125rem;
  /* 2px */ }

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  /* 4px */
  border-bottom-left-radius: 0.25rem;
  /* 4px */ }

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  /* 6px */
  border-bottom-left-radius: 0.375rem;
  /* 6px */ }

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  /* 8px */
  border-bottom-left-radius: 0.5rem;
  /* 8px */ }

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  /* 12px */
  border-bottom-left-radius: 0.75rem;
  /* 12px */ }

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  /* 16px */
  border-bottom-left-radius: 1rem;
  /* 16px */ }

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  /* 24px */
  border-bottom-left-radius: 1.5rem;
  /* 24px */ }

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px; }

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  /* 2px */
  border-bottom-left-radius: 0.125rem;
  /* 2px */ }

.rounded-l {
  border-top-left-radius: 0.25rem;
  /* 4px */
  border-bottom-left-radius: 0.25rem;
  /* 4px */ }

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  /* 6px */
  border-bottom-left-radius: 0.375rem;
  /* 6px */ }

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  /* 8px */
  border-bottom-left-radius: 0.5rem;
  /* 8px */ }

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  /* 12px */
  border-bottom-left-radius: 0.75rem;
  /* 12px */ }

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  /* 16px */
  border-bottom-left-radius: 1rem;
  /* 16px */ }

.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  /* 24px */
  border-bottom-left-radius: 1.5rem;
  /* 24px */ }

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px; }

.rounded-tl-none {
  border-top-left-radius: 0px; }

.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
  /* 2px */ }

.rounded-tl {
  border-top-left-radius: 0.25rem;
  /* 4px */ }

.rounded-tl-md {
  border-top-left-radius: 0.375rem;
  /* 6px */ }

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
  /* 8px */ }

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
  /* 12px */ }

.rounded-tl-2xl {
  border-top-left-radius: 1rem;
  /* 16px */ }

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem;
  /* 24px */ }

.rounded-tl-full {
  border-top-left-radius: 9999px; }

.rounded-tr-none {
  border-top-right-radius: 0px; }

.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
  /* 2px */ }

.rounded-tr {
  border-top-right-radius: 0.25rem;
  /* 4px */ }

.rounded-tr-md {
  border-top-right-radius: 0.375rem;
  /* 6px */ }

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
  /* 8px */ }

.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
  /* 12px */ }

.rounded-tr-2xl {
  border-top-right-radius: 1rem;
  /* 16px */ }

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
  /* 24px */ }

.rounded-tr-full {
  border-top-right-radius: 9999px; }

.rounded-br-none {
  border-bottom-right-radius: 0px; }

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
  /* 2px */ }

.rounded-br {
  border-bottom-right-radius: 0.25rem;
  /* 4px */ }

.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
  /* 6px */ }

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
  /* 8px */ }

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
  /* 12px */ }

.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
  /* 16px */ }

.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem;
  /* 24px */ }

.rounded-br-full {
  border-bottom-right-radius: 9999px; }

.rounded-bl-none {
  border-bottom-left-radius: 0px; }

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
  /* 2px */ }

.rounded-bl {
  border-bottom-left-radius: 0.25rem;
  /* 4px */ }

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
  /* 6px */ }

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
  /* 8px */ }

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
  /* 12px */ }

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
  /* 16px */ }

.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
  /* 24px */ }

.rounded-bl-full {
  border-bottom-left-radius: 9999px; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

.flex {
  display: flex; }

@media screen and (min-width: 1120px) {
  .flex-pc {
    display: flex; } }

.inline-flex {
  display: inline-flex; }

.table {
  display: table; }

.inline-table {
  display: inline-table; }

.table-caption {
  display: table-caption; }

.table-cell {
  display: table-cell; }

.table-column {
  display: table-column; }

.table-column-group {
  display: table-column-group; }

.table-footer-group {
  display: table-footer-group; }

.table-header-group {
  display: table-header-group; }

.table-row-group {
  display: table-row-group; }

.table-row {
  display: table-row; }

.flow-root {
  display: flow-root; }

.grid {
  display: grid; }

.inline-grid {
  display: inline-grid; }

.contents {
  display: contents; }

.list-item {
  display: list-item; }

.hidden {
  display: none; }

.flex-row {
  flex-direction: row; }

.flex-row-reverse {
  flex-direction: row-reverse; }

.flex-col {
  flex-direction: column; }

.flex-col-reverse {
  flex-direction: column-reverse; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse; }

.flex-nowrap {
  flex-wrap: nowrap; }

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem; }

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem; }

.text-base {
  font-size: 1rem;
  line-height: 1.5rem; }

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem; }

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem; }

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem; }

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem; }

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem; }

.text-5xl {
  font-size: 3rem;
  line-height: 1; }

.text-6xl {
  font-size: 3.75rem;
  line-height: 1; }

@media (max-width: 690px) {
  .md-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem; }
  .md-text-base {
    font-size: 1rem;
    line-height: 1.5rem; }
  .md-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem; }
  .md-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem; }
  .md-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem; }
  .md-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem; }
  .md-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem; } }

.font-thin {
  font-weight: 100; }

.font-extralight {
  font-weight: 200; }

.font-light {
  font-weight: 300; }

.font-normal {
  font-weight: 400; }

.font-medium {
  font-weight: 500; }

.font-semibold {
  font-weight: 600; }

.font-bold {
  font-weight: 700; }

.font-extrabold {
  font-weight: 800; }

.font-black {
  font-weight: 900; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

@media screen and (min-width: 1120px) {
  .justify-center-pc {
    justify-content: center; } }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.justify-evenly {
  justify-content: space-evenly; }

.m-0 {
  margin: 0; }

.mt-0125 {
  margin-top: 0.125rem; }

.mt-1 {
  margin-top: 0.25rem; }

.mt-0375 {
  margin-top: 0.375rem; }

.mt-2 {
  margin-top: 0.5rem; }

.mt-0625 {
  margin-top: 0.625rem; }

.mt-3 {
  margin-top: 0.75rem; }

.mt-0875 {
  margin-top: 0.875rem; }

.mt-4 {
  margin-top: 1rem; }

.mt-5 {
  margin-top: 1.25rem; }

.mt-6 {
  margin-top: 1.5rem; }

.mt-7 {
  margin-top: 1.75rem; }

.mt-8 {
  margin-top: 2rem; }

.mt-9 {
  margin-top: 2.25rem; }

.mt-10 {
  margin-top: 2.5rem; }

.mt-11 {
  margin-top: 2.75rem; }

.mt-12 {
  margin-top: 3rem; }

.mt-14 {
  margin-top: 3.5rem; }

.mt-16 {
  margin-top: 4rem; }

.mt-20 {
  margin-top: 5rem; }

.mt-24 {
  margin-top: 6rem; }

.mt-28 {
  margin-top: 7rem; }

.mt-32 {
  margin-top: 8rem; }

.mt-36 {
  margin-top: 9rem; }

.mt-40 {
  margin-top: 10rem; }

.mb-0 {
  margin-bottom: 0px; }

.mb-px {
  margin-bottom: 1px; }

.mb-1 {
  margin-bottom: 0.25rem; }

.mb-2 {
  margin-bottom: 0.5rem; }

.mb-3 {
  margin-bottom: 0.75rem; }

.mb-4 {
  margin-bottom: 1rem; }

.mb-5 {
  margin-bottom: 1.25rem; }

.mb-6 {
  margin-bottom: 1.5rem; }

.mb-7 {
  margin-bottom: 1.75rem; }

.mb-8 {
  margin-bottom: 2rem; }

.mb-9 {
  margin-bottom: 2.25rem; }

.mb-10 {
  margin-bottom: 2.5rem; }

.mb-11 {
  margin-bottom: 2.75rem; }

.mb-12 {
  margin-bottom: 3rem; }

.mb-14 {
  margin-bottom: 3.5rem; }

.mb-16 {
  margin-bottom: 4rem; }

.mb-20 {
  margin-bottom: 5rem; }

.mb-24 {
  margin-bottom: 6rem; }

.mb-28 {
  margin-bottom: 7rem; }

.mb-32 {
  margin-bottom: 8rem; }

.mb-36 {
  margin-bottom: 9rem; }

.mb-40 {
  margin-bottom: 10rem; }

.mb-44 {
  margin-bottom: 11rem; }

.mb-48 {
  margin-bottom: 12rem; }

.mb-52 {
  margin-bottom: 13rem; }

.mb-56 {
  margin-bottom: 14rem; }

.mb-60 {
  margin-bottom: 15rem; }

.mb-64 {
  margin-bottom: 16rem; }

.mb-72 {
  margin-bottom: 18rem; }

.mb-80 {
  margin-bottom: 20rem; }

.mb-96 {
  margin-bottom: 24rem; }

.mb-auto {
  margin-bottom: auto; }

.mx-0 {
  margin-left: 0px;
  margin-right: 0px; }

.mx-px {
  margin-left: 1px;
  margin-right: 1px; }

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem; }

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.my-px {
  margin-top: 1px;
  margin-bottom: 1px; }

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

@media (max-width: 530px) {
  .sm-text-left {
    text-align: left !important; }
  .sm-text-center {
    text-align: center !important; }
  .sm-text-right {
    text-align: right !important; } }

.text-transparent {
  color: transparent; }

.text-current {
  color: currentColor; }

.text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity)); }

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.text-gray-50 {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity)); }

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity)); }

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity)); }

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity)); }

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity)); }

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity)); }

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity)); }

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity)); }

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity)); }

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity)); }

.text-red-50 {
  --tw-text-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-text-opacity)) !important; }

.text-red-100 {
  --tw-text-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-text-opacity)); }

.text-red-200 {
  --tw-text-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-text-opacity)); }

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity)); }

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity)); }

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity)) !important; }

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity)); }

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity)); }

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-text-opacity)); }

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-text-opacity)); }

.text-yellow-50 {
  --tw-text-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-text-opacity)); }

.text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-text-opacity)); }

.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-text-opacity)); }

.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-text-opacity)); }

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity)); }

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-text-opacity)); }

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-text-opacity)); }

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity)); }

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-text-opacity)); }

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-text-opacity)); }

.text-green-50 {
  --tw-text-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-text-opacity)) !important; }

.text-green-100 {
  --tw-text-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-text-opacity)); }

.text-green-200 {
  --tw-text-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-text-opacity)); }

.text-green-300 {
  --tw-text-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-text-opacity)); }

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-text-opacity)); }

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity)) !important; }

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity)); }

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity)); }

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-text-opacity)); }

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-text-opacity)); }

.text-blue-50 {
  --tw-text-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-text-opacity)); }

.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-text-opacity)); }

.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-text-opacity)); }

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity)); }

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity)); }

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity)); }

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity)); }

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity)); }

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity)); }

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-text-opacity)); }

.text-indigo-50 {
  --tw-text-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-text-opacity)); }

.text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-text-opacity)); }

.text-indigo-200 {
  --tw-text-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-text-opacity)); }

.text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-text-opacity)); }

.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-text-opacity)); }

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity)); }

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity)); }

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-text-opacity)); }

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-text-opacity)); }

.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-text-opacity)); }

.text-purple-50 {
  --tw-text-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-text-opacity)); }

.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-text-opacity)); }

.text-purple-200 {
  --tw-text-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-text-opacity)); }

.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-text-opacity)); }

.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-text-opacity)); }

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-text-opacity)); }

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-text-opacity)); }

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-text-opacity)); }

.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-text-opacity)); }

.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-text-opacity)); }

.text-pink-50 {
  --tw-text-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-text-opacity)); }

.text-pink-100 {
  --tw-text-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-text-opacity)); }

.text-pink-200 {
  --tw-text-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-text-opacity)); }

.text-pink-300 {
  --tw-text-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-text-opacity)); }

.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-text-opacity)); }

.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-text-opacity)); }

.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-text-opacity)); }

.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-text-opacity)); }

.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-text-opacity)); }

.text-pink-900 {
  --tw-text-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-text-opacity)); }

.underline {
  text-decoration: underline; }

.line-through {
  text-decoration: line-through; }

.no-underline {
  text-decoration: none; }

.leading-3 {
  line-height: .75rem; }

.leading-4 {
  line-height: 1rem; }

.leading-5 {
  line-height: 1.25rem; }

.leading-6 {
  line-height: 1.5rem; }

.leading-7 {
  line-height: 1.75rem; }

.leading-8 {
  line-height: 2rem; }

.leading-9 {
  line-height: 2.25rem; }

.leading-10 {
  line-height: 2.5rem; }

.leading-none {
  line-height: 1; }

.leading-tight {
  line-height: 1.25; }

.leading-snug {
  line-height: 1.375; }

.leading-normal {
  line-height: 1.5; }

.leading-relaxed {
  line-height: 1.625; }

.leading-loose {
  line-height: 2; }

.p-0 {
  padding: 0px; }

.p-px {
  padding: 1px; }

.p-1 {
  padding: 0.25rem; }

.p-2 {
  padding: 0.5rem; }

.p-3 {
  padding: 0.75rem; }

.p-4 {
  padding: 1rem; }

.p-5 {
  padding: 1.25rem; }

.p-6 {
  padding: 1.5rem; }

.p-7 {
  padding: 1.75rem; }

.p-8 {
  padding: 2rem; }

.p-9 {
  padding: 2.25rem; }

.p-10 {
  padding: 2.5rem; }

.p-11 {
  padding: 2.75rem; }

.p-12 {
  padding: 3rem; }

.p-14 {
  padding: 3.5rem; }

.p-16 {
  padding: 4rem; }

.p-20 {
  padding: 5rem; }

.p-24 {
  padding: 6rem; }

.p-28 {
  padding: 7rem; }

.p-32 {
  padding: 8rem; }

.p-36 {
  padding: 9rem; }

.p-40 {
  padding: 10rem; }

.p-44 {
  padding: 11rem; }

.p-48 {
  padding: 12rem; }

.p-52 {
  padding: 13rem; }

.p-56 {
  padding: 14rem; }

.p-60 {
  padding: 15rem; }

.p-64 {
  padding: 16rem; }

.p-72 {
  padding: 18rem; }

.p-80 {
  padding: 20rem; }

.p-96 {
  padding: 24rem; }

.px-0 {
  padding-left: 0px;
  padding-right: 0px; }

.px-px {
  padding-left: 1px;
  padding-right: 1px; }

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem; }

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem; }

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem; }

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem; }

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem; }

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem; }

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem; }

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem; }

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem; }

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem; }

.px-28 {
  padding-left: 7rem;
  padding-right: 7rem; }

.px-32 {
  padding-left: 8rem;
  padding-right: 8rem; }

.px-36 {
  padding-left: 9rem;
  padding-right: 9rem; }

.px-40 {
  padding-left: 10rem;
  padding-right: 10rem; }

.px-44 {
  padding-left: 11rem;
  padding-right: 11rem; }

.px-48 {
  padding-left: 12rem;
  padding-right: 12rem; }

.px-52 {
  padding-left: 13rem;
  padding-right: 13rem; }

.px-56 {
  padding-left: 14rem;
  padding-right: 14rem; }

.px-60 {
  padding-left: 15rem;
  padding-right: 15rem; }

.px-64 {
  padding-left: 16rem;
  padding-right: 16rem; }

.px-72 {
  padding-left: 18rem;
  padding-right: 18rem; }

.px-80 {
  padding-left: 20rem;
  padding-right: 20rem; }

.px-96 {
  padding-left: 24rem;
  padding-right: 24rem; }

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.py-px {
  padding-top: 1px;
  padding-bottom: 1px; }

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem; }

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem; }

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem; }

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem; }

.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem; }

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.py-36 {
  padding-top: 9rem;
  padding-bottom: 9rem; }

.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem; }

.py-44 {
  padding-top: 11rem;
  padding-bottom: 11rem; }

.py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem; }

.py-52 {
  padding-top: 13rem;
  padding-bottom: 13rem; }

.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem; }

.py-60 {
  padding-top: 15rem;
  padding-bottom: 15rem; }

.py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem; }

.py-72 {
  padding-top: 18rem;
  padding-bottom: 18rem; }

.py-80 {
  padding-top: 20rem;
  padding-bottom: 20rem; }

.py-96 {
  padding-top: 24rem;
  padding-bottom: 24rem; }

.pt-0 {
  padding-top: 0px; }

.pt-px {
  padding-top: 1px; }

.pt-1 {
  padding-top: 0.25rem; }

.pt-2 {
  padding-top: 0.5rem; }

.pt-3 {
  padding-top: 0.75rem; }

.pt-4 {
  padding-top: 1rem; }

.pt-5 {
  padding-top: 1.25rem; }

.pt-6 {
  padding-top: 1.5rem; }

.pt-7 {
  padding-top: 1.75rem; }

.pt-8 {
  padding-top: 2rem; }

.pt-9 {
  padding-top: 2.25rem; }

.pt-10 {
  padding-top: 2.5rem; }

.pt-11 {
  padding-top: 2.75rem; }

.pt-12 {
  padding-top: 3rem; }

.pt-14 {
  padding-top: 3.5rem; }

.pt-16 {
  padding-top: 4rem; }

.pt-20 {
  padding-top: 5rem; }

.pt-24 {
  padding-top: 6rem; }

.pt-28 {
  padding-top: 7rem; }

.pt-32 {
  padding-top: 8rem; }

.pt-36 {
  padding-top: 9rem; }

.pt-40 {
  padding-top: 10rem; }

.pt-44 {
  padding-top: 11rem; }

.pt-48 {
  padding-top: 12rem; }

.pt-52 {
  padding-top: 13rem; }

.pt-56 {
  padding-top: 14rem; }

.pt-60 {
  padding-top: 15rem; }

.pt-64 {
  padding-top: 16rem; }

.pt-72 {
  padding-top: 18rem; }

.pt-80 {
  padding-top: 20rem; }

.pt-96 {
  padding-top: 24rem; }

.pr-0 {
  padding-right: 0px; }

.pr-px {
  padding-right: 1px; }

.pr-1 {
  padding-right: 0.25rem; }

.pr-2 {
  padding-right: 0.5rem; }

.pr-3 {
  padding-right: 0.75rem; }

.pr-4 {
  padding-right: 1rem; }

.pr-5 {
  padding-right: 1.25rem; }

.pr-6 {
  padding-right: 1.5rem; }

.pr-7 {
  padding-right: 1.75rem; }

.pr-8 {
  padding-right: 2rem; }

.pr-9 {
  padding-right: 2.25rem; }

.pr-10 {
  padding-right: 2.5rem; }

.pr-11 {
  padding-right: 2.75rem; }

.pr-12 {
  padding-right: 3rem; }

.pr-14 {
  padding-right: 3.5rem; }

.pr-16 {
  padding-right: 4rem; }

.pr-20 {
  padding-right: 5rem; }

.pr-24 {
  padding-right: 6rem; }

.pr-28 {
  padding-right: 7rem; }

.pr-32 {
  padding-right: 8rem; }

.pr-36 {
  padding-right: 9rem; }

.pr-40 {
  padding-right: 10rem; }

.pr-44 {
  padding-right: 11rem; }

.pr-48 {
  padding-right: 12rem; }

.pr-52 {
  padding-right: 13rem; }

.pr-56 {
  padding-right: 14rem; }

.pr-60 {
  padding-right: 15rem; }

.pr-64 {
  padding-right: 16rem; }

.pr-72 {
  padding-right: 18rem; }

.pr-80 {
  padding-right: 20rem; }

.pr-96 {
  padding-right: 24rem; }

.pb-0 {
  padding-bottom: 0px; }

.pb-px {
  padding-bottom: 1px; }

.pb-1 {
  padding-bottom: 0.25rem; }

.pb-2 {
  padding-bottom: 0.5rem; }

.pb-3 {
  padding-bottom: 0.75rem; }

.pb-4 {
  padding-bottom: 1rem; }

.pb-5 {
  padding-bottom: 1.25rem; }

.pb-6 {
  padding-bottom: 1.5rem; }

.pb-7 {
  padding-bottom: 1.75rem; }

.pb-8 {
  padding-bottom: 2rem; }

.pb-9 {
  padding-bottom: 2.25rem; }

.pb-10 {
  padding-bottom: 2.5rem; }

.pb-11 {
  padding-bottom: 2.75rem; }

.pb-12 {
  padding-bottom: 3rem; }

.pb-14 {
  padding-bottom: 3.5rem; }

.pb-16 {
  padding-bottom: 4rem; }

.pb-20 {
  padding-bottom: 5rem; }

.pb-24 {
  padding-bottom: 6rem; }

.pb-28 {
  padding-bottom: 7rem; }

.pb-32 {
  padding-bottom: 8rem; }

.pb-36 {
  padding-bottom: 9rem; }

.pb-40 {
  padding-bottom: 10rem; }

.pb-44 {
  padding-bottom: 11rem; }

.pb-48 {
  padding-bottom: 12rem; }

.pb-52 {
  padding-bottom: 13rem; }

.pb-56 {
  padding-bottom: 14rem; }

.pb-60 {
  padding-bottom: 15rem; }

.pb-64 {
  padding-bottom: 16rem; }

.pb-72 {
  padding-bottom: 18rem; }

.pb-80 {
  padding-bottom: 20rem; }

.pb-96 {
  padding-bottom: 24rem; }

.pl-0 {
  padding-left: 0px; }

.pl-px {
  padding-left: 1px; }

.pl-1 {
  padding-left: 0.25rem; }

.pl-2 {
  padding-left: 0.5rem; }

.pl-3 {
  padding-left: 0.75rem; }

.pl-4 {
  padding-left: 1rem; }

.pl-5 {
  padding-left: 1.25rem; }

.pl-6 {
  padding-left: 1.5rem; }

.pl-7 {
  padding-left: 1.75rem; }

.pl-8 {
  padding-left: 2rem; }

.pl-9 {
  padding-left: 2.25rem; }

.pl-10 {
  padding-left: 2.5rem; }

.pl-11 {
  padding-left: 2.75rem; }

.pl-12 {
  padding-left: 3rem; }

.pl-14 {
  padding-left: 3.5rem; }

.pl-16 {
  padding-left: 4rem; }

.pl-20 {
  padding-left: 5rem; }

.pl-24 {
  padding-left: 6rem; }

.pl-28 {
  padding-left: 7rem; }

.pl-32 {
  padding-left: 8rem; }

.pl-36 {
  padding-left: 9rem; }

.pl-40 {
  padding-left: 10rem; }

.pl-44 {
  padding-left: 11rem; }

.pl-48 {
  padding-left: 12rem; }

.pl-52 {
  padding-left: 13rem; }

.pl-56 {
  padding-left: 14rem; }

.pl-60 {
  padding-left: 15rem; }

.pl-64 {
  padding-left: 16rem; }

.pl-72 {
  padding-left: 18rem; }

.pl-80 {
  padding-left: 20rem; }

.pl-96 {
  padding-left: 24rem; }

.z-0 {
  z-index: 0; }

.z-10 {
  z-index: 10; }

.z-20 {
  z-index: 20; }

.z-30 {
  z-index: 30; }

.z-40 {
  z-index: 40; }

.z-50 {
  z-index: 50; }

.z-auto {
  z-index: auto; }

.static {
  position: static; }

.fixed {
  position: fixed; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.sticky {
  position: sticky; }

.h-auto {
  height: auto; }

.min-h-full {
  min-height: 100%; }

.w-auto {
  width: auto; }

.min-w-full {
  min-width: 100%; }

.announcebar {
  margin-bottom: 8px;
  padding: 10px 12px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  text-align: center;
  font-size: 16px;
  line-height: 1.7; }

.spacing-mg-top {
  margin-top: 80px; }

@media screen and (min-width: 769px) {
  .hide_769 {
    display: none; } }

.menu {
  position: absolute;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  z-index: 80; }
  .menu--show {
    display: block; }
  .menu--right {
    right: 0;
    left: auto; }
  .menu__item {
    display: block;
    line-height: 2.4; }
    .menu__item + .menu__item {
      border-top: 1px solid #cccccc; }
  .menu__link {
    display: block;
    width: 100%;
    padding: 4px 24px;
    white-space: nowrap; }
    .menu__link {
      color: #313131;
      text-decoration: none; }
    .menu__link:hover {
      color: #ffffff;
      text-decoration: none;
      background-color: #cccccc; }

.display-inline {
  display: inline-block; }

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 25; }

.popup_inner {
  position: absolute;
  margin: auto;
  background: white;
  left: 25%;
  right: 25%;
  top: 25%;
  bottom: 30%; }
  @media (min-width: 981px) {
    .popup_inner {
      left: 13%;
      right: 13%;
      top: 18%;
      bottom: 30%; } }
  @media (max-width: 980px) {
    .popup_inner {
      left: 2%;
      right: 2%;
      top: 10%;
      bottom: 30%; } }
  @media (max-width: 530px) {
    .popup_inner {
      left: 4%;
      right: 4%;
      top: 10%;
      bottom: 20%; } }
  @media (max-width: 320px) {
    .popup_inner {
      left: 2%;
      right: 2%;
      top: 10%;
      bottom: 1%; } }

.mt-20 {
  margin-top: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.btn {
  display: inline-block;
  margin: 0;
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
  font-family: "Hiragino Sans", Arial, sans-serif;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  user-select: none;
  transition: all .1s; }
  .btn:hover, .btn:focus {
    cursor: pointer;
    text-decoration: none; }
  .btn--primary {
    color: #ffffff;
    background-color: #003CE0;
    border: 1px solid transparent; }
  .btn--primary:hover {
    color: #ffffff;
    background-color: #1462FF;
    border: 1px solid transparent; }
  .btn--primary[disabled], .btn--primary.btn--disabled {
    color: #ffffff;
    background-color: #99c7ea;
    border: 1px solid transparent; }
  .btn--secondary {
    color: #666666;
    background-color: #f4f4f4;
    border: 1px solid #666666; }
  .btn--secondary:hover {
    color: #999999;
    background-color: #f6f6f6;
    border: 1px solid #999999; }
  .btn--secondary[disabled], .btn--secondary.btn--disabled {
    color: #cccccc;
    background-color: #fbfbfb;
    border: 1px solid #cccccc; }
  .btn--danger {
    color: #ffffff;
    background-color: #c60000;
    border: 1px solid transparent; }
  .btn--danger:hover {
    color: #ffffff;
    background-color: #d13333;
    border: 1px solid transparent; }
  .btn--danger[disabled], .btn--danger.btn--disabled {
    color: #ffffff;
    background-color: #e89999;
    border: 1px solid transparent; }
  .btn--info {
    color: #003CE0;
    background-color: #ffffff;
    border: 1px solid #003CE0; }
  .btn--info:hover {
    color: #ffffff;
    background-color: #003CE0;
    border: 1px solid transparent; }
  .btn--info[disabled], .btn--info.btn--disabled {
    color: #cccccc;
    background-color: #ffffff;
    border: 1px solid #cccccc; }
  .btn--success {
    color: #ffffff;
    background-color: #009944;
    border: 1px solid transparent; }
  .btn--success:hover {
    color: #ffffff;
    background-color: #009944;
    border: 1px solid transparent; }
  .btn--success[disabled], .btn--success.btn--disabled {
    color: #ffffff;
    background-color: #009944;
    border: 1px solid transparent; }
  .btn--facebook {
    color: #ffffff;
    background-color: #3b5998;
    border: 1px solid #3b5998; }
  .btn--facebook:hover {
    color: #ffffff;
    background-color: #627aad;
    border: 1px solid fb-blue-hover; }
  .btn--facebook[disabled], .btn--facebook.btn--disabled {
    color: #ffffff;
    background-color: #b1bdd6;
    border: 1px solid #b1bdd6; }
  .btn--twitter {
    color: #ffffff;
    background-color: #00aced;
    border: 1px solid #00aced; }
  .btn--twitter:hover {
    color: #ffffff;
    background-color: #3DBCF1;
    border: 1px solid tw-blue-hover; }
  .btn--twitter[disabled], .btn--twitter.btn--disabled {
    color: #ffffff;
    background-color: #9BDEF8;
    border: 1px solid #9BDEF8; }
  .btn--full {
    width: 100%; }
  .btn, .btn--lg {
    height: 48px;
    padding: 15px 19px;
    font-size: 16px; }
  .btn--xl {
    height: 65px;
    width: 300px; }
  .btn--sm {
    height: 32px;
    padding: 8px 10px;
    font-size: 14px; }
  .btn--xs {
    height: 30px;
    padding: 7px 9px;
    font-size: 14px; }
    @media (max-width: 530px) {
      .btn--xs {
        height: 28px;
        font-size: 12px; } }
  .btn--withsub {
    padding-top: 8px; }
    .btn--withsub small {
      font-size: 0.5em; }
  .btn--heightimport {
    height: 48px !important; }
  .btn--outline-danger {
    background-color: #ffffff;
    color: #c60000;
    border: 1px solid #c60000; }
    .btn--outline-danger:hover, .btn--outline-danger:active {
      background-color: #c60000;
      color: #ffffff; }
  .btn--signup-fixed, .btn--login-fixed {
    border-radius: 4px;
    text-decoration: none !important; }
    @media (max-width: 530px) {
      .btn--signup-fixed, .btn--login-fixed {
        padding: 8px 8px;
        font-size: 10px;
        font-weight: 300; } }
  .btn--hero-fixed {
    padding: 12px 20px;
    font-size: 20px;
    letter-spacing: 0.3em;
    background: linear-gradient(90deg, #1462FF, #002A99);
    color: white;
    border-radius: 2em;
    width: 100%; }
    @media (max-width: 320px) {
      .btn--hero-fixed {
        letter-spacing: 0.1em; } }
    .btn--hero-fixed:hover {
      color: #003CE0;
      background: rgba(255, 255, 255, 0.9);
      border: solid 2px #002A99; }
  .btn--sell-fixed {
    margin-bottom: 30px;
    margin-top: 35px;
    background: linear-gradient(90deg, #002A99, #1462FF); }
    .btn--sell-fixed:hover {
      color: #003CE0;
      background: rgba(255, 255, 255, 0.9);
      border: solid 2px #1462FF; }
    @media (max-width: 530px) {
      .btn--sell-fixed {
        margin-bottom: 10px; } }
  .btn--sell2-fixed {
    letter-spacing: 0.3em; }
  .btn--omakase-lp-btn {
    letter-spacing: 0.2em; }
  .btn--sell2-sticky {
    width: 25%; }
  .btn--green {
    background: #32CD32;
    color: #FFFFFF;
    border: solid 2px #33CC33; }
    .btn--green:hover {
      background: #00EE00;
      border: solid 2px #33CC33;
      color: #FFFFFF; }
  .btn--dark-green {
    background: #65C94D;
    color: #FFFFFF;
    border: solid 2px #65C94D; }
    .btn--dark-green:hover {
      background: #00EE00;
      border: solid 2px #33CC33;
      color: #FFFFFF; }
  .btn--omakase-fixed {
    background: linear-gradient(90deg, #002A99, #1462FF);
    color: #FFFFFF;
    box-shadow: 2px 2px 5px #555; }
    .btn--omakase-fixed:hover {
      color: #003CE0;
      background: rgba(255, 255, 255, 0.9);
      border: solid 2px #1462FF; }
  .btn--check-fixed {
    color: #003CE0;
    background-color: #FFFFFF;
    border: solid 2px #003CE0;
    margin-top: 25px;
    box-shadow: 2px 2px 5px #555; }
    .btn--check-fixed:hover {
      color: #FFFFFF;
      background-color: #003CE0; }
    @media (max-width: 530px) {
      .btn--check-fixed {
        margin-top: 15px; } }
  .btn--vibration {
    animation: bururi 1s infinite; }

@keyframes bururi {
  50% {
    transform: scale(1, 1); }
  52% {
    transform: scale(0.98, 0.95); }
  54% {
    transform: scale(1, 1); }
  56% {
    transform: scale(0.98, 0.95); }
  58% {
    transform: scale(1, 1); }
  60% {
    transform: scale(0.98, 0.95); } }

.btn--disabled,
.btn[disabled],
a.btn--disabled {
  pointer-events: none; }

.btn--fullWidth {
  width: 90%;
  display: block;
  margin: 15px auto; }

.btn--halfWidth {
  width: 50%;
  display: block;
  margin: 15px auto; }

@media (max-width: 980px) {
  .hidden-tb {
    display: none !important; } }

@media (max-width: 980px) {
  .display-block-tb {
    display: block !important; } }

@media (max-width: 530px) {
  .hidden-sm {
    display: none !important; } }

@media (max-width: 530px) {
  .display-block-sm {
    display: block !important; } }

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0 !important; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: inherit;
  /* 2 */ }

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */ }

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: .67em 0; }

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse; }

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  color: inherit;
  font-size: inherit;
  line-height: inherit; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */ }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation; }

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress; }

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer; }

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute; }

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default; }

*,
*::before,
*::after {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 600; }

ul, ol, li {
  margin: 0;
  padding: 0; }

dl, dt, dd {
  margin: 0;
  padding: 0; }

p {
  margin: 0; }

strong {
  font-weight: 600; }

body {
  font-family: "Hiragino Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  color: #313131;
  text-align: left;
  background-color: #ffffff; }

a {
  color: #003CE0;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #2e66ff;
    text-decoration: none; }
  a.box-content {
    color: #313131; }

small {
  font-size: 12px; }

@media (max-width: 530px) {
  .container, .main-visual__container {
    width: 100vw !important;
    margin-top: 10%;
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 980px) {
  .container, .main-visual__container {
    width: 530px;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 980px) {
  .container, .main-visual__container {
    width: 680px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 530px) {
  .lp-container {
    width: 100vw;
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 980px) {
  .lp-container {
    width: 980px;
    margin-left: auto;
    margin-right: auto; } }

.layout-container {
  position: relative; }

.main {
  width: 100%;
  margin: 0; }
  @media (max-width: 530px) {
    .main {
      padding-top: 15px; }
      .main .main__sticky {
        margin-top: -16px; } }
  @media (min-width: 531px) {
    .main {
      padding-top: 0px; }
      .main .main__sticky {
        margin-top: -40px; } }
  @media (max-width: 530px) {
    .navbar--fixed ~ .main .main__sticky, .main--navbar-spaced .main__sticky {
      margin-top: -16px; } }
  @media (min-width: 980px) {
    .navbar--fixed ~ .main .main__sticky, .main--navbar-spaced .main__sticky {
      margin-top: -40px; } }
  .alert + .main__sticky {
    margin-top: 0; }

.estimate-header {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 32px; }
  @media (max-width: 530px) {
    .estimate-header {
      margin-left: -15px;
      margin-right: -15px; } }
  .estimate-header__thumbnail {
    width: 100%; }
  .estimate-header__thumbnail-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    .estimate-header__thumbnail-image::before {
      display: block;
      padding-top: 56.25%;
      content: ''; }
  .estimate-header__content {
    position: relative;
    display: flex;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid #cccccc;
    flex-flow: column nowrap; }
    @media (max-width: 530px) {
      .estimate-header__content {
        padding-left: 16px; } }
  .estimate-header__headline {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #313131;
    order: 2; }
    @media (min-width: 980px) {
      .estimate-header__headline {
        font-size: 20px; } }
  .estimate-header__cargrade {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #313131;
    order: 2; }
    @media (min-width: 980px) {
      .estimate-header__cargrade {
        font-size: 16px; } }
  .estimate-header__cardetail {
    order: 3; }
  .estimate-header__subheadline {
    color: #666666;
    font-size: 14px;
    font-weight: 300; }
  .estimate-header__counter {
    display: flex; }
    .estimate-header__counter .card-container {
      width: auto;
      margin-right: 16px; }
    .estimate-header__counter--column {
      display: flex;
      flex-direction: column; }
      .estimate-header__counter--column .card-container .card {
        margin-right: 16px;
        margin-bottom: 8px; }
  .estimate-header__timestamp {
    font-size: 12px;
    order: 1; }
  .estimate-header__price {
    order: 4; }
  .estimate-header__timestamp, .estimate-header__price {
    text-align: right;
    color: #666666; }
    @media (max-width: 530px) {
      .estimate-header__timestamp, .estimate-header__price {
        padding-right: 16px; } }

.listing-header {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 32px; }
  @media (max-width: 530px) {
    .listing-header {
      margin-left: -15px;
      margin-right: -15px; } }
  .listing-header__thumbnail {
    width: 100%; }
  .listing-header__thumbnail-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    .listing-header__thumbnail-image::before {
      display: block;
      padding-top: 56.25%;
      content: ''; }
  .listing-header__content {
    position: relative;
    display: flex;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid #cccccc;
    flex-flow: column nowrap; }
    @media (max-width: 530px) {
      .listing-header__content {
        padding-left: 16px; } }
  .listing-header__headline {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #313131;
    order: 2; }
    @media (min-width: 980px) {
      .listing-header__headline {
        font-size: 20px; } }
  .listing-header__subheadline {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    order: 3; }
  .listing-header__counter {
    display: flex; }
    .listing-header__counter .card-container {
      width: auto;
      margin-right: 16px; }
    .listing-header__counter--column {
      display: flex;
      flex-direction: column; }
      .listing-header__counter--column .card-container .card {
        margin-right: 16px;
        margin-bottom: 8px; }
  .listing-header__timestamp {
    font-size: 12px;
    order: 1; }
  .listing-header__price {
    order: 4; }
  .listing-header__timestamp, .listing-header__price {
    text-align: right;
    color: #666666; }
    @media (max-width: 530px) {
      .listing-header__timestamp, .listing-header__price {
        padding-right: 16px; } }
  @media (min-width: 980px) {
    .listing-header--slim {
      /*border-bottom: 1px solid $outline-border-color;*/ }
      .listing-header--slim .listing-header__thumbnail {
        width: 40%; }
      .listing-header--slim .listing-header__content {
        width: 55%;
        margin-left: auto;
        padding-top: 0;
        border: 0; }
      .listing-header--slim .listing-header__timestamp {
        margin-bottom: 16px;
        text-align: left; } }
  .card .listing-header .listing-header,
  .card .listing-header .listing-header__content {
    border: 0; }
  @media (min-width: 980px) {
    .card .listing-header.listing-header--slim .listing-header__content {
      padding-top: 8px; } }
  a.card:hover .listing-header .listing-header__headline,
  a.card:hover .listing-header .listing-header__subheadline,
  a.card:hover .listing-header .listing-header__timestamp,
  a.card:hover .listing-header .listing-header__price {
    color: #1462FF; }

.like-header {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 32px; }
  .like-header__titlebar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #f4f4f4;
    color: #313131;
    padding: 10px 28px; }
    .like-header__titlebar--text {
      line-height: 1; }
      .like-header__titlebar--text h2 {
        font-size: 24px;
        margin-bottom: 10px; }
      .like-header__titlebar--text p {
        font-size: 14px; }
    .like-header__titlebar--box {
      font-size: 14px;
      display: flex;
      border: 1px solid #cccccc;
      align-items: center; }
      .like-header__titlebar--box > div {
        height: 100%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center; }
        .like-header__titlebar--box > div:first-child {
          border-right: 1px solid #cccccc; }
        .like-header__titlebar--box > div:last-child {
          background-color: #ffffff; }
      .like-header__titlebar--box p {
        padding: 0 20px;
        word-break: keep-all; }
        .like-header__titlebar--box p .price .price__value {
          font-size: 32px;
          line-height: 38px; }
        .like-header__titlebar--box p .price .price__unit {
          color: #313131; }
  .like-header__item {
    padding: 24px 16px;
    width: 100%;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 530px) {
      .like-header__item {
        flex-direction: column; } }
  .like-header__thumbnail {
    width: 40%; }
    @media (max-width: 530px) {
      .like-header__thumbnail {
        width: 100%;
        margin: 0 auto; } }
    .like-header__thumbnail--image {
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat; }
      .like-header__thumbnail--image::before {
        display: block;
        padding-top: 56.25%;
        content: ''; }
  .like-header__content {
    position: relative;
    display: flex;
    width: 55%;
    padding-top: 8px;
    padding-bottom: 16px;
    flex-flow: column nowrap; }
    .like-header__content__wrapper {
      display: flex;
      margin-bottom: 16px; }
      @media (max-width: 530px) {
        .like-header__content__wrapper {
          flex-direction: column; } }
    @media (max-width: 530px) {
      .like-header__content {
        width: 100%; } }
  .like-header__button {
    margin-top: 8px; }
    .like-header__button .btn {
      width: 100%; }
    @media (min-width: 980px) {
      .like-header__button {
        margin-right: 8px; } }
  .like-header .data-list__title, .like-header .data-list__data {
    width: 50%;
    padding: 8px;
    word-wrap: inherit; }
  .like-header__text-over {
    margin-top: 8px;
    margin-left: 20px;
    margin-right: 20px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .like-header__text-over p {
      font-size: 20px;
      color: #666666; }

.alert {
  margin-bottom: 8px;
  padding: 10px 12px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  text-align: center;
  font-size: 16px;
  line-height: 1.7; }
  .alert__headline {
    margin-bottom: 8px;
    font-size: 1em;
    font-weight: 600; }
  .alert__link {
    text-decoration: underline; }
  .alert--secondary {
    background-color: #f4f4f4;
    border-color: #666666;
    color: #666666; }
  .alert--success {
    background-color: #e5f4ec;
    border-color: #009944;
    color: #009944; }
  .alert--danger {
    background-color: #fcf2f2;
    border-color: #c60000;
    color: #c60000; }
  .alert--info {
    background-color: #ffffff;
    border-color: #003CE0;
    border-width: 2px;
    color: #003CE0; }

.badge {
  display: inline-block;
  margin: 0;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1; }
  @media (min-width: 980px) {
    .badge {
      padding: 4px 6px; } }
  .badge--primary {
    color: #ffffff;
    background-color: #003CE0;
    border: 1px solid transparent; }
  .badge--secondary {
    color: #666666;
    background-color: #f4f4f4;
    border: 1px solid #666666; }
  .badge--danger {
    color: #ffffff;
    background-color: #c60000;
    border: 1px solid transparent; }
  .badge--info {
    color: #003CE0;
    background-color: #ffffff;
    border: 1px solid #003CE0; }
  .badge--success {
    color: #ffffff;
    background-color: #009944;
    border: 1px solid transparent; }
  .badge--facebook {
    color: #ffffff;
    background-color: #3b5998;
    border: 1px solid #3b5998; }
  .badge--twitter {
    color: #ffffff;
    background-color: #00aced;
    border: 1px solid #00aced; }

.btn {
  display: inline-block;
  margin: 0;
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
  font-family: "Hiragino Sans", Arial, sans-serif;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  user-select: none;
  transition: all .1s; }
  .btn:hover, .btn:focus {
    cursor: pointer;
    text-decoration: none; }
  .btn--primary {
    color: #ffffff;
    background-color: #003CE0;
    border: 1px solid transparent; }
  .btn--primary:hover {
    color: #ffffff;
    background-color: #1462FF;
    border: 1px solid transparent; }
  .btn--primary[disabled], .btn--primary.btn--disabled {
    color: #ffffff;
    background-color: #99c7ea;
    border: 1px solid transparent; }
  .btn--secondary {
    color: #666666;
    background-color: #f4f4f4;
    border: 1px solid #666666; }
  .btn--secondary:hover {
    color: #999999;
    background-color: #f6f6f6;
    border: 1px solid #999999; }
  .btn--secondary[disabled], .btn--secondary.btn--disabled {
    color: #cccccc;
    background-color: #fbfbfb;
    border: 1px solid #cccccc; }
  .btn--danger {
    color: #ffffff;
    background-color: #c60000;
    border: 1px solid transparent; }
  .btn--danger:hover {
    color: #ffffff;
    background-color: #d13333;
    border: 1px solid transparent; }
  .btn--danger[disabled], .btn--danger.btn--disabled {
    color: #ffffff;
    background-color: #e89999;
    border: 1px solid transparent; }
  .btn--info {
    color: #003CE0;
    background-color: #ffffff;
    border: 1px solid #003CE0; }
  .btn--info:hover {
    color: #ffffff;
    background-color: #003CE0;
    border: 1px solid transparent; }
  .btn--info[disabled], .btn--info.btn--disabled {
    color: #cccccc;
    background-color: #ffffff;
    border: 1px solid #cccccc; }
  .btn--success {
    color: #ffffff;
    background-color: #009944;
    border: 1px solid transparent; }
  .btn--success:hover {
    color: #ffffff;
    background-color: #009944;
    border: 1px solid transparent; }
  .btn--success[disabled], .btn--success.btn--disabled {
    color: #ffffff;
    background-color: #009944;
    border: 1px solid transparent; }
  .btn--facebook {
    color: #ffffff;
    background-color: #3b5998;
    border: 1px solid #3b5998; }
  .btn--facebook:hover {
    color: #ffffff;
    background-color: #627aad;
    border: 1px solid fb-blue-hover; }
  .btn--facebook[disabled], .btn--facebook.btn--disabled {
    color: #ffffff;
    background-color: #b1bdd6;
    border: 1px solid #b1bdd6; }
  .btn--twitter {
    color: #ffffff;
    background-color: #00aced;
    border: 1px solid #00aced; }
  .btn--twitter:hover {
    color: #ffffff;
    background-color: #3DBCF1;
    border: 1px solid tw-blue-hover; }
  .btn--twitter[disabled], .btn--twitter.btn--disabled {
    color: #ffffff;
    background-color: #9BDEF8;
    border: 1px solid #9BDEF8; }
  .btn--full {
    width: 100%; }
  .btn, .btn--lg {
    height: 48px;
    padding: 15px 19px;
    font-size: 16px; }
  .btn--xl {
    height: 65px;
    width: 300px; }
  .btn--sm {
    height: 32px;
    padding: 8px 10px;
    font-size: 14px; }
  .btn--xs {
    height: 30px;
    padding: 7px 9px;
    font-size: 14px; }
    @media (max-width: 530px) {
      .btn--xs {
        height: 28px;
        font-size: 12px; } }
  .btn--withsub {
    padding-top: 8px; }
    .btn--withsub small {
      font-size: 0.5em; }
  .btn--heightimport {
    height: 48px !important; }
  .btn--outline-danger {
    background-color: #ffffff;
    color: #c60000;
    border: 1px solid #c60000; }
    .btn--outline-danger:hover, .btn--outline-danger:active {
      background-color: #c60000;
      color: #ffffff; }
  .btn--signup-fixed, .btn--login-fixed {
    border-radius: 4px;
    text-decoration: none !important; }
    @media (max-width: 530px) {
      .btn--signup-fixed, .btn--login-fixed {
        padding: 8px 8px;
        font-size: 10px;
        font-weight: 300; } }
  .btn--hero-fixed {
    padding: 12px 20px;
    font-size: 20px;
    letter-spacing: 0.3em;
    background: linear-gradient(90deg, #1462FF, #002A99);
    color: white;
    border-radius: 2em;
    width: 100%; }
    @media (max-width: 320px) {
      .btn--hero-fixed {
        letter-spacing: 0.1em; } }
    .btn--hero-fixed:hover {
      color: #003CE0;
      background: rgba(255, 255, 255, 0.9);
      border: solid 2px #002A99; }
  .btn--sell-fixed {
    margin-bottom: 30px;
    margin-top: 35px;
    background: linear-gradient(90deg, #002A99, #1462FF); }
    .btn--sell-fixed:hover {
      color: #003CE0;
      background: rgba(255, 255, 255, 0.9);
      border: solid 2px #1462FF; }
    @media (max-width: 530px) {
      .btn--sell-fixed {
        margin-bottom: 10px; } }
  .btn--sell2-fixed {
    letter-spacing: 0.3em; }
  .btn--omakase-lp-btn {
    letter-spacing: 0.2em; }
  .btn--sell2-sticky {
    width: 25%; }
  .btn--green {
    background: #32CD32;
    color: #FFFFFF;
    border: solid 2px #33CC33; }
    .btn--green:hover {
      background: #00EE00;
      border: solid 2px #33CC33;
      color: #FFFFFF; }
  .btn--dark-green {
    background: #65C94D;
    color: #FFFFFF;
    border: solid 2px #65C94D; }
    .btn--dark-green:hover {
      background: #00EE00;
      border: solid 2px #33CC33;
      color: #FFFFFF; }
  .btn--omakase-fixed {
    background: linear-gradient(90deg, #002A99, #1462FF);
    color: #FFFFFF;
    box-shadow: 2px 2px 5px #555; }
    .btn--omakase-fixed:hover {
      color: #003CE0;
      background: rgba(255, 255, 255, 0.9);
      border: solid 2px #1462FF; }
  .btn--check-fixed {
    color: #003CE0;
    background-color: #FFFFFF;
    border: solid 2px #003CE0;
    margin-top: 25px;
    box-shadow: 2px 2px 5px #555; }
    .btn--check-fixed:hover {
      color: #FFFFFF;
      background-color: #003CE0; }
    @media (max-width: 530px) {
      .btn--check-fixed {
        margin-top: 15px; } }
  .btn--vibration {
    animation: bururi 1s infinite; }

@keyframes bururi {
  50% {
    transform: scale(1, 1); }
  52% {
    transform: scale(0.98, 0.95); }
  54% {
    transform: scale(1, 1); }
  56% {
    transform: scale(0.98, 0.95); }
  58% {
    transform: scale(1, 1); }
  60% {
    transform: scale(0.98, 0.95); } }

.btn--disabled,
.btn[disabled],
a.btn--disabled {
  pointer-events: none; }

.btn--fullWidth {
  width: 90%;
  display: block;
  margin: 15px auto; }

.btn--halfWidth {
  width: 50%;
  display: block;
  margin: 15px auto; }

.btn-group {
  display: flex;
  width: 100%;
  margin-bottom: 16px;
  flex-flow: row nowrap; }
  .btn-group:last-child {
    margin-bottom: 0; }
  .btn-group .btn {
    flex-grow: 1;
    order: 1; }
    .btn-group .btn.btn-group__next {
      margin-left: 8px;
      flex-grow: 3;
      order: 2; }
    .btn-group .btn.btn-group__prev {
      margin-left: 0;
      order: 1; }
  @media (max-width: 530px) {
    .btn-group--stacked {
      flex-wrap: wrap; }
      .btn-group--stacked .btn {
        width: 100%;
        margin-bottom: 16px; }
        .btn-group--stacked .btn + .btn {
          margin-left: 0; }
        .btn-group--stacked .btn.btn-group__next {
          margin-left: 0;
          margin-right: 0;
          order: 1; }
        .btn-group--stacked .btn.btn-group__prev {
          margin-left: 0;
          margin-right: 0;
          order: 2; } }
  .btn-group--column {
    flex-flow: column nowrap;
    width: 100%; }
    .btn-group--column .btn-wrapper {
      width: 100%;
      margin-bottom: 24px; }
      .btn-group--column .btn-wrapper .btn {
        width: 100%; }

.btn-group-fixed {
  flex-direction: column; }

.card {
  position: relative;
  display: block;
  width: 100%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  z-index: 80; }
  .card__content {
    margin: 0; }
  .card__label {
    position: absolute;
    top: -8px;
    text-align: center;
    z-index: 85; }
    .card__label--primary {
      color: #ffffff;
      background-color: #003CE0;
      border: 1px solid transparent; }
    .card__label--secondary {
      color: #666666;
      background-color: #f4f4f4;
      border: 1px solid #666666; }
    .card__label--danger {
      color: #ffffff;
      background-color: #c60000;
      border: 1px solid transparent; }
    .card__label--info {
      color: #003CE0;
      background-color: #ffffff;
      border: 1px solid #003CE0; }
    .card__label--success {
      color: #ffffff;
      background-color: #009944;
      border: 1px solid transparent; }
    .card__label--facebook {
      color: #ffffff;
      background-color: #3b5998;
      border: 1px solid #3b5998; }
    .card__label--twitter {
      color: #ffffff;
      background-color: #00aced;
      border: 1px solid #00aced; }
    .card__label--left_side {
      left: -8px; }
    .card__label--right_side {
      right: -8px; }
    .card__label--sm {
      width: 96px;
      font-size: 10px;
      line-height: 1.7; }
    .card__label--lg {
      width: 160px;
      font-size: 12px;
      line-height: 2.0; }
  .card:hover {
    text-decoration: none; }

.card-container {
  display: flex;
  width: 100%;
  flex-flow: row wrap; }
  .card-container .card {
    margin-bottom: 24px; }

.card-container.card-container__label {
  margin-top: 8px; }
  .card-container.card-container__label .card {
    margin: 8px 8px 24px 0;
    width: auto;
    padding: 0 16px;
    line-height: 1.8; }

.listing-list {
  margin: 0 auto;
  padding: 10px 10px 20px;
  width: 100%;
  flex-wrap: nowrap;
  display: flex;
  white-space: nowrap;
  overflow-x: scroll; }
  .listing-list::-webkit-scrollbar {
    height: 5px; }
  .listing-list::-webkit-scrollbar-track {
    background: #f5f5f5; }
  .listing-list::-webkit-scrollbar-thumb {
    background: #dddddd; }

.ancar-benefits-card {
  margin: 0 auto;
  padding: 10px 10px 20px;
  flex-wrap: nowrap;
  white-space: nowrap; }
  @media (max-width: 530px) {
    .ancar-benefits-card {
      width: 80%; } }
  @media (max-width: 980px) {
    .ancar-benefits-card {
      width: 100%; } }
  @media (max-width: 980px) {
    .ancar-benefits-card {
      width: 100%; } }
  @media screen and (max-width: 1120px) {
    .ancar-benefits-card {
      width: 100%; } }
  .ancar-benefits-card::-webkit-scrollbar {
    height: 5px; }
  .ancar-benefits-card::-webkit-scrollbar-track {
    background: #f5f5f5; }
  .ancar-benefits-card::-webkit-scrollbar-thumb {
    background: #dddddd; }

.card_listing_container {
  display: flex;
  flex-wrap: wrap;
  margin: calc(-30px / 2); }

.card_listing_itemWrapper {
  width: calc(100% / 3 - 30px);
  margin: calc(30px / 2); }

.card_listing_item {
  box-shadow: 0 0 12px -1px #aaa;
  border-radius: 10px; }

@media screen and (max-width: 1024px) {
  .card_listing_itemWrapper {
    width: calc(100% / 2 - 30px); } }

@media screen and (max-width: 599px) {
  .card_listing_itemWrapper {
    width: 65%; } }

.ux-list {
  width: 100%; }
  .ux-list .ux-list-container {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    white-space: nowrap;
    list-style: none;
    padding: 10px 10px 20px; }
    .ux-list .ux-list-container::-webkit-scrollbar {
      height: 5px; }
    .ux-list .ux-list-container::-webkit-scrollbar-track {
      background: #f5f5f5; }
    .ux-list .ux-list-container::-webkit-scrollbar-thumb {
      background: #dddddd; }
  .ux-list .card {
    min-width: 34%;
    margin-left: 2%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 12px -1px #aaa; }
    @media (max-width: 980px) {
      .ux-list .card {
        min-width: 85%;
        margin-left: 4%; } }
    .ux-list .card:first-child {
      margin-left: 0; }
    .ux-list .card:hover {
      opacity: 0.6; }
    .ux-list .card.disable-hover:hover {
      opacity: initial; }
    .ux-list .card > a {
      color: #333333; }
    .ux-list .card > a:hover {
      text-decoration: none; }
    .ux-list .card .image {
      padding-top: 50%;
      height: auto;
      background-position: center;
      background-color: #f4f4f4;
      margin: 0; }
      .ux-list .card .image.image_morioka {
        background: url("/assets/img/ancar/img_user_experience_morioka.png") center center;
        background-size: cover;
        background-repeat: no-repeat; }
      .ux-list .card .image.image_kuroo {
        background: url("/assets/img/ancar/img_user_experience_kuroo.png") center center;
        background-size: cover;
        background-repeat: no-repeat; }
      .ux-list .card .image.image_tk {
        background: url("/assets/img/ancar/img_user_experience_tk.png") center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .ux-list .card .wrapper {
      padding: 5%;
      white-space: normal; }
      .ux-list .card .wrapper h2 {
        font-size: 1.2rem;
        line-height: 1.5; }
      .ux-list .card .wrapper p {
        margin-top: 10px; }

.c-card {
  margin-left: 2%;
  min-width: 34%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 12px -1px #aaa;
  position: relative;
  transition-property: opacity;
  transition-duration: 0.5s; }
  .c-card:first-child {
    margin-left: 0; }
  @media (max-width: 980px) {
    .c-card {
      min-width: 85%;
      margin-left: 4%; } }
  .c-card:hover {
    opacity: 0.6; }
  .c-card.disable-hover:hover {
    opacity: initial; }
  .c-card > a {
    color: #333333; }
  .c-card > a:hover {
    text-decoration: none; }
  .c-card__pic {
    border-radius: 10px 10px 0 0;
    font-size: 0;
    line-height: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 75%;
    background-color: #f4f4f4; }

.c-point {
  padding: 4%;
  text-align: center;
  white-space: normal;
  background-color: #072E9A;
  color: #FFFFFF; }
  @media (max-width: 980px) {
    .c-point {
      font-size: 12px; } }

#listing-lp-font {
  font-size: 16px !important; }

.c-point-desc {
  padding: 10%;
  text-align: left;
  white-space: normal; }
  @media (max-width: 980px) {
    .c-point-desc {
      font-size: 12px; } }

.c-info {
  padding: 5%;
  text-align: left;
  white-space: normal; }
  @media (max-width: 980px) {
    .c-info {
      font-size: 12px; } }
  .c-info__year {
    margin: 0px 0px 6px;
    padding: 2px 0px;
    width: 66px;
    background-color: #054be1;
    border-radius: 4px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.1em;
    text-align: center;
    display: block; }
  .c-info__car {
    margin-bottom: 10px;
    font-size: 1.2rem;
    line-height: 1.5; }
  .c-info__otherPrice {
    margin-bottom: 20px; }
    @media (max-width: 980px) {
      .c-info__otherPrice {
        margin-bottom: 10px; } }
  .c-info__price {
    align-items: center;
    display: flex; }
    .c-info__price > div {
      flex: 1; }
      .c-info__price > div > p {
        line-height: 1.5;
        font-weight: bold;
        margin-bottom: 15px; }
      .c-info__price > div > h3 {
        font-weight: bold;
        line-height: 1.3rem;
        vertical-align: middle; }
        .c-info__price > div > h3 > span {
          margin-right: 5px;
          color: #054be1;
          font-weight: normal;
          letter-spacing: 0;
          font-size: 1.5rem; }
    .c-info__price .compare {
      margin-left: 20px;
      padding: 11px;
      background-color: #fff;
      border: 2px solid #054be1;
      border-radius: 4px;
      position: relative;
      line-height: 1.5; }
      @media (max-width: 980px) {
        .c-info__price .compare {
          margin-left: 15px;
          padding: 10px; }
          .c-info__price .compare dd {
            margin-top: 8px;
            font-size: 1rem;
            line-height: 1.3; } }
      .c-info__price .compare:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -26px;
        margin-top: -12px;
        border: 13px solid transparent;
        border-right: 13px solid #FFF;
        z-index: 2; }
        @media (max-width: 980px) {
          .c-info__price .compare:before {
            display: none; } }
      .c-info__price .compare:after {
        content: "";
        position: absolute;
        top: 50%;
        left: -30px;
        margin-top: -14px;
        border: 15px solid transparent;
        border-right: 15px solid #054be1;
        z-index: 1; }
        @media (max-width: 980px) {
          .c-info__price .compare:after {
            display: none; } }
      .c-info__price .compare > dd {
        color: #054be1;
        font-weight: bold; }

.c-card__pic--2112 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/645224fff949d503546f556485cfbbb3c829e7baa7749e8bc2ebd9330f833706.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/90d5ff09ea414e90d47d8ec0ba78ff9bf0c803f43cb63ec854c7903e23e9ac36.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2157 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/14cd23ab6908c8921312f35a4b5948817d643b13cd0470468bc9afe3311013fa.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--1714 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/58da0e261775a8a64925cbd6f1a95f615cf3d3126e1d25d05a0dd58c61af1834.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--1078 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/b95887e1d7fb4ea23b55838a7f91e7b77e8c9a600e8eb92df5205d36aec76009.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2005 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/818a42b8be4520671542979f13e36bec19a83c96dfd91dee03c071a5783faaa4.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--1152 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/2673b7b0174eb271c8a8bf537ba2aeb209c781f192c455ce03eba9296b429d79.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2528 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/2cc9c0529b713b28eebf9f76d8e6568d4ecb4956f3bb26432c66f3fa364a1509.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2428 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/1cecd64d857efd9600cbd5b2e017e614ad55885c5fa5db1e14eedcc529930eda.jpeg?width=1024&height=576&type=ancar-listing&crop=contain);
  background-size: contain; }

.c-card__pic--2482 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/e85f2f9dc5df85a0d76c9238ebd2b482d16a06a35ea1877949949312bfb1b4c5.jpeg?width=1024&height=576&type=ancar-listing&crop=contain);
  background-size: contain; }

.c-card__pic--2594 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/bc231bf725b8d3f1c6d60382b8b22e68074696e633ceb2522816a865ec1879f0.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2508 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/be9a482d205a17f58a132a432b198ab97add276138c0961da88310746203c0aa.jpeg?width=1024&height=576&type=ancar-listing&crop=contain);
  background-size: contain; }

.c-card__pic--2615 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/c48e22e14f762d4175955d2fc5dd9f0fc7df11631c4cd8d7a0225302c0ba63c6.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2003 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/d276fb5388554893bc20b371e0241d9c925aff508333f7d5d93967ee57aa884c.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2658 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/b50559b2c56d59d0649050740500ebca59ae55ab44f7537eed62c3523bfe1cc0.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2498 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/bb0f8f0d62f2f6e83a25deedead453f80f71d6cd2b7e609e39ff3272bc68fc71.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2726 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/eb07dffe6cdbc1386e137a5f93b1da9ad6400b43da9243ba40f364cd4c953340.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-card__pic--2820 {
  background-image: url(https://d3sfgk6qj3xyii.cloudfront.net/47398aa31c6d1e709b7089f54b8be6844122d0bf16c86abc70850dfbbaf0226b.jpeg?width=1024&height=576&type=ancar-listing&crop=contain); }

.c-top-card {
  margin-left: 2%;
  min-width: 34%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 12px -1px #aaa;
  position: relative;
  transition-property: opacity;
  transition-duration: 0.5s;
  height: 50%;
  padding: 16px; }
  @media (max-width: 980px) {
    .c-top-card {
      margin-left: 7%;
      min-width: 85%;
      width: 80%; } }
  .c-top-card:nth-child(4) {
    margin-left: 0; }
  .c-top-card:hover {
    opacity: 0.6; }
  .c-top-card > a {
    color: #333333; }
  .c-top-card > a:hover {
    text-decoration: none; }
  .c-top-card__pic {
    border-radius: 10px 10px 0 0;
    font-size: 0;
    line-height: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 75%;
    background-color: #f4f4f4; }
  .c-top-card img {
    width: 120px;
    max-width: 100%;
    margin: 0 auto; }

.c-top-smart-assessment-card {
  margin-left: 2%;
  min-width: 34%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 12px -1px #aaa;
  position: relative;
  transition-property: opacity;
  transition-duration: 0.5s;
  height: 50%;
  padding: 16px; }
  @media (max-width: 980px) {
    .c-top-smart-assessment-card {
      margin-left: 5%;
      min-width: 85%;
      width: 80%; } }
  .c-top-smart-assessment-card:nth-child(4) {
    margin-left: 0; }
  .c-top-smart-assessment-card:hover {
    opacity: 0.6; }
  .c-top-smart-assessment-card > a {
    color: #333333; }
  .c-top-smart-assessment-card > a:hover {
    text-decoration: none; }
  .c-top-smart-assessment-card img {
    width: 120px;
    max-width: 100%;
    margin: 0 auto; }

.c-listing-card {
  margin-left: 2%;
  min-width: 34%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 12px -1px #aaa;
  position: relative;
  transition-property: opacity;
  transition-duration: 0.5s;
  height: 50%; }
  .c-listing-card:first-child {
    margin-left: 0; }
  @media (max-width: 980px) {
    .c-listing-card {
      min-width: 85%;
      margin-left: 4%;
      width: 80%; } }
  .c-listing-card:hover {
    opacity: 0.6; }
  .c-listing-card > a {
    color: #333333; }
  .c-listing-card > a:hover {
    text-decoration: none; }
  .c-listing-card__pic {
    border-radius: 10px 10px 0 0;
    font-size: 0;
    line-height: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 75%;
    background-color: #f4f4f4; }

.text-field {
  position: relative;
  display: inline-flex;
  text-align: left;
  flex-flow: row nowrap;
  align-items: center;
  z-index: 10; }
  .text-field--xs {
    width: 100%; }
    .text-field--xs .text-control {
      flex: 0 10%;
      min-width: 4rem; }
  .text-field--sm {
    width: 100%; }
    .text-field--sm .text-control {
      flex: 0 32%;
      min-width: 4rem; }
  .text-field--md {
    width: 100%; }
    .text-field--md .text-control {
      flex: 0 48%;
      min-width: 4rem; }
  .text-field--lg {
    width: 100%; }
    .text-field--lg .text-control {
      flex: 0 100%;
      min-width: 4rem; }
  .text-field__suffix {
    margin-left: 8px; }

.text-control {
  display: inline-block;
  min-height: 32px;
  margin: 0;
  padding-right: 12px;
  padding-left: 12px;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  font-size: 14px;
  color: #313131;
  background-color: #ffffff;
  z-index: 15;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  font-size: 16px; }
  .text-control:focus {
    border-color: #003CE0; }

.textarea-field {
  position: relative;
  display: inline-flex;
  text-align: left;
  flex-flow: row nowrap;
  align-items: center;
  z-index: 10; }
  .textarea-field--xs {
    width: 100%; }
    .textarea-field--xs .textarea-control {
      flex: 0 10%;
      min-width: 4rem; }
  .textarea-field--sm {
    width: 100%; }
    .textarea-field--sm .textarea-control {
      flex: 0 32%;
      min-width: 4rem; }
  .textarea-field--md {
    width: 100%; }
    .textarea-field--md .textarea-control {
      flex: 0 48%;
      min-width: 4rem; }
  .textarea-field--lg {
    width: 100%; }
    .textarea-field--lg .textarea-control {
      flex: 0 100%;
      min-width: 4rem; }

.textarea-control {
  display: inline-block;
  min-height: 32px;
  margin: 0;
  padding-right: 12px;
  padding-left: 12px;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  font-size: 14px;
  color: #313131;
  background-color: #ffffff;
  z-index: 15;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px; }
  .textarea-control:focus {
    border-color: #003CE0; }

.select-field {
  position: relative;
  display: inline-flex;
  text-align: left;
  flex-flow: row nowrap;
  align-items: center;
  z-index: 10; }
  .select-field--xs {
    width: 10%; }
    .select-field--xs .select-control {
      width: 100%;
      min-width: 4rem; }
  .select-field--sm {
    width: 32%; }
    .select-field--sm .select-control {
      width: 100%;
      min-width: 4rem; }
  .select-field--md {
    width: 48%; }
    .select-field--md .select-control {
      width: 100%;
      min-width: 4rem; }
  .select-field--lg {
    width: 100%; }
    .select-field--lg .select-control {
      width: 100%;
      min-width: 4rem; }
  .select-field .select-control {
    background-color: transparent;
    padding-right: 24px; }
  .select-field::before {
    position: absolute;
    top: 50%;
    right: 8px;
    display: block;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    transform: translateY(-50%);
    content: '';
    width: 12px;
    height: 8px;
    border-top-width: 8px;
    border-top-color: #003CE0;
    border-left-width: 6px;
    border-right-width: 6px;
    margin-top: 1px;
    z-index: 11; }

.select-control {
  display: inline-block;
  min-height: 32px;
  margin: 0;
  padding-right: 12px;
  padding-left: 12px;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  font-size: 14px;
  color: #313131;
  background-color: #ffffff;
  z-index: 15;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  font-size: 16px; }
  .select-control:focus {
    border-color: #003CE0; }

.checkbox-input {
  position: relative;
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  min-height: 32px;
  cursor: pointer;
  margin-bottom: 8px; }
  .checkbox-input::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border: 2.23px solid #cccccc;
    border-radius: 0%;
    content: ''; }
  .checkbox-input::before, .checkbox-input::after {
    transition: all .2s; }

.date-field {
  position: relative;
  display: inline-flex;
  text-align: left;
  flex-flow: row nowrap;
  align-items: center;
  z-index: 10; }
  .date-field--xs {
    width: 10% !important;
    flex-basis: auto !important; }
  .date-field--sm {
    width: 32% !important;
    flex-basis: auto !important; }
  .date-field--md {
    width: 48% !important;
    flex-basis: auto !important; }
  .date-field--lg {
    width: 100% !important;
    flex-basis: auto !important; }
  .date-field .select-field + .select-field {
    margin-left: 0.5em; }

.checkbox-field,
.radio-field {
  position: relative;
  display: inline-flex;
  text-align: left;
  flex-flow: row nowrap;
  align-items: center;
  z-index: 10;
  min-height: 32px;
  font-size: 14px;
  color: #313131;
  cursor: pointer; }
  .checkbox-field--xs,
  .radio-field--xs {
    width: 10% !important;
    flex-basis: auto !important; }
  .checkbox-field--sm,
  .radio-field--sm {
    width: 32% !important;
    flex-basis: auto !important; }
  .checkbox-field--md,
  .radio-field--md {
    width: 48% !important;
    flex-basis: auto !important; }
  .checkbox-field--lg,
  .radio-field--lg {
    width: 100% !important;
    flex-basis: auto !important; }
  .checkbox-field__label,
  .radio-field__label {
    margin-left: 8px;
    padding-right: 8px; }

.radio-control,
.checkbox-control {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  border: 0; }

.checkbox-outline {
  position: relative;
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px; }
  .checkbox-outline::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border: 1px solid #cccccc;
    border-radius: 50%;
    content: ''; }
  .checkbox-outline::before, .checkbox-outline::after {
    transition: all .2s; }
  .checkbox-outline::after {
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent; }
  input[type="checkbox"]:checked + .checkbox-outline::before {
    border-color: #003CE0; }
  input[type="checkbox"]:checked + .checkbox-outline::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 26%;
    border-color: #003CE0;
    transform: rotate(-45deg) translate(-18%, -120%);
    content: ''; }

.radio-outline {
  position: relative;
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px; }
  .radio-outline::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border: 1px solid #cccccc;
    border-radius: 50%;
    content: ''; }
  .radio-outline::before, .radio-outline::after {
    transition: all .2s; }
  .radio-outline::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    background: #003CE0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    content: ''; }
  input[type="radio"]:checked + .radio-outline::before {
    border-color: #003CE0; }
  input[type="radio"]:checked + .radio-outline::after {
    opacity: 1;
    transform: translate(-50%, -50%); }

.radio-group {
  position: relative;
  display: inline-flex;
  text-align: left;
  flex-flow: row wrap;
  align-items: center;
  z-index: 10; }
  .radio-group--xs {
    width: 100%; }
    .radio-group--xs .radio-field {
      flex: 0 10%;
      min-width: 4rem; }
  .radio-group--sm {
    width: 100%; }
    .radio-group--sm .radio-field {
      flex: 0 32%;
      min-width: 4rem; }
  .radio-group--md {
    width: 100%; }
    .radio-group--md .radio-field {
      flex: 0 48%;
      min-width: 4rem; }
  .radio-group--lg {
    width: 100%; }
    .radio-group--lg .radio-field {
      flex: 0 100%;
      min-width: 4rem; }
  .radio-group .radio-field {
    margin-bottom: 8px; }

.checkbox-group {
  position: relative;
  display: inline-flex;
  text-align: left;
  flex-flow: row wrap;
  align-items: center;
  z-index: 10; }
  .checkbox-group--xs {
    width: 100%; }
    .checkbox-group--xs .checkbox-field {
      flex: 0 10%;
      min-width: 4rem; }
  .checkbox-group--sm {
    width: 100%; }
    .checkbox-group--sm .checkbox-field {
      flex: 0 32%;
      min-width: 4rem; }
  .checkbox-group--md {
    width: 100%; }
    .checkbox-group--md .checkbox-field {
      flex: 0 48%;
      min-width: 4rem; }
  .checkbox-group--lg {
    width: 100%; }
    .checkbox-group--lg .checkbox-field {
      flex: 0 100%;
      min-width: 4rem; }
  .checkbox-group .checkbox-field {
    margin-bottom: 8px; }

.control-hidden {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  border: 0; }

.data-list {
  width: 100%;
  display: flex;
  border: 1px solid #cccccc;
  flex-flow: row wrap; }
  .data-list__title, .data-list__data {
    padding: 10px 16px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    word-wrap: break-word; }
    .data-list__title:last-of-type, .data-list__data:last-of-type {
      border-bottom: 0; }
  .data-list__title {
    background-color: #f4f4f4;
    border-right: 1px solid #cccccc; }
    @media (max-width: 980px) {
      .data-list__title {
        width: 50%; } }
    @media (min-width: 980px) {
      .data-list__title {
        width: 160px; } }
  .data-list__data {
    background-color: #ffffff; }
    @media (max-width: 980px) {
      .data-list__data {
        width: 50%; } }
    @media (min-width: 980px) {
      .data-list__data {
        width: calc(100% - 160px); } }
  @media (max-width: 980px) {
    .data-list--xs .data-list__title {
      width: 10%;
      padding-left: 8px;
      padding-right: 8px; }
    .data-list--xs .data-list__data {
      width: calc(100% - 10%); } }
  @media (max-width: 980px) {
    .data-list--sm .data-list__title {
      width: 32%; }
    .data-list--sm .data-list__data {
      width: calc(100% - 32%); } }
  @media (max-width: 980px) {
    .data-list--md .data-list__title {
      width: 48%; }
    .data-list--md .data-list__data {
      width: calc(100% - 48%); } }
  @media (max-width: 980px) {
    .data-list--lg .data-list__title {
      width: 100%; }
      .data-list--lg .data-list__title:last-of-type {
        border-bottom: 1px solid #cccccc; }
    .data-list--lg .data-list__data {
      width: 100%; } }

.data-section {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 24px; }
  @media (max-width: 980px) {
    .data-section {
      margin-left: -15px;
      margin-right: -15px; }
      .data-section__header, .data-section__content, .data-section__footer {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; }
      .data-section__header, .data-section__footer {
        font-weight: 600;
        margin-bottom: 16px; }
      .data-section__content {
        margin-bottom: 24px; }
        .data-section__content:last-of-type {
          margin-bottom: 0; } }
  .data-section .info-lists {
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
    margin: 15px 0; }
  @media (min-width: 980px) {
    .data-section {
      margin-bottom: 32px; }
      .data-section__header {
        width: 160px;
        padding: 10px 16px; }
      .data-section__content {
        width: calc(100% - 160px); }
        .data-section__content--paragraph {
          padding: 14px 16px; }
      .data-section__footer {
        width: 160px;
        padding: 10px 16px; } }
  @media (max-width: 980px) {
    .data-section--outline .data-section__content {
      padding-bottom: 24px;
      border-bottom: 1px solid #cccccc; } }
  @media (min-width: 980px) {
    .data-section--outline {
      border-top: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc; }
      .data-section--outline .data-section__header {
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc; }
      .data-section--outline .data-section__content {
        border-bottom: 1px solid #cccccc; }
        .data-section--outline .data-section__content > .data-list {
          min-height: 100%;
          border: 0; }
      .data-section--outline .data-section__footer {
        border-left: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc; } }

.dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 240; }
  .dialog__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 241;
    background-color: rgba(49, 49, 49, 0.4); }
  .dialog__container {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 32px 24px;
    width: 296px;
    max-height: 90vh;
    z-index: 242;
    overflow-y: scroll;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    text-align: center; }
    @media (min-width: 980px) {
      .dialog__container {
        width: 560px; } }
  .dialog__title {
    margin-bottom: 32px;
    text-align: center;
    font-size: 20px;
    font-weight: 600; }

.estimate-block__headline {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  color: #313131; }
  @media (min-width: 980px) {
    .estimate-block__headline {
      font-size: 20px; } }

.estimate-block__subheadline {
  color: #666666;
  font-size: 16px;
  font-weight: 300; }

.estimate-block__data-container {
  display: flex; }
  .estimate-block__data-container__data {
    flex: 1; }

.estimate-block__data-container.date-section {
  display: flex;
  flex-direction: column; }
  @media (min-width: 980px) {
    .estimate-block__data-container.date-section {
      flex-direction: row; }
      .estimate-block__data-container.date-section .estimate-block__data-container__data:last-child {
        text-align: right; } }

@media (min-width: 980px) {
  .estimate-block dl.data-section dd.data-list__data {
    text-align: right;
    width: calc(100% - 320px); }
  .estimate-block dl.data-section dt.data-list__title {
    width: 320px; } }

.estimate-block .deal-order__headline {
  display: flex;
  align-items: center;
  background-color: #fff;
  line-height: 1.3; }
  .estimate-block .deal-order__headline .icon {
    display: inline-block;
    width: 30px;
    text-align: center;
    font-size: 30px;
    z-index: 10; }

.estimate-block .deal-order__headline-text {
  font-size: 16px;
  margin-left: 10px;
  line-height: 1.3; }

.estimate-block .deal-order__text-highlight {
  font-size: 24px;
  margin: 8px; }

.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }
  .flex-container--nowrap {
    flex-wrap: nowrap; }
  .flex-container--align-center {
    align-items: center; }
  .flex-container--reverse {
    flex-direction: row-reverse; }
  .flex-container-fixed {
    justify-content: space-between; }
    @media (max-width: 980px) {
      .flex-container-fixed {
        justify-content: center; } }

.flex-block {
  margin-bottom: 24px; }
  .flex-block__headline {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px; }
  .flex-block__content {
    line-height: 1.8; }
  .flex-block + .flex-block--lg {
    margin-left: 16px; }
  .flex-block--inner-fixed {
    display: flex; }
  @media (max-width: 530px) {
    .flex-block {
      flex-basis: 100%; }
      .flex-block--sm {
        flex-basis: 48%; }
      .flex-block--media {
        flex-basis: 48%; }
      .flex-block--col3 {
        flex-basis: 100%; }
      .flex-block--md {
        flex-basis: 100%; }
      .flex-block--lg {
        flex-basis: 100%; } }
  @media (min-width: 980px) {
    .flex-block {
      flex-basis: 48%; }
      .flex-block--sm {
        flex-basis: 23%; }
      .flex-block--media {
        flex-basis: 31.333%; }
      .flex-block--col3 {
        flex-basis: 31.333%; }
      .flex-block-listing--col3 {
        flex-basis: 26.333%; }
      .flex-block--md {
        flex-basis: 48%; }
      .flex-block--lg {
        flex-basis: 100%; } }
  @media (max-width: 980px) {
    .flex-block {
      flex-basis: 100%; } }

@media (max-width: 530px) {
  .flex-container-listing {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .flex-container-listing--nowrap {
      flex-wrap: nowrap; }
    .flex-container-listing--align-center {
      align-items: center; } }

@media (max-width: 980px) {
  .flex-container-listing {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .flex-container-listing--nowrap {
      flex-wrap: nowrap; }
    .flex-container-listing--align-center {
      align-items: center; } }

@media (max-width: 530px) {
  .flex-block-listing {
    margin-bottom: 24px; }
    .flex-block-listing__headline {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 16px; }
    .flex-block-listing__content {
      line-height: 1.8; }
    .flex-block-listing + .flex-block-listing--lg {
      margin-left: 16px; }
    .flex-block-listing--inner-fixed {
      display: flex; } }

@media (max-width: 530px) {
  .flex-block-listing {
    flex-basis: 100%; }
    .flex-block-listing--sm {
      flex-basis: 48%; }
    .flex-block-listing--media {
      flex-basis: 48%; }
    .flex-block-listing--col3 {
      flex-basis: 100%; }
    .flex-block-listing--md {
      flex-basis: 100%; }
    .flex-block-listing--lg {
      flex-basis: 100%; } }

@media (min-width: 980px) {
  .flex-block-listing {
    flex-basis: 48%; }
    .flex-block-listing--sm {
      flex-basis: 23%; }
    .flex-block-listing--media {
      flex-basis: 31.333%; }
    .flex-block-listing--col3 {
      flex-basis: 31.333%; }
    .flex-block-listing-listing--col3 {
      flex-basis: 26.333%; }
    .flex-block-listing--md {
      flex-basis: 48%; }
    .flex-block-listing--lg {
      flex-basis: 100%; } }

@media (max-width: 980px) {
  .flex-block-listing {
    flex-basis: 100%; } }

.flex-container-fixed {
  display: flex; }
  @media (max-width: 980px) {
    .flex-container-fixed {
      flex-flow: row wrap; } }

.flex-block-fixed {
  margin: 0 35px; }
  @media (max-width: 980px) {
    .flex-block-fixed {
      margin: 0;
      padding: 0 4px;
      flex-basis: 50%; } }

.flex-block-fixed-assessment {
  position: relative;
  text-align: center; }
  @media (max-width: 980px) {
    .flex-block-fixed-assessment {
      margin: 0 0 15px 0;
      padding: 0 8px;
      flex-basis: 50%; } }

.flex-block-fixed-assessment-center {
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  width: 16%; }
  @media (max-width: 980px) {
    .flex-block-fixed-assessment-center {
      width: 100%; } }
  .flex-block-fixed-assessment-center .arrow {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 40px;
    border-color: transparent transparent transparent #9e9e9e;
    right: 38%;
    top: -120%; }
    @media (max-width: 980px) {
      .flex-block-fixed-assessment-center .arrow {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 60px 0 60px;
        border-color: #9e9e9e transparent transparent transparent;
        right: 32%;
        top: 130%; } }
  @media (max-width: 980px) {
    .flex-block-fixed-assessment-center {
      width: initial;
      margin: 10px 0; } }

.field-group {
  position: relative;
  display: flex;
  margin-bottom: 8px;
  flex-flow: column nowrap; }
  @media (min-width: 980px) {
    .field-group {
      margin-bottom: 16px; } }
  .field-group__label {
    display: block;
    width: 100%; }
    @media (max-width: 530px) {
      .field-group__label .badge {
        margin-left: 4px; } }
    @media (max-width: 530px) {
      .field-group__label {
        margin-bottom: 4px;
        color: #999999;
        font-size: 12px; } }
    @media (min-width: 980px) {
      .field-group__label {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 4px;
        padding-right: 8px;
        width: 147px; } }
  .field-group__owner_comment_label {
    display: block;
    width: 100%; }
    @media (max-width: 530px) {
      .field-group__owner_comment_label .badge {
        margin-left: 4px; } }
    @media (max-width: 530px) {
      .field-group__owner_comment_label {
        margin-bottom: 4px;
        color: #999999;
        font-size: 12px; } }
    @media (min-width: 980px) {
      .field-group__owner_comment_label {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 453px;
        padding-right: 8px;
        width: 147px; } }
  .field-group__listing_label {
    display: block;
    width: 100%; }
    @media (max-width: 530px) {
      .field-group__listing_label .badge {
        margin-left: 4px; } }
    @media (max-width: 530px) {
      .field-group__listing_label {
        margin-bottom: 4px;
        color: #999999;
        font-size: 14px; } }
    @media (min-width: 980px) {
      .field-group__listing_label {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 4px;
        padding-right: 8px;
        width: 147px; } }
  .field-group__content {
    width: 100%;
    display: flex;
    flex-flow: column nowrap; }
    .field-group__content > * {
      flex: 1 100%;
      margin-bottom: 8px; }
    @media (min-width: 980px) {
      .field-group__content {
        width: 458px;
        margin-left: 147px; } }
    .field-group__content--radio {
      display: inline-grid;
      margin-left: 1.5%; }
  .field-group__radio {
    display: grid;
    margin-left: 147px; }
    @media (max-width: 980px) {
      .field-group__radio {
        margin-left: 0; } }
  .field-group__row {
    flex: 1 100%;
    margin-bottom: 8px; }
  .field-group__help {
    color: #666666;
    font-size: 12px;
    line-height: 1.7; }
  .field-group__help-link {
    text-decoration: undeline; }
  .field-group--danger .text-control,
  .field-group--danger .textarea-control,
  .field-group--danger .select-control {
    background-color: #fcf2f2;
    border-color: #c60000; }

.field-error {
  padding-top: 8px;
  font-size: 12px;
  color: #c60000; }

@media (min-width: 980px) {
  .form-layout--md .field-group__content {
    width: 458px; }
  .form-layout--lg .field-group__content {
    width: 533px; } }

.check-area,
.form-check {
  text-align: center;
  margin-bottom: 40px; }

.main-visual {
  width: 100vw;
  height: 700px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #1462FF;
  display: flex;
  align-items: center; }
  @media (max-width: 530px) {
    .main-visual {
      background-size: auto 100%; } }
  @media (min-width: 980px) {
    .main-visual {
      background-size: 100% auto; } }
  .main-visual__container {
    color: #ffffff;
    text-align: center; }
  .main-visual__heroline {
    margin-bottom: 8%; }
    @media (max-width: 530px) {
      .main-visual__heroline {
        margin-bottom: 14%;
        padding-top: 38%; } }
  .main-visual__headline {
    line-height: 1.8;
    font-size: 24px;
    font-weight: 600; }
    @media (max-width: 530px) {
      .main-visual__headline {
        font-size: 27px;
        margin-bottom: 10px;
        letter-spacing: 0.12em; } }
    @media (max-width: 320px) {
      .main-visual__headline {
        font-size: 23px; } }
  .main-visual__headline--top {
    font-size: 2.4em;
    letter-spacing: 0.2em;
    margin-bottom: 10px !important;
    line-height: 1.5; }
    .main-visual__headline--top br {
      display: none; }
    @media (max-width: 530px) {
      .main-visual__headline--top {
        font-size: 2em; }
        .main-visual__headline--top br {
          display: block; } }
  .main-visual__badge__inner--top {
    position: absolute;
    bottom: 15%;
    width: 100%;
    left: 10%; }
    @media (max-width: 980px) {
      .main-visual__badge__inner--top {
        bottom: 8%; } }
    @media (max-width: 530px) {
      .main-visual__badge__inner--top {
        left: 5%;
        bottom: 10%; } }
  .main-visual__badge--top {
    display: inline-block;
    width: 20%;
    max-width: 100px; }
    .main-visual__badge--top + p {
      margin-left: 18px; }
      @media (max-width: 980px) {
        .main-visual__badge--top + p {
          margin-left: 10px; } }
      @media (max-width: 530px) {
        .main-visual__badge--top + p {
          margin-left: 5px; } }
  .main-visual__subheadline--top {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2em;
    line-height: 1.5; }
    .main-visual__subheadline--top br {
      display: none; }
    @media (max-width: 530px) {
      .main-visual__subheadline--top {
        font-size: 1em; }
        .main-visual__subheadline--top br {
          display: block; } }
  .main-visual__subheadline {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500; }
    @media (max-width: 530px) {
      .main-visual__subheadline {
        font-weight: 200; } }
  .main-visual__logo {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    width: 168px;
    height: 56px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    background-image: url(../../../img/ancar/logo_white.png);
    background-size: contain; }
  @media (min-width: 980px) {
    .main-visual__nav .btn-group {
      justify-content: center;
      width: 100%; }
      .main-visual__nav .btn-group p {
        margin-bottom: 4px; }
      .main-visual__nav .btn-group .btn {
        width: 75%; } }
  @media (max-width: 980px) {
    .main-visual__nav .btn-group {
      justify-content: center; }
      .main-visual__nav .btn-group p {
        margin-bottom: 4px; }
      .main-visual__nav .btn-group .btn {
        width: 75%; } }
  @media (max-width: 530px) {
    .main-visual__nav .btn-group {
      flex-direction: column;
      width: 100%; }
      .main-visual__nav .btn-group .btn {
        width: 100%; } }
  .main-visual__nav .btn {
    flex-grow: inherit;
    font-weight: 500; }
  .main-visual--top {
    background: url(../../../img/ancar/top/IMG_top-4.png) 50% 70%;
    background-size: cover;
    height: 300px;
    width: 100%;
    position: relative; }
  .main-visual--showroom {
    background: url(../../../img/ancar/top/apl_showroom.png) 50% 50%;
    background-size: cover;
    height: 300px;
    max-width: 100%;
    position: relative; }
    @media (max-width: 980px) {
      .main-visual--showroom {
        background: url(../../../img/ancar/top/apl_showroom_sp.png); } }
    @media (max-width: 530px) {
      .main-visual--showroom {
        background: url(../../../img/ancar/top/apl_showroom_sp.png); } }
  .main-visual--question {
    background: url(../../../img/ancar/top/QA_bg_wide.svg) no-repeat 50%;
    background-size: cover;
    height: 300px;
    max-width: 100%;
    position: relative; }
    @media (max-width: 980px) {
      .main-visual--question {
        background: url(../../../img/ancar/top/QA_bg_middle.svg); } }
    @media (max-width: 530px) {
      .main-visual--question {
        background: url(../../../img/ancar/top/QA_bg_middle.svg); } }
  .main-visual--grtrade {
    background: url(../../../img/ancar/top/grtrade.png) 50% 70%;
    background-size: cover;
    height: 300px;
    max-width: 100%;
    position: relative; }
    @media (max-width: 980px) {
      .main-visual--grtrade {
        background: url(../../../img/ancar/top/grtrade_sp.png); } }
    @media (max-width: 530px) {
      .main-visual--grtrade {
        background: url(../../../img/ancar/top/grtrade_sp.png); } }
  .main-visual--omakase {
    background: url(../../../img/ancar/top/omakase.png) 50% 70%;
    background-size: cover;
    height: 300px;
    max-width: 100%;
    position: relative; }
  .main-visual--safe {
    background: url(../../../img/ancar/top/IMG_top-2.png) no-repeat 10%;
    background-size: cover;
    height: 300px;
    max-width: 100%;
    position: relative; }
  .main-visual--apl {
    background: url(../../../img/ancar/top/top_apl.png) no-repeat 50%;
    background-size: cover;
    height: 300px;
    max-width: 100%;
    position: relative; }
  .main-visual__banner-list {
    width: 100%;
    margin-top: 20px; }
    .main-visual__banner-list .slick-dots li button:before {
      font-size: 40px; }
    .main-visual__banner-list__item {
      margin-left: 10px; }
      .main-visual__banner-list__item img {
        max-width: 100%;
        height: auto; }
  .main-visual--about {
    height: 300px;
    background-image: url(../../../img/ancar/about/about_keyvisual_bg.png);
    background-size: cover;
    color: #fff;
    text-align: center; }
    .main-visual--about .main-visual__subheadline {
      text-align: center; }
      .main-visual--about .main-visual__subheadline img {
        display: inline-block;
        margin-bottom: 10px;
        width: 27%; }
    @media (max-width: 530px) {
      .main-visual--about {
        background-image: url(../../../img/ancar/about/about_keyvisual_bg_sp.png);
        background-size: cover; }
        .main-visual--about .main-visual__subheadline {
          font-size: 16px;
          font-weight: 600; }
          .main-visual--about .main-visual__subheadline img {
            width: 50%; } }
  .main-visual--listing {
    background-image: url(../../../img/ancar/listing/IMG_sell-1.png);
    background-size: cover; }
    @media (max-width: 530px) {
      .main-visual--listing {
        box-sizing: border-box;
        height: auto !important;
        background: none; }
        .main-visual--listing .main-visual__headline {
          font-size: 20px;
          letter-spacing: 0.1e; } }
    @media (max-width: 530px) {
      .main-visual--listing .main-visual__container {
        padding: 0;
        margin-top: 0; } }
    @media (max-width: 530px) {
      .main-visual--listing .main-visual__nav {
        padding: 0 35px; }
        .main-visual--listing .main-visual__nav + .main-visual__nav {
          padding-top: 0; }
          .main-visual--listing .main-visual__nav + .main-visual__nav .btn {
            margin-top: 0; } }
  @media (max-width: 530px) {
    .main-visual--listing--heroline-fix {
      background-image: url(../../../img/ancar/listing/SP_background-02.png);
      background-size: cover;
      height: 600px; } }
  .main-visual--growth {
    height: 240px;
    background-image: url(../../../img/ancar/listing/car_list_img.png);
    color: #fff;
    text-align: center; }
    @media (max-width: 530px) {
      .main-visual--growth {
        height: 160px; }
        .main-visual--growth .main-visual__headline {
          font-size: 16px;
          letter-spacing: 0.2em;
          margin-bottom: 20px; } }
  @media (min-width: 980px) {
    .main-visual__headline {
      font-size: 31.2px;
      letter-spacing: 0.2em;
      margin-bottom: 20px; }
    .main-visual__subheadline {
      font-size: 20px;
      letter-spacing: 0.2em; } }
  .main-visual__headline-listing-fixed {
    margin-bottom: 15px;
    letter-spacing: 0.1em; }
    @media (max-width: 530px) {
      .main-visual__headline-listing-fixed {
        font-size: 24px;
        font-weight: 600; } }
  @media (max-width: 530px) {
    .main-visual__headline-listing2-fixed {
      display: block; } }
  .main-visual__wrapper--top {
    position: relative;
    overflow: hidden;
    margin-top: -16px; }
    @media (max-width: 980px) {
      .main-visual__wrapper--top {
        margin-top: 0; } }
  .main-visual__headline__wrapper-fixed {
    position: absolute;
    top: 15%; }
    @media (max-width: 980px) {
      .main-visual__headline__wrapper-fixed {
        top: 21%; } }
    @media (max-width: 530px) {
      .main-visual__headline__wrapper-fixed {
        width: 100%;
        height: 200px;
        position: relative;
        margin-bottom: 90px; } }
  .main-visual__headline__inner--top {
    position: absolute;
    padding: 0 10%;
    top: 15%; }
    @media (max-width: 980px) {
      .main-visual__headline__inner--top {
        top: 24%; } }
    @media (max-width: 530px) {
      .main-visual__headline__inner--top {
        top: 12%;
        padding: 0 7%; } }
  .main-visual__headline__inner--top-qa {
    position: absolute;
    padding: 0 10%;
    top: 15%;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 980px) {
      .main-visual__headline__inner--top-qa {
        top: 24%; } }
    @media (max-width: 530px) {
      .main-visual__headline__inner--top-qa {
        top: 12%;
        padding: 0 7%; } }

.hero-pic {
  margin-top: 20px;
  height: 80px;
  position: relative; }

.menu-nav {
  position: relative;
  list-style: none; }
  @media (max-width: 530px) {
    .menu-nav {
      margin-left: -15px;
      margin-right: -15px; } }
  .menu-nav__item {
    position: relative;
    border-bottom: 1px solid #cccccc; }
    .menu-nav__item:first-child {
      border-top: 1px solid #cccccc; }
  .menu-nav__link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px 20px;
    color: #313131; }
    .menu-nav__link:hover {
      text-decoration: none; }
    .menu-nav__link::after {
      position: absolute;
      top: 50%;
      right: 8px;
      display: block;
      border-width: 0;
      border-style: solid;
      border-color: transparent;
      transform: translateY(-50%);
      content: '';
      width: 8px;
      height: 12px;
      border-top-width: 6px;
      border-left-width: 8px;
      border-left-color: #003CE0;
      border-bottom-width: 6px;
      right: 20px; }

.price {
  display: inline-block;
  color: #003CE0; }
  .price__value {
    font-style: normal; }
  .price__unit + .price__value,
  .price__value + .price__unit {
    margin-left: 4px; }
  .price--sm .price__value {
    font-size: 14px;
    font-weight: 600; }
  .price--sm .price__unit {
    font-size: 12px; }
  .price .price__value, .price--md .price__value {
    font-size: 16px;
    font-weight: 600; }
  .price .price__unit, .price--md .price__unit {
    font-size: 14px; }
  .price--lg .price__value {
    font-size: 20px;
    font-weight: 600; }
  .price--lg .price__unit {
    font-size: 16px; }
  .price--xl .price__value {
    font-size: 24px;
    font-weight: 600; }
  .price--xl .price__unit {
    font-size: 20px; }

.price-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center; }
  @media (min-width: 980px) {
    .price-group {
      flex-flow: column;
      justify-content: flex-end;
      height: 100%;
      align-items: inherit; } }
  .price-group__label, .price-group__price {
    flex: 0 auto; }
  .price-group__price {
    margin-left: auto; }
  .price-group__loan {
    text-align: left;
    margin: 15px 0; }

.process-list {
  list-style: none; }
  .process-list__item {
    color: #666666;
    font-weight: 600;
    margin-bottom: 8px; }

.inspection-list {
  padding: 0 6px; }
  .inspection-list li {
    line-height: 1.9;
    padding-left: 1em;
    text-indent: -1em; }

.section {
  display: flex;
  margin-bottom: 24px;
  flex-flow: column nowrap;
  align-items: center; }
  @media (max-width: 530px) {
    .section {
      margin-left: -15px;
      margin-right: -15px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 980px) {
    .section--lg {
      width: calc(100% + 160px);
      margin-left: -80px; } }
  @media (max-width: 530px) {
    .section--lg {
      margin: 0;
      padding: 0; } }
  @media (min-width: 980px) {
    .section--xl {
      width: calc(100% + 300px);
      margin-left: -150px; } }
  @media (max-width: 530px) {
    .section--xl {
      margin: 0;
      padding: 0; } }
  @media screen and (min-width: 1120px) {
    .section--listing {
      width: calc(100% + 300px);
      margin-left: -150px; } }
  @media (max-width: 530px) {
    .section--listing {
      margin: 0;
      padding: 0; } }
  .section__header, .section__footer, .section__content, .section__headline, .section__subheadline {
    width: 100%; }
  .section__card {
    width: 50%; }
    @media (max-width: 980px) {
      .section__card {
        padding-left: 20px;
        width: 100%;
        height: 150px; } }
  .section__header, .section__footer, .section__headline, .section__subheadline {
    text-align: center; }
  .section__header {
    margin-bottom: 16px; }
  .section__footer {
    margin-bottom: 16px; }
    @media (min-width: 980px) {
      .section__footer {
        width: 530px; } }
  .section__content {
    margin-bottom: 16px; }
    .section__content-fixed {
      margin-left: 20px; }
    .section__content--ezine-fixed {
      margin-top: 50px; }
  .section__inner {
    background-color: #EFEFEF;
    padding: 25px 30px;
    border-radius: 6px;
    list-style: none; }
    .section__inner > li {
      padding-left: 45px;
      line-height: 2.3em; }
    .section__inner > li:nth-child(1) {
      background-image: url(../../../img/ancar/listing/icon_assessment2.svg);
      margin-bottom: 15px; }
    .section__inner > li:nth-child(2) {
      background-image: url(../../../img/ancar/listing/icon_no_registration.svg);
      margin-bottom: 15px; }
    .section__inner > li:nth-child(3) {
      background-image: url(../../../img/ancar/listing/icon_assessment3.svg);
      line-height: 1.8em;
      background-position-y: 50%; }
      @media (max-width: 530px) {
        .section__inner > li:nth-child(3) {
          background-position-y: 10%; } }
  .section__headline {
    margin-bottom: 16px;
    font-size: 20px; }
  .section__headline-fixed {
    margin-top: 50px; }
  .section__subheadline {
    margin-bottom: 16px;
    font-size: 16px; }
    .section__subheadline-fixed {
      margin-bottom: 0; }
  .section__paragraph {
    margin-bottom: 16px;
    text-align: left;
    line-height: 1.8;
    font-size: 14px; }
    @media (min-width: 980px) {
      .section__paragraph {
        text-align: center; } }
  .section--underline {
    border-bottom: 1px solid #cccccc; }
  .section__desc1 {
    margin-bottom: 55px;
    letter-spacing: 0.3em;
    font-weight: bolder;
    text-align: center; }
    @media (max-width: 530px) {
      .section__desc1 {
        text-align: left;
        letter-spacing: 0.15em; } }
  .section__desc2 {
    margin-bottom: 20px;
    letter-spacing: 0.3em;
    font-weight: bolder;
    text-align: center; }
    @media (max-width: 530px) {
      .section__desc2 {
        text-align: left;
        letter-spacing: 0.15em; } }
  .section--assessment {
    margin-bottom: 0; }
  .section--assessment-fixed {
    margin-top: 55px; }

.steps {
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  padding: 0;
  z-index: 20; }
  @media (min-width: 980px) {
    .steps {
      padding-left: 10px;
      padding-right: 10px; } }
  .steps__container {
    display: flex;
    padding: 0;
    list-style: none;
    justify-content: space-between; }
    .steps__container::after {
      display: block;
      position: absolute;
      top: 12px;
      width: calc(100% - 40px);
      content: '';
      border-bottom: 1px solid #cccccc; }
  .steps__item {
    margin: 0;
    padding: 0 4px;
    text-align: center;
    background-color: #ffffff;
    z-index: 21; }
    .steps__item:first-child {
      padding-left: 0; }
    .steps__item:last-child {
      padding-right: 0; }
    @media (min-width: 980px) {
      .steps__item {
        padding-left: 10px;
        padding-right: 10px; } }
    .steps__item--active .steps__display {
      background-color: #003CE0;
      border-color: #003CE0;
      color: #ffffff; }
    .steps__item--active .steps__label {
      display: block;
      color: #003CE0; }
  .steps__display {
    position: relative;
    width: 25px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: #ffffff;
    border: 2px solid #999999;
    border-radius: 50%;
    color: #999999; }
  .steps__display-text {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60%;
    font-size: 8px;
    line-height: 1; }
  .steps__display-number {
    display: block;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1; }
  .steps__label {
    display: none;
    font-size: 12px;
    color: #999999;
    line-height: 1.5;
    margin-top: 5px; }

.tabs {
  display: flex;
  width: 100%;
  list-style: none;
  flex-flow: row nowrap;
  margin-top: 60px;
  gap: 50px; }
  .tabs__item {
    flex: 1;
    position: relative;
    text-align: center;
    background-color: #f4f4f4;
    transition: all .2s; }
    .tabs__item .check-badge {
      position: absolute;
      top: -16px;
      right: 4px;
      display: inline-block;
      margin: 0;
      padding: 6px 8px;
      border-radius: 4px;
      color: #ffffff;
      background-color: #c60000;
      font-size: 12px;
      line-height: 1; }
    .tabs__item:hover {
      opacity: 0.75; }
    .tabs__item--active {
      font-weight: 600;
      border-bottom: none !important; }
      .tabs__item--active, .tabs__item--active:hover {
        background-color: #ffffff; }
  .tabs__link {
    display: block;
    padding: 8px;
    color: #ffffff;
    text-decoration: none;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    transition: all .2s;
    position: absolute;
    font-size: 1.75em;
    font-weight: bold;
    width: 100%;
    bottom: 0;
    padding: 10px 0;
    background-color: #003CE0;
    border-radius: 20px; }
    @media (max-width: 530px) {
      .tabs__link {
        font-size: 16px;
        padding: 15px 0; } }
    .tabs__link:hover {
      transform: translateY(-5px);
      cursor: pointer; }

.text-outline {
  display: block;
  margin-bottom: 8px;
  padding: 14px 16px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: left;
  line-height: 1.7;
  word-wrap: break-word; }
  .text-outline {
    border-color: #cccccc; }
  .text-outline--secondary {
    background-color: #f4f4f4;
    border-color: transparent; }
  .text-outline--danger {
    background-color: #fcf2f2;
    border-color: transparent; }
  .text-outline__headline {
    margin-bottom: 8px;
    font-size: 1em;
    font-weight: 600; }
  .text-outline__link {
    text-decoration: underline; }
  .text-outline--md {
    font-size: 14px; }

@media (max-width: 530px) {
  .text-listing-fix {
    font-size: 15px !important;
    color: black; } }

.upload-area {
  position: relative;
  width: 100%;
  background-color: #f4f4f4;
  z-index: 20; }
  .upload-area::before {
    display: block;
    padding-top: 56.25%;
    content: ''; }
  .upload-area__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 25;
    border: 2px dashed #003CE0;
    background-color: rgba(153, 153, 153, 0.2); }
  .upload-area__sample {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 100%;
    z-index: 24;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    .upload-area__sample::before {
      display: block;
      padding-top: 56.25%;
      content: ''; }
    .upload-area__sample::after {
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 38.4px;
      text-shadow: 0 0 8px rgba(49, 49, 49, 0.4);
      text-align: center;
      color: #ffffff;
      font-size: 38.4px;
      line-height: 1;
      content: 'SAMPLE';
      transform: translateY(-50%); }
  .upload-area__image_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 100%;
    z-index: 24;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    .upload-area__image_center::before {
      display: block;
      padding-top: 56.25%;
      content: ''; }
    .upload-area__image_center::after {
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 38.4px;
      text-shadow: 0 0 8px rgba(49, 49, 49, 0.4);
      text-align: center;
      color: #ffffff;
      font-size: 38.4px;
      line-height: 1;
      transform: translateY(-50%); }
  .upload-area__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 21;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
  .upload-area--uploaded .upload-area__overlay {
    border: 0;
    background-color: transparent; }
  .upload-area--uploaded .upload-area__sample {
    display: none; }
  .upload-area--uploaded .upload-area__image {
    display: block; }

.sampleimg-drivers-license-front {
  background-image: url(../../../img/ancar/samples/drivers_license_front.png); }

.sampleimg-drivers-license-back {
  background-image: url(../../../img/ancar/samples/drivers_license_back.png); }

.sampleimg-inspection-certificate {
  background-image: url(../../../img/ancar/samples/inspection_certificate.png); }

.sampleimg-meter-board {
  background-image: url(../../../img/ancar/samples/meter_board.png); }

.sampleimg-exterior-left-front {
  background-image: url(../../../img/ancar/samples/exterior_left_front.png); }

.sampleimg-exterior-left-side {
  background-image: url(../../../img/ancar/samples/exterior_left_side.png); }

.sampleimg-exterior-rear {
  background-image: url(../../../img/ancar/samples/exterior_rear.png); }

.sampleimg-exterior-right-side {
  background-image: url(../../../img/ancar/samples/exterior_right_side.png); }

.sampleimg-exterior-front {
  background-image: url(../../../img/ancar/samples/exterior_front.png); }

.sampleimg-exterior-right-front {
  background-image: url(../../../img/ancar/samples/exterior_right_front.png); }

.sampleimg-exterior-engine-room {
  background-image: url(../../../img/ancar/samples/exterior_engine_room.png); }

.sampleimg-interior-driving-seat {
  background-image: url(../../../img/ancar/samples/interior_driving_seat.png); }

.sampleimg-interior-right-rear-seat {
  background-image: url(../../../img/ancar/samples/interior_right_rear_seat.png); }

.sampleimg-interior-trunk-room {
  background-image: url(../../../img/ancar/samples/interior_trunk_room.png); }

.sampleimg-interior-left-rear-seat {
  background-image: url(../../../img/ancar/samples/interior_left_rear_seat.png); }

.sampleimg-interior-passenger-seat {
  background-image: url(../../../img/ancar/samples/interior_passenger_seat.png); }

.sampleimg-interior-odometer {
  background-image: url(../../../img/ancar/samples/interior_odometer.png); }

.sampleimg-interior-ceiling {
  background-image: url(../../../img/ancar/samples/interior_ceiling.png); }

.sampleimg-wears {
  background-image: url(../../../img/ancar/samples/wears.png); }

.sampleimg-options {
  background-image: url(../../../img/ancar/samples/options.png); }

.estimate-collection .estimate-collection-header {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 32px; }
  @media (max-width: 530px) {
    .estimate-collection .estimate-collection-header {
      margin-left: -15px;
      margin-right: -15px; } }
  .estimate-collection .estimate-collection-header__thumbnail {
    width: 100%; }
  .estimate-collection .estimate-collection-header__thumbnail-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    .estimate-collection .estimate-collection-header__thumbnail-image::before {
      display: block;
      padding-top: 56.25%;
      content: ''; }
  .estimate-collection .estimate-collection-header__content {
    position: relative;
    display: flex;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid #cccccc;
    flex-flow: column nowrap; }
    @media (max-width: 530px) {
      .estimate-collection .estimate-collection-header__content {
        padding-left: 16px; } }
  .estimate-collection .estimate-collection-header__headline {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #313131;
    order: 2; }
    @media (min-width: 980px) {
      .estimate-collection .estimate-collection-header__headline {
        font-size: 20px; } }
  .estimate-collection .estimate-collection-header__subheadline {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    order: 3; }
  .estimate-collection .estimate-collection-header__timestamp {
    font-size: 12px;
    order: 1; }
  .estimate-collection .estimate-collection-header__price {
    order: 4; }
  .estimate-collection .estimate-collection-header__timestamp, .estimate-collection .estimate-collection-header__price {
    text-align: right;
    color: #666666; }
    @media (max-width: 530px) {
      .estimate-collection .estimate-collection-header__timestamp, .estimate-collection .estimate-collection-header__price {
        padding-right: 16px; } }
  @media (min-width: 980px) {
    .estimate-collection .estimate-collection-header--slim .estimate-collection-header__thumbnail {
      width: 40%; }
    .estimate-collection .estimate-collection-header--slim .estimate-collection-header__content {
      width: 55%;
      margin-left: auto;
      padding-top: 0;
      border: 0; }
    .estimate-collection .estimate-collection-header--slim .estimate-collection-header__timestamp {
      margin-bottom: 16px;
      text-align: left; } }
  .card .estimate-collection .estimate-collection-header .estimate-collection-header,
  .card .estimate-collection .estimate-collection-header .estimate-collection-header__content {
    border: 0; }
  @media (min-width: 980px) {
    .card .estimate-collection .estimate-collection-header.estimate-collection-header--slim .estimate-collection-header__content {
      padding-top: 8px; } }

.estimate-collection .user-estimate-list:hover {
  color: #313131; }

.estimate-collection .user-estimate-list a.estimate-link:hover {
  background-color: #eee; }

.estimate-collection .user-estimate-list a.estimate-link, .estimate-collection .user-estimate-list span.estimate-link {
  color: #313131;
  display: block; }
  .estimate-collection .user-estimate-list a.estimate-link .estimate:first-child, .estimate-collection .user-estimate-list span.estimate-link .estimate:first-child {
    border-top: 1px solid #ddd; }
  .estimate-collection .user-estimate-list a.estimate-link .estimate, .estimate-collection .user-estimate-list span.estimate-link .estimate {
    margin: 0px 32px;
    padding: 16px 0px;
    border-bottom: 1px solid #ddd; }
    .estimate-collection .user-estimate-list a.estimate-link .estimate .estimate-id,
    .estimate-collection .user-estimate-list a.estimate-link .estimate .estimate-confirmed-at,
    .estimate-collection .user-estimate-list a.estimate-link .estimate .estimate-expiration-date, .estimate-collection .user-estimate-list span.estimate-link .estimate .estimate-id,
    .estimate-collection .user-estimate-list span.estimate-link .estimate .estimate-confirmed-at,
    .estimate-collection .user-estimate-list span.estimate-link .estimate .estimate-expiration-date {
      flex: 1; }
    .estimate-collection .user-estimate-list a.estimate-link .estimate .estimate-footer, .estimate-collection .user-estimate-list span.estimate-link .estimate .estimate-footer {
      align-items: baseline; }
      .estimate-collection .user-estimate-list a.estimate-link .estimate .estimate-footer .status-expired, .estimate-collection .user-estimate-list span.estimate-link .estimate .estimate-footer .status-expired {
        color: #666; }
      .estimate-collection .user-estimate-list a.estimate-link .estimate .estimate-footer .payment-amount, .estimate-collection .user-estimate-list span.estimate-link .estimate .estimate-footer .payment-amount {
        margin-left: auto; }

.video-youtube {
  position: relative;
  width: 100%; }
  .video-youtube::before {
    display: block;
    padding-top: 56.25%;
    content: ''; }
  .video-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.section--assessment {
  margin-bottom: 50px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px; }
  .section--assessment + .section--assessment {
    padding-top: 50px;
    border-top: 1px solid #cccccc; }
  .section--assessment .merit-list {
    margin-bottom: 40px;
    width: 100%; }
    .section--assessment .merit-list li {
      width: 48%;
      margin: 10px 0 0 2%;
      display: inline-block;
      vertical-align: middle; }
      .section--assessment .merit-list li figure {
        margin: 0; }
      .section--assessment .merit-list li img {
        width: 85%; }
      .section--assessment .merit-list li:first-child {
        margin-left: 0; }
      .section--assessment .merit-list li:nth-child(3) {
        margin-left: 0; }
      .section--assessment .merit-list li:nth-child(5) {
        margin-left: 0; }
  @media screen and (min-width: 768px) {
    .section--assessment .merit-list li {
      width: 21%;
      margin: 0 0 0 3%; }
      .section--assessment .merit-list li img {
        width: 100%; }
      .section--assessment .merit-list li:first-child {
        margin-left: 0; }
      .section--assessment .merit-list li:nth-child(3) {
        margin-left: 3%; }
      .section--assessment .merit-list li:nth-child(5) {
        margin-top: 10px; }
      .section--assessment .merit-list li:nth-child(6) {
        margin-top: 10px; } }

.recommended-price {
  font-weight: bold;
  margin-left: 4px; }
  .recommended-price--normal {
    color: #313131; }
    .recommended-price--normal__number {
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
      margin: 0 4px; }
  .recommended-price--ancar {
    color: #003CE0;
    font-weight: bold; }
    .recommended-price--ancar__number {
      font-size: 24px;
      font-weight: bold;
      text-decoration: none;
      margin-right: 4px;
      line-height: 1.3; }
      .recommended-price--ancar__number.large {
        font-size: 48px; }
    .recommended-price--ancar__small-number {
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      border-bottom: 1px solid #003CE0; }
      @media (max-width: 530px) {
        .recommended-price--ancar__small-number {
          font-size: 15px; } }

.result-box {
  margin: 10px 1% 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 0 8px -1px #999999; }
  .result-box__price {
    padding: 0 10px 15px; }
    .result-box__price--normal {
      padding: 10px; }
  .result-box--normal {
    border-top: 1px solid #cccccc; }
  .result-box--ancar {
    border-top: 4px solid #05aee4; }
  .result-box__result {
    font-size: 20px;
    margin: 10px 0; }
    .result-box__result--used {
      color: #999; }
    .result-box__result--good {
      color: #05aee4; }

.attention-list {
  padding: 0 6px; }
  .attention-list li {
    line-height: 1.5;
    list-style: none;
    padding-left: 1em;
    text-indent: -1em; }

.listings-way figure {
  width: 100%;
  margin: 0; }

.listings-way .anchor-list {
  margin-top: 20px; }
  .listings-way .anchor-list li {
    list-style: none; }
    .listings-way .anchor-list li a:hover img {
      opacity: 0.7; }

.listings-way .listings-way-block {
  margin-top: 60px; }
  .listings-way .listings-way-block .section__header {
    margin-bottom: 35px; }
  .listings-way .listings-way-block p {
    margin-top: 40px; }
  .listings-way .listings-way-block + .listings-way-block {
    padding-top: 60px;
    border-top: 1px solid #cccccc; }
  .listings-way .listings-way-block .btn-wrapper {
    margin: 30px 0 0;
    text-align: center;
    width: 100%; }
    .listings-way .listings-way-block .btn-wrapper p {
      margin-top: 15px; }

.why-ancar {
  background: #f4f4f4;
  padding: 5%; }
  .why-ancar figure {
    width: 100%;
    margin: 15px 0 0; }
    .why-ancar figure figcaption {
      margin-top: 8px; }
  .why-ancar h4 {
    color: #003CE0; }
    .why-ancar h4 span {
      display: block;
      font-weight: normal;
      color: #313131; }

.assessment-result {
  display: flex;
  justify-content: center; }

.shortest {
  font-size: 18px;
  margin-bottom: 7px; }

.omakase-lp-second-wrapper {
  width: 95%;
  margin: 10px 1% 20x;
  overflow: hidden; }

.guide {
  justify-content: center; }

.guide_item {
  margin: 10px 1% 20px;
  padding: 0 3%;
  background: #FFF;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 0 8px -1px #999999; }

.logo-tate-fixed {
  margin-top: 20%; }

.logo-yoko {
  width: 15%;
  height: auto; }
  @media (max-width: 530px) {
    .logo-yoko {
      width: 30%; } }
  @media (max-width: 530px) {
    .logo-yoko-fixed {
      margin-left: 15px; } }
  .logo-yoko-useredit-fixed {
    width: 20%;
    margin-right: 20px; }
    @media (max-width: 530px) {
      .logo-yoko-useredit-fixed {
        width: 30%; } }

.logo-tate-white-fixed {
  width: 15%;
  margin-bottom: 13px; }

@media (max-width: 980px) {
  .hide_sp {
    display: none; } }

@media (max-width: 620px) {
  .hide_sp_620 {
    display: none; } }

@media (max-width: 980px) {
  .hide_sp_flex {
    flex: none; } }

.show_sp {
  display: none; }
  @media (max-width: 980px) {
    .show_sp {
      display: inherit; } }

.show_sp_620 {
  display: none; }
  @media (max-width: 620px) {
    .show_sp_620 {
      display: inherit; } }

.app-link {
  width: 100%;
  background: #EFF2F4; }
  .app-link__content {
    width: 980px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 980px) {
      .app-link__content {
        width: 100%; } }
    .app-link__content--left {
      width: 40%;
      padding: 40px 20px; }
      @media (max-width: 980px) {
        .app-link__content--left {
          display: none; } }
      .app-link__content--left__img {
        width: 100%; }
    .app-link__content--right {
      width: 40%;
      padding: 40px 5px; }
      @media (max-width: 980px) {
        .app-link__content--right {
          text-align: center;
          width: 90%; } }
      .app-link__content--right__apps {
        display: flex;
        align-items: center;
        width: 100%; }
        @media (max-width: 980px) {
          .app-link__content--right__apps {
            justify-content: center; } }
      .app-link__content--right__icon {
        display: none; }
        @media (max-width: 980px) {
          .app-link__content--right__icon {
            display: block;
            margin: 0 auto 20px auto;
            border-radius: 20%;
            border: 1px solid #cccccc; } }
      .app-link__content--right__text {
        display: inline-block; }
      .app-link__content--right__ios_btn {
        display: inline-block;
        width: 135px;
        max-width: 100%;
        margin-right: 10px; }
      .app-link__content--right__android_btn {
        display: inline-block;
        width: 140px;
        max-width: 100%; }

.modalNone {
  display: none; }

.modalBg {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4));
  z-index: 2147483001; }

.modalBg .modalWindow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 500px;
  background: #fff;
  border-radius: 2px;
  padding: 20px; }
  @media (max-width: 980px) {
    .modalBg .modalWindow {
      width: 90%; } }

.modalBg .modalWindowAssessment {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 465px;
  max-height: 80%;
  background: #fff;
  border-radius: 2px;
  overflow: auto; }
  @media (max-width: 980px) {
    .modalBg .modalWindowAssessment {
      width: 300px;
      max-height: 80%; } }

.modalBgOpen {
  animation: bgOpenAnime 0.3s ease; }

@keyframes bgOpenAnime {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.modalBgClose {
  bottom: 100%;
  animation: bgCloseAnime 0.3s ease; }

@keyframes bgCloseAnime {
  0% {
    opacity: 1;
    bottom: 0; }
  100% {
    opacity: 0;
    bottom: 0; } }

.modalWindow__headline {
  margin: 20px 0 10px;
  font-size: 20px; }

.modalWindow__headline__assessment {
  margin: 20px 0 10px;
  font-size: 20px;
  padding: 0 40px; }
  @media (max-width: 980px) {
    .modalWindow__headline__assessment {
      padding: 0 30px; } }

.modalWindow__subheadline {
  font-size: 18px;
  margin-bottom: 25px; }
  @media (max-width: 980px) {
    .modalWindow__subheadline {
      font-size: 16px; } }

.modalWindow__subheadline__assessment {
  font-size: 18px;
  margin-bottom: 25px;
  padding: 0 40px; }
  @media (max-width: 980px) {
    .modalWindow__subheadline__assessment {
      padding: 0 30px;
      font-size: 16px; } }

.modalWindow__subheadline__assessment__shop img {
  width: 100%;
  height: auto; }

.modalWindow__subheadlinebottom__assessment {
  font-size: 18px;
  margin-bottom: 25px;
  padding: 20px 40px;
  background-color: #F0F2F4; }
  @media (max-width: 980px) {
    .modalWindow__subheadlinebottom__assessment {
      padding: 20px 30px;
      font-size: 16px; } }

.modalWindow__subheadlinebottom__assessment__content {
  display: flex; }

.modalWindow__subheadlinebottom__assessment__content__img {
  width: 30%;
  height: auto;
  max-width: 80px;
  max-height: 80px;
  margin-left: -10px; }

.modalWindow__subheadlinebottom__assessment__content__text {
  width: 70%;
  padding-left: 5px; }

.modalSelect {
  display: flex;
  justify-content: space-around; }
  .modalSelect__self {
    margin-left: 10px; }
    @media (max-width: 980px) {
      .modalSelect__self {
        margin-left: 6%; } }
    .modalSelect__self:hover {
      opacity: 0.8; }
  @media (max-width: 980px) {
    .modalSelect__omakase {
      margin-right: 6%; } }
  .modalSelect__omakase:hover {
    opacity: 0.8; }
  .modalSelect img {
    width: 140px;
    filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.6)); }
    @media (max-width: 980px) {
      .modalSelect img {
        width: 90%; } }

.modalClose {
  margin: 5% 0;
  cursor: pointer; }
  @media (max-width: 980px) {
    .modalClose {
      margin: 8% 0 0; } }
  .modalClose__cross {
    font-size: 20px; }

.c-sticky-bar__wrapper {
  text-align: center;
  line-height: 90px;
  position: absolute;
  width: 100%;
  z-index: 9999; }
  .c-sticky-bar__wrapper > a {
    width: 30%; }
    @media (max-width: 980px) {
      .c-sticky-bar__wrapper > a {
        width: 50%; } }
    @media (max-width: 530px) {
      .c-sticky-bar__wrapper > a {
        width: 65%;
        margin-right: 6%; } }

.c-sticky-bar__clone {
  transition: all 0.3s;
  position: fixed;
  bottom: -100px;
  left: 0;
  background-color: rgba(102, 102, 102, 0.5); }
  @media (max-width: 530px) {
    .c-sticky-bar__clone {
      transition: 0.3s; } }

.c-sticky-bar__clone.is-sticky-bar {
  bottom: 0; }

.pl-4 {
  padding-left: 1rem; }

.pl-8 {
  padding-left: 2rem; }

.pl-12 {
  padding-left: 3rem; }

.pl-16 {
  padding-left: 4rem; }

.pl-20 {
  padding-left: 5rem; }

.pb-12 {
  padding-bottom: 3rem; }

.pt-2 {
  padding-top: 0.5rem; }

.text-lg {
  font-size: 16px; }

.text-gray {
  color: #718096; }

.text-yellow-green {
  color: #00E000; }

.inline-block {
  display: inline-block; }

.flex {
  display: flex; }

.flex-wrap {
  flex-wrap: wrap; }

.link {
  border-radius: 0.25rem;
  display: block;
  text-align: center;
  cursor: pointer;
  font-family: "Hiragino Sans", Arial, sans-serif;
  margin-left: 3rem;
  font-size: 16px; }
  @media (max-width: 980px) {
    .link {
      margin-left: 1rem; } }
  .link--release {
    padding-left: 0.8rem;
    padding-right: 1rem;
    background-color: #c60000;
    color: #fff; }
    .link--release:hover {
      color: #fff; }
    @media (max-width: 980px) {
      .link--release {
        padding-left: 0;
        padding-right: 0; } }
  .link--setup {
    padding-left: 0.8rem;
    padding-right: 1rem;
    background-color: #00c300;
    color: #fff; }
    .link--setup:hover {
      color: #fff; }
    @media (max-width: 980px) {
      .link--setup {
        padding-left: 0;
        padding-right: 0; } }

@media (min-width: 980px) {
  .block-central {
    width: 530px;
    margin-left: auto;
    margin-right: auto; } }

.block-underline {
  border-bottom: 1px solid #cccccc; }

.spacing-0 {
  margin-bottom: 0 !important; }

.spacing-xs {
  margin-bottom: 8px !important; }

.spacing-sm {
  margin-bottom: 16px !important; }

.spacing-md {
  margin-bottom: 24px !important; }

.spacing-lg {
  margin-bottom: 32px !important; }

.spacing-xl {
  margin-bottom: 40px !important; }

.spacing-xxl {
  margin-bottom: 72px !important; }

.spacing-negative-0 {
  margin-bottom: 0 !important; }

.spacing-negative-xs {
  margin-bottom: -8px !important; }

.spacing-negative-sm {
  margin-bottom: -16px !important; }

.spacing-negative-md {
  margin-bottom: -24px !important; }

.spacing-negative-lg {
  margin-bottom: -32px !important; }

.spacing-negative-xl {
  margin-bottom: -40px !important; }

.spacing-negative-xxl {
  margin-bottom: -72px !important; }

.spacing-top-0 {
  margin-top: 0 !important; }

.spacing-top-xs {
  margin-top: 8px !important; }

.spacing-top-sm {
  margin-top: 16px !important; }

.spacing-top-md {
  margin-top: 24px !important; }

.spacing-top-lg {
  margin-top: 32px !important; }

.spacing-top-xl {
  margin-top: 40px !important; }

.spacing-top-xxl {
  margin-top: 72px !important; }

@media (max-width: 980px) {
  .spacing-top {
    margin-top: 60px; } }

@media (max-width: 530px) {
  .spacing-top {
    margin-top: 0; } }

.letter-spacing-0 {
  letter-spacing: 0 !important; }

.letter-spacing-xs {
  letter-spacing: 8px !important; }

.letter-spacing-sm {
  letter-spacing: 16px !important; }

.letter-spacing-md {
  letter-spacing: 24px !important; }

.letter-spacing-lg {
  letter-spacing: 32px !important; }

.letter-spacing-xl {
  letter-spacing: 40px !important; }

.letter-spacing-xxl {
  letter-spacing: 72px !important; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-xs {
  font-size: 10px !important; }

.text-sm {
  font-size: 12px !important; }

.text-md {
  font-size: 14px !important; }

.text-lg {
  font-size: 16px !important; }

.text-xl {
  font-size: 20px !important; }

.text-xxl {
  font-size: 24px !important; }

.text-bold {
  font-weight: 600; }
  .text-bold--primary {
    color: #003CE0 !important;
    font-weight: 600; }
  .text-bold--danger {
    color: #003CE0 !important;
    font-weight: 600; }

@media (max-width: 980px) {
  .text-blankspace1 {
    margin-right: 76px; } }

@media (max-width: 980px) {
  .text-blankspace2 {
    margin-right: 130px; } }

@media (max-width: 530px) {
  .text-blankspace2 {
    display: none; } }

.width-max {
  max-width: 100%; }

.width-ninety {
  max-width: 90%; }

.width-herf {
  max-width: 50%; }

.width-full {
  width: 100%; }

.width-fourty {
  width: 40%; }
  @media (max-width: 980px) {
    .width-fourty {
      width: 80%; } }

@media (max-width: 980px) {
  .sp-width-full {
    width: 100%;
    height: 355px; } }

.br-modify {
  display: none; }
  @media (max-width: 530px) {
    .br-modify {
      display: block; } }

.br-se-modify {
  display: none; }
  @media (max-width: 320px) {
    .br-se-modify {
      display: block; } }

.br-pc-modify {
  display: block; }
  @media (max-width: 530px) {
    .br-pc-modify {
      display: none; } }

#listing_flow .merit-list {
  margin-bottom: 40px;
  width: 100%; }
  #listing_flow .merit-list li {
    width: 48%;
    margin: 10px 0 0 2%;
    display: inline-block;
    vertical-align: middle; }
    #listing_flow .merit-list li figure {
      margin: 0; }
    #listing_flow .merit-list li img {
      width: 85%; }
    #listing_flow .merit-list li p {
      text-align: center; }
    #listing_flow .merit-list li:first-child {
      margin-left: 0; }
    #listing_flow .merit-list li:nth-child(3) {
      margin-left: 0; }
    #listing_flow .merit-list li:nth-child(5) {
      margin-left: 0; }

@media screen and (min-width: 768px) {
  #listing_flow .merit-list {
    text-align: center; }
    #listing_flow .merit-list li {
      width: 18%;
      margin: 0 0 0 3%; }
      #listing_flow .merit-list li img {
        width: 100%; }
      #listing_flow .merit-list li:first-child {
        margin-left: 0; }
      #listing_flow .merit-list li:nth-child(3) {
        margin-left: 3%; }
      #listing_flow .merit-list li:nth-child(5) {
        margin-top: 10px; }
      #listing_flow .merit-list li:nth-child(6) {
        margin-top: 10px; } }

.p-listings__section__top {
  text-align: center; }
  .p-listings__section__top__tag {
    color: #99A2B1;
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    text-align: center; }
    .p-listings__section__top__tag > span {
      color: #99A2B1;
      font-size: 16px;
      line-height: 16px;
      padding-bottom: 16px;
      border-bottom: 1px solid #99A2B1; }
    .p-listings__section__top__tag__search {
      color: #99A2B1;
      font-size: 12px; }
  .p-listings__section__top__title {
    font-size: 24px;
    line-height: 24px;
    line-height: 1.5;
    margin: 24px 0; }

.p-listings__section__jump {
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%); }
  .p-listings__section__jump__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 680px; }
    .p-listings__section__jump__list__item {
      display: table;
      width: calc(99% / 6);
      height: 100px;
      text-align: center; }
      .p-listings__section__jump__list__item:hover {
        background-color: #cccccc;
        transition: 0.5s; }
      .p-listings__section__jump__list__item a {
        display: table-cell;
        vertical-align: middle;
        color: #666666; }
      .p-listings__section__jump__list__item__arrow {
        width: 20px;
        height: 20px;
        transform: rotate(90deg); }

.p-listings__section__text {
  font-size: 18px;
  color: #64686C;
  line-height: 32px;
  text-align: left; }
  .p-listings__section__text--small {
    font-size: 14px;
    line-height: 24px; }
  .p-listings__section__text--detail {
    position: absolute;
    bottom: -10px;
    width: 100%; }

.p-listings__section__image--large {
  width: 80%; }
  @media (max-width: 530px) {
    .p-listings__section__image--large {
      width: 95%; } }
  .p-listings__section__image--large > img {
    width: 100%; }

.p-listings__section__twins {
  height: 230px;
  width: calc(50% - 9px);
  background-size: contain;
  position: relative; }
  @media (max-width: 530px) {
    .p-listings__section__twins__card__bg:before {
      content: "";
      display: block;
      padding-top: 75%; } }
  .p-listings__section__twins__card__bg1 {
    background-image: url("../../../img/ancar/listing/point-01_background.png"); }
  .p-listings__section__twins__card__bg2 {
    background-image: url("../../../img/ancar/listing/point-02_background.png"); }
  .p-listings__section__twins > .point-label {
    position: absolute;
    top: 10%;
    left: 0; }
    @media (max-width: 530px) {
      .p-listings__section__twins > .point-label {
        top: 13%;
        left: 10%;
        height: 18px; } }
  .p-listings__section__twins__wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 530px) {
      .p-listings__section__twins__wrapper {
        flex-direction: column;
        justify-content: flex-start; } }
  .p-listings__section__twins__card__title {
    position: absolute;
    top: 28%;
    left: 5%;
    color: #ffffff;
    font-size: 20px;
    white-space: nowrap;
    letter-spacing: 1px; }
    @media (max-width: 980px) {
      .p-listings__section__twins__card__title {
        top: 25%;
        font-size: 16px; } }
    @media (max-width: 530px) {
      .p-listings__section__twins__card__title {
        top: 12%;
        left: 45%;
        white-space: normal;
        line-height: 24px;
        width: 50%; } }
  .p-listings__section__twins__card__text {
    position: absolute;
    top: 50%;
    left: 5%;
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1px; }
    @media (max-width: 980px) {
      .p-listings__section__twins__card__text {
        top: 40%;
        font-size: 14px; } }
    @media (max-width: 530px) {
      .p-listings__section__twins__card__text {
        width: 80%;
        left: 10%;
        font-size: 16px;
        line-height: 26px; } }
  .p-listings__section__twins__chart {
    height: 600px;
    position: relative; }
    .p-listings__section__twins__chart--right {
      margin-left: 40px; }
      @media (max-width: 530px) {
        .p-listings__section__twins__chart--right {
          margin-left: 0; } }
  @media (max-width: 530px) {
    .p-listings__section__twins {
      width: 100%;
      height: auto;
      position: relative; } }

.p-listings__section__link--detail {
  color: #565B5F;
  letter-spacing: 2px;
  font-weight: 600; }
  .p-listings__section__link--detail > span {
    margin-left: 6px; }

.p-listings__section__link__wrapper {
  margin: 8% 0 2%; }
  @media (max-width: 530px) {
    .p-listings__section__link__wrapper {
      margin: 6% 0 0; } }

.p-listings__section--bg-gray {
  background-color: #F0F2F4; }

.p-listings__section--bg-blue {
  background-color: #072E9A; }

.p-listings__section__flow__background-sizing {
  margin: 0 calc(50% - 50vw);
  padding: 40px calc(50vw - 50%); }

.p-listings__section__flow__sp-none {
  display: block !important; }

.p-listings__section__flow__pc-none {
  display: none !important; }

.p-listings__section__flow_slick {
  margin: 0 auto; }
  .p-listings__section__flow_slick .slick-prev {
    left: -40px; }
  .p-listings__section__flow_slick .slick-prev, .p-listings__section__flow_slick .slick-next {
    height: 35px;
    width: 35px; }
  .p-listings__section__flow_slick .slick-prev::before {
    content: none; }
  .p-listings__section__flow_slick .slick-next::before {
    content: none; }
  .p-listings__section__flow_slick .slick-dots li button:before {
    font-size: 40px; }
  @media (max-width: 320px) {
    .p-listings__section__flow_slick__arrow-position-left {
      padding-left: 12px; } }

@media (max-width: 530px) {
  .p-listings__section__flow__sp-none {
    display: none !important; }
  .p-listings__section__flow__sp-none .p-listings__section__flow__img-background-trans.main__sticky {
    margin-top: 0px; }
  .p-listings__section__flow__sp-none .p-listings__section__flow__img-background-trans.main-visual {
    margin-bottom: 55px; }
  .p-listings__section__flow__pc-none {
    display: block !important; }
  .p-listings__section__flow__pc-none .p-listings__section__flow__img-background-trans.main__sticky {
    margin-top: 0px; }
  .p-listings__section__flow__pc-none .p-listings__section__flow__img-background-trans.main-visual {
    margin-bottom: 55px; } }

.p-listings__section__flow__text {
  font-size: 14px;
  color: #64686C;
  line-height: 22px;
  text-align: left;
  padding-top: 15px;
  height: 80px; }

.p-listings__section__flow__wrapper-self {
  background-size: cover; }
  @media (max-width: 530px) {
    .p-listings__section__flow__wrapper-self {
      box-sizing: border-box;
      height: 10px;
      padding-top: 8%; } }

.p-listings__section__flow__wrapper-omakase {
  background-size: cover; }
  @media (max-width: 530px) {
    .p-listings__section__flow__wrapper-omakase {
      box-sizing: border-box;
      height: 10px;
      padding-top: 8%; } }

.p-listings__section__flow__container {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap; }
  @media (max-width: 690px) {
    .p-listings__section__flow__container {
      flex-flow: column wrap; } }
  .p-listings__section__flow__container__content {
    padding: 0 25px; }
    @media (max-width: 980px) {
      .p-listings__section__flow__container__content {
        padding: 0 15px; } }
    @media (max-width: 530px) {
      .p-listings__section__flow__container__content {
        padding: 0 80px; } }
    @media (max-width: 690px) {
      .p-listings__section__flow__container__content {
        padding: 0 80px; } }
  .p-listings__section__flow__container_step-img {
    width: 180px;
    height: auto;
    padding-bottom: 30px; }
    @media (max-width: 980px) {
      .p-listings__section__flow__container_step-img {
        width: 150px; } }
  .p-listings__section__flow__container_flow-img {
    width: 165px;
    height: auto; }
    @media (max-width: 980px) {
      .p-listings__section__flow__container_flow-img {
        width: 150px;
        max-width: 100%; } }

.p-listings__section__flow__self__img-01 {
  background-image: url(../../../img/ancar/listing/self-01.png); }

.p-listings__section__flow__self__img-02 {
  background-image: url(../../../img/ancar/listing/self-02.png); }

.p-listings__section__flow__self__img-03 {
  background-image: url(../../../img/ancar/listing/self-03.png); }

.p-listings__section__flow__self__img-04 {
  background-image: url(../../../img/ancar/listing/self-04.png); }

.p-listings__section__flow__omakase__img-01 {
  background-image: url(../../../img/ancar/listing/omakase-01.png); }

.p-listings__section__flow__omakase__img-02 {
  background-image: url(../../../img/ancar/listing/omakase-02.png); }

.p-listings__section__flow__omakase__img-03 {
  background-image: url(../../../img/ancar/listing/omakase-03.png); }

.p-listings__section__flow__omakase__img-04 {
  background-image: url(../../../img/ancar/listing/omakase-04.png); }

.p-listings__section__flow__omakase__img-05 {
  background-image: url(../../../img/ancar/listing/omakase-05.png); }

.p-listings__section__flow__img-background-trans {
  background-color: transparent; }

.p-listings__item__heading {
  font-style: italic;
  text-align: center; }
  .p-listings__item__heading span {
    border-bottom: 1px solid black;
    display: inline-block;
    padding-bottom: 2px; }

.p-listings__center__text {
  color: red;
  font-size: 18px; }

.omakase-flow {
  margin-top: 40px; }
  @media (max-width: 980px) {
    .omakase-flow {
      margin-top: 0; } }

#dealedPriceRange {
  margin-bottom: 10px; }

.full-width {
  margin: 0 calc(50% - 50vw); }

@media (min-width: 980px) {
  .img__description img {
    width: 30%; } }

@media (min-width: 980px) {
  .img__point_description img {
    width: 70%; } }

.assessment-header {
  /*親div*/
  position: relative; }

.assessment-header-title {
  position: absolute;
  color: #072E9A;
  font-size: 24px;
  font-weight: 600;
  top: 0;
  left: calc(50% - 155px); }
  @media (max-width: 980px) {
    .assessment-header-title {
      font-size: 16px;
      left: calc(50% - 107px); } }
  @media (max-width: 530px) {
    .assessment-header-title {
      font-size: 16px;
      left: calc(50% - 107px); } }

.assessment-desc-first {
  position: absolute;
  font-weight: 200;
  top: calc(40% - 58px);
  left: calc(50% - 200px); }
  @media (max-width: 980px) {
    .assessment-desc-first {
      max-width: 70%; } }
  @media (max-width: 530px) {
    .assessment-desc-first {
      max-width: 70%; } }

.assessment-desc-second {
  position: absolute;
  font-weight: 500;
  top: calc(50% - 53px);
  left: calc(35% - 155px); }
  @media (max-width: 980px) {
    .assessment-desc-second {
      max-width: 70%; } }
  @media (max-width: 530px) {
    .assessment-desc-second {
      max-width: 70%; } }

.assessment-desc-third {
  position: absolute;
  font-weight: 500;
  top: calc(65% - 15px);
  left: calc(30% - 155px); }
  @media (max-width: 980px) {
    .assessment-desc-third {
      max-width: 70%; } }
  @media (max-width: 530px) {
    .assessment-desc-third {
      max-width: 70%; } }

.assessment-desc-fourth {
  position: absolute;
  font-weight: 500;
  top: calc(80% - 20px);
  left: calc(32% - 155px); }
  @media (max-width: 980px) {
    .assessment-desc-fourth {
      max-width: 70%; } }
  @media (max-width: 530px) {
    .assessment-desc-fourth {
      max-width: 70%; } }

.fv {
  position: relative;
  margin-bottom: 80px; }
  .fv__wrapper {
    background: linear-gradient(180deg, #003ce0 0%, #14bdfc 100%);
    position: absolute;
    height: 75%;
    min-height: 380px;
    width: 100%; }

.p-fv {
  position: relative;
  padding-top: 50px; }
  @media (max-width: 980px) {
    .p-fv__heading {
      padding: 0 15px;
      box-sizing: border-box; } }
  .p-fv__heading p {
    -webkit-font-smoothing: antialiased; }
  .p-fv__btn {
    width: 280px;
    max-width: 100%;
    margin: 0 auto; }
    .p-fv__btn a {
      font-size: 20px;
      padding: initial;
      display: flex;
      align-items: center;
      justify-content: center; }
  .p-fv__desc {
    max-width: 100%; }
    @media (max-width: 980px) {
      .p-fv__desc {
        padding: 0 15px;
        box-sizing: border-box; } }

.sns-timeline {
  width: 500px;
  margin: 0 auto;
  border: 1px solid #ddd; }
  @media (max-width: 980px) {
    .sns-timeline {
      width: 100%; } }

.p-listings__section__flow__background-sizing {
  margin: 0 calc(50% - 50vw);
  padding: 40px calc(50vw - 50%); }

.p-listings__section__flow__sp-none {
  display: block !important; }

.p-listings__section__flow__pc-none {
  display: none !important; }

.p-listings__section__flow_slick {
  margin: 0 auto; }
  .p-listings__section__flow_slick .slick-prev {
    left: -40px; }
  .p-listings__section__flow_slick .slick-prev, .p-listings__section__flow_slick .slick-next {
    height: 35px;
    width: 35px; }
  .p-listings__section__flow_slick .slick-prev::before {
    content: none; }
  .p-listings__section__flow_slick .slick-next::before {
    content: none; }
  .p-listings__section__flow_slick .slick-dots li button:before {
    font-size: 40px; }

@media (max-width: 530px) {
  .p-listings__section__flow__sp-none {
    display: none !important; }
  .p-listings__section__flow__sp-none .p-listings__section__flow__img-background-trans.main__sticky {
    margin-top: 0px; }
  .p-listings__section__flow__sp-none .p-listings__section__flow__img-background-trans.main-visual {
    margin-bottom: 80px; }
  .p-listings__section__flow__pc-none {
    display: block !important; }
  .p-listings__section__flow__pc-none .p-listings__section__flow__img-background-trans.main__sticky {
    margin-top: 0px; }
  .p-listings__section__flow__pc-none .p-listings__section__flow__img-background-trans.main-visual {
    margin-bottom: 80px; } }

.p-listings__section__flow__img-about-01 {
  background-image: url(../../../img/ancar/listing/ancar_trading_about.png);
  background-size: 95% auto; }

.p-listings__section__flow__img-about-02 {
  background-image: url(../../../img/ancar/listing/omakase-02.png);
  background-size: 50% auto; }

.p-listings__section__flow__img-about-03 {
  background-image: url(../../../img/ancar/listing/self-03.png);
  background-size: 50% auto; }

.p-listings__section__flow__img-background-trans {
  background-color: transparent; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-center {
  align-items: center; }

.items-baseline {
  align-items: baseline; }

.items-stretch {
  align-items: stretch; }

@media screen and (min-width: 1120px) {
  .items-center-pc {
    align-items: center; } }

.bg-transparent {
  background-color: transparent; }

.bg-current {
  background-color: currentColor; }

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); }

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); }

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); }

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); }

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); }

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); }

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); }

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity)); }

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); }

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); }

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); }

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); }

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); }

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); }

.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); }

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); }

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); }

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); }

.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); }

.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); }

.bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); }

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); }

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); }

.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); }

.bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); }

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); }

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); }

.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); }

.bg-yellow-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); }

.bg-yellow-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(146, 64, 14, var(--tw-bg-opacity)); }

.bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); }

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); }

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); }

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); }

.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); }

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); }

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); }

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); }

.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); }

.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 95, 70, var(--tw-bg-opacity)); }

.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 78, 59, var(--tw-bg-opacity)); }

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); }

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); }

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); }

.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); }

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); }

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); }

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); }

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); }

.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); }

.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); }

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 242, 255, var(--tw-bg-opacity)); }

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); }

.bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); }

.bg-indigo-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); }

.bg-indigo-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); }

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); }

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); }

.bg-indigo-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); }

.bg-indigo-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 48, 163, var(--tw-bg-opacity)); }

.bg-indigo-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); }

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 243, 255, var(--tw-bg-opacity)); }

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); }

.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(221, 214, 254, var(--tw-bg-opacity)); }

.bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(196, 181, 253, var(--tw-bg-opacity)); }

.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 139, 250, var(--tw-bg-opacity)); }

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); }

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity)); }

.bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity)); }

.bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); }

.bg-purple-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(76, 29, 149, var(--tw-bg-opacity)); }

.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); }

.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); }

.bg-pink-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); }

.bg-pink-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); }

.bg-pink-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); }

.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); }

.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); }

.bg-pink-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); }

.bg-pink-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); }

.bg-pink-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); }

.border-transparent {
  border-color: transparent; }

.border-current {
  border-color: currentColor; }

.border-black {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity)); }

.border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity)); }

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-border-opacity)); }

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity)); }

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity)); }

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity)); }

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity)); }

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity)); }

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity)); }

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity)); }

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity)); }

.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity)); }

.border-red-50 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 242, 242, var(--tw-border-opacity)); }

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 226, 226, var(--tw-border-opacity)); }

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 202, 202, var(--tw-border-opacity)); }

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity)); }

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity)); }

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity)); }

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity)); }

.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgba(185, 28, 28, var(--tw-border-opacity)); }

.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgba(153, 27, 27, var(--tw-border-opacity)); }

.border-red-900 {
  --tw-border-opacity: 1;
  border-color: rgba(127, 29, 29, var(--tw-border-opacity)); }

.border-yellow-50 {
  --tw-border-opacity: 1;
  border-color: rgba(255, 251, 235, var(--tw-border-opacity)); }

.border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 243, 199, var(--tw-border-opacity)); }

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgba(253, 230, 138, var(--tw-border-opacity)); }

.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 211, 77, var(--tw-border-opacity)); }

.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-border-opacity)); }

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-border-opacity)); }

.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgba(217, 119, 6, var(--tw-border-opacity)); }

.border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgba(180, 83, 9, var(--tw-border-opacity)); }

.border-yellow-800 {
  --tw-border-opacity: 1;
  border-color: rgba(146, 64, 14, var(--tw-border-opacity)); }

.border-yellow-900 {
  --tw-border-opacity: 1;
  border-color: rgba(120, 53, 15, var(--tw-border-opacity)); }

.border-green-50 {
  --tw-border-opacity: 1;
  border-color: rgba(236, 253, 245, var(--tw-border-opacity)); }

.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 250, 229, var(--tw-border-opacity)); }

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgba(167, 243, 208, var(--tw-border-opacity)); }

.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgba(110, 231, 183, var(--tw-border-opacity)); }

.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgba(52, 211, 153, var(--tw-border-opacity)); }

.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity)); }

.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity)); }

.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgba(4, 120, 87, var(--tw-border-opacity)); }

.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgba(6, 95, 70, var(--tw-border-opacity)); }

.border-green-900 {
  --tw-border-opacity: 1;
  border-color: rgba(6, 78, 59, var(--tw-border-opacity)); }

.border-blue-50 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 246, 255, var(--tw-border-opacity)); }

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgba(219, 234, 254, var(--tw-border-opacity)); }

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgba(191, 219, 254, var(--tw-border-opacity)); }

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-border-opacity)); }

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity)); }

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity)); }

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity)); }

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity)); }

.border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgba(30, 64, 175, var(--tw-border-opacity)); }

.border-blue-900 {
  --tw-border-opacity: 1;
  border-color: rgba(30, 58, 138, var(--tw-border-opacity)); }

.border-indigo-50 {
  --tw-border-opacity: 1;
  border-color: rgba(238, 242, 255, var(--tw-border-opacity)); }

.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgba(224, 231, 255, var(--tw-border-opacity)); }

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgba(199, 210, 254, var(--tw-border-opacity)); }

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgba(165, 180, 252, var(--tw-border-opacity)); }

.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgba(129, 140, 248, var(--tw-border-opacity)); }

.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity)); }

.border-indigo-600 {
  --tw-border-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-border-opacity)); }

.border-indigo-700 {
  --tw-border-opacity: 1;
  border-color: rgba(67, 56, 202, var(--tw-border-opacity)); }

.border-indigo-800 {
  --tw-border-opacity: 1;
  border-color: rgba(55, 48, 163, var(--tw-border-opacity)); }

.border-indigo-900 {
  --tw-border-opacity: 1;
  border-color: rgba(49, 46, 129, var(--tw-border-opacity)); }

.border-purple-50 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 243, 255, var(--tw-border-opacity)); }

.border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgba(237, 233, 254, var(--tw-border-opacity)); }

.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgba(221, 214, 254, var(--tw-border-opacity)); }

.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgba(196, 181, 253, var(--tw-border-opacity)); }

.border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgba(167, 139, 250, var(--tw-border-opacity)); }

.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgba(139, 92, 246, var(--tw-border-opacity)); }

.border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgba(124, 58, 237, var(--tw-border-opacity)); }

.border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgba(109, 40, 217, var(--tw-border-opacity)); }

.border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgba(91, 33, 182, var(--tw-border-opacity)); }

.border-purple-900 {
  --tw-border-opacity: 1;
  border-color: rgba(76, 29, 149, var(--tw-border-opacity)); }

.border-pink-50 {
  --tw-border-opacity: 1;
  border-color: rgba(253, 242, 248, var(--tw-border-opacity)); }

.border-pink-100 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 231, 243, var(--tw-border-opacity)); }

.border-pink-200 {
  --tw-border-opacity: 1;
  border-color: rgba(251, 207, 232, var(--tw-border-opacity)); }

.border-pink-300 {
  --tw-border-opacity: 1;
  border-color: rgba(249, 168, 212, var(--tw-border-opacity)); }

.border-pink-400 {
  --tw-border-opacity: 1;
  border-color: rgba(244, 114, 182, var(--tw-border-opacity)); }

.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgba(236, 72, 153, var(--tw-border-opacity)); }

.border-pink-600 {
  --tw-border-opacity: 1;
  border-color: rgba(219, 39, 119, var(--tw-border-opacity)); }

.border-pink-700 {
  --tw-border-opacity: 1;
  border-color: rgba(190, 24, 93, var(--tw-border-opacity)); }

.border-pink-800 {
  --tw-border-opacity: 1;
  border-color: rgba(157, 23, 77, var(--tw-border-opacity)); }

.border-pink-900 {
  --tw-border-opacity: 1;
  border-color: rgba(131, 24, 67, var(--tw-border-opacity)); }

.border-solid {
  border-style: solid; }

.border-dashed {
  border-style: dashed; }

.border-dotted {
  border-style: dotted; }

.border-double {
  border-style: double; }

.border-none {
  border-style: none; }

.border-0 {
  border-width: 0px; }

.border-2 {
  border-width: 2px; }

.border-4 {
  border-width: 4px; }

.border-8 {
  border-width: 8px; }

.border {
  border-width: 1px; }

.border-t-0 {
  border-top-width: 0px; }

.border-t-2 {
  border-top-width: 2px; }

.border-t-4 {
  border-top-width: 4px; }

.border-t-8 {
  border-top-width: 8px; }

.border-t {
  border-top-width: 1px; }

.border-r-0 {
  border-right-width: 0px; }

.border-r-2 {
  border-right-width: 2px; }

.border-r-4 {
  border-right-width: 4px; }

.border-r-8 {
  border-right-width: 8px; }

.border-r {
  border-right-width: 1px; }

.border-b-0 {
  border-bottom-width: 0px; }

.border-b-2 {
  border-bottom-width: 2px; }

.border-b-4 {
  border-bottom-width: 4px; }

.border-b-8 {
  border-bottom-width: 8px; }

.border-b {
  border-bottom-width: 1px; }

.border-l-0 {
  border-left-width: 0px; }

.border-l-2 {
  border-left-width: 2px; }

.border-l-4 {
  border-left-width: 4px; }

.border-l-8 {
  border-left-width: 8px; }

.border-l {
  border-left-width: 1px; }

.rounded-none {
  border-radius: 0px; }

.rounded-sm {
  border-radius: 0.125rem;
  /* 2px */ }

.rounded {
  border-radius: 0.25rem;
  /* 4px */ }

.rounded-md {
  border-radius: 0.375rem;
  /* 6px */ }

.rounded-lg {
  border-radius: 0.5rem;
  /* 8px */ }

.rounded-xl {
  border-radius: 0.75rem;
  /* 12px */ }

.rounded-2xl {
  border-radius: 1rem;
  /* 16px */ }

.rounded-3xl {
  border-radius: 1.5rem;
  /* 24px */ }

.rounded-full {
  border-radius: 9999px; }

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  /* 2px */
  border-top-right-radius: 0.125rem;
  /* 2px */ }

.rounded-t {
  border-top-left-radius: 0.25rem;
  /* 4px */
  border-top-right-radius: 0.25rem;
  /* 4px */ }

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  /* 6px */
  border-top-right-radius: 0.375rem;
  /* 6px */ }

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  /* 8px */
  border-top-right-radius: 0.5rem;
  /* 8px */ }

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  /* 12px */
  border-top-right-radius: 0.75rem;
  /* 12px */ }

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  /* 16px */
  border-top-right-radius: 1rem;
  /* 16px */ }

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  /* 24px */
  border-top-right-radius: 1.5rem;
  /* 24px */ }

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px; }

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  /* 2px */
  border-bottom-right-radius: 0.125rem;
  /* 2px */ }

.rounded-r {
  border-top-right-radius: 0.25rem;
  /* 4px */
  border-bottom-right-radius: 0.25rem;
  /* 4px */ }

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  /* 6px */
  border-bottom-right-radius: 0.375rem;
  /* 6px */ }

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  /* 8px */
  border-bottom-right-radius: 0.5rem;
  /* 8px */ }

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  /* 12px */
  border-bottom-right-radius: 0.75rem;
  /* 12px */ }

.rounded-r-2xl {
  border-top-right-radius: 1rem;
  /* 16px */
  border-bottom-right-radius: 1rem;
  /* 16px */ }

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  /* 24px */
  border-bottom-right-radius: 1.5rem;
  /* 24px */ }

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px; }

.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; }

.rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  /* 2px */
  border-bottom-left-radius: 0.125rem;
  /* 2px */ }

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  /* 4px */
  border-bottom-left-radius: 0.25rem;
  /* 4px */ }

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  /* 6px */
  border-bottom-left-radius: 0.375rem;
  /* 6px */ }

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  /* 8px */
  border-bottom-left-radius: 0.5rem;
  /* 8px */ }

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  /* 12px */
  border-bottom-left-radius: 0.75rem;
  /* 12px */ }

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  /* 16px */
  border-bottom-left-radius: 1rem;
  /* 16px */ }

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  /* 24px */
  border-bottom-left-radius: 1.5rem;
  /* 24px */ }

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px; }

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  /* 2px */
  border-bottom-left-radius: 0.125rem;
  /* 2px */ }

.rounded-l {
  border-top-left-radius: 0.25rem;
  /* 4px */
  border-bottom-left-radius: 0.25rem;
  /* 4px */ }

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  /* 6px */
  border-bottom-left-radius: 0.375rem;
  /* 6px */ }

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  /* 8px */
  border-bottom-left-radius: 0.5rem;
  /* 8px */ }

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  /* 12px */
  border-bottom-left-radius: 0.75rem;
  /* 12px */ }

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  /* 16px */
  border-bottom-left-radius: 1rem;
  /* 16px */ }

.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  /* 24px */
  border-bottom-left-radius: 1.5rem;
  /* 24px */ }

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px; }

.rounded-tl-none {
  border-top-left-radius: 0px; }

.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
  /* 2px */ }

.rounded-tl {
  border-top-left-radius: 0.25rem;
  /* 4px */ }

.rounded-tl-md {
  border-top-left-radius: 0.375rem;
  /* 6px */ }

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
  /* 8px */ }

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
  /* 12px */ }

.rounded-tl-2xl {
  border-top-left-radius: 1rem;
  /* 16px */ }

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem;
  /* 24px */ }

.rounded-tl-full {
  border-top-left-radius: 9999px; }

.rounded-tr-none {
  border-top-right-radius: 0px; }

.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
  /* 2px */ }

.rounded-tr {
  border-top-right-radius: 0.25rem;
  /* 4px */ }

.rounded-tr-md {
  border-top-right-radius: 0.375rem;
  /* 6px */ }

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
  /* 8px */ }

.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
  /* 12px */ }

.rounded-tr-2xl {
  border-top-right-radius: 1rem;
  /* 16px */ }

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
  /* 24px */ }

.rounded-tr-full {
  border-top-right-radius: 9999px; }

.rounded-br-none {
  border-bottom-right-radius: 0px; }

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
  /* 2px */ }

.rounded-br {
  border-bottom-right-radius: 0.25rem;
  /* 4px */ }

.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
  /* 6px */ }

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
  /* 8px */ }

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
  /* 12px */ }

.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
  /* 16px */ }

.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem;
  /* 24px */ }

.rounded-br-full {
  border-bottom-right-radius: 9999px; }

.rounded-bl-none {
  border-bottom-left-radius: 0px; }

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
  /* 2px */ }

.rounded-bl {
  border-bottom-left-radius: 0.25rem;
  /* 4px */ }

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
  /* 6px */ }

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
  /* 8px */ }

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
  /* 12px */ }

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
  /* 16px */ }

.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
  /* 24px */ }

.rounded-bl-full {
  border-bottom-left-radius: 9999px; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

.flex {
  display: flex; }

@media screen and (min-width: 1120px) {
  .flex-pc {
    display: flex; } }

.inline-flex {
  display: inline-flex; }

.table {
  display: table; }

.inline-table {
  display: inline-table; }

.table-caption {
  display: table-caption; }

.table-cell {
  display: table-cell; }

.table-column {
  display: table-column; }

.table-column-group {
  display: table-column-group; }

.table-footer-group {
  display: table-footer-group; }

.table-header-group {
  display: table-header-group; }

.table-row-group {
  display: table-row-group; }

.table-row {
  display: table-row; }

.flow-root {
  display: flow-root; }

.grid {
  display: grid; }

.inline-grid {
  display: inline-grid; }

.contents {
  display: contents; }

.list-item {
  display: list-item; }

.hidden {
  display: none; }

.flex-row {
  flex-direction: row; }

.flex-row-reverse {
  flex-direction: row-reverse; }

.flex-col {
  flex-direction: column; }

.flex-col-reverse {
  flex-direction: column-reverse; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse; }

.flex-nowrap {
  flex-wrap: nowrap; }

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem; }

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem; }

.text-base {
  font-size: 1rem;
  line-height: 1.5rem; }

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem; }

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem; }

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem; }

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem; }

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem; }

.text-5xl {
  font-size: 3rem;
  line-height: 1; }

.text-6xl {
  font-size: 3.75rem;
  line-height: 1; }

@media (max-width: 690px) {
  .md-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem; }
  .md-text-base {
    font-size: 1rem;
    line-height: 1.5rem; }
  .md-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem; }
  .md-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem; }
  .md-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem; }
  .md-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem; }
  .md-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem; } }

.font-thin {
  font-weight: 100; }

.font-extralight {
  font-weight: 200; }

.font-light {
  font-weight: 300; }

.font-normal {
  font-weight: 400; }

.font-medium {
  font-weight: 500; }

.font-semibold {
  font-weight: 600; }

.font-bold {
  font-weight: 700; }

.font-extrabold {
  font-weight: 800; }

.font-black {
  font-weight: 900; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

@media screen and (min-width: 1120px) {
  .justify-center-pc {
    justify-content: center; } }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.justify-evenly {
  justify-content: space-evenly; }

.m-0 {
  margin: 0; }

.mt-0125 {
  margin-top: 0.125rem; }

.mt-1 {
  margin-top: 0.25rem; }

.mt-0375 {
  margin-top: 0.375rem; }

.mt-2 {
  margin-top: 0.5rem; }

.mt-0625 {
  margin-top: 0.625rem; }

.mt-3 {
  margin-top: 0.75rem; }

.mt-0875 {
  margin-top: 0.875rem; }

.mt-4 {
  margin-top: 1rem; }

.mt-5 {
  margin-top: 1.25rem; }

.mt-6 {
  margin-top: 1.5rem; }

.mt-7 {
  margin-top: 1.75rem; }

.mt-8 {
  margin-top: 2rem; }

.mt-9 {
  margin-top: 2.25rem; }

.mt-10 {
  margin-top: 2.5rem; }

.mt-11 {
  margin-top: 2.75rem; }

.mt-12 {
  margin-top: 3rem; }

.mt-14 {
  margin-top: 3.5rem; }

.mt-16 {
  margin-top: 4rem; }

.mt-20 {
  margin-top: 5rem; }

.mt-24 {
  margin-top: 6rem; }

.mt-28 {
  margin-top: 7rem; }

.mt-32 {
  margin-top: 8rem; }

.mt-36 {
  margin-top: 9rem; }

.mt-40 {
  margin-top: 10rem; }

.mb-0 {
  margin-bottom: 0px; }

.mb-px {
  margin-bottom: 1px; }

.mb-1 {
  margin-bottom: 0.25rem; }

.mb-2 {
  margin-bottom: 0.5rem; }

.mb-3 {
  margin-bottom: 0.75rem; }

.mb-4 {
  margin-bottom: 1rem; }

.mb-5 {
  margin-bottom: 1.25rem; }

.mb-6 {
  margin-bottom: 1.5rem; }

.mb-7 {
  margin-bottom: 1.75rem; }

.mb-8 {
  margin-bottom: 2rem; }

.mb-9 {
  margin-bottom: 2.25rem; }

.mb-10 {
  margin-bottom: 2.5rem; }

.mb-11 {
  margin-bottom: 2.75rem; }

.mb-12 {
  margin-bottom: 3rem; }

.mb-14 {
  margin-bottom: 3.5rem; }

.mb-16 {
  margin-bottom: 4rem; }

.mb-20 {
  margin-bottom: 5rem; }

.mb-24 {
  margin-bottom: 6rem; }

.mb-28 {
  margin-bottom: 7rem; }

.mb-32 {
  margin-bottom: 8rem; }

.mb-36 {
  margin-bottom: 9rem; }

.mb-40 {
  margin-bottom: 10rem; }

.mb-44 {
  margin-bottom: 11rem; }

.mb-48 {
  margin-bottom: 12rem; }

.mb-52 {
  margin-bottom: 13rem; }

.mb-56 {
  margin-bottom: 14rem; }

.mb-60 {
  margin-bottom: 15rem; }

.mb-64 {
  margin-bottom: 16rem; }

.mb-72 {
  margin-bottom: 18rem; }

.mb-80 {
  margin-bottom: 20rem; }

.mb-96 {
  margin-bottom: 24rem; }

.mb-auto {
  margin-bottom: auto; }

.mx-0 {
  margin-left: 0px;
  margin-right: 0px; }

.mx-px {
  margin-left: 1px;
  margin-right: 1px; }

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem; }

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.my-px {
  margin-top: 1px;
  margin-bottom: 1px; }

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

@media (max-width: 530px) {
  .sm-text-left {
    text-align: left !important; }
  .sm-text-center {
    text-align: center !important; }
  .sm-text-right {
    text-align: right !important; } }

.text-transparent {
  color: transparent; }

.text-current {
  color: currentColor; }

.text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity)); }

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.text-gray-50 {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity)); }

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity)); }

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity)); }

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity)); }

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity)); }

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity)); }

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity)); }

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity)); }

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity)); }

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity)); }

.text-red-50 {
  --tw-text-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-text-opacity)) !important; }

.text-red-100 {
  --tw-text-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-text-opacity)); }

.text-red-200 {
  --tw-text-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-text-opacity)); }

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity)); }

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity)); }

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity)) !important; }

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity)); }

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity)); }

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-text-opacity)); }

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-text-opacity)); }

.text-yellow-50 {
  --tw-text-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-text-opacity)); }

.text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-text-opacity)); }

.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-text-opacity)); }

.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-text-opacity)); }

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity)); }

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-text-opacity)); }

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-text-opacity)); }

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity)); }

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-text-opacity)); }

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-text-opacity)); }

.text-green-50 {
  --tw-text-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-text-opacity)) !important; }

.text-green-100 {
  --tw-text-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-text-opacity)); }

.text-green-200 {
  --tw-text-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-text-opacity)); }

.text-green-300 {
  --tw-text-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-text-opacity)); }

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-text-opacity)); }

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity)) !important; }

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity)); }

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity)); }

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-text-opacity)); }

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-text-opacity)); }

.text-blue-50 {
  --tw-text-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-text-opacity)); }

.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-text-opacity)); }

.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-text-opacity)); }

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity)); }

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity)); }

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity)); }

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity)); }

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity)); }

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity)); }

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-text-opacity)); }

.text-indigo-50 {
  --tw-text-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-text-opacity)); }

.text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-text-opacity)); }

.text-indigo-200 {
  --tw-text-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-text-opacity)); }

.text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-text-opacity)); }

.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-text-opacity)); }

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity)); }

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity)); }

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-text-opacity)); }

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-text-opacity)); }

.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-text-opacity)); }

.text-purple-50 {
  --tw-text-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-text-opacity)); }

.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-text-opacity)); }

.text-purple-200 {
  --tw-text-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-text-opacity)); }

.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-text-opacity)); }

.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-text-opacity)); }

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-text-opacity)); }

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-text-opacity)); }

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-text-opacity)); }

.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-text-opacity)); }

.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-text-opacity)); }

.text-pink-50 {
  --tw-text-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-text-opacity)); }

.text-pink-100 {
  --tw-text-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-text-opacity)); }

.text-pink-200 {
  --tw-text-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-text-opacity)); }

.text-pink-300 {
  --tw-text-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-text-opacity)); }

.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-text-opacity)); }

.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-text-opacity)); }

.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-text-opacity)); }

.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-text-opacity)); }

.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-text-opacity)); }

.text-pink-900 {
  --tw-text-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-text-opacity)); }

.underline {
  text-decoration: underline; }

.line-through {
  text-decoration: line-through; }

.no-underline {
  text-decoration: none; }

.leading-3 {
  line-height: .75rem; }

.leading-4 {
  line-height: 1rem; }

.leading-5 {
  line-height: 1.25rem; }

.leading-6 {
  line-height: 1.5rem; }

.leading-7 {
  line-height: 1.75rem; }

.leading-8 {
  line-height: 2rem; }

.leading-9 {
  line-height: 2.25rem; }

.leading-10 {
  line-height: 2.5rem; }

.leading-none {
  line-height: 1; }

.leading-tight {
  line-height: 1.25; }

.leading-snug {
  line-height: 1.375; }

.leading-normal {
  line-height: 1.5; }

.leading-relaxed {
  line-height: 1.625; }

.leading-loose {
  line-height: 2; }

.p-0 {
  padding: 0px; }

.p-px {
  padding: 1px; }

.p-1 {
  padding: 0.25rem; }

.p-2 {
  padding: 0.5rem; }

.p-3 {
  padding: 0.75rem; }

.p-4 {
  padding: 1rem; }

.p-5 {
  padding: 1.25rem; }

.p-6 {
  padding: 1.5rem; }

.p-7 {
  padding: 1.75rem; }

.p-8 {
  padding: 2rem; }

.p-9 {
  padding: 2.25rem; }

.p-10 {
  padding: 2.5rem; }

.p-11 {
  padding: 2.75rem; }

.p-12 {
  padding: 3rem; }

.p-14 {
  padding: 3.5rem; }

.p-16 {
  padding: 4rem; }

.p-20 {
  padding: 5rem; }

.p-24 {
  padding: 6rem; }

.p-28 {
  padding: 7rem; }

.p-32 {
  padding: 8rem; }

.p-36 {
  padding: 9rem; }

.p-40 {
  padding: 10rem; }

.p-44 {
  padding: 11rem; }

.p-48 {
  padding: 12rem; }

.p-52 {
  padding: 13rem; }

.p-56 {
  padding: 14rem; }

.p-60 {
  padding: 15rem; }

.p-64 {
  padding: 16rem; }

.p-72 {
  padding: 18rem; }

.p-80 {
  padding: 20rem; }

.p-96 {
  padding: 24rem; }

.px-0 {
  padding-left: 0px;
  padding-right: 0px; }

.px-px {
  padding-left: 1px;
  padding-right: 1px; }

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem; }

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem; }

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem; }

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem; }

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem; }

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem; }

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem; }

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem; }

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem; }

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem; }

.px-28 {
  padding-left: 7rem;
  padding-right: 7rem; }

.px-32 {
  padding-left: 8rem;
  padding-right: 8rem; }

.px-36 {
  padding-left: 9rem;
  padding-right: 9rem; }

.px-40 {
  padding-left: 10rem;
  padding-right: 10rem; }

.px-44 {
  padding-left: 11rem;
  padding-right: 11rem; }

.px-48 {
  padding-left: 12rem;
  padding-right: 12rem; }

.px-52 {
  padding-left: 13rem;
  padding-right: 13rem; }

.px-56 {
  padding-left: 14rem;
  padding-right: 14rem; }

.px-60 {
  padding-left: 15rem;
  padding-right: 15rem; }

.px-64 {
  padding-left: 16rem;
  padding-right: 16rem; }

.px-72 {
  padding-left: 18rem;
  padding-right: 18rem; }

.px-80 {
  padding-left: 20rem;
  padding-right: 20rem; }

.px-96 {
  padding-left: 24rem;
  padding-right: 24rem; }

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.py-px {
  padding-top: 1px;
  padding-bottom: 1px; }

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem; }

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem; }

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem; }

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem; }

.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem; }

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.py-36 {
  padding-top: 9rem;
  padding-bottom: 9rem; }

.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem; }

.py-44 {
  padding-top: 11rem;
  padding-bottom: 11rem; }

.py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem; }

.py-52 {
  padding-top: 13rem;
  padding-bottom: 13rem; }

.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem; }

.py-60 {
  padding-top: 15rem;
  padding-bottom: 15rem; }

.py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem; }

.py-72 {
  padding-top: 18rem;
  padding-bottom: 18rem; }

.py-80 {
  padding-top: 20rem;
  padding-bottom: 20rem; }

.py-96 {
  padding-top: 24rem;
  padding-bottom: 24rem; }

.pt-0 {
  padding-top: 0px; }

.pt-px {
  padding-top: 1px; }

.pt-1 {
  padding-top: 0.25rem; }

.pt-2 {
  padding-top: 0.5rem; }

.pt-3 {
  padding-top: 0.75rem; }

.pt-4 {
  padding-top: 1rem; }

.pt-5 {
  padding-top: 1.25rem; }

.pt-6 {
  padding-top: 1.5rem; }

.pt-7 {
  padding-top: 1.75rem; }

.pt-8 {
  padding-top: 2rem; }

.pt-9 {
  padding-top: 2.25rem; }

.pt-10 {
  padding-top: 2.5rem; }

.pt-11 {
  padding-top: 2.75rem; }

.pt-12 {
  padding-top: 3rem; }

.pt-14 {
  padding-top: 3.5rem; }

.pt-16 {
  padding-top: 4rem; }

.pt-20 {
  padding-top: 5rem; }

.pt-24 {
  padding-top: 6rem; }

.pt-28 {
  padding-top: 7rem; }

.pt-32 {
  padding-top: 8rem; }

.pt-36 {
  padding-top: 9rem; }

.pt-40 {
  padding-top: 10rem; }

.pt-44 {
  padding-top: 11rem; }

.pt-48 {
  padding-top: 12rem; }

.pt-52 {
  padding-top: 13rem; }

.pt-56 {
  padding-top: 14rem; }

.pt-60 {
  padding-top: 15rem; }

.pt-64 {
  padding-top: 16rem; }

.pt-72 {
  padding-top: 18rem; }

.pt-80 {
  padding-top: 20rem; }

.pt-96 {
  padding-top: 24rem; }

.pr-0 {
  padding-right: 0px; }

.pr-px {
  padding-right: 1px; }

.pr-1 {
  padding-right: 0.25rem; }

.pr-2 {
  padding-right: 0.5rem; }

.pr-3 {
  padding-right: 0.75rem; }

.pr-4 {
  padding-right: 1rem; }

.pr-5 {
  padding-right: 1.25rem; }

.pr-6 {
  padding-right: 1.5rem; }

.pr-7 {
  padding-right: 1.75rem; }

.pr-8 {
  padding-right: 2rem; }

.pr-9 {
  padding-right: 2.25rem; }

.pr-10 {
  padding-right: 2.5rem; }

.pr-11 {
  padding-right: 2.75rem; }

.pr-12 {
  padding-right: 3rem; }

.pr-14 {
  padding-right: 3.5rem; }

.pr-16 {
  padding-right: 4rem; }

.pr-20 {
  padding-right: 5rem; }

.pr-24 {
  padding-right: 6rem; }

.pr-28 {
  padding-right: 7rem; }

.pr-32 {
  padding-right: 8rem; }

.pr-36 {
  padding-right: 9rem; }

.pr-40 {
  padding-right: 10rem; }

.pr-44 {
  padding-right: 11rem; }

.pr-48 {
  padding-right: 12rem; }

.pr-52 {
  padding-right: 13rem; }

.pr-56 {
  padding-right: 14rem; }

.pr-60 {
  padding-right: 15rem; }

.pr-64 {
  padding-right: 16rem; }

.pr-72 {
  padding-right: 18rem; }

.pr-80 {
  padding-right: 20rem; }

.pr-96 {
  padding-right: 24rem; }

.pb-0 {
  padding-bottom: 0px; }

.pb-px {
  padding-bottom: 1px; }

.pb-1 {
  padding-bottom: 0.25rem; }

.pb-2 {
  padding-bottom: 0.5rem; }

.pb-3 {
  padding-bottom: 0.75rem; }

.pb-4 {
  padding-bottom: 1rem; }

.pb-5 {
  padding-bottom: 1.25rem; }

.pb-6 {
  padding-bottom: 1.5rem; }

.pb-7 {
  padding-bottom: 1.75rem; }

.pb-8 {
  padding-bottom: 2rem; }

.pb-9 {
  padding-bottom: 2.25rem; }

.pb-10 {
  padding-bottom: 2.5rem; }

.pb-11 {
  padding-bottom: 2.75rem; }

.pb-12 {
  padding-bottom: 3rem; }

.pb-14 {
  padding-bottom: 3.5rem; }

.pb-16 {
  padding-bottom: 4rem; }

.pb-20 {
  padding-bottom: 5rem; }

.pb-24 {
  padding-bottom: 6rem; }

.pb-28 {
  padding-bottom: 7rem; }

.pb-32 {
  padding-bottom: 8rem; }

.pb-36 {
  padding-bottom: 9rem; }

.pb-40 {
  padding-bottom: 10rem; }

.pb-44 {
  padding-bottom: 11rem; }

.pb-48 {
  padding-bottom: 12rem; }

.pb-52 {
  padding-bottom: 13rem; }

.pb-56 {
  padding-bottom: 14rem; }

.pb-60 {
  padding-bottom: 15rem; }

.pb-64 {
  padding-bottom: 16rem; }

.pb-72 {
  padding-bottom: 18rem; }

.pb-80 {
  padding-bottom: 20rem; }

.pb-96 {
  padding-bottom: 24rem; }

.pl-0 {
  padding-left: 0px; }

.pl-px {
  padding-left: 1px; }

.pl-1 {
  padding-left: 0.25rem; }

.pl-2 {
  padding-left: 0.5rem; }

.pl-3 {
  padding-left: 0.75rem; }

.pl-4 {
  padding-left: 1rem; }

.pl-5 {
  padding-left: 1.25rem; }

.pl-6 {
  padding-left: 1.5rem; }

.pl-7 {
  padding-left: 1.75rem; }

.pl-8 {
  padding-left: 2rem; }

.pl-9 {
  padding-left: 2.25rem; }

.pl-10 {
  padding-left: 2.5rem; }

.pl-11 {
  padding-left: 2.75rem; }

.pl-12 {
  padding-left: 3rem; }

.pl-14 {
  padding-left: 3.5rem; }

.pl-16 {
  padding-left: 4rem; }

.pl-20 {
  padding-left: 5rem; }

.pl-24 {
  padding-left: 6rem; }

.pl-28 {
  padding-left: 7rem; }

.pl-32 {
  padding-left: 8rem; }

.pl-36 {
  padding-left: 9rem; }

.pl-40 {
  padding-left: 10rem; }

.pl-44 {
  padding-left: 11rem; }

.pl-48 {
  padding-left: 12rem; }

.pl-52 {
  padding-left: 13rem; }

.pl-56 {
  padding-left: 14rem; }

.pl-60 {
  padding-left: 15rem; }

.pl-64 {
  padding-left: 16rem; }

.pl-72 {
  padding-left: 18rem; }

.pl-80 {
  padding-left: 20rem; }

.pl-96 {
  padding-left: 24rem; }

.z-0 {
  z-index: 0; }

.z-10 {
  z-index: 10; }

.z-20 {
  z-index: 20; }

.z-30 {
  z-index: 30; }

.z-40 {
  z-index: 40; }

.z-50 {
  z-index: 50; }

.z-auto {
  z-index: auto; }

.static {
  position: static; }

.fixed {
  position: fixed; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.sticky {
  position: sticky; }

.h-auto {
  height: auto; }

.min-h-full {
  min-height: 100%; }

.w-auto {
  width: auto; }

.min-w-full {
  min-width: 100%; }

.wonder-ikeyan {
  overflow: hidden; }
  .wonder-ikeyan--quiet-undeline {
    margin-bottom: -1px; }
  @media (max-width: 530px) {
    .wonder-ikeyan {
      margin-left: -15px;
      margin-right: -15px; } }
  @media (min-width: 980px) {
    .wonder-ikeyan {
      max-width: 375px;
      margin-left: auto;
      margin-right: auto; } }