@media (min-width: 1200px) {
   .property-content {
      --content-width: 120rem;
      --content-width-half: 58.8rem;
      --content-gap: 2.4rem;
      --popout-width: 192rem;
      --popout-side: calc(calc(var(--popout-width) - var(--content-width)) / 2);
      display: grid;
      grid-template-columns: [full-start] minmax(0, 1fr) [popout-start] minmax(auto, var(--popout-side)) [content-start] var(--content-width-half) [gap-start] var(--content-gap) [gap-end] var(--content-width-half) [content-end] minmax(auto, var(--popout-side)) [popout-end] minmax(0, 1fr) [full-end];
      padding-top: 8rem;
   }
}

@media (min-width: 1200px) {

   .property-module.type03,
   .property-module.type04 {
      display: flex;
   }
}

@media (min-width: 1200px) {
   .property-content>* {
      grid-column: content;
      margin-bottom: 160px;
   }
}

@media (min-width: 1200px) {

   .property-module.type03 .img-container,
   .property-module.type04 .img-container {
      width: 69rem;
   }
}

@media (min-width: 1200px) {
   .property-module.type04 .section-header {
      padding-left: 12.8rem;
   }
}

@media (min-width: 1200px) {

   .property-module.type03 .section-header,
   .property-module.type04 .section-header {
      display: flex;
      flex-direction: column;
      flex: 1;
   }
}

@media (min-width: 1200px) {
   .property-module .title {
      margin-bottom: 3.2rem;
      font-size: 3.2rem;
      font-family: "NotoSans-Bold", sans-serif;
      letter-spacing: -0.72px;
   }
}

@media (min-width: 1200px) {
   .property-module .desc {
      margin-bottom: 1.6rem;
      font-size: 1.8rem;
      line-height: 1.6;
   }
}

@media (min-width: 1200px) {
   .property-module.type03 .section-header {
      padding-right: 12.8rem;
   }
}

@media (min-width: 1200px) {

   .property-module.type03 .section-header,
   .property-module.type04 .section-header {
      display: flex;
      flex-direction: column;
      flex: 1;
   }
}

@media (min-width: 1200px) {
   .property-module .title {
      margin-bottom: 3.2rem;
      font-size: 3.2rem;
      font-family: "NotoSans-Bold", sans-serif;
      letter-spacing: -0.72px;
   }
}

@media (min-width: 1200px) {
   .property-module .desc {
      margin-bottom: 1.6rem;
      font-size: 1.8rem;
      line-height: 1.6;
   }
}

@media (min-width: 1200px) {

   .property-module.type03 .img-container,
   .property-module.type04 .img-container {
      width: 69rem;
   }
}

.mo-only {
   display: none;
}

@media (max-width: 1199px) {
   .property-content .type04 {
      grid-column-start: full-start;
      grid-column-end: content-end;
   }
}

@media (max-width: 1199px) {

   .property-module.type03,
   .property-module.type04 {
      display: flex;
      flex-direction: column;
   }
}

@media (max-width: 1199px) {
   .property-content>* {
      grid-column: content;
      margin-bottom: 8rem;
   }
}

@media (max-width: 1199px) {

   .property-module.type03 .img-container,
   .property-module.type04 .img-container {
      order: -1;
   }
}

@media (max-width: 1199px) {
   .property-module .img-container {
      margin-bottom: 3.2rem;
   }
}

@media (max-width: 1199px) {
   .property-module.type04 .section-header {
      margin-right: 2rem;
      margin-left: 4rem;
   }
}

@media (max-width: 1199px) {
   .property-module .title {
      margin-bottom: 1.6rem;
      font-size: 1.6rem;
      font-family: "NotoSans-Bold", sans-serif;
      letter-spacing: -0.72px;
   }
}

@media (max-width: 1199px) {
   .property-module .desc {
      font-size: 1.5rem;
   }
}

@media (max-width: 1199px) {
   .property-module.type03 .section-header {
      margin-right: 4rem;
      margin-left: 2rem;
   }
}

@media (max-width: 1199px) {
   .property-module .title {
      margin-bottom: 1.6rem;
      font-size: 1.6rem;
      font-family: "NotoSans-Bold", sans-serif;
      font-weight: 700;
      letter-spacing: -0.72px;
   }
}

