body, html {
  width: 100%;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
}
body p, html p {
  font-size: 100%;
  line-height: 1.7;
  margin-bottom: 0;
}
body img, html img {
  width: 100%;
}

* {
  box-sizing: border-box;
}

.d-inline-block {
  display: inline-block;
}

body .mktoForm .mktoButtonWrap.mktoRound .mktoButton {
  font-size: 15px !important;
}

#bodyId {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-height: 100vh;
  background: #EEEEEE;
  min-width: 0;
  font-family: "Noto Sans JP", sans-serif;
}
#bodyId .lpeCElement {
  position: static;
}

@media screen and (max-width: 540px) {
  .l-header, .l-header__container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 360px) {
  .l-header, .l-header__container {
    min-height: 70px;
  }
}

.l-header__container, .l-footer__container {
  width: 100%;
  max-width: 1200px;
}

.l-header {
  padding: 0 30px;
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: #EEEEEE;
}
.l-header .entry_btn {
  display: none;
}

.l-footer {
  padding: 30px;
  box-sizing: border-box;
}

.l-contents__container {
  flex: auto;
}

input,
select,
textarea {
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 7px 10px !important;
}

.lpeRegForm input {
  behavior: url("/rs/onemarketing/images/PIE.htc");
}

.lpeRegForm input[type=reset],
.lpeRegForm input[type=submit],
.lpeRegForm input[type=button] {
  background: #428bca;
  border: 1px solid #357ebd;
  border-radius: 5px;
  color: #FFFFFF !important;
  cursor: pointer;
  display: inline;
  font-size: 12px !important;
  font-weight: bold;
  left: 0px;
  padding: 10px 15px !important;
  position: relative;
  text-transform: uppercase;
  top: 10px;
  -webkit-appearance: none;
}

.lpeRegForm input[type=reset]:hover,
.lpeRegForm input[type=submit]:hover,
.lpeRegForm input[type=button]:hover {
  background-color: #3071a9;
  border-color: #285e8e;
}

.mktoForm .mktoButtonWrap.mktoRound {
  margin-left: 0 !important;
}

.mktoForm .mktoError .mktoErrorMsg {
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, inset #ff3c3c 0 1px 0 !important;
  text-shadow: none !important;
  background-image: none !important;
}

.l-content--form {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 540px) {
  .l-content--form {
    flex-direction: column;
    gap: 30px;
  }
}

.p-mkto--txt img {
  max-width: 100%;
}

@media screen and (min-width: 0px) and (max-device-width: 30em) {
  .l-content--form {
    display: block;
  }
  .l-content--form__left {
    width: 100%;
  }
  .l-content--form__right {
    padding-top: 20px;
    width: 100%;
    padding-bottom: 30px;
  }
}
br.xl {
  display: none;
}
@media screen and (max-width: 1140px) {
  br.xl {
    display: block;
  }
}
br.lg {
  display: none;
}
@media screen and (max-width: 794px) {
  br.lg {
    display: block;
  }
}
br.md {
  display: none;
}
@media screen and (max-width: 540px) {
  br.md {
    display: block;
  }
}
br.sm {
  display: none;
}
@media screen and (max-width: 360px) {
  br.sm {
    display: block;
  }
}

section, .mv_wrap {
  padding: 0 80px;
}
@media screen and (max-width: 794px) {
  section, .mv_wrap {
    padding: 0 50px;
  }
}

@media screen and (max-width: 540px) {
  section {
    padding: 0 15px;
  }
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
}

#consultation {
  margin-top: 90px;
}
@media screen and (max-width: 794px) {
  #consultation {
    margin-top: 70px;
  }
}
#consultation .mv {
  background: linear-gradient(213deg, rgb(234, 70, 24) 0%, rgb(246, 174, 112) 50%, rgb(236, 198, 19) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}
