.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-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;
  flex-wrap: wrap;
  }
  
@media only screen and (max-width: 768px) {
  .grid{
    flex-direction: column;
    padding: 1em 0 1em;
  }
}

.set-center {
    text-align: center;
}

@media only screen and (max-width: 768px) {
  .grid-sp .col + .col {
    margin-top: 0;
  }
  .grid-sp .col-1 {
    width: 8.33333%;
  }
  .grid-sp .col-2 {
    width: 16.66667%;
  }
  .grid-sp .col-3 {
    width: 25%;
  }
  .grid-sp .col-4 {
    width: 33.33333%;
  }
  .grid-sp .col-5 {
    width: 41.66667%;
  }
  .grid-sp .col-6 {
    width: 50%;
  }
  .grid-sp .col-7 {
    width: 58.33333%;
  }
  .grid-sp .col-8 {
    width: 66.66667%;
  }
  .grid-sp .col-9 {
    width: 75%;
  }
  .grid-sp .col-10 {
    width: 83.33333%;
  }
  .grid-sp .col-11 {
    width: 91.66667%;
  }
  .grid-sp .col-12 {
    width: 100%;
  }
}


@media only screen and (max-width: 768px) {
    .grid-sp .col-3 {
        width: 25%;
    }
}

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



p.pic {
    display: flex;
    justify-content: center;
}

img.sp-img.v-middle {
    max-width: 66px !important;
    width: 100% !important;
}

.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%;
}


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

.set-center {
    text-align: center;
}

@media only screen and (max-width: 768px) {
  .grid-sp .col + .col {
    margin-top: 0;
  }
  .grid-sp .col-1 {
    width: 8.33333%;
  }
  .grid-sp .col-2 {
    width: 16.66667%;
  }
  .grid-sp .col-3 {
    width: 25%;
  }
  .grid-sp .col-4 {
    width: 33.33333%;
  }
  .grid-sp .col-5 {
    width: 41.66667%;
  }
  .grid-sp .col-6 {
    width: 50%;
  }
  .grid-sp .col-7 {
    width: 58.33333%;
  }
  .grid-sp .col-8 {
    width: 66.66667%;
  }
  .grid-sp .col-9 {
    width: 75%;
  }
  .grid-sp .col-10 {
    width: 83.33333%;
  }
  .grid-sp .col-11 {
    width: 91.66667%;
  }
  .grid-sp .col-12 {
    width: 100%;
  }
}

.list-indent.-large > li {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 1em;
}

.list-indent > li .list-indent-mark {
    position: absolute;
    left: 0;
}

