@charset "utf-8";
/* default PC */

/* チャット */
.oneArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 50px auto;
  max-width: 1024px;
  padding: 0 10px;
}

.oneArea .onebox {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

.oneArea .onebox:first-child,
.oneArea .onebox:nth-child(3),
.oneArea .onebox:nth-child(5),
.oneArea .onebox:nth-child(7),
.oneArea .onebox:nth-child(9) {
  flex-direction: row-reverse;
  margin-top: 20px;
}

.oneArea .onebox .imgArea {
  position: relative;
  width: 12%;
}

.oneArea .onebox .imgArea img {
  max-width: 130px;
  position: absolute;
  top: 0;
  width: 100%;
}

.oneArea .onebox:nth-child(2n) .imgArea img {
  left: 0;
  padding-right: 30px;
}

.oneArea .onebox:first-child .imgArea img,
.oneArea .onebox:nth-child(3) .imgArea img,
.oneArea .onebox:nth-child(5) .imgArea img,
.oneArea .onebox:nth-child(7) .imgArea img,
.oneArea .onebox:nth-child(9) .imgArea img {
  padding-left: 30px;
  right: 0;
}

.oneArea .onebox .fukiArea {
  width: 63%;
}

.oneArea .onebox .fukidasi {
  background-color: #F7ECD8;
  border-radius: 30px;
  box-sizing: border-box;
  color: #231815;
  padding: 25px;
  position: relative;
  width: 100%;
}

.oneArea .onebox .fukidasi::before {
  border-radius: 0 0 15px 0;
  box-shadow: 3px -15px 0 -7px #E5F1FD inset;
  content: "";
  height: 30px;
  left: auto;
  position: absolute;
  right: -15px;
  top: -10px;
  width: 20px;
}

.oneArea .onebox:nth-child(2n) .fukidasi::before {
  border-radius: 0 0 0 15px;
  box-shadow: 3px -15px 0 -7px #F7ECD8 inset;
  left: -10px;
  right: -15px;
  transform: rotate(0deg);
}

.oneArea .onebox:first-child .fukidasi,
.oneArea .onebox:nth-child(3) .fukidasi,
.oneArea .onebox:nth-child(5) .fukidasi,
.oneArea .onebox:nth-child(7) .fukidasi,
.oneArea .onebox:nth-child(9) .fukidasi {
  background-color: #E5F1FD;
}


#contents .oneArea .onebox .fukiArea p.name-txt {
  color: #4C4C4C;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}


#contents .oneArea .onebox:first-child .fukiArea p.name-txt,
#contents .oneArea .onebox:nth-child(3) .fukiArea p.name-txt,
#contents .oneArea .onebox:nth-child(5) .fukiArea p.name-txt,
#contents .oneArea .onebox:nth-child(7) .fukiArea p.name-txt,
#contents .oneArea .onebox:nth-child(9) .fukiArea p.name-txt {
  text-align: right;
}


@media screen and (max-width: 1024px) {

  .oneArea .onebox .fukidasi {
    font-size: 14px;
    padding: 15px;
  }

  .oneArea .onebox .fukidasi::before {
    top: 8px;
  }
}


/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  #contents .company-area.box-mb {
    margin-bottom: 50px;
  }

  body#company #contents {
    padding-bottom: 453px;
  }

  #contents p.fukidasi {
    padding: 15px 10px 15px 20px;
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .oneArea .onebox:first-child .imgArea img,
  .oneArea .onebox:nth-child(3) .imgArea img,
  .oneArea .onebox:nth-child(5) .imgArea img,
  .oneArea .onebox:nth-child(7) .imgArea img,
  .oneArea .onebox:nth-child(9) .imgArea img {
    padding-left: 15px;
    max-width: 110px;
  }

  .oneArea .onebox:nth-child(2n) .imgArea img {
    padding-right: 15px;
    max-width: 110px;
  }

}

@media screen and (max-width: 650px) {

  .oneArea .onebox .imgArea {
    width: 15%;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #company .table-02 th {
    width: 100px;
  }

  #company .table-02 th,
  #company .table-02 td {
    font-size: 14px;
  }

  body#company #contents {
    padding-bottom: 530px;
  }

  #contents p.fukidasi {
    padding: 10px 15px;
    border-radius: 15px;
  }

  .oneArea .onebox .imgArea {
    width: 20%;
  }

  .oneArea .onebox .fukiArea {
    width: 80%;
  }

  .oneArea .onebox:nth-child(2n) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 420px) {
  .oneArea {
    margin: 30px auto;
  }

  .oneArea .onebox:first-child {
    margin-top: 15px;
  }

  .oneArea .onebox .imgArea {
    width: 20%;
  }

  .oneArea .onebox .fukidasi {
    font-size: 12px;
    padding: 10px 15px;
  }
}


/* 559以下はRWD時に崩れがあれば任意で作成 */

/*IE*/
@media all and (-ms-high-contrast: none) {}