@charset "euc-jp";
/******************************/
/* SLIDER */
/******************************/
@media screen and (max-width: 767px) {
    .slider {
      position: relative;
    }
  }
  #slider div {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  #slider > div {
    display: none;
  }
<!-- ChatGPT -->
.slider {
    position: relative;
}
.slider-button {
    position: absolute;
    bottom: 150px;
    left: 24%;
    transform: translateX(-50%);
    background-color: #006A64;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s;
}
.slider-button:hover {
    background-color: #006A64;
    transform: translateX(-50%) scale(1.05);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
}
 @media screen and (max-width: 767px) {
   .slider {
    position: relative;
}
.slider-button {
    position: absolute;
    bottom: 30px;
    left: 20%;
    transform: translateX(-50%);
    background-color: #006A64;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s;
}
.slider-button:hover {
    background-color: #006A64;
    transform: translateX(-50%) scale(1.05);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
}
}
<!-- ChatGPT¤³¤³¤Þ¤Ç -->
  .bx-viewport #slider > div {
    display: block;
  }
  .bx-wrapper {
    z-index: 0;
  }
  .bx-wrapper img {
    width: 100%;
    height: auto;
  }
  .bx-wrapper .bx-viewport {
    box-shadow: none !important;
    border: 0 !important;
    left: 0 !important;
  }
  .bx-wrapper .bx-pager {
    bottom: -27px !important;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    margin: 0 3px !important;
    padding-top: 15px;
    width: 25px !important;
    height: 1px !important;
    background: transparent !important;
    border-bottom: 1px solid #cccccc;
    border-radius: 0 !important;
  }
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: transparent !important;
    border-bottom: 1px solid #000000;
  }
  .slider .bx-wrapper .bx-controls-direction a{
      width: 50px;
      height: 50px;
  }
  .slider .bx-wrapper .bx-prev:hover,
  .slider .bx-wrapper .bx-prev:focus,
  .slider .bx-wrapper .bx-prev{
      background: url(https://file003.shop-pro.jp/PA01471/887/common/img/contents/index/arrow_l.svg) no-repeat;
      background-size: 100%;
      background-position: center center;
      left: 15px;
  }
  .slider .bx-wrapper .bx-next:hover,
  .slider .bx-wrapper .bx-next:focus,
  .slider .bx-wrapper .bx-next{
      background: url(https://file003.shop-pro.jp/PA01471/887/common/img/contents/index/arrow_r.svg) no-repeat;
      background-size: 100%;
      background-position: center center;
      right: 15px;
  }
  @media screen and (max-width: 767px) {
    .slider .bx-wrapper .bx-prev,
    .slider .bx-wrapper .bx-next{
        display: none!important;
    }
  }




  @media print, screen and (min-width: 768px) {
  .slider .imgFit {
        width: 100%!important;
        height: 660px!important;
        object-fit: cover;
        font-family: "object-fit:cover";
    }
  }
  @media screen and (max-width: 767px) {
    .slider .imgFit {
        height: auto;
    }
  }
  .slider .slick-prev:hover,
  .slider .slick-prev:focus,
  .slider .slick-prev,
  .slider .slick-next:hover,
  .slider .slick-next:focus,
  .slider .slick-next{
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    z-index: 1;
  }
  .slider .slick-prev:hover,
  .slider .slick-prev:focus,
  .slider .slick-prev{
      background-image: url(https://file003.shop-pro.jp/PA01471/887/common/img/contents/index/arrow_l.svg);
      left: 15px!important;
  }
  .slider .slick-next:hover,
  .slider .slick-next:focus,
  .slider .slick-next{
      background-image: url(https://file003.shop-pro.jp/PA01471/887/common/img/contents/index/arrow_r.svg);
      right: 15px!important;
  }


  /******************************/
  /* NEWS */
  /******************************/
  .wallBelt.news{
    margin-top: 150px;
    padding-top: 70px;
    padding-bottom: 120px;
    background: #006A64;
    color: #fff;
    }
  .wallBelt.news .titleBarlow{
      text-align: center;
      font-weight: 300;
      margin-bottom: 50px;
  }
  @media screen and (max-width: 767px) {
    .wallBelt.news{
        margin-top: 50px;
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .wallBelt.news .titleBarlow{
      margin-bottom: 30px;
      font-size: 2.6rem;
  }
    .p-line-informaiton {
      display: block;
      width: auto;
    }
  }
  .p-line-informaiton .topicsInfo .entry {
    border-color: rgba(255,255,255,0.7);
    padding: 1.75em 0;
  }
  .p-line-informaiton .topicsInfo .entry a{
    color: #fff;
  }
  .p-line-informaiton li {
    margin-bottom: 15px;
  }
  .p-line-informaiton__ttl {
    position: relative;
    margin: 0 40px 0 0;
    font-size: 14px;
    font-weight: bold;
  }
  @media screen and (max-width: 767px) {
    .p-line-informaiton__ttl {
      margin: 0;
    }
  }
  .p-line-informaiton__ttl:before {
    content: "";
    position: absolute;
    top: 7px;
    right: -20px;
    width: 1px;
    height: 10px;
    background: #d2d2d2;
  }
  @media screen and (max-width: 767px) {
    .p-line-informaiton__ttl:before {
      content: none;
    }
  }
  /***** p-top-news *****/
  .p-top-news {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
  }
  @media screen and (max-width: 767px) {
    .p-top-news {
      display: block;
      margin-bottom: 45px;
    }
  }
  .p-top-news__ttl {
    box-sizing: border-box;
    margin-right: 25px;
    padding: 10px;
    width: 110px;
    border: 1px solid #b2b2b2;
    font-size: 18px;
    font-family:"ÞâÌÀÄ«", "YuMincho", "ÞâÌÀÄ«ÂÎ", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«B", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .p-top-news__ttl {
      margin-right: 0;
      margin-bottom: 10px;
      padding: 5px;
      width: 70px;
      border: 1px solid #b2b2b2;
      font-size: 12px;
    }
  }
  .p-top-news__body {
    flex: 1;
    margin-bottom: 0;
  }
  /******************************/
  /* TOP RECOMMEND */
  /******************************/
    .wallBelt.recommend{
        padding-top: 0;
        position: relative;
    }
    .wallBelt.recommend:after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-image: url(https://file003.shop-pro.jp/PA01471/887/common/img/contents/index/img_03.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 50% 40%;
        z-index: 1;
    }
    .wallBelt.recommend .p-recommend{
        position: relative;
        z-index: 2;
    }
  .p-recommend.u-container {
    padding-bottom: 0;
  }
  .p-recommend.u-container .c-item-list__item{
      width: 100%;
      padding-bottom: 20px;
      margin-bottom: 40px;
  }
  .p-recommend.u-container .c-item-list__ttl{
      margin-bottom: 0.75em;
      text-align: center;
      font-family: 'Barlow Semi Condensed', "Þ⥴¥·¥Ã¥¯ÂÎ", YuGothic, "Þ⥴¥·¥Ã¥¯", "¥á¥¤¥ê¥ª", "Meiryo", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
      line-height: 1.25;
      font-weight: 500;
      letter-spacing: 0.05em;
    }
  .p-recommend.u-container .c-item-list__ttl .ruby{
      display: block;
  }
  .p-recommend.u-container .c-item-list__lead{
      text-align: center;
      color: #006A64;
      line-height: 1.785;
      letter-spacing: 0.08em;
      font-weight: bold;
  }
  .p-recommend.u-container .c-item-list__img{
    border: 1px solid #86D1CB;
  }
  .p-recommend.u-container .c-item-list__img:before{
    padding-top: 82.758%;
}
@media print, screen and (min-width: 768px) {
    .wallBelt.recommend{
        margin-bottom: -190px;
        padding-bottom: 190px;
    }
    .wallBelt.recommend:after{
        height: 380px;
    }
    .p-recommend.u-container .c-item-list__ttl{
        font-size: 4.4rem;
    }
    .p-recommend.u-container .c-item-list__ttl span{
        font-size: 1.5rem;
    }
    .p-recommend.u-container .c-item-list__lead{
        font-size: 2.8rem;
    }
    .p-recommend.u-container .c-item-list__img{
        width: 522px;
        height: 432px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
    .wallBelt.recommend{
        margin-bottom: -60px;
        padding-bottom: 60px;
    }
    .wallBelt.recommend:after{
        height: 220px;
    }
    .wallBelt.recommend .p-recommend{
      padding-top: 30px;
    }
    .p-recommend.u-container .c-item-list__item{
        margin-bottom: 20px;
    }
    .p-recommend.u-container .c-item-list__ttl{
        font-size: 3.4rem;
    }
    .p-recommend.u-container .c-item-list__ttl .ruby{
        font-size: 1.3rem;
    }
    .p-recommend.u-container .c-item-list__lead{
        font-size: 2.0rem;
    }
    .p-recommend.u-container .c-item-list__img{
        width: 90%;
        max-width: 522px;
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 370px) {
    .p-recommend.u-container .c-item-list__lead{
        font-size: 1.6rem;
    }
}


  /******************************/
  /* TOP INFORMATION */
  /******************************/
  .p-information {
    padding-bottom: 0;
  }
  .p-information__body {
    margin-left: 60px;
    margin-right: 60px;
    line-height: 2;
  }
  @media screen and (max-width: 767px) {
    .p-information__body {
      margin-left: 0;
      margin-right: 0;
    }
  }
  /******************************/
  /* TOP FREE */
  /******************************/
  .p-free__body {
    margin-left: 60px;
    margin-right: 60px;
    line-height: 2;
  }
  @media screen and (max-width: 767px) {
    .p-free__body {
      margin-left: 0;
      margin-right: 0;
    }
  }
  /******************************/
/* CONCEPT */
/******************************/
.wallBelt.concept{
  padding-top: 0;
  padding-bottom: 0;
}
  /******************************/
/* TECHNOLOGY */
/******************************/
.wallBelt.technology{
  padding-top: 0;
  padding-bottom: 0;
}
.wallBelt.technology .columnListImg{
    position: relative;
    z-index: 3;
}
.wallBelt.technology .columnListText{
    align-items: inherit;
}
.wallBelt.technology .columnListText .u-container{
    position: relative;
    width: 100%;
    max-width: 1280px;
    background: #fff;
    z-index: 2;
}
.wallBelt.technology .columnListText .u-container .inner{
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}

@media print, screen and (min-width: 768px){
    .columnList p:not(.titleBarlow) {
      font-size: 1.6rem;
    }
    .l-main.top .columnList .buttonBox{
      margin-top: 3em;
    }
    .wallBelt.technology .columnListImg{
        padding-top: 100px;
    }
    .wallBelt.technology .columnListText .u-container{
        padding-top: 130px;
    }
    .wallBelt.technology.imgRight .columnListText .u-container .inner{
        padding-right: calc(50%);
    }
    .wallBelt.technology .columnListImg img{
        height: 600px;
    }

}
@media screen and (max-width: 767px) {
    .wallBelt.technology .columnListImg{
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .wallBelt.technology .columnListText .u-container{
        padding-top: 30px;
    }
}

/******************************/
/* photoContents */
/******************************/
.photoContents{background-image: url(https://file003.shop-pro.jp/PA01471/887/common/img/contents/index/img_04.jpg);}

/******************************/
/* crowdfunding */
/******************************/
.crowdfunding{
  border: 1px solid transparent;
  padding: 1.5em 3em;
}
.crowdfunding .titleColor{
  margin-bottom: 1em;
}
.crowdfunding p + p{
  margin-top: 1.5em;
}
.crowdfunding a{
  font-weight: bold;
  color: #198078;
  text-decoration: underline;
}
.crowdfunding a:hover{
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .crowdfunding{padding: 1.5em 1em;}
}


/******************************/
/* INSTAGRAM */
/******************************/
.wallBelt.insta{
  background-image: url(https://file003.shop-pro.jp/PA01471/887/common/img/contents/index/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.wallBelt.insta .titleBarlow{text-align: center; margin-bottom: 0; font-weight: 300;}
.wallBelt.insta .follow{text-align: center; font-weight: 300;}
.wallBelt.insta .link{font-weight: 300; text-align: right;}
.wallBelt.insta .link a{
  display: inline-block;
  position: relative;
  padding: 0.25em 0;
  font-size: 1.6rem;
  color: #444;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.wallBelt.insta .link a:before{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #198078;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: transform 0.3s ease 0s;
}
.wallBelt.insta .link a:hover{
  text-decoration: none;
}
.wallBelt.insta .link a:hover:before{
  transform-origin: right top;
  transform: scale(0, 1);
}


@media print, screen and (min-width: 768px){
  .wallBelt.insta .follow{margin-bottom: 2.5em;}
  .wallBelt.insta .link{margin-bottom: 2em; font-size: 3rem;}
  .wallBelt.insta .link a{top: -0.5em; display: inline-block; margin-left: 2em;}
}
@media screen and (max-width: 767px) {
  .wallBelt.insta .titleBarlow{font-size: 2.6rem;}
  .wallBelt.insta .follow{margin-bottom: 1.5em;}
  .wallBelt.insta .follow,
  .wallBelt.insta .link{text-align: center;}
  .wallBelt.insta .link{margin-top: 0.5em; margin-bottom: 1em; font-size: 2.4rem;}
  .wallBelt.insta .link .text{display: block; text-align: center;}
  .wallBelt.insta .link a{margin-top: 0.25em;}
}


/* feedList */
.wallBelt.insta #instagram .feedList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wallBelt.insta #instagram .feedList li{
  position: relative;
}
.wallBelt.insta #instagram .feedList li:before{
  content:"";
  display:block;
  padding-top:100%;
}
.wallBelt.insta #instagram .feedList li a{
  position:absolute;
  top:0;
  left:0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}
.wallBelt.insta #instagram .feedList li img{
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 768px){
  .wallBelt.insta #instagram .feedList li{width: calc(100% / 4 - 16px * 3 / 4); margin-bottom: 16px;}
  .wallBelt.insta #instagram .feedList:after,
  .wallBelt.insta #instagram .feedList:before{
    content:"";
    display:block;
    width: calc(100% / 4 - 16px * 3 / 4);
    height:0;
  }
  .wallBelt.insta #instagram .feedList:before{
    order:1;
  }
}
@media screen and (max-width: 767px) {
  .wallBelt.insta #instagram .feedList li{width: calc(100% / 2 - 6px * 1 / 2); margin-bottom: 6px;}
}