.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.link-btn {
    display: table;
    width: 100%;
    padding: 17px 44px 15px 19px;
    color: #333333;
    background: #f5fafa;
    border: 4px solid #d0e5e7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.link-btn::before {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #007c96;
}
.link-btn::after {
    right: 1em;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 7px solid #fff;
}

a.link-btn:hover {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  text-decoration: none;
}

.arrow {
    position: relative;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before, .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.link-box {
    padding: 0 0 10px;
    border: 3px solid #d0e5e7;
}

.link-internal li {
    display: inline-block;
    letter-spacing: normal;
    margin-top: 9px;
    margin-left: 18px;
    padding-left: 0;
    list-style: none;
    background:none !important;
}

.link-internal li:after {
    content: "▼";
    display: inline-block;
    margin-left: 7px;
    color: #19b3a8;
    font-size: 71.42857%;
    line-height: 100%;
}

.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-3 {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .col-3 {
    width: 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.col-12 {
  width: 100%;
}


/* detail-box */
.detail-box {
  display: table;
  width: 100%;
  border: 3px solid #e6e9eb;
  -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) {
  .detail-box {
    display: block;
    padding: 20px 32px 17px;
  }
}

.detail-box-left {
  display: table-cell;
  padding: 20px 0 22px 32px;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .detail-box-left {
    display: block;
    padding: 0;
  }
}

.detail-box-right {
  display: table-cell;
  width: 267px;
  padding-top: 23px;
  vertical-align: top;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .detail-box-right {
    display: block;
    width: auto;
    margin-top: 10px;
    padding: 0;
  }
}

* + .detail-box {
  margin-top: 30px;
}

.detail-box-btn-link {
  display: inline-block;
  padding: 6px 49px 3px 42px;
  color: #333333;
  font-size: 1em;
  line-height: 163%;
  text-align: center;
  background: #f5fafa;
  border: 4px solid #d0e5e7;
}
.detail-box-btn-link:before {
    content: "";
    display: inline-block;
    margin-right: 7px;
    font-size: 93.75%;
    line-height: 174%;
    box-sizing: border-box;
    width: 7px;
    height: 7px;
    border: 7px solid transparent;
    border-left: 10px solid #068896;
}
.detail-box-btn-link:hover {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  text-decoration: none;
}

a.detail-box-btn-link {
    text-decoration: none;
}

.bg-black .detail-box-btn-link {
  background-color: #000;
}
.bg-black .detail-box-btn-link:before {
  color: #ff0;
}

/* border-box */
.border-box {
  padding: 20px 32px 17px;
  border: 3px solid #e6e9eb;
}

* + .border-box {
  margin-top: 30px;
}

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