@charset "UTF-8";
/* ===================================================================
CSS information

file name  : basic_plan.css
author     : Abilive
style info : basic_plan
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");
@import url("https://pro.fontawesome.com/releases/v5.10.0/css/all.css");

.p-meeting__floatBox--img {
  display: block;
  float: right;
  margin-left: 2em;
  width: 38%;
}

@media only screen and (max-width: 767px) {
  .p-meeting__floatBox--img {
    display: block;
    float: none;
    margin-left: 0;
    margin-bottom: 2em;
    width: 100%;
  }
}

.p-meeting__sec {
  padding: 4.70166em 0;
}

.p-meeting__sec h3 {
  margin-bottom: 1.5em;
}

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

  .p-meeting h3,
  .p-meeting__sec h3 {
    font-size: 140% !important;
  }
}

.p-meeting .p-meeting__float--title {
  text-align: left;
  margin-bottom: 1em;
}

.p-meeting__text {
  margin-bottom: 1.5em;
  font-size: 105%;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.875;
  letter-spacing: 1.6px;
}

.p-meeting__wrap::after {
  content: "";
  clear: both;
  display: block;
}

.p-meeting__box--img {
  margin-top: 1em;
}

.p-meeting__table {
  width: 100%;
  background: #EDF2F8;
  display: block;
  padding: 2em;
  border-radius: 15px;
}

.p-meeting__table tbody {
  width: 100%;
  display: inline-table;
}

@media only screen and (max-width: 767px) {
  .p-meeting__table {
    padding: 0;
    border-radius: 0;
  }

  .p-meeting__table tbody {
    display: block;
  }
}

.p-meeting__table tr {
  width: 100%;
  border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 767px) {
  .p-meeting__table tr {
    display: grid;
  }
}

.p-meeting__table th,
.p-meeting__table td {
  padding: 1.5em 2em;
  font-size: 115%;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.875;
  letter-spacing: 1.6px;
}

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

  .p-meeting__table th,
  .p-meeting__table td {
    padding: 1em;
    font-size: 95%;
  }

}

.p-meeting__table th {
  font-size: 120%;
  color: #4F7FB7;
}

@media only screen and (max-width: 767px) {
  .p-meeting__table th {
    background-color: #4F7FB7;
    color: #fff;
    font-size: 95%;
  }
}

.p-meeting__table td span {
  font-weight: bold;
}

.p-meeting__form form {
  width: 100% !important;
  font-size: 110% !important;
}

#meeting .bg_Porcelain,
#global .bg_Porcelain,
#new_business .bg_Porcelain {
  background: #edf2f8;
}

#meeting .p-firstview__hero__image {
  background-image: url(/vision/vision_consultation_meeting/images/main.jpg);
}

#global .p-firstview__hero__image {
  background-image: url(/vision/global_consultation_meeting/images/main.jpg);
}

#new_business .p-firstview__hero__image {
    background-image: url(/vision/files/images/main_new_business.jpg);
}

#meeting .bg_white {
  background: #fff;
  border-radius: 15px;
}

@media only screen and (max-width: 1340px) {
  #meeting .p-form textarea#contact_free {
    width: 670px !important;
  }
}

.p-meeting__theme {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}


.p-meeting__theme figure {
  width: 20%;
}

.p-meeting__theme div {
  width: 75%;
}

.p-meeting__theme div ul li {
  font-size: 120%;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .p-meeting__theme {
    display: block;
  }


  .p-meeting__theme figure {
    width: 50%;
    margin: 0 auto 2em;
  }

  .p-meeting__theme div {
    width: 100%;
  }

  .p-meeting__theme div ul li {
    font-size: 95%;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.875;
    letter-spacing: 1.6px;
  }
}

.p-meeting__theme--text {
  background: #EDF2F8;
  padding: 2em;
  border-radius: 15px;
}

.p-firstview__title__en .p-meeting--xxs {
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .p-firstview__title__en .p-meeting--xxs {
    font-size: 12px;
  }
}


