@charset "UTF-8";
/* ===================================================================
CSS information

file name  : entry.css
author     : Abilive
style info : 募集職種
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.catch {
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
  font-family: var(--abi-font-en);
  font-optical-sizing: auto;
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .catch {
    --abi-target-font-size: 40;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .catch {
    --abi-target-font-size: 40;
  }
}
@media only screen and (max-width: 767px) {
  .catch {
    --abi-target-font-size: 40;
  }
}
.catch:before {
  content: "";
  display: block;
  width: 5rem;
  height: 4px;
  background-color: black;
  margin-bottom: 1rem;
}

.tag {
  background-color: black;
  color: white;
  padding: .25rem 1rem;
  font-size: .8em;
  display: inline-flex;
  line-height: 1;
}

.p-entry .catch:before {
  display: none;
}
.p-entry__intro {
  display: flex;
  justify-content: space-between;
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .p-entry__intro {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__intro {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1025px) {
  .p-entry__intro {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry__intro {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__intro {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1025px) {
  .p-entry__intro {
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry__intro {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__intro {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry__intro {
    width: calc(1340 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__intro {
    width: 94%;
  }
}
.p-entry__intro .info {
  box-sizing: border-box;
}
@media only screen and (min-width: 1025px) {
  .p-entry__intro .info {
    width: 45%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry__intro .info {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__intro .info {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .p-entry__intro .info {
    padding: 0 2rem 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry__intro .info {
    padding: 4rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__intro .info {
    padding: 2rem 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry__intro .info .txt {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__intro .info .txt {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry__intro .info .c-anchor {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__intro .info .c-anchor {
    margin-top: 1.5rem;
  }
}
.p-entry__intro .img {
  border-radius: calc(35 / var(--abi-parent-font-size) * 1rem) 0 0 0;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .p-entry__intro .img {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry__intro .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__intro .img {
    width: 100%;
  }
}
.p-entry__body {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-entry__body {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-entry__body {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-entry__body {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry__body {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .p-entry__body {
    margin: 4rem auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body {
    margin: 2rem auto 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry__body .con_entry {
    margin-top: 5.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry {
    margin-top: 2.5rem;
  }
}
.p-entry__body .con_entry .c-title span {
  line-height: 1.5;
}
.p-entry__body .con_entry .count span {
  font-weight: 600;
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
  --abi-target-font-size: 22;
}
.p-entry__body .con_entry .list_item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .p-entry__body .con_entry .list_item {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item {
    margin-top: 1rem;
  }
}
.p-entry__body .con_entry .list_item .item {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--abi-color-b);
  border-radius: calc(20 / var(--abi-parent-font-size) * 1rem) 0 0 0;
  border-bottom: none;
  border-right: none;
}
@media only screen and (min-width: 1025px) {
  .p-entry__body .con_entry .list_item .item {
    padding: 2.5rem 3.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry__body .con_entry .list_item .item {
    padding: 2.5rem 1rem 2.5rem 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item .item {
    padding: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry__body .con_entry .list_item .item {
    flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item .item {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .p-entry__body .con_entry .list_item .item {
    gap: 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry__body .con_entry .list_item .item {
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item .item {
    gap: 1.5rem;
  }
}
.p-entry__body .con_entry .list_item .item .inner {
  display: flex;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-entry__body .con_entry .list_item .item .inner {
    flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item .item .inner {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .p-entry__body .con_entry .list_item .item .inner {
    gap: 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry__body .con_entry .list_item .item .inner {
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item .item .inner {
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry__body .con_entry .list_item .item .inner .img {
    width: calc(238 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item .item .inner .img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry__body .con_entry .list_item .item .inner .box_txt {
    width: calc(762 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item .item .inner .box_txt {
    width: 100%;
  }
}
.p-entry__body .con_entry .list_item .item .inner .box_txt .meta {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.p-entry__body .con_entry .list_item .item .inner .box_txt .meta .dept {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .p-entry__body .con_entry .list_item .item .inner .box_txt .txt {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item .item .inner .box_txt .txt {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry__body .con_entry .list_item .item .inner {
    display: contents;
  }
  .p-entry__body .con_entry .list_item .item .inner .img {
    order: 2;
  }
  .p-entry__body .con_entry .list_item .item .inner .box_txt {
    display: contents;
  }
  .p-entry__body .con_entry .list_item .item .inner .box_txt .meta {
    width: 100%;
    order: 1;
  }
  .p-entry__body .con_entry .list_item .item .inner .box_txt .txt {
    order: 3;
  }
  .p-entry__body .con_entry .list_item .item .p-btn {
    order: 4;
  }
}
.p-entry:first-child {
  background: none;
}

.p-entry-detail {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1025px) {
  .p-entry-detail {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-4);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-entry-detail {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-entry-detail {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry-detail {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .p-entry-detail {
    margin: 4rem auto 8rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail {
    margin: 2rem auto 4rem;
  }
}
.p-entry-detail .p-tit {
  background-color: black;
  color: white;
  box-sizing: border-box;
  border-radius: calc(6 / var(--abi-parent-font-size) * 1rem);
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail .p-tit {
    padding: 1rem 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail .p-tit {
    padding: 1rem;
  }
}
.p-entry-detail__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__intro {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__intro {
    margin-top: 2rem;
  }
}
.p-entry-detail__intro .c-title span {
  line-height: 1.5;
}
.p-entry-detail__intro .meta {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__intro .meta {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__intro .meta {
    margin-top: 1.5rem;
  }
}
.p-entry-detail__intro .img {
  border-radius: calc(4 / var(--abi-parent-font-size) * 1rem);
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__intro .img {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__intro .img {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__intro .img {
    width: calc(630 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__intro .img {
    width: 100%;
  }
}
.p-entry-detail__body {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__body {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__body {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__body {
    gap: 6rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__body {
    gap: 3rem;
  }
}
.p-entry-detail__item {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__item {
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__item {
    gap: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__item .c-table__th {
    width: calc(220 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__item .c-table__th {
    width: calc(128 / var(--abi-parent-font-size) * 1rem);
  }
}
.p-entry-detail__flow {
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--abi-color-b);
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__flow {
    gap: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__flow {
    gap: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__flow {
    padding-left: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__flow {
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__flow {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__flow {
    margin-top: 1rem;
  }
}
.p-entry-detail__flow .item {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__flow .item .icon {
    width: calc(80 / 880 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__flow .item .icon {
    width: calc(120 / 880 * 100%);
  }
}
.p-entry-detail__flow .item .info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__flow .item .info {
    width: calc(770 / 880 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__flow .item .info {
    width: calc(700 / 880 * 100%);
  }
}
.p-entry-detail__flow .item .info .catch {
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-entry-detail__flow .item .info .catch {
    --abi-target-font-size: 26;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry-detail__flow .item .info .catch {
    --abi-target-font-size: 26;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__flow .item .info .catch {
    --abi-target-font-size: 26;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__contact {
    padding: 7rem 0 10rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__contact {
    padding: 3rem 0 5rem;
  }
}
.p-entry-detail__contact .inner {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  border-radius: calc(6 / var(--abi-parent-font-size) * 1rem);
  overflow: hidden;
  background-color: black;
  color: white;
}
@media only screen and (min-width: 1025px) {
  .p-entry-detail__contact .inner {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-4);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-entry-detail__contact .inner {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-entry-detail__contact .inner {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry-detail__contact .inner {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__contact .inner {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 1025px) {
  .p-entry-detail__contact .inner {
    min-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry-detail__contact .inner {
    min-width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__contact .inner {
    min-width: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .p-entry-detail__contact .inner {
    padding: 5rem 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry-detail__contact .inner {
    padding: 4rem 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__contact .inner {
    padding: 3rem 2rem;
  }
}
.p-entry-detail__contact .inner .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__contact .inner .info {
    flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__contact .inner .info {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__contact .inner .info {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__contact .inner .info {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-entry-detail__contact .inner .info {
    gap: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-detail__contact .inner .info {
    gap: 4rem;
  }
}
.p-entry-detail__contact .inner .info .txt {
  width: 100%;
}
.p-entry-detail__contact .inner .info .txt dt {
  font-weight: 600;
}
.p-entry-detail__contact .inner .info .p-btn .c-btn__text {
  color: var(--abi-color-body);
}

.p-entry-form .p-entry-detail {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-entry-form .p-entry-detail {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-entry-form .p-entry-detail {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-entry-form .p-entry-detail {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-entry-form .p-entry-detail {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry-form .p-entry-detail {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
.p-entry-form .p-entry-detail .p-contact-form {
  width: 100%;
  padding: 4rem 0 0;
}
.p-entry-form .p-entry-detail .p-contact-form__inner {
  width: 100%;
}
.p-entry-form .p-entry-detail .p-contact-form__policy {
  width: 100%;
}
.p-entry-form .p-entry-detail .p-contact-form__submit {
  margin-top: 0;
}

.box_msg {
  display: flex;
  background: var(--abi-bg-noize);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 0 6rem;
}
@media only screen and (min-width: 768px) {
  .box_msg {
    margin-top: 8rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_msg {
    margin-top: 4rem;
  }
}
.box_msg .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .box_msg .inner {
    gap: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_msg .inner {
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .box_msg .inner {
    max-width: calc(900 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_msg .inner {
    max-width: 100%;
  }
}
.box_msg .inner .p-hero-title span {
  text-align: center;
  display: block;
  color: #f0f0f0;
  opacity: .9;
}
@media only screen and (min-width: 1025px) {
  .box_msg .inner .p-hero-title span {
    font-size: 6vw !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_msg .inner .p-hero-title span {
    font-size: 7vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .box_msg .inner .p-hero-title span {
    font-size: 10vw !important;
  }
}
.box_msg .inner .c-btn {
  width: 100%;
  max-width: 550px;
  margin-top: 2.5rem;
}
.box_msg .inner .c-btn a {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .box_msg .catch {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_msg .catch {
    margin-top: 1rem;
  }
}
.box_msg .catch:before {
  display: none;
}
.box_msg:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
}
@media only screen and (min-width: 768px) {
  .box_msg:before {
    height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_msg:before {
    height: 2.5rem;
  }
}