@charset "UTF-8";

/* ===== Section ===== */
#greeting_section_top + section{
  position:relative;
  overflow:hidden;
  padding:80px 0 !important;
  background-image:none !important;   /* photo is moved into .parallax_img by JS */
  text-align:center;
  color:#392e25;
}

/* ===== Parallax layer ===== */
#greeting_section_top + section .parallax_img{
  position:absolute;
  left:0; top:0;
  width:calc(100% + 20px);
  margin-left:-10px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
  filter:brightness(100%) blur(10px);
  opacity:.9;
  will-change:transform;
  z-index:0;
}

/* ===== White translucent card ===== */
#greeting_section_top + section .content_wrapper{
  position:relative;
  z-index:1;
  width:93%;
  max-width:1200px !important;
  margin:0 auto;
  padding:75px !important;
  box-sizing:border-box;
  background:rgba(255,255,255,.85);
}

/* ===== Heading: ごあいさつ ===== */
#greeting_section_top + section .heading.block_header_6{
  display:flex;
  justify-content:center;
  margin-bottom:30px;
}
#greeting_section_top + section .heading.block_header_6 .h{
  position:relative;
  display:inline-block;
  padding:0 55px;
  font-family:"BIZ UDPMincho",serif;
  font-size:3.2rem !important;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.2rem;
  color:#392e25;
}
#greeting_section_top + section .heading.block_header_6 .h::before,
#greeting_section_top + section .heading.block_header_6 .h::after{
  content:"";
  position:absolute;
  top:50%;
  width:40px;
  height:1px;
  background:rgba(57,46,37,.35);
}
#greeting_section_top + section .heading.block_header_6 .h::before{left:0}
#greeting_section_top + section .heading.block_header_6 .h::after{right:0}

/* ===== Portrait ===== */
#greeting_section_top + section .wrapper_item{display:block}
#greeting_section_top + section .inner_item_img{
  flex-basis:15%;
  max-width:15%;
  margin:0 auto 30px;
}
#greeting_section_top + section .inner_item_img img{
  display:block;
  width:100% !important;
  height:auto;
}

/* ===== Text column ===== */
#greeting_section_top + section .inner_item_txt{
  flex-basis:100%;
  max-width:none;
  padding:0;
  font-family:"BIZ UDPMincho",serif;
  font-size:1.7rem;
  font-weight:500;
  line-height:1.9;
  letter-spacing:.02rem;
  color:#392e25;
}

/* ===== Caption (red-dot h3 → plain centered line) ===== */
#greeting_section_top + section .inner_item_txt .heading.block_header_2{
  margin:0 0 30px;
}
#greeting_section_top + section .inner_item_txt .heading.block_header_2::before,
#greeting_section_top + section .inner_item_txt .heading.block_header_2 .h::before,
#greeting_section_top + section .inner_item_txt .heading.block_header_2 .h::after{
  display:none !important;
}
#greeting_section_top + section .inner_item_txt .heading.block_header_2 .h{
  display:block;
  padding:0;
  font-family:"BIZ UDPMincho",serif;
  font-size:1.7rem !important;
  font-weight:500;
  line-height:1.9;
  letter-spacing:.02rem !important;
  color:#392e25;
}

/* ===== Paragraph ===== */
#greeting_section_top + section .inner_item_txt p{
  margin:0;
  text-align:left;
}

/* ===== Mobile ===== */
@media (max-width:768px){
  #greeting_section_top + section{padding:40px 0 !important}
  #greeting_section_top + section .content_wrapper{padding:30px 20px !important}
  #greeting_section_top + section .heading.block_header_6 .h{font-size:2.2rem !important;padding:0 40px}
  #greeting_section_top + section .inner_item_img{flex-basis:40%;max-width:40%}
}