@media screen and (max-width: 794px) {
  #consultation .mv {
    height: 200px;
  }
}
#consultation .mv_wrap {
  padding: 40px 80px 20px;
}
@media screen and (max-width: 794px) {
  #consultation .mv_wrap {
    padding: 40px 0 20px;
  }
}
#consultation .mv h1 {
  font-size: 36px;
  line-height: 1.6;
  letter-spacing: 0.2rem;
  color: #fff;
  font-weight: 600;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1140px) {
  #consultation .mv h1 {
    font-size: 3.1vw;
  }
}
@media screen and (max-width: 794px) {
  #consultation .mv h1 {
    font-size: 3.4vw;
  }
}
@media screen and (max-width: 540px) {
  #consultation .mv h1 {
    font-size: 20px;
    text-align: center;
  }
}
#consultation section {
  margin-bottom: 80px;
}
@media screen and (max-width: 540px) {
  #consultation section {
    margin-bottom: 60px;
  }
}
#consultation .about {
  margin-top: 30px;
}
#consultation .about_ttl {
  font-size: 28px;
  line-height: 1.5;
  padding-bottom: 15px;
  border-bottom: 1px solid #333;
  font-weight: 500;
  margin-bottom: 30px;
}
@media screen and (max-width: 540px) {
  #consultation .about_ttl {
    font-size: 18px;
  }
}
#consultation .about_lead {
  line-height: 1.4;
}
#consultation h2 {
  padding-left: 25px;
  border-left: 1px solid #333;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0.05rem;
  font-weight: 500;
  margin-bottom: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 794px) {
  #consultation h2 {
    margin-bottom: 30px;
    font-size: 24px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 540px) {
  #consultation h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#consultation h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 540px) {
  #consultation h3 {
    font-size: 18px;
  }
}
#consultation .outline table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 540px) {
  #consultation .outline table {
    font-size: 14px;
  }
}
#consultation .outline table th {
  background: #575757;
  color: #fff;
  border-bottom: #fff 1px solid;
  width: 25%;
  font-weight: 500;
  text-align: center;
}
#consultation .outline table tr:first-of-type td {
  border-top: #333 1px solid;
}
#consultation .outline table tr:first-of-type th {
  border-top: #333 1px solid;
}
#consultation .outline table tr:last-of-type th {
  border-color: #333;
}
#consultation .outline table td {
  border-bottom: #333 1px solid;
  border-right: #333 1px solid;
  width: 75%;
  background: #fff;
}
#consultation .outline table th, #consultation .outline table td {
  padding: 15px;
}
#consultation .outline_cap {
  font-size: 13px;
  margin-top: 10px;
}
#consultation .outline .consultant h3 {
  margin-top: 80px;
  margin-bottom: 30px;
}
#consultation .outline .consultant_flex {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 540px) {
  #consultation .outline .consultant_flex {
    gap: 20px;
  }
}
#consultation .outline .consultant_item {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
#consultation .outline .consultant_item p {
  font-size: 18px;
}
@media screen and (max-width: 540px) {
  #consultation .outline .consultant_item p {
    font-size: 15px;
  }
}
#consultation .outline .consultant_image {
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 15px;
}
@media screen and (max-width: 540px) {
  #consultation .outline .consultant_image {
    width: 120px;
    height: 120px;
  }
}
#consultation .outline .consultant_image img {
  display: block;
}
#consultation .example_lead {
  line-height: 1.5;
  margin-bottom: 20px;
}
#consultation .example table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 540px) {
  #consultation .example table {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 794px) {
  #consultation .example table thead {
    display: none;
  }
}
#consultation .example table th {
  background: #575757;
  color: #fff;
  font-weight: 500;
  border-right: #fff 1px solid;
  padding: 15px;
}
#consultation .example table th:first-of-type {
  width: 25%;
}
#consultation .example table th:last-of-type {
  width: 75%;
  border-right: #575757 1px solid;
}
#consultation .example table tr:first-of-type td {
  border-top: #333 1px solid;
}
@media screen and (max-width: 794px) {
  #consultation .example table tr:first-of-type td {
    border-top: 0;
  }
}
#consultation .example table tr:first-of-type th {
  border-top: #333 1px solid;
}
#consultation .example table td {
  border-bottom: #333 1px solid;
  background: #fff;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}
#consultation .example table td:first-of-type {
  width: 25%;
  padding: 15px;
}
@media screen and (max-width: 794px) {
  #consultation .example table td:first-of-type {
    width: 100%;
    background: #575757;
    color: #fff;
  }
}
#consultation .example table td:last-of-type {
  width: 75%;
}
@media screen and (max-width: 794px) {
  #consultation .example table td:last-of-type {
    width: 100%;
  }
}
@media screen and (max-width: 794px) {
  #consultation .example table td {
    display: block;
  }
}
#consultation .example table td ul {
  display: flex;
  flex-wrap: wrap;
}
#consultation .example table td ul li {
  width: 50%;
  padding: 10px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}
