@media (max-width: 1440px) {
  .information .icatch {
    margin-left: -175px;
  }
}

@media (max-width: 1130px) {
  .container-w {
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
  }
  .information .icatch {
    padding-right: 20px;
  }
  .information .common-title {
    width: 60%;
  }
  .common-title h2 {
    font-size: 34px;
  }
}
@media (max-width: 950px) {
  html {
    font-size: 1vw;
  }
  .top-bg-02:before {
    background-image: url('../images/main_c_m.jpg');
  }
  .top-bg-03:before {
    background-image: url('../images/main_b_m.jpg');
  }
  .top-bg-04:before {
    background-image: url('../images/main_a_m.jpg');
  }
  .container-w {
    width: 100%;
    padding: 0px 9.9375rem;
    box-sizing: border-box;
  }
  .container-m {
    width: 100%;
    padding: 0px 9.9375rem;
    box-sizing: border-box;
  }
  .hero {
    justify-content: unset;
    webkit-justify-content: unset;
    padding-top: 35.9375rem;
  }
  .hero .logo-header {
    position: absolute;
    top: 10.9375rem;
  }
  .hero .logo-header img {
    width: 42.96875rem;
  }
  .util-menu {
    top: 0px;
    right: 0px;
  }
  .util-menu span {
    width: 6.25rem;
  }
  .util-menu {
    width: 14.0625rem;
    height: 14.0625rem;
  }
  .util-menu span:nth-child(1) {
    -webkit-transform: translate3d(0, -1.5625rem, 0);
    transform: translate3d(0, -1.5625rem, 0);
  }
  .util-menu span:nth-child(3) {
    -webkit-transform: translate3d(0, 1.5625rem, 0);
    transform: translate3d(0, 1.5625rem, 0);
  }
  .top-scroll {
    bottom: 130px;
  }
  .hero .hero-catchcopy .date .year {
    padding: 1.25rem;
  }
  .hero .hero-catchcopy .date p {
    line-height: 1;
  }
  .hero .hero-catchcopy .date .year p {
    font-size: 6.5625rem;
  }
  .hero .hero-catchcopy .date .mmdd p {
    font-size: 9.6875rem;
  }
  .hero .hero-catchcopy .date .week p {
    font-size: 5rem;
  }
  .hero .hero-catchcopy .date .mmdd {
    padding: 0px 3.9rem;
  }
  .hero .hero-catchcopy .date .week {
    padding-top: 1.71875rem;
  }
  .hero .hero-catchcopy .open h1 {
    font-size: 10rem;
    line-height: 1;
  }
  .hero .hero-mark {
    padding-top: 10.5rem;
  }
  .hero .hero-mark img {
    width: 71.40625rem;
  }
  .concept {
    padding-bottom: 14.84375rem;
  }
  .concept .reserve-btn {
    position: fixed;
    bottom: 0;
    top: unset;
    width: 100%;
    right: unset;
    left: 0;
  }
  .concept .reserve-btn a {
    width: 100%;
  }
  .concept .reserve-btn {
    z-index: 100;
  }
  .concept .container-w {
    flex-direction: column;
  }
  .common-title {
    width: 100%;
  }
  .concept .txt {
    width: 100%;
    padding-top: 4.6875rem;
    justify-content: flex-start;
  }
  .gradation_wrap .parallax_img img {
    height: auto;
  }
  .concept .container-w {
    margin-top: -18vw;
  }
  .gradation_wrap::after {
    height: 49vw;
  }
  .parallax_img {
    height: 84vw;
  }
  .common-title h1 {
    font-size: 12.8rem;
    line-height: 1;
  }
  .common-title h2 {
    font-size: 5.3333rem;
    line-height: 1.75;
    padding-top: 8.59375rem;
  }
  .concept .txt p {
    font-size: 3.465rem;
    line-height: 2.25;
  }
  .information {
    padding-bottom: 6.25rem;
  }
  .information .container-w {
    flex-direction: column-reverse;
  }
  .information .common-title {
    width: 100%;
  }
  .information .icatch {
    padding-right: 0px;
    margin: 0px -9.9375rem;
    padding-bottom: 10.9375rem;
  }
  .common-title p {
    font-size: 4.2666rem;
    padding-top: 10.6666rem;
  }
  .common-title p:nth-child(3) {
    padding-top: 2.25rem;
  }
  .common-title span:nth-child(4) {
    line-height: 1.75;
  }
  .common-title span:nth-child(5) {
    line-height: 1.5;
  }
  .common-title span {
    font-size: 3.465rem;
  }
  .map {
    padding-bottom: 12.5rem;
    padding-top: 0px;
  }
  .map iframe {
    height: 320px;
  }

  .reservation {
    padding: 12.5rem 0;
  }
  .reservation .title {
    flex-direction: column;
    align-items: unset;
    padding-bottom: 6.35rem;
  }
  .reservation .title div:first-child span {
    padding-bottom: 2.34375rem;
  }
  .reservation .title div:last-child span {
    padding-top: 4.6875rem;
  }
  .reservation .reser-btn {
    height: 10.9375rem;
  }
  .reservation .reser-btn p {
    font-size: 4.0625rem;
  }
  .reservation .title h1 {
    font-size: 12.8rem;
    line-height: 1.5;
  }
  .reservation .title span {
    font-size: 3.2rem;
    line-height: 1.75;
  }
  footer .footer-con {
    flex-direction: column;
  }
  footer {
    padding: 7.031rem;
  }
  footer .footer-con .con-item {
    width: 100%;
    padding: unset;
  }
  footer .footer-con .con-item img {
    width: 35.9375rem;
  }
  footer .footer-con .con-item:first-child {
    border-right: unset;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 6.25rem;
  }
  footer .footer-con .con-item:last-child {
    padding-top: 6.25rem;
  }
  .copyright {
    padding: unset;
    padding-top: 9.031rem;
    padding-bottom: 9.031rem;
  }
  .menu-inner {
    width: 100%;
  }
  .menu-head .menu-logo img {
    width: 42.96875rem;
  }
  .menu-item span {
    font-size: 3.75rem;
  }
  .menu-item:first-child {
    margin-top: 14.0625rem;
  }
  .menu-item {
    margin-top: 10.15625rem;
  }
  .menu-list .menu-item:nth-child(4) a {
    width: 53.125rem;
    height: 10.9375rem;
  }
  .menu-list .menu-item:nth-child(4) a .arrow-icon img {
    width: 6.25rem;
  }
  .menu-list .menu-item:nth-child(4) a .arrow-icon {
    right: 3.90625rem;
  }
  .menu-list .menu-item:nth-child(5) .con-item:first-child {
    padding: unset;
    padding-right: 6.25rem;
  }
  .menu-list .menu-item:nth-child(5) .con-item:last-child {
    padding: unset;
    padding-left: 6.25rem;
  }
  .menu-list .menu-item:nth-child(5) .con-item img {
    width: 28.90625rem;
  }
  .menu-list .menu-item:nth-child(6) {
    margin-top: 0;
  }
  .copyright p {
    font-size: 1.875rem;
  }
  .reservation .reser-btn .arrow-right {
    right: 9.375rem;
  }
  .reservation .reser-btn .arrow-right img {
    width: 6.25rem;
  }
}

@media (max-width: 812px) {
  .hero {
    -webkit-align-items: center;
    align-items: center;
  }
}