@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

@media screen and (max-width: 834px) {
  /* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */
  /*----------------------------------------------------------------------------title*/
  /*----------------------------------------------------------------------------common1*/
  /*----------------------------------------------------------------------------common2*/
  /*----------------------------------------------------------------------------common3*/

  /* tablet END ###################################################### */
}
@media screen and (max-width: 640px) {
  /* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */
  /*----------------------------------------------------------------------------title*/
  /*----------------------------------------------------------------------------common1*/
  /*----------------------------------------------------------------------------common2*/
  /*----------------------------------------------------------------------------common3*/

  /* smartphone END ################################################## */
}
/* 2025-06-04 m.hasebe add start */
.top_insta_4 {
  width: 100%;
  margin: 0 auto;
}

.top_insta_4 .sns_list {
  flex-direction: inherit !important;
  border: none !important;
  flex-wrap: wrap;
}

.top_insta_4 .sns_list .sns_text {
  display: none;
}

.top_insta_4 .sns_list .square-inner {
  position: relative;
  display: block;
}

.top_insta_4 .sns_list .square-inner::before {
  position: relative;
  z-index: 1;
  content: "";
  display: block;
  width: 100% !important;
  padding-top: 100%;
}

.top_insta_4 .sns_list .square-inner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  font-family: "object-fit:cover;";
  width: 100% !important;
  height: 100% !important;
}

.top_insta_4 .sns_list .sns_photo {
  width: 100% !important;
  height: 100%;
  /* padding: 5% !important; */
}

.top_insta_4 .sns_list .sns_photo img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.top_insta_4 .sns_list > div {
  border: none !important;
  /* padding: 0 10px; */
  width: 25%;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .top_insta_4 .sns_list > div {
    width: 33.333%;
  }
}

@media screen and (max-width: 835px) {
  .top_insta_4 .sns_list > div {
    width: 50%;
  }
}

@media screen and (max-width: 5px) {
  .top_insta_4 .sns_list > div {
    width: 100%;
  }
}

/* 2025-06-04 m.hasebe add end */

/* 2024-06-27 r.shimomura add start */
.fixed-banner {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 10;
}

@media screen and (max-width: 640px) {
  .fixed-banner {
    width: 100%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
/* 2024-06-27 r.shimomura add end */