@charset "utf-8";
/* CSS Document */
.topmessage_e .boxwrap1{
  gap: clamp(40px, 6vw, 90px);
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1280px;
  margin: auto;
  align-items: center;
}

.topmessage_e .boxwrap1 .rightbox{
  flex: 0 0 48%;
}

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

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

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

.topmessage_e .boxwrap1 .txtbox h2{
  line-height: 1.8;
  letter-spacing: .12em;
}

.topmessage_e .boxwrap1 .txtbox > p{
  letter-spacing: .06em;
}

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

/* accordion */
.topmessage_e .career_wrap{
  background: #e9f0e6;
  border-radius: 14px;
  padding: clamp(32px, 5vw, 56px) clamp(28px, 6vw, 70px);
  max-width: 1280px;
  margin: auto;
}

.topmessage_e .career_wrap .career_item + .career_item{
  margin-top: 34px;
}

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

.topmessage_e .career_wrap .career_left{
  display: flex;
  align-items: center;
}

.topmessage_e .career_wrap .career_left p{
  letter-spacing: .06em;
  font-weight: 500;
}

.topmessage_e .career_wrap .career_icon{
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.topmessage_e .career_wrap .career_icon::before,
.topmessage_e .career_wrap .career_icon::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 1px;
  background: #91B49F;
  transform: translate(-50%, -50%);
  transition: .2s ease;
}

.topmessage_e .career_wrap .career_icon::after{
  transform: translate(-50%, -50%) rotate(90deg);
}

/* 開いたらマイナス */
.topmessage_e .career_wrap .career_item.active .career_icon::after{
  opacity: 0;
}

.topmessage_e .career_wrap .career_body{
  display: none;
  padding-top: 20px;
  overflow: hidden;
}

.topmessage_e .career_wrap .career_body p{
  margin: 0;
}

@media screen and (max-width: 768px){
  .topmessage_e .boxwrap1{
    flex-direction: column;
  }

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

  .topmessage_e .boxwrap1 .imgbox{
    aspect-ratio: 1 / 1.15;
  }
}

@media screen and (max-width: 576px){
  .topmessage_e .career_wrap{
    padding: 28px 20px;
  }

  .topmessage_e .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){
}