/*! Writen  by SCSS */
body {
  background: #FFF;
  color: #000; }

.sec_img {
  text-align: center;
  margin-bottom: clamp(40px, 5vw, 60px); }

.sec01 {
  padding-bottom: clamp(100px, 13.334vw, 160px); }
  .sec01 .sec_ttl_group {
    margin-bottom: clamp(50px, 7.5vw, 90px); }
  .sec01 .sec01_item01 {
    flex-direction: column;
    row-gap: clamp(60px, 10vw, 120px); }
    @media screen and (max-width: 820px) {
      .sec01 .sec01_item01 {
        row-gap: 60px; } }
    .sec01 .sec01_item01 .item_in .text_photo {
      justify-content: flex-end;
      column-gap: 6.25%;
      margin-bottom: clamp(30px, 5.834vw, 70px); }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .item_in .text_photo {
          flex-direction: column;
          margin-bottom: 30px; } }
      .sec01 .sec01_item01 .item_in .text_photo.rev {
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .item_in .text_photo.rev {
            flex-direction: column; } }
      .sec01 .sec01_item01 .item_in .text_photo .text_group {
        width: 31.25%;
        border-top: 2px solid #b09c52;
        border-bottom: 2px solid #b09c52;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .item_in .text_photo .text_group {
            width: 100%;
            padding: 25px 20px; } }
        .sec01 .sec01_item01 .item_in .text_photo .text_group:before, .sec01 .sec01_item01 .item_in .text_photo .text_group:after {
          content: "";
          position: absolute;
          inset: 0;
          height: 1px;
          background: #b09c52; }
        .sec01 .sec01_item01 .item_in .text_photo .text_group:before {
          top: 2px;
          bottom: auto; }
        .sec01 .sec01_item01 .item_in .text_photo .text_group:after {
          bottom: 2px;
          top: auto; }
        .sec01 .sec01_item01 .item_in .text_photo .text_group .text_group_in {
          text-align: center; }
          .sec01 .sec01_item01 .item_in .text_photo .text_group .text_group_in .genre_ttl {
            margin: 20px 0 clamp(40px, 5vw, 60px); }
            @media screen and (max-width: 820px) {
              .sec01 .sec01_item01 .item_in .text_photo .text_group .text_group_in .genre_ttl {
                margin: 20px 0; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .item_in .text_photo .text_group .text_group_in .genre_ttl {
                margin: 15px 0; } }
          .sec01 .sec01_item01 .item_in .text_photo .text_group .text_group_in .read {
            letter-spacing: 0.05em; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .item_in .text_photo .text_group .text_group_in .read {
                line-height: 1.8; } }
      .sec01 .sec01_item01 .item_in .text_photo .photo {
        width: 56.25%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .item_in .text_photo .photo {
            width: 100%; } }
        .sec01 .sec01_item01 .item_in .text_photo .photo img {
          width: 100%; }
        .sec01 .sec01_item01 .item_in .text_photo .photo .cap {
          font-size: clamp(10px, 1.334vw, 16px);
          text-align: left;
          bottom: 10px;
          right: 10px; }
          .sec01 .sec01_item01 .item_in .text_photo .photo .cap span {
            display: inline-block;
            line-height: 1; }
            .sec01 .sec01_item01 .item_in .text_photo .photo .cap span.small {
              font-size: 80%; }
            .sec01 .sec01_item01 .item_in .text_photo .photo .cap span.big {
              font-size: 130%; }
            .sec01 .sec01_item01 .item_in .text_photo .photo .cap span.big02 {
              font-size: 200%; }
        .sec01 .sec01_item01 .item_in .text_photo .photo.left .cap {
          right: auto;
          left: 10px; }
    .sec01 .sec01_item01 .item_in .photo_group {
      max-width: 1000px; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .item_in .photo_group {
          flex-wrap: wrap;
          justify-content: center;
          gap: 20px 4%; } }
      .sec01 .sec01_item01 .item_in .photo_group .group_in {
        width: 30%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .item_in .photo_group .group_in {
            width: 48%; } }
        .sec01 .sec01_item01 .item_in .photo_group .group_in .minutes {
          margin-top: 15px;
          text-align: center;
          line-height: 1.4;
          font-size: clamp(10px, 1.334vw, 16px); }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .item_in .photo_group .group_in .minutes {
              margin-top: 10px; } }
          .sec01 .sec01_item01 .item_in .photo_group .group_in .minutes.lt {
            letter-spacing: -0.06em; }
          .sec01 .sec01_item01 .item_in .photo_group .group_in .minutes span {
            display: inline-block;
            line-height: 1; }
            .sec01 .sec01_item01 .item_in .photo_group .group_in .minutes span.small {
              font-size: 80%; }
            .sec01 .sec01_item01 .item_in .photo_group .group_in .minutes span.big {
              font-size: 130%; }
            .sec01 .sec01_item01 .item_in .photo_group .group_in .minutes span.big02 {
              font-size: 200%; }

.sec02 {
  padding: clamp(50px, 5.834vw, 70px) 0; }
  .sec02 .sec02_item01 {
    align-items: flex-start; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item01 {
        flex-direction: column;
        row-gap: 30px; } }
    .sec02 .sec02_item01 .image {
      width: 72%; }
      @media screen and (max-width: 820px) {
        .sec02 .sec02_item01 .image {
          width: 75%; } }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .image {
          width: 100%; } }
    .sec02 .sec02_item01 .photo_group {
      width: 22%;
      flex-direction: column;
      row-gap: 15px; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .photo_group {
          width: 100%;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: center;
          gap: 20px 4%; } }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .photo_group .photo {
          width: 48%; } }
      .sec02 .sec02_item01 .photo_group .photo img {
        box-shadow: -5px 5px 0 0 rgba(255, 255, 255, 0.2); }
      .sec02 .sec02_item01 .photo_group .photo .cap_r {
        margin-top: 5px; }