#consultation .example table td ul li:nth-of-type(odd) {
  border-left: 0;
}
#consultation .example table td ul li:nth-of-type(n+3) {
  border-bottom: 0;
}
#consultation .works_ttl {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 540px) {
  #consultation .works_ttl {
    font-size: 20px;
  }
}
#consultation .works_ttl span {
  color: #ca0404;
}
#consultation .works_lead {
  margin-bottom: 30px;
}
#consultation .works_box {
  padding: 20px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#consultation .works_box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 30px;
}
#consultation .works_box ul li {
  width: calc(16% - 20px);
  height: 90px;
}
@media screen and (max-width: 794px) {
  #consultation .works_box ul li {
    width: calc(33% - 20px);
    height: 60px;
  }
}
@media screen and (max-width: 540px) {
  #consultation .works_box ul li {
    height: 40px;
  }
}
#consultation .works_box ul li img {
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 794px) {
  #consultation .works_box ul li img {
    height: 60px;
  }
}
@media screen and (max-width: 540px) {
  #consultation .works_box ul li img {
    height: 40px;
  }
}
#consultation .works_cap {
  font-size: 13px;
  margin-top: 10px;
}
#consultation .voice_lead {
  line-height: 1.5;
}
#consultation .voice_point {
  margin-top: 20px;
  border-bottom: 1px solid #333;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 45px;
}
@media screen and (max-width: 540px) {
  #consultation .voice_point {
    font-size: 26px;
  }
}
#consultation .voice_point small {
  font-size: 20px;
  font-weight: 400;
  margin-right: 5px;
}
#consultation .voice_point span {
  color: #ca0404;
}
#consultation .voice h3 {
  margin-bottom: 30px;
}
#consultation .voice ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px 0;
}
#consultation .voice ul li {
  width: calc(50% - 10px);
  flex-direction: column;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 794px) {
  #consultation .voice ul li {
    width: 100%;
  }
}
#consultation .voice_top {
  display: flex;
  align-items: center;
  gap: 20px;
}
#consultation .voice_top_right {
  width: calc(100% - 90px);
}
#consultation .voice_top_text {
  display: flex;
  font-size: 15px;
}
@media screen and (max-width: 794px) {
  #consultation .voice_top_text {
    font-size: 14px;
  }
}
#consultation .voice_top_text:first-of-type p:first-of-type {
  width: 45px;
}
#consultation .voice_top_text:first-of-type p:last-of-type {
  width: calc(100% - 45px);
  line-height: 1.4;
}
#consultation .voice_top_text p:first-of-type {
  width: 75px;
}
#consultation .voice_top_text p:last-of-type {
  width: calc(100% - 75px);
  line-height: 1.4;
}
#consultation .voice_icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ca0404;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
#consultation .voice_icon img {
  width: 75%;
  display: block;
}
#consultation .voice_bottom {
  background: #fff;
  padding: 10px;
  flex: 1;
}
#consultation .voice_bottom p {
  font-size: 14px;
}
#consultation .form #mktoForm_3891 {
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 30px;
}
#consultation .form .mktoForm .mktoFormCol {
  width: 100%;
  margin-bottom: 0 !important;
}
#consultation .form .mktoForm .mktoOffset {
  height: 0;
}
#consultation .form .mktoForm .mktoFieldWrap {
  padding: 15px 0;
  border-bottom: 1px solid #cbcbcb;
  width: 100%;
}
#consultation .form .mktoForm .mktoLabel {
  font-weight: bold;
  font-size: 16px;
}
#consultation .form .mktoForm input[type=text], #consultation .form .mktoForm input[type=url], #consultation .form .mktoForm input[type=email], #consultation .form .mktoForm input[type=tel], #consultation .form .mktoForm input[type=number], #consultation .form .mktoForm input[type=date], #consultation .form .mktoForm select.mktoField, #consultation .form .mktoForm textarea.mktoField {
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  padding: 10px;
  box-shadow: none;
  width: calc(100% - 170px) !important;
}
#consultation .form .mktoForm input#FirstName {
  width: calc(100% - 30px) !important;
}
@media screen and (max-width: 580px) {
  #consultation .form .mktoForm input#FirstName {
    width: 100% !important;
  }
}
#consultation .form .mktoForm input[type=checkbox] + label:before, #consultation .form .mktoForm input[type=radio] + label:before {
  box-shadow: none;
}
#consultation .form .mktoForm .mktoRadioList > label, #consultation .form .mktoForm .mktoCheckboxList > label {
  font-size: 15px;
}
#consultation .form .mktoForm .mktoFormRow {
  display: flex;
}
#consultation .form .mktoForm .mktoFormRow:nth-of-type(2) .mktoFormCol:nth-of-type(1) {
  width: calc(50% + 70px) !important;
}
@media screen and (max-width: 580px) {
  #consultation .form .mktoForm .mktoFormRow:nth-of-type(2) .mktoFormCol:nth-of-type(1) {
    width: 50% !important;
  }
}
#consultation .form .mktoForm .mktoFormRow:nth-of-type(2) .mktoFormCol:nth-of-type(2) {
  width: calc(50% - 70px) !important;
}
@media screen and (max-width: 580px) {
  #consultation .form .mktoForm .mktoFormRow:nth-of-type(2) .mktoFormCol:nth-of-type(2) {
    width: 50% !important;
  }
}
#consultation .form .mktoForm select.mktoField {
  padding: 10px 20px 10px 10px;
}
#consultation .form .mktoForm .mktoButtonWrap.mktoRound .mktoButton {
  border: 0;
  background-image: none;
  padding: 0.4em 1em;
  font-size: 1em;
  background: #000000;
  border-radius: 40px;
  box-shadow: none;
  color: #fff;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 15px;
  height: 70px;
  justify-content: center;
  margin: 0px 0px 0px 0px;
  opacity: 1;
  padding: 12px 24px 12px;
  width: auto;
  max-width: 100%;
  font-weight: 600;
  font-size: 18px;
}
#consultation .form .mktoButtonRow {
  margin: 30px auto 0 !important;
  width: 100%;
  text-align: center;
}
#consultation .form .mktoButtonRow .mktoButtonWrap {
  display: block;
  text-align: center;
  margin-left: 0 !important;
}
@media screen and (max-width: 840px) {
  #consultation .form .mktoForm input[type=text], #consultation .form .mktoForm input[type=url], #consultation .form .mktoForm input[type=email], #consultation .form .mktoForm input[type=tel], #consultation .form .mktoForm input[type=number], #consultation .form .mktoForm input[type=date], #consultation .form .mktoForm select.mktoField, #consultation .form .mktoForm textarea.mktoField {
    width: calc(100% - 170px) !important;
  }
  #consultation .form .mktoForm .mktoRadioList, #consultation .form .mktoForm .mktoCheckboxList {
    width: calc(100% - 170px) !important;
  }
}
@media screen and (max-width: 580px) {
  #consultation .form .mktoForm .mktoRequiredField label.mktoLabel, #consultation .form #Lblinquirycontents__c, #consultation .form #LblMobilePhone, #consultation .form #LblField12__c {
    width: 100% !important;
    margin-bottom: 10px;
  }
  #consultation .form .mktoForm input[type=text], #consultation .form .mktoForm input[type=url], #consultation .form .mktoForm input[type=email], #consultation .form .mktoForm input[type=tel], #consultation .form .mktoForm input[type=number], #consultation .form .mktoForm input[type=date], #consultation .form .mktoForm select.mktoField, #consultation .form .mktoForm textarea.mktoField {
    width: 100% !important;
  }
  #consultation .form .mktoForm .mktoRadioList, #consultation .form .mktoForm .mktoCheckboxList {
    width: 100% !important;
  }
  #consultation .form .mktoForm .mktoFormRow {
    align-items: flex-end;
  }
  #consultation .form .mktoForm .mktoFieldWrap {
    padding: 15px 5px;
  }
  #consultation .form .mktoForm textarea.mktoField {
    height: 200px;
  }
  #consultation .form .mktoForm .mktoGutter {
    display: none;
  }
}
#consultation .form .ui-button.ui-state-active:hover b, #consultation .form .ui-button:active b, #consultation .form .ui-state-active b, #consultation .form .ui-widget-content .ui-state-active b, #consultation .form .ui-widget-header .ui-state-active b, #consultation .form a.ui-button:active b,
#consultation .form .ui-button.ui-state-active:hover span, #consultation .form .ui-button:active span, #consultation .form .ui-state-active span, #consultation .form .ui-widget-content .ui-state-active span, #consultation .form .ui-widget-header .ui-state-active span, #consultation .form a.ui-button:active span {
  color: #fff;
  transition: none;
}
#consultation .form .ui-menu .ui-menu-item-wrapper {
  line-height: 1.4;
  transition: none;
}
#consultation .form .ui-button.ui-state-active:hover, #consultation .form .ui-button:active, #consultation .form .ui-state-active, #consultation .form .ui-widget-content .ui-state-active, #consultation .form .ui-widget-header .ui-state-active, #consultation .form a.ui-button:active, #consultation .form .ui-widget.ui-widget-content {
  transition: none;
}
#consultation .form form * {
  transition: none !important;
}
#consultation .form .ui-menu .ui-menu-item * {
  transition: none;
}
#consultation .form_cap {
  font-size: 13px;
}
#consultation .form_cap a {
  color: #1c7fd6;
  text-decoration: underline;
}
#consultation .form_caution {
  color: #ca0404;
  font-size: 13px;
}/*# sourceMappingURL=consultation.css.map */