@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
div + .page__sec-ttl--border {
  margin-top: 0;
}

.top__chara__box {
  position: relative;
  height: 5.5em;
}
@media only screen and (max-width: 767px) {
  .top__chara__box {
    height: 12rem;
  }
}
.top__chara__box .top__chara {
  display: flex;
  position: absolute;
}
.top__chara__box .top__chara.chara__01 {
  width: 10rem;
  bottom: 0;
  left: 58%;
}
@media only screen and (max-width: 767px) {
  .top__chara__box .top__chara.chara__01 {
    width: 6.5rem;
    left: 18%;
  }
}
.top__chara__box .top__chara.chara__02 {
  width: 7rem;
  bottom: 0;
  left: 72%;
}
@media only screen and (max-width: 767px) {
  .top__chara__box .top__chara.chara__02 {
    width: 4rem;
    left: 43%;
    right: 53%;
  }
}
.top__chara__box .top__chara.chara__03 {
  width: 14rem;
  bottom: 0;
  left: 80%;
}
@media only screen and (max-width: 767px) {
  .top__chara__box .top__chara.chara__03 {
    width: 9rem;
    left: 60%;
    /*
    display: flex;
    width:6rem;
    left: auto;
    right:2%;
    top:0%;
    */
  }
}
.top__chara__box .top__chara .img {
  width: 100%;
  height: auto;
}

.contact-wrap {
  border: none;
}
.contact-wrap .contact-wrap__flex {
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .contact-wrap .contact-wrap__flex .contact-wrap__col-2 {
    margin-top: 0.5em;
  }
}
.contact-wrap .contact-wrap__flex .contact-wrap__col-2 + .contact-wrap__col-2::before {
  display: none;
}
.contact-wrap .contact-wrap__flex .contact-wrap__col-2 .page__copy--sub {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.contact-wrap .contact-wrap__flex .contact-wrap__col-2 .page__copy--sub li {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font-size: 1.6rem;
}
.contact-wrap .contact-wrap__flex .contact-wrap__col-2 .contact-wrap__ttl {
  font-size: 1.6rem;
  text-align: left;
}
.contact-wrap .contact-wrap__flex .contact-wrap__col-2 .bt-solid {
  margin-top: 0.5em;
  border-top: 0.2rem solid #d9d9d9;
  padding-top: 0.5em;
}
.contact-wrap .icon-tel a::before {
  font-size: 2rem;
  background: url(/assets/images/common/icon-tel2.svg) center center no-repeat;
}

.dial__wrap .contact-wrap__inner {
  /*justify-content: flex-start;*/
  align-items: flex-start;
}
.dial__wrap .contact-wrap__inner dt,
.dial__wrap .contact-wrap__inner dd {
  width: 40%;
  text-align: left;
  padding: 0 1em;
}
@media only screen and (max-width: 767px) {
  .dial__wrap .contact-wrap__inner dt,
  .dial__wrap .contact-wrap__inner dd {
    width: 100%;
    box-sizing: border-box;
  }
}
.dial__wrap .contact-wrap__inner + .contact-wrap__inner {
  margin-top: 0.5em;
  border-top: 0.1rem solid #d3d3d3;
  padding-top: 0.5em;
}
.dial__wrap .contact-wrap__inner span {
  display: block;
}

.font_color-red {
  color: #e52d2d;
  font-weight: 700;
}

.contact-wrap .contact-wrap__flex .contact-wrap__col-2.wrap__24th {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .contact-wrap .contact-wrap__flex .contact-wrap__col-2.wrap__24th {
    display: block;
  }
}
.contact-wrap .contact-wrap__flex .contact-wrap__col-2.wrap__24th .icon__24th {
  margin: 0 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: #e52d2d;
  color: #ffffff;
  text-align: center;
  padding: 0.7rem 0 0.7rem;
  width: 11rem;
}
@media only screen and (max-width: 767px) {
  .contact-wrap .contact-wrap__flex .contact-wrap__col-2.wrap__24th .icon__24th {
    padding: 0.4em;
    margin: 0 auto 1em;
  }
}
.contact-wrap .contact-wrap__flex .contact-wrap__col-2.wrap__24th .page__list--disc.page__copy--sub {
  width: calc(100% - 12rem);
  width: auto;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .contact-wrap .contact-wrap__flex .contact-wrap__col-2.wrap__24th .page__list--disc.page__copy--sub {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.contact-wrap .contact-wrap__flex .contact-wrap__col-2.wrap__24th .page__list--disc.page__copy--sub li {
  width: auto;
}

.bottom__chara__box {
  position: relative;
  width: 100%;
  overflow: visible;
}
.bottom__chara__box .bottom__chara {
  display: flex;
  position: absolute;
  bottom: 0;
  margin: auto;
}
.bottom__chara__box .bottom__chara.chara__01 {
  height: 10rem;
  right: 53%;
}
@media only screen and (max-width: 767px) {
  .bottom__chara__box .bottom__chara.chara__01 {
    height: 8rem;
    right: 58%;
  }
}
.bottom__chara__box .bottom__chara.chara__02 {
  height: 8rem;
  left: 49%;
  right: 51%;
}
@media only screen and (max-width: 767px) {
  .bottom__chara__box .bottom__chara.chara__02 {
    height: 6rem;
    left: 47%;
    right: 53%;
  }
}
.bottom__chara__box .bottom__chara.chara__03 {
  left: 55%;
  height: 12rem;
}
@media only screen and (max-width: 767px) {
  .bottom__chara__box .bottom__chara.chara__03 {
    height: 10rem;
    left: 60%;
  }
}
.bottom__chara__box .bottom__chara .img {
  width: 100%;
  height: auto;
}/*# sourceMappingURL=company_contact.css.map */