@charset "utf-8";
/* CSS Document */
.staff_message{
  position:relative;
  overflow:hidden;
}
.staff_message .topmessage_e .boxwrap1{
  --message-gap:clamp(44px,7vw,90px);
  gap:var(--message-gap);
  flex-wrap:nowrap;
  width:100%;
  margin:auto;
  align-items:center;
    max-width: 1280px;
}
.staff_message .topmessage_e .boxwrap1 .rightbox{
  position:relative;
  width:calc(48% - var(--message-gap) / 2);
  flex:0 0 calc(48% - var(--message-gap) / 2);
}
.staff_message .topmessage_e .boxwrap1 .imgbox{
  width:100%;
  overflow:hidden;

}
.staff_message .topmessage_e .boxwrap1 .imgbox img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.staff_message .topmessage_e .boxwrap1 .leftbox{
  width:calc(52% - var(--message-gap) / 2);
  flex:0 0 calc(52% - var(--message-gap) / 2);
}
.staff_message .topmessage_e .boxwrap1 .txtbox h2{
  color:#6A513F;
  line-height:1.8;
  letter-spacing:.12em;
  font-weight:400;
}

.staff_message .signature{
  justify-content:flex-end;
}
.staff_message .signature .name{
  color:#6A513F;
  letter-spacing:.08em;
}
.staff_message .deco{
  position:absolute;
  z-index:2;
  pointer-events:none;
}
.staff_message .deco img{
  width:100%;
  height:auto;
  display:block;
}

.staff_message .deco7{
  width:clamp(100px,8vw,116px);
  left:clamp(-26px,-2vw,-12px);
  top:clamp(0px,2vw,20px);
}
.staff_message .deco8{
  width:clamp(100px,8vw,116px);
  right:clamp(-18px,-1vw,-8px);
  bottom:clamp(10px,3vw,34px);
}
@media screen and (max-width:576px){
  .staff_message .deco7,
  .staff_message .deco8{
    width:clamp(58px,18vw,82px);
  }
  .staff_message .deco7{
    left:clamp(-14px,-3vw,-8px);
    top:clamp(4px,3vw,14px);
  }
  .staff_message .deco8{
    right:clamp(-10px,-2vw,-6px);
    bottom:clamp(8px,3vw,18px);
  }
}

.staff_message .career_wrap{
  background:#fff;
  border-radius:4px;
  padding:clamp(32px,5vw,56px) clamp(28px,6vw,70px);
  width:100%;
  margin-right:auto;
     margin-left:auto;
  box-sizing:border-box;
    max-width: 1280px;
}
.staff_message .career_wrap .career_item + .career_item{
  margin-top:clamp(28px,4vw,38px);
}
.staff_message .career_wrap .career_head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid rgba(106,81,63,.16);
  padding-bottom:14px;
  cursor:pointer;
}
.staff_message .career_wrap .career_left{
  display:flex;
  align-items:center;
  gap:10px;
}
.staff_message .career_wrap .head_icon{
  width:clamp(12px,1.4vw,16px);
  flex-shrink:0;
}
.staff_message .career_wrap .head_icon img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.staff_message .career_wrap .career_left p{
  color:#6A513F;
  letter-spacing:.06em;
  font-weight:400;
}
.staff_message .career_wrap .career_icon{
  position:relative;
  width:18px;
  height:18px;
  flex-shrink:0;
}
.staff_message .career_wrap .career_icon::before,
.staff_message .career_wrap .career_icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:1px;
  background:#BE9282;
  transform:translate(-50%,-50%);
  transition:.25s;
}
.staff_message .career_wrap .career_icon::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.staff_message .career_wrap .career_item.active .career_icon::after{
  opacity:0;
}
.staff_message .career_wrap .career_body{
  display:none;
  padding-top:clamp(18px,2vw,24px);
  overflow:hidden;
}
body.gjs-dashed .staff_message .career_wrap .career_body{
  display:block!important;
}


@media screen and (max-width:768px){
  .staff_message .topmessage_e .boxwrap1{
    flex-direction:column;
  }
  .staff_message .topmessage_e .boxwrap1 .rightbox,
  .staff_message .topmessage_e .boxwrap1 .leftbox{
    width:100%;
    flex:0 0 100%;
  }
  .staff_message .topmessage_e .boxwrap1 .imgbox{
    max-width:520px;
    margin:auto;
  }
}
@media screen and (max-width:576px){
  .staff_message .career_wrap{
    padding:28px 20px;
  }
  .staff_message .career_wrap .career_item + .career_item{
    margin-top:28px;
  }
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}