@media only screen and (max-width: 767px) {
  #usageArchive .usage-hero {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background: white; }
    #usageArchive .usage-hero .usage-hero-image {
      width: 100%;
      aspect-ratio: 3 / 1;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #usageArchive .usage-hero .usage-hero-image .usage-ttl-box {
        background: rgba(255, 255, 255, 0.9);
        display: inline-block;
        text-align: center;
        padding: 20px 24px; }
        #usageArchive .usage-hero .usage-hero-image .usage-ttl-box h1 {
          font-size: 20px; }
        #usageArchive .usage-hero .usage-hero-image .usage-ttl-box .usage-ttl-en {
          font-size: 14px;
          font-weight: bold;
          margin: 0; }
    #usageArchive .usage-hero .usage-hero-desc {
      width: 100%;
      padding: 24px 3%;
      text-align: center; }
      #usageArchive .usage-hero .usage-hero-desc h1 {
        font-size: 18px;
        margin-bottom: 5px; }
      #usageArchive .usage-hero .usage-hero-desc .usage-ttl-en {
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        color: white !important;
        display: inline-block;
        margin-bottom: 12px;
        width: auto;
        line-height: 1;
        padding: 5px 8px;
        letter-spacing: 0.03em; }
      #usageArchive .usage-hero .usage-hero-desc .usage-description {
        font-size: 13px;
        margin: 0;
        text-align: left; }
  #usageArchive #usageRecommend {
    padding: 32px 0; }
    #usageArchive #usageRecommend .content-inner {
      padding: 0 0 0 3%;
      overflow: visible; }
    #usageArchive #usageRecommend .usage-recommend-container {
      display: flex;
      overflow-x: auto;
      gap: 16px;
      padding: 0 16px;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch; }
      #usageArchive #usageRecommend .usage-recommend-container::-webkit-scrollbar {
        display: none; }
      #usageArchive #usageRecommend .usage-recommend-container .recommend-item {
        width: 240px;
        flex-shrink: 0;
        background: white;
        border-radius: 10px;
        overflow: hidden;
        scroll-snap-align: start; }
        #usageArchive #usageRecommend .usage-recommend-container .recommend-item a {
          display: block; }
        #usageArchive #usageRecommend .usage-recommend-container .recommend-item .recommend-item-thumb {
          width: 100%;
          aspect-ratio: 5 / 3;
          background-size: cover;
          background-position: center;
          position: relative; }
        #usageArchive #usageRecommend .usage-recommend-container .recommend-item .uc-label {
          position: absolute;
          display: inline-block;
          background: white;
          border-radius: 4px;
          font-size: 12px;
          padding: 2px 8px;
          font-weight: bold;
          top: 6px;
          right: 6px; }
        #usageArchive #usageRecommend .usage-recommend-container .recommend-item .recommend-item-ttl {
          font-size: 14px;
          line-height: 1.5;
          padding: 0 16px;
          margin: 10px 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
  #usageArchive #usagePickup {
    padding: 32px 0 0; }
    #usageArchive #usagePickup .usage-pickup-container {
      border-bottom: 1px solid #dedede;
      padding-bottom: 80px; }
    #usageArchive #usagePickup .slide-item-wrapper {
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0 1px; }
    #usageArchive #usagePickup .pickup-item {
      width: 100%;
      background: white; }
      #usageArchive #usagePickup .pickup-item a {
        display: block; }
      #usageArchive #usagePickup .pickup-item .pickup-thumb-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        #usageArchive #usagePickup .pickup-item .pickup-thumb-container img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      #usageArchive #usagePickup .pickup-item .pickup-main-thumb {
        width: 100%;
        aspect-ratio: 5 / 3;
        margin-bottom: 2px; }
      #usageArchive #usagePickup .pickup-item .sub-wrap {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
      #usageArchive #usagePickup .pickup-item .pickup-sub-thumb {
        width: calc(50% - 1px);
        aspect-ratio: 3 / 2; }
      #usageArchive #usagePickup .pickup-item .pickup-desc-container {
        padding: 16px; }
        #usageArchive #usagePickup .pickup-item .pickup-desc-container .pickup-comment {
          font-size: 13px;
          line-height: 1.5;
          margin-bottom: 8px; }
        #usageArchive #usagePickup .pickup-item .pickup-desc-container .pickup-item-ttl {
          font-size: 16px;
          margin-bottom: 10px; }
        #usageArchive #usagePickup .pickup-item .pickup-desc-container .pickup-data {
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          justify-content: flex-start;
          flex-wrap: nowrap;
          overflow-x: auto;
          -ms-overflow-style: none;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch; }
        #usageArchive #usagePickup .pickup-item .pickup-desc-container .space-data {
          font-size: 12px;
          margin-bottom: 0;
          position: relative;
          padding-left: 18px;
          display: inline-block;
          flex: 0 0 auto; }
          #usageArchive #usagePickup .pickup-item .pickup-desc-container .space-data.area {
            margin-right: 12px; }
          #usageArchive #usagePickup .pickup-item .pickup-desc-container .space-data.price {
            padding-left: 22px; }
          #usageArchive #usagePickup .pickup-item .pickup-desc-container .space-data img {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
    #usageArchive #usagePickup .slick-dots {
      bottom: -50px; }
    #usageArchive #usagePickup .slick-prev, #usageArchive #usagePickup .slick-next {
      width: 34px;
      height: 34px;
      background-image: url("../img/space/slide_arrow.svg");
      background-size: cover;
      top: auto;
      bottom: -58px; }
      #usageArchive #usagePickup .slick-prev::before, #usageArchive #usagePickup .slick-next::before {
        content: none;
        width: 100%;
        height: 100%; }
    #usageArchive #usagePickup .slick-next {
      transform: rotate(180deg);
      right: calc(50% - 108px); }
    #usageArchive #usagePickup .slick-prev {
      left: calc(50% - 108px); }
    #usageArchive #usagePickup .slick-dots li {
      width: 8px;
      height: 8px;
      border: 0;
      background: #D5D5D5;
      margin: 0 5px;
      cursor: pointer; }
      #usageArchive #usagePickup .slick-dots li.slick-active {
        background: #f2a4a4; }
      #usageArchive #usagePickup .slick-dots li button {
        width: 8px;
        height: 8px; }
  #usageArchive.party .usage-hero-desc {
    background: #ffeced; }
  #usageArchive.party .usage-ttl-en, #usageArchive.party .uc-label {
    color: #ff9ea6; }
  #usageArchive.party #usageRecommend {
    background: #ffdde0; }
  #usageArchive.party .usage-ttl-en {
    background: #ff9ea6; }
  #usageArchive.meeting-seminar .usage-hero-desc {
    background: #ebf7f5; }
  #usageArchive.meeting-seminar .usage-ttl-en, #usageArchive.meeting-seminar .uc-label {
    color: #9dd8cf; }
  #usageArchive.meeting-seminar #usageRecommend {
    background: #ddf1ee; }
  #usageArchive.meeting-seminar .usage-ttl-en {
    background: #9dd8cf; }
  #usageArchive.exhibition .usage-hero-desc {
    background: #f1f1f9; }
  #usageArchive.exhibition .usage-ttl-en, #usageArchive.exhibition .uc-label {
    color: #b9b9e1; }
  #usageArchive.exhibition #usageRecommend {
    background: #e7e7f5; }
  #usageArchive.exhibition .usage-ttl-en {
    background: #b9b9e1; }
  #usageArchive.shooting .usage-hero-desc {
    background: #ffefe7; }
  #usageArchive.shooting .usage-ttl-en, #usageArchive.shooting .uc-label {
    color: #fdad85; }
  #usageArchive.shooting #usageRecommend {
    background: #fee2d4; }
  #usageArchive.shooting .usage-ttl-en {
    background: #fdad85; } }
