/*==================================================
  support / aioperator
==================================================*/
.p-step-wrap {
  padding-bottom: 4.5rem;
  background: none; }

.p-step-inner {
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

.p-step-wrap:last-child {
  padding-bottom: 0rem; }

.p-aioperator_att {
  max-width: 88.89%;
  margin: 2.4rem auto 4.8rem;
  padding: 1rem;
  border: 4px solid;
  border-color: #dd0000;
  color: #dd0000;
  font-size: 2rem;
  font-weight: bold; }
  @media screen and (max-width: 768px) {
    .p-aioperator_att {
      max-width: 100%; } }

/* step ai comment */
.p-aioperator_step {
  display: flex;
  align-items: flex-start;
  margin: 0 auto; }
  .p-aioperator_step figure {
    width: 80px;
    min-width: 80px;
    height: 80px; }
    @media screen and (max-width: 568px) {
      .p-aioperator_step figure {
        width: 50px;
        min-width: 50px;
        max-width: 50px;
        height: 50px; } }

.p-aioperator_step-name {
  margin-bottom: 1rem;
  font-weight: bold;
  color: #afa278;
  text-align: left; }

.p-aioperator_step-com {
  position: relative;
  display: inline-block;
  max-width: 500px;
  padding: 2rem;
  background: #f6f6f6;
  border-radius: 5px;
  text-align: left; }
  @media screen and (max-width: 568px) {
    .p-aioperator_step-com {
      max-width: 100%;
      padding: 1.6rem; } }
  .p-aioperator_step-com::after {
    content: "";
    position: absolute;
    border-style: solid;
    top: 35px; }
    @media screen and (max-width: 568px) {
      .p-aioperator_step-com::after {
        top: 30px; } }

.p-aioperator_step-ai {
  max-width: 790px;
  margin: 0 auto 1.6rem; }
  @media screen and (max-width: 568px) {
    .p-aioperator_step-ai {
      max-width: 100%; } }
  .p-aioperator_step-ai .p-aioperator_step-com {
    margin-left: 30px; }
    .p-aioperator_step-ai .p-aioperator_step-com::after {
      left: 0;
      border-width: 10px 20px 10px 0;
      border-color: transparent #f6f6f6 transparent transparent;
      translate: -100% -50%; }

.p-aioperator_step-user {
  max-width: 790px;
  margin: 0 auto 1.6rem; }
  @media screen and (max-width: 568px) {
    .p-aioperator_step-user {
      max-width: 100%; } }
  .p-aioperator_step-user .p-aioperator_step {
    justify-content: flex-end; }
  .p-aioperator_step-user .p-aioperator_step-name {
    text-align: right; }
  .p-aioperator_step-user .p-aioperator_step-com {
    margin-right: 30px; }
    .p-aioperator_step-user .p-aioperator_step-com::after {
      right: 0;
      border-width: 10px 0 10px 20px;
      border-color: transparent transparent transparent #f6f6f6;
      translate: 100% -50%; }

.p-aioperator_step-com-d .note {
  margin-left: 30px;
  text-align: left; }

/*include*/
.p-aioperator-tell_sec.l-limitedWidth {
  padding-top: 0 !important;
  /*  padding-bottom: 0 !important;*/ }

.p-aioperator-tell {
  padding: 4rem;
  border: 1px solid;
  background: #fff;
  border-color: #cccccc; }
  @media screen and (max-width: 568px) {
    .p-aioperator-tell {
      padding: 2rem; } }
  .p-aioperator-tell ul {
    margin-top: 1.6rem; }
  .p-aioperator-tell .uList_item {
    margin-bottom: .4em !important; }
  .p-aioperator-tell .uList_item a {
    color: #4a525a;
    text-decoration: none !important; }

.p-aioperator-tell_sttl {
  color: #aa9c70;
  font-weight: bold;
  text-align: center; }

.p-aioperator-tell_info {
  margin: 0 auto;
  text-align: center; }
  .p-aioperator-tell_info li {
    display: flex;
    justify-content: center;
    align-items: center; }

.p-aioperator-tell_operator {
  font-size: 2.1rem;
  font-weight: bold; }
  @media screen and (max-width: 568px) {
    .p-aioperator-tell_operator {
      font-size: 2rem; } }
  .p-aioperator-tell_operator figure {
    width: 40px;
    height: 40px; }
  .p-aioperator-tell_operator p {
    margin-left: 15px; }

.p-aioperator-tell_tell {
  font-size: 3.2rem;
  font-weight: bold; }
  @media screen and (max-width: 568px) {
    .p-aioperator-tell_tell {
      font-size: 2.8rem; } }
  .p-aioperator-tell_tell figure {
    width: 45px;
    /*    height: 25px;*/
    margin-top: 2px;
    margin-left: 8px; }
  .p-aioperator-tell_tell p {
    margin-left: 8px; }

.p-aioperator-tell_time {
  text-align: left; }
  @media screen and (max-width: 568px) {
    .p-aioperator-tell_time {
      text-align: center; } }

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