/*! Writen by SCSS */
.breadlist {
  display: none; }

.ttl_wrap {
  padding: 140px 0 80px; }
  @media screen and (max-width: 480px) {
    .ttl_wrap {
      padding: 70px 0 40px; } }

.sec .s_ttl {
  margin-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .sec .s_ttl {
      margin-bottom: 30px; } }
.sec .s_main {
  margin-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .sec .s_main {
      margin-bottom: 30px; } }
.sec .s_read {
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec .s_read {
      margin-bottom: 50px; } }

.bg_box {
  background: #eeeeee;
  padding-bottom: 300px; }
  @media screen and (max-width: 480px) {
    .bg_box {
      padding-bottom: 140px; } }

.slide_wrap {
  text-align: center; }
  .slide_wrap .slide_main_wrap .slide_main {
    position: relative;
    margin-bottom: 50px; }
    @media screen and (max-width: 480px) {
      .slide_wrap .slide_main_wrap .slide_main {
        margin-bottom: 20px; } }
    .slide_wrap .slide_main_wrap .slide_main li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: all 1s ease-in-out; }
      .slide_wrap .slide_main_wrap .slide_main li:first-child {
        position: relative; }
      .slide_wrap .slide_main_wrap .slide_main li.active {
        opacity: 1; }
      @media screen and (max-width: 480px) {
        .slide_wrap .slide_main_wrap .slide_main li {
          aspect-ratio: 3 / 2; }
          .slide_wrap .slide_main_wrap .slide_main li img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center; } }
  .slide_wrap .slide_thum_wrap {
    position: relative;
    display: inline-block;
    padding: 0 50px;
    margin-bottom: 120px; }
    @media screen and (max-width: 480px) {
      .slide_wrap .slide_thum_wrap {
        margin-bottom: 50px; } }
    .slide_wrap .slide_thum_wrap .slide_thum {
      display: flex;
      gap: 15px;
      justify-content: center; }
      @media screen and (max-width: 480px) {
        .slide_wrap .slide_thum_wrap .slide_thum {
          flex-wrap: wrap;
          gap: 15px 5%; } }
      .slide_wrap .slide_thum_wrap .slide_thum li {
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        opacity: 0.6; }
        .slide_wrap .slide_thum_wrap .slide_thum li.active, .slide_wrap .slide_thum_wrap .slide_thum li:hover {
          opacity: 1; }
        @media screen and (max-width: 480px) {
          .slide_wrap .slide_thum_wrap .slide_thum li {
            width: 30%; } }
    .slide_wrap .slide_thum_wrap .slide_prev {
      cursor: pointer;
      position: absolute;
      left: 20px;
      top: calc(50% - 10px);
      width: 20px;
      height: 20px;
      border-top: 1px solid #7b6d62;
      border-right: 1px solid #7b6d62;
      transform: rotate(225deg); }
    .slide_wrap .slide_thum_wrap .slide_next {
      cursor: pointer;
      position: absolute;
      right: 20px;
      top: calc(50% - 10px);
      width: 20px;
      height: 20px;
      border-top: 1px solid #7b6d62;
      border-right: 1px solid #7b6d62;
      transform: rotate(45deg); }

.tab_wrap_top {
  margin-top: 130px; }
  @media screen and (max-width: 480px) {
    .tab_wrap_top {
      margin-top: 50px; } }

.tab_wrap_bottom {
  margin-top: 120px; }
  @media screen and (max-width: 480px) {
    .tab_wrap_bottom {
      margin-top: 60px; } }

.tab {
  display: flex;
  justify-content: center;
  gap: 23px; }
  @media screen and (max-width: 480px) {
    .tab {
      flex-wrap: wrap;
      width: 70%;
      margin: 0 auto;
      gap: 10px; } }
  @media screen and (max-width: 480px) {
    .tab li {
      width: 100%; } }
  .tab li a {
    display: block;
    transition: all 0.3s ease-in-out; }
    .tab li a.cr, .tab li a:hover {
      background: #dddbd9; }

.sec_slide2 {
  width: 100%;
  margin-bottom: 120px; }
  @media screen and (max-width: 480px) {
    .sec_slide2 {
      margin-bottom: 50px; } }
  .sec_slide2 .slide_thumb_wrap {
    max-width: 1500px;
    margin: 50px auto 0;
    padding: 0 30px;
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec_slide2 .slide_thumb_wrap {
        margin-top: 20px; } }
  .sec_slide2 .slide_thumb {
    position: static;
    margin-bottom: 0 !important; }
  .sec_slide2 .slide_prev {
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 60%;
    width: 20px;
    height: 20px;
    border-top: 1px solid #7b6d62;
    border-right: 1px solid #7b6d62;
    transform: rotate(225deg); }
  .sec_slide2 .slide_next {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 60%;
    width: 20px;
    height: 20px;
    border-top: 1px solid #7b6d62;
    border-right: 1px solid #7b6d62;
    transform: rotate(45deg); }
  .sec_slide2 .swiper-button-next:after,
  .sec_slide2 .swiper-rtl .swiper-button-prev:after {
    content: ""; }
  .sec_slide2 .swiper-button-prev:after,
  .sec_slide2 .swiper-rtl .swiper-button-next:after {
    content: ""; }
  .sec_slide2 .swiper-slide-thumb-active {
    opacity: 0.6; }

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