.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-071db7bc-d8a1-3eba-9151-ea2432dea6ab {
.col {
  float: left;
  padding: 20px 1.56695% 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .col {
    padding-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .col + .col {
    margin-top: 15px;
  }
}
.col img {
  width: 100% !important;
  height: auto;
}
.col img.sp-img {
  width: auto;
  max-width: 100%;
}

.col-1 {
  width: 8.33333%;
}
@media only screen and (max-width: 768px) {
  .col-1 {
    width: 100%;
    max-width: 100%;
  }
}

.col-2 {
  width: 16.66667%;
}
@media only screen and (max-width: 768px) {
  .col-2 {
    width: 100%;
    max-width: 100%;
  }
}

.col-6 {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .col-6 {
    width: 100%;
    max-width: 100%;
  }
}

.clear:after, #LayerBody:after, .tnavi-list:after, .grid:after, .imageColumn:after, .questionBox:after, .answerBox:after, .area-header:after, .-sp.head-link:after, .gnaviLink:after, .f-slide ul:after, .slider-list:after, .about-box:after, .calendar-note-item .pickup-link:after, .area-info:after, .news .news-list:after, .press .news-list:after, .area-pickup:after, .area-banner:after, .area-topics:after {
    content: "";
    display: table;
    clear: both;
}

.grid{
  display:flex;
  flex-wrap: wrap;
  }
  
@media only screen and (max-width: 768px) {
  .grid{
    flex-direction: column;
    padding: 1em 0 1em;
  }
}


}