/* Newly Added CSS (2025.11.18 created) */

/* 追加CSS */
.o-list-v2 {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
}

.o-list-v2 li {
   display: flex;
   align-items: center;
   flex-direction: column;
   width: calc((100% / 6) - 20px);
   margin-right: 20px;
}

.o-list-v2 li span {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100px;
   position: relative;
   background-color: #f8a44e;
   color: #fff;
   font-size: 1.6rem;
   text-align: center;
}

.o-list-v2 li span:after {
   display: block;
   position: absolute;
   top: 0;
   right: -20px;
   width: 0;
   height: 0;
   border-width: 50px 0 50px 20px;
   border-style: solid;
   border-color: transparent transparent transparent #f8a44e;
   content: '';
}

.o-list-v2 li p {
   font-size: 1.4rem;
   text-align: center;
}

.o-center-btn--white {
   border: 2px solid transparent;
   background-color: #fff;
   color: #f8a44e;
}

.o-center-btn--white:hover {
   border: 2px solid #fff;
   background-color: #f8a44e;
   color: #fff;
}

.structure-blk {
   display: flex;
   align-items: stretch;
   gap: 8px;
}

.structure-blk .structure-box {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 10px;
   width: 248px;
   height: 172px;
   padding: 30px;
   border: 2px solid #F8A44E;
   border-radius: 10px;
}

.structure-blk .structure-box img {
   width: auto;
   max-height: 68px;
}

.structure-blk .structure-box .ttl {
   font-size: 2rem;
   font-weight: 700;
}

.structure-blk .structure-arr {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 15px 0;
   text-align: center;
}

.structure-blk .structure-arr .arr-icon {
   width: 112px;
   height: auto;
}

.structure-blk .structure-arr p {
   font-size: 1.5rem;
}

/* 「駐車場サブリースとは」ページ専用CSS */
.l-page__h1--sublease {
   background-image: url(../../assets/images/sublease/mv.jpg);
}

.p-sublease .p-table tr td {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
}

.p-sublease .o-3colbox dl .text {
   min-height: 100px;
}

@media all and (min-width: 1025px) {}

@media all and (min-width: 768px) and (max-width: 1024px) {}

@media all and (max-width: 767px) {

   /* 追加CSS */
   .o-list-v2 {
      row-gap: 30px
   }

   .o-list-v2 li {
      width: calc((100% / 3) - 20px);
   }

   .structure-blk {
      align-items: center;
      flex-direction: column;
      gap: 10px;
   }

   .structure-blk .structure-box {
      flex-direction: row;
      gap: 30px;
      width: 100%;
      height: auto;
      padding: 20px 40px;
   }

   .structure-blk .structure-box img {
      max-width: 138px;
   }

   .structure-blk .structure-arr {
      flex-direction: row;
      padding: 0 60px;
   }

   .structure-blk .structure-arr .arr-inner {
      display: flex;
      flex-direction: row-reverse;
   }

   .structure-blk .structure-arr p {
      writing-mode: vertical-lr;
   }

   /* 「駐車場サブリースとは」ページ専用CSS */
   .l-page__h1--sublease {
      background-image: url(../../assets/images/sublease/mv_sp.jpg);
   }

   .p-sublease .o-3colbox dl .text {
      min-height: auto;
   }
}