@charset "utf-8";
/* CSS Document */
.topmessage_e .boxwrap1{
  display:flex;
  align-items:center;
  gap:clamp(50px,7vw,100px);
  max-width:1280px;
  margin:auto;
}

.topmessage_e .boxwrap1 .rightbox{
  width:48%;
  flex:none;
}

.topmessage_e .boxwrap1 .imgbox{
  width:100%;
  aspect-ratio:0.82 / 1;
  overflow:hidden;
  border-radius:16px;
}

.topmessage_e .boxwrap1 .imgbox img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.topmessage_e .boxwrap1 .leftbox{
  flex:1;
}

.topmessage_e .txtbox .entitle3{
  font-size:clamp(22px,2vw,30px);
  letter-spacing:.12em;
  line-height:1;
  color:#9A836C;
}

.topmessage_e .txtbox h2{
  line-height:1.6;
  letter-spacing:.08em;
  font-weight:500;
}

.topmessage_e .txtbox > p{
  letter-spacing:.06em;
  line-height:2.2;
}

.topmessage_e .signature{
  justify-content:flex-end;
}

.topmessage_e .signature .name{
  font-size:clamp(20px,2vw,28px);
  letter-spacing:.08em;
}

/* =========================
   PROFILE
========================= */

.topmessage_e .career_wrap{
  max-width:1280px;
  margin:auto;
  padding:clamp(45px,5vw,56px);
  background:#E7DED1;
  border-radius:16px;
}

.topmessage_e .career_item{
  padding-bottom:20px;
}

.topmessage_e .career_item + .career_item{
  padding-top:20px;
}

.topmessage_e .career_head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid rgba(154,131,108,.25);
    cursor: pointer;
}

.topmessage_e .career_left p{
  font-size:clamp(16px,2vw,20px);

  letter-spacing:.06em;
    color: #7D664F;
}

.topmessage_e .career_icon{
  position:relative;
  width:18px;
  height:18px;
}

.topmessage_e .career_icon::before,
.topmessage_e .career_icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:#9FB8A9;
  transform:translate(-50%,-50%);
}

.topmessage_e .career_icon::before{
  width:14px;
  height:1px;
}

.topmessage_e .career_icon::after{
  width:1px;
  height:14px;
}

.topmessage_e .career_item.active .career_icon::after{
  opacity:0;
}

.topmessage_e .career_body{
  padding-top:20px;
}

.topmessage_e .career_body p{
  line-height:2.1;
  letter-spacing:.06em;
}

@media screen and (max-width:900px){

  .topmessage_e .boxwrap1{
    flex-direction:column;
    gap:40px;
  }

  .topmessage_e .boxwrap1 .rightbox,
  .topmessage_e .boxwrap1 .leftbox{
    width:100%;
  }

  .topmessage_e .boxwrap1 .imgbox{
    aspect-ratio:1 / 1.15;
      max-width: 400px;
  }

  .topmessage_e .career_wrap{
    padding:30px;
  }

}

@media screen and (max-width:576px){



  .topmessage_e .career_item{
    padding-bottom:24px;
  }

  .topmessage_e .career_item + .career_item{
    padding-top:24px;
  }

}

/* ---------- 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){
}