@media (max-width: 1199px) {
   .property-module .desc {
      font-size: 1.5rem;
   }
}

@media (max-width: 1199px) {
   .property-content {
      --content-width: 40rem;
      --popout-width: 40rem;
      display: grid;
      grid-template-columns: [full-start] 2rem [content-start] 1fr [content-end] 20px [full-end];
      padding-top: 3.2rem;
   }
}

@media (max-width: 1199px) {
   .property-content>* {
      grid-column: content;
      margin-bottom: 8rem;
   }
}

@media (max-width: 1199px) {
   .property-content .type03 {
      grid-column-start: content-start;
      grid-column-end: full-end;
   }
}

@media (max-width: 1199px) {

   .property-module.type03,
   .property-module.type04 {
      display: flex;
      flex-direction: column;
   }
}

@media (max-width: 1199px) {
   .property-content>* {
      grid-column: content;
      margin-bottom: 8rem;
   }
}

.img-container img {
   border-radius: 16px;
}

[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] span[class~=site_map] {
   display: inline-block;
   padding: 5px 15px;
   color: #fff;
   background: #d59337;
   border-radius: 4px;
   transition: 0.5s all ease;
}

[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] span[class~=site_call] {
   display: inline-block;
   padding: 5px 15px;
   color: #fff;
   background: #293d6b;
   border-radius: 4px;
   transition: 0.5s all ease;
}

@media screen and (max-width: 480px) {
   div {
      font-size: 13px;
   }
}

[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] {
   width: 100%;
   margin-top: 25px;
}

[class~=tour_type1] ul li div {
   box-sizing: border-box;
}

[class~=tour_type1] ul li:nth-of-type(odd) [class~=tour_info] {
   float: right;
   right: 0;
   width: 50%;
   text-align: center;
   padding: 80px 30px;
   background: none;
}

[class~=tour_type1] ul li:nth-of-type(odd) [class~=tour_info] {
   text-align: left;
}

[class~=tour_type1] ul li [class~=tour_info] {
   position: relative;
   width: 50%;
   height: 100%;
   display: table;
   text-align: center;
   padding: 80px 30px;
   background: none;
}

@media only screen and (max-width: 2000px) {
   .cont {
      width: 100%;
      max-width: 1300px;
      padding-bottom: 100px;
      /* background-color: #007aff; */
   }
}

.cont {
   width: 95%;
   margin: 6rem auto 0;
}

.cont .box:nth-of-type(odd) {
   margin-right: auto;
}

.cont .box:nth-of-type(2) {
   margin-left: auto;
}

@media screen and (max-width: 1640px) {
   .cont .box {
      width: 47%;
   }
}

@media screen and (max-width: 768px) {
   .service_step_sect .cont .box {
      width: 80% !important;
   }

}

@media screen and (max-width: 500px) {
   .cont .box {
      width: 100% !important;
      padding-bottom: 5em !important;
   }
}

.cont .box {
   width: 48%;
}

.cont .box.active .img {
   opacity: 1;
   border-radius: 16;
   transform: unset;
}

.cont .box .img {
   opacity: 0.4;
   border-radius: 50rem;
   transform: translateY(120px);
   overflow: hidden;
   transition: opacity 2s, border-radius 2s, transform 2s;
}

.cont .box .img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.cont .box.active .img {
   opacity: 1;
   border-radius: 16;
   transform: unset;
}

.cont .box .img+.txt_box {
   margin-top: 1.5rem;
   text-align: center;
}

.cont .box.active .desc {
   opacity: 1;
   transform: unset;
}

.cont .box .desc {
   font-size: 1.7rem;
   font-weight: 500;
   color: rgb(0, 0, 0);
   opacity: 0;
   transform: translateY(120px);
   transition: opacity 1.5s, transform 1.5s;
   transition-delay: 0.3s;
}

.cont .box.active .tit {
   opacity: 1;
   transform: unset;
}

.cont .box .tit {
   margin-top: 0.7rem;
   font-size: 3.1rem;
   font-weight: 600;
   color: #424242;
   opacity: 0;
   transform: translateY(120px);
   transition: opacity 1.5s, transform 1.5s;
   transition-delay: 0.7s;
}

.mo-only {
   display: none !important;
}