/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
 p_others
====================================================================== */
.p_others .l_main_visual .mvbg {
  background: url(../img/p_others/mv.png);
  background-size: cover;
}
.p_others .sec_1 {
  padding: 0 0 100px;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p_others .sec_1 {
    padding: 40px 4.6875vw 80px;
  }
}
.p_others .sec_1 .inner {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (max-width: 768px) {
  .p_others .sec_1 .inner {
    width: 100%;
  }
}
.p_others .sec_1 .item {
  padding: 20px;
  display: flex;
  gap: 0 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 18px 2px rgba(0, 16, 51, 0.1);
  position: relative;
}
@media screen and (max-width: 768px) {
  .p_others .sec_1 .item {
    padding: 15px;
    flex-direction: column;
  }
}
.p_others .sec_1 .item-imgbox {
  width: 423px;
}
@media screen and (max-width: 768px) {
  .p_others .sec_1 .item-imgbox {
    width: 100%;
  }
}
.p_others .sec_1 .item-imgbox img {
  width: 100%;
}
.p_others .sec_1 .item-txtbox {
  width: calc(100% - 443px);
}
@media screen and (max-width: 768px) {
  .p_others .sec_1 .item-txtbox {
    padding: 15px 0 40px;
    width: 100%;
  }
}
.p_others .sec_1 .item-ttl {
  padding-bottom: 10px;
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 10px;
}
.p_others .sec_1 .item .c_link_1_1 {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.p_others .sec_1 .btnwrap {
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p_others .sec_1 .btnwrap {
    margin: 10px 0 0;
  }
}

/*# sourceMappingURL=p_others.css.map */