.sec03 {
  padding: clamp(50px, 6.667vw, 80px) 0 clamp(50px, 8.334vw, 100px); }
  .sec03 .map_image {
    position: relative;
    margin-bottom: clamp(30px, 5vw, 60px); }
    .sec03 .map_image::after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid #000;
      pointer-events: none; }
  .sec03 .lifeinfo_wrap {
    flex-wrap: wrap;
    row-gap: clamp(30px, 5vw, 60px); }
    @media screen and (max-width: 480px) {
      .sec03 .lifeinfo_wrap {
        flex-direction: column;
        row-gap: 40px; } }
    .sec03 .lifeinfo_wrap .lifeinfo_box {
      width: 47%; }
      @media screen and (max-width: 480px) {
        .sec03 .lifeinfo_wrap .lifeinfo_box {
          width: 100%; } }
      .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_item:not(:last-child) {
        margin-bottom: clamp(30px, 4.167vw, 50px); }
        @media screen and (max-width: 480px) {
          .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_item:not(:last-child) {
            margin-bottom: 20px; } }
      .sec03 .lifeinfo_wrap .lifeinfo_box .life_head {
        border: 1px solid #040715;
        padding: 10px;
        line-height: 0;
        margin-bottom: 10px; }
      .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse; }
        .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table tr {
          border-bottom: 1px solid #CCC; }
        .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table th, .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table td {
          font-size: clamp(12px, 1.077vw, 14px);
          font-weight: 400;
          line-height: 1.2;
          padding-top: 10px;
          padding-bottom: 10px; }
          @media screen and (max-width: 820px) {
            .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table th, .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table td {
              font-size: 12px; } }
          @media screen and (max-width: 480px) {
            .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table th, .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table td {
              font-size: 11px;
              padding-top: 6px;
              padding-bottom: 6px; } }
          .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table th .small, .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table td .small {
            font-size: 80%; }
        .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table th {
          text-align: left; }
        .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table td {
          text-align: right; }
          .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table td.time {
            width: 10em; }
        .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table tr:last-child th, .sec03 .lifeinfo_wrap .lifeinfo_box .lifeinfo_table tr:last-child td {
          border-bottom: none; }

/*# sourceMappingURL=location.css.map */
