@charset "UTF-8";
.online_mtg_bg {
  margin-top: -50px;
  background-image: -webkit-linear-gradient(315deg, #abecd6 0%, #fbed96 100%);
  background-image: -o-linear-gradient(315deg, #abecd6 0%, #fbed96 100%);
  background-image: linear-gradient(135deg, #abecd6 0%, #fbed96 100%); }
  @media screen and (max-width: 599px) {
    .online_mtg_bg {
      margin-top: -30px; } }
  .online_mtg_bg .title {
    margin: 0 auto;
    width: 90%;
    max-width: 620px;
    padding: 5em 0; }
    @media screen and (max-width: 599px) {
      .online_mtg_bg .title {
        padding: 3em 0; } }

.intro_wrap,
ul.company,
ol.way,
.ckecks {
  margin: 0 1em; }
  @media screen and (max-width: 559px) {
    .intro_wrap,
    ul.company,
    ol.way,
    .ckecks {
      margin: 0 0.5em; } }

.intro_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .intro_wrap .txt_box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .intro_wrap p {
    line-height: 1.75; }
  .intro_wrap p + p {
    margin-top: 1em; }
  .intro_wrap .img_box {
    width: 80%;
    max-width: 400px;
    margin: 1em auto; }
    .intro_wrap .img_box img {
      width: 100%; }
  @media screen and (max-width: 999px) {
    .intro_wrap {
      display: block; }
      .intro_wrap .img_box {
        max-width: 500px; } }

ul.company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  ul.company li {
    width: calc(25% - 10px);
    margin: 1em 5px; }
    @media screen and (max-width: 999px) {
      ul.company li {
        width: calc(33.33% - 10px);
        margin: .75em 5px; } }
    @media screen and (max-width: 559px) {
      ul.company li {
        width: calc(50% - 10px);
        margin: .5em 5px; } }
    ul.company li a {
      color: #333; }
  ul.company .logo {
    width: 100%;
    border: 1px solid #ccc;
    position: relative;
    width: 100%; }
    ul.company .logo:before {
      content: "";
      display: block;
      padding-top: 75%;
      /* 高さを幅の75%に固定 */ }
    ul.company .logo .ins {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    ul.company .logo .of_ins {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%;
      overflow: hidden; }
    ul.company .logo img {
      height: 90%; }
  ul.company .name {
    font-size: 0.875em;
    line-height: 1.5;
    margin-top: 0.5em;
    text-align: center; }

.way li {
  line-height: 1.75; }

.ckecks h3 {
  font-size: 1em;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 0.75em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5); }

.ckecks p {
  line-height: 1.75; }

.ckecks p + p {
  margin-top: 1em; }