@charset "UTF-8";
/* ====================================================== *
 *  audio conferencing merit
 * ====================================================== */
.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit {
    display: block;
  }
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 14px -5px #aaa;
          box-shadow: 0px 0px 14px -5px #aaa;
  border-radius: 15px;
  padding: 15px;
  position: relative;
  width: 31.18%;
}

@media screen and (max-width: 768px) {
  .conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li {
    margin-bottom: 1.25rem;
    width: 100%;
  }
  .conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li:last-of-type {
    margin-bottom: 0;
  }
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-header {
  position: relative;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-header .contents-of-merit-title {
  color: #004386;
  font-size: 28px;
  font-weight: bold;
  padding: 0 15px;
  position: absolute;
  top: 0;
  left: -15px;
  z-index: 100;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-header .contents-of-merit-title::before {
  background-color: #ffd600;
  border-radius: 0 50% 50% 0;
  content: "";
  display: block;
  height: 48px;
  left: 0;
  position: absolute;
  width: calc(15px + 1.35em);
  z-index: -1;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-header .contents-of-merit-title ~ .figure {
  margin: 0 0 0 auto;
  min-width: 160px;
  width: 160px;
  z-index: 50;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-header .contents-of-merit-title ~ .figure img {
  width: 100%;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-in {
  background-color: #f2f2f2;
  border-radius: 15px;
  margin-top: 0.75rem;
  padding: 1.0rem;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-in .contents-of-merit-list li {
  color: #004286;
  font-weight: bold;
  margin-bottom: 1.0em;
  padding: 0 0 0 1.0em;
  text-indent: -1.0em;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-in .contents-of-merit-list li::before {
  content: "・";
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-in .contents-of-merit-list li:last-of-type {
  margin-bottom: 0;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-in .contents-of-merit-list ~ .contents-of-merit-notes li {
  font-size: 12px;
  font-weight: bold;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit > li .contents-of-merit-in .contents-of-merit-list ~ .contents-of-merit-notes li::before {
  content: "※";
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit ~ .contents-of-merit-notes {
  margin-top: 1.75em;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents-of-merit ~ .contents-of-merit-notes li::before {
  content: "※ ";
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in {
    display: block;
  }
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in .contents_area_in_text {
  margin-right: 2.0rem;
}

@media screen and (max-width: 768px) {
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in .contents_area_in_text {
    margin-bottom: 1.25rem;
    margin-right: 0;
  }
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in .contents_area_in_text ~ .figure {
    text-align: center;
  }
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in .contents_area_in_text h4 ~ ul li {
  margin-left: 1.0em;
  text-indent: -1.0em;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in .contents_area_in_text h4 ~ ul li::before {
  content: "・";
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in .contents_area_in_text h4 ~ ul.notes {
  margin-top: 1.0rem;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in .contents_area_in_text h4 ~ ul.notes li {
  font-size: 14px;
  margin-left: 0;
  text-indent: 0;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in .contents_area_in_text h4 ~ ul.notes li::before {
  content: "※";
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in .contents_area_in_text h4 ~ .figure {
  margin-top: 1.0rem;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps {
  margin-bottom: 45px;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps:last-of-type {
  margin-bottom: 0;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps .audio_heading03 {
  margin: 2.25rem 0 1.0em;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps .audio_heading03 ~ p {
  margin-bottom: 1.25rem;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] {
  border: solid 1px #cfcfcf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 18px;
}

@media screen and (max-width: 768px) {
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] {
    display: block;
  }
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] + p {
  margin-top: 1.0rem;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] li {
  border-right: solid 1px #cfcfcf;
  margin-right: 1.0rem;
  padding-right: 1.0rem;
  width: calc(33% - 1.0rem);
}

@media screen and (max-width: 768px) {
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] li {
    border-bottom: solid 1px #cfcfcf;
    border-right: none;
    margin-right: 0;
    padding-right: 0;
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] li:first-of-type {
    padding-top: 0;
  }
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] li:last-of-type {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

@media screen and (max-width: 768px) {
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] li:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] li > * {
  font-size: 14px;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] li h5 {
  color: #3f72af;
  font-weight: bold;
  margin: 0 0 0.75rem;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] li h5 ~ .figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps [class^="steps-"] li h5 ~ p {
  margin-bottom: 1.0rem;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps .steps-2 {
  width: calc(66.7% - 1.75rem);
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps .steps-2 li {
  width: 50%;
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps .steps-2 li:last-of-type {
  width: calc(50% - 0.75rem);
}

@media screen and (max-width: 768px) {
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps .steps-2 {
    width: 100%;
  }
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps .steps-2 li {
    width: 100%;
  }
  .conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps .steps-2 li:last-of-type {
    width: 100%;
  }
}

.conferencing_wrap .conferencing_conttents .contents_area .contents_area_in_steps .steps-3 {
  width: 100%;
}

.conferencing_wrap .conferencing_conttents .contents_area .Accordion .accordion_header::after {
  content: none;
}

.conferencing_wrap .conferencing_conttents .contents_area .Accordion .accordion_header .audio_heading03 {
  margin-top: 0;
  margin-bottom: 0;
}

.contents_area {
  margin: 0 auto 80px;
}

.audio_w {
  width: 840px;
}

@media screen and (max-width: 768px) {
  .audio_w {
    width: 100%;
  }
}