.c {
    text-align: center;
}
.overlay,
.overlay2,
.overlay3,
.overlay4,
.overlay5,
.overlay6,
.overlay7,
.overlay8,
.overlay9,
.overlay10,
.overlay11 { /* グレーの背景 */
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.5s 0s ease;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#pop-up,
#pop-up2,
#pop-up3,
#pop-up4,
#pop-up5,
#pop-up6,
#pop-up7,
#pop-up8,
#pop-up9,
#pop-up10,
#pop-up11
 {
  display: none;
}
#pop-up:checked + .overlay,
#pop-up2:checked + .overlay2,
#pop-up2:checked + .overlay3,
#pop-up2:checked + .overlay4,
#pop-up2:checked + .overlay5,
#pop-up2:checked + .overlay6,
#pop-up2:checked + .overlay7,
#pop-up2:checked + .overlay8,
#pop-up2:checked + .overlay9,
#pop-up2:checked + .overlay10,
#pop-up2:checked + .overlay11 {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}
.popWindow,
.popWindow2,
.popWindow3,
.popWindow4,
.popWindow5,
.popWindow6,
.popWindow7,
.popWindow8,
.popWindow9,
.popWindow10,
.popWindow11 {
  border-radius: 5px;
  overflow: auto; /* スクロールバー用 */
  max-height: 95%; /* すき間 */
  min-width: fit-content; /* 横幅が広い時に白の部分が大きくならないため */
  max-width: 95%; /* すき間 */
  position: fixed;
  top: 50%; /* 中央に */
  left: 50%; /* 中央に */
  transform: translate(-50%, -50%); /* 中央に */
  z-index: 100010;
  font-size: 13px;
  line-height: 18px;
  margin: 10px auto;
  padding: 4px 10px;
  background: #FFFD; /* 枠の色 */
  text-align: center; /* 文字を中央寄せ */
  transition: all 500ms ease-in-out;
}
.popWindow .ptitle,
.popWindow2 .ptitle2,
.popWindow3 .ptitle3,
.popWindow4 .ptitle4,
.popWindow5 .ptitle5,
.popWindow6 .ptitle6,
.popWindow7 .ptitle7,
.popWindow8 .ptitle8,
.popWindow9 .ptitle9,
.popWindow10 .ptitle10,
.popWindow11 .ptitle11 {
  font-size: 15px;
  margin: 8px;
  color: #333;
}
.popWindow .close,
.popWindow2 .close,
.popWindow3 .close,
.popWindow4 .close,
.popWindow5 .close,
.popWindow6 .close,
.popWindow7 .close,
.popWindow8 .close,
.popWindow9 .close,
.popWindow10 .close,
.popWindow11 .close {
  position: absolute;
  top: 8px;
  right: 10px;
  transition: all 300ms;
  font-size: 24px;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  padding: 2px;
}
.popWindow .close:hover,
.popWindow2 .close:hover,
.popWindow3 .close:hover,
.popWindow4 .close:hover,
.popWindow5 .close:hover,
.popWindow6 .close:hover,
.popWindow7 .close:hover,
.popWindow8 .close:hover,
.popWindow9 .close:hover,
.popWindow10 .close:hover,
.popWindow11 .close:hover {
  color: #1a753f;
}
.popWindow::-webkit-scrollbar-track,
.popWindow2::-webkit-scrollbar-track,
.popWindow3::-webkit-scrollbar-track,
.popWindow4::-webkit-scrollbar-track,
.popWindow5::-webkit-scrollbar-track,
.popWindow6::-webkit-scrollbar-track,
.popWindow7::-webkit-scrollbar-track,
.popWindow8::-webkit-scrollbar-track,
.popWindow9::-webkit-scrollbar-track,
.popWindow10::-webkit-scrollbar-track,
.popWindow11::-webkit-scrollbar-track, {
  background: none;
}
.popWindow::-webkit-scrollbar,
.popWindow2::-webkit-scrollbar,
.popWindow3::-webkit-scrollbar,
.popWindow4::-webkit-scrollbar,
.popWindow5::-webkit-scrollbar,
.popWindow6::-webkit-scrollbar,
.popWindow7::-webkit-scrollbar,
.popWindow8::-webkit-scrollbar,
.popWindow9::-webkit-scrollbar,
.popWindow10::-webkit-scrollbar,
.popWindow11::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.popWindow::-webkit-scrollbar-thumb,
.popWindow2::-webkit-scrollbar-thumb,
.popWindow3::-webkit-scrollbar-thumb,
.popWindow4::-webkit-scrollbar-thumb,
.popWindow5::-webkit-scrollbar-thumb,
.popWindow6::-webkit-scrollbar-thumb,
.popWindow7::-webkit-scrollbar-thumb,
.popWindow8::-webkit-scrollbar-thumb,
.popWindow9::-webkit-scrollbar-thumb,
.popWindow10::-webkit-scrollbar-thumb,
.popWindow11::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}
.clickable:hover {
  cursor: pointer;
}
@media screen and (max-width: 700px){
  #pop-up:checked + .overlay,
  #pop-up2:checked + .overlay2 {
    visibility: hidden;
    opacity: 0;
  }
}

#popuptext{
  width:30%;
  line-height:100px;
  background:#000;
  padding:0 4%;
  box-sizing:border-box;
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
label{
  display:block;
}
label span:hover{
  cursor:pointer;
}
input[type="checkbox"]{
  display:none;
}

input[type="checkbox"]:checked + #popuptext{
  display:block;
  transition:.2s;
}

}