.mv {
  padding-top: 25px;
  margin-bottom: 110px; }
  @media (max-width: 1024px) {
    .mv {
      margin-bottom: 70px; } }
  .mv .photo {
    margin-bottom: 110px; }
    @media (max-width: 1024px) {
      .mv .photo {
        margin-bottom: 50px; } }
    .mv .photo img {
      width: 100%;
      border-radius: 30px; }
      @media (max-width: 1024px) {
        .mv .photo img {
          border-radius: 15px; } }
  .mv .logo {
    margin: 0 auto; }
    .mv .logo.isozumi {
      width: 85px; }
      @media (max-width: 1024px) {
        .mv .logo.isozumi {
          width: 60px; } }
    .mv .logo.onikai {
      width: 71px; }
      @media (max-width: 1024px) {
        .mv .logo.onikai {
          width: 56px; } }
    .mv .logo.isoya {
      width: 126px; }
      @media (max-width: 1024px) {
        .mv .logo.isoya {
          width: 80px; } }
    .mv .logo.isomatsu {
      width: 95px; }
      @media (max-width: 1024px) {
        .mv .logo.isomatsu {
          width: 70px; } }
    .mv .logo.isoism {
      width: 182px; }
      @media (max-width: 1024px) {
        .mv .logo.isoism {
          width: 100px; } }
    .mv .logo.isostand {
      width: 243px; }
      @media (max-width: 1024px) {
        .mv .logo.isostand {
          width: 130px; } }
    .mv .logo.misostand {
      width: 203px; }
      @media (max-width: 1024px) {
        .mv .logo.misostand {
          width: 120px; } }
    .mv .logo.muji {
      width: 223px; }
      @media (max-width: 1024px) {
        .mv .logo.muji {
          width: 125px; } }

.about {
  margin-bottom: 100px; }
  @media (max-width: 1024px) {
    .about {
      margin-bottom: 70px; } }
  .about .c_title01 {
    padding-top: 95px;
    background: url("../images/common/icon_iso.svg") no-repeat center 0;
    background-size: 70px; }
    @media (max-width: 1024px) {
      .about .c_title01 {
        padding-top: 40px;
        background-size: 35px; } }
    .about .c_title01.shikata {
      padding-top: 135px;
      background: url("../images/common/icon_shikata.svg") no-repeat center 0;
      background-size: 75px; }
      @media (max-width: 1024px) {
        .about .c_title01.shikata {
          padding-top: 60px;
          background-size: 35px; } }

.interior {
  margin-bottom: 150px; }
  @media (max-width: 1024px) {
    .interior {
      margin-bottom: 70px; } }
  .interior .photo-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .interior .photo-list {
        display: block; } }
    .interior .photo-list li {
      width: 48%;
      margin-bottom: 50px; }
      @media (max-width: 1024px) {
        .interior .photo-list li {
          width: 100%;
          margin-bottom: 10px; } }
      .interior .photo-list li img {
        width: 100%;
        border-radius: 30px; }
        @media (max-width: 1024px) {
          .interior .photo-list li img {
            border-radius: 15px; } }

