@charset "UTF-8"; /* 2024.09.26 */

header .nav_list li:nth-child(5) > a {color: var(--sub);}

/* メインimage指定 */
.img_top {
  background-image: url("../images/office/img_top_sp.jpg");
}
@media (min-width: 1024px) {
  .img_top {
    background-image: url("../images/office/img_top_pc.jpg");
  }
}

section {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  section {
    padding-bottom: 80px;
  }
}

#message {
  padding: 50px 15px 10%;
  position: relative;
}
#message::after {
  background: url(../images/bg_cloud.svg) no-repeat bottom center / contain;
  content: '';
  display: block;
  width: calc(100% + 40px);
  height: 60%;
  position: absolute;
  bottom: -5vw;
  left: -20px;
  z-index: -1;
}
#message .container {
  padding: 40px 20px;
  border: solid 4px var(--main);
  border-radius: 10px;
}
@media (min-width: 576px) {
  #message .container {
    padding: 80px 50px;
  }
}

#office {
  background: url("../images/img_kobe2.svg") no-repeat bottom right / 70%;
}
@media (min-width: 768px) {
  #office {
    background: url("../images/img_kobe2.svg") no-repeat bottom right / 50%;
  }
}
@media (min-width: 1400px) {
  #office {
    background: url("../images/img_kobe2.svg") no-repeat bottom right / 40%;
  }
}

#profile {
  background: url("../images/img_mt-w.svg") no-repeat bottom left / 70%;
  background-color: var(--light1);
}
@media (min-width: 768px) {
  #profile {
    background: url("../images/img_mt-w.svg") no-repeat bottom left / 50%;
    background-color: var(--light1);
  }
}
@media (min-width: 1400px) {
  #profile {
    background: url("../images/img_mt-w.svg") no-repeat bottom left / 40%;
    background-color: var(--light1);
  }
}


#profile .list_txt dt {
  border-bottom: solid 1px;
}
@media (min-width: 600px) {
  #profile .list_txt dt {
    padding-left: 1em;
    border-left: solid 2px;
    border-bottom: none;
    display: flex;
    align-items: center;
  }
  #profile .list_txt dd {
    padding-left: 1em;
    flex: 1;
    border: none;
  }
}
@media (min-width: 768px) {
 #profile .img_01 {
    width: 20%;
  }
  #profile .list_01 {
    width: 60%;
  }
}
@media (min-width: 1024px) {
  #profile .list_01 {
    width: 550px;
  }
}