@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/./ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/./fonts/slick.eot);src:url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/./fonts/slick.eot?#iefix) format('embedded-opentype'),url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/./fonts/slick.woff) format('woff'),url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/./fonts/slick.ttf) format('truetype'),url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/./fonts/slick.svg#slick) format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:0 0}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:0 0}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:0 0}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
img:is([sizes="auto" i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}
@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*::-moz-selection {
  background-color: color(selection);
}
*::selection {
  background-color: color(selection);
}
html {
  font-size: 62.5%;
}
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #0F2200;
}
a {
  text-decoration: none;
}
@media (min-width: 769px) {
  a a[href^="tel:"] {
    pointer-events: none;
  }
}
ol,
ul {
  list-style-position: inside;
}
img,
svg,
video {
  width: 100%;
  max-width: 100%;
  height: auto;
}
img[src*=".svg"] {
  width: 100%;
  height: auto;
}
picture img {
  width: 100%;
  height: auto;
}
table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}
table th,
table td {
  word-break: break-all;
}
input::-ms-clear {
  display: none;
}
[data-js-focus-visible]:focus:not([data-focus-visible-added]) {
  outline: none;
}
[aria-hidden=false] {
  visibility: visible;
}
[aria-hidden=true] {
  display: none;
  visibility: hidden;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
*,
::before,
::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  background-repeat: no-repeat;
}
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}
* {
  padding: 0;
  margin: 0;
}
*:focus {
  outline: none;
}
hr {
  height: 0;
  overflow: visible;
}
details,
main {
  display: block;
}
summary {
  display: list-item;
}
small {
  font-size: 80%;
}
[hidden] {
  display: none;
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline-width: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}
pre {
  font-size: 1em;
}
b,
strong {
  font-weight: bolder;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* # Forms */
input {
  border-radius: 0;
}
[disabled] {
  cursor: default;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  resize: vertical;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
}
optgroup {
  font-weight: bold;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  color: inherit;
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  color: currentColor;
}
legend {
  display: table;
  max-width: 100%;
  max-width: 100%;
  color: inherit;
  white-space: normal;
  border: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  color: inherit;
  -webkit-appearance: button;
}
img {
  border-style: none;
}
progress {
  vertical-align: baseline;
}
svg:not([fill]) {
  fill: currentColor;
}
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
[aria-busy=true] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-disabled] {
  cursor: default;
}
ol,
ul {
  list-style: none;
}
input[type=submit],
input[type=button] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]:focus,
input[type=button]:focus {
  outline-offset: -2px;
}
input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
input:focus,
textarea:focus {
  outline: none;
}
h1,
h2,
h3,
h4,
p,
input,
textarea {
  font-family: "Noto Sans JP", sans-serif;
}
a {
  font-family: "Noto Sans JP", sans-serif;
  color: #2CAC44;
  text-decoration: none;
}
.lazyload-img {
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
.lazyload-img.lazyloaded {
  opacity: 1;
}
.is-pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .is-pc {
    display: none;
  }
}
.is-tab {
  display: none;
}
@media screen and (max-width: 768px) {
  .is-tab {
    display: block;
  }
}
@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
.c-white {
  color: #fff;
}
.c-green {
  color: #2CAC44;
}
.c-yellow {
  color: #FAEA09;
}
.c-red {
  color: #f00;
}
.fz51 {
  font-size: 5.1rem;
  letter-spacing: 0.255rem;
}
@media screen and (max-width: 768px) {
  .fz51 {
    font-size: 3.2rem;
  }
}
.fz14 {
  font-size: 1.4rem;
  letter-spacing: 0.07rem;
  line-height: 2.7rem;
}
.l-footer {
  background-color: #0F2200;
  height: 115px;
}
@media screen and (max-width: 768px) {
  .l-footer {
    height: 164px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 28%;
  }
}
.l-footer .wrapper {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 115px;
}
.footer__left {
  font-size: 1.4rem;
}
.footer__left .footer__privacy-policy {
  color: #fff;
  display: inline-block;
  margin-right: 40px;
}
.footer__left .footer__company {
  color: #fff;
  display: inline-block;
}
.footer__copyright {
  font-family: "Josefin Sans";
  font-size: 1.2rem;
  letter-spacing: 0.12rem;
  color: #909090;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .l-footer .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4em;
  }
  .footer__left .footer__privacy-policy {
    display: block;
    margin: 0 auto;
    font-size: 1.4rem;
  }
  .footer__left .footer__company {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    padding-top: 10px;
  }
  .footer__copyright {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
  }
}
.l-header {
  position: absolute;
  z-index: 10;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: .6s;
  transition: .6s;
}
.header .wrapper {
  margin: 0;
  padding: 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header .wrapper {
    padding-right: 10px;
    padding-left: 36px;
    padding-top: 0;
  }
}
.header .header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header .header__logo-image {
  width: 123px;
  height: 52px;
}
.header .header__logo-image img {
  width: 100%;
}
.header .header__logo .subtitle {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  margin-left: 18px;
  padding-bottom: 8px;
}
#contactPage .header .header__logo .subtitle {
  color: #2cac44;
}
@media screen and (max-width: 768px) {
  .header .header__logo-image {
    width: 91px;
    height: 39px;
    padding-top: 25px;
  }
  .header .header__logo .subtitle {
    display: none;
  }
}
.pc_header__link {
  display: flex;
  z-index: 10;
  margin-right: 0;
  margin-left: auto;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 999;
}
.pc_header__link--tel {
  display: flex;
  text-align: center;
  align-items: center;
  border: 2px solid #000;
  border-radius: 100px;
  font-size: 14px;
  background-color: #fff;
  margin-right: 10px;
}
.pc_header__link--tel a {
  pointer-events: all;
  padding: 10px 20px;
}
.pc_header__link--stock {
  display: flex;
  text-align: center;
  align-items: center;
  border: 2px solid #000;
  border-radius: 100px;
  font-size: 14px;
  background-color: #fff;
  margin-right: 10px;
}
.pc_header__link--stock a {
  padding: 20px;
}
.c-content-width {
  max-width: 1120px;
  margin: auto;
}
.c-content-padding {
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .pc_header__link {
    display: none;
  }
  .c-content-padding {
    padding: 0 26px;
  }
}
#header .drawer-hamburger-icon {
  background-color: #2CAC44;
}
.drawer-open #header .drawer-hamburger-icon {
  background-color: transparent;
}
#header .drawer-hamburger-icon::before,
#header .drawer-hamburger-icon::after {
  background-color: #2CAC44;
}
.drawer {
  display: none;
}
@media screen and (max-width: 768px) {
  .drawer {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .drawer__button {
    position: fixed;
    opacity: 0;
    z-index: 100;
  }
}
.drawer__button .drawer__button-label {
  display: block;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #0F2200;
  cursor: pointer;
}
.drawer__button .drawer__button-label span {
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #0F2200;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.drawer__button .drawer__button-label span::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #0F2200;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.drawer__button .drawer__button-label span::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #0F2200;
  top: 7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.main__drawer {
  position: fixed;
  top: 0;
  right: -375px;
  width: 375px;
  padding-bottom: 100px;
  background-color: #FFFEF2;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 5;
}
.main__drawer-nav {
  margin-top: 120px;
}
.main__drawer-menu {
  font-size: 1.8rem;
  padding-left: 10%;
}
.main__drawer-menu li {
  position: relative;
}
.main__drawer-menu li:not(:first-child) {
  margin-top: 20px;
}
.main__drawer-menu li::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 15%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 2px;
  background: #2CAC44;
}
.main__drawer-menu li::after {
  position: absolute;
  content: "";
  right: 15%;
  top: 36%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #2CAC44;
  border-right: 2px solid #2CAC44;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.main__drawer-menu li a {
  color: #0F2200;
  display: block;
}
.main__drawer-menu li a span {
  font-size: 10px;
}
.drawer {
  display: none;
}
@media screen and (max-width: 768px) {
  .drawer {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .drawer__button {
    position: fixed;
    top: 18px;
    right: 3%;
    opacity: 1;
    z-index: 998;
  }
  .drawer__button .drawer__button-label {
    display: block;
    background-color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid #0F2200;
  }
  .drawer__button .drawer__button-label span {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #0F2200;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .drawer__button .drawer__button-label span::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #0F2200;
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .drawer__button .drawer__button-label span::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #0F2200;
    top: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
}
.main__drawer.open {
  right: 0px;
  z-index: 600;
}
.drawer__button.open .drawer__button-label {
  background-color: #fff;
}
.drawer__button.open .drawer__button-label span {
  background-color: rgba(255, 255, 255, 0);
}
.drawer__button.open .drawer__button-label ::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 0;
  background-color: #0F2200;
}
.drawer__button.open .drawer__button-label ::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 0;
  top: 0;
  background-color: #0F2200;
}
.container {
  position: relative;
}
.container.open::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.7;
  z-index: 500;
}
.fade {
  opacity: 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.fade.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.c-section {
  text-align: center;
  width: 100%;
  position: relative;
}
.c-section__ttl {
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: 0.22rem;
  position: relative;
}
.c-section__ttl-en {
  font-size: 1.6rem;
  letter-spacing: 0.16rem;
  line-height: 4.4em;
  font-family: "Josefin Sans";
  font-weight: 500;
  display: block;
  margin-bottom: -1.6rem;
}
@media screen and (max-width: 768px) {
  .c-section__ttl {
    font-size: 2.8rem;
    max-width: 500px;
    margin: 0 auto;
  }
  .c-section__ttl-en {
    font-size: 1.4rem;
    line-height: 2em;
    margin-bottom: 0;
  }
}
.ttl-border-center-white {
  position: relative;
}
.ttl-border-center-white::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 4px;
  bottom: -33px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .ttl-border-center-white::after {
    bottom: -22px;
  }
}
.ttl-border-center-black {
  position: relative;
}
.ttl-border-center-black::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 4px;
  bottom: -36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0F2200;
}
.p-404 {
  height: 100vh;
  padding: 150px 40px 0;
  text-align: center;
}
.p-404 h2 {
  font-size: 3.6rem;
  line-height: 1.5;
}
.p-404 p {
  margin-top: 50px;
  font-size: 1.6rem;
}
.p-404 a {
  display: inline-block;
  margin-top: 50px;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .ttl-border-center-black::after {
    bottom: -22px;
  }
  .p-404 {
    height: 100vh;
    padding: 100px 20px 0;
  }
  .p-404 h2 {
    font-size: 2.4rem;
  }
  .p-404 p,
  .p-404 a {
    margin-top: 25px;
  }
}
.error404 .header {
  background-color: #2CAC44;
}
.cars {
  background-color: #FFFEF2;
  padding: 210px 0 85px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1140px) {
  .cars {
    padding-top: 100px;
  }
}
@media screen and (max-width: 850px) {
  .cars {
    padding-top: 45px;
    padding-bottom: 73px;
  }
}
.cars::after {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_ttl_various.svg) no-repeat center center/contain;
  width: 72.5vw;
  height: 36vw;
  margin-right: calc(50% - 50vw);
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .cars::after {
    margin-left: calc(50% - 67vw);
    margin-right: calc(50% - 83vw);
    width: 150vw;
    height: 58vw;
  }
  .cars .c-content-padding {
    padding-right: 0;
  }
}
.cars__ttl-border {
  position: relative;
}
.cars__ttl-border::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 4px;
  bottom: -36px;
  left: 0;
  background-color: #0F2200;
}
@media screen and (max-width: 850px) {
  .cars__ttl-border::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cars__section-ttl {
    text-align: center;
    line-height: 1.3;
  }
}
@media screen and (max-width: 768px) {
  .cars__section-ttl-en {
    line-height: 3em;
  }
}
.cars__item-wrap {
  margin-right: 240px;
  margin-left: auto;
  max-width: 942px;
  width: 100%;
}
.cars__box {
  margin-top: -13%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  z-index: 200;
}
@media screen and (max-width: 1140px) {
  .cars__box {
    margin-top: 130px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 850px) {
  .cars__box {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-top: 70px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.cars .ttl__head {
  width: 35%;
  text-align: left;
}
@media screen and (max-width: 1140px) {
  .cars .ttl__head {
    width: 100%;
  }
}
.cars__item {
  background-color: #2CAC44;
  width: 100%;
  max-width: 372px;
  padding: 32px 0 30px;
  border-radius: 18px;
  border: 4px solid #0F2200;
  text-align: center;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .cars__item {
    padding: 20px;
  }
}
.cars__item:nth-child(4n+4) {
  margin-right: 178px;
}
@media screen and (max-width: 1140px) {
  .cars__item:nth-child(4n+4) {
    margin-right: 0;
  }
}
.cars__item .name {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 0.11rem;
  margin-top: 16px;
}
.cars__item .price {
  color: #FAEA09;
  font-size: 3rem;
  font-family: "Josefin Sans";
  font-weight: 700;
  margin-top: 11px;
  letter-spacing: 0.15rem;
}
.cars__item .price .monthly {
  font-size: 1.7rem;
  color: #fff;
  letter-spacing: 0.085rem;
  padding-right: 6px;
}
.cars__image {
  width: 308px;
  margin: 0 auto;
}
.cars__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .cars__item .name {
    font-size: 1.8rem;
  }
  .cars__item .price {
    font-size: 1.8rem;
    letter-spacing: 0.09rem;
  }
  .cars__item .price .monthly {
    font-size: 1rem;
    letter-spacing: .05rem;
  }
  .cars__image {
    width: 193px;
    height: 115px;
  }
}
/* スマホ時　横スクロール */
@media screen and (max-width: 850px) {
  .scroll {
    margin: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
  .cars__item {
    display: inline-block;
  }
}
.company {
  background-color: #2CAC44;
  padding-top: 133px;
  padding-bottom: 153px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .company {
    padding-top: 63px;
    padding-bottom: 80px;
  }
}
.company__contents {
  margin: 100px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.3%;
  max-width: 880px;
  color: #fff;
  letter-spacing: 0.08rem;
  line-height: 3.1rem;
}
@media screen and (max-width: 900px) {
  .company__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 58px;
  }
}
.company .title__head {
  position: relative;
}
.company .title__head::before {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_ttl_company.svg) no-repeat center center/contain;
  width: 98%;
  height: 10vw;
  top: 70%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .company .title__head::before {
    margin-left: 0;
    margin-right: calc(50% - 50vw);
    width: 100vw;
    height: 100vw;
  }
}
.company__info {
  width: 100%;
  -moz-text-align-last: left;
  text-align-last: left;
  padding-bottom: 24px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 900px) {
  .company__info {
    max-width: 500px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 599px) {
  .company__info {
    max-width: 382px;
    padding-bottom: 15px;
  }
}
.company__detail {
  padding-top: 27px;
}
@media screen and (max-width: 768px) {
  .company__detail {
    padding-top: 15px;
  }
}
.company__detail .company__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.company__name {
  font-size: 3rem;
  font-weight: 700;
  padding-bottom: 24px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 768px) {
  .company__name {
    text-align: left;
    font-size: min(7.2vw, 3rem);
  }
  .company__item {
    font-size: 1.4rem;
  }
}
.company__map {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}
.company__map .map__image {
  width: 440px;
  height: 300px;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 900px) {
  .company__map .map__image {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 599px) {
  .company__map .map__image {
    width: 100%;
    max-width: 313px;
    height: 214px;
  }
}
.company__map .map__image iframe {
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
.company__map .map__button {
  width: 145px;
  height: 40px;
  margin-top: 28px;
}
@media screen and (max-width: 900px) {
  .company__map .map__button {
    margin: 0 auto;
    margin-top: 20px;
  }
}
@media screen and (max-width: 900px) and (max-width: 599px) {
  .company__map .map__button {
    margin-top: 10px;
  }
}
.company .address {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .company .address {
    font-size: 1.4rem;
  }
}
.company p {
  text-align: left;
}
/* @file _l-index.scss */
.consult {
  width: 100%;
  border-bottom: 4px solid black;
  border-top: 4px solid black;
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/img_contact_bg_pc.svg) no-repeat center center/cover;
  background-color: #2CAC44;
  padding-bottom: 35px;
}
.wrapper .consult__head {
  margin: -50px auto 0;
  width: 100%;
  max-width: 954px;
}
.wrapper .consult__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -5px;
  gap: 20px;
}
.wrapper .consult__body .line,
.wrapper .consult__body .mail {
  width: 100%;
}
.consult-form {
  padding-top: 50px;
  width: 100%;
  border-bottom: 4px solid black;
  background-color: #2CAC44;
  margin-top: -2px;
}
@media screen and (max-width: 768px) {
  .consult {
    padding-bottom: 35px;
  }
  .wrapper .consult__head {
    max-width: 514px;
    margin-top: 43px;
  }
  .wrapper .consult__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .wrapper .consult__body .line,
  .wrapper .consult__body .mail {
    max-width: 514px;
    margin: 0 auto;
  }
  .consult-form {
    padding-top: 0;
  }
}
.consult-form__bg {
  border-top: 4px solid black;
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/img_contact_bg_pc.svg) no-repeat center center/cover;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .consult-form__bg {
    padding-bottom: 30px;
  }
}
.consult-form .wrapper {
  margin: -50px auto 0;
}
@media screen and (max-width: 768px) {
  .consult-form .wrapper {
    margin-top: 40px;
  }
}
.consult-form .wrapper .consult__head {
  width: 100%;
  max-width: 954px;
}
@media screen and (max-width: 768px) {
  .consult-form .wrapper .consult__head {
    max-width: 514px;
  }
}
.consult-form .wrapper .consult-form__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -5px;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .consult-form .wrapper .consult-form__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}
.consult-form .wrapper .consult-form__body .line,
.consult-form .wrapper .consult-form__body .mail {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .consult-form .wrapper .consult-form__body .line,
  .consult-form .wrapper .consult-form__body .mail {
    max-width: 514px;
    margin: 0 auto;
  }
}
#contact {
  background-color: #FFFEF2;
  padding: 0 20px 35px;
}
@media screen and (max-width: 768px) {
  #contact {
    padding-top: 65px;
    padding-bottom: 72px;
  }
}
#contact .form {
  width: 100%;
  max-width: 1004px;
  margin: 70px auto 0;
  padding: 55px 80px 30px;
  background-color: #fff;
  border-radius: 12px;
  border: 3px solid #F0F0F0;
  text-align: left;
}
@media screen and (max-width: 980px) {
  #contact .form {
    padding: 20px 33px 10px;
  }
}
@media screen and (max-width: 768px) {
  #contact .form {
    max-width: 500px;
    margin-top: 54px;
    padding-bottom: 0;
  }
}
#contact .form .table-res-form th,
#contact .form .table-res-form td {
  padding: 10px;
}
#contact .form .table-res-form tr {
  max-width: 500px;
  margin: 0 auto;
}
#contact .form .table-res-form th {
  font-size: 1.8rem;
  font-weight: normal;
  width: 210px;
}
@media screen and (max-width: 768px) {
  #contact .form .table-res-form th {
    display: block;
    padding-bottom: 5px;
    padding-top: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #contact .form .table-res-form td {
    display: block;
    font-size: 1.4rem;
    padding-bottom: 5px;
    padding-top: 5px;
  }
}
#contact .form .up {
  vertical-align: top;
}
#contact .form .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #contact .form .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#contact .form .must {
  color: #DD321C;
  font-size: 1.2rem;
  padding-left: 5px;
}
#contact .form .mailcheck {
  font-size: 1.2rem;
  display: block;
}
@media screen and (max-width: 768px) {
  #contact .form .mailcheck {
    display: inline;
  }
}
#contact input[type=submit] {
  width: 350px;
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/img_btn_form@2x.png) no-repeat center center/cover;
  height: 83px;
  margin: 20px auto;
  padding-bottom: 0;
  display: block;
}
@media screen and (max-width: 768px) {
  #contact input[type=submit] {
    width: 270px;
    height: 64px;
    margin-top: 30px;
    margin-bottom: 0;
  }
}
input[type=text],
input[type=email],
input[type=tel] {
  border: 1px solid #D5D5D5;
  border-radius: 3px;
  height: 48px;
  width: 100%;
  padding-left: 12px;
}
input[type=email] {
  width: 350px;
}
@media screen and (max-width: 768px) {
  input[type=email] {
    width: 100%;
    max-width: 350px;
  }
}
input[type=text] {
  width: 282px;
}
@media screen and (max-width: 900px) {
  input[type=text] {
    width: 220px;
  }
}
@media screen and (max-width: 768px) {
  input[type=text] {
    width: 100%;
    max-width: 350px;
  }
}
@media screen and (max-width: 768px) {
  .flex input[type=text] {
    margin-bottom: 10px;
  }
}
input[type=tel] {
  width: 248px;
}
@media screen and (max-width: 768px) {
  input[type=tel] {
    width: 100%;
    max-width: 350px;
  }
}
textarea {
  width: 100%;
  border: 1px solid #D5D5D5;
  border-radius: 3px;
  min-height: 200px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  textarea {
    width: 100%;
    max-width: 350px;
    min-height: 100%;
    max-height: 118px;
  }
}
/* チェックボックス */
.wpcf7-form-control-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
span.wpcf7-list-item {
  margin: 0 30px 0 0;
  position: relative;
}
.wpcf7-list-item-label {
  cursor: pointer;
  font-size: 1.8rem;
}
input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
.wpcf7-list-item-label::before {
  border: 1px solid #D5D5D5;
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 10px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
input[type=checkbox]:checked+.wpcf7-list-item-label::before {
  background-color: #333;
}
.wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
[aria-hidden=true] {
  display: block;
  visibility: visible;
}
#faq {
  background-color: #2CAC44;
  border-top: 1px solid #2CAC44;
  padding-top: 132px;
  padding-bottom: 120px;
  margin-top: -5px;
}
@media screen and (max-width: 768px) {
  #faq {
    padding-top: 87px;
    padding-bottom: 70px;
  }
}
#faq .wrapper {
  max-width: 880px;
  margin: 0 auto;
}
#faq .wrapper .title__head {
  position: relative;
}
#faq .wrapper .title__head::before {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_ttl_faq.svg) no-repeat center center/contain;
  width: 48%;
  height: 153px;
  top: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #faq .wrapper .title__head::before {
    top: -65%;
  }
}
#faq .wrapper .faqs {
  margin-top: 95px;
}
@media screen and (max-width: 768px) {
  #faq .wrapper .faqs {
    margin-top: 65px;
  }
}
#faq .wrapper .faq__item {
  padding: 50px 0;
  text-align: left;
  color: #fff;
  border-bottom: 6px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 768px) {
  #faq .wrapper .faq__item {
    padding: 30px 0;
  }
}
#faq .wrapper .faq__item:first-child {
  border-top: 6px solid rgba(255, 255, 255, 0.4);
}
#faq .wrapper .faq__item-q {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.11rem;
  padding-left: 64px;
  position: relative;
  line-height: 1.44;
}
@media screen and (max-width: 768px) {
  #faq .wrapper .faq__item-q {
    font-size: 1.8rem;
    padding-left: 56px;
  }
}
#faq .wrapper .faq__item-q::before {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_icon_q.svg) no-repeat center center/contain;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
}
@media screen and (max-width: 768px) {
  #faq .wrapper .faq__item-q::before {
    width: 36px;
    height: 36px;
  }
}
#faq .wrapper .faq__item-a {
  font-weight: 500;
  letter-spacing: 0.08rem;
  line-height: 3rem;
  margin-top: 32px;
  padding-left: 64px;
  position: relative;
}
#faq .wrapper .faq__item-a::before {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_icon_a.svg) no-repeat center center/contain;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
}
@media screen and (max-width: 768px) {
  #faq .wrapper .faq__item-a {
    font-size: 1.4rem;
    margin-top: 24px;
    padding-left: 56px;
  }
  #faq .wrapper .faq__item-a::before {
    width: 36px;
    height: 36px;
  }
}
/* @file _l-index.scss */
.flow {
  padding-top: 140px;
  padding-bottom: 194px;
  background-color: #2CAC44;
}
.flow .wrapper {
  max-width: 960px;
  margin: 0 auto;
}
.flow .wrapper .title__head {
  position: relative;
}
.flow .wrapper .title__head::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_ttl_flow.svg) no-repeat center center/contain;
  width: 72.39%;
  height: 154px;
}
@media screen and (max-width: 768px) {
  .flow {
    padding-top: 68px;
    padding-bottom: 80px;
  }
  .flow .wrapper {
    max-width: 100%;
  }
  .flow .wrapper .title__head::before {
    width: 100%;
    max-width: 300px;
    top: -25%;
  }
}
.flow .wrapper .apply {
  margin-top: 87px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
.flow .wrapper .apply__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 3px solid #0F2200;
  border-radius: 10px;
  width: 100%;
  padding: 18px 0;
}
.flow .wrapper .apply__image {
  width: 20px;
  height: 21px;
  padding-top: 3px;
}
.flow .wrapper .apply__image img {
  width: 100%;
}
.flow .wrapper .apply__text {
  font-size: 2rem;
  font-weight: 900;
  margin-left: 10px;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 768px) {
  .flow .wrapper .apply {
    gap: 18px;
    margin-top: 55px;
  }
  .flow .wrapper .apply__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
  .flow .wrapper .apply__text {
    font-size: 1.6rem;
    margin-left: 0;
  }
}
.flow__box {
  border-right: 6px solid rgba(255, 255, 255, 0.4);
  border-left: 6px solid rgba(255, 255, 255, 0.4);
  padding: 0 40px;
  position: relative;
  z-index: 120;
}
.flow__box::before {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, .4);
  width: 6px;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 599px) {
  .flow__box {
    padding: 0;
    border: none;
  }
  .flow__box::before {
    left: 23.5%;
    background-color: #00961C;
    z-index: -1;
  }
  .flow__box::after {
    position: absolute;
    content: "";
    background-color: #00961C;
    width: 6px;
    height: 100%;
    top: 0;
    right: 23%;
    z-index: -1;
  }
}
.flow__items {
  margin-top: 38px;
  max-width: 880px;
}
.flow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 60px;
  background-color: #00961C;
  border: 3px solid #FFE038;
  border-radius: 10px;
  padding: 26px 3.4%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .flow__items {
    margin-top: 22px;
  }
  .flow__item {
    margin-bottom: 35px;
  }
}
.flow__item:not(:first-child)::after {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_flow_under.svg) no-repeat center center/contain;
  width: 50px;
  height: 21px;
  top: -40%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .flow__item:not(:first-child)::after {
    width: 30px;
    height: 13px;
    top: -25px;
  }
}
.flow__image {
  margin-left: 0;
  margin-right: auto;
  width: 44px;
  height: 44px;
}
.flow__text {
  color: #fff;
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: 0.12rem;
  width: 94%;
}
.flow .delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
.flow .delivery__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #005310;
  border: 3px solid #FFE038;
  border-radius: 10px;
  color: #fff;
  width: 100%;
  padding: 26px 10px;
  padding: 26px 3.4%;
  position: relative;
}
.flow .delivery__item::after {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_flow_under.svg) no-repeat center center/contain;
  width: 50px;
  height: 21px;
  top: -40%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow .delivery__image {
  margin-left: 0;
  margin-right: auto;
  width: 44px;
  height: 44px;
}
.flow .delivery__text {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.12rem;
  padding-right: 44px;
  width: calc(100% - 50px);
}
@media screen and (max-width: 768px) {
  .flow__image {
    width: 36px;
    height: 36px;
  }
  .flow__text {
    font-size: 2rem;
  }
  .flow .delivery {
    gap: 18px;
  }
  .flow .delivery__item {
    padding: 10px 10px 10px 17px;
  }
  .flow .delivery__item::after {
    width: 30px;
    height: 13px;
    top: -25px;
  }
  .flow .delivery__image {
    width: 36px;
    height: 36px;
  }
  .flow .delivery__text {
    font-size: 1.8rem;
    line-height: 1.3em;
    padding-left: 7px;
    width: calc(100% - 15px);
    padding-right: 2px;
  }
}
@media screen and (max-width: 400px) {
  .flow .delivery__text {
    letter-spacing: 0;
    font-size: 1.6rem;
  }
}
/** @file _l-index.scss **/
.p-index .fv__img {
  height: 50vh;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-index .fv__img {
    height: calc(var(--fv-sp-height, 1vh) * 100);
  }
}
/* @file _l-index.scss */
.kv {
  position: relative;
}
.kv::before {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/img_header_bg_pc.jpg) no-repeat center center/cover;
  height: 833px;
  width: 100%;
  top: -167px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 89%, 50% 100%, 0 89%);
  clip-path: polygon(0% 0%, 100% 0, 100% 89%, 50% 100%, 0 89%);
}
@media screen and (max-width: 1024px) {
  .kv::before {
    height: calc(100% + 100px);
  }
}
.kv .kv__inner {
  max-width: 1160px;
  margin: 0 auto;
  overflow: hidden;
}
.kv .wrapper {
  position: relative;
  padding: 0 20px;
}
.kv .wrapper .kv__image {
  margin-top: 10px;
}
.key__image {
  width: 100%;
  max-width: 1048px;
  height: 244px;
  margin: 48px auto 0;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .kv::before {
    background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/img_header_bg_sp.svg) no-repeat center center/cover;
    top: -100px;
    height: calc(100% - 30px);
  }
  .kv .wrapper {
    padding: 0 10px 0 26px;
  }
  .key__image {
    margin-left: calc(50% - 63vw);
    margin-right: calc(50% - 57vw);
    margin-top: 34px;
    width: 120vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.maker {
  background-color: #FFFEF2;
}
.maker .wrapper {
  background-color: #fff;
  margin: 0 auto;
  border: 4px solid #0F2200;
  border-bottom: none;
  border-radius: 18px 18px 0 0;
  padding: 58px 30px 133px;
  max-width: 1120px;
}
@media screen and (max-width: 768px) {
  .maker .wrapper {
    padding-top: 23px;
    padding-bottom: 46px;
  }
}
@media screen and (max-width: 580px) {
  .maker .wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 37px;
  }
}
.maker .wrapper .makers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 45px;
  max-width: 880px;
  gap: 10px;
}
@media screen and (max-width: 1030px) {
  .maker .wrapper .makers {
    max-width: 702px;
  }
}
@media screen and (max-width: 850px) {
  .maker .wrapper .makers {
    max-width: 524px;
  }
}
@media screen and (max-width: 768px) {
  .maker .wrapper .makers {
    max-width: 452px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 580px) {
  .maker .wrapper .makers {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 298px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.maker__item {
  width: 100%;
  max-width: 168px;
  border: 3px solid #0F2200;
  border-radius: 10px;
  padding: 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.maker__name {
  font-weight: 700;
  font-size: 1.6rem;
}
.maker__image {
  width: 119px;
  height: 119px;
  margin: 0 auto;
}
.maker__message {
  display: inline;
  font-weight: 500;
  font-size: 3.1rem;
  background-color: #0F2200;
  color: #fff;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 694px;
  text-align: center;
  padding: 5px;
  line-height: 2.1em;
}
.message {
  background-color: #2CAC44;
  padding-top: 154px;
  padding-bottom: 10px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .maker__item {
    max-width: 144px;
    width: calc((100% - 10px) / 2);
  }
  .maker__name {
    font-size: 1.3rem;
  }
  .maker__image {
    width: 80px;
    height: 80px;
  }
  .maker__message {
    font-size: 2rem;
    letter-spacing: .1rem;
  }
  .message {
    padding-top: 67px;
  }
}
.message .title__head {
  position: relative;
  padding-bottom: 57px;
}
.message .title__head::before {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_ttl_message.svg) no-repeat center center/contain;
  top: -3%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 95%;
  height: 153px;
}
@media screen and (max-width: 768px) {
  .message .title__head::before {
    margin-left: calc(50% - 45vw);
    margin-right: calc(50% - 65vw);
    width: 115vw;
    top: -35%;
  }
}
.message__box {
  background-color: #fff;
  border: 4px solid #0F2200;
  border-radius: 18px;
  padding: 68px 7.23% 67px;
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6.7%;
}
@media screen and (max-width: 768px) {
  .message__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 38px 30px 30px;
    margin-top: 0;
  }
}
.message__contents {
  text-align: left;
  width: 64.3%;
}
@media screen and (max-width: 768px) {
  .message__contents {
    width: 100%;
    padding-top: 30px;
  }
}
.message__lead {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.13rem;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  .message__lead {
    font-size: 2rem;
    line-height: 1.3em;
  }
}
.message__text {
  font-weight: 500;
  letter-spacing: .08rem;
  line-height: 1.8em;
  padding-top: 27px;
}
@media screen and (max-width: 768px) {
  .message__text {
    font-size: 1.4rem;
    padding-top: 20px;
  }
}
.message picture {
  width: 29%;
}
@media screen and (max-width: 768px) {
  .message picture {
    width: 100%;
  }
}
.message picture img {
  width: 276px;
  height: auto;
}
.privacypolicy {
  text-align: left;
}
.privacypolicy .c-content-padding {
  padding: 100px;
}
@media screen and (max-width: 768px) {
  .privacypolicy .c-content-padding {
    padding: 50px;
  }
}
.privacypolicy .c-content-width {
  max-width: 980px;
}
.privacypolicy h2 {
  padding-bottom: 50px;
}
.privacypolicy h3 {
  display: block;
  padding-bottom: 20px;
}
.privacypolicy p {
  line-height: 2;
  padding-bottom: 50px;
}
.page-template-page-privacypolicy .header {
  background-color: #2CAC44;
}
.privacy-policy footer {
  margin-bottom: 0;
}
/* @file _l-index.scss*/
.reason {
  background-color: #2CAC44;
  padding: 109px 0;
  padding-bottom: 167px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .reason {
    padding-top: 59px;
    padding-bottom: 81px;
  }
}
.reason .title__head {
  position: relative;
  padding-bottom: 90px;
}
.reason .title__head::before {
  position: absolute;
  content: "";
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_ttl_reason.png) no-repeat center center/contain;
  width: 82.2%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .reason .title__head::before {
    margin-right: calc(50% - 50vw);
    width: 100vw;
    text-align: center;
    top: 32%;
  }
}
.reason__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .reason__items {
    margin-top: -30px;
    gap: 15px;
  }
}
.reason__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 90px;
  background-color: #fff;
  border: 4px solid #0F2200;
  border-radius: 18px;
  padding: 45px 4.5% 45px 7.4%;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .reason__item {
    gap: 45px;
  }
}
@media screen and (max-width: 768px) {
  .reason__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 20px;
    padding: 30px 36px;
    max-width: 514px;
    margin: 0 auto;
  }
}
.reason__item:nth-of-type(4) {
  gap: 40px;
  padding-right: 26px;
}
@media screen and (max-width: 1024px) {
  .reason__item:nth-of-type(4) {
    padding-right: 20px;
    gap: 25px;
  }
}
@media screen and (max-width: 768px) {
  .reason__item:nth-of-type(4) {
    padding-right: 36px;
  }
}
.reason__item:nth-of-type(4) .reason__image {
  max-width: 352px;
}
.reason__image {
  width: 100%;
  max-width: 280px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .reason__image {
    max-width: 200px;
  }
}
.reason__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  max-width: 605px;
}
.reason .text__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.reason .text__head .reason__lead {
  font-size: 2.6rem;
  font-weight: 700;
  padding-left: 13px;
  width: calc(100% - 36px);
}
@media screen and (max-width: 768px) {
  .reason .text__head .reason__lead {
    font-size: 2rem;
    width: calc(100% - 36px);
    letter-spacing: .1rem;
  }
}
.reason .text__head .reason__number {
  width: 36px;
  height: 36px;
  -o-object-fit: contain;
  object-fit: contain;
}
.reason__text {
  margin-top: 26px;
  letter-spacing: .8px;
  line-height: 1.875em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reason__text {
    font-size: 1.4rem;
    margin-top: 17px;
    letter-spacing: .04rem;
  }
}
/** @file _l-index.scss **/
.recommend {
  background-color: #FFFEF2;
  padding-top: 285px;
  margin-top: -180px;
  padding-bottom: 165px;
  position: relative;
  z-index: -5;
}
@media screen and (max-width: 768px) {
  .recommend {
    padding-top: 200px;
    padding-bottom: 47px;
  }
}
@media screen and (max-width: 599px) {
  .recommend {
    padding-top: 180px;
  }
}
.recommend__items {
  margin: 50px auto 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.78%;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .recommend__items {
    gap: 14px;
    max-width: 514px;
  }
}
.recommend__items::after {
  position: absolute;
  content: "";
  background-image: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_icon_under.svg);
  width: 50px;
  height: 51px;
  bottom: -75px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.recommend__item {
  border: 2px solid #2CAC44;
  border-radius: 8px;
  width: 23.665%;
  padding-top: 32px;
  padding-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .recommend__item {
    width: calc((100% - 14px) / 2);
    max-width: 250px;
  }
  .recommend__item:nth-child(n+3) {
    margin-top: 11px;
  }
}
.recommend__item::before {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_icon_check.svg) no-repeat center center/contain;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
}
.recommend__item-text {
  font-size: 2.4rem;
  line-height: 1.33em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .recommend__item-text {
    font-size: 1.8rem;
    letter-spacing: .01rem;
  }
}
.recommend .recommend__lead {
  font-size: 2.4rem;
  color: #fff;
  background-color: #0F2200;
  border-radius: 23px;
  padding: 5.5px 0;
  font-weight: 500;
  max-width: 400px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .recommend .recommend__lead {
    font-size: 1.6rem;
    max-width: 268px;
  }
}
.recommend .recommend__text {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0.18rem;
  border: 4px solid #0F2200;
  border-radius: 18px;
  max-width: 870px;
  margin: -20px auto 0;
  padding: 40px 9% 25px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .recommend .recommend__text {
    font-size: 2.3rem;
    max-width: 514px;
  }
}
.tca__sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .tca__sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: fixed;
    z-index: 150;
    bottom: -8px;
    left: 0;
  }
	.floating_line_btn_wrapper {
		width: 100%;
 		background-color: #06C755;
  		padding: 10px 16px;
  		text-align: center;
		border: 2px solid #000;
	}
	.floating_line_btn_wrapper a {
		display: inline-flex;
  		align-items: center;
  		justify-content: center; /* テキストを中央に寄せる */
  		color: white;
  		font-size: 24px;
		font-weight: bold;
  		text-decoration: none;
  		gap: 8px; /* アイコンと文字の間隔 */
	}
	.floating_line_btn_wrapper a img {
		width: 40px;
  		height: auto;
  		object-fit: contain;
  		flex-shrink: 0; /* 縮まないように固定 */
	}
  .tca__sp .tca__sp-line,
  .tca__sp .tca__sp-tell {
    width: 50%;
  }
  .tca__sp .tca__sp-line {
    width: 100%;
  }
  .tca__sp .tca__sp-stock {
    width: 100%;
  }
  .tca__sp .tca__sp-stock a {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 2px solid #000;
    border-bottom: none;
    padding: 16px 0 16px 60px;
    position: relative;
    font-size: 20px;
    z-index: 1;
    overflow: hidden;
  }
  .tca__sp .tca__sp-stock a::before {
    position: absolute;
    width: 30px;
    height: 30px;
    content: "";
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    background-image: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/check.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .tca__sp .tca__sp-stock a::after {
    position: absolute;
    content: "STOCK";
    color: #DBEECE;
    bottom: -4px;
    right: 0px;
    font-size: 80px;
    line-height: 1;
    z-index: -1;
  }
  .tca__sp img {
    width: 100%;
  }
}
.page-template-page-contact header {
  background-color: #FFFEF2;
}
@media screen and (max-width: 768px) {
  .page-template-page-contact footer {
    margin-bottom: 0;
  }
}
.page-template-page-contact .thanks-contents {
  padding-top: 50px;
}
.page-template-page-contact .thanks-contents p {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .page-template-page-contact .thanks-contents p {
    font-size: 1.6rem;
  }
}
.page-template-page-thanks header {
  background-color: #2CAC44;
}
.page-template-page-thanks .drawer__button {
  display: none;
}
.page-template-page-thanks footer {
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
}
@media screen and (max-width: 768px) {
  .page-template-page-thanks footer {
    margin-bottom: 0;
  }
}
.page-template-page-thanks .thanks-contents {
  padding-top: 50px;
}
.page-template-page-thanks .thanks-contents p {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .page-template-page-thanks .thanks-contents p {
    font-size: 1.6rem;
  }
}
.thanks_return-btn {
  color: #fff;
  padding: 20px;
  background-color: #2CAC44;
  width: 200px;
  border-radius: 999px;
  cursor: pointer;
  margin: 100px auto;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
}
.thanks_return-btn:hover {
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
}
.voice {
  background-color: #FFFEF2;
  padding-top: 111px;
  padding-bottom: 135px;
}
@media screen and (max-width: 768px) {
  .voice {
    padding-top: 47px;
    padding-bottom: 50px;
  }
}
.voice__items {
  margin-top: 89px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.9%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
@media screen and (max-width: 1024px) {
  .voice__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 80px;
    gap: 36px;
  }
}
.voice__item-comment {
  background-color: #fff;
  padding: 55px;
  width: 100%;
  max-width: 527px;
  border: 4px solid #0F2200;
  border-radius: 18px;
  text-align: left;
  position: relative;
}
.voice__item-lead {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .12rem;
  line-height: 1.8em;
}
.voice__item-text {
  font-weight: 500;
  letter-spacing: .05rem;
  line-height: 1.8em;
  padding-top: 28px;
}
.voice__item-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: 7.5%;
  font-weight: 700;
  gap: 35px;
  position: relative;
  margin-top: -40px;
}
.voice__name {
  color: #2CAC44;
  font-size: 3rem;
  letter-spacing: .15rem;
  text-align: left;
}
.voice__name span {
  color: #0F2200;
  font-size: 1.4rem;
  letter-spacing: 0.07rem;
}
.voice__gender {
  font-size: 1.8rem;
  letter-spacing: 0.09rem;
  margin-top: 8px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .voice__items {
    margin-top: 56px;
  }
  .voice__item-comment {
    padding: 30px 31.5px 54px;
  }
  .voice__item-lead {
    font-size: 1.8rem;
    line-height: 1.4em;
    letter-spacing: .01rem;
  }
  .voice__item-text {
    font-size: 1.4rem;
    padding-top: 10px;
    line-height: 1.6em;
  }
  .voice__item-profile {
    margin-left: 3vw;
    gap: 5%;
  }
  .voice__name {
    font-size: 2.4rem;
    margin-bottom: 5px;
  }
  .voice__name span {
    font-size: 1.2rem;
  }
  .voice__gender {
    font-size: 1.4rem;
    margin-top: 0;
    letter-spacing: 0;
  }
}
.voice-proflist {
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.profile__image {
  width: 125px;
  height: 137px;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
}
.profile__image::after {
  position: absolute;
  content: "";
  background: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/svg_icon_comment.svg) no-repeat center center/contain;
  width: 65px;
  height: 50px;
  top: 25px;
  right: -50%;
}
@media screen and (max-width: 768px) {
  .profile__image::after {
    width: 42px;
    height: 32px;
    top: 30px;
    right: -40%;
  }
  .profile__image {
    width: 100px;
    height: 110px;
  }
}
/* kv　追記 */
.sp {
  display: none;
}
.tab {
  display: none;
}
.pc {
  display: block;
}
.mv-pc {
  display: block;
}
.mv-sp {
  display: none;
}
.p-mainvisual {
  position: relative;
}
.p-mainvisual::before {
  background-image: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../img/bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-size: contain;
  width: 100%;
  height: calc(100% + 167px);
  top: -167px;
  content: "";
  position: absolute;
  z-index: -1;
}
.p-mainvisual__inner {
  padding: 0 20px 24px;
  max-width: 1440px;
  margin: 0 auto;
}
.p-kv__box2 {
  position: absolute;
  top: 10%;
  right: 5%;
  background-color: #FAEA09;
  padding: 20px 30px;
  border-radius: 8px;
}
.p-kv__box2 li {
  background-color: #009D1E;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  margin-bottom: 16px;
  position: relative;
}
.p-kv__box2 li:last-child {
  margin-bottom: 0;
}
.p-kv__box2 li::before {
  position: absolute;
  width: 30px;
  height: 30px;
  content: "";
  top: -10px;
  left: -5px;
  background-image: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/check.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-kv__box2--num,
.p-kv__box2--big,
.p-kv__box2--min {
  color: #FFFF00;
}
.p-kv__box2--num {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0;
}
.p-kv__box2--big {
  font-size: 22px;
}
.p-kv__box2--min {
  font-size: 18px;
}
.p-kv__subWrap {
  padding: 18px 20px 36px;
  background-color: #FFFEF2;
}
.p-kv__sub {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0px auto 0px;
}
.p-kv__sub--txt {
  margin-left: 24px;
  text-align: left;
  font-weight: bold;
  font-size: 34px;
}
.p-kv__sub--txt ul li {
  margin-bottom: 8px;
  color: #fff;
  padding: 3px 8px;
  background-color: #E04D00;
}
.p-kv__sub--txt ul li:last-child {
  font-size: 29px;
}
.p-kv__sub--txt ul li span {
  color: #FFFF00;
  font-size: 45px;
}
.p-kv__circle {
  position: relative;
  width: 200px;
  height: 200px;
  background-image: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../images/bg01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-kv__circle--txt {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: bold;
  text-shadow: 2px 4px #E04D00;
  color: #fff;
  width: 100%;
}
.p-kv__circle--txt span {
  font-family: 'Roboto', sans-serif;
  font-size: 80px;
  color: #FFFF00;
  line-height: 1;
  letter-spacing: 0;
}
.p-kv__circle--txt span span {
  font-size: 30px;
}
@media screen and (max-width: 991px) {
  .tab {
    display: block;
  }
  .p-kv__sub--txt {
    font-size: 28px;
  }
  .p-kv__sub--txt ul li:last-child {
    font-size: 26px;
  }
  .p-kv__sub--txt ul li span {
    color: #FFFF00;
    font-size: 34px;
  }
  .p-kv__box2 {
    top: 3%;
    right: 20px;
    padding: 20px 20px;
  }
  .p-kv__box2 li {
    font-size: 16px;
    padding: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .tab {
    display: none;
  }
  .sp {
    display: block;
  }
  .p-mainvisual {
    padding-top: 24px;
  }
  .p-mainvisual::before {
    background-image: url(//c-bex.net/2/wp-content/themes/cbex-lp/assets/css/../img/bg-sp.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 100% 75%;
    width: 100%;
    height: calc(100% + 167px);
    top: -167px;
    content: "";
    position: absolute;
    z-index: -1;
  }
  .p-mainvisual__inner {
    padding: 0 0px 24px 10px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .p-kv__circle {
    width: 115px;
    height: 115px;
  }
  .p-kv__subWrap {
    padding: 18px 20px 36px;
    background-color: #fff;
  }
  .p-kv__sub--txt ul li {
    padding: 3px;
  }
  .p-kv__sub--txt {
    width: calc(100% - 130px);
    margin-left: 15px;
    font-size: 16px;
  }
  .p-kv__sub--txt ul li:last-child {
    font-size: 14px;
  }
  .p-kv__sub--txt ul li span {
    color: #FFFF00;
    font-size: 21px;
  }
  .p-kv__circle--txt {
    font-size: 14px;
  }
  .p-kv__circle--txt span {
    font-size: 50px;
  }
  .p-kv__circle--txt span span {
    font-size: 20px;
  }
  .p-kv__box2 {
    position: static;
    padding: 20px 20px;
    width: 100%;
    max-width: 280px;
    margin: 24px auto 0;
  }
  .p-kv__box2 li {
    font-size: 16px;
    padding: 8px;
    margin-bottom: 16px;
  }
  .p-kv__box2--num {
    font-size: 24px;
  }
  .p-kv__box2--big {
    font-size: 18px;
  }
  .p-kv__box2--min {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .mv-pc {
    display: none;
  }
  .mv-sp {
    display: block;
  }
}
.p-slider {
  margin-top: 4%;
}
.p-slider img {
  width: 100%;
}
.p-conatct__txt01 {
  margin-top: 5%;
}
@media screen and (max-width: 768px) {
  .p-slider {
    margin-bottom: 6%;
  }
  .p-conatct__txt01 {
    margin-top: 13%;
  }
}
[aria-hidden=true]{display:block;visibility:visible}