.elementor-2623 .elementor-element.elementor-element-bdd8c12{--display:flex;}/* Start custom CSS for html, class: .elementor-element-57141e7 */.main-visual{

  position:relative;

  width:100%;

 height:100vh;

  overflow:hidden;
}

/* 背景画像 */
.bg-image{

  width:100%;

  height:100%;

  object-fit:cover;

  display:block;
}

/* 上に重ねる文字 */
.top-text{

  position:absolute;

  top:60px;

  left:50%;

  transform:translateX(-50%);

  z-index:10;

  color:#fffdf8;

  font-size:72px;

  letter-spacing:0.08em;

  font-family:
  "Yu Mincho",
  serif;

  text-align:center;
}




 .panel-section {
  width: 100%;
  min-height: 100vh;

  background-image: url("https://tm-meguri.com/wp-content/uploads/2026/05/ChatGPT-Image-2026年5月20日-11_03_18.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 60px 20px;
  box-sizing: border-box;
}

.panel-area {
  max-width: 1100px;
  width: 100%;
}

.panel-row {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.panel-card {
  width: 300px;
  height: 160px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,220,140,0.35);
  border-radius: 26px;
  backdrop-filter: blur(14px);

  color: #fffdf8;
  font-size: 30px;
  text-decoration: none;
  font-family: "Yu Mincho", serif;

  transition: 0.3s ease;
}

.panel-card:hover {
  transform: translateY(-8px);
  background: rgba(255,255,255,0.22);
}


.main-visual{

  position:relative;

  width:100%;

  height:180vh;

  overflow:hidden;
}

/* 背景画像 */
.bg-image{

  position:absolute;

  inset:0;

  width:100%;

  height:100%;

  object-fit:cover;

  z-index:1;
}

/* タイトル */
.top-text{

  position:absolute;

  top:60px;

  left:50%;

  transform:translateX(-50%);

  z-index:3;

  color:#fffdf8;

  font-size:72px;

  letter-spacing:0.08em;

  font-family:
  "Yu Mincho",
  serif;

  text-shadow:
  0 0 18px rgba(255,255,255,0.25);
}

/* パネル全体 */
.panel-area{

  position:absolute;

  top:280px;

  left:50%;

  transform:translateX(-50%);

  z-index:3;

  width:100%;

  max-width:1100px;

  padding:0 20px;

  box-sizing:border-box;
}

/* 横並び */
.panel-row{

  display:flex;

  justify-content:center;

  gap:24px;

  margin-bottom:24px;

  flex-wrap:wrap;
}

/* パネル */
.panel-card{

  width:300px;

  height:160px;

  display:flex;

  align-items:center;

  justify-content:center;

  text-decoration:none;

  color:#fffdf8;

  font-size:30px;

  letter-spacing:0.08em;

  font-family:
  "Yu Mincho",
  serif;

  background:
  rgba(255,255,255,0.12);

  border:
  1px solid rgba(255,255,255,0.28);

  border-radius:28px;

  backdrop-filter:
  blur(14px);

  box-shadow:
  0 10px 28px rgba(255,255,255,0.08);

  transition:0.3s ease;
}

/* 動き */
.panel-card:hover{

  transform:
  translateY(-8px);

  background:
  rgba(255,255,255,0.20);

  box-shadow:
  0 18px 34px rgba(255,255,255,0.12);
}

/* スマホ */
@media(max-width:768px){

  .main-visual{

    height:220vh;
  }

  .top-text{

    font-size:42px;

    top:40px;
  }

  .panel-area{

    top:180px;
  }

  .panel-card{

    width:100%;

    max-width:320px;

    height:120px;

    font-size:24px;
  }

}


/* ===================
   bg-image を全画面固定
=================== */

.bg-image{

  position:fixed;

  top:0;
  left:0;

  width:100vw;
  height:100vh;

  object-fit:cover;

  z-index:-1;

  pointer-events:none;
}/* End custom CSS */