@media only screen and (min-width: 768px) {
  #usageArchive .usage-hero {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 280px;
    background: white; }
    #usageArchive .usage-hero .usage-hero-image {
      width: 50%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #usageArchive .usage-hero .usage-hero-image .usage-ttl-box {
        background: rgba(255, 255, 255, 0.9);
        display: inline-block;
        text-align: center;
        padding: 20px 24px; }
        #usageArchive .usage-hero .usage-hero-image .usage-ttl-box h1 {
          font-size: 20px; }
        #usageArchive .usage-hero .usage-hero-image .usage-ttl-box .usage-ttl-en {
          font-size: 14px;
          font-weight: bold;
          margin: 6px 0 0;
          line-height: 1; }
    #usageArchive .usage-hero .usage-hero-desc {
      width: 50%;
      padding: 40px 0 40px 80px;
      box-sizing: border-box;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      align-items: flex-start; }
      #usageArchive .usage-hero .usage-hero-desc h1 {
        font-size: 20px;
        margin-bottom: 8px; }
      #usageArchive .usage-hero .usage-hero-desc .usage-ttl-en {
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        color: white !important;
        display: inline-block;
        margin-bottom: 12px;
        width: auto;
        line-height: 1;
        padding: 5px 8px;
        letter-spacing: 0.03em; }
      #usageArchive .usage-hero .usage-hero-desc .usage-description {
        width: 460px;
        margin: 0; }
  #usageArchive #usageRecommend {
    padding: 40px 0; }
    #usageArchive #usageRecommend .usage-recommend-container {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      #usageArchive #usageRecommend .usage-recommend-container .recommend-item {
        width: 252px;
        background: white;
        border-radius: 10px;
        overflow: hidden; }
        #usageArchive #usageRecommend .usage-recommend-container .recommend-item a {
          display: block; }
        #usageArchive #usageRecommend .usage-recommend-container .recommend-item .recommend-item-thumb {
          width: 100%;
          aspect-ratio: 5 / 3;
          background-size: cover;
          background-position: center;
          position: relative; }
        #usageArchive #usageRecommend .usage-recommend-container .recommend-item .uc-label {
          position: absolute;
          display: inline-block;
          background: white;
          border-radius: 4px;
          font-size: 12px;
          padding: 5px 8px;
          font-weight: bold;
          top: 6px;
          right: 6px;
          line-height: 1; }
        #usageArchive #usageRecommend .usage-recommend-container .recommend-item .recommend-item-ttl {
          font-size: 14px;
          line-height: 1.5;
          padding: 0 16px;
          margin: 10px 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; }
  #usageArchive #usagePickup {
    padding: 40px 0 0; }
    #usageArchive #usagePickup .content-inner {
      padding: 0; }
    #usageArchive #usagePickup .usage-pickup-container {
      border-bottom: 1px solid #dedede;
      padding-bottom: 110px; }
    #usageArchive #usagePickup .slide-item-wrapper {
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    #usageArchive #usagePickup .pickup-item {
      width: 520px !important;
      background: white; }
      #usageArchive #usagePickup .pickup-item a {
        display: block; }
      #usageArchive #usagePickup .pickup-item .pickup-thumb-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        #usageArchive #usagePickup .pickup-item .pickup-thumb-container img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      #usageArchive #usagePickup .pickup-item .pickup-main-thumb {
        width: 360px;
        aspect-ratio: 3 / 2;
        overflow: hidden; }
      #usageArchive #usagePickup .pickup-item .sub-wrap {
        width: 156px; }
      #usageArchive #usagePickup .pickup-item .pickup-sub-thumb {
        width: 100%;
        height: 118px; }
        #usageArchive #usagePickup .pickup-item .pickup-sub-thumb:first-child {
          margin-bottom: 4px; }
      #usageArchive #usagePickup .pickup-item .pickup-desc-container {
        padding: 16px 24px; }
        #usageArchive #usagePickup .pickup-item .pickup-desc-container .pickup-comment {
          line-height: 1.5;
          margin-bottom: 8px; }
        #usageArchive #usagePickup .pickup-item .pickup-desc-container .pickup-item-ttl {
          font-size: 20px;
          margin-bottom: 10px; }
        #usageArchive #usagePickup .pickup-item .pickup-desc-container .pickup-data {
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          justify-content: flex-start;
          flex-wrap: nowrap;
          overflow-x: auto;
          -ms-overflow-style: none;
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch; }
        #usageArchive #usagePickup .pickup-item .pickup-desc-container .space-data {
          font-size: 13px;
          margin-bottom: 0;
          position: relative;
          padding-left: 18px;
          display: inline-block;
          flex: 0 0 auto; }
          #usageArchive #usagePickup .pickup-item .pickup-desc-container .space-data.area {
            margin-right: 12px; }
          #usageArchive #usagePickup .pickup-item .pickup-desc-container .space-data.price {
            padding-left: 22px; }
          #usageArchive #usagePickup .pickup-item .pickup-desc-container .space-data img {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
    #usageArchive #usagePickup .slick-dots {
      bottom: -60px; }
    #usageArchive #usagePickup .slick-prev, #usageArchive #usagePickup .slick-next {
      width: 46px;
      height: 46px;
      background-image: url("../img/space/slide_arrow.svg");
      background-size: cover;
      top: auto;
      bottom: -75px; }
      #usageArchive #usagePickup .slick-prev::before, #usageArchive #usagePickup .slick-next::before {
        content: none;
        width: 100%;
        height: 100%; }
    #usageArchive #usagePickup .slick-next {
      transform: rotate(180deg);
      right: calc(50% - 108px); }
    #usageArchive #usagePickup .slick-prev {
      left: calc(50% - 108px); }
    #usageArchive #usagePickup .slick-dots li {
      width: 12px;
      height: 12px;
      border: 0;
      background: #D5D5D5;
      margin: 0 8px;
      cursor: pointer; }
      #usageArchive #usagePickup .slick-dots li.slick-active {
        background: #f2a4a4; }
      #usageArchive #usagePickup .slick-dots li button {
        width: 12px;
        height: 12px; }
  #usageArchive.party .usage-hero-desc {
    background: #ffeced; }
  #usageArchive.party .usage-ttl-en, #usageArchive.party .uc-label {
    color: #ff9ea6; }
  #usageArchive.party #usageRecommend {
    background: #ffdde0; }
  #usageArchive.party .usage-ttl-en {
    background: #ff9ea6; }
  #usageArchive.meeting-seminar .usage-hero-desc {
    background: #ebf7f5; }
  #usageArchive.meeting-seminar .usage-ttl-en, #usageArchive.meeting-seminar .uc-label {
    color: #9dd8cf; }
  #usageArchive.meeting-seminar #usageRecommend {
    background: #ddf1ee; }
  #usageArchive.meeting-seminar .usage-ttl-en {
    background: #9dd8cf; }
  #usageArchive.exhibition .usage-hero-desc {
    background: #f1f1f9; }
  #usageArchive.exhibition .usage-ttl-en, #usageArchive.exhibition .uc-label {
    color: #b9b9e1; }
  #usageArchive.exhibition #usageRecommend {
    background: #e7e7f5; }
  #usageArchive.exhibition .usage-ttl-en {
    background: #b9b9e1; }
  #usageArchive.shooting .usage-hero-desc {
    background: #ffefe7; }
  #usageArchive.shooting .usage-ttl-en, #usageArchive.shooting .uc-label {
    color: #fdad85; }
  #usageArchive.shooting #usageRecommend {
    background: #fee2d4; }
  #usageArchive.shooting .usage-ttl-en {
    background: #fdad85; } }