@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

p {
  line-height: 2.2;
  font-size: clamp(14px, 1.1713030747vw, 16px);
  color: #ffffff;
  font-weight: 500;
}
.en {
  font-family: "EB Garamond", serif;
  line-height: 1.6;
  font-size: clamp(16px, 1.1713030747vw, 18px);
  color: #ffffff;
  font-weight: 400;
}

html body {
  font-size: 16px;
  background: #1e202b;
}
html body img {
  height: auto;
  width: 100%;
}
html body a {
  text-decoration: none;
}
html body ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body ul,
html body li,
html body ol,
html body a,
html body span {
  color: #fff;
  margin: 0;
  padding: 0;
}
html body ul,
html body li,
html body ol {
  list-style: none;
}
html body .text_12 {
  font-size: 12px !important;
}
html body .text_14 {
  font-size: 14px !important;
}
html body .text_16 {
  font-size: clamp(14px, 1.1713030747vw, 16px) !important;
}
html body .text_18 {
  font-size: clamp(16px, 1.317715959vw, 18px) !important;
}
html body .text_20 {
  font-size: clamp(18px, 1.4641288433vw, 20px) !important;
}
html body .text_22 {
  font-size: clamp(20px, 1.6105417277vw, 22px) !important;
}
html body .text_24 {
  font-size: clamp(20px, 1.756954612vw, 24px) !important;
}
html body .text_28 {
  font-size: clamp(22px, 2.0497803807vw, 28px) !important;
}
html body .u_pt0 {
  padding-top: 0 !important;
}
html body .u_mb0 {
  margin-bottom: 0px !important;
}
html body .u_mb10 {
  margin-bottom: 10px !important;
}
html body .u_mb20 {
  margin-bottom: 20px !important;
}
html body .u_mb30 {
  margin-bottom: clamp(25px, 2.196193265vw, 30px) !important;
}
html body .u_mb40 {
  margin-bottom: clamp(35px, 2.9282576867vw, 40px) !important;
}
html body .u_mb60 {
  margin-bottom: clamp(40px, 4.39238653vw, 60px) !important;
}
html body .u_mb80 {
  margin-bottom: clamp(60px, 5.8565153734vw, 80px) !important;
}
html body .u_mb120 {
  margin-bottom: clamp(80px, 8.78477306vw, 120px) !important;
}
html body .al_center {
  align-items: center;
}
html body .js_cneter {
  justify-content: center;
}
html body .flex_center {
  align-items: center;
  justify-content: center;
}
html body .re_center {
  text-align: center;
}
@media (max-width: 769px) {
  html body .re_center {
    text-align: start;
  }
}
html body .u_center {
  text-align: center !important;
}
html body .u_start {
  text-align: start !important;
}
html body .u_end {
  text-align: end !important;
}
html body .bold {
  color: #1e202b !important;
  font-weight: bold !important;
  font-size: clamp(16px, 1.317715959vw, 18px) !important;
}
html body .cancel_line {
  text-decoration-line: line-through;
  text-decoration-color: red;
}
html body section {
  margin-bottom: clamp(90px, 8.78477306vw, 120px) !important;
}
html body .row {
  margin-bottom: clamp(150px, 5.8565153734vw, 200px) !important;
}
@media (max-width: 769px) {
  html body .space_sp_none {
    display: none;
  }
}
@media (max-width: 425px) {
  html body .space_sp_none_425 {
    display: none;
  }
}
html body .space_sp {
  display: none;
}
@media (max-width: 769px) {
  html body .space_sp {
    display: block;
  }
}
html body .space_sp_425 {
  display: none;
}
@media (max-width: 425px) {
  html body .space_sp_425 {
    display: block;
  }
}
html body .w33 {
  width: 33% !important;
}
@media only screen and (max-width: 769px) {
  html body .w33 {
    width: 100% !important;
  }
}
html body .w66 {
  width: 66% !important;
}
@media only screen and (max-width: 769px) {
  html body .w66 {
    width: 100% !important;
  }
}
html body .w30 {
  width: 30% !important;
}
@media only screen and (max-width: 769px) {
  html body .w30 {
    width: 100% !important;
    margin-left: 0;
  }
}
html body .w70 {
  width: 70% !important;
}
@media only screen and (max-width: 769px) {
  html body .w70 {
    width: 100% !important;
  }
}
html body .w40 {
  width: 40% !important;
  margin-left: 8%;
}
@media only screen and (max-width: 769px) {
  html body .w40 {
    width: 100% !important;
    margin-left: 0;
  }
}
html body .w40_re {
  width: 40% !important;
  margin-right: 8%;
}
@media only screen and (max-width: 769px) {
  html body .w40_re {
    width: 100% !important;
    margin-right: 0;
  }
}
html body .w60 {
  width: 60% !important;
}
@media only screen and (max-width: 769px) {
  html body .w60 {
    width: 100% !important;
  }
}
html body .u_line {
  display: inline;
  box-shadow: inset 0 -8px 0 #ffbcbc;
}
html body #privacy_policy a {
  color: red;
}
html body #privacy_policy a:hover {
  color: #4e4e4e;
}
html body .privacy_list_item {
  margin-bottom: 30px;
}
html body .max_w500 {
  max-width: 500px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w600 {
  max-width: 600px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w700 {
  max-width: 700px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w800 {
  max-width: 800px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w900 {
  max-width: 900px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1000 {
  max-width: 1000px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1100 {
  max-width: 1100px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1200 {
  max-width: 1200px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1300 {
  max-width: 1300px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1400 {
  max-width: 1400px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1500 {
  max-width: 1500px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1600 {
  max-width: 1600px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1700 {
  max-width: 1700px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1800 {
  max-width: 1800px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w1900 {
  max-width: 1900px !important;
  width: 100%;
  margin: 0 auto;
}
html body .max_w2000 {
  max-width: 2000px !important;
  width: 100%;
  margin: 0 auto;
}
html body .font_red {
  color: red;
}
html body .bg_change {
  padding: clamp(25px, 3.2942898975vw, 45px) clamp(15px, 2.196193265vw, 30px);
  background: rgb(179, 199, 169);
  border-radius: 12px;
  background-size: cover;
}
html body .flex_box {
  display: flex;
  -moz-column-gap: 30px;
  column-gap: 30px;
  justify-content: space-between;
}
@media (max-width: 769px) {
  html body .flex_box {
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
  }
}
html body .flex_box .col {
  width: 50%;
}
@media (max-width: 769px) {
  html body .flex_box .col {
    width: 100%;
  }
}
html body .flex_box_nores {
  display: flex;
  -moz-column-gap: clamp(10px, 2.196193265vw, 30px);
  column-gap: clamp(10px, 2.196193265vw, 30px);
  justify-content: space-between;
}
html body .flex_box_nores .col {
  width: 50%;
}
html body .grid_box_3column {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 20px;
  align-items: start;
}
@media (max-width: 769px) {
  html body .grid_box_3column {
    grid-template-columns: 1fr;
    row-gap: 20px;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}
@media (max-width: 769px) {
  html body .grid_box_3column img {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
  }
}
html body .grid_box_4column {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
  align-items: start;
}
@media (max-width: 769px) {
  html body .grid_box_4column {
    grid-template-columns: 1fr;
    row-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (max-width: 425px) {
  html body .grid_box_4column {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 769px) {
  html body .grid_box_4column img {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 769px) {
  html body .box_reverse {
    flex-direction: column-reverse !important;
  }
}
html body .flow_box {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
html body .flow_box.arrow_box {
  margin-bottom: 15%;
  position: relative;
  align-items: center;
}
html body .flow_box.arrow_box:not(:last-of-type)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 110%;
  width: 100%;
  height: 65px;
  background: url("/wp-content/uploads/arrow_down.png") center center no-repeat;
  background-size: 65px auto;
}
@media (max-width: 769px) {
  html body .flow_box.arrow_box {
    flex-direction: column;
    margin-bottom: 20%;
  }
  html body .flow_box.arrow_box:not(:last-of-type)::after {
    top: 100%;
  }
}
@media (max-width: 425px) {
  html body .flow_box.arrow_box {
    margin-bottom: 25%;
  }
}
@media (max-width: 769px) {
  html body .flow_box {
    flex-direction: column;
    gap: 0;
  }
  html body .flow_box .col {
    width: 100%;
  }
}
html body table {
  width: 100%;
  margin: 0 auto !important;
  border-collapse: collapse;
  border-spacing: 0;
}
html body table th,
html body table td {
  padding: 10px 15px;
  border: 1px solid #ccc;
  line-height: 2.2;
  vertical-align: middle;
}
@media (max-width: 769px) {
  html body table th,
  html body table td {
    padding: 10px 9px;
  }
}
html body table.table01,
html body table.table02,
html body table.table03 {
  max-width: 1200px;
}
html body table.table01 th {
  width: 32%;
  background: #1e202b;
  font-weight: normal;
  color: #fff;
}
html body table.table02 th {
  font-weight: bold;
}
html body table.table02 td {
  text-align: start;
}
html body table.table02 tbody tr th {
  width: auto;
}
@media (max-width: 645px) {
  html body table.table02 {
    width: 120% !important;
  }
}
@media (max-width: 550px) {
  html body table.table02 {
    width: 150% !important;
  }
}
@media (max-width: 457px) {
  html body table.table02 {
    width: 170% !important;
  }
}
@media (max-width: 425px) {
  html body table.table02 {
    width: 200% !important;
  }
}
html body table.table03 th {
  width: 32%;
  font-weight: bold;
  text-align: start;
}
html body table.table03 td {
  text-align: start;
}
html body table.table_company {
  max-width: 1800px;
}
@media (max-width: 769px) {
  html body table.table_company tr {
    display: flex;
    flex-direction: column;
  }
}
html body table.table_company th,
html body table.table_company td {
  border: none;
  border-bottom: 1px solid #ccc;
}
html body table.table_company th {
  width: 15%;
  background: #fff;
  color: #4e4e4e;
  font-size: 18px;
  text-align: start;
}
@media (max-width: 769px) {
  html body table.table_company th {
    width: 100%;
    border-bottom: none;
  }
}
html body table.s_menu-table tbody tr {
  border-bottom: 1px solid #af857e;
}
html body table.s_menu-table tbody tr:first-child {
  border-top: 1px solid #af857e;
}
@media (max-width: 769px) {
  html body table.s_menu-table tbody tr {
    border-bottom: none;
  }
}
html body table.s_menu-table th {
  text-align: left;
  width: 78%;
  background: transparent;
  border: none;
  line-height: 2;
  padding: 20px 15px;
}
@media (max-width: 769px) {
  html body table.s_menu-table th {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #222;
  }
}
html body table.s_menu-table th span {
  display: block;
  font-weight: bold;
}
html body table.s_menu-table td {
  border: none;
  line-height: 2;
  padding: 20px 15px;
  font-weight: bold;
  text-align: end;
}
@media (max-width: 769px) {
  html body table.s_menu-table td {
    display: block;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #af857e;
  }
}
html body table.table_04 .table_ttl {
  background: #4e4e4e;
  padding: 1rem !important;
  color: white;
  font-size: 18px !important;
  text-align: start;
}
html body table.table_04 .s_menu-table {
  font-weight: bold;
}
html body table.table_04 .s_menu-table th,
html body table.table_04 .s_menu-table tr {
  font-weight: bold;
}
html body table .table_small {
  font-size: 14px !important;
  font-weight: 400 !important;
}
html body .l_button {
  margin: 0 auto !important;
}
html body .l_button a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  position: relative;
  font-size: clamp(14px, 1.0980966325vw, 15px);
  height: 70px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  background: #4e4e4e;
  margin: 0 auto !important;
  border: solid 2px #4e4e4e;
  text-decoration: none;
  transition-duration: 0.4s;
}
html body .l_button a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f35d";
  display: inline-block;
  font-style: normal;
  line-height: 1;
  font-weight: 700;
  font-size: 1em;
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 7%;
}
html body .l_button a:hover {
  background-color: #ffffff;
  color: #4e4e4e;
  text-decoration: none;
}
html body .top_main_button_5column li:first-child {
  margin-left: 0 !important;
}
html body .top_main_button_5column li {
  list-style-type: none !important;
}
html body .top_main_button_5column a {
  color: #333;
  box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 12px;
  padding-right: 25px;
}
html body .top_main_button_5column a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 47.9375em) {
  html body .top_main_button_5column a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
html body .top_main_button_5column a .c-circle-arrow {
  position: absolute;
  top: 34%;
  right: 0;
}
html body .top_main_button_5column a:before,
html body .top_main_button_5column a:after {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e6e6e6;
  content: "";
}
html body .top_main_button_5column a:before {
  z-index: 10;
  transform: translate(calc(-100% - 1px), 0);
  background-color: #4e4e4e;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media print, screen and (min-width: 64em) {
  html body .top_main_button_5column a:hover:before {
    transform: translate(0, 0);
  }
}
html body .top_main_button_4column {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media (max-width: 1450px) {
  html body .top_main_button_4column {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 769px) {
  html body .top_main_button_4column {
    grid-template-columns: 1fr 1fr;
  }
}
html body .top_main_button_4column li:first-child {
  margin-left: 0 !important;
}
html body .top_main_button_4column li {
  list-style-type: none !important;
}
html body .top_main_button_4column a {
  color: #fff;
  box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 12px;
  padding-right: 25px;
}
html body .top_main_button_4column a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 47.9375em) {
  html body .top_main_button_4column a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
html body .top_main_button_4column a .c-circle-arrow {
  position: absolute;
  top: 34%;
  right: 0;
}
html body .top_main_button_4column a:before,
html body .top_main_button_4column a:after {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e6e6e6;
  content: "";
}
html body .top_main_button_4column a:before {
  z-index: 10;
  transform: translate(calc(-100% - 1px), 0);
  background-color: #4e4e4e;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media print, screen and (min-width: 64em) {
  html body .top_main_button_4column a:hover:before {
    transform: translate(0, 0);
  }
}
html body .top_main_button_3column {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media (max-width: 769px) {
  html body .top_main_button_3column {
    grid-template-columns: 1fr;
  }
}
html body .top_main_button_3column li:first-child {
  margin-left: 0 !important;
}
html body .top_main_button_3column li {
  list-style-type: none !important;
}
html body .top_main_button_3column a {
  color: #333;
  box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 12px;
  padding-right: 25px;
}
html body .top_main_button_3column a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 47.9375em) {
  html body .top_main_button_3column a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
html body .top_main_button_3column a .c-circle-arrow {
  position: absolute;
  top: 34%;
  right: 0;
}
html body .top_main_button_3column a:before,
html body .top_main_button_3column a:after {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e6e6e6;
  content: "";
}
html body .top_main_button_3column a:before {
  z-index: 10;
  transform: translate(calc(-100% - 1px), 0);
  background-color: #4e4e4e;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media print, screen and (min-width: 64em) {
  html body .top_main_button_3column a:hover:before {
    transform: translate(0, 0);
  }
}
html body .top_main_button_2column {
  display: -ms-flexbox;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 40px;
  column-gap: 40px;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0 !important;
  width: 70%;
  margin: 0 auto;
}
@media only screen and (max-width: 47.9375em) {
  html body .top_main_button_2column {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 48em) {
  html body .top_main_button_2column {
    margin-top: 18px;
  }
}
html body .top_main_button_2column li {
  list-style-type: none !important;
}
html body .top_main_button_2column a {
  color: #333;
  box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 12px;
  padding-right: 25px;
}
html body .top_main_button_2column a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 47.9375em) {
  html body .top_main_button_2column a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
html body .top_main_button_2column a .c-circle-arrow {
  position: absolute;
  top: 34%;
  right: 0;
}
html body .top_main_button_2column a:before,
html body .top_main_button_2column a:after {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e6e6e6;
  content: "";
}
html body .top_main_button_2column a:before {
  z-index: 10;
  transform: translate(calc(-100% - 1px), 0);
  background-color: #4e4e4e;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media print, screen and (min-width: 64em) {
  html body .top_main_button_2column a:hover:before {
    transform: translate(0, 0);
  }
}
html body .c-circle-arrow {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media only screen and (max-width: 47.9375em) {
  html body .c-circle-arrow {
    top: 0.15em;
    margin-left: 6px;
  }
}
@media print, screen and (min-width: 48em) {
  html body .c-circle-arrow {
    margin-left: 10px;
  }
}
html body .c-circle-arrow.-accent.-bottom {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%2815%29%20rotate%2890%29%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20fill%3D%22%234E4E4E%22%2F%3E%3Cpath%20d%3D%22M-1578.714%2C4.664l2.122-2.121-2.122-2.122%2C1.061-1.06%2C2.121%2C2.121%2C1.06%2C1.06-1.06%2C1.061h0l-2.121%2C2.122Z%22%20transform%3D%22translate%281584.593%205.057%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media print, screen and (min-width: 64em) {
  html body .c-circle-arrow a:hover .c-circle-arrow.-top {
    transform: translate(0, -4px);
  }
  html body .c-circle-arrow a:hover .c-circle-arrow.-bottom {
    transform: translate(0, 4px);
  }
  html body .c-circle-arrow a:hover .c-circle-arrow.-right {
    transform: translate(4px, 0);
  }
  html body .c-circle-arrow button:hover .c-circle-arrow.-right {
    transform: translate(4px, 0);
  }
  html body .c-circle-arrow a:hover .c-circle-arrow.-right.-absolute {
    transform: translate(4px, -50%);
  }
}
html body .parallax_section .parallax_bg {
  margin: 0 calc(40% - 40vw);
  height: 300px;
  position: relative;
  -webkit-clip-path: inset(0);
  clip-path: inset(0);
  background: url(/wp-content/uploads/company_001-scaled.jpg) no-repeat center
    top/cover;
  background-attachment: fixed;
}
html body .parallax_section .parallax_bg::after {
  content: "";
  position: fixed;
  display: block;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  background: inherit;
  box-sizing: border-box;
}
html body .wide_img {
  margin: 0 calc(50% - 50vw);
}
html body .wide_img img {
  max-width: none;
  height: auto;
  width: 100%;
}
html body .step_block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
html body .step_block .bg1 {
  background: #f2b9af;
  position: relative;
}
html body .step_block .bg1::after {
  /* (C3-1) RIGHT TRIANGLE */
  border-right: 0;
  /* (C3-2) POSITION AT RIGHT */
  right: -40px;
  top: 50%;
  margin-top: -20px;
  content: "";
  border: 20px solid transparent;
  z-index: 2;
  /* (B1-2) NECESSARY TO POSITION THE "TAIL" */
  position: absolute;
  border-left-color: #f2b9af;
}
html body .step_block .bg1::before {
  border-top-color: #f2b9af !important;
  border-bottom: 0;
  bottom: -39px;
  left: 50%;
  margin-left: -20px;
  content: "";
  border: 20px solid transparent;
  position: absolute;
  z-index: 2;
}
html body .step_block .bg2 {
  background: #edb1a6;
  position: relative;
}
html body .step_block .bg2::after {
  /* (C3-1) RIGHT TRIANGLE */
  border-right: 0;
  /* (C3-2) POSITION AT RIGHT */
  right: -40px;
  top: 50%;
  margin-top: -20px;
  content: "";
  border: 20px solid transparent;
  z-index: 2;
  /* (B1-2) NECESSARY TO POSITION THE "TAIL" */
  position: absolute;
  border-left-color: #edb1a6;
}
html body .step_block .bg2::before {
  border-top-color: #edb1a6 !important;
  border-bottom: 0;
  bottom: -39px;
  left: 50%;
  margin-left: -20px;
  content: "";
  border: 20px solid transparent;
  position: absolute;
  z-index: 2;
}
html body .step_block .bg3 {
  background: #e8a99d;
  position: relative;
}
html body .step_block .bg3::after {
  /* (C3-1) RIGHT TRIANGLE */
  border-right: 0;
  /* (C3-2) POSITION AT RIGHT */
  right: -40px;
  top: 50%;
  margin-top: -20px;
  content: "";
  border: 20px solid transparent;
  z-index: 2;
  /* (B1-2) NECESSARY TO POSITION THE "TAIL" */
  position: absolute;
  border-left-color: #e8a99d;
}
html body .step_block .bg3::before {
  border-top-color: #e8a99d !important;
  border-bottom: 0;
  bottom: -39px;
  left: 50%;
  margin-left: -20px;
  content: "";
  border: 20px solid transparent;
  position: absolute;
  z-index: 2;
}
html body .step_block .bg4 {
  background: #e4a194;
  position: relative;
}
html body .step_block .bg4::after {
  display: none;
  /* (C3-1) RIGHT TRIANGLE */
  border-right: 0;
  /* (C3-2) POSITION AT RIGHT */
  right: -40px;
  top: 50%;
  margin-top: -20px;
  content: "";
  border: 20px solid transparent;
  z-index: 2;
  /* (B1-2) NECESSARY TO POSITION THE "TAIL" */
  position: absolute;
  border-left-color: #e4a194;
}
html body .step_block .bg4::before {
  border-top-color: #e4a194 !important;
  border-bottom: 0;
  bottom: -39px;
  left: 50%;
  margin-left: -20px;
  content: "";
  border: 20px solid transparent;
  position: absolute;
  z-index: 2;
}
html body .step_block .bg5 {
  background: #e09a8c;
  position: relative;
}
html body .step_block .bg5::after {
  /* (C3-1) RIGHT TRIANGLE */
  border-right: 0;
  /* (C3-2) POSITION AT RIGHT */
  right: -40px;
  top: 50%;
  margin-top: -20px;
  content: "";
  border: 20px solid transparent;
  z-index: 2;
  /* (B1-2) NECESSARY TO POSITION THE "TAIL" */
  position: absolute;
  border-left-color: #e09a8c;
}
html body .step_block .bg5::before {
  border-top-color: #e09a8c !important;
  border-bottom: 0;
  bottom: -39px;
  left: 50%;
  margin-left: -20px;
  content: "";
  border: 20px solid transparent;
  position: absolute;
  z-index: 2;
}
html body .step_block .bg6 {
  background: #d58677;
}
@media screen and (max-width: 767px) {
  html body .step_block .bg1::after,
  html body .step_block .bg2::after,
  html body .step_block .bg3::after,
  html body .step_block .bg4::after,
  html body .step_block .bg5::after,
  html body .step_block .bg6::after {
    display: none;
  }
}
html body .step_block .bg1::before,
html body .step_block .bg2::before,
html body .step_block .bg3::before,
html body .step_block .bg4::before,
html body .step_block .bg5::before,
html body .step_block .bg6::before {
  display: none;
}
@media screen and (max-width: 767px) {
  html body .step_block .bg1::before,
  html body .step_block .bg2::before,
  html body .step_block .bg3::before,
  html body .step_block .bg4::before,
  html body .step_block .bg5::before,
  html body .step_block .bg6::before {
    display: inherit;
  }
  html body .step_block .step_block {
    display: grid;
    grid-template-columns: 1fr;
  }
}
html body .step_box .flow-box {
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
}
html body .step_box ul {
  padding: 0;
}
html body .step_box li {
  list-style-type: none;
}
html body .step_box dd {
  margin-left: 0;
}
html body .step_box .flow-under {
  width: 100%;
}
html body .step_box .flow-under li {
  position: relative;
}
html body .step_box .flow-under li:not(:last-child) {
  margin-bottom: 40px;
}
html body .step_box .flow-under li:not(:first-child)::before {
  content: "";
  height: 60px;
  display: block;
  border-left: 4px dotted #e5e5e5;
  position: absolute;
  top: -40px;
  left: calc(10% + 30px - 2px);
  z-index: 10;
}
html body .step_box .flow-box .flow-under li dl {
  width: auto;
  padding: 20px 30px;
  align-items: center;
  border: 2px solid #db8c70;
  border-radius: 10px;
  position: relative;
}
html body .step_box .flow-under li:not(:last-child) dl::before,
html body .step_box .flow-under li:not(:last-child) dl::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
html body .step_box .flow-under li:not(:last-child) dl::before {
  border-width: 22px;
  border-top-color: #db8c70;
}
html body .step_box .flow-under li:not(:last-child) dl::after {
  border-width: 20px;
  border-top-color: #fff;
}
html body .step_box .flow-box .flow-under li dl dt {
  font-size: 20px;
  font-weight: 600;
  flex-basis: 20%;
}
html body .step_box .flow-box .flow-under li dl dt .icon {
  font-size: 20px;
  color: #ffffff;
  background: #db8c70;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#6b90db", endColorstr="#66d5e9",GradientType=1 );
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
  position: relative;
  z-index: 20;
  text-align: center;
}
@media (max-width: 769px) {
  html body .step_box .flow-box .flow-under li dl dt .icon {
    font-size: 18px;
  }
}
html body .step_box2 {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  position: relative;
}
html body .step_box2 .flex_area {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
html body .step_box2 .flex_area .w66 {
  padding: 10px clamp(20px, 2.196193265vw, 30px);
}
html body .step_box2 .flex_area .w66 p {
  line-height: 1.8;
}
html body .step_box2 .flex_area .w66 h3 {
  margin-bottom: clamp(20px, 2.196193265vw, 30px) !important;
}
html body .step_box2 .flex_area .w66 .step_flex {
  display: flex;
  -moz-column-gap: clamp(15px, 2.196193265vw, 30px);
  column-gap: clamp(15px, 2.196193265vw, 30px);
}
html body .step_box2 .flex_area .w66 .step_flex .step_area {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}
html body .step_box2 .flex_area .w66 .step_flex .step_area .s_s {
  color: #c43737;
  font-size: 20px;
  font-weight: bold;
  padding-top: 5px;
  border-top: 2px solid #c43737;
}
@media (max-width: 769px) {
  html body .step_box2 .flex_area .w66 .step_flex .step_area .s_s {
    font-size: 18px;
  }
}
@media (max-width: 769px) {
  html body .step_box2 .flex_area .w66 .step_flex .step_area .s_s {
    font-size: 16px;
  }
}
html body .step_box2 .flex_area .w66 .step_flex .step_area .s_b {
  color: #c43737;
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 769px) {
  html body .step_box2 .flex_area .w66 .step_flex .step_area .s_b {
    font-size: 25px;
  }
}
@media (max-width: 425px) {
  html body .step_box2 .flex_area .w66 .step_flex .step_area .s_b {
    font-size: 22px;
  }
}
html body .step_box3 {
  position: relative;
}
html body .step_box3 .step_flex {
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 425px) {
  html body .step_box3 .step_flex {
    flex-direction: column;
  }
}
html body .step_box3 .step_flex::after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 225, 245, 0) !important;
  border-top-color: #c43737 !important;
  border-width: 30px !important;
  margin-left: -30px !important;
  z-index: 20 !important;
}
html body .step_box3 .step_flex .step_area {
  background: #c43737;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 425px) {
  html body .step_box3 .step_flex .step_area {
    padding: 0 20px;
  }
}
html body .step_box3 .step_flex .step_area p {
  color: #fff;
}
html body .step_box3 .step_flex .step_area p .s_s {
  font-size: 20px;
}
html body .step_box3 .step_flex .step_area p .s_b {
  font-size: 24px;
}
html body .step_box3 .step_flex .content_area {
  padding: 30px 20px;
  background: #fff;
}
html body .step_box3 .step_flex .content_area .color_r {
  color: #c43737;
}
html body .step_box3 .step_flex:last-child::after {
  display: none;
}
html body .coupon_box {
  border: 2px solid #e5f1d9;
  padding: 40px;
  background: #e5f1d9;
}
html body .coupon_box .col {
  width: 100%;
}
html body .coupon_box .coupon_space {
  display: inline;
}
@media (max-width: 450px) {
  html body .coupon_box .coupon_space {
    display: block;
  }
}
html body .coupon_box .coupon_grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 45px;
  align-items: center;
}
@media (max-width: 769px) {
  html body .coupon_box .coupon_grid {
    display: flex;
    flex-direction: column-reverse;
  }
}
html body .coupon_box .l_button2 a {
  margin: 0;
  margin-left: auto;
}
@media (max-width: 769px) {
  html body .coupon_box {
    padding: 30px;
  }
}
@media (max-width: 425px) {
  html body .coupon_box {
    padding: 20px;
  }
}
html body .staff_number {
  font-size: 0.8rem;
  border-bottom: 3px solid #db8c70;
  display: inline-block;
  font-size: 14px;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
  font-weight: bold;
}
html body .staff_name {
  margin-top: 6px !important;
  font-size: 24px !important;
}
html body .staff_bold {
  font-weight: bold;
  color: #db8c70;
}
html body .staff_content {
  font-size: 16px !important;
}
html body .staff_gap {
  -moz-column-gap: 90px !important;
  column-gap: 90px !important;
}
html body .col_text {
  width: 50% !important;
}
@media (max-width: 769px) {
  html body .col_text {
    width: 100% !important;
  }
}
html body .anchor {
  margin-top: -120px;
  padding-top: 120px;
}
html body .up_img {
  overflow: hidden;
}
@media (max-width: 769px) {
  html body .up_img img {
    max-width: 100%;
  }
}
html body .up_img p a {
  position: relative;
}
html body .up_img p a::before {
  content: "＋";
  width: 30px;
  height: 30px;
  color: #fff;
  position: absolute;
  right: 0;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  z-index: 1;
  background: #4e4e4e;
}
html body .Qa-Box {
  width: 100%;
  margin: 0 auto;
}
html body .Qa-Box .Qa dt,
html body .Qa-Box .Qa dd {
  display: flex;
  align-items: baseline;
  margin: 15px 0;
  padding: 15px;
}
html body .Qa-Box .Qa dt p,
html body .Qa-Box .Qa dd p {
  margin: 0;
  padding-left: 15px;
}
html body .Qa-Box .Qa dt {
  background: #f5f5f5;
}
html body .Qa-Box .Qa dt::before {
  content: "Q";
  background: #4e4e4e;
}
html body .Qa-Box .Qa dt p {
  font-weight: bold;
}
html body .Qa-Box .Qa dd::before {
  content: "A";
  background: #d6da1c;
}
@media screen and (max-width: 960px) {
  html body .Qa-Box {
    width: 95%;
  }
}
html body .main_visual_subpage {
  width: 100%;
  height: 450px;
  background: url(assets/images/common/main_visual_sample.jpg) center/cover
    no-repeat;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  border-radius: 0;
  padding: 0 0 0 15.625vw;
}
@media (max-width: 769px) {
  html body .main_visual_subpage {
    padding: 0;
    text-align: center;
    align-items: center;
  }
}
html body .main_visual_subpage .page_name {
  z-index: 3;
}
html body .main_visual_subpage .page_name p {
  font-family: "EB Garamond", serif;
  font-weight: 500;
  font-size: clamp(22px, 1.756954612vw, 24px);
  line-height: normal;
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: capitalize;
}
@media (max-width: 769px) {
  html body .main_visual_subpage .page_name p {
    text-align: center;
  }
}
@media (max-width: 425px) {
  html body .main_visual_subpage .page_name p {
    font-size: 5.1764705882vw;
  }
}
html body .main_visual_subpage .page_name h1 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-size: clamp(26px, 2.9282576867vw, 40px);
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #fff;
}
@media (max-width: 769px) {
  html body .main_visual_subpage .page_name h1 {
    text-align: center;
  }
}
@media (max-width: 425px) {
  html body .main_visual_subpage .page_name h1 {
    font-size: 6.1176470588vw;
  }
}
html body .main_visual_subpage .over_ray {
  position: relative;
}
html body .main_visual_subpage .over_ray::after {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  content: "";
}

html body main .mv_consulting {
  background-image: url(/wp-content/uploads/h1_consulting.jpg);
}
html body main .mv_contact {
  background-image: url(/wp-content/uploads/h1_contact.jpg);
}
html body main .mv_stay {
  background-image: url(/wp-content/uploads/h1_stay.jpg);
}
html body main .mv_space {
  background-image: url(/wp-content/uploads/h1_space.jpg);
}

.grid_arrow_box a {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: center;
  justify-content: center;
}
.grid_arrow_box a:hover i {
  padding-top: 1em;
  transition: 0.4s;
}
.grid_arrow_box a i {
  transition: 0.4s;
}

.u_hidden {
  display: none;
}

@media (max-width: 645px) {
  .u_hidden {
    display: inherit;
  }
}
.page-template-default #main_contents {
  padding: 90px 0 0 0 !important;
}

.form_textarea {
  flex-direction: column !important;
  align-items: start !important;
}

.arrow_box .w33 figure {
  max-width: 220px;
  width: 100%;
  margin: 0 auto;
}

.tr_border {
  border: 4px dashed yellow;
}

.accordion button {
  margin-bottom: 32px;
  background: #fff;
  box-shadow: 0 0 10px rgba(212, 196, 163, 0.2);
  border-radius: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding: 32px 42px 30px 42px;
  color: #333;
  font-size: clamp(16px, 1.317715959vw, 18px);
  font-weight: 400;
  border: none;
  background: none;
  align-items: center;
  outline: none;
}
@media (max-width: 425px) {
  .accordion button {
    padding: 16px 15px 15px 15px;
  }
}
.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: #253a2d;
}
.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #253a2d;
  border: 1px solid #253a2d;
}
.accordion button .accordion-title {
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 2;
}
@media (max-width: 425px) {
  .accordion button .accordion-title {
    font-size: 14px;
  }
}
.accordion button .icon {
  display: inline-block;
  top: 18px;
  right: 0;
  width: auto;
  height: auto;
}
.accordion button .icon .fa-solid {
  font-size: 30px;
  color: #004273;
}
.accordion .q {
  font-size: 41px;
  color: #004273;
  padding-right: 15px;
  border-right: 1px solid #004273;
  margin-right: 20px;
  line-height: 1.317;
}
@media (max-width: 425px) {
  .accordion .q {
    font-size: 28px;
  }
}
.accordion .a {
  font-size: 41px;
  color: #e94c3d;
  padding-right: 15px;
  border-right: 1px solid #e94c3d;
  margin-right: 20px;
  line-height: 1.317;
}
@media (max-width: 425px) {
  .accordion .a {
    font-size: 28px;
  }
}
.accordion button[aria-expanded="true"] {
  color: #333;
}
.accordion button[aria-expanded="true"] .icon {
  transform: rotate(180deg);
}
.accordion button[aria-expanded="true"] + .accordion-content {
  opacity: 1;
  max-height: 100%;
  transition: all 200ms linear;
  will-change: opacity, max-height;
  padding: 10px 42px 30px 42px;
  background: transparent;
}
@media (max-width: 425px) {
  .accordion button[aria-expanded="true"] + .accordion-content {
    padding: 10px 15px 15px 15px;
  }
}
.accordion .accordion-content {
  margin-top: -20px;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  line-height: 2;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: flex-start;
}

.banner_box {
  position: relative;
}
.banner_box a {
  transition: 0.4s;
}
.banner_box a:hover {
  opacity: 0.7;
  transition: 0.4s;
}
.banner_box .text_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner_box .text_box p {
  padding: 10px;
  font-size: clamp(18px, 1.4641288433vw, 20px);
  font-weight: 600;
  text-align: center;
  color: #00a3ff;
  display: inline-block;
  width: clamp(220px, 24.1581259151vw, 330px);
  background: rgba(255, 255, 255, 0.9);
}
@media (max-width: 769px) {
  .banner_box .text_box p {
    font-size: 20px;
    width: 450px;
  }
}
@media (max-width: 600px) {
  .banner_box .text_box p {
    width: 350px;
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .banner_box .text_box p {
    width: 220px;
    font-size: 15px;
  }
}
@media (max-width: 375px) {
  .banner_box .text_box p {
    font-size: 15px;
  }
}

.sp_only {
  display: none;
}

@media (max-width: 767px) {
  .sp_only {
    display: block;
  }
  .pc_only {
    display: none;
  }
}
.columnList {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 769px) {
  .columnList {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 425px) {
  .columnList {
    grid-template-columns: 1fr;
  }
}

.column_box {
  width: 100%;
}
.column_box p {
  word-break: break-all;
}
.column_box img {
  height: clamp(240px, 21.9619326501vw, 300px);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.under_inner {
  padding-top: clamp(70px, 7.3206442167vw, 100px);
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
}
.under_inner .under_wrap {
  margin: 0 20px;
}

.text_flex {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.lb-outerContainer {
  height: 100% !important;
}

.a_link {
  color: #0041ff !important;
  font-weight: bold;
  transition: 0.4s;
  text-decoration: underline !important;
}
.a_link:hover {
  opacity: 0.7;
  transition: 0.4s;
}

html body h2.h2_octane {
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(22px, 2.7818448023vw, 38px);
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.1em;
  color: #ffffff;
  margin-bottom: clamp(8px, 4.39238653vw, 14px);
  position: relative;
}

html body h2.h2_octane01::before {
  position: absolute;
  content: '01';
  font-family: "EB Garamond", serif;
  font-size: 10rem;
  color: #282A37;
  top: -150px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}

html body h2.h2_octane02::before {
  position: absolute;
  content: '02';
  font-family: "EB Garamond", serif;
  font-size: 10rem;
  color: #282A37;
  top: -150px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}

html body h2.h2_octane03::before {
  position: absolute;
  content: '03';
  font-family: "EB Garamond", serif;
  font-size: 10rem;
  color: #282A37;
  top: -150px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}

html body h2.h2_octane04::before {
  position: absolute;
  content: '04';
  font-family: "EB Garamond", serif;
  font-size: 10rem;
  color: #282A37;
  top: -150px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}

html body h2.h2_octane05::before {
  position: absolute;
  content: '05';
  font-family: "EB Garamond", serif;
  font-size: 10rem;
  color: #282A37;
  top: -150px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}

html body h2.h2_octane06::before {
  position: absolute;
  content: '06';
  font-family: "EB Garamond", serif;
  font-size: 10rem;
  color: #282A37;
  top: -150px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}

html body h2.h2_octane_en {
  font-family: "EB Garamond", serif;
  font-size: clamp(14px, 2.7818448023vw, 18px);
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.1em;
  color: #ffffff;
  margin-bottom: clamp(40px, 4.39238653vw, 60px) !important;
  position: relative;
}

html body h3.h3_octane {
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  font-size: clamp(20px, 2.3426061493vw, 32px);
  letter-spacing: 0.04em;
  line-height: 1.8;
  color: #ffffff;
  margin-bottom: clamp(25px, 2.5622254758vw, 35px);
}
@media (max-width: 374px) {
  html body h3.h3_octane {
    font-size: 5.3333333333vw;
  }
}

html body h3.h3_octane2 {
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  font-size: clamp(20px, 1.756954612vw, 24px);
  letter-spacing: 0.04em;
  line-height: 1.8;
  color: #ffffff;
  margin-bottom: clamp(25px, 2.5622254758vw, 35px);
  position: relative;
  padding-left: 12px;
}
html body h3.h3_octane2::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 0.8em;
  left: 0;
  background: #1e202b;
  top: 50%;
  transform: translateY(-50%);
}

html body h4.h4_octane {
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  font-size: clamp(16px, 1.4641288433vw, 20px);
  letter-spacing: 0.04em;
  line-height: 1.8;
  color: #ffffff;
  margin-bottom: clamp(20px, 2.196193265vw, 30px);
}
html body h4.h4_octane span {
  color: #1e202b;
  padding-right: 6px;
}

.Form {
  margin: 60px auto 0;
  max-width: 1000px;
}
@media (max-width: 769px) {
  .Form {
    margin-top: 40px;
  }
}
.Form-Item {
  padding: 32px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
@media (max-width: 769px) {
  .Form-Item {
    flex-direction: column;
    row-gap: 30px;
  }
}
@media screen and (max-width: 769px) {
  .Form-Item .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
}
.Form-Item-Label {
  width: 100%;
  max-width: 295px;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
}
@media (max-width: 769px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}
@media (max-width: 769px) {
  .Form-Item-Label {
    max-width: inherit;
    font-size: 15px;
  }
}
.Form-Item-Label-Required {
  display: inline-block;
  margin-right: 12px;
  padding: 8px 0;
  width: 48px;
  text-align: center;
  background: #fff;
  color: #1e202b;
  font-size: 14px;
  border-radius: 6px;
}
@media (max-width: 769px) {
  .Form-Item-Label-Required {
    padding: 4px 0;
    width: 32px;
    font-size: 10px;
    border-radius: 4px;
  }
}
.Form-Item-Input,
.Form-Item-Textarea {
  width: 70%;
  border-radius: 6px;
  padding: 0;
  font-size: 18px;
}
@media (max-width: 769px) {
  .Form-Item-Input,
  .Form-Item-Textarea {
    width: 100%;
    font-size: 15px;
  }
}
.Form-Item-Textarea {
  height: 216px;
  flex: 1;
}
@media (max-width: 769px) {
  .Form-Item-Textarea {
    height: 200px;
  }
}
.Form-Btn {
  display: block;
  margin: 32px auto 0;
  padding: 20px;
  width: 280px;
  background: #5bc8ac;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 6px;
  text-align: center;
  letter-spacing: 0.05em;
}
@media (max-width: 769px) {
  .Form-Btn {
    margin-top: 24px;
    padding: 8px;
    width: 160px;
    font-size: 16px;
  }
}
.Form textarea {
  height: 300px !important;
}

.wpcf7 p {
  width: 100%;
}
.wpcf7 .wpcf7-form-control {
  height: 40px;
  width: 100%;
  text-align: start;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit {
  cursor: pointer;
  display: block;
  max-width: 300px;
  margin: 0 auto;
  font-size: 16px;
  height: 60px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #1e202b;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #1e202b;
  transition: 0.4s;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit:hover {
  transition: 0.4s;
  opacity: 0.7;
}
.wpcf7 .wpcf7-list-item {
  text-align: start;
  margin: 0;
}
.wpcf7 .wpcf7-list-item.checkbox {
  text-align: start !important;
}

.button_octane a {
max-width: fit-content;
    width: 100%;
    height: 56px;
    border-radius: 28px;
	border: 1px solid #fff;
    display: flex;
    font-family: "Zen Old Mincho", serif;
    align-items: center;
    justify-content: start;
    font-weight: bold;
    color: #1E202B;
    background: #fff;
    position: relative;
    letter-spacing: 0.04em;
    transition: 0.4s;
padding: 0.4em 4em 0.4em 1em;
}
.button_octane a::after {
  width: 21px;
  height: 8px;
  border-radius: 2px;
  background: url(/wp-content/uploads/u_arrow_b.svg) no-repeat;
  background-size: contain;
  content: "";
  display: flex;
  align-items: center;
  justify-self: center;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  border-radius: 50px;
  justify-content: space-around;
  right: 20px;
  color: #1e202b;
  transform: translateY(-50%);
  transition: 0.4s all;
}
.button_octane a:hover {
    color: #fff;
    background: #1E202B;
}
.button_octane a:hover::after {
    background: url(/wp-content/uploads/u_arrow.svg) no-repeat;
    background-size: contain;
}
.register_links li a {
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: auto;
  margin: 0 auto;
  display: flex;
  font-family: "Zen Old Mincho", serif;
  align-items: center;
  justify-content: start;
  font-weight: bold;
  color: #ffffff;
  border-radius: 28px;
  background: transparent;
  position: relative;
  transition: 0.4s;
  padding: 0 20px;
  margin-bottom: 30px;
}
.register_links li a::after {
  width: 30px;
  height: 30px;
  border-radius: 2px;
  background: url(/wp-content/uploads/btn_arrow.png) no-repeat;
  background-size: contain;
  content: "";
  display: flex;
  align-items: center;
  justify-self: center;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  border-radius: 50px;
  justify-content: space-around;
  right: -30px;
  color: #1e202b;
  transform: translateY(-50%);
  transition: 0.4s all;
}
.register_links li a:hover {
  opacity: 0.7;
}
fieldset legend {
  color: #fff;
  margin-bottom: 30px Im !important;
}
fieldset label {
  color: #fff;
}

.button_div .buttons {
  background: #04041e;
  font-weight: bold;
  font-size: clamp(14px, 1.1713030747vw, 16px);
  color: #fff !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 20px !important;
  font-weight: bold;
  transition: all 0.2s ease;
  max-width: 260px !important;
  width: 100%;
  padding-right: 80px;
  height: 60px;
  line-height: 1.8;
  border: 2px solid #fff !important;
  margin: 30px auto !important;
}
.button_div .buttons::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  background: #fff;
  top: 50%;
  right: 0;
}
.button_div .buttons:hover {
  background: #fff;
  color: #04041e !important;
}
@media (max-width: 425px) {
  .button_div .buttons .button a {
    font-size: 16px;
    margin: 0 auto;
  }
}

fieldset img {
  width: 150px !important;
}

.req-text {
  display: none !important;
}
@media (max-width: 769px) {
  html body.page-id-39 .top_main_button_4column {
    grid-template-columns: 1fr 1fr;
  }
}

#wpmem_login,
#wpmem_msg,
#wpmem_reg,
.wpmem_msg {
  width: 100% !important;
} /*# sourceMappingURL=style.css.map */