.menu {
  margin-bottom: 150px; }
  @media (max-width: 1024px) {
    .menu {
      margin-bottom: 70px; } }
  .menu .slider {
    margin-bottom: 100px !important; }
    @media (max-width: 1024px) {
      .menu .slider {
        margin-bottom: 50px !important; } }
    .menu .slider img {
      width: 100%;
      border-radius: 30px; }
      @media (max-width: 1024px) {
        .menu .slider img {
          border-radius: 15px; } }
    .menu .slider .slick-dots {
      bottom: 30px; }
      @media (max-width: 1024px) {
        .menu .slider .slick-dots {
          bottom: 10px; } }
      .menu .slider .slick-dots li {
        background-color: #fff;
        border-radius: 20px;
        border: 1px solid #707070; }
        @media (max-width: 1024px) {
          .menu .slider .slick-dots li {
            width: 15px;
            height: 15px; } }
        .menu .slider .slick-dots li button::before {
          display: none; }
        .menu .slider .slick-dots li.slick-active button::before {
          display: block;
          content: "";
          background-color: #292929;
          width: 12px;
          height: 12px;
          border-radius: 12px;
          top: 3px;
          left: 3px;
          opacity: 1;
          line-height: 0; }
          @media (max-width: 1024px) {
            .menu .slider .slick-dots li.slick-active button::before {
              width: 7px;
              height: 7px; } }
  .menu .title {
    text-align: center;
    font-size: 18rem;
    margin-bottom: 45px; }
    @media (max-width: 1024px) {
      .menu .title {
        font-size: 16rem;
        margin-bottom: 25px; } }
  .menu-list {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .menu-list {
        display: block; } }
    .menu-list__box {
      width: 48%; }
      @media (max-width: 1024px) {
        .menu-list__box {
          width: 100%; } }
    .menu-list__item {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-bottom: 13px;
      line-height: 1.5; }
      @media (max-width: 1024px) {
        .menu-list__item {
          margin-bottom: 5px; } }
      .menu-list__item dt {
        width: 90%;
        padding-left: 5em;
        text-indent: -5em; }
        @media (max-width: 1024px) {
          .menu-list__item dt {
            width: 80%;
            padding-left: 0;
            text-indent: 0; } }
        .menu-list__item dt span {
          font-size: 12rem; }
      .menu-list__item dd {
        width: 10%;
        text-align: right; }
        @media (max-width: 1024px) {
          .menu-list__item dd {
            width: 20%; } }
    .menu-list + .title {
      margin-top: 100px; }
      @media (max-width: 1024px) {
        .menu-list + .title {
          margin-top: 30px; } }
  .menu .course-block {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .menu .course-block {
        display: block; } }
    .menu .course-block .img {
      width: 50%; }
      @media (max-width: 1024px) {
        .menu .course-block .img {
          width: 100%;
          margin-bottom: 15px; } }
      .menu .course-block .img img {
        width: 100%;
        border-radius: 30px; }
    .menu .course-block .text-area {
      width: 48%; }
      @media (max-width: 1024px) {
        .menu .course-block .text-area {
          width: 100%; } }
      .menu .course-block .text-area dt {
        font-size: 30rem;
        color: #DC000C;
        font-weight: bold;
        margin-bottom: 10px; }
        @media (max-width: 1024px) {
          .menu .course-block .text-area dt {
            font-size: 25rem; } }
        .menu .course-block .text-area dt span {
          font-size: 20rem; }
          @media (max-width: 1024px) {
            .menu .course-block .text-area dt span {
              font-size: 22rem; } }
      .menu .course-block .text-area dd {
        font-size: 12rem;
        line-height: 1.7;
        display: flex;
        margin-bottom: 15px;
        align-items: center; }
        .menu .course-block .text-area dd .time {
          font-weight: bold;
          color: #fff;
          background-color: #DC000C;
          padding: 0 5px;
          border-radius: 5px;
          margin-right: 6px;
          margin-top: 5px; }
        .menu .course-block .text-area dd .price {
          line-height: 1;
          font-size: 30rem;
          font-weight: bold;
          margin-right: 25px;
          color: #DC000C; }
          @media (max-width: 1024px) {
            .menu .course-block .text-area dd .price {
              margin-right: 15px;
              font-size: 25rem; } }
          .menu .course-block .text-area dd .price span {
            font-size: 16rem; }
        .menu .course-block .text-area dd.subtitle {
          font-size: 14rem;
          font-weight: bold;
          margin-bottom: 0; }

.access {
  margin-bottom: 250px; }
  @media (max-width: 1024px) {
    .access {
      margin-bottom: 70px; } }
  .access .googlemap {
    margin-bottom: 60px; }
    @media (max-width: 1024px) {
      .access .googlemap {
        margin-bottom: 30px; } }
    .access .googlemap iframe {
      width: 100%;
      height: 500px;
      border-radius: 30px; }
      @media (max-width: 1024px) {
        .access .googlemap iframe {
          height: 250px;
          border-radius: 15px; } }
  .access .logo-text {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .access .logo-text {
        display: block; } }
    .access .logo-text .logo {
      width: 48%;
      text-align: center; }
      @media (max-width: 1024px) {
        .access .logo-text .logo {
          display: none; } }
      .access .logo-text .logo.isozumi img {
        width: 85px; }
      .access .logo-text .logo.onikai img {
        width: 71px; }
      .access .logo-text .logo.isoya img {
        width: 126px; }
      .access .logo-text .logo.isomatsu img {
        width: 95px; }
      .access .logo-text .logo.isoism img {
        width: 182px; }
      .access .logo-text .logo.isostand img {
        width: 243px; }
      .access .logo-text .logo.misostand img {
        width: 203px; }
      .access .logo-text .logo.muji img {
        width: 223px; }
    .access .logo-text .text-area {
      width: 48%; }
      @media (max-width: 1024px) {
        .access .logo-text .text-area {
          width: 100%; } }
      .access .logo-text .text-area .name {
        font-size: 18rem;
        margin-bottom: 15px; }
        @media (max-width: 1024px) {
          .access .logo-text .text-area .name {
            font-size: 14rem; } }
        .access .logo-text .text-area .name img {
          width: 34px;
          margin-right: 15px; }
          @media (max-width: 1024px) {
            .access .logo-text .text-area .name img {
              width: 25px;
              margin-right: 10px; } }
        .access .logo-text .text-area .name span {
          font-size: 35rem;
          font-weight: 700;
          margin-left: 10px; }
          @media (max-width: 1024px) {
            .access .logo-text .text-area .name span {
              font-size: 30px; } }
      .access .logo-text .text-area .address {
        line-height: 1.875;
        margin-bottom: 15px; }
      .access .logo-text .text-area .tel {
        display: flex;
        align-items: center; }
        .access .logo-text .text-area .tel span {
          display: inline-block;
          margin-right: 14px;
          font-size: 14rem;
          line-height: 1.42; }
          @media (max-width: 1024px) {
            .access .logo-text .text-area .tel span {
              font-size: 12rem; } }
        .access .logo-text .text-area .tel img {
          width: 39px;
          margin-right: 7px; }
        .access .logo-text .text-area .tel a {
          font-size: 35px; }
      .access .logo-text .text-area .tel2 {
        padding-left: 130px; }
        @media (max-width: 1024px) {
          .access .logo-text .text-area .tel2 {
            padding-left: 120px; } }
        .access .logo-text .text-area .tel2 .text {
          font-size: 10rem;
          line-height: 1.3; }
          @media (max-width: 1024px) {
            .access .logo-text .text-area .tel2 .text br {
              display: none; } }
        .access .logo-text .text-area .tel2 a {
          font-size: 35px; }
      .access .logo-text .text-area .sns {
        display: flex;
        margin-top: 30px; }
        .access .logo-text .text-area .sns .instagram {
          width: 37px;
          margin-right: 17px; }
          .access .logo-text .text-area .sns .instagram:hover {
            opacity: .6; }
        .access .logo-text .text-area .sns .facebook {
          width: 37px;
          margin-right: 17px; }
          .access .logo-text .text-area .sns .facebook:hover {
            opacity: .6; }
