@charset "UTF-8";
/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  background: #C9C9C9;
  border-radius: 40px;
}

.overseasExpansionArea .simplebar-track {
  background: #FFCC99;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #7C7C7C;
  border-radius: 7px;
  left: 0;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
  transition: opacity 0s linear;
}

.overseasExpansionArea .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
}

.simplebar-track.simplebar-vertical {
  width: 4px;
  top: 5%;
  height: 90%;
  right: 16px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 0;
  bottom: 0;
  width: 100%;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  margin-right: 30px;
}

.overseasExpansionArea .simplebar-track.simplebar-horizontal {
  margin: 0 30px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0px;
  height: 7px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  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 {
  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;
}

body {
  width: 100%;
  font-family: noto-sans, sans-serif;
  font-style: normal;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
}
header .innerBlock {
  display: flex;
  justify-content: space-between;
  position: relative;
  transition: 0.3s ease-out margin;
  margin: 47px 3.4722222222vw 20px;
  z-index: 4;
}
@media screen and (max-width: 1200px) {
  header .innerBlock {
    margin: 15px 15px 15px;
  }
}
header .logo {
  display: flex;
  align-items: center;
}
header .logo a {
  display: block;
}
header .logo a img {
  backface-visibility: hidden;
}
@media screen and (max-width: 1200px) {
  header .logo a img {
    max-width: 180px;
    width: 100%;
  }
}
@media screen and (max-width: 1200px) and (max-width: 374px) {
  header .logo a img {
    max-width: 140px;
  }
}
header .list {
  display: flex;
}
@media screen and (max-width: 1200px) {
  header .list.pc-show {
    display: none;
  }
}
header .list.pc-show li {
  position: relative;
  display: flex;
  align-items: center;
  height: 57px;
}
header .list.pc-show li + li {
  margin-left: 30px;
}
@media screen and (min-width: 500px) {
  header .list.pc-show li:nth-child(7) a:hover::before, header .list.pc-show li:nth-child(8) a:hover::before {
    background-color: #CD4A00;
  }
}
header .list.pc-show li:nth-child(7) a::before, header .list.pc-show li:nth-child(8) a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 95px;
  height: 95px;
  margin: auto;
  border-radius: 95px;
  background-color: #F66000;
  transition: 1s ease 0s;
  backface-visibility: hidden;
}
header .list.pc-show li:nth-child(7) a .icon, header .list.pc-show li:nth-child(8) a .icon {
  z-index: 1;
}
header .list.pc-show li:nth-child(7) a .icon svg, header .list.pc-show li:nth-child(8) a .icon svg {
  backface-visibility: hidden;
}
header .list.pc-show li:nth-child(7) a .text, header .list.pc-show li:nth-child(8) a .text {
  width: 95px;
  margin-top: 0;
  color: #FFFFFF;
  z-index: 1;
}
header .list.pc-show li:nth-child(8) {
  transition: 1s ease 0s;
  backface-visibility: hidden;
  margin-left: 10px;
}
header .list.pc-show a {
  display: block;
}
@media screen and (min-width: 500px) {
  header .list.pc-show a:hover .icon.scaleX svg {
    transform: scaleX(1.1);
  }
  header .list.pc-show a:hover .icon.scaleY svg {
    transform: scaleY(1.1);
  }
  header .list.pc-show a:hover .icon.rotate {
    transform: rotate(10deg);
  }
  header .list.pc-show a:hover .icon.rotate.reverse {
    transform: rotate(-10deg);
  }
}
header .list.pc-show a > span {
  display: block;
  position: relative;
}
header .list.pc-show a > span.icon {
  height: 32px;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
  opacity: 1;
}
header .list.pc-show a > span.icon svg {
  display: block;
  margin: auto;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
header .list.pc-show a > span.text {
  margin-top: 7px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2em;
  color: #000000;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 500px) {
  header .list.pc-show a:hover .text {
    color: #F66000;
  }
}
@media screen and (min-width: 1200px) {
  header .list.sp-show {
    display: none;
  }
}
header .list.sp-show li {
  position: relative;
  width: 60px;
  height: 60px;
}
header .list.sp-show li.is-hide.is-acitve {
  display: none;
}
header .list.sp-show li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 60px;
  height: 60px;
  margin: auto;
  border-radius: 60px;
  background-color: #F66000;
}
header .list.sp-show li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 60px;
  width: 60px;
  z-index: 1;
}
header .list.sp-show li:nth-child(2) {
  margin-left: 10px;
}
header .list.sp-show li:nth-child(2) .hambMenu {
  display: block;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
header .list.sp-show li:nth-child(2) .hambMenu .close.is-active {
  display: block;
  animation: fadeOut 0.5s ease;
}
header .list.sp-show li:nth-child(2) .hambMenu .close.is-close {
  animation: fadeIn 0.5s ease;
}
header .list.sp-show li:nth-child(2) .hambMenu .close {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  padding: 22px 0;
  margin: auto;
}
header .list.sp-show li:nth-child(2) .hambMenu .close .item {
  display: block;
  position: relative;
  width: 20px;
  height: 2px;
  margin: auto;
  border-radius: 1px;
  background-color: #FFFFFF;
}
header .list.sp-show li:nth-child(2) .hambMenu .close .item:nth-child(2) {
  top: 5px;
}
header .list.sp-show li:nth-child(2) .hambMenu .close .item:nth-child(3) {
  top: 10px;
}
header .list.sp-show li:nth-child(2) .hambMenu .open.is-active {
  display: block;
  animation: fadeIn 0.5s ease;
}
header .list.sp-show li:nth-child(2) .hambMenu .open {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  padding: 22px 0;
  margin: auto;
}
header .list.sp-show li:nth-child(2) .hambMenu .open .item {
  display: block;
  position: relative;
  top: 7px;
  width: 20px;
  height: 2px;
  margin: auto;
  border-radius: 1px;
  background-color: #FFFFFF;
  transform: rotate(45deg);
}
header .list.sp-show li:nth-child(2) .hambMenu .open .item:nth-child(2) {
  top: 5px;
  transform: rotate(-45deg);
}
header .spMenu {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  padding: 65px 30px 100px;
  background-color: #FFF5DC;
  overflow: auto;
  z-index: 3;
}
header .spMenu ul {
  max-width: 300px;
  margin: auto;
}
header .spMenu li:nth-child(1) {
  margin-top: 65px;
}
header .spMenu li + li {
  margin-top: 30px;
}
header .spMenu li a {
  display: flex;
  align-items: center;
}
header .spMenu .icon {
  height: 34px;
  width: 34px;
}
header .spMenu .icon img {
  -o-object-fit: contain;
     object-fit: contain;
}
header .spMenu .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #F66000;
  margin-left: 10px;
}
header .spMenu .btn {
  padding: 60px 0;
}
header .spMenu .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
  height: 60px;
  margin: auto;
  background-color: #F66000;
  border-radius: 50px;
}
header .spMenu .btn a .text {
  color: #FFFFFF;
}
header .spMenu .btn a + a {
  margin-top: 10px;
}
header.is-active .innerBlock {
  margin: 12px 0 0 30px;
}
@media screen and (max-width: 1200px) {
  header.is-active .innerBlock {
    margin: 5px 15px 15px;
  }
}
header.is-active .pc-show li:nth-child(7) a::before, header.is-active .pc-show li:nth-child(8) a::before {
  border-radius: 0;
  width: 100px;
  height: 80px;
}
header.is-active .pc-show li:nth-child(8) {
  margin-left: 7px;
}
header.is-active .pc-show li:nth-child(-n+6) a > span.icon {
  height: 0;
  opacity: 0;
}

.inquiryBtnArea {
  position: relative;
  z-index: 1;
}
.inquiryBtnArea.is-home {
  margin-top: 0;
}
.inquiryBtnArea + footer {
  margin-top: -184px;
}
.inquiryBtnArea + footer .innerBlock {
  padding-top: 150px;
}
.inquiryBtnArea .head .icon img {
  display: block;
  margin: auto;
}
.inquiryBtnArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .inquiryBtnArea .head h2 {
    font-size: 1.5rem;
  }
}
.inquiryBtnArea .contents {
  display: flex;
  max-width: 1140px;
  width: 100%;
  margin: 54px auto 0;
}
@media screen and (max-width: 1200px) {
  .inquiryBtnArea .contents {
    display: block;
  }
}
@media screen and (max-width: 1200px) and (max-width: 500px) {
  .inquiryBtnArea .contents {
    margin: 50px auto 0;
  }
}
.inquiryBtnArea .contents .left,
.inquiryBtnArea .contents .right {
  width: calc(50% - 5px);
}
@media screen and (max-width: 1200px) {
  .inquiryBtnArea .contents .left,
  .inquiryBtnArea .contents .right {
    max-width: 556px;
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 1200px) and (max-width: 620px) {
  .inquiryBtnArea .contents .left,
  .inquiryBtnArea .contents .right {
    max-width: none;
    width: auto;
    margin: 0 20px;
  }
}
.inquiryBtnArea .contents .left a,
.inquiryBtnArea .contents .right a {
  display: block;
  position: relative;
  padding: 55px 0;
  border-radius: 20px;
  background-color: #F66000;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 500px) {
  .inquiryBtnArea .contents .left a:hover,
  .inquiryBtnArea .contents .right a:hover {
    background-color: #CD4A00;
  }
}
@media screen and (max-width: 500px) {
  .inquiryBtnArea .contents .left a,
  .inquiryBtnArea .contents .right a {
    padding: 36px 0;
  }
}
.inquiryBtnArea .contents .left a .upper,
.inquiryBtnArea .contents .right a .upper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inquiryBtnArea .contents .left a .upper h3,
.inquiryBtnArea .contents .right a .upper h3 {
  margin-left: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  color: #FFFFFF;
}
@media screen and (max-width: 500px) {
  .inquiryBtnArea .contents .left a .upper h3,
  .inquiryBtnArea .contents .right a .upper h3 {
    font-size: 1.5rem;
  }
}
.inquiryBtnArea .contents .left a .lower .text,
.inquiryBtnArea .contents .right a .lower .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  text-align: center;
}
@media screen and (max-width: 500px) {
  .inquiryBtnArea .contents .left a .lower .text,
  .inquiryBtnArea .contents .right a .lower .text {
    width: 260px;
    margin: 6px auto 0;
  }
}
.inquiryBtnArea .contents .left a .arrow,
.inquiryBtnArea .contents .right a .arrow {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
}
.inquiryBtnArea .contents .right {
  margin-left: 10px;
}
@media screen and (max-width: 1200px) {
  .inquiryBtnArea .contents .right {
    margin: 10px auto 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 620px) {
  .inquiryBtnArea .contents .right {
    margin: 10px 20px 0;
  }
}

footer {
  position: relative;
  margin-top: 180px;
  background-color: #FFF5DC;
}
footer .waveBlock {
  width: 100%;
  height: 90px;
  background: url(../img/common/img_wave_footer_PC.svg) no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1441px) {
  footer .waveBlock {
    height: 150px;
  }
}
@media screen and (min-width: 1441px) and (min-width: 2400px) {
  footer .waveBlock {
    height: 200px;
  }
}
@media screen and (min-width: 1441px) and (min-width: 2400px) and (min-width: 3000px) {
  footer .waveBlock {
    height: 250px;
  }
}
footer .detail .logo a {
  display: block;
  width: 123px;
  margin: auto;
}
footer .detail .logo a img {
  display: block;
  margin: auto;
}
@media screen and (max-width: 545px) {
  footer .detail .textarea {
    margin-top: 26px;
  }
}
footer .detail .textarea .tel {
  display: block;
  width: 200px;
  margin: 11px auto 0;
}
@media screen and (min-width: 500px) {
  footer .detail .textarea .tel:hover .text {
    color: #F66000;
  }
}
footer .detail .textarea .tel .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
footer .detail .textarea .address {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: center;
}
footer .detail .textarea .sns {
  margin-top: 25px;
}
footer .detail .textarea .sns ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .detail .textarea .sns ul li + li {
  margin-left: 24px;
}
footer .detail .textarea .sns ul li a svg path {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 500px) {
  footer .detail .textarea .sns ul li a:hover svg path {
    fill: #F66000;
  }
}
footer .detail .textarea .review {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  margin: 30px auto;
}
@media screen and (min-width: 500px) {
  footer .detail .textarea .review:hover .text {
    color: #F66000;
  }
}
@media screen and (min-width: 500px) {
  footer .detail .textarea .review:hover svg rect:not(:first-child) {
    fill: #F66000;
  }
  footer .detail .textarea .review:hover svg rect:nth-child(1) {
    stroke: #F66000;
  }
}
footer .detail .textarea .review .icon {
  height: 24px;
  margin-left: 7px;
}
footer .detail .textarea .review .icon svg rect {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
footer .detail .textarea .review .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.2em;
  color: #000000;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
footer .detail .lower {
  position: relative;
  margin-top: 46px;
}
footer .detail .lower .contents {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 980px) {
  footer .detail .lower .contents {
    display: block;
  }
}
footer .detail .lower .contents .left .list {
  display: flex;
  flex-wrap: wrap;
  max-width: 430px;
  width: 100%;
}
@media screen and (max-width: 980px) {
  footer .detail .lower .contents .left .list {
    margin: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 690px) {
  footer .detail .lower .contents .left .list {
    display: block;
    max-width: 140px;
  }
}
footer .detail .lower .contents .left .list li {
  width: calc(33.3333333333% + 10px);
}
footer .detail .lower .contents .left .list li:nth-child(n+4) {
  margin-top: 30px;
}
footer .detail .lower .contents .left .list li:nth-child(1), footer .detail .lower .contents .left .list li:nth-child(4) {
  width: calc(33.3333333333% - 20px);
  margin-left: 0;
}
@media screen and (max-width: 690px) {
  footer .detail .lower .contents .left .list li:nth-child(1), footer .detail .lower .contents .left .list li:nth-child(4) {
    width: 100%;
  }
}
@media screen and (max-width: 690px) {
  footer .detail .lower .contents .left .list li {
    width: 100%;
  }
  footer .detail .lower .contents .left .list li:not(:first-child) {
    margin-top: 30px;
  }
}
footer .detail .lower .contents .left .list li .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.2em;
  color: #000000;
}
footer .detail .lower .contents .left .list li:nth-child(6) .link {
  margin-left: 8px;
}
footer .detail .lower .contents .left .list li:nth-child(6) .link svg rect {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 500px) {
  footer .detail .lower .contents .left .list li:nth-child(6) a:hover svg rect:not(:first-child) {
    fill: #F66000;
  }
  footer .detail .lower .contents .left .list li:nth-child(6) a:hover svg rect:nth-child(1) {
    stroke: #F66000;
  }
}
footer .detail .lower .contents .left a {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 500px) {
  footer .detail .lower .contents .left a:hover .icon {
    transform: translate3d(5px, 0, 0);
  }
  footer .detail .lower .contents .left a:hover .text {
    color: #F66000;
  }
}
footer .detail .lower .contents .left a .icon {
  display: flex;
  align-items: center;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
footer .detail .lower .contents .left a .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
  margin-left: 10px;
}
footer .detail .lower .contents .right {
  display: flex;
  margin-left: 67px;
  padding: 26.5px 28px;
  background: #FFFFFF;
  border: 1px solid #F66000;
  box-sizing: border-box;
  border-radius: 20px;
}
@media screen and (max-width: 1200px) {
  footer .detail .lower .contents .right {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 980px) {
  footer .detail .lower .contents .right {
    max-width: 485px;
    width: 100%;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 980px) and (max-width: 545px) {
  footer .detail .lower .contents .right {
    display: block;
    max-width: none;
    width: auto;
    margin: 50px 30px 0;
  }
}
@media screen and (max-width: 545px) {
  footer .detail .lower .contents .right .info {
    text-align: center;
  }
}
footer .detail .lower .contents .right .info .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #F66000;
}
footer .detail .lower .contents .right .info .sub {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #000000;
}
footer .detail .lower .contents .right .img {
  max-width: 150px;
  width: 100%;
  margin-left: 30px;
}
@media screen and (max-width: 545px) {
  footer .detail .lower .contents .right .img {
    margin: 14px auto 0;
  }
}
footer .detail .lower .contents .right .img img {
  display: block;
  width: 100%;
}
footer .detail .lower .pagetop {
  display: flex;
  position: absolute;
  right: 50px;
  bottom: 120px;
  height: 120px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 130%;
  text-align: center;
  letter-spacing: 0.2em;
  color: #F66000;
  writing-mode: vertical-rl;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
footer .detail .lower .pagetop svg path {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 500px) {
  footer .detail .lower .pagetop:hover {
    color: #CD4A00;
  }
  footer .detail .lower .pagetop:hover svg path {
    fill: #CD4A00;
  }
}
@media screen and (max-width: 1200px) {
  footer .detail .lower .pagetop {
    bottom: 300px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 980px) {
  footer .detail .lower .pagetop {
    bottom: 120px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 980px) and (max-width: 690px) {
  footer .detail .lower .pagetop {
    display: none;
  }
}
footer .detail .lower .pagetop .text {
  margin-top: 10px;
}
footer .detail .lower .copyright {
  margin-top: 70px;
  padding: 12px 0;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  background-color: #F66000;
  text-align: center;
}
footer .detail .lower .copyright .sp-show {
  display: none;
}
@media screen and (max-width: 500px) {
  footer .detail .lower .copyright .sp-show {
    display: block;
  }
}

#overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #FFFFFF;
  z-index: 2;
}
#overlay .centerLogo img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 4;
}
#loading .box {
  position: relative;
  top: -50px;
  width: 100%;
  height: 100vh;
  background-color: #F66000;
}

canvas {
  vertical-align: bottom;
}

#canvas-bottom {
  transform: rotate(180deg);
}

.moreBtn {
  display: block;
  position: relative;
  width: 220px;
  height: 52px;
  margin-top: 46px;
}
.moreBtn .link {
  display: flex;
  align-items: center;
  height: 100%;
  font-family: gill-sans-nova, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.2em;
  color: #000000;
}
.moreBtn .icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 52px;
  margin-left: 28px;
}
.moreBtn .icon .circle {
  position: relative;
}
.moreBtn .icon .arrow {
  position: absolute;
  left: -13px;
  height: 8px;
}
.moreBtn .icon .arrow svg {
  position: absolute;
  top: -3px;
}

.cue-lazy-item {
  transform: translate3d(0, 40px, 0);
  transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
.cue-lazy-item.in {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

@keyframes slider-animation {
  0% {
    -webkit-mask-size: 0% 100%;
    mask-size: 0% 100%;
  }
  100% {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
}
@keyframes slider-zoom {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
main.is-top {
  margin-top: 161px;
}
main + .inquiryBtnArea {
  margin-top: 180px;
}
@media screen and (max-width: 1000px) {
  main + .inquiryBtnArea {
    margin-top: 130px;
  }
}

.notificationArea {
  position: fixed;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .notificationArea {
    bottom: 5vw;
  }
}
.notificationArea {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.notificationArea.is-show {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  pointer-events: auto;
  opacity: 1;
}
.notificationArea .innerBlock {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .notificationArea .innerBlock {
    width: 280px;
  }
}
.notificationArea .img {
  display: flex;
  align-items: center;
  max-width: 233px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .notificationArea .img {
    max-width: 300px;
    min-width: 300px;
  }
}
.notificationArea .img img {
  display: block;
  width: 100%;
}

.scrollmagic-pin-spacer {
  width: 100vw !important;
}

.mainSliderArea {
  position: relative;
  width: 100%;
  margin: auto;
  margin: 140px 0 0 0;
}
@media screen and (max-width: 1200px) {
  .mainSliderArea {
    max-width: none;
    width: auto;
  }
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
  .mainSliderArea {
    height: 500px;
  }
}

.contentsBlock.scroll-slider {
  top: 140px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  width: 93.0555555556vw;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .contentsBlock.scroll-slider .sliderBlock {
    border-radius: 30px 0px 0px 30px;
    overflow: hidden;
  }
  .contentsBlock.scroll-slider .sliderBlock .inner {
    border-radius: 30px 0px 0px 30px;
    overflow: hidden;
  }
  .contentsBlock.scroll-slider .sliderBlock .inner .item {
    border-radius: 30px 0px 0px 30px;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .contentsBlock.scroll-slider {
    top: 90px;
    width: 100vw;
  }
}

.titleBlock {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 260px;
  margin: auto;
  width: 100vw !important;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .titleBlock {
    height: -moz-max-content;
    height: max-content;
  }
}
.titleBlock h1 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 3rem;
  line-height: 180%;
  letter-spacing: 0.4em;
  color: #F66000;
  width: 85.4166666667vw;
  margin: auto;
}
@media screen and (max-width: 800px) {
  .titleBlock h1 {
    font-size: 2.25rem;
    width: 90vw;
  }
}

.imgBlock {
  position: absolute;
  right: 0.2777777778vw;
  bottom: 1.5277777778vw;
  z-index: 2;
  width: 9.7222222222vw;
}
.imgBlock img {
  width: 100%;
}
@media screen and (max-width: 800px) {
  .imgBlock {
    right: 2.6666666667vw;
    bottom: 30px;
    max-width: 64px;
    width: 64px;
  }
  .imgBlock img {
    width: 100%;
  }
}

.infoBlock {
  display: flex;
  align-items: center;
  width: 80.8333333333vw;
  margin-top: 15px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .infoBlock {
    display: block;
    margin: 8px 0 0 40px;
  }
}
.infoBlock .left {
  position: relative;
  margin-right: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 800px) {
  .infoBlock .left {
    margin: 0;
    padding: 0;
  }
}
.infoBlock .left::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 20px;
  margin: auto;
  background-color: #B0B0B0;
}
@media screen and (max-width: 800px) {
  .infoBlock .left::before {
    content: none;
  }
}
.infoBlock .left .title {
  font-family: gill-sans-nova, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.2em;
  color: #7DC900;
}
.infoBlock .right {
  position: relative;
}
@media screen and (max-width: 800px) {
  .infoBlock .right {
    max-width: 248px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 500px) {
  .infoBlock .right a:hover .text {
    color: #F66000;
  }
}
@media screen and (min-width: 500px) {
  .infoBlock .right a:hover + .arrow {
    transform: translate3d(5px, 0, 0);
  }
}
.infoBlock .right a .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
.infoBlock .right .arrow {
  position: absolute;
  top: 0;
  right: -40px;
  bottom: 0;
  width: 22px;
  height: 7px;
  margin: auto;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
.infoBlock .right .arrow svg {
  position: absolute;
  top: 0;
}

.waveBlock {
  width: 100%;
  position: relative;
  pointer-events: none;
}
.waveBlock.top {
  margin-top: 5px;
}
@media screen and (max-width: 500px) {
  .waveBlock.top {
    margin-top: 0;
  }
}
.waveBlock.bottom {
  margin-bottom: 0;
  z-index: -1;
  background-color: #FFFFFF;
}
@media screen and (max-width: 500px) {
  .waveBlock.bottom {
    margin-bottom: -2px;
  }
}
.waveBlock.bottom img {
  position: relative;
  z-index: 1;
  top: -1px;
}
.waveBlock.bottom.-painting img {
  top: 1px;
}
.waveBlock img {
  display: block;
  width: 100%;
}
.waveBlock img.pc-show {
  display: block;
}
.waveBlock img.sp-show {
  display: none;
}
@media screen and (max-width: 500px) {
  .waveBlock img.pc-show {
    display: none;
  }
  .waveBlock img.sp-show {
    display: block;
  }
}

.conceptArea {
  position: relative;
  width: 100%;
  margin-top: 60px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .conceptArea {
    margin-top: 120px;
  }
}
.conceptArea .innerBlock {
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
.conceptArea .innerBlock .contents {
  display: flex;
  width: 85.4166666667vw;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .conceptArea .innerBlock .contents {
    justify-content: space-between;
    max-width: none;
    width: auto;
    display: block;
    margin: 0 30px;
  }
}
.conceptArea .left {
  max-width: 252px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .conceptArea .left {
    margin-left: -10px;
  }
}
.conceptArea .left .scrollBox {
  width: 335px;
  height: 260px;
}
@media screen and (max-width: 768px) {
  .conceptArea .left .scrollBox {
    width: 100%;
    height: 30px;
  }
}
.conceptArea .left .text {
  padding-top: 80px;
  margin-top: 40px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: left;
}
@media screen and (max-width: 1150px) and (max-width: 768px) {
  .conceptArea .left .text {
    position: relative;
    margin-top: 20px;
  }
}
.conceptArea .right {
  max-width: 664px;
  width: 100%;
  margin-left: 256px;
}
@media screen and (max-width: 1300px) {
  .conceptArea .right {
    margin: auto;
  }
}
.conceptArea .right .img {
  position: relative;
  width: 100%;
}
.conceptArea .right .img img {
  display: block;
}
.conceptArea .right .img img:not(.icon) {
  width: 100%;
  border-radius: 20px;
}
.conceptArea .right .img img.icon {
  position: absolute;
}
.conceptArea .right .img:nth-child(1) {
  max-width: 615px;
  margin-right: 65px;
}
@media screen and (max-width: 1150px) {
  .conceptArea .right .img:nth-child(1) {
    margin: 64px 0;
  }
}
.conceptArea .right .img:nth-child(1) img.icon {
  width: 87px;
  bottom: -30px;
  left: -50px;
}
@media screen and (max-width: 1150px) {
  .conceptArea .right .img:nth-child(1) img.icon {
    left: -10px;
    max-width: 61px;
    width: 100%;
  }
}
.conceptArea .right .img:nth-child(2) {
  max-width: 340px;
  margin: 57px -70px 0 auto;
}
@media screen and (max-width: 1300px) {
  .conceptArea .right .img:nth-child(2) {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1300px) and (max-width: 500px) {
  .conceptArea .right .img:nth-child(2) {
    max-width: 224px;
    margin: 50px -15px 0 auto;
  }
}
.conceptArea .right .img:nth-child(3) {
  max-width: 243px;
  margin: 22px 0 0 37px;
}
@media screen and (max-width: 500px) {
  .conceptArea .right .img:nth-child(3) {
    max-width: 161px;
    margin: 50px auto 0 0;
  }
}
.conceptArea .right .img:nth-child(3) img.icon {
  bottom: -10px;
  right: -35px;
  width: 44px;
}
@media screen and (max-width: 500px) {
  .conceptArea .right .img:nth-child(3) img.icon {
    bottom: -20px;
    right: -25px;
  }
}

.sectionBgWrap {
  position: relative;
  margin-bottom: -180px;
  padding-bottom: 180px;
  background-color: #FFFFFF;
  z-index: 1;
}

.sectionDetailArea {
  position: relative;
  z-index: 2;
}
.sectionDetailArea.is-reverse {
  margin-top: 180px;
}
.sectionDetailArea.is-reverse .innerBlock {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .sectionDetailArea.is-reverse .left {
    margin-left: auto;
  }
}
.sectionDetailArea.is-reverse .left img {
  border-radius: 30px 0 0 30px/30px 0 0 30px;
}
.sectionDetailArea.is-reverse .right {
  margin: 0 73px 0 228px;
}
@media screen and (max-width: 1000px) {
  .sectionDetailArea.is-reverse .right {
    margin: 60px 0 0 30px;
  }
}
.sectionDetailArea .innerBlock {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .sectionDetailArea .innerBlock {
    display: block;
  }
}
.sectionDetailArea .left {
  display: block;
  width: 100%;
  height: 370px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .sectionDetailArea .left {
    width: calc(100% - 30px);
    height: 230px;
  }
}
.sectionDetailArea .left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 30px 30px 0/0 30px 30px 0;
}
.sectionDetailArea .right {
  max-width: 290px;
  width: 100%;
  margin: 0 228px 0 73px;
}
@media screen and (max-width: 1000px) {
  .sectionDetailArea .right {
    margin: 60px 0 0 30px;
  }
}
.sectionDetailArea .right .head {
  display: flex;
  align-items: center;
}
.sectionDetailArea .right .head h2 {
  margin-left: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .sectionDetailArea .right .head h2 {
    font-size: 1.5rem;
  }
}
.sectionDetailArea .right .head .sub {
  position: relative;
  top: -25px;
}
.sectionDetailArea .right .textarea .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}

.customerVoiceArea {
  position: relative;
  margin-top: 180px;
  z-index: 1;
}
.customerVoiceArea .head {
  position: relative;
}
.customerVoiceArea .head .icon {
  display: block;
  text-align: center;
}
.customerVoiceArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .customerVoiceArea .head h2 {
    font-size: 1.5rem;
  }
}
.customerVoiceArea .head .text {
  max-width: 370px;
  width: 100%;
  margin: 10px auto 0;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: center;
}
.customerVoiceArea .contents .upper {
  position: relative;
  max-width: 795px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1150px) {
  .customerVoiceArea .contents .upper {
    display: block;
    max-width: none;
    width: calc(100% - 200px);
    margin: 0 30px 0 auto;
  }
}
@media screen and (max-width: 1150px) and (max-width: 800px) {
  .customerVoiceArea .contents .upper {
    width: auto;
    margin: 0 30px;
  }
}
@media screen and (min-width: 500px) {
  .customerVoiceArea .contents .upper a:hover .img {
    border-radius: 80px;
  }
  .customerVoiceArea .contents .upper a:hover .img img {
    transform-origin: 50% 50%;
    transform: scale(1.05);
  }
}
.customerVoiceArea .contents .upper a .img {
  width: 100%;
  margin: 41px auto 0;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
}
.customerVoiceArea .contents .upper a .img img {
  display: block;
  width: 100%;
  height: 312px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.6s ease 0s;
  backface-visibility: hidden;
}
.customerVoiceArea .contents .upper .icon {
  position: absolute;
  bottom: 0;
  left: -140px;
}
.customerVoiceArea .contents .upper .icon img {
  width: 60px;
}
.customerVoiceArea .contents .upper .icon img.text {
  position: absolute;
  top: -40px;
  left: -50px;
  width: 112px;
}
@media screen and (max-width: 800px) {
  .customerVoiceArea .contents .upper .icon {
    display: none;
  }
}
.customerVoiceArea .contents .carousel {
  margin-top: 120px;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .customerVoiceArea .contents .carousel {
    margin-top: 40px;
  }
}
.customerVoiceArea .contents .carousel {
  display: flex;
}
.customerVoiceArea .contents .carousel .group {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
.customerVoiceArea .contents .carousel .group .item {
  height: 12.5vw;
  width: 18.75vw;
  min-width: 18.75vw;
  margin: 0 0.3472222222vw;
}
@media screen and (max-width: 768px) {
  .customerVoiceArea .contents .carousel .group .item {
    height: 32vw;
    width: 48vw;
    min-width: 48vw;
    margin: 0 0.5333333333vw;
  }
}
.customerVoiceArea .contents .carousel .group .item a {
  height: 100%;
  width: 100%;
  display: block;
}
.customerVoiceArea .contents .carousel .group .item .img {
  display: block;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
}
.customerVoiceArea .contents .carousel .group .item .img img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.6s ease 0s;
  backface-visibility: hidden;
}

.staffIntroductionArea {
  margin-top: -30px;
}
.staffIntroductionArea .head {
  position: relative;
}
.staffIntroductionArea .head .icon {
  display: block;
  text-align: center;
}
.staffIntroductionArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .staffIntroductionArea .head h2 {
    font-size: 1.5rem;
  }
}
.staffIntroductionArea .head .text {
  max-width: 370px;
  width: 100%;
  margin: 10px auto 0;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .staffIntroductionArea {
    margin-top: 42px;
  }
}
.staffIntroductionArea .icon.sp-show {
  display: none;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 800px) {
  .staffIntroductionArea .icon.sp-show {
    display: block;
    top: -20px;
    max-width: 77px;
    width: 100%;
    margin-left: 20px;
  }
}
.staffIntroductionArea .innerBlock {
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .staffIntroductionArea .innerBlock {
    background: #FFF5DC;
  }
}
.staffIntroductionArea .innerBlock .contents {
  max-width: 1350px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1410px) {
  .staffIntroductionArea .innerBlock .contents {
    max-width: none;
    width: auto;
    margin: 0 30px;
  }
}
.staffIntroductionArea .innerBlock .head .icon.character {
  position: absolute;
  right: 160px;
  bottom: -30px;
}
.staffIntroductionArea .innerBlock .head .icon.character img {
  width: 72px;
}
.staffIntroductionArea .innerBlock .head .icon.character img.text {
  position: absolute;
  top: -50px;
  left: 15px;
  width: 80px;
}
@media screen and (max-width: 800px) {
  .staffIntroductionArea .innerBlock .head .icon.character {
    display: none;
  }
}
.staffIntroductionArea .staffList {
  display: flex;
  margin-top: 116px;
}
@media screen and (max-width: 900px) {
  .staffIntroductionArea .staffList {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 900px) and (max-width: 500px) {
  .staffIntroductionArea .staffList {
    display: block;
  }
}
.staffIntroductionArea .staffList .detail {
  max-width: 315px;
  width: 100%;
}
.staffIntroductionArea .staffList .detail:not(:first-child) {
  margin-left: 30px;
}
.staffIntroductionArea .staffList .detail:nth-child(odd) {
  margin-top: 75px;
}
@media screen and (max-width: 900px) {
  .staffIntroductionArea .staffList .detail {
    max-width: none;
    width: calc(50% - 15px);
  }
  .staffIntroductionArea .staffList .detail:nth-child(3) {
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) and (max-width: 500px) {
  .staffIntroductionArea .staffList .detail {
    width: auto;
    margin: 0;
  }
  .staffIntroductionArea .staffList .detail:not(:first-child) {
    margin: 30px 0 0;
  }
}
.staffIntroductionArea .staffList .detail .balloon {
  display: block;
  padding: 42px 24px 14px;
  border-radius: 10px;
  background-color: #FFFFFF;
}
.staffIntroductionArea .staffList .detail .balloon .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 500px) {
  .staffIntroductionArea .staffList .detail .balloon .title {
    font-size: 1.125rem;
  }
}
.staffIntroductionArea .staffList .detail .balloon .text {
  margin-top: 16px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: right;
}
.staffIntroductionArea .staffList .detail .balloon .text .name {
  margin-left: 11px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: 700;
}
@media screen and (max-width: 1050px) {
  .staffIntroductionArea .staffList .detail .balloon .text .name {
    display: block;
  }
}
@media screen and (max-width: 1050px) and (max-width: 900px) {
  .staffIntroductionArea .staffList .detail .balloon .text .name {
    display: inline-block;
  }
}
.staffIntroductionArea .staffList .detail .item {
  position: relative;
  top: -2px;
  margin-left: 20px;
}
.staffIntroductionArea .staffList .detail a {
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 500px) {
  .staffIntroductionArea .staffList .detail a:hover .img {
    border-radius: 80px;
  }
  .staffIntroductionArea .staffList .detail a:hover .img img {
    transform-origin: 50% 50%;
    transform: scale(1.05);
  }
}
.staffIntroductionArea .staffList .detail a .img {
  display: block;
  margin-top: 10px;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
}
.staffIntroductionArea .staffList .detail a .img img {
  display: block;
  width: 100%;
  transition: 0.6s ease 0s;
  backface-visibility: hidden;
}
.staffIntroductionArea .message {
  display: flex;
  margin-top: 167px;
}
@media screen and (max-width: 1000px) {
  .staffIntroductionArea .message {
    display: block;
    margin-top: 60px;
  }
}
.staffIntroductionArea .message .head h2 {
  text-align: left;
  color: #F66000;
}
.staffIntroductionArea .message .head .text {
  margin-top: 30px;
  text-align: left;
}
.staffIntroductionArea .message .moreBtn {
  margin: 50px 0 0 0;
}
.staffIntroductionArea .message .left {
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 1000px) {
  .staffIntroductionArea .message .left {
    margin-top: 0;
  }
}
.staffIntroductionArea .message .left .icon.sp-show {
  display: none;
  position: unset;
  margin: 0 16px 40px auto;
}
.staffIntroductionArea .message .left .icon.sp-show img {
  max-width: 72px;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .staffIntroductionArea .message .left .icon.sp-show {
    display: block;
  }
}
.staffIntroductionArea .message .left .img {
  display: block;
  width: 100%;
  height: 487px;
  border-radius: 0 30px 30px 0/0 30px 30px 0;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .staffIntroductionArea .message .left .img {
    width: calc(100% - 30px);
    height: 230px;
  }
}
.staffIntroductionArea .message .left .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.staffIntroductionArea .message .right {
  max-width: 370px;
  width: 100%;
  margin: 0 250px 0 96px;
}
@media screen and (max-width: 1000px) {
  .staffIntroductionArea .message .right {
    margin: 50px 30px 0;
  }
}
@media screen and (max-width: 1000px) and (max-width: 500px) {
  .staffIntroductionArea .message .right {
    max-width: none;
    width: auto;
  }
}
@media screen and (max-width: 1000px) {
  .staffIntroductionArea .message .right .moreBtn {
    margin: 30px 0 0 0;
  }
}
.staffIntroductionArea .moreBtn {
  margin: 80px auto 0;
}

.topicsCarouselArea {
  margin: 46px 0 180px 0;
}
.topicsCarouselArea .head {
  position: relative;
}
.topicsCarouselArea .head .icon {
  display: block;
  text-align: center;
}
.topicsCarouselArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .topicsCarouselArea .head h2 {
    font-size: 1.5rem;
  }
}
.topicsCarouselArea .head .text {
  max-width: 370px;
  width: 100%;
  margin: 10px auto 0;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .topicsCarouselArea {
    margin: 90px 30px 0;
  }
}
.topicsCarouselArea .carousel {
  margin-top: 105px;
}
@media screen and (max-width: 600px) {
  .topicsCarouselArea .carousel {
    margin-top: 34px;
  }
}
.topicsCarouselArea .carousel.no-init .item {
  margin: 0;
}
.topicsCarouselArea .carousel.no-init .item:not(:first-child) {
  margin-top: 40px;
}
.topicsCarouselArea .carousel.no-init .item:nth-child(n+4) {
  display: none;
}
.topicsCarouselArea .carousel .item {
  margin: 0 10px;
}
.topicsCarouselArea .carousel .item a {
  display: block;
}
@media screen and (min-width: 500px) {
  .topicsCarouselArea .carousel .item a:hover .img {
    border-radius: 80px;
  }
  .topicsCarouselArea .carousel .item a:hover .img img {
    transform-origin: 50% 50%;
    transform: scale(1.05);
  }
}
.topicsCarouselArea .carousel .item a .upper {
  height: 15.1388888889vw;
}
@media screen and (max-width: 900px) {
  .topicsCarouselArea .carousel .item a .upper {
    height: 56vw;
  }
}
.topicsCarouselArea .carousel .item a .upper .img {
  height: 15.1388888889vw;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
}
@media screen and (max-width: 900px) {
  .topicsCarouselArea .carousel .item a .upper .img {
    height: 56vw;
  }
}
.topicsCarouselArea .carousel .item a .upper .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.6s ease 0s;
  backface-visibility: hidden;
}
.topicsCarouselArea .carousel .item a .lower {
  margin-top: 20px;
}
.topicsCarouselArea .carousel .item a .lower .catWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topicsCarouselArea .carousel .item a .lower .catWrap .date {
  font-weight: bold;
  font-size: 0.8333333333vw;
  line-height: 1.25vw;
  text-align: right;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .topicsCarouselArea .carousel .item a .lower .catWrap .date {
    font-size: 3.2vw;
  }
}
.topicsCarouselArea .carousel .item a .lower .cat {
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #F66000;
  border-radius: 20px;
}
.topicsCarouselArea .carousel .item a .lower .cat .text {
  display: block;
  height: 30px;
  padding: 6px 14px 3px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
.topicsCarouselArea .carousel .item a .lower .textarea {
  margin-top: 10px;
  overflow: hidden;
}
.topicsCarouselArea .carousel .item a .lower .textarea .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.topicsCarouselArea .carousel .slick-prev,
.topicsCarouselArea .carousel .slick-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  margin: auto;
  border-radius: 50px;
  background-color: #F66000;
  z-index: 1;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
.topicsCarouselArea .carousel .slick-prev:hover,
.topicsCarouselArea .carousel .slick-next:hover {
  background-color: #CD4A00;
}
.topicsCarouselArea .carousel .slick-prev .arrow::before,
.topicsCarouselArea .carousel .slick-next .arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 12px;
  margin: auto;
}
.topicsCarouselArea .carousel .slick-prev {
  left: 120px;
}
@media screen and (max-width: 900px) {
  .topicsCarouselArea .carousel .slick-prev {
    left: 30px;
  }
}
.topicsCarouselArea .carousel .slick-prev .arrow::before {
  background: url(../img/common/icon_carousel_prev.svg) no-repeat;
  background-size: contain;
}
.topicsCarouselArea .carousel .slick-next {
  right: 120px;
}
@media screen and (max-width: 900px) {
  .topicsCarouselArea .carousel .slick-next {
    right: 30px;
  }
}
.topicsCarouselArea .carousel .slick-next .arrow::before {
  background: url(../img/common/icon_carousel_next.svg) no-repeat;
  background-size: contain;
}
.topicsCarouselArea .moreBtn {
  margin: 104px auto 0;
}

.mainVisualArea {
  position: relative;
}
@media screen and (max-width: 768px) {
  .mainVisualArea {
    height: 94.6666666667vw;
  }
  .mainVisualArea::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 4px;
    width: 100%;
    background: #fff;
  }
}
.mainVisualArea .waveMainBlock {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.mainVisualArea .waveMainBlock img {
  width: 100%;
}
.mainVisualArea .img {
  height: 45.2083333333vw;
  width: 100vw;
  min-width: 50.7638888889vw;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .mainVisualArea .img {
    height: 89.3333333333vw;
  }
}
.mainVisualArea .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .mainVisualArea .img img {
    height: 94.6666666667vw;
  }
}
.mainVisualArea.is-single .img {
  height: 33.75vw;
  width: 50.7638888889vw;
  min-width: 50.7638888889vw;
  border-radius: 0.6944444444vw;
}
@media screen and (max-width: 1000px) {
  .mainVisualArea.is-single .img {
    height: 62.4vw;
  }
}
.mainVisualArea.is-single .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .mainVisualArea.is-single .img img {
    height: 94.6666666667vw;
  }
}
.mainVisualArea .title {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 150px;
  bottom: 0;
  margin: auto;
}
.mainVisualArea .title.is-topics {
  right: auto;
  left: 150px;
}
@media screen and (max-width: 1000px) {
  .mainVisualArea .title.is-topics {
    left: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .mainVisualArea .title {
    right: 15px;
  }
}
.mainVisualArea .title h1 {
  height: -moz-fit-content;
  height: fit-content;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 180%;
  text-align: right;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 500px) {
  .mainVisualArea .title h1 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 768px) {
  .mainVisualArea.is-single {
    height: -moz-max-content;
    height: max-content;
  }
}

.businessWorksArea {
  margin-top: 180px;
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents .inner {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents .inner .list {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents .inner .list .item {
    margin: 0 auto 10.6666666667vw;
    width: 84.2666666667vw;
  }
}
.businessWorksArea .innerBlock .contents .inner .list .item a {
  display: block;
  height: -moz-max-content;
  height: max-content;
  width: 28.1944444444vw;
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents .inner .list .item a {
    width: 84.2666666667vw;
  }
}
.businessWorksArea .innerBlock .contents .inner .list .item a .upper {
  height: 18.75vw;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents .inner .list .item a .upper {
    height: 56vw;
  }
}
.businessWorksArea .innerBlock .contents .inner .list .item a .upper .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.businessWorksArea .innerBlock .contents .inner .list .item a .upper .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents.col4 .inner {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents.col4 .inner .list {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents.col4 .inner .list .item {
    margin: 0 auto;
    width: 84.2666666667vw;
  }
}
.businessWorksArea .innerBlock .contents.col4 .inner .list .item a {
  display: block;
  height: -moz-max-content;
  height: max-content;
  width: 20.8333333333vw;
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents.col4 .inner .list .item a {
    width: 84.2666666667vw;
  }
}
.businessWorksArea .innerBlock .contents.col4 .inner .list .item a .upper {
  height: 13.8888888889vw;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .businessWorksArea .innerBlock .contents.col4 .inner .list .item a .upper {
    height: 56vw;
  }
}
.businessWorksArea .innerBlock .contents.col4 .inner .list .item a .upper .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.businessWorksArea .innerBlock .contents.col4 .inner .list .item a .upper .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.businessWorksArea.is-archive {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents {
    background-size: contain;
  }
}
.businessWorksArea.is-archive .contents .inner {
  width: 79.1666666667vw;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents .inner {
    margin: 0 auto;
    width: 84vw;
  }
}
.businessWorksArea.is-archive .contents .inner .list {
  width: 100%;
  min-width: initial;
  max-width: initial;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents .inner .list {
    display: block;
    width: 84vw;
  }
}
.businessWorksArea.is-archive .contents .inner .list .item {
  width: 25.4861111111vw;
  min-width: 25.4861111111vw;
  max-width: 25.4861111111vw;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents .inner .list .item {
    margin: 0 auto;
    width: 84vw;
    min-width: initial;
    max-width: initial;
    margin-bottom: 13.3333333333vw;
  }
}
.businessWorksArea.is-archive .contents .inner .list .item a {
  display: block;
  height: -moz-max-content;
  height: max-content;
  width: 25.4861111111vw;
  min-width: 25.4861111111vw;
  max-width: 25.4861111111vw;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents .inner .list .item a {
    width: 84vw;
    min-width: initial;
    max-width: initial;
  }
}
.businessWorksArea.is-archive .contents .inner .list .item a .upper {
  height: 16.9444444444vw;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents .inner .list .item a .upper {
    height: 56vw;
  }
}
.businessWorksArea.is-archive .contents .inner .list .item a .upper .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.businessWorksArea.is-archive .contents .inner .list .item a .upper .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents.is-topics {
    width: 90vw;
    margin: 18.6666666667vw auto;
  }
}
.businessWorksArea.is-archive .contents.is-topics .inner {
  width: 65.2777777778vw;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents.is-topics .inner {
    margin: 0 auto;
    width: 84vw;
  }
}
.businessWorksArea.is-archive .contents.is-topics .inner .list {
  width: 100%;
  min-width: initial;
  max-width: initial;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents.is-topics .inner .list {
    display: block;
    width: 84vw;
  }
}
.businessWorksArea.is-archive .contents.is-topics .inner .list .item {
  width: 20.8333333333vw;
  min-width: 20.8333333333vw;
  max-width: 20.8333333333vw;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents.is-topics .inner .list .item {
    margin: 0 auto;
    width: 84vw;
    min-width: initial;
    max-width: initial;
    margin-bottom: 13.3333333333vw;
  }
}
.businessWorksArea.is-archive .contents.is-topics .inner .list .item a {
  display: block;
  height: -moz-max-content;
  height: max-content;
  width: 2.0833333333vw;
  min-width: 20.8333333333vw;
  max-width: 20.8333333333vw;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents.is-topics .inner .list .item a {
    width: 84vw;
    min-width: initial;
    max-width: initial;
  }
}
.businessWorksArea.is-archive .contents.is-topics .inner .list .item a .upper {
  height: 13.8888888889vw;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .contents.is-topics .inner .list .item a .upper {
    height: 56vw;
  }
}
.businessWorksArea.is-archive .contents.is-topics .inner .list .item a .upper .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.businessWorksArea.is-archive .contents.is-topics .inner .list .item a .upper .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.businessWorksArea.is-archive.is-topics .innerBlock {
  display: flex;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive.is-topics .innerBlock {
    display: block;
  }
}
.businessWorksArea.is-archive.is-topics .innerBlock .contents .inner {
  margin: 0 0 0 6.9444444444vw;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive.is-topics .innerBlock .contents .inner {
    margin: 0 auto;
  }
}
.businessWorksArea.is-archive.is-topics .categoryMenu {
  margin-left: 6.9444444444vw;
  width: 20.8333333333vw;
  max-width: 20.8333333333vw;
  height: 100vh;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .inner {
  position: sticky;
  top: 200px;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .title {
  position: relative;
  margin-bottom: 3.4722222222vw;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 0 0 0.3472222222vw 2.0833333333vw;
  border-bottom: 1px solid #F66000;
  font-size: 1.25vw;
  line-height: 1.9444444444vw;
  letter-spacing: 0.05em;
  color: #000000;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .title::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.3472222222vw;
  left: 0;
  bottom: 0;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  margin: auto;
  background: url(../img/topics/img_icon_category.svg) no-repeat;
  background-size: contain;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList {
  width: 100%;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat {
  margin-bottom: 1.1111111111vw;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.4722222222vw;
  width: 13.8888888889vw;
  border: 1px solid #F66000;
  box-sizing: border-box;
  border-radius: 2.4305555556vw;
  color: #F66000;
  transition: 0.3s ease color, 0.3s ease background;
  font-weight: 700;
  font-size: 1.1111111111vw;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .link.is-active {
  background-color: #F66000;
  color: #FFFFFF;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .link:hover {
  background-color: #F66000;
  color: #FFFFFF;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .head {
  height: 3.4722222222vw;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.8888888889vw;
  border: 1px solid #F66000;
  box-sizing: border-box;
  border-radius: 2.4305555556vw;
  letter-spacing: 0.05em;
  color: #F66000;
  cursor: pointer;
  font-weight: 700;
  font-size: 1.1111111111vw;
  transition: 0.3s ease color, 0.3s ease background;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .head.is-active {
  background-color: #F66000;
  color: #FFFFFF;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .head:hover {
  background-color: #F66000;
  color: #FFFFFF;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .childList {
  padding: 0.6944444444vw 0;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .childList .link {
  margin-bottom: 0.6944444444vw;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: left;
  padding-left: 1.0416666667vw;
  text-align: left;
  border: initial;
  background: initial;
  opacity: 1;
  transition: 0.3s ease opacity;
  font-weight: 700;
  font-size: 1.1111111111vw;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .childList .link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.4166666667vw;
  height: 0.6944444444vw;
  margin: auto;
  background: url(../img/common/icon_arrow_next_01.svg) no-repeat;
  background-size: contain;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .childList .link.is-active {
  background: initial;
  opacity: 0.7;
  color: #F66000;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catList .cat .childList .link:hover {
  background: initial;
  opacity: 0.7;
  color: #F66000;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catBtn {
  width: 13.8888888889vw;
  border: 1px solid #F66000;
  box-sizing: border-box;
  border-radius: 2.4305555556vw;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catBtn.is-active {
  background-color: #F66000;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catBtn.is-active a {
  color: #FFFFFF;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catBtn + .catBtn {
  margin-top: 1.1111111111vw;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catBtn.is-sub {
  border: none;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catBtn.is-sub a {
  display: flex;
  position: relative;
  justify-content: left;
  padding-left: 1.0416666667vw;
  text-align: left;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catBtn.is-sub a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.4166666667vw;
  height: 0.6944444444vw;
  margin: auto;
  background: url(../img/common/icon_arrow_next_01.svg) no-repeat;
  background-size: contain;
}
.businessWorksArea.is-archive.is-topics .categoryMenu .catBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.4722222222vw;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 150%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #F66000;
}
.businessWorksArea.is-archive .list {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 65.2777777778vw;
  min-width: 65.2777777778vw;
  max-width: 65.2777777778vw;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list {
    width: 90vw;
    display: block;
    min-width: initial;
    max-width: initial;
  }
}
.businessWorksArea.is-archive .list .item {
  height: -moz-max-content;
  height: max-content;
  width: 20.8333333333vw;
  min-width: 20.8333333333vw;
  max-width: 20.8333333333vw;
  margin: 0 0 4.1666666667vw 0;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item {
    width: 100%;
    min-width: initial;
    max-width: initial;
    margin: 0 0 19.7333333333vw 0;
  }
}
.businessWorksArea.is-archive .list .item:nth-child(2n-1) {
  margin: 0 0 4.1666666667vw 0;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item:nth-child(2n-1) {
    margin: 0 0 19.7333333333vw 0;
  }
}
.businessWorksArea.is-archive .list .item:nth-child(2n) {
  margin: 0 0 4.1666666667vw 0;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item:nth-child(2n) {
    margin: 0 0 19.7333333333vw 0;
  }
}
.businessWorksArea.is-archive .list .item:nth-child(2n+1) {
  margin: 0 0 4.1666666667vw 0;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item:nth-child(2n+1) {
    margin: 0 0 19.7333333333vw 0;
  }
}
.businessWorksArea.is-archive .list .item .upper {
  height: 13.8888888889vw;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item .upper {
    height: 59.7333333333vw;
  }
}
.businessWorksArea.is-archive .list .item .upper .img {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
}
.businessWorksArea.is-archive .list .item .upper .img img {
  width: 100%;
  transition: 0.6s ease 0s;
  backface-visibility: hidden;
}
.businessWorksArea.is-archive .list .item .lower {
  margin-top: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item .lower {
    margin-top: 5.3333333333vw;
  }
}
.businessWorksArea.is-archive .list .item .lower .catWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.businessWorksArea.is-archive .list .item .lower .catWrap .cat + .cat {
  margin-left: 0.6944444444vw;
}
.businessWorksArea.is-archive .list .item .lower .catWrap .date {
  font-weight: 700;
  font-size: 0.8333333333vw;
  line-height: 1.25vw;
  text-align: right;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item .lower .catWrap .date {
    font-size: 3.2vw;
  }
}
.businessWorksArea.is-archive .list .item .lower .cat {
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #F66000;
  border-radius: 20px;
}
.businessWorksArea.is-archive .list .item .lower .cat .text {
  display: block;
  height: auto;
  padding: 0.4166666667vw 0.9722222222vw 0.2083333333vw;
  font-size: 0.8333333333vw;
  line-height: 180%;
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item .lower .cat .text {
    padding: 1.0666666667vw 5.3333333333vw 0.5333333333vw;
    font-size: 3.2vw;
  }
}
.businessWorksArea.is-archive .list .item .lower .textarea {
  margin-top: 0.6944444444vw;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item .lower .textarea {
    margin-top: 2.6666666667vw;
  }
}
.businessWorksArea.is-archive .list .item .lower .textarea .text {
  font-size: 1.1111111111vw;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .businessWorksArea.is-archive .list .item .lower .textarea .text {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .businessWorksArea {
    margin-top: 84px;
  }
}
.businessWorksArea .head .icon img {
  display: block;
  margin: auto;
}
.businessWorksArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .businessWorksArea .head h2 {
    font-size: 1.5rem;
  }
}
.businessWorksArea .contents {
  position: relative;
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
.businessWorksArea .contents.bg-none {
  background: none;
}
.businessWorksArea .contents .inner {
  position: relative;
  margin: 0 80px;
  z-index: 1;
}
@media screen and (max-width: 500px) {
  .businessWorksArea .contents .inner {
    margin: 0 20px;
  }
}
.businessWorksArea .list {
  display: flex;
  margin-top: 60px;
}
@media screen and (max-width: 1000px) {
  .businessWorksArea .list {
    flex-wrap: wrap;
    margin-top: 40px;
  }
}
.businessWorksArea .list .item {
  width: 33.3333333333%;
  margin: 0 10px;
}
@media screen and (max-width: 1000px) {
  .businessWorksArea .list .item {
    width: calc(50% - 20px);
  }
  .businessWorksArea .list .item:nth-child(3) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 800px) {
  .businessWorksArea .list .item {
    width: 100%;
  }
  .businessWorksArea .list .item:nth-child(3), .businessWorksArea .list .item:nth-child(2) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 500px) {
  .businessWorksArea .list .item a:hover .img {
    border-radius: 80px;
  }
  .businessWorksArea .list .item a:hover .img img {
    transform-origin: 50% 50%;
    transform: scale(1.05);
  }
}
.businessWorksArea .list .upper .img {
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
}
.businessWorksArea .list .upper .img img {
  width: 100%;
  transition: 0.6s ease 0s;
  backface-visibility: hidden;
}
.businessWorksArea .list .lower {
  margin-top: 20px;
}
.businessWorksArea .list .lower .catWrap {
  display: flex;
}
.businessWorksArea .list .lower .catWrap .cat + .cat {
  margin-left: 10px;
}
.businessWorksArea .list .lower .cat {
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #F66000;
  border-radius: 20px;
}
.businessWorksArea .list .lower .cat .text {
  display: block;
  height: auto;
  padding: 6px 14px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
.businessWorksArea .list .lower .textarea {
  margin-top: 10px;
  overflow: hidden;
}
.businessWorksArea .list .lower .textarea .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.businessWorksArea .moreBtn {
  margin: 46px auto 0;
}
@media screen and (max-width: 768px) {
  .businessWorksArea .contents {
    background-size: contain;
  }
}

#modalOverlay {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: 998;
}

.pagenav {
  text-align: center;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.pagenav .wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0 100px 0;
}
@media screen and (max-width: 768px) {
  .pagenav .wp-pagenavi {
    padding: 0px 0 100px 0;
  }
}
.pagenav .previouspostslink,
.pagenav .nextpostslink {
  border: none;
}
.pagenav .wp-pagenavi a,
.pagenav .wp-pagenavi span {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 25px;
  height: 25px;
}
.pagenav .current {
  background-color: #F66000;
  color: #FFFFFF;
  border-radius: 100%;
}
.pagenav .previouspostslink {
  margin-right: 77px;
}
@media screen and (max-width: 800px) {
  .pagenav .previouspostslink {
    margin-right: 36px;
  }
}
.pagenav .previouspostslink i {
  display: block;
  width: 10px;
  height: 15px;
  background: url(../img/common/icon_arrow_prev_01.svg) no-repeat;
  background-size: contain;
}
.pagenav .nextpostslink {
  margin-left: 77px;
}
@media screen and (max-width: 800px) {
  .pagenav .nextpostslink {
    margin-left: 36px;
  }
}
.pagenav .nextpostslink i {
  display: block;
  width: 10px;
  height: 15px;
  background: url(../img/common/icon_arrow_next_01.svg) no-repeat;
  background-size: contain;
}

.archiveBtnArea {
  position: relative;
  max-width: 1140px;
  width: 100%;
  margin: 110px auto;
}
@media screen and (max-width: 1200px) {
  .archiveBtnArea {
    max-width: none;
    width: auto;
    margin: 110px 30px 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 700px) {
  .archiveBtnArea {
    margin: 82px 30px 82px;
  }
}
.archiveBtnArea .archiveNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
}
.archiveBtnArea .archiveNav a {
  display: block;
}
.archiveBtnArea .archiveNav a .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #F66000;
}
.archiveBtnArea .archiveNav a.prev-link {
  position: absolute;
  left: 0;
}
.archiveBtnArea .archiveNav a.prev-link .text {
  position: relative;
  padding-left: 30px;
}
.archiveBtnArea .archiveNav a.prev-link .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 14px;
  height: 22px;
  background: url(../img/common/icon_arrow_prev_01.svg) no-repeat;
  background-size: contain;
}
.archiveBtnArea .archiveNav a.next-link {
  position: absolute;
  right: 0;
}
.archiveBtnArea .archiveNav a.next-link .text {
  position: relative;
  padding-right: 30px;
}
.archiveBtnArea .archiveNav a.next-link .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 14px;
  height: 22px;
  background: url(../img/common/icon_arrow_next_01.svg) no-repeat;
  background-size: contain;
}
.archiveBtnArea .return {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  max-width: 300px;
  width: 100%;
  margin: auto;
  background-color: #F66000;
  border-radius: 50px;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (max-width: 700px) {
  .archiveBtnArea .return {
    position: relative;
    max-width: none;
    width: auto;
    margin: auto;
  }
}
@media screen and (min-width: 500px) {
  .archiveBtnArea .return:hover {
    background-color: #CD4A00;
  }
}
.archiveBtnArea .return .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 70px;
}
.archiveBtnArea .return .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 11px;
  height: 16px;
  margin: auto;
  background: url(../img/common/icon_carousel_next.svg) no-repeat;
  background-size: contain;
}
.archiveBtnArea .return .inner .text {
  position: relative;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.worksCommentArea {
  max-width: 990px;
  width: 100%;
  margin: 100px auto 0;
}
.worksCommentArea.is-staff {
  margin-top: 218px;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea.is-staff {
    margin-top: 110px;
  }
}
@media screen and (max-width: 1050px) and (max-width: 768px) {
  .worksCommentArea.is-staff {
    margin-top: 0;
  }
}
@media screen and (max-width: 1050px) {
  .worksCommentArea {
    width: auto;
    margin: 100px 30px 0;
  }
}
@media screen and (max-width: 1050px) and (max-width: 700px) {
  .worksCommentArea {
    margin: 50px 30px 0;
  }
}
.worksCommentArea .headBlock {
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea .headBlock {
    margin-bottom: 20px;
  }
}
.worksCommentArea .headBlock h3 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .worksCommentArea .headBlock h3 {
    font-size: 1.25rem;
  }
}
.worksCommentArea .innerBlock {
  position: relative;
  padding: 45px 96px;
  background-color: #FFF5DC;
  border-radius: 10px;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea .innerBlock {
    padding: 30px 32px 40px;
  }
}
.worksCommentArea .innerBlock::before {
  content: "";
  display: block;
  position: absolute;
  right: 60px;
  bottom: -58px;
  width: 81px;
  height: 80px;
  background: url(../img/works/img_balloon_item.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea .innerBlock::before {
    right: 80px;
    bottom: -35px;
    width: 51px;
    height: 50px;
  }
}
.worksCommentArea .iconBlock {
  position: relative;
  z-index: 0;
  width: 130px;
  height: 130px;
  margin: 40px -80px 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea .iconBlock {
    width: 80px;
    height: 80px;
    margin: 20px 0 0 auto;
  }
}
.worksCommentArea .iconBlock .img {
  height: 100%;
  width: 100%;
}
.worksCommentArea .iconBlock .img.is-staff img {
  width: 80px;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea .iconBlock .img.is-staff img {
    width: 67px;
  }
}
.worksCommentArea .iconBlock .img img {
  width: 100%;
}
.worksCommentArea .iconBlock .img img.no-img {
  width: 80px;
}
.worksCommentArea .head {
  text-align: center;
}
.worksCommentArea .head h3 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 500px) {
  .worksCommentArea .head h3 {
    font-size: 1.25rem;
  }
}
.worksCommentArea .comment {
  margin-top: 14px;
}
.worksCommentArea .comment .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}

.shareBtnArea {
  margin-top: -50px;
}
@media screen and (max-width: 500px) {
  .shareBtnArea {
    margin-top: 54px;
  }
}
.shareBtnArea .caption {
  text-align: center;
}
.shareBtnArea .sns {
  margin-top: 30px;
}
@media screen and (max-width: 700px) {
  .shareBtnArea .sns {
    margin-top: 20px;
  }
}
.shareBtnArea ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shareBtnArea ul li + li {
  margin-left: 25px;
}
.shareBtnArea a svg path {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 500px) {
  .shareBtnArea a:hover svg path {
    fill: #F66000;
  }
}

.archivePgArea {
  padding: 180px 0;
  width: 90vw;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .archivePgArea {
    padding: 40vw 0;
  }
}
.archivePgArea .innerBlock {
  position: relative;
  z-index: 0;
  height: 25px;
  width: -moz-max-content;
  width: max-content;
  padding: 0 10.6944444444vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.archivePgArea .innerBlock .page-numbers {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  height: 25px;
  width: 25px;
  min-height: 25px;
  min-width: 25px;
  border-radius: 50%;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .archivePgArea .innerBlock .page-numbers {
    margin: 0 4px;
  }
}
.archivePgArea .innerBlock .page-numbers.prev {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  height: 100%;
  width: 40px;
  margin-right: 10.6944444444vw;
}
.archivePgArea .innerBlock .page-numbers.prev .text {
  height: 100%;
  width: 100%;
  display: block;
}
.archivePgArea .innerBlock .page-numbers.next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  height: 100%;
  width: 40px;
  margin-left: 10.6944444444vw;
}
.archivePgArea .innerBlock .page-numbers.next .text {
  height: 100%;
  display: block;
  width: 100%;
}
.archivePgArea .innerBlock .page-numbers.current {
  color: #fff;
  background: #F66000;
}

@media screen and (min-width: 769px) {
  .-pc-hide {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .-sp-hide {
    display: none !important;
  }
}
.topicsAcArea {
  width: 100vw;
  margin: 6.4vw auto 19.7333333333vw;
}
.topicsAcArea .topicsAcBlock {
  height: auto;
  width: 84.2666666667vw;
  margin: auto;
}
.topicsAcArea .topicsAcBlock .topicsAcHead {
  position: relative;
  z-index: 1;
  height: 7.4666666667vw;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 5.3333333333vw;
}
.topicsAcArea .topicsAcBlock .topicsAcHead .icon {
  height: 5.3333333333vw;
  width: 5.3333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topicsAcArea .topicsAcBlock .topicsAcHead .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topicsAcArea .topicsAcBlock .topicsAcHead .captiop {
  font-weight: bold;
  font-size: 4.8vw;
  letter-spacing: 0.05em;
  color: #000000;
  padding-left: 8px;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap {
  position: relative;
  z-index: 0;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  height: 6.6666666667vw;
  width: 100%;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsAcWrapHead {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0 5.8666666667vw;
  height: 13.3333333333vw;
  width: 84.2666666667vw;
  box-sizing: border-box;
  border-radius: 8vw;
  border: solid 1px #F66000;
  font-weight: 700;
  font-size: 4.2666666667vw;
  letter-spacing: 0.05em;
  color: #F66000;
  background: #fff;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsAcWrapHead::before {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  height: 13.3333333333vw;
  width: 13.3333333333vw;
  border-radius: 50%;
  background: #F66000;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsAcWrapHead::after {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  margin: auto;
  height: 13.3333333333vw;
  width: 13.3333333333vw;
  border-radius: 50%;
  background-image: url("../img/topics/icon_arrow_btm-white.svg");
  background-repeat: no-repeat;
  background-size: 3.2vw;
  border-radius: 50%;
  background-position: center center;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList {
  display: none;
  position: relative;
  z-index: 0;
  height: -moz-max-content;
  height: max-content;
  border: solid 1px #F66000;
  border-radius: 8vw;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList .cat {
  height: auto;
  min-height: 13.3333333333vw;
  width: 67.2vw;
  margin: auto;
  border-radius: 8vw;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList .cat .link {
  display: block;
  height: 100%;
  width: 100%;
  font-weight: 700;
  font-size: 4.2666666667vw;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #F66000;
  padding: 4vw 0;
  border-bottom: 1px solid #B0B0B0;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList .cat .head {
  display: block;
  height: 100%;
  width: 100%;
  font-weight: 700;
  font-size: 4.2666666667vw;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #F66000;
  padding: 4vw 0;
  border-bottom: 1px solid #B0B0B0;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList .cat .childList .child .link {
  margin-bottom: 2.6666666667vw;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: left;
  padding-left: 4vw;
  text-align: left;
  border: initial;
  background: initial;
  opacity: 1;
  transition: 0.3s ease opacity;
  font-weight: 700;
  font-size: 4.2666666667vw;
  border-bottom: 1px solid #B0B0B0;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList .cat .childList .child .link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1.6vw;
  height: 2.6666666667vw;
  margin: auto;
  background: url(../img/common/icon_arrow_next_01.svg) no-repeat;
  background-size: contain;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList .cat .childList .child .link.is-active {
  background: initial;
  opacity: 0.7;
  color: #F66000;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList .cat .childList .child .link:hover {
  background: initial;
  opacity: 0.7;
  color: #F66000;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList .cat:nth-of-type(1) {
  padding-top: 13.3333333333vw;
}
.topicsAcArea .topicsAcBlock .topicsAcWrap .topicsCatList .cat:nth-last-of-type(1) {
  padding-bottom: 5.3333333333vw;
}

.-font-ja {
  font-family: noto-sans, sans-serif;
}

.-font-en {
  font-family: gill-sans-nova, sans-serif;
}

.-no-use-select {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.-hidden {
  display: none !important;
}

.-slide-before {
  animation: loop_shape_1 60s -30s linear infinite;
}

.-slide-after {
  animation: loop_shape_2 60s linear infinite;
}

@keyframes loop_shape_1 {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes loop_shape_2 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-200%, 0, 0);
  }
}
.-delay-100 {
  transition-delay: 0.1s !important;
}

.-delay-150 {
  transition-delay: 0.15s !important;
}

.-delay-200 {
  transition-delay: 0.2s !important;
}

.-delay-250 {
  transition-delay: 0.25s !important;
}

.-delay-300 {
  transition-delay: 0.3s !important;
}

.-delay-350 {
  transition-delay: 0.35s !important;
}

.-delay-400 {
  transition-delay: 0.4s !important;
}

.-delay-450 {
  transition-delay: 0.45s !important;
}

.-delay-500 {
  transition-delay: 0.5s !important;
}

.-delay-550 {
  transition-delay: 0.55s !important;
}

.-delay-600 {
  transition-delay: 0.6s !important;
}

.-delay-650 {
  transition-delay: 0.65s !important;
}

.-delay-700 {
  transition-delay: 0.7s !important;
}

.-delay-750 {
  transition-delay: 0.75s !important;
}

.-delay-800 {
  transition-delay: 0.8s !important;
}

.-delay-850 {
  transition-delay: 0.85s !important;
}

.-delay-900 {
  transition-delay: 0.9s !important;
}

.-delay-950 {
  transition-delay: 0.95s !important;
}

.-delay-1000 {
  transition-delay: 1s !important;
}

.-delay-1050 {
  transition-delay: 1.05s !important;
}

.-delay-1100 {
  transition-delay: 1.1s !important;
}

.-delay-1150 {
  transition-delay: 1.15s !important;
}

.-delay-1200 {
  transition-delay: 1.2s !important;
}

.-delay-1250 {
  transition-delay: 1.25s !important;
}

.-delay-1300 {
  transition-delay: 1.3s !important;
}

.-delay-1350 {
  transition-delay: 1.35s !important;
}

.-delay-1400 {
  transition-delay: 1.4s !important;
}

.-delay-1450 {
  transition-delay: 1.45s !important;
}

.-delay-1500 {
  transition-delay: 1.5s !important;
}

.-delay-1550 {
  transition-delay: 1.55s !important;
}

.-delay-1600 {
  transition-delay: 1.6s !important;
}

.-delay-1650 {
  transition-delay: 1.65s !important;
}

.-delay-1700 {
  transition-delay: 1.7s !important;
}

.-delay-1750 {
  transition-delay: 1.75s !important;
}

.-delay-1800 {
  transition-delay: 1.8s !important;
}

.-delay-1850 {
  transition-delay: 1.85s !important;
}

.-delay-1900 {
  transition-delay: 1.9s !important;
}

.-delay-1950 {
  transition-delay: 1.95s !important;
}

.-delay-2000 {
  transition-delay: 2s !important;
}

.-delay-anime-100 {
  animation-delay: 0.1s !important;
}

.-delay-anime-150 {
  animation-delay: 0.15s !important;
}

.-delay-anime-200 {
  animation-delay: 0.2s !important;
}

.-delay-anime-250 {
  animation-delay: 0.25s !important;
}

.-delay-anime-300 {
  animation-delay: 0.3s !important;
}

.-delay-anime-350 {
  animation-delay: 0.35s !important;
}

.-delay-anime-400 {
  animation-delay: 0.4s !important;
}

.-delay-anime-450 {
  animation-delay: 0.45s !important;
}

.-delay-anime-500 {
  animation-delay: 0.5s !important;
}

.-delay-anime-550 {
  animation-delay: 0.55s !important;
}

.-delay-anime-600 {
  animation-delay: 0.6s !important;
}

.-delay-anime-650 {
  animation-delay: 0.65s !important;
}

.-delay-anime-700 {
  animation-delay: 0.7s !important;
}

.-delay-anime-750 {
  animation-delay: 0.75s !important;
}

.-delay-anime-800 {
  animation-delay: 0.8s !important;
}

.-delay-anime-850 {
  animation-delay: 0.85s !important;
}

.-delay-anime-900 {
  animation-delay: 0.9s !important;
}

.-delay-anime-950 {
  animation-delay: 0.95s !important;
}

.-delay-anime-1000 {
  animation-delay: 1s !important;
}

.-delay-anime-1050 {
  animation-delay: 1.05s !important;
}

.-delay-anime-1100 {
  animation-delay: 1.1s !important;
}

.-delay-anime-1150 {
  animation-delay: 1.15s !important;
}

.-delay-anime-1200 {
  animation-delay: 1.2s !important;
}

.-delay-anime-1250 {
  animation-delay: 1.25s !important;
}

.-delay-anime-1300 {
  animation-delay: 1.3s !important;
}

.-delay-anime-1350 {
  animation-delay: 1.35s !important;
}

.-delay-anime-1400 {
  animation-delay: 1.4s !important;
}

.-delay-anime-1450 {
  animation-delay: 1.45s !important;
}

.-delay-anime-1500 {
  animation-delay: 1.5s !important;
}

.-delay-anime-1550 {
  animation-delay: 1.55s !important;
}

.-delay-anime-1600 {
  animation-delay: 1.6s !important;
}

.-delay-anime-1650 {
  animation-delay: 1.65s !important;
}

.-delay-anime-1700 {
  animation-delay: 1.7s !important;
}

.-delay-anime-1750 {
  animation-delay: 1.75s !important;
}

.-delay-anime-1800 {
  animation-delay: 1.8s !important;
}

.-delay-anime-1850 {
  animation-delay: 1.85s !important;
}

.-delay-anime-1900 {
  animation-delay: 1.9s !important;
}

.-delay-anime-1950 {
  animation-delay: 1.95s !important;
}

.-delay-anime-2000 {
  animation-delay: 2s !important;
}

.space {
  height: 100px;
  width: 100vw;
}

.js-observer.-fadein {
  transition: 0.8s ease-out opacity;
  opacity: 0;
}
.js-observer.-fadeup {
  transition: 0.8s ease-out opacity, 0.8s ease transform;
  opacity: 0;
  transform: translate3d(0, 30px, 0);
}
.js-observer.-cue.-fadein {
  opacity: 1;
}
.js-observer.-cue.-fadeup {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.wordpress-article-template-css {
  font-size: 62.5%;
  font-weight: normal;
  font-family: noto-sans, sans-serif;
  width: 100%;
  line-height: 300%;
}
.wordpress-article-template-css h1 {
  font-size: 2rem;
  font-weight: bold;
  margin: 5rem 0 2rem;
  line-height: 155%;
}
.wordpress-article-template-css h2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 5rem 0 2rem;
  line-height: 155%;
}
.wordpress-article-template-css h3 {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 5rem 0 2rem;
  line-height: 155%;
}
.wordpress-article-template-css h4, .wordpress-article-template-css h5, .wordpress-article-template-css h6 {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 5rem 0 2rem;
  line-height: 155%;
}
.wordpress-article-template-css ol {
  list-style: decimal;
  font-size: 1rem;
  margin-left: 2rem;
}
.wordpress-article-template-css ul {
  list-style: disc;
  font-size: 1rem;
  margin-left: 2rem;
}
.wordpress-article-template-css li {
  font-size: 1rem;
  margin: 0.5rem 0;
}
.wordpress-article-template-css p {
  font-size: 1rem;
  margin: 1rem 0;
}
.wordpress-article-template-css a {
  text-decoration: underline;
  transition: 0.2s ease color;
}
.wordpress-article-template-css a:hover {
  color: #FF9900 !important;
}
.wordpress-article-template-css blockquote {
  margin: 1rem 0 1rem 2rem;
  padding: 0.1rem 0 0.1rem 1rem;
  border-left: 4px solid #FF9900;
}
.wordpress-article-template-css pre {
  font-size: 1rem;
}
.wordpress-article-template-css img {
  max-width: 100%;
  height: auto;
  margin: 1rem 0;
}
.wordpress-article-template-css video {
  height: auto;
  max-width: 100%;
}
.wordpress-article-template-css iframe {
  height: auto;
  max-width: 100%;
}
.wordpress-article-template-css table {
  background: #FFF5DC;
  margin: 1rem 0;
}
.wordpress-article-template-css table tbody tr td {
  padding: 8px;
  border: solid 1px #000;
  font-size: 1rem;
}
.wordpress-article-template-css table tbody tr:nth-of-type(1) {
  background: #F66000;
  color: #fff;
  font-weight: bold;
}

.topHeroArea {
  position: relative;
  z-index: 1;
  height: 100%;
}
.topHeroArea .topHeroTitle {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: sticky;
  top: 22.2222222222vw;
  height: 72.9166666667vw;
  z-index: 100;
  font-weight: 700;
  font-size: 3.3333333333vw;
  padding-left: 6.9444444444vw;
  line-height: 180%;
  letter-spacing: 0.4em;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .topHeroArea .topHeroTitle {
    display: flex;
    align-items: center;
    top: 65px;
    top: 17.3333333333vw;
    padding-left: 5.3333333333vw;
    font-size: 9.6vw;
    height: 160vw;
  }
}
.topHeroArea .upperBlock {
  position: fixed;
  top: 140px;
  left: 0;
  right: 0;
  z-index: -1;
  width: 92.9166666667vw;
  margin: auto;
  height: 43.0555555556vw;
}
@media screen and (max-width: 768px) {
  .topHeroArea .upperBlock {
    top: 85px;
    height: 152.5333333333vw;
    width: 100vw;
  }
}
.topHeroArea .upperBlock .sliderBlock {
  position: relative;
  overflow: hidden;
  width: 80.8333333333vw;
  height: 43.0555555556vw;
  margin-left: auto;
  z-index: -1;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .topHeroArea .upperBlock .sliderBlock {
    height: 100%;
    height: 133.3333333333vw;
    width: 89.3333333333vw;
  }
}
.topHeroArea .upperBlock .sliderBlock .item {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .topHeroArea .upperBlock .sliderBlock .item {
    border-radius: 30px 0 0 30px/30px 0 0 30px;
  }
}
.topHeroArea .upperBlock .sliderBlock .item {
  clip-path: inset(0 100% 0 0);
}
.topHeroArea .upperBlock .sliderBlock .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.2);
}
.topHeroArea .upperBlock .sliderBlock .item.is-prev {
  z-index: 1;
  clip-path: inset(0 0% 0 0);
}
.topHeroArea .upperBlock .sliderBlock .item.is-zoom {
  clip-path: inset(0 0% 0 0);
}
.topHeroArea .upperBlock .sliderBlock .item.is-zoom img {
  animation: slider-zoom ease 20s 0s infinite;
}
.topHeroArea .upperBlock .sliderBlock .item.is-current {
  z-index: 2;
  transition: 1s ease clip-path;
  clip-path: inset(0 0% 0 0);
}
.topHeroArea .upperBlock .imgBlock {
  position: absolute;
  bottom: -1.7361111111vw;
  right: 0;
  height: 100px;
  width: 100px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .topHeroArea .upperBlock .imgBlock {
    top: 125.3333333333vw;
    right: 10px;
    bottom: initial;
    height: 70px;
    width: 70px;
  }
}
.topHeroArea .upperBlock .imgBlock img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.topHeroArea .midleBlock {
  position: fixed;
  top: 44.0972222222vw;
  padding: 140px 0 0 0;
  left: 15.7638888889vw;
  z-index: -2;
}
@media screen and (max-width: 768px) {
  .topHeroArea .midleBlock {
    padding: 90px 0 0 0;
    top: 133.3333333333vw;
  }
}
.topHeroArea .midleBlock .info {
  display: flex;
  width: 80.8333333333vw;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .topHeroArea .midleBlock .info {
    display: block;
    width: 89.3333333333vw;
  }
}
.topHeroArea .midleBlock .info .head {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 180%;
  letter-spacing: 0.2em;
  color: #7DC900;
  padding-right: 2.0833333333vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .topHeroArea .midleBlock .info .head {
    font-size: 12px;
  }
}
.topHeroArea .midleBlock .info .head::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #B0B0B0;
}
@media screen and (max-width: 768px) {
  .topHeroArea .midleBlock .info .head::before {
    display: none;
  }
}
.topHeroArea .midleBlock .info .des {
  margin-right: 2.5vw;
}
@media screen and (max-width: 768px) {
  .topHeroArea .midleBlock .info .des {
    margin-right: 0;
  }
}
.topHeroArea .midleBlock .info .des .link {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
  padding-left: 2.0833333333vw;
  display: block;
  font-weight: normal;
  font-size: 1.1111111111vw;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .topHeroArea .midleBlock .info .des .link {
    padding-left: 0;
    font-size: 14px;
  }
}
.topHeroArea .midleBlock .info .des:hover .link {
  color: #F66000;
}
.topHeroArea .midleBlock .info .des:hover + .arrow {
  transform: translate3d(5px, 0, 0);
}
.topHeroArea .midleBlock .info .arrow {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (max-width: 768px) {
  .topHeroArea .midleBlock .info .arrow {
    display: none;
  }
}
.topHeroArea .lowerBlock {
  position: static;
  width: 100vw;
}
@media screen and (max-width: 768px) {
  .topHeroArea .lowerBlock {
    padding-top: 22.6666666667vw;
    position: relative;
    z-index: 1;
    height: 149.3333333333vw;
  }
  .topHeroArea .lowerBlock::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 13.3333333333vw;
    width: 100vw;
    background: #FFF5DC;
    z-index: -1;
  }
}
.topHeroArea .lowerBlock .contentBlock {
  position: static;
  background: #FFF5DC;
  display: flex;
  padding-left: 6.9444444444vw;
  width: 93.0555555556vw;
}
@media screen and (max-width: 768px) {
  .topHeroArea .lowerBlock .contentBlock {
    display: block;
    padding-top: 50.6666666667vw;
    width: 94.6666666667vw;
  }
}
.topHeroArea .lowerBlock .contentBlock .textBlock {
  position: static;
  width: 39.7222222222vw;
}
@media screen and (max-width: 768px) {
  .topHeroArea .lowerBlock .contentBlock .textBlock {
    width: 100%;
  }
}
.topHeroArea .lowerBlock .contentBlock .textBlock .des {
  padding-top: 20.8333333333vw;
  font-weight: normal;
  font-size: 1.1111111111vw;
  line-height: 210%;
  letter-spacing: 0.05em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .topHeroArea .lowerBlock .contentBlock .textBlock .des {
    padding-top: 0;
    font-size: 4.2666666667vw;
  }
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock {
  position: relative;
  z-index: 0;
  height: 52.0833333333vw;
  width: 53.3333333333vw;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup {
  position: absolute;
  z-index: 0;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(1) {
  top: 0;
  left: 0;
  height: 24.0277777778vw;
  width: 42.7083333333vw;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(1) .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 1.3888888889vw;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(1) .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(1) .icon {
  position: absolute;
  bottom: -3.4722222222vw;
  left: -2.5vw;
  z-index: 1;
  height: 5.5555555556vw;
  width: 5.5555555556vw;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(1) .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(2) {
  top: 28.125vw;
  left: 23.8888888889vw;
  height: 13.1944444444vw;
  width: 23.6111111111vw;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(2) .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 1.3888888889vw;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(2) .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(3) {
  top: 42.9166666667vw;
  left: 2.5694444444vw;
  height: 9.4444444444vw;
  width: 16.875vw;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(3) .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 1.3888888889vw;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(3) .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(3) .icon {
  position: absolute;
  bottom: -1.1805555556vw;
  right: -2.2916666667vw;
  z-index: 1;
  height: 3.4722222222vw;
  width: 3.4722222222vw;
}
.topHeroArea .lowerBlock .contentBlock .contentImgBlock .imgGroup:nth-of-type(3) .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.topHeroLowerArea {
  position: relative;
  z-index: 1;
  height: auto;
  width: 100vw;
  padding-bottom: 100px;
  background: #FFF5DC;
}
.topHeroLowerArea::before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100vw;
  height: 140px;
  background: #fff;
  z-index: 1;
}
.topHeroLowerArea .innerBlock .btnWrap {
  padding: 9.6vw 0 17.0666666667vw 5.3333333333vw;
}
.topHeroLowerArea .innerBlock .contentImgBlock {
  position: relative;
  z-index: 0;
  height: 130.6666666667vw;
  width: 100vw;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup {
  position: absolute;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup img {
  border-radius: 2.6666666667vw;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(1) {
  top: 0;
  left: 8vw;
  z-index: 0;
  height: 47.2vw;
  width: 84vw;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(1) .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(1) .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(1) .icon {
  position: absolute;
  z-index: 1;
  bottom: -30px;
  left: -20px;
  height: 64px;
  width: 64px;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(1) .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(2) {
  top: 60vw;
  left: 36.2666666667vw;
  height: 33.3333333333vw;
  width: 59.7333333333vw;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(2) .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(2) .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(3) {
  top: 106.6666666667vw;
  left: 8vw;
  height: 24vw;
  width: 43.2vw;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(3) .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(3) .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(3) .icon {
  position: absolute;
  right: -18px;
  bottom: -30px;
  z-index: 1;
  height: 50px;
  width: 50px;
}
.topHeroLowerArea .innerBlock .contentImgBlock .imgGroup:nth-of-type(3) .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.reviewBlock {
  width: 90vw;
  max-width: 980px;
  margin: 60px auto 0;
  background: #fff;
  padding: 5vw;
}
.reviewBlock .ti-widget {
  display: block !important;
}

.footerWrapArea {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .footerWrapArea {
    margin-top: 36vw;
  }
}

@keyframes elasticity {
  20% {
    transform: scale3d(1.1, 0.7, 1);
  }
  40% {
    transform: scale3d(0.7, 1.1, 1);
  }
  60% {
    transform: scale3d(1.1, 0.8, 1);
  }
  80% {
    transform: scale3d(0.8, 1.1, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.wave {
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.wave.top {
  top: 0;
}
.wave.bottom {
  bottom: 0;
}
.wave img {
  width: 100%;
}
.wave img.pc-show {
  display: block;
}
.wave img.sp-show {
  display: none;
}
@media screen and (max-width: 500px) {
  .wave img.pc-show {
    display: none;
  }
  .wave img.sp-show {
    display: block;
  }
}

.businessStrengthsArea {
  position: relative;
  margin-top: 230px;
}
@media screen and (max-width: 1000px) {
  .businessStrengthsArea {
    margin-top: 90px;
  }
}
.businessStrengthsArea .innerBlock {
  position: relative;
}
.businessStrengthsArea .innerBlock .bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.businessStrengthsArea .innerBlock .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.businessStrengthsArea .head .icon img {
  display: block;
  margin: auto;
}
.businessStrengthsArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .businessStrengthsArea .head h2 {
    font-size: 1.5rem;
  }
}
.businessStrengthsArea .contents {
  position: relative;
  background: url("../img/common/img_wave_center.svg");
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .businessStrengthsArea .contents {
    background-size: contain;
  }
}
.businessStrengthsArea .contents .inner {
  display: flex;
  margin-top: 74px;
  max-width: 1140px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .businessStrengthsArea .contents .inner {
    max-width: 754px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 830px) {
  .businessStrengthsArea .contents .inner {
    max-width: 367px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 830px) and (max-width: 500px) {
  .businessStrengthsArea .contents .inner {
    max-width: none;
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .businessStrengthsArea .contents .inner {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1200px) and (max-width: 500px) {
  .businessStrengthsArea .contents .inner {
    margin: 80px 30px 0;
  }
}
.businessStrengthsArea .contents .item {
  position: relative;
  max-width: 367px;
  width: 100%;
}
@media screen and (max-width: 500px) {
  .businessStrengthsArea .contents .item {
    max-width: none;
  }
}
.businessStrengthsArea .contents .item + .item {
  margin-left: 20px;
}
.businessStrengthsArea .contents .item:nth-child(1) {
  margin-top: 100px;
}
.businessStrengthsArea .contents .item:nth-child(2) {
  margin-top: 50px;
}
@media screen and (max-width: 1200px) {
  .businessStrengthsArea .contents .item {
    width: 50%;
  }
  .businessStrengthsArea .contents .item:nth-child(1), .businessStrengthsArea .contents .item:nth-child(2) {
    margin-top: 0;
  }
  .businessStrengthsArea .contents .item:nth-child(3) {
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 830px) {
  .businessStrengthsArea .contents .item {
    width: 100%;
  }
  .businessStrengthsArea .contents .item:nth-child(2) {
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 830px) and (max-width: 500px) {
  .businessStrengthsArea .contents .item:nth-child(2), .businessStrengthsArea .contents .item:nth-child(3) {
    margin-top: 30px;
  }
}
.businessStrengthsArea .contents .item .img {
  position: relative;
  width: 367px;
  height: 367px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  .businessStrengthsArea .contents .item .img {
    width: 100%;
    height: 315px;
  }
}
.businessStrengthsArea .contents .item .img img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 500px) {
  .businessStrengthsArea .contents .item .img img {
    height: 315px;
  }
}
.businessStrengthsArea .contents .item h3 {
  margin-top: 20px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 500px) {
  .businessStrengthsArea .contents .item h3 {
    font-size: 1.25rem;
  }
}
.businessStrengthsArea .contents .item .text {
  margin-top: 5px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.businessStrengthsArea .face {
  position: absolute;
  right: 5vw;
  bottom: -40px;
  z-index: 1;
}
.businessStrengthsArea .face img {
  width: 100px;
}
@media screen and (max-width: 768px) {
  .businessStrengthsArea .face {
    position: relative;
    z-index: 0;
    bottom: initial;
    right: initial;
    background: #FFF5DC;
    height: 100px;
    width: 100vw;
  }
  .businessStrengthsArea .face img {
    position: absolute;
    bottom: 0;
    right: 5vw;
    width: 78px;
  }
}

.businessProcessArea {
  position: relative;
  padding-top: 80px;
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
.businessProcessArea .innerBlock {
  position: relative;
  z-index: 1;
}
.businessProcessArea .head .icon img {
  display: block;
  margin: auto;
}
.businessProcessArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .businessProcessArea .head h2 {
    font-size: 1.5rem;
  }
}
.businessProcessArea .carousel {
  margin-top: 64px;
  padding-bottom: 50px;
}
.businessProcessArea .carousel .item {
  width: 100%;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
  transform: scale(0.85);
}
.businessProcessArea .carousel .item.slick-current {
  transform: scale3d(1, 1, 1);
}
.businessProcessArea .carousel .item .img {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.businessProcessArea .carousel .item .img img {
  display: block;
  width: 100%;
}
.businessProcessArea .carousel .item .textarea {
  margin-top: 13px;
}
.businessProcessArea .carousel .item .textarea .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #F66000;
}
.businessProcessArea .carousel .item .textarea .text {
  margin-top: 15px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.businessProcessArea .carousel .slick-next,
.businessProcessArea .carousel .slick-prev {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 15px;
  margin: auto;
  z-index: 1;
}
.businessProcessArea .carousel .slick-next .arrow,
.businessProcessArea .carousel .slick-prev .arrow {
  display: block;
  height: 15px;
}
.businessProcessArea .carousel .slick-next {
  right: -50px;
}
.businessProcessArea .carousel .slick-next .arrow {
  background: url(../img/common/icon_arrow_next_01.svg) no-repeat;
  background-size: contain;
}
.businessProcessArea .carousel .slick-next .arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -21px;
  bottom: 0;
  width: 1px;
  height: 15px;
  margin: auto;
  background-color: #FF9900;
}
.businessProcessArea .carousel .slick-prev {
  left: -50px;
}
.businessProcessArea .carousel .slick-prev .arrow {
  background: url(../img/common/icon_arrow_prev_01.svg) no-repeat;
  background-size: contain;
}

.businessBannerArea {
  margin-top: 160px;
}
@media screen and (max-width: 1000px) {
  .businessBannerArea {
    margin-top: 100px;
  }
}
.businessBannerArea .innerBlock a {
  display: block;
  position: relative;
}
@media screen and (min-width: 500px) {
  .businessBannerArea .innerBlock a:hover .img {
    border-radius: 80px;
  }
  .businessBannerArea .innerBlock a:hover .img img {
    transform-origin: 50% 50%;
    transform: scale(1.05);
  }
}
.businessBannerArea .innerBlock a {
  z-index: 1;
}
@media screen and (max-width: 1050px) {
  .businessBannerArea .innerBlock a {
    margin: 0 30px;
  }
}
@media screen and (max-width: 1050px) and (max-width: 600px) {
  .businessBannerArea .innerBlock a {
    height: 360px;
  }
}
.businessBannerArea .wrap {
  position: relative;
  max-width: 946px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1400px) {
  .businessBannerArea .wrap {
    max-width: 726px;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1150px) {
  .businessBannerArea .wrap {
    max-width: 626px;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1150px) and (max-width: 1050px) {
  .businessBannerArea .wrap {
    max-width: none;
    width: auto;
  }
}
.businessBannerArea .img {
  position: relative;
  max-width: 946px;
  width: 100%;
  margin: auto;
  overflow: hidden;
  border-radius: 30px;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
}
.businessBannerArea .img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(246, 96, 0, 0.4);
  z-index: 1;
}
.businessBannerArea .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.6s ease 0s;
  backface-visibility: hidden;
}
@media screen and (max-width: 600px) {
  .businessBannerArea .img img {
    height: 360px;
  }
}
.businessBannerArea .contents {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  max-width: 946px;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 1;
}
@media screen and (max-width: 1050px) {
  .businessBannerArea .contents {
    max-width: none;
  }
}
@media screen and (max-width: 1050px) and (max-width: 600px) {
  .businessBannerArea .contents {
    height: 360px;
  }
}
.businessBannerArea .contents .icon {
  text-align: center;
}
.businessBannerArea .contents h2 {
  margin-top: 7px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #FFFFFF;
}
.businessBannerArea .contents h2 .sp-show {
  display: none;
}
@media screen and (max-width: 700px) {
  .businessBannerArea .contents h2 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 700px) and (max-width: 600px) {
  .businessBannerArea .contents h2 .sp-show {
    display: block;
  }
}
.businessBannerArea .contents .sub {
  margin-top: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  color: #7DC900;
  text-align: center;
}
.businessBannerArea .arrow {
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 1;
}
@media screen and (max-width: 500px) {
  .businessBannerArea .arrow {
    right: 20px;
    bottom: 20px;
  }
}
.businessBannerArea .balloon {
  position: absolute;
  bottom: 0;
  right: -200px;
}
@media screen and (max-width: 1050px) {
  .businessBannerArea .balloon {
    position: relative;
    right: 0;
    left: -10px;
    margin-top: 20px;
  }
}
.businessBannerArea .balloon .item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 190px;
  height: 60px;
  margin: 0 0 10px 30px;
  border-radius: 40px;
  background-color: #FFF5DC;
  animation: elasticity 1.5s ease forwards alternate;
}
@media screen and (max-width: 500px) {
  .businessBannerArea .balloon .item {
    margin: 0 0 10px 40px;
  }
}
.businessBannerArea .balloon .item::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 30px;
  width: 10px;
  height: 10px;
  background: url(../img/business/img_balloon_item.svg) no-repeat;
  background-size: contain;
}
.businessBannerArea .balloon .item .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  color: #000000;
  text-align: center;
}
.businessBannerArea .balloon .icon {
  margin-left: 14px;
}
.businessBannerArea .balloon .icon img {
  width: 50px;
  transform: rotate(16deg);
}

.businessPromiseArea {
  position: relative;
  padding-top: 110px;
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .businessPromiseArea {
    background-size: contain;
  }
}
.businessPromiseArea .head .icon img {
  display: block;
  margin: auto;
}
.businessPromiseArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .businessPromiseArea .head h2 {
    font-size: 1.5rem;
  }
}
.businessPromiseArea .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  max-width: 1320px;
  width: 100%;
  margin: 50px auto 0;
  z-index: 1;
}
@media screen and (max-width: 500px) {
  .businessPromiseArea .list {
    margin: 20px auto 0;
  }
}
.businessPromiseArea .list .item {
  max-width: 290px;
  width: 25%;
  margin: 50px 20px 0;
}
@media screen and (max-width: 900px) {
  .businessPromiseArea .list .item {
    width: 100%;
  }
}
@media screen and (max-width: 900px) and (max-width: 500px) {
  .businessPromiseArea .list .item {
    margin: 30px 60px 0;
  }
}
.businessPromiseArea .list .upper {
  display: flex;
  align-self: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  margin: auto;
  border-radius: 100%;
  background-color: #FFFFFF;
}
.businessPromiseArea .list .upper img {
  display: block;
  width: 50%;
}
.businessPromiseArea .list .lower h3 {
  margin-top: 20px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  color: #F66000;
}
@media screen and (max-width: 500px) {
  .businessPromiseArea .list .lower h3 {
    font-size: 1.25rem;
  }
}
.businessPromiseArea .list .lower .text {
  margin-top: 5px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}

@keyframes elasticity {
  20% {
    transform: scale3d(1.1, 0.7, 1);
  }
  40% {
    transform: scale3d(0.7, 1.1, 1);
  }
  60% {
    transform: scale3d(1.1, 0.8, 1);
  }
  80% {
    transform: scale3d(0.8, 1.1, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.companyMainArea {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.companyMainArea .title h1 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 180%;
  letter-spacing: 0.25em;
  color: #f66000;
  text-align: center;
}
.companyMainArea .logo {
  position: relative;
  max-width: 193px;
  width: 100%;
  height: 190px;
  margin: 77px auto 0;
}
.companyMainArea .logo .face,
.companyMainArea .logo .circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.companyMainArea .logo .face {
  width: 75px;
  height: 62px;
  z-index: 2;
  opacity: 1;
  transition: 0.3s ease 0;
  backface-visibility: hidden;
}
.companyMainArea .logo .face.is-hide {
  opacity: 0;
}
.companyMainArea .logo .face img {
  display: block;
  width: 100%;
}
.companyMainArea .logo .circle img {
  display: block;
  position: relative;
  width: 100%;
  z-index: 2;
}

.companyHeroArea {
  position: relative;
  z-index: 0;
  height: calc(var(--vhOnce, 1vh) * 100);
  width: 100vw;
  background-color: #fff;
}
.companyHeroArea .companyHeroBlock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
}
.companyHeroArea .companyHeroBlock .titie {
  font-weight: bold;
  font-size: 24px;
  line-height: 180%;
  letter-spacing: 0.15em;
  color: #f66000;
}
.companyHeroArea .companyHeroBlock .img {
  position: relative;
  z-index: 0;
  height: 142px;
  width: 145px;
  margin: auto;
  margin-top: 50px;
}
.companyHeroArea .companyHeroBlock .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.companyScrollArea {
  height: 400vh;
}
@media screen and (max-width: 1150px) {
  .companyScrollArea {
    height: 100%;
  }
}
.companyScrollArea .stickyWrap {
  position: sticky;
  top: 0;
}
@media screen and (max-width: 1150px) {
  .companyScrollArea .stickyWrap {
    position: unset;
  }
}
.companyScrollArea .innerBlock {
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
.companyScrollArea .contents {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1145px;
  width: 100%;
  height: 100vh;
  margin: auto;
}
@media screen and (max-width: 1150px) {
  .companyScrollArea .contents {
    display: block;
  }
}
@media screen and (max-width: 1150px) and (max-width: 1150px) {
  .companyScrollArea .contents {
    height: 100%;
  }
}
.companyScrollArea .contents .left {
  position: relative;
}
.companyScrollArea .contents .left .img {
  position: relative;
  width: 712px;
  height: 528px;
}
.companyScrollArea .contents .left .img .scene_img {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  transition: 0.3s ease 0.3s;
  backface-visibility: hidden;
}
.companyScrollArea .contents .left .img .scene_01 {
  opacity: 1;
}
.companyScrollArea .contents .left .img .scene_01.is-hide {
  opacity: 0;
}
.companyScrollArea .contents .left .img .scene_02 {
  margin-top: 50px;
}
.companyScrollArea .contents .left .img .scene_02 img {
  opacity: 0;
  width: 100%;
  transition: 0.3s ease 0.1s;
  backface-visibility: hidden;
}
.companyScrollArea .contents .left .img .scene_02 img:nth-child(1) {
  position: absolute;
  top: 150px;
  left: -60px;
  max-width: 98px;
  z-index: 2;
  transition-delay: 0.6s;
}
.companyScrollArea .contents .left .img .scene_02 img:nth-child(2) {
  max-width: 300px;
  z-index: 1;
  transition-delay: 0.5s;
}
.companyScrollArea .contents .left .img .scene_02 img:nth-child(3) {
  top: -110px;
  left: 170px;
  max-width: 480px;
  transition-delay: 0.3s;
}
.companyScrollArea .contents .left .img .scene_02.is-show {
  opacity: 1;
}
.companyScrollArea .contents .left .img .scene_02.is-show img:nth-child(1), .companyScrollArea .contents .left .img .scene_02.is-show img:nth-child(2), .companyScrollArea .contents .left .img .scene_02.is-show img:nth-child(3) {
  opacity: 1;
}
.companyScrollArea .contents .left .img .scene_02,
.companyScrollArea .contents .left .img .scene_03,
.companyScrollArea .contents .left .img .scene_04 {
  opacity: 0;
}
.companyScrollArea .contents .left .img img {
  display: block;
  position: relative;
  max-width: 712px;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
}
@media screen and (max-width: 1150px) {
  .companyScrollArea .contents .left .img img {
    max-width: none;
  }
}
.companyScrollArea .contents .left .icon {
  position: absolute;
  left: -50px;
  bottom: -100px;
  width: 86px;
  height: 140px;
  transition: 0.3s ease 0;
  backface-visibility: hidden;
  opacity: 0;
}
.companyScrollArea .contents .left .icon img {
  position: absolute;
  top: 0;
}
.companyScrollArea .contents .left .icon.is-active {
  opacity: 1;
}
.companyScrollArea .contents .left .icon.is-active .set_01 {
  opacity: 1;
}
.companyScrollArea .contents .left .icon.is-active .set_02 {
  opacity: 0;
}
.companyScrollArea .contents .left .icon.is-active.is-change img.set_01 {
  opacity: 0;
}
.companyScrollArea .contents .left .icon.is-active.is-change img.set_02 {
  opacity: 1;
}
.companyScrollArea .contents .right {
  margin-left: 30px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  line-height: 220%;
}
@media screen and (max-width: 1150px) {
  .companyScrollArea .contents .right {
    margin: 61px 30px 0;
  }
}
.companyScrollArea .contents .right .text + .text {
  margin-top: 60px;
}

.companyModallArea {
  position: relative;
  z-index: 1;
}
.companyModallArea .innerBlock {
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
  padding-bottom: 226px;
}
@media screen and (max-width: 1150px) {
  .companyModallArea .innerBlock {
    padding-top: 100px;
  }
}
.companyModallArea .contents {
  display: flex;
  align-items: center;
  max-width: 1145px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .companyModallArea .contents {
    display: block;
  }
}
@media screen and (max-width: 1200px) and (max-width: 600px) {
  .companyModallArea .contents {
    width: auto;
    margin: 0 15px;
  }
}
.companyModallArea .contents .upper {
  position: relative;
  margin-top: 160px;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
  transition-timing-function: cubic-bezier(0.28, 1.2, 0.5, 1.1);
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  .companyModallArea .contents .upper {
    margin-top: 0;
  }
}
.companyModallArea .contents .upper.is-active {
  transform: translate3d(0, -30px, 0);
}
.companyModallArea .contents .upper.is-active img.icon_01, .companyModallArea .contents .upper.is-active img.icon_02 {
  opacity: 1;
}
.companyModallArea .contents .upper .icon {
  max-width: 252px;
  width: 100%;
  height: 198px;
  margin: auto;
  border-radius: 100%;
  background-color: #ffffff;
}
.companyModallArea .contents .upper .icon .inner {
  position: relative;
  top: 30px;
}
.companyModallArea .contents .upper img {
  display: block;
  position: relative;
  margin: auto;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
  z-index: 2;
}
.companyModallArea .contents .upper img.icon_01 {
  width: 53px;
  opacity: 0;
}
.companyModallArea .contents .upper img.icon_02 {
  width: 36px;
  opacity: 0;
}
.companyModallArea .contents .lower {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 558px;
  width: 100%;
  height: 150px;
  margin-top: -130px;
  border-radius: 20px;
  background-color: #ffffff;
}
@media screen and (max-width: 1200px) {
  .companyModallArea .contents .lower {
    margin: -130px auto 0;
  }
}
.companyModallArea .contents .lower .arrow {
  display: block;
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  width: 8px;
  height: 12px;
  margin: auto;
  background: url(../img/common/icon_arrow_next_01.svg) no-repeat;
  background-size: contain;
}
.companyModallArea .contents .lower .title {
  position: relative;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.15em;
  z-index: 2;
}
.companyModallArea .right,
.companyModallArea .left {
  width: 100%;
}
.companyModallArea .right .modalBtn,
.companyModallArea .left .modalBtn {
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .companyModallArea .right .modalBtn,
  .companyModallArea .left .modalBtn {
    max-width: 558px;
    width: 100%;
    margin: auto;
  }
}
.companyModallArea .right {
  margin-left: 20px;
}
@media screen and (max-width: 1200px) {
  .companyModallArea .right {
    margin: 50px 0 0;
  }
}

.companySecondArea {
  height: auto;
  width: 100vw;
  background: #fff5dc;
}
.companySecondArea .companySecondBlock .companySecondShape img {
  height: auto;
  width: 100vw;
}
.companySecondArea .companySecondBlock .companySecondImgBlock {
  position: relative;
  z-index: 0;
  height: 72vw;
  width: 100vw;
}
.companySecondArea .companySecondBlock .companySecondImgBlock .img {
  margin: auto;
  height: 62.9333333333vw;
  width: 76.2666666667vw;
}
.companySecondArea .companySecondBlock .companySecondImgBlock .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.companySecondArea .companySecondBlock .companySecondImgBlock .icon {
  position: absolute;
  bottom: 0;
  left: 5vw;
  height: 17.0666666667vw;
}
.companySecondArea .companySecondBlock .companySecondImgBlock .icon img {
  height: 100%;
  width: auto;
}
.companySecondArea .companySecondBlock .desBlock {
  width: 90vw;
  margin: auto;
  margin-top: 17.0666666667vw;
}
.companySecondArea .companySecondBlock .desBlock .des {
  font-weight: normal;
  font-size: 16px;
  line-height: 210%;
  letter-spacing: 0.05em;
  color: #000000;
  padding-bottom: 40px;
}

.missionModal,
.visionModal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 1200px;
  width: 100%;
  height: 650px;
  margin: auto;
  border-radius: 20px;
  background-color: #ffffff;
  z-index: 999;
}
@media screen and (max-width: 1400px) {
  .missionModal,
  .visionModal {
    width: auto;
    margin: auto 30px;
  }
}
@media screen and (max-width: 1400px) and (max-width: 900px) {
  .missionModal,
  .visionModal {
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media screen and (max-width: 1400px) and (max-width: 900px) and (max-width: 768px) {
  .missionModal,
  .visionModal {
    height: 100vh;
    width: 100vw;
    overflow: scroll;
    padding: 40px 0 80px 0;
    background-color: initial;
    margin: 0;
  }
}
.missionModal .innerBlock,
.visionModal .innerBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (max-width: 900px) {
  .missionModal .innerBlock,
  .visionModal .innerBlock {
    margin: 50px 46px 63px;
    height: auto;
  }
}
@media screen and (max-width: 900px) and (max-width: 768px) {
  .missionModal .innerBlock,
  .visionModal .innerBlock {
    margin: 0;
    padding: 30px;
    border-radius: 20px;
    background-color: #ffffff;
    width: 90vw;
    margin: auto;
  }
}
.missionModal .innerBlock .head,
.visionModal .innerBlock .head {
  text-align: center;
}
.missionModal .innerBlock .head .title,
.visionModal .innerBlock .head .title {
  margin-top: 12px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 180%;
  letter-spacing: 0.15em;
  color: #f66000;
}
.missionModal .contents,
.visionModal .contents {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 61px;
}
@media screen and (max-width: 900px) {
  .missionModal .contents,
  .visionModal .contents {
    display: block;
  }
}
.missionModal .left img.icon_01,
.visionModal .left img.icon_01 {
  width: 162px;
}
.missionModal .left img.icon_02,
.visionModal .left img.icon_02 {
  width: 354px;
}
@media screen and (max-width: 900px) {
  .missionModal .left,
  .visionModal .left {
    text-align: center;
  }
  .missionModal .left img.icon_01,
  .visionModal .left img.icon_01 {
    width: 98px;
  }
  .missionModal .left img.icon_02,
  .visionModal .left img.icon_02 {
    width: 172px;
  }
}
.missionModal .right,
.visionModal .right {
  margin-left: 224px;
}
@media screen and (max-width: 1400px) {
  .missionModal .right,
  .visionModal .right {
    margin-left: 100px;
  }
}
@media screen and (max-width: 1400px) and (max-width: 900px) {
  .missionModal .right,
  .visionModal .right {
    margin: 70px 0 0 0;
  }
}
.missionModal .right h2,
.visionModal .right h2 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 180%;
  letter-spacing: 0.25em;
  color: #000000;
}
@media screen and (max-width: 900px) {
  .missionModal .right h2,
  .visionModal .right h2 {
    font-size: 1.5rem;
  }
}
.missionModal .right .text,
.visionModal .right .text {
  margin-top: 17px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
@media screen and (max-width: 900px) {
  .missionModal .right .text,
  .visionModal .right .text {
    font-size: 0.875rem;
  }
}

.visionModal .right {
  margin-left: 110px;
}
@media screen and (max-width: 1400px) {
  .visionModal .right {
    margin-left: 100px;
  }
}
@media screen and (max-width: 1400px) and (max-width: 900px) {
  .visionModal .right {
    margin: 70px 0 0 0;
  }
}

.modalClose.top {
  cursor: pointer;
  position: absolute;
  top: -60px;
  right: -80px;
  width: 42px;
  height: 42px;
  padding: 22px 0;
  margin: auto;
}
@media screen and (max-width: 1400px) {
  .modalClose.top {
    right: 0;
  }
}
.modalClose.top .item {
  display: block;
  position: relative;
  top: 2px;
  right: 0;
  width: 42px;
  height: 2px;
  margin: auto;
  background-color: #ffffff;
  transform: rotate(45deg);
}
.modalClose.top .item:nth-child(2) {
  top: 0;
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .modalClose.top {
    position: static;
    margin: initial;
    margin: 0 5vw 5vw auto;
  }
}
.modalClose.bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 83px;
}
@media screen and (max-width: 768px) {
  .modalClose.bottom {
    display: none;
  }
}
.modalClose.bottom .inner {
  position: relative;
  cursor: pointer;
}
.modalClose.bottom .itemWrap {
  position: absolute;
  top: -4px;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 14px;
  padding: 22px 0;
  margin: auto;
}
.modalClose.bottom .itemWrap .item {
  display: block;
  position: relative;
  top: 1px;
  right: 0;
  width: 14px;
  height: 1px;
  margin: auto;
  background-color: #000000;
  transform: rotate(45deg);
}
.modalClose.bottom .itemWrap .item:nth-child(2) {
  top: 0;
  transform: rotate(-45deg);
}
.modalClose.bottom .text {
  width: 65px;
  margin-left: 10px;
  padding-left: 14px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}

.companyMessageArea .waveBlock.bottom {
  position: absolute;
}
.companyMessageArea .innerBlock {
  padding: 120px 0 0 0;
}
.companyMessageArea .contents {
  display: flex;
}
@media screen and (max-width: 1000px) {
  .companyMessageArea .contents {
    display: block;
  }
}
.companyMessageArea .left {
  width: 100%;
}
.companyMessageArea .left .img.message {
  width: 100%;
  height: 473px;
  border-radius: 0 30px 30px 0/0 30px 30px 0;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .companyMessageArea .left .img.message {
    width: calc(100% - 30px);
    height: 230px;
  }
}
.companyMessageArea .left .img.message img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.companyMessageArea .left .balloon {
  margin: 30px 0 0 40px;
}
@media screen and (max-width: 1000px) {
  .companyMessageArea .left .balloon {
    margin: 50px 0 0 15px;
  }
}
.companyMessageArea .left .balloon.is-active a {
  animation: elasticity 1.5s ease forwards alternate;
}
.companyMessageArea .left .balloon .wrap {
  display: flex;
  align-items: center;
}
.companyMessageArea .left .balloon .wrap .img {
  position: relative;
  top: 25px;
}
.companyMessageArea .left .balloon .wrap .img img {
  width: 70px;
}
@media screen and (max-width: 545px) {
  .companyMessageArea .left .balloon .wrap .img {
    top: 10px;
  }
  .companyMessageArea .left .balloon .wrap .img img {
    width: 45px;
  }
}
.companyMessageArea .left .balloon a {
  position: relative;
  width: 308px;
  margin-left: 20px;
  padding: 15px 22px 15px 33px;
  border-radius: 10px;
  background-color: #f66000;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (max-width: 545px) {
  .companyMessageArea .left .balloon a {
    width: 230px;
    padding: 10px 12px 10px 13px;
  }
}
@media screen and (min-width: 500px) {
  .companyMessageArea .left .balloon a:hover {
    background-color: #cd4a00;
  }
  .companyMessageArea .left .balloon a:hover .item rect,
  .companyMessageArea .left .balloon a:hover .item path {
    fill: #cd4a00;
  }
}
.companyMessageArea .left .balloon a .inner {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 545px) {
  .companyMessageArea .left .balloon a .inner {
    justify-content: center;
  }
}
.companyMessageArea .left .balloon a .text {
  display: block;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #ffffff;
}
@media screen and (max-width: 545px) {
  .companyMessageArea .left .balloon a .text {
    font-size: 0.875rem;
  }
}
.companyMessageArea .left .balloon a .icon {
  display: block;
  margin-left: 29px;
}
@media screen and (max-width: 545px) {
  .companyMessageArea .left .balloon a .icon {
    margin-left: 10px;
  }
}
.companyMessageArea .left .balloon .item {
  position: absolute;
  bottom: -16px;
  left: 5px;
}
.companyMessageArea .left .balloon .item rect,
.companyMessageArea .left .balloon .item path {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
.companyMessageArea .right {
  max-width: 483px;
  width: 100%;
  margin: 0 150px 0 96px;
}
@media screen and (max-width: 1000px) {
  .companyMessageArea .right {
    margin: 70px 0 0 30px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 545px) {
  .companyMessageArea .right {
    width: auto;
    margin: 70px 30px 0;
  }
}
.companyMessageArea .right h2 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .companyMessageArea .right h2 {
    font-size: 1.5rem;
  }
}
.companyMessageArea .right h2 {
  text-align: left;
  color: #f66000;
}
.companyMessageArea .right .textarea {
  margin-top: 51px;
}
@media screen and (max-width: 1000px) {
  .companyMessageArea .right .textarea {
    margin-top: 32px;
  }
}
.companyMessageArea .right .textarea .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.companyMessageArea .right .textarea .text + .text {
  margin-top: 51px;
}
.companyMessageArea .right .textarea .text + .name {
  margin-top: 37px;
  text-align: right;
}
@media screen and (max-width: 545px) {
  .companyMessageArea .right .textarea .text + .name {
    margin-top: 30px;
  }
}
.companyMessageArea .right .textarea .text + .name em {
  margin-left: 26px;
  font-size: 1.25rem;
  font-weight: 700;
  font-style: normal;
}

.companyProfileArea {
  margin-top: 210px;
  max-width: 1150px;
  width: 100%;
  margin: 200px auto 0;
}
@media screen and (max-width: 1200px) {
  .companyProfileArea {
    width: auto;
    margin: 200px 30px 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1000px) {
  .companyProfileArea {
    margin-top: 150px;
  }
}
.companyProfileArea .head .icon img {
  display: block;
  margin: auto;
}
.companyProfileArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .companyProfileArea .head h2 {
    font-size: 1.5rem;
  }
}
.companyProfileArea .contents {
  display: flex;
  margin-top: 110px;
}
@media screen and (max-width: 1000px) {
  .companyProfileArea .contents {
    display: block;
  }
}
@media screen and (max-width: 1000px) and (max-width: 600px) {
  .companyProfileArea .contents {
    margin-top: 46px;
  }
}
.companyProfileArea .contents .right {
  margin-left: 126px;
}
@media screen and (max-width: 1000px) {
  .companyProfileArea .contents .right {
    margin: 21px 0 0 0;
  }
}
.companyProfileArea .contents li {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 600px) {
  .companyProfileArea .contents li {
    display: block;
  }
}
.companyProfileArea .contents li.m-top {
  margin-top: 42px;
}
@media screen and (max-width: 1000px) {
  .companyProfileArea .contents li.m-top {
    margin-top: 21px;
  }
}
.companyProfileArea .contents li + li {
  margin-top: 21px;
}
.companyProfileArea .contents .title {
  display: block;
  width: 100px;
  margin-right: 57px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #f66000;
}
.companyProfileArea .contents .text {
  display: block;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
@media screen and (max-width: 600px) {
  .companyProfileArea .contents .text {
    margin-top: 5px;
  }
}
.companyProfileArea .contents .text a {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 1000px) {
  .companyProfileArea .contents .text a:hover {
    color: #f66000;
    text-decoration: underline;
  }
}
.companyProfileArea .companyList {
  max-width: 1140px;
  width: 100%;
  margin: 100px auto 0;
  background-color: #fff5dc;
  border-radius: 20px;
  padding: 34px 73px 30px;
}
@media screen and (max-width: 600px) {
  .companyProfileArea .companyList {
    margin: 50px auto 0;
    padding: 50px 50px 35px;
  }
}
.companyProfileArea .companyList .head .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #f66000;
}
@media screen and (max-width: 600px) {
  .companyProfileArea .companyList .head .title {
    font-size: 1.125rem;
  }
}
.companyProfileArea .companyList .list {
  display: flex;
  margin-top: 26px;
}
@media screen and (max-width: 1000px) {
  .companyProfileArea .companyList .list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1000px) {
  .companyProfileArea .companyList .list ul {
    width: calc(50% - 30px);
  }
  .companyProfileArea .companyList .list ul:nth-child(3) {
    margin-left: 0;
  }
  .companyProfileArea .companyList .list ul:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 600px) {
  .companyProfileArea .companyList .list ul:nth-child(n+3) {
    margin: 0;
  }
}
@media screen and (max-width: 1000px) and (max-width: 600px) {
  .companyProfileArea .companyList .list ul {
    width: 100%;
  }
  .companyProfileArea .companyList .list ul:nth-child(2) {
    margin-left: 0;
  }
}
.companyProfileArea .companyList .list ul + ul {
  margin-left: 60px;
}
.companyProfileArea .companyList .list .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.companyProfileArea .companyList .list + .text {
  margin-top: 2px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: right;
}
@media screen and (max-width: 600px) {
  .companyProfileArea .companyList .list + .text {
    margin: 20px -30px 0 0;
  }
}

.companyAccessArea {
  max-width: 800px;
  width: 100%;
  margin: 180px auto 0;
}
@media screen and (max-width: 860px) {
  .companyAccessArea {
    margin-top: 100px;
  }
}
@media screen and (max-width: 860px) and (max-width: 860px) {
  .companyAccessArea {
    width: auto;
  }
}
.companyAccessArea + .inquiryBtnArea {
  margin-top: 180px;
}
.companyAccessArea .head .icon img {
  display: block;
  margin: auto;
}
.companyAccessArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .companyAccessArea .head h2 {
    font-size: 1.5rem;
  }
}
.companyAccessArea .contents {
  margin-top: 75px;
}
.companyAccessArea .contents .map iframe {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 500px) {
  .companyAccessArea .contents .map iframe {
    height: 250px;
  }
}
.companyAccessArea .contents .detail {
  display: flex;
  margin-top: 31px;
}
@media screen and (max-width: 860px) {
  .companyAccessArea .contents .detail {
    margin: 31px 30px 0;
  }
}
@media screen and (max-width: 860px) and (max-width: 800px) {
  .companyAccessArea .contents .detail {
    display: block;
  }
}
.companyAccessArea .contents .detail .left .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 180%;
  letter-spacing: 0.15em;
  color: #000000;
}
.companyAccessArea .contents .detail .left .address {
  margin-top: 30px;
}
@media screen and (max-width: 800px) {
  .companyAccessArea .contents .detail .left .address {
    margin-top: 20px;
  }
}
.companyAccessArea .contents .detail .left .address .title {
  font-size: 1rem;
}
.companyAccessArea .contents .detail .left .address .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.companyAccessArea .contents .detail .left .tel {
  margin-top: 10px;
}
.companyAccessArea .contents .detail .left .tel a {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 1000px) {
  .companyAccessArea .contents .detail .left .tel a:hover {
    color: #f66000;
    text-decoration: underline;
  }
}
.companyAccessArea .contents .detail .left .tel a.icon {
  display: block;
  position: relative;
}
.companyAccessArea .contents .detail .left .tel a.icon .text {
  margin-left: 10px;
  padding-left: 30px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
}
.companyAccessArea .contents .detail .left .tel a.icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 20px;
  margin: auto;
  background: url(../img/company/img_tel.svg) no-repeat;
  background-size: contain;
}
.companyAccessArea .contents .detail .left .tel .num {
  display: block;
  margin-top: 5px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.companyAccessArea .contents .detail .left .tel .num a {
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 1000px) {
  .companyAccessArea .contents .detail .left .tel .num a:hover {
    color: #f66000;
    text-decoration: underline;
  }
}
.companyAccessArea .contents .detail .right {
  margin-left: 77px;
}
@media screen and (max-width: 800px) {
  .companyAccessArea .contents .detail .right {
    margin: 30px 0 0 0;
  }
}
.companyAccessArea .contents .detail .right .img {
  max-width: 390px;
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .companyAccessArea .contents .detail .right .img {
    max-width: none;
  }
}
.companyAccessArea .contents .detail .right .img img {
  width: 100%;
}

.contactNaviBlock {
  height: 120px;
  width: 310px;
  margin: 104px auto 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .contactNaviBlock {
    margin: 21.3333333333vw auto 0;
    height: 32vw;
    width: 64vw;
  }
}
.contactNaviBlock .list {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 55px;
}
@media screen and (max-width: 768px) {
  .contactNaviBlock .list {
    width: 13.3333333333vw;
  }
}
.contactNaviBlock .list .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 55px;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .contactNaviBlock .list .img {
    height: 9.3333333333vw;
  }
}
.contactNaviBlock .list .img img {
  height: 100%;
  width: auto;
}
.contactNaviBlock .list .text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  margin: auto;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: 0.15em;
  color: #A1A1A1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contactNaviBlock .list .text {
    font-size: 5.3333333333vw;
  }
}
.contactNaviBlock .list.-current .img {
  height: auto;
  width: 100%;
  opacity: 1;
}
.contactNaviBlock .list.-current .img img {
  height: auto;
  width: 100%;
}
.contactNaviBlock .list.-current .text {
  color: #F66000;
}
.contactNaviBlock .list.-triangle {
  width: 80px;
}
@media screen and (max-width: 768px) {
  .contactNaviBlock .list.-triangle {
    width: 16vw;
  }
}
.contactNaviBlock .list.-triangle .img {
  position: absolute;
  bottom: -26px;
  left: 0;
  right: 0;
  top: initial;
  z-index: 1;
  margin: auto;
  opacity: 1;
  width: 14px;
}
@media screen and (max-width: 768px) {
  .contactNaviBlock .list.-triangle .img {
    bottom: -1.0666666667vw;
    width: 3.7333333333vw;
  }
}
.contactNaviBlock .list.-triangle .img img {
  height: auto;
  width: 14px;
}
@media screen and (max-width: 768px) {
  .contactNaviBlock .list.-triangle .img img {
    width: 3.7333333333vw;
  }
}

.contactArea {
  height: auto;
  width: 90vw;
  max-width: 984px;
  margin: auto;
}
.contactArea .desBlock {
  margin-top: 160px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .contactArea .desBlock {
    text-align: left;
  }
}
.contactArea .telBlock {
  width: 754px;
  margin: auto;
  margin-top: 100px;
  padding: 40px 110px;
  text-align: center;
  background: #FFF5DC;
  border-radius: 10px;
  display: block;
}
@media screen and (max-width: 768px) {
  .contactArea .telBlock {
    width: 100%;
    padding: 32px 48px;
    margin-top: 45px;
  }
}
.contactArea .telBlock .upper {
  font-weight: bold;
  font-size: 24px;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .contactArea .telBlock .upper {
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.05em;
  }
}
.contactArea .telBlock .lower {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .contactArea .telBlock .lower {
    margin-top: 16px;
  }
}
.contactArea .telBlock .lower .img {
  height: 24px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .contactArea .telBlock .lower .img {
    height: 20px;
    margin-right: 20px;
  }
}
.contactArea .telBlock .lower .img img {
  height: 100%;
  width: auto;
}
.contactArea .telBlock .lower .num {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .contactArea .telBlock .lower .num {
    font-size: 24px;
  }
}

.contactArea {
  margin-top: 200px;
}
@media screen and (max-width: 768px) {
  .contactArea {
    margin-top: 60px;
  }
}
.contactArea .upeerBlock .box {
  display: flex;
  margin-bottom: 54px;
}
@media screen and (max-width: 768px) {
  .contactArea .upeerBlock .box {
    display: block;
    margin-bottom: 34px;
  }
}
.contactArea .upeerBlock .box .label {
  width: 290px;
  min-width: 290px;
}
@media screen and (max-width: 768px) {
  .contactArea .upeerBlock .box .label {
    width: 100%;
    min-width: initial;
    margin-bottom: 18px;
  }
}
.contactArea .upeerBlock .box .label .inner {
  display: flex;
}
.contactArea .upeerBlock .box .label .inner .required {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 30px;
  width: 54px;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.1em;
  background: #F66000;
  border-radius: 20px;
  color: #FFFFFF;
  margin-right: 10px;
  padding: 4px 0 0 0;
}
@media screen and (max-width: 768px) {
  .contactArea .upeerBlock .box .label .inner .required {
    width: 45px;
    height: 25px;
    border-radius: 16px;
    font-weight: bold;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
  }
}
.contactArea .upeerBlock .box .label .inner .text {
  font-weight: bold;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: 0.15em;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .contactArea .upeerBlock .box .label .inner .text {
    font-weight: bold;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
.contactArea .upeerBlock .box .field {
  width: calc(100% - 290px);
}
@media screen and (max-width: 768px) {
  .contactArea .upeerBlock .box .field {
    width: 100%;
  }
}
.contactArea .upeerBlock .box .field .row .radioBox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .contactArea .upeerBlock .box .field .row .radioBox {
    display: block;
  }
}
.contactArea .upeerBlock .box .field .row .radioBox .radio {
  margin-right: 28px;
  margin-bottom: 10px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .contactArea .upeerBlock .box .field .row .radioBox .radio {
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}
.contactArea .upeerBlock .box .field .row .radioBox .radio label {
  padding-left: 35px;
  position: relative;
  z-index: 0;
}
.contactArea .upeerBlock .box .field .row .radioBox .radio label input {
  display: none;
}
.contactArea .upeerBlock .box .field .row .radioBox .radio label span {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
}
.contactArea .upeerBlock .box .field .row .radioBox .radio label span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: rgba(246, 96, 0, 0);
  border: solid 1px #F66000;
  box-sizing: border-box;
  transition: 0.2s ease background;
}
.contactArea .upeerBlock .box .field .row .radioBox .radio label span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  bottom: 0;
  z-index: 2;
  margin: auto;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff;
  opacity: 0;
  transition: 0.2s ease opacity;
}
.contactArea .upeerBlock .box .field .row .radioBox .radio label input[type=radio]:checked + span::before {
  background: #F66000;
}
.contactArea .upeerBlock .box .field .row .radioBox .radio label input[type=radio]:checked + span::after {
  opacity: 1;
}
.contactArea .lowerBlock {
  position: relative;
  z-index: 1;
  width: 100%;
}
.contactArea .lowerBlock[data-current-tab="1"] .group:nth-of-type(1) {
  display: block;
  height: 2800px;
}
@media screen and (max-width: 768px) {
  .contactArea .lowerBlock[data-current-tab="1"] .group:nth-of-type(1) {
    height: 3300px;
  }
}
.contactArea .lowerBlock[data-current-tab="1"] .group:nth-of-type(2) {
  display: none;
}
.contactArea .lowerBlock[data-current-tab="2"] .group:nth-of-type(1) {
  display: none;
}
.contactArea .lowerBlock[data-current-tab="2"] .group:nth-of-type(2) {
  display: block;
  height: 2400px;
}
@media screen and (max-width: 768px) {
  .contactArea .lowerBlock[data-current-tab="2"] .group:nth-of-type(2) {
    height: 2900px;
  }
}

.-hide-input {
  display: none;
}

.wpcf7-response-output {
  opacity: 0 !important;
}

.formArea {
  width: 100%;
}
.formArea .innerBlock .box {
  display: flex;
  margin-bottom: 54px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box {
    display: block;
    margin-bottom: 34px;
  }
}
.formArea .innerBlock .box .label {
  width: 290px;
  min-width: 290px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .label {
    width: 100%;
    min-width: initial;
    margin-bottom: 18px;
  }
}
.formArea .innerBlock .box .label .inner {
  display: flex;
}
.formArea .innerBlock .box .label .inner .required {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 30px;
  width: 54px;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.1em;
  background: #F66000;
  border-radius: 20px;
  color: #FFFFFF;
  margin-right: 10px;
  padding: 4px 0 0 0;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .label .inner .required {
    width: 45px;
    height: 25px;
    border-radius: 16px;
    font-weight: bold;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
  }
}
.formArea .innerBlock .box .label .inner .any {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 30px;
  width: 54px;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.1em;
  background: #A1A1A1;
  border-radius: 20px;
  color: #FFFFFF;
  margin-right: 10px;
  padding: 4px 0 0 0;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .label .inner .any {
    width: 45px;
    height: 25px;
    border-radius: 16px;
    font-weight: bold;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
  }
}
.formArea .innerBlock .box .label .inner .text {
  font-weight: bold;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: 0.15em;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .label .inner .text {
    font-weight: bold;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
.formArea .innerBlock .box .label .des {
  margin-top: 5px;
  width: 214px;
  font-weight: normal;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .label .des {
    font-size: 14px;
    line-height: 180%;
    letter-spacing: 0.05em;
    width: 100%;
    margin-bottom: 40px;
  }
}
.formArea .innerBlock .box .field {
  width: calc(100% - 290px);
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field {
    width: 100%;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap {
    display: block;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
  margin-right: 28px;
  margin-bottom: 10px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {
  padding-left: 35px;
  position: relative;
  z-index: 0;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input {
  display: none;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: rgba(246, 96, 0, 0);
  border: solid 1px #F66000;
  box-sizing: border-box;
  transition: 0.2s ease background;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  bottom: 0;
  z-index: 2;
  margin: auto;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff;
  opacity: 0;
  transition: 0.2s ease opacity;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input[type=radio]:checked + .wpcf7-list-item-label::before {
  background: #F66000;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input[type=radio]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap.your-day-radio .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
  margin-right: 76px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap.your-day-radio .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
    margin-right: 0;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-day1],
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-day2] {
  margin-top: 10px;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-day1] input,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-day2] input {
  display: block;
  width: 346px;
  height: 50px;
  background: #FFF5DC;
  border-radius: 10px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-day1] input,
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-day2] input {
    width: 100%;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-day1] .wpcf7-not-valid-tip,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-day2] .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  padding: 10px 0;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap.your-day1-radio,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap.your-day2-radio {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap.your-day1-radio .wpcf7-form-control.wpcf7-radio .wpcf7-list-item,
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap.your-day2-radio .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
    width: 50%;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-postalcode],
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-postalcode2] {
  width: 236px;
  height: auto;
  margin-top: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-postalcode],
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-postalcode2] {
    margin-right: 0;
    width: 100%;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-postalcode] input,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-postalcode2] input {
  border-radius: 10px;
  background: #FFF5DC;
  padding-left: 20px;
  height: 50px;
  width: 100%;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-postalcode] .wpcf7-not-valid-tip,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-postalcode2] .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  padding: 10px 0;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address],
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address2] {
  width: 236px;
  height: auto;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address],
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address2] {
    width: 100%;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address] input,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address2] input {
  background: #FFF5DC;
  border-radius: 10px;
  height: 50px;
  padding-left: 20px;
  width: 100%;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address] .wpcf7-not-valid-tip,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address2] .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  padding: 10px 0;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-detail],
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-detail2],
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-name],
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-name2] {
  margin-top: 10px;
  width: 483px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-detail],
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-detail2],
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-name],
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-name2] {
    width: 100%;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-detail] input,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-detail2] input,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-name] input,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-name2] input {
  background: #FFF5DC;
  border-radius: 10px;
  height: 50px;
  padding-left: 20px;
  width: 100%;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-detail] .wpcf7-not-valid-tip,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-detail2] .wpcf7-not-valid-tip,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-name] .wpcf7-not-valid-tip,
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-address-name2] .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  padding: 10px 0;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] {
  width: 100%;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] .wpcf7-list-item {
  margin-right: 28px;
  margin-bottom: 10px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] .wpcf7-list-item {
    margin-right: 0;
    width: 100%;
  }
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] .wpcf7-list-item label {
  padding-left: 35px;
  position: relative;
  z-index: 0;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] .wpcf7-list-item label input {
  display: none;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] .wpcf7-list-item label .wpcf7-list-item-label {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] .wpcf7-list-item label .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  height: 20px;
  width: 20px;
  border: solid 1px #F66000;
  box-sizing: border-box;
  border-radius: 2px;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] .wpcf7-list-item label .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  height: 20px;
  width: 20px;
  background-image: url("../img/contact/icon_check-orange.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: 0.2s ease opacity;
  border-radius: 2px;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] .wpcf7-list-item label input[type=checkbox]:checked + .wpcf7-list-item-label::before {
  background: #F66000;
}
.formArea .innerBlock .box .field .row .wpcf7-form-control-wrap[data-name=your-check] .wpcf7-list-item label input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.formArea .innerBlock .box .field .row.-twice {
  display: flex;
  align-items: center;
}
.formArea .innerBlock .box .field .row.-twice .zipSearchBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 30px;
  background: #F66000;
  border-radius: 10px;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row.-twice .zipSearchBtn {
    min-width: 80px;
    margin-left: 15px;
    margin-top: 10px;
  }
}
.formArea .innerBlock .box .field .row.-head {
  font-weight: bold;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #000000;
  margin-top: 20px;
}
.formArea .innerBlock .box .field .row.-head.-no-margin {
  margin-top: 0;
}
.formArea .innerBlock .box .field .row.-harf {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row.-harf {
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row.-harf .col {
    width: 49%;
  }
}
.formArea .innerBlock .box .field .row.-harf .col .wpcf7-form-control-wrap {
  width: 236px;
  height: 50px;
  background: #FFF5DC;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row.-harf .col .wpcf7-form-control-wrap {
    width: 100%;
  }
}
.formArea .innerBlock .box .field .row.-harf .col .wpcf7-form-control-wrap input {
  padding-left: 20px;
  height: 100%;
  width: 100%;
}
.formArea .innerBlock .box .field .row.-harf .col .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  padding: 10px 0;
}
.formArea .innerBlock .box .field .row.-harf .col:nth-of-type(1) {
  margin-right: 10px;
}
.formArea .innerBlock .box .field .row.-text .wpcf7-form-control-wrap {
  width: 483px;
  height: 50px;
  background: #FFF5DC;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .box .field .row.-text .wpcf7-form-control-wrap {
    width: 100%;
  }
}
.formArea .innerBlock .box .field .row.-text .wpcf7-form-control-wrap input {
  height: 100%;
  width: 100%;
  padding-left: 20px;
}
.formArea .innerBlock .box .field .row.-text .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  padding: 10px 0;
}
.formArea .innerBlock .box .field .row.-textarea .wpcf7-form-control-wrap {
  height: 180px;
  width: 100%;
  background: #FFF5DC;
  border-radius: 10px;
}
.formArea .innerBlock .box .field .row.-textarea .wpcf7-form-control-wrap textarea {
  padding: 20px;
  height: 100%;
  width: 100%;
  resize: vertical;
}
.formArea .innerBlock .privacy {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .privacy {
    margin-top: 50px;
  }
}
.formArea .innerBlock .privacy .head {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: 0.15em;
  color: #F66000;
}
.formArea .innerBlock .privacy .textarea {
  height: 300px;
  width: 100%;
  background: #FFF5DC;
  border-radius: 10px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .privacy .textarea {
    height: 400px;
  }
}
.formArea .innerBlock .privacy .textarea .inner {
  padding: 30px 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .privacy .textarea .inner {
    padding: 24px;
  }
}
.formArea .innerBlock .privacy .agree {
  margin-top: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .privacy .agree {
    margin-top: 30px;
  }
}
.formArea .innerBlock .privacy .agree .check .wpcf7-form-control-wrap.your-agree .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item {
  margin-right: 28px;
  margin-bottom: 10px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .privacy .agree .check .wpcf7-form-control-wrap.your-agree .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item {
    margin-right: 0;
  }
}
.formArea .innerBlock .privacy .agree .check .wpcf7-form-control-wrap.your-agree .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item label {
  padding-left: 30px;
  position: relative;
  z-index: 0;
}
.formArea .innerBlock .privacy .agree .check .wpcf7-form-control-wrap.your-agree .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item label input {
  display: none;
}
.formArea .innerBlock .privacy .agree .check .wpcf7-form-control-wrap.your-agree .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item label .wpcf7-list-item-label {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
}
.formArea .innerBlock .privacy .agree .check .wpcf7-form-control-wrap.your-agree .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item label .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  height: 20px;
  width: 20px;
  border: solid 1px #F66000;
  box-sizing: border-box;
  border-radius: 2px;
}
.formArea .innerBlock .privacy .agree .check .wpcf7-form-control-wrap.your-agree .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item label .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  height: 20px;
  width: 20px;
  background-image: url("../img/contact/icon_check-orange.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: 0.2s ease opacity;
  border-radius: 2px;
}
.formArea .innerBlock .privacy .agree .check .wpcf7-form-control-wrap.your-agree .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item label input[type=checkbox]:checked + .wpcf7-list-item-label::before {
  background: #F66000;
}
.formArea .innerBlock .privacy .agree .check .wpcf7-form-control-wrap.your-agree .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item label input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.formArea .innerBlock .send {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.formArea .innerBlock .send .btn {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 300px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  background: #F66000;
  border-radius: 50px;
  transition: 0.3s ease background;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .send .btn {
    height: 18.6666666667vw;
    width: 80vw;
    border-radius: 135.1351351351vw 5;
    font-size: 4.8vw;
  }
}
.formArea .innerBlock .send .btn input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
}
.formArea .innerBlock .send .btn::before {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  height: 20px;
  width: 20px;
  background-image: url("../img/contact/icon_triangle-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .formArea .innerBlock .send .btn::before {
    right: 5.3333333333vw;
    height: 5.3333333333vw;
    width: 5.3333333333vw;
  }
}
@media (hover: hover) {
  .formArea .innerBlock .send .btn:hover {
    background: #CD4A00;
  }
}

.completeArea {
  padding-bottom: 180px;
  width: 550px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .completeArea {
    width: 90vw;
    padding-bottom: 48vw;
  }
}
.completeArea .innerBlock {
  text-align: center;
}
.completeArea .innerBlock .title {
  margin-top: 120px;
  font-weight: bold;
  font-size: 30px;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .completeArea .innerBlock .title {
    margin-top: 19.7333333333vw;
    font-size: 6.4vw;
  }
}
.completeArea .innerBlock .des {
  font-weight: normal;
  font-size: 16px;
  line-height: 200%;
  text-align: center;
  color: #000000;
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .completeArea .innerBlock .des {
    font-size: 4.2666666667vw;
    margin-top: 7.2vw;
  }
}
.completeArea .innerBlock .btnWrap {
  margin-top: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .completeArea .innerBlock .btnWrap {
    margin-top: 26.6666666667vw;
  }
}
.completeArea .innerBlock .btnWrap .btn {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 300px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  background: #F66000;
  border-radius: 50px;
  transition: 0.3s ease background;
}
@media screen and (max-width: 768px) {
  .completeArea .innerBlock .btnWrap .btn {
    height: 18.6666666667vw;
    width: 80vw;
    border-radius: 135.1351351351vw 5;
    font-size: 4.8vw;
  }
}
.completeArea .innerBlock .btnWrap .btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  height: 20px;
  width: 20px;
  background-image: url("../img/contact/icon_triangle-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .completeArea .innerBlock .btnWrap .btn::before {
    right: 5.3333333333vw;
    height: 5.3333333333vw;
    width: 5.3333333333vw;
  }
}
@media (hover: hover) {
  .completeArea .innerBlock .btnWrap .btn:hover {
    background: #CD4A00;
  }
}

@keyframes elasticity {
  20% {
    transform: scale3d(1.1, 0.7, 1);
  }
  40% {
    transform: scale3d(0.7, 1.1, 1);
  }
  60% {
    transform: scale3d(1.1, 0.8, 1);
  }
  80% {
    transform: scale3d(0.8, 1.1, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.mainVisualArea .waveBlock {
  position: absolute;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}
.mainVisualArea .waveBlock.top {
  top: 0;
  margin-top: 0;
}
.mainVisualArea .waveBlock.bottom {
  bottom: 0;
  background: none;
  z-index: 1;
}
.mainVisualArea .waveBlock img {
  width: 100%;
}
.mainVisualArea .waveBlock img.pc-show {
  display: block;
}
.mainVisualArea .waveBlock img.sp-show {
  display: none;
}
@media screen and (max-width: 500px) {
  .mainVisualArea .waveBlock img.pc-show {
    display: none;
  }
  .mainVisualArea .waveBlock img.sp-show {
    display: block;
  }
}

.paintingDiagnoseArea {
  position: relative;
}
.paintingDiagnoseArea::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 67px;
  margin: auto;
  background: url(../img/painting/img_arrow_scroll.png) no-repeat;
  background-size: contain;
  z-index: 1;
}
.paintingDiagnoseArea .innerBlock {
  position: relative;
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .paintingDiagnoseArea .innerBlock {
    background-size: contain;
  }
}
.paintingDiagnoseArea .head {
  position: absolute;
  top: -200px;
  right: 0;
  left: 0;
  max-width: 676px;
  width: 100%;
  height: 500px;
  margin: auto;
  background-color: #fff5dc;
  border-radius: 100%;
  z-index: 1;
}
@media screen and (max-width: 700px) {
  .paintingDiagnoseArea .head {
    top: -150px;
    width: 90%;
    height: 300px;
  }
}
.paintingDiagnoseArea .head .icon {
  display: block;
  padding: 50px 0 0;
}
.paintingDiagnoseArea .head .icon img {
  display: block;
  margin: auto;
}
.paintingDiagnoseArea .head h2 {
  margin-top: 27px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .paintingDiagnoseArea .head h2 {
    font-size: 1.5rem;
  }
}
.paintingDiagnoseArea .head h2 .sp-show {
  display: none;
}
@media screen and (max-width: 500px) {
  .paintingDiagnoseArea .head h2 .sp-show {
    display: block;
  }
}
.paintingDiagnoseArea .balloon {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 104px;
  z-index: 2;
}
@media screen and (max-width: 700px) {
  .paintingDiagnoseArea .balloon {
    align-items: flex-end;
    margin: 0 15px;
    padding-top: 110px;
  }
}
.paintingDiagnoseArea .balloon .icon {
  margin: 70px 10px 0 0;
}
.paintingDiagnoseArea .balloon .icon img {
  width: 43px;
}
.paintingDiagnoseArea .balloon .item {
  position: relative;
  max-width: 485px;
  width: 100%;
  margin-bottom: 40px;
  padding: 21px 81px;
  border-radius: 70px;
  background-color: #ffffff;
}
.paintingDiagnoseArea .balloon .item::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -30px;
  left: 30px;
  width: 47px;
  height: 47px;
  background: url(../img/common/img_balloon_item.svg) no-repeat;
  background-size: contain;
}
.paintingDiagnoseArea .balloon .item .text {
  display: block;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #000000;
}
.paintingDiagnoseArea .checkList {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
  margin-top: 110px;
}
@media screen and (max-width: 1200px) {
  .paintingDiagnoseArea .checkList {
    display: block;
  }
}
@media screen and (max-width: 1200px) and (max-width: 700px) {
  .paintingDiagnoseArea .checkList {
    margin-top: 30px;
  }
}
@media screen and (max-width: 700px) {
  .paintingDiagnoseArea .checkList ul {
    margin: 0 15px;
  }
}
.paintingDiagnoseArea .checkList ul + ul {
  margin-left: 20px;
}
@media screen and (max-width: 1200px) {
  .paintingDiagnoseArea .checkList ul + ul {
    margin: 10px 15px 0;
  }
}
.paintingDiagnoseArea .checkList li {
  width: 560px;
  height: 60px;
}
@media screen and (max-width: 1200px) {
  .paintingDiagnoseArea .checkList li {
    margin: auto;
  }
}
@media screen and (max-width: 1200px) and (max-width: 700px) {
  .paintingDiagnoseArea .checkList li {
    width: auto;
    height: auto;
  }
}
.paintingDiagnoseArea .checkList li + li {
  margin-top: 10px;
}
.paintingDiagnoseArea .checkList li input {
  display: none;
}
.paintingDiagnoseArea .checkList li input:checked + .text {
  background-color: #f66000;
  color: #ffffff;
}
.paintingDiagnoseArea .checkList li input:checked + .text::before {
  background: url(../img/painting/img_checkbox_after.svg) no-repeat;
  background-size: contain;
}
.paintingDiagnoseArea .checkList li .text {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  padding: 18px 23px 18px 60px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #000000;
  border-radius: 10px;
  background-color: #ffffff;
}
@media screen and (max-width: 700px) {
  .paintingDiagnoseArea .checkList li .text {
    height: auto;
  }
}
.paintingDiagnoseArea .checkList li .text::before {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  bottom: 0;
  left: 20px;
  width: 20px;
  height: 20px;
  margin: auto;
  background: url(../img/painting/img_checkbox_before.svg) no-repeat;
  background-size: contain;
}
.paintingDiagnoseArea .icon.character {
  margin-right: 40px;
  text-align: right;
}
.paintingDiagnoseArea .icon.character img {
  width: 74px;
}
@media screen and (max-width: 700px) {
  .paintingDiagnoseArea .icon.character {
    margin: 20px 40px 0 0;
  }
  .paintingDiagnoseArea .icon.character img {
    width: 41px;
  }
}
.paintingDiagnoseArea .waveBlock.bottom {
  bottom: 0;
  z-index: 1;
}
.paintingDiagnoseArea .waveBlock img {
  width: 100%;
}
.paintingDiagnoseArea .waveBlock img.pc-show {
  display: block;
}
.paintingDiagnoseArea .waveBlock img.sp-show {
  display: none;
}
@media screen and (max-width: 500px) {
  .paintingDiagnoseArea .waveBlock img.pc-show {
    display: none;
  }
  .paintingDiagnoseArea .waveBlock img.sp-show {
    display: block;
  }
}

.paintingPlanArea {
  margin-top: 140px;
}
.paintingPlanArea .head {
  position: relative;
  max-width: 300px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 374px) {
  .paintingPlanArea .head {
    overflow: hidden;
  }
}
.paintingPlanArea .head::before, .paintingPlanArea .head::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.paintingPlanArea .head::before {
  left: -120px;
  width: 70px;
  height: 80px;
  background: url(../img/painting/img_title_decoration_01.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 700px) {
  .paintingPlanArea .head::before {
    top: auto;
    bottom: 5px;
    left: -25px;
    width: 50px;
    height: 60px;
    transform: rotate(20deg);
  }
}
@media screen and (max-width: 700px) and (max-width: 374px) {
  .paintingPlanArea .head::before {
    left: -10px;
  }
}
.paintingPlanArea .head::after {
  right: -120px;
  width: 70px;
  height: 80px;
  background: url(../img/painting/img_title_decoration_02.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 700px) {
  .paintingPlanArea .head::after {
    top: auto;
    bottom: 5px;
    right: -25px;
    width: 50px;
    height: 60px;
    transform: rotate(340deg);
  }
}
@media screen and (max-width: 700px) and (max-width: 374px) {
  .paintingPlanArea .head::after {
    right: -10px;
  }
}
.paintingPlanArea .head h2 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .paintingPlanArea .head h2 {
    font-size: 1.5rem;
  }
}
.paintingPlanArea .head h2 {
  color: #f66000;
}
@media screen and (max-width: 374px) {
  .paintingPlanArea .head h2 {
    font-size: 1.25rem;
  }
}
.paintingPlanArea .anchorList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 1300px;
  width: 100%;
  margin: 80px auto 0;
}
@media screen and (max-width: 500px) {
  .paintingPlanArea .anchorList {
    width: auto;
    margin: 40px 25px 0;
  }
}
@media screen and (max-width: 500px) and (max-width: 374px) {
  .paintingPlanArea .anchorList {
    margin: 40px 20px 0;
  }
}
.paintingPlanArea .anchorList .icon {
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .paintingPlanArea .anchorList .icon {
    display: none;
  }
}
.paintingPlanArea .anchorList .icon.top {
  top: 200px;
  left: 0;
}
.paintingPlanArea .anchorList .icon.top img {
  width: 72px;
}
@media screen and (max-width: 1330px) {
  .paintingPlanArea .anchorList .icon.top {
    left: 30px;
  }
}
.paintingPlanArea .anchorList .icon.bottom {
  right: 100px;
  bottom: 0;
}
.paintingPlanArea .anchorList .icon.bottom img {
  width: 84px;
}
.paintingPlanArea .anchorList .item {
  position: relative;
  max-width: 372px;
  width: 100%;
  height: 210px;
  margin: 7.5px 5px;
  border-radius: 20px;
  background-color: #ececec;
}
@media screen and (max-width: 500px) {
  .paintingPlanArea .anchorList .item {
    height: 190px;
  }
}
.paintingPlanArea .anchorList .item.is-active {
  pointer-events: unset;
  background-color: #fff5dc;
}
.paintingPlanArea .anchorList .item.is-active .sub {
  color: #7dc900;
}
.paintingPlanArea .anchorList .item.is-active .text {
  color: #f66000;
}
.paintingPlanArea .anchorList .item.is-active .arrow {
  background-color: #f66000;
}
.paintingPlanArea .anchorList .item .sub {
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  left: 0;
  margin: auto;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #b0b0b0;
}
@media screen and (max-width: 374px) {
  .paintingPlanArea .anchorList .item .sub {
    top: 10px;
  }
}
.paintingPlanArea .anchorList .item .text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #b0b0b0;
}
@media screen and (max-width: 374px) {
  .paintingPlanArea .anchorList .item .text {
    padding: 0 5px;
  }
}
.paintingPlanArea .anchorList .item .arrow {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  width: 26px;
  height: 26px;
  margin: auto;
  background-color: #a1a1a1;
  border-radius: 100%;
}
.paintingPlanArea .anchorList .item .arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 6px;
  margin: auto;
  background: url(../img/painting/img_arrow_btn.svg) no-repeat;
  background-size: contain;
}

.paintingPlanDetailArea {
  position: relative;
  margin-top: 195px;
}
.paintingPlanDetailArea .innerBlock {
  position: relative;
  padding-top: 50px;
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .paintingPlanDetailArea .innerBlock {
    background-size: contain;
  }
}
.paintingPlanDetailArea .waveBlock.bottom {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 700px) {
  .paintingPlanDetailArea .head {
    margin: 0 25px;
  }
}
.paintingPlanDetailArea .head .img {
  text-align: center;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea .head .img img {
    width: 140px;
  }
}
.paintingPlanDetailArea .head h2 {
  margin-top: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea .head h2 {
    font-size: 1.5rem;
  }
}
.paintingPlanDetailArea .head h2 .pc-show {
  display: block;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea .head h2 .pc-show {
    display: none;
  }
}
.paintingPlanDetailArea .banner {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 126px auto 0;
  z-index: 2;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea .banner {
    margin: 110px auto 0;
  }
}
.paintingPlanDetailArea .banner a {
  display: block;
  position: relative;
  padding: 36px 0;
  border-radius: 20px;
  background-color: #f66000;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 500px) {
  .paintingPlanDetailArea .banner a:hover {
    background-color: #cd4a00;
  }
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea .banner a {
    padding: 26px 0;
  }
}
.paintingPlanDetailArea .banner a .upper {
  justify-content: center;
}
.paintingPlanDetailArea .banner a .upper .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-align: center;
}
.paintingPlanDetailArea .banner a .upper .text em {
  font-size: 1.25rem;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea .banner a .upper .text {
    width: 310px;
    margin: 6px auto 0;
    font-size: 0.875rem;
  }
}
.paintingPlanDetailArea .banner a .lower {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea .banner a .lower {
    margin-top: 8px;
  }
}
.paintingPlanDetailArea .banner a .lower h3 {
  margin-left: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  color: #ffffff;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea .banner a .lower h3 {
    font-size: 1.5rem;
  }
}
.paintingPlanDetailArea .banner a .arrow {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea .banner a .arrow {
    right: 10px;
  }
}
.paintingPlanDetailArea#planA .contents {
  position: relative;
  max-width: 990px;
  width: 100%;
  margin: 108px auto 0;
  z-index: 2;
}
@media screen and (max-width: 1050px) {
  .paintingPlanDetailArea#planA .contents {
    width: auto;
    margin: 108px 30px 0;
  }
}
@media screen and (max-width: 1050px) and (max-width: 500px) {
  .paintingPlanDetailArea#planA .contents {
    margin: 80px 30px 0;
  }
}
.paintingPlanDetailArea#planA .contents .upper {
  display: flex;
}
@media screen and (max-width: 900px) {
  .paintingPlanDetailArea#planA .contents .upper {
    display: block;
  }
}
.paintingPlanDetailArea#planA .contents .upper .left {
  position: relative;
  max-width: 483px;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planA .contents .upper .left {
    max-width: none;
    width: auto;
  }
}
.paintingPlanDetailArea#planA .contents .upper .left img {
  width: 100%;
  border-radius: 20px;
}
.paintingPlanDetailArea#planA .contents .upper .right {
  width: 480px;
  width: 100%;
  margin-left: 25px;
}
@media screen and (max-width: 900px) {
  .paintingPlanDetailArea#planA .contents .upper .right {
    margin: 30px 0 0 0;
  }
}
.paintingPlanDetailArea#planA .contents .upper .right .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail {
  margin-top: 43px;
  padding-bottom: 30px;
  border-bottom: 1px solid #a1a1a1;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .title {
  position: relative;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #f66000;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .title::before, .paintingPlanDetailArea#planA .contents .upper .right .detail .title::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 140px;
  height: 1px;
  background-color: #a1a1a1;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planA .contents .upper .right .detail .title::before, .paintingPlanDetailArea#planA .contents .upper .right .detail .title::after {
    width: 100px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 900px) {
  .paintingPlanDetailArea#planA .contents .upper .right .detail .title::before, .paintingPlanDetailArea#planA .contents .upper .right .detail .title::after {
    width: 200px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 900px) and (max-width: 650px) {
  .paintingPlanDetailArea#planA .contents .upper .right .detail .title::before, .paintingPlanDetailArea#planA .contents .upper .right .detail .title::after {
    width: 150px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 900px) and (max-width: 650px) and (max-width: 550px) {
  .paintingPlanDetailArea#planA .contents .upper .right .detail .title::before, .paintingPlanDetailArea#planA .contents .upper .right .detail .title::after {
    width: 60px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 900px) and (max-width: 650px) and (max-width: 550px) and (max-width: 374px) {
  .paintingPlanDetailArea#planA .contents .upper .right .detail .title::before, .paintingPlanDetailArea#planA .contents .upper .right .detail .title::after {
    width: 30px;
  }
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .title::before {
  left: 0;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .title::after {
  right: 0;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .title + .text {
  margin-top: 20px;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .title + .text + .text {
  margin-top: 8px;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .text {
  display: flex;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .text .num {
  display: block;
  width: 60px;
  height: 28px;
  background-color: #ffd5b7;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.875rem;
  color: #f66000;
  text-align: center;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .text .t {
  display: block;
  margin-left: 20px;
}
.paintingPlanDetailArea#planA .contents .upper .right .detail .text em {
  font-weight: 700;
  font-style: normal;
}
.paintingPlanDetailArea#planA .contents .lower .balloon {
  position: relative;
  margin-top: 50px;
}
.paintingPlanDetailArea#planA .contents .lower .balloon .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea#planA .contents .lower .balloon .title {
    font-size: 1.25rem;
  }
}
.paintingPlanDetailArea#planA .contents .lower .balloon .list {
  display: flex;
  flex-wrap: wrap;
  max-width: 794px;
  width: 100%;
  margin: 30px auto 0;
}
@media screen and (max-width: 1050px) {
  .paintingPlanDetailArea#planA .contents .lower .balloon .list {
    justify-content: center;
  }
}
.paintingPlanDetailArea#planA .contents .lower .balloon .list .item {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 387px;
  width: 100%;
  height: 60px;
  margin: 5px;
  background-color: #ffffff;
  border-radius: 60px;
}
.paintingPlanDetailArea#planA .contents .lower .balloon .list .item .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  color: #7dc900;
}
.paintingPlanDetailArea#planA .contents .lower .balloon .icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
.paintingPlanDetailArea#planA .contents .lower .balloon .icon img {
  width: 58px;
}
@media screen and (max-width: 1050px) {
  .paintingPlanDetailArea#planA .contents .lower .balloon .icon {
    position: relative;
    bottom: 20px;
    text-align: right;
  }
}
.paintingPlanDetailArea#planB .contents {
  margin-top: 108px;
}
.paintingPlanDetailArea#planB .checkList {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: 1161px;
  width: 100%;
  margin: auto;
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  .paintingPlanDetailArea#planB .checkList {
    justify-content: center;
    width: auto;
    margin: 0 20px;
  }
}
.paintingPlanDetailArea#planB .checkList .item {
  max-width: 367px;
  width: 100%;
  margin: 15px 10px;
}
.paintingPlanDetailArea#planB .checkList .item .img {
  position: relative;
}
.paintingPlanDetailArea#planB .checkList .item .img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url(../img/painting/img_checkbox_green.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planB .checkList .item .img img {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.paintingPlanDetailArea#planB .checkList .item .title {
  position: relative;
  margin-top: 20px;
  padding: 15px 0 0 25px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea#planB .checkList .item .title {
    font-size: 1.25rem;
  }
}
.paintingPlanDetailArea#planB .checkList .item .title.point_01::before {
  background: url(../img/painting/img_point_sub_01.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planB .checkList .item .title.point_02::before {
  background: url(../img/painting/img_point_sub_02.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planB .checkList .item .title.point_03::before {
  background: url(../img/painting/img_point_sub_03.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planB .checkList .item .title.point_04::before {
  background: url(../img/painting/img_point_sub_04.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planB .checkList .item .title.point_05::before {
  background: url(../img/painting/img_point_sub_05.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planB .checkList .item .title.point_06::before {
  background: url(../img/painting/img_point_sub_06.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planB .checkList .item .title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 30px;
  margin: auto;
}
.paintingPlanDetailArea#planB .checkList .item .text {
  margin-top: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.paintingPlanDetailArea#planB .icon.character {
  position: relative;
  max-width: 1161px;
  width: 100%;
  margin: 30px auto 0;
  left: -40px;
}
.paintingPlanDetailArea#planB .icon.character img {
  width: 78px;
}
@media screen and (max-width: 1250px) {
  .paintingPlanDetailArea#planB .icon.character {
    width: auto;
    left: 0;
    margin: 30px 0 0 40px;
  }
}
@media screen and (max-width: 1250px) and (max-width: 1000px) {
  .paintingPlanDetailArea#planB .icon.character {
    display: none;
  }
}
.paintingPlanDetailArea#planB .banner {
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planB .banner {
    margin-top: 65px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 660px) {
  .paintingPlanDetailArea#planB .banner {
    width: auto;
    margin: 65px 30px 0;
  }
}
.paintingPlanDetailArea#planC .innerBlock.is-reverse .inner {
  flex-direction: row-reverse;
}
.paintingPlanDetailArea#planC .innerBlock.is-reverse .inner .left {
  margin-left: auto;
}
.paintingPlanDetailArea#planC .innerBlock.is-reverse .inner .left img {
  border-radius: 30px 0 0 30px/30px 0 0 30px;
}
.paintingPlanDetailArea#planC .innerBlock.is-reverse .inner .right {
  margin: 0 60px 0 228px;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planC .innerBlock.is-reverse .inner .right {
    margin: 30px 228px 0 30px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 500px) {
  .paintingPlanDetailArea#planC .innerBlock.is-reverse .inner .right {
    width: auto;
    margin: 30px 30px 0;
  }
}
.paintingPlanDetailArea#planC .innerBlock.is-reverse .inner .right .icon {
  right: auto;
  left: -110px;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planC .innerBlock.is-reverse .inner .right .icon {
    left: 0;
    text-align: left;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents {
  display: none;
  position: relative;
  top: -60px;
  margin: 0 150px;
  background-color: #ffffff;
  border-radius: 30px;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents {
    margin: 0 30px;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner {
  display: block;
  padding: 73px 174px 50px;
}
@media screen and (max-width: 1200px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner {
    padding: 73px 87px 50px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 800px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner {
    padding: 81px 20px 20px;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner + .inner {
  margin-top: 0;
  padding-top: 0;
}
@media screen and (max-width: 800px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner + .inner {
    margin-top: 50px;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner + .inner .detail {
  margin-top: 0;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner.case_top {
  margin-top: 0;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .head {
  text-align: center;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .head .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #f66000;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .detail {
  margin-top: 50px;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .detail .title {
  display: flex;
  align-items: center;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .detail .title .text {
  margin-left: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .detail .title .text {
    font-size: 1.25rem;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .textarea .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgBox {
  display: flex;
  margin-top: 20px;
}
@media screen and (max-width: 800px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgBox {
    display: block;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgBox .item {
  width: calc(50% - 10px);
}
@media screen and (max-width: 800px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgBox .item {
    width: 100%;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgBox .item:nth-child(2) {
  margin-left: 20px;
}
@media screen and (max-width: 800px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgBox .item:nth-child(2) {
    margin: 20px 0 0 0;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgBox .item img {
  width: 100%;
  border-radius: 20px;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgBox .item .text {
  display: block;
  margin-top: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgText {
  display: flex;
  margin-top: 50px;
}
@media screen and (max-width: 800px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgText {
    display: block;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgText .left {
  max-width: 386px;
  width: 100%;
  height: 258px;
  margin-left: 0;
}
@media screen and (max-width: 800px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgText .left {
    max-width: none;
    width: auto;
  }
}
@media screen and (max-width: 800px) and (max-width: 500px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgText .left {
    height: 210px;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgText .left img {
  border-radius: 20px;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgText .right {
  margin: 0 0 0 20px;
}
@media screen and (max-width: 800px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .inner .imgText .right {
    max-width: none;
    width: auto;
    margin: 20px 0 0 0;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .banner {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 50px auto 0;
  z-index: 2;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .banner {
    margin: 30px auto 0;
    max-width: none;
    width: auto;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a {
  display: block;
  position: relative;
  padding: 36px 0;
  border-radius: 20px;
  background-color: #f66000;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 500px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a:hover {
    background-color: #cd4a00;
  }
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a {
    padding: 36px 0;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a .upper {
  justify-content: center;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a .upper .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-align: center;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a .upper .text em {
  font-size: 1.25rem;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a .upper .text {
    width: 210px;
    margin: 6px auto 0;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a .lower {
  display: flex;
  align-items: center;
  justify-content: center;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a .lower h3 {
  margin-left: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  color: #ffffff;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a .lower h3 {
    font-size: 1.5rem;
  }
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .banner a .arrow {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .toggleClose {
  margin-top: 100px;
  padding-bottom: 50px;
  text-align: center;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .toggleClose .text {
  cursor: pointer;
  position: relative;
  padding-right: 25px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #f66000;
}
.paintingPlanDetailArea#planC .innerBlock .toggleContents .toggleClose .text::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  background: url(../img/painting/img_toggle_close.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planC .waveBlock.bottom {
  position: relative;
}
.paintingPlanDetailArea#planC .contents .inner {
  display: flex;
  margin-top: 135px;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planC .contents .inner {
    display: block;
  }
}
.paintingPlanDetailArea#planC .left {
  display: block;
  width: 100%;
  height: 370px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planC .left {
    width: calc(100% - 30px);
    height: 230px;
  }
}
.paintingPlanDetailArea#planC .left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 30px 30px 0/0 30px 30px 0;
}
.paintingPlanDetailArea#planC .right {
  position: relative;
  max-width: 445px;
  width: 100%;
  margin: 0 228px 0 60px;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planC .right {
    margin: 30px 228px 0 30px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 500px) {
  .paintingPlanDetailArea#planC .right {
    width: auto;
    margin: 30px 30px 0;
  }
}
.paintingPlanDetailArea#planC .right h3 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea#planC .right h3 {
    font-size: 1.5rem;
  }
}
.paintingPlanDetailArea#planC .right h3 {
  color: #f66000;
  text-align: left;
}
.paintingPlanDetailArea#planC .right .text {
  margin-top: 12px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
.paintingPlanDetailArea#planC .right .icon {
  position: absolute;
  right: -100px;
  bottom: 30px;
}
.paintingPlanDetailArea#planC .right .icon img {
  width: 74px;
}
@media screen and (max-width: 1000px) {
  .paintingPlanDetailArea#planC .right .icon {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 5px;
    text-align: right;
  }
}
.paintingPlanDetailArea#planC .toggleBtn {
  position: relative;
  cursor: pointer;
  width: 222px;
  padding: 15px 0;
  margin: 80px auto 0;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #ffffff;
  background: #f66000;
  border-radius: 30px;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
  z-index: 1;
}
.paintingPlanDetailArea#planC .toggleBtn.is-active {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 500px) {
  .paintingPlanDetailArea#planC .toggleBtn:hover {
    background-color: #cd4a00;
  }
}
.paintingPlanDetailArea#planC .toggleBtn .text {
  position: relative;
}
.paintingPlanDetailArea#planC .toggleBtn .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -40px;
  bottom: 0;
  width: 14px;
  height: 10px;
  margin: auto;
  background: url(../img/painting/img_arrow_btn.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planD .waveBlock.bottom, .paintingPlanDetailArea#planE .waveBlock.bottom {
  position: relative;
}
@media screen and (max-width: 500px) {
  .paintingPlanDetailArea#planD .innerBlock, .paintingPlanDetailArea#planE .innerBlock {
    padding-bottom: 50px;
  }
}
.paintingPlanDetailArea#planD .innerBlock .head, .paintingPlanDetailArea#planE .innerBlock .head {
  position: relative;
  z-index: 2;
}
.paintingPlanDetailArea#planD .contents, .paintingPlanDetailArea#planE .contents {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 100px;
  z-index: 2;
}
@media screen and (max-width: 1050px) {
  .paintingPlanDetailArea#planD .contents, .paintingPlanDetailArea#planE .contents {
    display: block;
    margin-top: 32px;
  }
}
.paintingPlanDetailArea#planD .contents .left,
.paintingPlanDetailArea#planD .contents .right, .paintingPlanDetailArea#planE .contents .left,
.paintingPlanDetailArea#planE .contents .right {
  max-width: 405px;
  width: 100%;
  height: 120px;
}
@media screen and (max-width: 1050px) {
  .paintingPlanDetailArea#planD .contents .left,
  .paintingPlanDetailArea#planD .contents .right, .paintingPlanDetailArea#planE .contents .left,
  .paintingPlanDetailArea#planE .contents .right {
    margin: auto;
  }
}
@media screen and (max-width: 1050px) and (max-width: 500px) {
  .paintingPlanDetailArea#planD .contents .left,
  .paintingPlanDetailArea#planD .contents .right, .paintingPlanDetailArea#planE .contents .left,
  .paintingPlanDetailArea#planE .contents .right {
    width: auto;
    max-width: none;
    margin: 0 10px;
  }
}
.paintingPlanDetailArea#planD .contents .left a,
.paintingPlanDetailArea#planD .contents .right a, .paintingPlanDetailArea#planE .contents .left a,
.paintingPlanDetailArea#planE .contents .right a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 10px;
  background-color: #f66000;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (min-width: 500px) {
  .paintingPlanDetailArea#planD .contents .left a:hover,
  .paintingPlanDetailArea#planD .contents .right a:hover, .paintingPlanDetailArea#planE .contents .left a:hover,
  .paintingPlanDetailArea#planE .contents .right a:hover {
    background-color: #cd4a00;
  }
}
.paintingPlanDetailArea#planD .contents .left a .title,
.paintingPlanDetailArea#planD .contents .right a .title, .paintingPlanDetailArea#planE .contents .left a .title,
.paintingPlanDetailArea#planE .contents .right a .title {
  position: relative;
  padding-left: 45px;
}
.paintingPlanDetailArea#planD .contents .left a .title::before,
.paintingPlanDetailArea#planD .contents .right a .title::before, .paintingPlanDetailArea#planE .contents .left a .title::before,
.paintingPlanDetailArea#planE .contents .right a .title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 23px;
  margin: auto;
  background: url(../img/common/img_icon_tel.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planD .contents .left span,
.paintingPlanDetailArea#planD .contents .right span, .paintingPlanDetailArea#planE .contents .left span,
.paintingPlanDetailArea#planE .contents .right span {
  color: #ffffff;
}
.paintingPlanDetailArea#planD .contents .left span.sub,
.paintingPlanDetailArea#planD .contents .right span.sub, .paintingPlanDetailArea#planE .contents .left span.sub,
.paintingPlanDetailArea#planE .contents .right span.sub {
  display: block;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.05em;
}
.paintingPlanDetailArea#planD .contents .left .text,
.paintingPlanDetailArea#planD .contents .left .title,
.paintingPlanDetailArea#planD .contents .right .text,
.paintingPlanDetailArea#planD .contents .right .title, .paintingPlanDetailArea#planE .contents .left .text,
.paintingPlanDetailArea#planE .contents .left .title,
.paintingPlanDetailArea#planE .contents .right .text,
.paintingPlanDetailArea#planE .contents .right .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
}
.paintingPlanDetailArea#planD .contents .right, .paintingPlanDetailArea#planE .contents .right {
  position: relative;
  margin-left: 10px;
}
@media screen and (max-width: 1050px) {
  .paintingPlanDetailArea#planD .contents .right, .paintingPlanDetailArea#planE .contents .right {
    margin: 10px auto 0;
  }
}
@media screen and (max-width: 1050px) and (max-width: 500px) {
  .paintingPlanDetailArea#planD .contents .right, .paintingPlanDetailArea#planE .contents .right {
    margin: 10px 10px 0;
  }
}
.paintingPlanDetailArea#planD .contents .right .text, .paintingPlanDetailArea#planE .contents .right .text {
  position: relative;
  padding-left: 45px;
}
.paintingPlanDetailArea#planD .contents .right .text::before, .paintingPlanDetailArea#planE .contents .right .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 35px;
  margin: auto;
}
.paintingPlanDetailArea#planD .contents .right .text.contact::before, .paintingPlanDetailArea#planE .contents .right .text.contact::before {
  height: 27px;
  background: url(../img/common/img_icon_contact.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planD .contents .right .text.inspection::before, .paintingPlanDetailArea#planE .contents .right .text.inspection::before {
  height: 35px;
  background: url(../img/common/img_icon_inspection.svg) no-repeat;
  background-size: contain;
}
.paintingPlanDetailArea#planD .contents .right .text::after, .paintingPlanDetailArea#planE .contents .right .text::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.paintingPlanDetailArea#planD .contents .right .arrow, .paintingPlanDetailArea#planE .contents .right .arrow {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  margin: auto;
}
.paintingPlanDetailArea#planD .icon.character, .paintingPlanDetailArea#planE .icon.character {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  max-width: 1100px;
  width: 100%;
  text-align: right;
  margin: auto;
  z-index: 2;
}
.paintingPlanDetailArea#planD .icon.character img, .paintingPlanDetailArea#planE .icon.character img {
  width: 60px;
}
.paintingPlanDetailArea#planD .icon.character.is-left, .paintingPlanDetailArea#planE .icon.character.is-left {
  text-align: left;
}
.paintingPlanDetailArea#planD .icon.character.is-left img, .paintingPlanDetailArea#planE .icon.character.is-left img {
  width: 94px;
}
@media screen and (max-width: 1050px) {
  .paintingPlanDetailArea#planD .icon.character.is-left, .paintingPlanDetailArea#planE .icon.character.is-left {
    left: 0;
    margin-left: 30px;
  }
}
@media screen and (max-width: 1050px) {
  .paintingPlanDetailArea#planD .icon.character, .paintingPlanDetailArea#planE .icon.character {
    position: relative;
    max-width: none;
    width: auto;
    left: 0;
    bottom: 0;
    margin: 30px 30px 0 0;
  }
}

@keyframes elasticity {
  20% {
    transform: scale3d(1.1, 0.7, 1);
  }
  40% {
    transform: scale3d(0.7, 1.1, 1);
  }
  60% {
    transform: scale3d(1.1, 0.8, 1);
  }
  80% {
    transform: scale3d(0.8, 1.1, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.staffHeadArea {
  position: relative;
  max-width: 480px;
  width: 100%;
  margin: 130px auto 0;
}
@media screen and (max-width: 500px) {
  .staffHeadArea {
    max-width: none;
    width: auto;
    margin: 72px 30px 0;
  }
}
.staffHeadArea h2 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .staffHeadArea h2 {
    font-size: 1.5rem;
  }
}
.staffHeadArea h2 {
  color: #F66000;
}
.staffHeadArea .text {
  margin: 54px auto 0;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: center;
}
@media screen and (max-width: 500px) {
  .staffHeadArea .text {
    margin: 32px auto 0;
  }
}
.staffHeadArea .icon {
  position: absolute;
  right: -100px;
  bottom: -50px;
  margin: auto;
}
.staffHeadArea .icon img {
  width: 120px;
}
@media screen and (max-width: 750px) {
  .staffHeadArea .icon {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 30px;
  }
  .staffHeadArea .icon img {
    display: block;
    margin-left: auto;
  }
}
@media screen and (max-width: 750px) and (max-width: 500px) {
  .staffHeadArea .icon img {
    width: 48px;
  }
}

.staffArchiveArea .innerBlock {
  background: url(../img/common/img_wave_center.svg);
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .staffArchiveArea .innerBlock {
    padding-top: 98px;
    background-size: contain;
  }
}
.staffArchiveArea .innerBlock .wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 79.1666666667vw;
  width: 100%;
  margin: 0 auto;
  padding: 6.9444444444vw 0 0 0;
}
@media screen and (max-width: 768px) {
  .staffArchiveArea .innerBlock .wrap {
    width: 84vw;
    max-width: 84vw;
    padding: 26.6666666667vw 0 0 0;
  }
}
.staffArchiveArea .detail {
  height: -moz-max-content;
  height: max-content;
  width: 25.4166666667vw;
  margin-bottom: 5.5555555556vw;
}
@media screen and (max-width: 768px) {
  .staffArchiveArea .detail {
    width: 84vw;
    margin-bottom: 8vw;
  }
}
.staffArchiveArea .detail .balloon {
  display: block;
  padding: 42px 24px 14px;
  border-radius: 10px;
  background-color: #FFFFFF;
}
.staffArchiveArea .detail .balloon .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 500px) {
  .staffArchiveArea .detail .balloon .title {
    font-size: 1.125rem;
  }
}
.staffArchiveArea .detail .balloon .text {
  margin-top: 16px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: right;
}
.staffArchiveArea .detail .balloon .text .name {
  margin-left: 11px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: 700;
}
@media screen and (max-width: 1050px) {
  .staffArchiveArea .detail .balloon .text .name {
    display: block;
  }
}
@media screen and (max-width: 1050px) and (max-width: 900px) {
  .staffArchiveArea .detail .balloon .text .name {
    display: inline-block;
  }
}
.staffArchiveArea .detail .item {
  position: relative;
  top: -2px;
  margin-left: 20px;
}
.staffArchiveArea .detail a {
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 500px) {
  .staffArchiveArea .detail a:hover .img {
    border-radius: 80px;
  }
  .staffArchiveArea .detail a:hover .img img {
    transform-origin: 50% 50%;
    transform: scale(1.05);
  }
}
.staffArchiveArea .detail a {
  width: 25.4166666667vw;
}
@media screen and (max-width: 768px) {
  .staffArchiveArea .detail a {
    width: 84vw;
  }
}
.staffArchiveArea .detail a .img {
  display: block;
  margin-top: 10px;
  border-radius: 10px;
  overflow: hidden;
  height: 16.9444444444vw;
  width: 25.4166666667vw;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
}
@media screen and (max-width: 768px) {
  .staffArchiveArea .detail a .img {
    height: 56vw;
    width: 84vw;
  }
}
.staffArchiveArea .detail a .img img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.6s ease 0s;
  backface-visibility: hidden;
}
.staffArchiveArea .detail a .img.-illust {
  height: 100%;
  width: 100%;
  padding: 2.0833333333vw 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .staffArchiveArea .detail a .img.-illust {
    padding: 12vw 0;
  }
}
.staffArchiveArea .detail a .img.-illust img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 8.3333333333vw;
  width: 8.3333333333vw;
}
@media screen and (max-width: 768px) {
  .staffArchiveArea .detail a .img.-illust img {
    height: 32vw;
    width: 32vw;
  }
}
.staffArchiveArea .detail .img {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 10px;
}
.staffArchiveArea .detail .img img {
  display: block;
  width: 100%;
}
.staffArchiveArea .detail.-avatar {
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
}

.staffMainArea {
  height: auto;
  width: 79.0277777778vw;
  padding: 267px 0 0 0;
  margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
  .staffMainArea {
    width: 84vw;
    padding: 38.9333333333vw 0 0 0;
  }
}
.staffMainArea .innerBlock {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.staffMainArea .innerBlock .title {
  width: 34.7222222222vw;
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 180%;
  letter-spacing: 0.25em;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .staffMainArea .innerBlock .title {
    font-weight: bold;
    font-size: 8vw;
    line-height: 180%;
    letter-spacing: 0.1em;
    width: 100%;
  }
  .staffMainArea .innerBlock .title br {
    display: none;
  }
}
.staffMainArea .innerBlock .img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 38.8888888889vw;
  height: 25.8333333333vw;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .staffMainArea .innerBlock .img {
    position: static;
    height: 56vw;
    width: 84vw;
    margin-top: 4vw;
  }
}
.staffMainArea .innerBlock .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.staffMainArea .innerBlock .img.-illust {
  position: absolute;
  z-index: 0;
  width: 38.8888888889vw;
  height: 25.8333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.staffMainArea .innerBlock .img.-illust::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: auto;
  background: #FFECDE;
  height: 20.8333333333vw;
  width: 20.8333333333vw;
  border-radius: 50%;
}
.staffMainArea .innerBlock .img.-illust img {
  position: relative;
  z-index: 1;
  height: 11.1111111111vw;
  width: 11.1111111111vw;
  -o-object-fit: initial;
     object-fit: initial;
  z-index: 3;
}
.staffMainArea .innerBlock .img.-illust img.icon {
  position: absolute;
  top: 75%;
  left: 25%;
  transform: translate(-50%, -50%);
  height: 4.6527777778vw;
  width: 5.8333333333vw;
}
.staffMainArea .innerBlock .status {
  width: 34.7222222222vw;
  margin-top: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  .staffMainArea .innerBlock .status {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.staffMainArea .innerBlock .status .group:nth-of-type(1) .post {
  font-weight: normal;
  font-size: 1.1111111111vw;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .staffMainArea .innerBlock .status .group:nth-of-type(1) .post {
    font-weight: normal;
    font-size: 4.2666666667vw;
    line-height: 180%;
    letter-spacing: 0.05em;
    color: #000000;
  }
}
.staffMainArea .innerBlock .status .group:nth-of-type(1) .name {
  font-weight: 700;
  font-size: 1.3888888889vw;
  line-height: 180%;
  letter-spacing: 0.15em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .staffMainArea .innerBlock .status .group:nth-of-type(1) .name {
    font-size: 5.3333333333vw;
    line-height: 180%;
    letter-spacing: 0.15em;
  }
}
.staffMainArea .innerBlock .status .group:nth-of-type(2) {
  margin-top: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  .staffMainArea .innerBlock .status .group:nth-of-type(2) {
    margin-top: 5.3333333333vw;
  }
}
.staffMainArea .innerBlock .status .group:nth-of-type(2) .license .cat {
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #F66000;
  border-radius: 20px;
  display: block;
  height: 2.0833333333vw;
  padding: 0.4166666667vw 0.9722222222vw;
  font-weight: 700;
  font-size: 1.1111111111vw;
  letter-spacing: 0.05em;
  text-align: center;
  color: #F66000;
}
@media screen and (max-width: 768px) {
  .staffMainArea .innerBlock .status .group:nth-of-type(2) .license .cat {
    height: 8vw;
    padding: 1.6vw 3.7333333333vw;
    font-size: 4.2666666667vw;
  }
}
.staffMainArea .innerBlock .status .group:nth-of-type(2) .license .text {
  margin-top: 0.6944444444vw;
  font-size: 1.1111111111vw;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .staffMainArea .innerBlock .status .group:nth-of-type(2) .license .text {
    margin-top: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .staffMainArea .innerBlock .status.-flex {
    width: 100%;
    display: flex;
  }
  .staffMainArea .innerBlock .status.-flex .group {
    width: 50%;
  }
}

.staffDetailArea {
  position: relative;
  margin-top: -300px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .staffDetailArea {
    margin-top: -380px;
  }
}
.staffDetailArea .innerBlock {
  padding-top: 168px;
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .staffDetailArea .innerBlock {
    background-size: contain;
  }
}
.staffDetailArea .innerBlock .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1240px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .innerBlock .inner {
    display: block;
    max-width: none;
    width: auto;
    margin: 0 10px;
  }
}
.staffDetailArea .contents {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .contents {
    align-items: flex-end;
    max-width: 500px;
    margin: 142px auto 0;
  }
  .staffDetailArea .contents.-hide {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
  }
}
.staffDetailArea .contents.is-reverse {
  flex-direction: row-reverse;
  margin-top: 142px;
}
.staffDetailArea .contents.is-reverse .right {
  margin: 0 24px 0 0;
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .contents.is-reverse .right {
    margin: 0;
  }
}
.staffDetailArea .contents.is-reverse .right .balloon::before {
  left: auto;
  right: 30px;
  transform: scale(-1, 1);
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .contents.is-reverse .right .text.comment {
    max-width: 400px;
    width: 85%;
    margin: 0 0 auto;
  }
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .contents.is-reverse .left {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 40px;
  }
}
.staffDetailArea .left img {
  width: 60px;
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .left {
    position: absolute;
    left: 0;
    top: 90px;
  }
  .staffDetailArea .left img {
    display: block;
    width: 36px;
  }
}
.staffDetailArea .right {
  max-width: 560px;
  width: 100%;
  margin-left: 24px;
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .right {
    margin-left: 0;
  }
}
.staffDetailArea .right .balloon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  background-color: #FFFFFF;
  border-radius: 70px;
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .right .balloon {
    width: auto;
    padding: 10px;
    height: auto;
  }
}
.staffDetailArea .right .balloon::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -19px;
  left: 10px;
  width: 30px;
  height: 30px;
  background: url(../img/staff/img_balloon_item.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .right .balloon::before {
    left: 30px;
  }
}
.staffDetailArea .right .balloon .text {
  position: relative;
  padding-left: 34px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .right .balloon .text {
    font-size: 1.125rem;
  }
}
.staffDetailArea .right .balloon .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  background: url(../img/staff/img_text_question.svg) no-repeat;
  background-size: contain;
}
.staffDetailArea .right .text.comment {
  max-width: 500px;
  width: 100%;
  margin: auto;
  padding-top: 30px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}
@media screen and (max-width: 1280px) {
  .staffDetailArea .right .text.comment {
    max-width: 400px;
    width: 85%;
    margin: 0 0 0 auto;
  }
}

@keyframes elasticity {
  20% {
    transform: scale3d(1.1, 0.7, 1);
  }
  40% {
    transform: scale3d(0.7, 1.1, 1);
  }
  60% {
    transform: scale3d(1.1, 0.8, 1);
  }
  80% {
    transform: scale3d(0.8, 1.1, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.topicsArticleArea {
  max-width: 990px;
  width: 100%;
  margin: 109px auto 0;
}
@media screen and (max-width: 1050px) {
  .topicsArticleArea {
    max-width: none;
    width: auto;
    margin: 54px 30px 0;
  }
}
.topicsArticleArea .head {
  margin-bottom: 66px;
}
.topicsArticleArea .head h2 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 500px) {
  .topicsArticleArea .head h2 {
    font-size: 1.5rem;
  }
}
.topicsArticleArea .head .catWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0 22px;
}
@media screen and (max-width: 700px) {
  .topicsArticleArea .head .catWrap {
    margin-top: 28px;
  }
}
.topicsArticleArea .head .catWrap .cat {
  width: -moz-fit-content;
  width: fit-content;
  margin: 5px;
  border: 1px solid #F66000;
  border-radius: 20px;
}
.topicsArticleArea .head .catWrap .cat .text {
  display: block;
  height: 30px;
  padding: 6px 14px 3px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
.topicsArticleArea .head .catWrap .date {
  font-weight: 700;
  font-size: 0.8333333333vw;
  line-height: 1.25vw;
  text-align: right;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .topicsArticleArea .head .catWrap .date {
    font-size: 3.2vw;
  }
}

.articleText {
  margin-bottom: 100px;
}

@keyframes elasticity {
  20% {
    transform: scale3d(1.1, 0.7, 1);
  }
  40% {
    transform: scale3d(0.7, 1.1, 1);
  }
  60% {
    transform: scale3d(1.1, 0.8, 1);
  }
  80% {
    transform: scale3d(0.8, 1.1, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.mainVisualArea .waveBlock {
  position: absolute;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}
.mainVisualArea .waveBlock.top {
  top: 0;
  margin-top: 0;
}
.mainVisualArea .waveBlock.bottom {
  bottom: 0;
  background: none;
  z-index: 1;
}
.mainVisualArea .waveBlock img {
  width: 100%;
}
.mainVisualArea .waveBlock img.pc-show {
  display: block;
}
.mainVisualArea .waveBlock img.sp-show {
  display: none;
}
@media screen and (max-width: 500px) {
  .mainVisualArea .waveBlock img.pc-show {
    display: none;
  }
  .mainVisualArea .waveBlock img.sp-show {
    display: block;
  }
}
.mainVisualArea.is-single {
  padding-top: 222px;
  background: url(../img/common/img_wave_center.svg);
  background-size: cover;
}
@media screen and (max-width: 1000px) {
  .mainVisualArea.is-single {
    padding-top: 122px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .mainVisualArea.is-single {
    background: initial;
  }
  .mainVisualArea.is-single::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 85.6vw;
    width: 100vw;
    background: url(../img/common/img_wave_center.svg);
    background-size: contain;
  }
}
.mainVisualArea.is-single .innerBlock {
  display: flex;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .mainVisualArea.is-single .innerBlock {
    display: block;
  }
}
.mainVisualArea.is-single .waveBlock {
  z-index: 0;
}
.mainVisualArea.is-single .left {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .mainVisualArea.is-single .left {
    width: calc(100% - 30px);
    margin-right: auto;
  }
}
.mainVisualArea.is-single .left .img {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .mainVisualArea.is-single .left .img {
    border-radius: 0 30px 30px 0/0 30px 30px 0;
  }
}
@media screen and (max-width: 1000px) {
  .mainVisualArea.is-single .left .img {
    height: 62.4vw;
    width: 93.3333333333vw;
    overflow: hidden;
    border-radius: 0 2.6666666667vw 2.6666666667vw 0;
  }
}
.mainVisualArea.is-single .left .img.small-img {
  width: auto;
  height: 486px;
  background-color: #F2F8FB;
  border-radius: 10px;
}
@media screen and (max-width: 500px) {
  .mainVisualArea.is-single .left .img.small-img {
    height: auto;
  }
}
.mainVisualArea.is-single .left .img.small-img img {
  display: block;
  width: auto;
  height: 100%;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .mainVisualArea.is-single .left .img.small-img img {
    height: 234px;
  }
}
.mainVisualArea.is-single .left .img.set-img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.mainVisualArea.is-single .right {
  max-width: 544px;
  width: 100%;
  margin: 0 88px 0 77px;
}
@media screen and (max-width: 1000px) {
  .mainVisualArea.is-single .right {
    margin: 30px 88px 0 30px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 700px) {
  .mainVisualArea.is-single .right {
    width: auto;
    margin: 30px 30px 0;
  }
}
.mainVisualArea.is-single .right h1 {
  max-width: 540px;
  width: 100%;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 180%;
  letter-spacing: 0.25em;
  color: #F66000;
}
@media screen and (max-width: 700px) {
  .mainVisualArea.is-single .right h1 {
    font-size: 1.5rem;
  }
}
.mainVisualArea.is-single .right .address {
  margin-top: 20px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: bold;
}
@media screen and (max-width: 700px) {
  .mainVisualArea.is-single .right .address {
    margin-top: 28px;
  }
}
.mainVisualArea.is-single .right .catWrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media screen and (max-width: 700px) {
  .mainVisualArea.is-single .right .catWrap {
    margin-top: 28px;
  }
}
.mainVisualArea.is-single .right .catWrap .cat {
  width: -moz-fit-content;
  width: fit-content;
  margin: 5px;
  border: 1px solid #F66000;
  border-radius: 20px;
}
.mainVisualArea.is-single .right .catWrap .cat .text {
  display: block;
  height: 30px;
  padding: 6px 14px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}

.searchModalBtn {
  cursor: pointer;
  max-width: 1140px;
  width: 100%;
  margin: 125px auto 0;
  background-color: #FFF5DC;
  border-radius: 3px;
}
@media screen and (max-width: 1200px) {
  .searchModalBtn {
    max-width: none;
    width: auto;
    margin: 125px 30px 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 500px) {
  .searchModalBtn {
    margin: 66px 30px 0;
  }
}
.searchModalBtn .title {
  position: relative;
  margin-left: 20px;
  padding: 12px 0 12px 46px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  text-align: left;
  letter-spacing: 0.05em;
  color: #F66000;
}
.searchModalBtn .title::before, .searchModalBtn .title::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
}
.searchModalBtn .title::before {
  left: 0;
  width: 36px;
  height: 31px;
  background: url(../img/common/img_icon_search.svg) no-repeat;
  background-size: contain;
}
.searchModalBtn .title::after {
  top: 0;
  right: 20px;
  bottom: 0;
  width: 10px;
  height: 15px;
  background: url(../img/common/icon_arrow_next_01.svg) no-repeat;
  background-size: contain;
}

.worksCarouselArea {
  margin: 145px 0 180px 0;
}
.worksCarouselArea .head {
  position: relative;
}
.worksCarouselArea .head .icon {
  display: block;
  text-align: center;
}
.worksCarouselArea .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .worksCarouselArea .head h2 {
    font-size: 1.5rem;
  }
}
.worksCarouselArea .head .text {
  max-width: 370px;
  width: 100%;
  margin: 10px auto 0;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: center;
}
.worksCarouselArea .head .title {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .worksCarouselArea .head .title {
    width: 85.3333333333vw;
    margin: auto;
  }
  .worksCarouselArea .head .title img {
    height: auto;
    width: 100%;
  }
}
.worksCarouselArea .carousel {
  margin-top: 74px;
}
.worksCarouselArea .carousel.no-init .item {
  margin: 0;
}
.worksCarouselArea .carousel.no-init .item:not(:first-child) {
  margin-top: 40px;
}
.worksCarouselArea .carousel.no-init .item:nth-child(n+4) {
  display: none;
}
.worksCarouselArea .carousel .item {
  margin: 0 10px;
}
@media screen and (min-width: 500px) {
  .worksCarouselArea .carousel .item a:hover .img {
    border-radius: 80px;
  }
  .worksCarouselArea .carousel .item a:hover .img img {
    transform-origin: 50% 50%;
    transform: scale(1.05);
  }
}
.worksCarouselArea .carousel .upper {
  height: 15.0694444444vw;
  width: 22.7083333333vw;
  overflow: hidden;
  border-radius: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  .worksCarouselArea .carousel .upper {
    border-radius: 5.3333333333vw;
    height: 52.2666666667vw;
    width: 78.6666666667vw;
  }
}
.worksCarouselArea .carousel .upper .img {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s ease 0s;
  backface-visibility: hidden;
}
.worksCarouselArea .carousel .upper .img img {
  width: 100%;
  transition: 0.6s ease 0s;
  backface-visibility: hidden;
}
.worksCarouselArea .carousel .lower {
  margin-top: 20px;
}
.worksCarouselArea .carousel .lower .cat {
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #F66000;
  border-radius: 20px;
}
.worksCarouselArea .carousel .lower .cat .text {
  display: block;
  height: 30px;
  padding: 6px 14px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
.worksCarouselArea .carousel .lower .textarea {
  margin-top: 10px;
  overflow: hidden;
}
.worksCarouselArea .carousel .lower .textarea .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.worksCarouselArea .carousel .slick-prev,
.worksCarouselArea .carousel .slick-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  margin: auto;
  border-radius: 50px;
  background-color: #F66000;
  z-index: 1;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
.worksCarouselArea .carousel .slick-prev:hover,
.worksCarouselArea .carousel .slick-next:hover {
  background-color: #CD4A00;
}
.worksCarouselArea .carousel .slick-prev .arrow::before,
.worksCarouselArea .carousel .slick-next .arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 12px;
  margin: auto;
}
.worksCarouselArea .carousel .slick-prev {
  left: 120px;
}
@media screen and (max-width: 900px) {
  .worksCarouselArea .carousel .slick-prev {
    left: 30px;
  }
}
.worksCarouselArea .carousel .slick-prev .arrow::before {
  background: url(../img/common/icon_carousel_prev.svg) no-repeat;
  background-size: contain;
}
.worksCarouselArea .carousel .slick-next {
  right: 120px;
}
@media screen and (max-width: 900px) {
  .worksCarouselArea .carousel .slick-next {
    right: 30px;
  }
}
.worksCarouselArea .carousel .slick-next .arrow::before {
  background: url(../img/common/icon_carousel_next.svg) no-repeat;
  background-size: contain;
}

.worksSearchArea,
.worksModal {
  margin-top: 140px;
}
.worksSearchArea .innerBlock,
.worksModal .innerBlock {
  background: url(../img/common/img_wave_center.svg);
}
.worksSearchArea .head .icon img,
.worksModal .head .icon img {
  display: block;
  margin: auto;
}
.worksSearchArea .head h2,
.worksModal .head h2 {
  margin-top: 4px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
}
@media screen and (max-width: 500px) {
  .worksSearchArea .head h2,
  .worksModal .head h2 {
    font-size: 1.5rem;
  }
}
.worksSearchArea .head h2,
.worksModal .head h2 {
  color: #F66000;
}
.worksSearchArea form,
.worksModal form {
  margin-top: 80px;
}
@media screen and (max-width: 860px) {
  .worksSearchArea form,
  .worksModal form {
    margin-top: 60px;
  }
}
.worksSearchArea .contents,
.worksModal .contents {
  max-width: 990px;
  width: 100%;
  margin: 0 auto 60px;
  padding-bottom: 45px;
  border-bottom: 1px solid #C4C4C4;
}
@media screen and (max-width: 1050px) {
  .worksSearchArea .contents,
  .worksModal .contents {
    width: auto;
    margin: 0 30px 60px;
  }
}
@media screen and (max-width: 1050px) and (max-width: 860px) {
  .worksSearchArea .contents,
  .worksModal .contents {
    margin: 0 30px 30px;
    padding-bottom: 30px;
  }
}
.worksSearchArea .contents .title .text,
.worksModal .contents .title .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 180%;
  letter-spacing: 0.15em;
  color: #F66000;
}
.worksSearchArea .contents .worksCheck,
.worksModal .contents .worksCheck {
  margin-top: 15px;
}
.worksSearchArea .contents .worksCheck .inner,
.worksModal .contents .worksCheck .inner {
  width: 25%;
}
@media screen and (max-width: 860px) {
  .worksSearchArea .contents .worksCheck .inner,
  .worksModal .contents .worksCheck .inner {
    width: 100%;
    margin-top: 20px;
  }
}
.worksSearchArea .contents .worksCheck.is-abreast,
.worksModal .contents .worksCheck.is-abreast {
  display: flex;
}
@media screen and (max-width: 860px) {
  .worksSearchArea .contents .worksCheck.is-abreast,
  .worksModal .contents .worksCheck.is-abreast {
    display: block;
  }
}
.worksSearchArea .contents .worksCheck.is-abreast label,
.worksModal .contents .worksCheck.is-abreast label {
  margin-left: 20px;
}
.worksSearchArea .contents .worksCheck input,
.worksModal .contents .worksCheck input {
  display: none;
}
.worksSearchArea .contents .worksCheck input:checked + label::before,
.worksModal .contents .worksCheck input:checked + label::before {
  background: url(../img/works/img_checkbox_after.svg) no-repeat;
  background-size: contain;
}
.worksSearchArea .contents .worksCheck label,
.worksModal .contents .worksCheck label {
  display: block;
  position: relative;
  padding-left: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
  font-family: noto-sans, sans-serif;
}
.worksSearchArea .contents .worksCheck label:nth-child(n+4),
.worksModal .contents .worksCheck label:nth-child(n+4) {
  margin-top: 17px;
}
.worksSearchArea .contents .worksCheck label::before,
.worksModal .contents .worksCheck label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  width: 20px;
  height: 20px;
  margin: auto;
  background: url(../img/works/img_checkbox_before.svg) no-repeat;
  background-size: contain;
}
.worksSearchArea .worksSearchBtn,
.worksModal .worksSearchBtn {
  max-width: 300px;
  width: 100%;
  margin: 80px auto 0;
  background-color: #F66000;
  border-radius: 50px;
  transition: 0.3s ease 0s;
  backface-visibility: hidden;
}
@media screen and (max-width: 500px) {
  .worksSearchArea .worksSearchBtn,
  .worksModal .worksSearchBtn {
    max-width: none;
    width: auto;
    margin: 0 30px;
  }
}
@media screen and (min-width: 500px) {
  .worksSearchArea .worksSearchBtn:hover,
  .worksModal .worksSearchBtn:hover {
    background-color: #CD4A00;
  }
}
.worksSearchArea .worksSearchBtn .btn,
.worksModal .worksSearchBtn .btn {
  width: 100%;
  height: 70px;
}
.worksSearchArea .worksSearchBtn .btn .text,
.worksModal .worksSearchBtn .btn .text {
  position: relative;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}
.worksSearchArea .worksSearchBtn .btn .text::before,
.worksModal .worksSearchBtn .btn .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 11px;
  height: 16px;
  margin: auto;
  background: url(../img/common/icon_carousel_next.svg) no-repeat;
  background-size: contain;
}

.worksModal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 1200px;
  width: 90%;
  height: 90%;
  margin: auto;
  border-radius: 50px;
  z-index: 999;
  overflow: auto;
}
.worksModal .innerBlock {
  padding: 80px 0 90px;
}
@media screen and (max-width: 860px) {
  .worksModal .innerBlock {
    padding-top: 64px;
  }
}
@media screen and (max-width: 860px) {
  .worksModal .innerBlock .contents {
    margin: 0 47px 30px;
  }
}

.worksGalleryArea {
  max-width: 990px;
  width: 100%;
  margin: 170px auto 0;
}
@media screen and (max-width: 1050px) {
  .worksGalleryArea {
    max-width: none;
    width: auto;
    margin: 170px 30px 0;
  }
}
@media screen and (max-width: 1050px) and (max-width: 700px) {
  .worksGalleryArea {
    margin: 85px 20px 0;
  }
}
.worksGalleryArea .innerBlock.is-upper {
  display: flex;
  align-items: flex-end;
  padding-bottom: 60px;
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .innerBlock.is-upper {
    display: block;
    padding-bottom: 0;
  }
}
.worksGalleryArea .innerBlock.is-lower {
  margin-top: 55px;
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .innerBlock.is-lower {
    margin-top: 34px;
  }
}
.worksGalleryArea .left .img,
.worksGalleryArea .right .img {
  position: relative;
  margin-top: 10px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #F2F8FB;
}
.worksGalleryArea .left .img.small-img,
.worksGalleryArea .right .img.small-img {
  width: auto;
}
.worksGalleryArea .left .img.small-img img,
.worksGalleryArea .right .img.small-img img {
  display: block;
  width: auto;
  height: 100%;
  margin: auto;
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .left .img,
  .worksGalleryArea .right .img {
    margin-top: 5px;
  }
}
.worksGalleryArea .left .img img,
.worksGalleryArea .right .img img {
  width: 100%;
}
.worksGalleryArea .left {
  position: relative;
  max-width: 406px;
  width: 100%;
}
.worksGalleryArea .left .img.small-img {
  height: 210px;
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .left .img.small-img {
    height: 180px;
  }
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .left {
    max-width: none;
    width: 80%;
    margin: auto;
  }
  .worksGalleryArea .left .caption {
    width: 70px;
  }
  .worksGalleryArea .left .caption img {
    display: block;
    width: 100%;
  }
}
.worksGalleryArea .left::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -35px;
  bottom: 0;
  width: 10px;
  height: 15px;
  margin: auto;
  background: url(../img/common/icon_arrow_next_01.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .left::before {
    top: auto;
    right: 0;
    left: 0;
    bottom: -30px;
    transform: rotate(90deg);
  }
}
.worksGalleryArea .right {
  position: relative;
  max-width: 520px;
  width: 100%;
  margin-left: 60px;
}
.worksGalleryArea .right .img.small-img {
  height: 346px;
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .right .img.small-img {
    height: 246px;
  }
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .right {
    max-width: none;
    margin: 50px auto 0;
  }
  .worksGalleryArea .right .caption {
    width: 90px;
  }
  .worksGalleryArea .right .caption img {
    display: block;
    width: 100%;
  }
}
.worksGalleryArea .right .icon {
  position: absolute;
  right: -100px;
  bottom: -60px;
}
.worksGalleryArea .right .icon img {
  width: 85px;
}
@media screen and (max-width: 1200px) {
  .worksGalleryArea .right .icon {
    right: 0;
    bottom: -120px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 700px) {
  .worksGalleryArea .right .icon {
    position: relative;
    width: 44px;
    margin: 5px 0 0 auto;
    right: 0;
    bottom: 0;
  }
  .worksGalleryArea .right .icon img {
    display: block;
    width: 100%;
  }
}
.worksGalleryArea .caption .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #F66000;
}
.worksGalleryArea .contents {
  display: flex;
  margin-top: 20px;
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .contents {
    display: block;
    margin-top: 10px;
  }
}
.worksGalleryArea .contents .img {
  position: relative;
  width: 33.3333333333%;
  border-radius: 10px;
  overflow: hidden;
}
.worksGalleryArea .contents .img.small-img {
  height: 210px;
  background-color: #F2F8FB;
}
.worksGalleryArea .contents .img.small-img img {
  display: block;
  width: auto;
  margin: auto;
}
.worksGalleryArea .contents .img + .img {
  margin-left: 20px;
}
.worksGalleryArea .contents .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 700px) {
  .worksGalleryArea .contents .img {
    width: auto;
  }
  .worksGalleryArea .contents .img + .img {
    margin: 20px 0 0 0;
  }
}

.worksDetailArea {
  max-width: 990px;
  width: 100%;
  margin: 60px auto 0;
  padding-top: 50px;
  border-top: 1px solid #FF9900;
}
@media screen and (max-width: 1050px) {
  .worksDetailArea {
    max-width: none;
    width: auto;
    margin: 60px 30px 0;
  }
}
.worksDetailArea .title {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #F66000;
}
.worksDetailArea .contents {
  display: flex;
  margin-top: 16px;
}
@media screen and (max-width: 500px) {
  .worksDetailArea .contents {
    display: block;
  }
}
.worksDetailArea .contents .left,
.worksDetailArea .contents .right {
  width: 50%;
}
@media screen and (max-width: 500px) {
  .worksDetailArea .contents .left,
  .worksDetailArea .contents .right {
    width: auto;
  }
}
.worksDetailArea .contents .right {
  margin-left: 36px;
}
@media screen and (max-width: 500px) {
  .worksDetailArea .contents .right {
    margin: 25px 0 0 0;
  }
}
.worksDetailArea .contents .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #000000;
}
.worksDetailArea .contents .detail {
  margin-top: 10px;
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}

.worksCommentArea {
  max-width: 990px;
  width: 100%;
  margin: 100px auto 0;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea {
    width: auto;
    margin: 100px 30px 0;
  }
}
@media screen and (max-width: 1050px) and (max-width: 700px) {
  .worksCommentArea {
    margin: 50px 30px 0;
  }
}
.worksCommentArea .innerBlock {
  position: relative;
  padding: 45px 96px;
  background-color: #FFF5DC;
  border-radius: 10px;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea .innerBlock {
    padding: 30px 32px 40px;
  }
}
.worksCommentArea .innerBlock::before {
  content: "";
  display: block;
  position: absolute;
  right: 60px;
  bottom: -58px;
  width: 81px;
  height: 80px;
  background: url(../img/works/img_balloon_item.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea .innerBlock::before {
    right: 80px;
    bottom: -35px;
    width: 51px;
    height: 50px;
  }
}
.worksCommentArea .iconBlock {
  position: relative;
  width: 130px;
  height: 130px;
  margin: 40px -65px 0 auto;
  border-radius: 100%;
}
@media screen and (max-width: 1050px) {
  .worksCommentArea .iconBlock {
    width: 80px;
    height: 80px;
    margin: 20px 0 0 auto;
  }
}
.worksCommentArea .iconBlock .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.worksCommentArea .iconBlock .img img.no-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: initial;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  width: 70%;
  max-width: 80px;
}
.worksCommentArea .head {
  text-align: center;
}
.worksCommentArea .head h3 {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #F66000;
}
@media screen and (max-width: 500px) {
  .worksCommentArea .head h3 {
    font-size: 1.25rem;
  }
}
.worksCommentArea .comment {
  margin-top: 14px;
}
.worksCommentArea .comment .text {
  font-family: noto-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  color: #000000;
}

.lsrHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #ffffff;
}

.lsrHeader__main {
  background: #ffffff;
  padding: 20px 40px;
  max-width: 1920px;
  margin: 0 auto;
}
@media screen and (max-width: 1140px) {
  .lsrHeader__main {
    padding: 16px 24px;
  }
}

.lsrHeader__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
}

.lsrHeader__logo {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}

.lsrHeader__logo img {
  display: block;
  width: 100%;
  max-width: 572px;
  height: auto;
}
@media screen and (max-width: 1140px) {
  .lsrHeader__logo img {
    width: auto;
    height: 40px;
  }
}

.lsrHeader__right {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-shrink: 0;
}
@media screen and (max-width: 1140px) {
  .lsrHeader__right {
    display: none;
  }
}

.lsrHeader__btnList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 24px;
  height: 64px;
}

.lsrHeader__tel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  width: 315.2px;
}

.lsrHeader__telLink {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  width: 100%;
}

.lsrHeader__telIcon {
  display: block;
  width: 64px;
  height: 36px;
  flex-shrink: 0;
}

.lsrHeader__telNum {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 35.84px;
  line-height: 1;
  letter-spacing: 2.1504px;
  color: #f66000;
  white-space: nowrap;
}

.lsrHeader__telSub {
  margin: 0;
  background: #f66000;
  border-radius: 72px;
  height: 28px;
  padding: 4px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  color: #ffffff;
  white-space: nowrap;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));
}

.lsrHeader__hamb {
  display: none;
  background: #f66000;
  border: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 1140px) {
  .lsrHeader__hamb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2.5px;
  }
}

.lsrHeader__hambBar {
  display: block;
  width: 15px;
  height: 1.667px;
  background: #ffffff;
  border-radius: 1px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.lsrHeader__nav {
  background: #f66000;
  padding: 0 144px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1140px) {
  .lsrHeader__nav {
    display: none;
  }
}

.lsrHeader__navList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}

.lsrHeader__navItem {
  display: flex;
  align-items: center;
  gap: 24px;
}

.lsrHeader__navItem::before {
  content: "";
  display: block;
  width: 2px;
  height: 32px;
  background: #ffffff;
  flex-shrink: 0;
}

.lsrHeader__navItem:last-child::after {
  content: "";
  display: block;
  width: 2px;
  height: 32px;
  background: #ffffff;
  flex-shrink: 0;
}

.lsrHeader__navLink {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 48px;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.72px;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.lsrHeader__navLink:hover {
  opacity: 0.75;
}

.lsrHeader__navArrow {
  display: block;
  width: 13px;
  height: 10px;
  flex-shrink: 0;
}

.lsrBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  height: 64px;
  width: 220px;
  padding: 17.221px;
  border-radius: 68.885px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.72px;
  color: #ffffff;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.lsrBtn:hover {
  opacity: 0.85;
}

.lsrBtn--line {
  background: #06c755;
  gap: 16px;
}

.lsrBtn--form {
  background: #27479c;
}

.lsrBtn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lsrBtn__icon img {
  display: block;
  width: 33.714px;
  height: 32px;
}

.lsrBtn__text {
  display: inline-block;
}

.lsrSpMenu .lsrBtn {
  width: 240px;
  height: 60px;
  padding: 14.761px;
  border-radius: 59.045px;
  filter: drop-shadow(0 0 3.429px rgba(0, 0, 0, 0.2));
  font-size: 16px;
  letter-spacing: 0.64px;
}

.lsrSpMenu .lsrBtn--line {
  gap: 13.714px;
}

.lsrSpMenu .lsrBtn__icon img {
  width: 30px;
  height: 27px;
}

.lsrSpMenu {
  position: fixed;
  top: 0;
  right: 0;
  width: min(351px, 100vw - 24px);
  max-height: 100dvh;
  z-index: 1100;
  background: #f66000;
  padding: 40px 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 40px;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.lsrSpMenu.is-open {
  transform: translateX(0);
}

.lsrSpMenu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.lsrSpMenu__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.lsrSpMenu__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 1px 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.4;
  color: #ffffff;
  text-decoration: none;
}

.lsrSpMenu__arrow {
  display: block;
  width: 10.43px;
  height: 18px;
  flex-shrink: 0;
}

.lsrSpMenu__divider {
  display: block;
  width: 100%;
  height: 1px;
  background: #e85b00;
}

.lsrSpMenu__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.lsrSpMenu__btnList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13.714px;
  width: 240px;
}

.lsrSpMenu__close {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #ffffff;
  border: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  align-self: flex-end;
  margin-bottom: 10px;
}

.lsrSpMenu__closeBar {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17.819px;
  height: 1.98px;
  background: #f66000;
  transform-origin: center;
}

.lsrSpMenu__closeBar:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}

.lsrSpMenu__closeBar:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

html:has(body.lsr-page) {
  scroll-behavior: smooth;
}

body.lsr-page {
  scroll-behavior: smooth;
}
body.lsr-page :is(#strength, #flow, #survey, #works-type, #reviews, #lsrCompanyTitle, #contact) {
  scroll-margin-top: 180px;
}
@media screen and (max-width: 1024px) {
  body.lsr-page :is(#strength, #flow, #survey, #works-type, #reviews, #lsrCompanyTitle, #contact) {
    scroll-margin-top: 92px;
  }
}

.largeScaleRepairMain {
  padding-top: var(--lsr-header-h, 162px);
}
@media screen and (max-width: 1140px) {
  .largeScaleRepairMain {
    padding-top: var(--lsr-header-h, 72px);
  }
}

.lsrHero {
  position: relative;
  width: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .lsrHero {
    padding-bottom: 26px;
  }
}

.lsrHero__visual {
  position: relative;
  width: 100%;
  max-width: 1920px;
}

.lsrHero__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1920/1080;
  -o-object-fit: cover;
     object-fit: cover;
}

.lsrHero__tagline {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: clamp(200px, 31.6667vw, 608px);
  aspect-ratio: 608/158;
  background: #ffffff;
  border-radius: 9999px;
  box-sizing: border-box;
  padding: 0 clamp(21px, 3.333vw, 64px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 1.042vw, 20px);
  z-index: 2;
}

.lsrHero__taglineSub {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: clamp(8px, 0.9375vw, 18px);
  line-height: 1;
  color: #f66000;
  white-space: nowrap;
}

.lsrHero__taglineMain {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: clamp(10px, 1.25vw, 24px);
  line-height: 1;
  color: #f66000;
  white-space: nowrap;
}

.lsrHero__scroll {
  position: relative;
  width: 66px;
  height: 212px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .lsrHero__scroll {
    display: none;
  }
}

.lsrHero__scrollLine {
  position: relative;
  display: block;
  width: 2px;
  height: 100px;
  overflow: hidden;
  background: rgba(246, 96, 0, 0.25);
}
.lsrHero__scrollLine::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(246, 96, 0, 0) 0%, #f66000 100%);
  transform: translateY(-100%);
  animation: lsrHeroScrollFlow 2.2s linear infinite;
}

@keyframes lsrHeroScrollFlow {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lsrHero__scrollLine::before {
    animation: none;
  }
}
.lsrHero__scrollText {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #f66000;
  text-align: center;
  display: block;
}

.lsrCase {
  background: #f9f7f5;
  padding: 72px 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .lsrCase {
    padding: 32px 24px;
  }
}

.lsrCase__inner {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrCase__inner {
    max-width: 327px;
    padding: 0;
  }
}

.lsrCase__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 52px;
}
@media screen and (max-width: 1024px) {
  .lsrCase__list {
    flex-direction: column;
    gap: 32px;
  }
}

.lsrCase__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 480px;
  max-width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .lsrCase__item {
    width: 100%;
    gap: 10.9px;
  }
}

.lsrCase__divider {
  flex-shrink: 0;
  width: 1px;
  height: 342px;
  background: #d9d9d9;
}
@media screen and (max-width: 1024px) {
  .lsrCase__divider {
    width: 100%;
    height: 1px;
  }
}

.lsrCase__heading {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 1.4;
  color: #f66000;
}
@media screen and (max-width: 1024px) {
  .lsrCase__heading {
    gap: 8.175px;
  }
}

.lsrCase__label {
  font-size: 18px;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .lsrCase__label {
    font-size: 14px;
  }
}

.lsrCase__num {
  font-size: 30px;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .lsrCase__num {
    font-size: 24px;
  }
}

.lsrCase__catch {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lsrCase__balloon {
  position: relative;
  margin: 0;
  width: 100%;
  background: #f66000;
  border-radius: 64px;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .lsrCase__balloon {
    border-radius: 50px;
    padding: 10.9px;
    font-size: 16px;
    height: 42px;
  }
}

.lsrCase__balloon::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 9.5px solid transparent;
  border-right: 9.5px solid transparent;
  border-top: 16px solid #f66000;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .lsrCase__balloon::after {
    border-left-width: 6.472px;
    border-right-width: 6.472px;
    border-top-width: 10.9px;
  }
}

.lsrCase__body {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 56px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .lsrCase__body {
    gap: 38.15px;
  }
}

.lsrCase__info {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .lsrCase__info {
    gap: 12px;
  }
}

.lsrCase__infoItem {
  display: flex;
  flex-direction: column;
}

.lsrCase__infoLabel {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #f66000;
}
@media screen and (max-width: 1024px) {
  .lsrCase__infoLabel {
    font-size: 14px;
  }
}

.lsrCase__infoText {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  color: #222;
}
@media screen and (max-width: 1024px) {
  .lsrCase__infoText {
    font-size: 16px;
  }
}

.lsrCase__illust {
  flex-shrink: 0;
  width: 192px;
  height: 192px;
  border-radius: 50%;
  background: #ffd847;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .lsrCase__illust {
    width: 132px;
    height: 132px;
  }
}

.lsrCase__illustImg {
  display: block;
}

.lsrCase__illustImg--30 {
  width: 82px;
  height: 120px;
}
@media screen and (max-width: 1024px) {
  .lsrCase__illustImg--30 {
    width: 56px;
    height: 82.5px;
  }
}

.lsrCase__illustImg--24 {
  width: 89px;
  height: 111px;
}
@media screen and (max-width: 1024px) {
  .lsrCase__illustImg--24 {
    width: 61px;
    height: 76.3px;
  }
}

.lsrStrength {
  position: relative;
  background: #ffffff;
  width: 100%;
  padding-top: 80px;
  overflow: visible;
}
@media screen and (max-width: 1024px) {
  .lsrStrength {
    padding-top: 28px;
  }
}

.lsrStrength__header {
  position: relative;
  padding: 0 20px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__header {
    padding: 0 24px 32px;
  }
}

.lsrStrength__overlay {
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(61.6px, 5.5vw - 17.6px, 88px);
  line-height: 1.4;
  letter-spacing: 6.16px;
  color: rgba(176, 176, 176, 0.1);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__overlay {
    top: 22px;
    font-size: clamp(15.4px, 1vw + 11.76px, 22px);
    letter-spacing: 1.54px;
  }
}

.lsrStrength__title {
  position: relative;
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 2.4px;
  color: #f66000;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__title {
    font-size: 15px;
    letter-spacing: 0.75px;
  }
}

.lsrStrength__lead {
  position: relative;
  margin: 24px 0 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
  color: #222;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__lead {
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.6;
  }
}

.lsrStrength__featured {
  position: relative;
  padding: 64px 20px 64px;
  margin-bottom: 64px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__featured {
    padding: 0 0 32px;
  }
}

.lsrStrength__featuredAccent {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: #f9f7f5;
  border-radius: 0 16px 16px 0;
  z-index: 0;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__featuredAccent {
    width: 255px;
    height: 264px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

.lsrStrength__featuredInner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 80px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__featuredInner {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    padding: 0 24px;
  }
}

.lsrStrength__featuredVisual {
  position: relative;
  flex: 1;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__featuredVisual {
    width: 100%;
    height: auto;
    aspect-ratio: 327/200;
    border-radius: 4.671px;
    margin-top: 32px;
  }
}

.lsrStrength__mainImage {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lsrStrength__featuredBody {
  flex-shrink: 0;
  width: 480px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__featuredBody {
    width: 100%;
    gap: 24px;
  }
}

.lsrStrength__featuredTitle {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.6;
  color: #222;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__featuredTitle {
    font-size: 24px;
  }
}

.lsrStrength__featuredText {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 2;
  color: #222;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__featuredText {
    font-size: 15px;
    line-height: 1.8;
  }
}

.lsrStrength__featuredSub {
  display: block;
  width: 100%;
  height: 171.429px;
  border-radius: 6.857px;
  overflow: hidden;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__featuredSub {
    height: auto;
    aspect-ratio: 2.799993;
  }
}

.lsrStrength__featuredSubImage {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lsrStrength__drone {
  position: relative;
  background: #f66000;
  padding: 64px 24px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__drone {
    padding: 56px 24px;
  }
}

.lsrStrength__droneInner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1120px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 72px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneInner {
    flex-direction: column;
    gap: 32px;
  }
}

.lsrStrength__droneText {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneText {
    width: 100%;
    max-width: 327px;
    gap: 16px;
  }
}

.lsrStrength__droneHeading {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.lsrStrength__droneHeading::before,
.lsrStrength__droneHeading::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 2px;
  height: min(130px, 130 / 1440 * 100vw);
  background: #ffffff;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneHeading::before,
  .lsrStrength__droneHeading::after {
    width: 1.041px;
    height: 67.691px;
  }
}

.lsrStrength__droneHeading::before {
  transform: rotate(-30deg);
  margin-right: min(32px, 32 / 1440 * 100vw);
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneHeading::before {
    margin-right: 16px;
  }
}

.lsrStrength__droneHeading::after {
  transform: rotate(30deg);
  margin-left: min(32px, 32 / 1440 * 100vw);
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneHeading::after {
    margin-left: 16px;
  }
}

.lsrStrength__droneCatch {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: min(32px, 32 / 1440 * 100vw);
  line-height: 1.6;
  letter-spacing: min(2.56px, 2.56 / 1440 * 100vw);
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneCatch {
    font-size: 16px;
    letter-spacing: 1.28px;
  }
}

.lsrStrength__droneLead {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: min(20px, 20 / 1440 * 100vw);
  line-height: 1.6;
  letter-spacing: min(1.6px, 1.6 / 1440 * 100vw);
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneLead {
    font-size: 14px;
    letter-spacing: 1.12px;
  }
}

.lsrStrength__droneVideo {
  flex-shrink: 0;
  width: 420px;
  height: 288px;
  border-radius: 16px;
  overflow: hidden;
  background: #898989;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneVideo {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 12px;
  }
}

.lsrStrength__droneVideo iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.lsrStrength__droneImg {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 1;
}

.lsrStrength__droneImg--drone {
  width: 315px;
  height: 212px;
  top: -106px;
  right: 84px;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneImg--drone {
    width: 147px;
    height: 89px;
    top: -35px;
    left: auto;
    right: 0;
  }
}

.lsrStrength__droneImg--thermo {
  width: 252px;
  height: 295px;
  bottom: -128px;
  left: 64px;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__droneImg--thermo {
    width: 99px;
    height: 116px;
    bottom: -52px;
    left: 0;
  }
}

.lsrStrength__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 435px));
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 48px;
  justify-content: center;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 64px 0 112px;
  list-style: none;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__list {
    grid-template-columns: minmax(0, 327px);
    row-gap: 40px;
    padding: 40px 24px;
  }
}

.lsrStrength__listItem {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__listItem {
    gap: 16px;
  }
}

.lsrStrength__listImageWrap {
  width: 100%;
  aspect-ratio: 1.6171003717;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__listImageWrap {
    aspect-ratio: 1.635;
    border-radius: 8px;
  }
}

.lsrStrength__listImage {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lsrStrength__listBody {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__listBody {
    gap: 8px;
  }
}

.lsrStrength__listTitle {
  margin: 0;
  color: #222;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__listTitle {
    font-size: 20px;
  }
}

.lsrStrength__listText {
  margin: 0;
  color: #222;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 1024px) {
  .lsrStrength__listText {
    font-size: 15px;
    line-height: 1.8;
  }
}

.lsrFlow {
  position: relative;
  background-color: #f66000;
  width: 100%;
  overflow: hidden;
  padding: 80px 20px 80px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrFlow {
    padding: 28px 24px 32px;
  }
}

.lsrFlow__circle {
  position: absolute;
  top: 48px;
  left: 0;
  width: 358px;
  height: 366px;
  pointer-events: none;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__circle {
    top: 0;
    left: 0;
    width: 118.874px;
    height: 121.53px;
  }
}

.lsrFlow__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.lsrFlow__header {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__header {
    gap: 8px;
    padding-bottom: 32px;
  }
}

.lsrFlow__overlay {
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(61.6px, 5.5vw - 17.6px, 88px);
  line-height: 1;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.2);
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__overlay {
    top: 22px;
    font-size: clamp(15.4px, 1vw + 11.76px, 22px);
    color: rgba(255, 255, 255, 0.1);
  }
}

.lsrFlow__title {
  position: relative;
  margin: 53px 0 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 2.4px;
  color: #ffffff;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__title {
    margin-top: 0;
    font-size: 15px;
    letter-spacing: 0;
  }
}

.lsrFlow__lead {
  position: relative;
  margin: 17px 0 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
  color: #ffffff;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__lead {
    margin-top: 0;
    font-size: 11px;
    line-height: 1.6;
  }
}

.lsrFlow__leadBreak {
  display: none;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__leadBreak {
    display: inline;
  }
}

.lsrFlow__tag {
  position: relative;
  z-index: 1;
  margin: 64px 0 0;
  width: 240px;
  height: 48px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #f66000;
  border-radius: 80px;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__tag {
    margin-top: 16px;
    width: 100%;
    height: 32px;
    padding: 10.667px;
    border-radius: 53.333px;
    font-size: 14px;
  }
}

.lsrFlow__list {
  position: relative;
  z-index: 1;
  margin: 64px 0 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 56px;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 32px;
  }
}

.lsrFlow__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__item {
    gap: 18.58px;
  }
}

.lsrFlow__cardHeader {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}

.lsrFlow__cardHeading {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__cardHeading {
    gap: 14.864px;
  }
}

.lsrFlow__cardStep {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__cardStep {
    gap: 7.432px;
  }
}

.lsrFlow__cardStepLabel {
  font-weight: 600;
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__cardStepLabel {
    font-size: 21px;
  }
}

.lsrFlow__cardStepNum {
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__cardStepNum {
    font-size: 28px;
  }
}

.lsrFlow__cardTitle {
  margin: 0;
  flex: 1;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__cardTitle {
    font-size: 16.722px;
  }
}

.lsrFlow__cardArrow {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 9.2px;
  border-radius: 9999px;
  background-color: #ffffff;
}

.lsrFlow__cardArrow::before {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  width: 15px;
  height: 2px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform: rotate(45deg);
  transform-origin: calc(100% - 1px) 50%;
}

.lsrFlow__cardBody {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__cardBody {
    gap: 14.864px;
  }
}

.lsrFlow__cardImage {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.5714285714;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__cardImage {
    border-radius: 7.432px;
  }
}

.lsrFlow__cardText {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .lsrFlow__cardText {
    font-size: 15px;
  }
}

.lsrWorks {
  position: relative;
  background-color: #f66000;
  width: 100%;
  overflow: hidden;
  padding: 80px 20px 64px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrWorks {
    padding: 28px 24px 32px;
  }
}

.lsrWorks__intro {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 64px;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__intro {
    gap: 8px;
    padding-bottom: 32px;
  }
}

.lsrWorks__overlay {
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(61.6px, 5.5vw - 17.6px, 88px);
  line-height: 1;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.2);
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__overlay {
    top: -10px;
    font-size: clamp(15.4px, 1vw + 11.76px, 22px);
    color: rgba(255, 255, 255, 0.1);
  }
}

.lsrWorks__title {
  position: relative;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 2.4px;
  color: #ffffff;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__title {
    margin-top: 0;
    font-size: 15px;
    letter-spacing: 0;
  }
}

.lsrWorks__lead {
  position: relative;
  margin: 17px 0 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
  color: #ffffff;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__lead {
    margin-top: 0;
    font-size: 11px;
    line-height: 1.6;
  }
}

.lsrWorks__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  box-sizing: border-box;
}

.lsrWorks__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__list {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}

.lsrWorks__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 385px;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__card {
    min-height: 357.656px;
    border-radius: 14px;
    box-shadow: 0 0 18.58px rgba(0, 0, 0, 0.1);
  }
}

.lsrWorks__cardImage {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.6296296296;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__cardImage {
    aspect-ratio: 1.635;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
  }
}

.lsrWorks__cardNumber {
  position: absolute;
  top: 190px;
  right: 16px;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 1;
  color: #f9f7f5;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__cardNumber {
    top: 176px;
    right: 16px;
    font-size: 48px;
  }
}

.lsrWorks__cardBody {
  background-color: #ffffff;
  height: 100%;
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding: 16px 28px 23px 32px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__cardBody {
    gap: 32px;
    padding: 15.33px 26.5px 22px 29.5px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
  }
}

.lsrWorks__cardCategory {
  flex-shrink: 0;
  margin: 0;
  padding-bottom: 0;
  width: -moz-fit-content;
  width: fit-content;
  color: #f66000;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.6;
  white-space: nowrap;
  border-bottom: 1px solid #eb5c01;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__cardCategory {
    font-size: 22px;
    border-bottom-width: 0.929px;
  }
}

.lsrWorks__cardList {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
  color: #222222;
}

.lsrWorks__cardItem {
  position: relative;
  padding-left: calc(1em + 6px);
}

.lsrWorks__cardItem::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #f66000;
  font-size: inherit;
  line-height: inherit;
}

.lsrWorks__cases {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  min-height: 484px;
  margin-top: 56px;
  padding: 40px 16px;
  background-color: #fff9eb;
  border: 1px solid #f66000;
  border-radius: 16px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__cases {
    min-height: auto;
    margin-top: 24px;
    padding: 24px;
    border-radius: 16px;
  }
}

.lsrWorks__casesTitle {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.6;
  color: #f66000;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__casesTitle {
    font-size: 20px;
  }
}

.lsrWorks__casesImages {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .lsrWorks__casesImages {
    flex-direction: column;
  }
}

.lsrWorks__casesImage {
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.lsrContactCta {
  background-color: #ffffff;
  padding: 104px 24px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta {
    padding: 32px 24px;
  }
}

.lsrContactCta__inner {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.lsrContactCta__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 320px;
  padding: 48px 0;
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__card {
    height: auto;
    gap: 24px;
    padding: 32px 0;
  }
}

.lsrContactCta__heading {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.6;
  color: #222222;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__heading {
    font-size: 20px;
    width: 100%;
  }
}

.lsrContactCta__buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: 992px;
  max-width: 100%;
  height: 135px;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__buttons {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    height: auto;
  }
}

.lsrContactCta__btn {
  display: flex;
  align-items: center;
  width: 480px;
  height: 135px;
  border-radius: 16px;
  text-decoration: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__btn {
    width: 295px;
    max-width: 100%;
    height: 87px;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
  }
}

.lsrContactCta__btn--line {
  background-color: #06c755;
  justify-content: flex-start;
  padding: 48px 40px 48px 80px;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__btn--line {
    justify-content: center;
    padding: 24px 32px;
  }
}

.lsrContactCta__btn--form {
  background-color: #27479c;
  justify-content: center;
  padding: 48px 0;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__btn--form {
    padding: 24px 32px;
  }
}

.lsrContactCta__btnContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.lsrContactCta__btn--form .lsrContactCta__btnContent {
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__btn--form .lsrContactCta__btnContent {
    justify-content: space-between;
  }
}

.lsrContactCta__btnLabel {
  display: flex;
  align-items: center;
  gap: 16px;
}

.lsrContactCta__btnIcon {
  display: block;
  width: 41.089px;
  height: 39px;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__btnIcon {
    width: 42px;
    height: 39px;
  }
}

.lsrContactCta__btnText {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__btnText {
    font-size: 17px;
  }
}

.lsrContactCta__btnChevron {
  display: block;
  width: 18.542px;
  height: 32px;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__btnChevron {
    width: 14px;
    height: 24.161px;
  }
}

.lsrContactCta__btnChevron--spOnly {
  display: none;
}
@media screen and (max-width: 1024px) {
  .lsrContactCta__btnChevron--spOnly {
    display: block;
  }
}

.lsrFooter {
  margin-top: 0;
  background: #ffffff;
  padding: 56px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1140px) {
  .lsrFooter {
    padding: 40px 24px;
  }
}

.lsrFooter__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
}
@media screen and (max-width: 1140px) {
  .lsrFooter__inner {
    gap: 32px;
  }
}

.lsrFooter__logo {
  display: block;
  width: 580px;
  max-width: 100%;
  line-height: 0;
}
@media screen and (max-width: 1140px) {
  .lsrFooter__logo {
    max-width: 240px;
  }
}

.lsrFooter__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.lsrFooter__sns {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

.lsrFooter__snsItem {
  display: flex;
  align-items: center;
}

.lsrFooter__snsLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.lsrFooter__snsLink:hover {
  opacity: 0.7;
}

.lsrFooter__snsIcon {
  display: block;
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}

.lsrSurvey {
  position: relative;
  background-color: #f9f7f5;
  overflow: hidden;
  padding-top: 80px;
}
@media (max-width: 1024px) {
  .lsrSurvey {
    padding-top: 28px;
  }
}

.lsrSurvey__overlay {
  position: absolute;
  top: -4px;
  left: 50%;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(61.6px, 5.5vw - 17.6px, 88px);
  line-height: 1;
  letter-spacing: 0.07em;
  color: rgba(176, 176, 176, 0.1);
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  transform: translateX(-50%);
}

@media (max-width: 1024px) {
  .lsrSurvey__overlay {
    font-size: clamp(15.4px, 1vw + 11.76px, 22px);
    top: 22px;
  }
}
.lsrSurvey__intro {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

.lsrSurvey__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 37px;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
  padding-inline: 20px;
}

@media (max-width: 1024px) {
  .lsrSurvey__header {
    gap: 8px;
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 32px;
    box-sizing: border-box;
  }
}
.lsrSurvey__title {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 2.4px;
  color: #f66000;
}

@media (max-width: 1024px) {
  .lsrSurvey__title {
    font-size: 15px;
    letter-spacing: 0.75px;
  }
}
.lsrSurvey__lead {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
  color: #222;
}

@media (max-width: 1024px) {
  .lsrSurvey__lead {
    font-size: 11px;
    line-height: 1.6;
  }
}
.lsrSurvey__leadAccent {
  color: #27479c;
}

.lsrSurvey__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  max-width: 1140px;
  margin: 80px auto 56px;
}

@media (max-width: 1024px) {
  .lsrSurvey__cta {
    gap: 8px;
    margin: 24px auto;
    padding-right: 24px;
    padding-left: 24px;
    box-sizing: border-box;
  }
}
.lsrSurvey__ctaLine {
  display: block;
  flex-shrink: 0;
  width: 62.354px;
  height: 108px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1024px) {
  .lsrSurvey__ctaLine {
    width: 34px;
    height: 58px;
  }
}
.lsrSurvey__ctaLine--left {
  transform: scaleX(-1);
}

.lsrSurvey__ctaBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 504px;
  max-width: 100%;
}

@media (max-width: 1024px) {
  .lsrSurvey__ctaBody {
    gap: 12px;
    width: auto;
  }
}
.lsrSurvey__ctaTags {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1024px) {
  .lsrSurvey__ctaTags {
    gap: 7.824px;
  }
}
.lsrSurvey__ctaTag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background-color: #f66000;
  border-radius: 8px;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.8;
  color: #ffffff;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .lsrSurvey__ctaTag {
    padding: 3.912px 7.824px;
    border-radius: 3.912px;
    font-size: 10px;
  }
}
.lsrSurvey__ctaTitle {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
  color: #222;
  text-align: center;
}

@media (max-width: 1024px) {
  .lsrSurvey__ctaTitle {
    font-size: 14px;
  }
}
.lsrSurvey__ctaTitleAccent {
  color: #27479c;
}

.lsrSurvey__chart {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto -40px auto;
}

@media (max-width: 1024px) {
  .lsrSurvey__chart {
    padding-inline: 20px;
    margin-bottom: 40px;
  }
}
.lsrSurvey__chart picture {
  display: block;
  width: 100%;
}

.lsrSurvey__chartImage {
  display: block;
  width: 100%;
  max-width: 1140px;
  height: auto;
}

@media (max-width: 1024px) {
  .lsrSurvey__chartImage {
    width: 100%;
    max-width: none;
  }
}
.lsrSurvey__drone {
  position: absolute;
  display: block;
  top: 0px;
  right: -56px;
  width: 280px;
  height: 189px;
  pointer-events: none;
}

@media (max-width: 1024px) {
  .lsrSurvey__drone {
    top: -152px;
    right: 8px;
    width: 90px;
    height: 61px;
  }
}
.lsrSurvey__brand {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .lsrSurvey__brand {
    display: none;
  }
}

.lsrSurvey__merit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding: 56px 0 72px;
  background-color: #f66000;
  color: #ffffff;
}

@media (max-width: 1024px) {
  .lsrSurvey__merit {
    gap: 32px;
    padding: 48px 24px;
  }
}
.lsrSurvey__meritTitle {
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: 3.2px;
  text-align: center;
}

@media (max-width: 1024px) {
  .lsrSurvey__meritTitle {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: normal;
  }
}
.lsrSurvey__meritList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
  list-style: none;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .lsrSurvey__meritList {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 32px;
    padding: 0;
  }
}
.lsrSurvey__meritItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 21px;
  flex: 1 1 0;
  max-width: 250px;
  min-width: 0;
}

@media (max-width: 1024px) {
  .lsrSurvey__meritItem {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    gap: 21px;
  }
}
.lsrSurvey__meritIconWrap {
  position: relative;
  width: 137px;
  height: 117px;
}

@media (max-width: 1024px) {
  .lsrSurvey__meritIconWrap {
    width: 118.26px;
    height: 101px;
  }
}
.lsrSurvey__meritCircle {
  position: absolute;
  top: 0;
  right: 0;
  width: 117px;
  height: 117px;
  border-radius: 50%;
  background-color: #fff;
}

@media (max-width: 1024px) {
  .lsrSurvey__meritCircle {
    width: 101px;
    height: 101px;
  }
}
.lsrSurvey__meritBadge {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background-color: #1d1d1d;
}

@media (max-width: 1024px) {
  .lsrSurvey__meritBadge {
    width: 37.12px;
    height: 37.12px;
  }
}
.lsrSurvey__meritNum {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 1.44px;
  color: #f66000;
}

@media (max-width: 1024px) {
  .lsrSurvey__meritNum {
    font-size: 15.538px;
    letter-spacing: 1.2431px;
  }
}
.lsrSurvey__meritIcon {
  position: absolute;
  top: 38px;
  left: 58px;
  display: block;
  width: 42px;
  height: 42px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1024px) {
  .lsrSurvey__meritIcon {
    top: 32.8px;
    left: 50px;
    width: 36.256px;
    height: 36.256px;
  }
}
.lsrSurvey__meritText {
  margin: 0;
  width: 100%;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 1.28px;
  color: #ffffff;
}

@media (max-width: 1024px) {
  .lsrSurvey__meritText {
    font-size: 15px;
    letter-spacing: 1.2px;
  }
}
.lsrSurvey__meritLead {
  font-weight: 400;
}

.lsrSurvey__meritEmph {
  font-weight: 700;
}

.lsrCompany {
  position: relative;
  background: #f9f7f5;
  padding-top: 80px;
  padding-bottom: 56px;
  overflow: clip;
}
@media (max-width: 767px) {
  .lsrCompany {
    padding-top: 28px;
    padding-bottom: 48px;
  }
}

.lsrCompany__inner {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 767px) {
  .lsrCompany__inner {
    padding: 0 24px;
  }
}

.lsrCompany__header {
  position: relative;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lsrCompany__overlay {
  position: absolute;
  top: -4px;
  left: 50%;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(61.6px, 5.5vw - 17.6px, 88px);
  line-height: 1.4;
  letter-spacing: 0.07em;
  color: #ffffff;
  white-space: nowrap;
  transform: translateX(-50%);
  pointer-events: none;
}
@media (max-width: 767px) {
  .lsrCompany__overlay {
    top: 22px;
    font-size: clamp(15.4px, 1vw + 11.76px, 22px);
  }
}

.lsrCompany__headerBody {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .lsrCompany__headerBody {
    gap: 4px;
  }
}

.lsrCompany__title {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #f66000;
  text-align: center;
}
@media (max-width: 767px) {
  .lsrCompany__title {
    font-size: 24px;
  }
}

.lsrCompany__lead {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
  color: #222;
  text-align: center;
}
@media (max-width: 767px) {
  .lsrCompany__lead {
    font-size: 14px;
  }
}

.lsrCompany__brSp {
  display: none;
}
@media (max-width: 767px) {
  .lsrCompany__brSp {
    display: inline;
  }
}

.lsrCompany__body {
  position: relative;
  margin-top: 64px;
}
@media (max-width: 767px) {
  .lsrCompany__body {
    margin-top: 48px;
  }
}

.lsrCompany__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .lsrCompany__columns {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.lsrCompany__column {
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}

.lsrCompany__divider {
  display: block;
  width: 100%;
  height: 1px;
  background: #f66000;
}

.lsrCompany__list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.lsrCompany__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.lsrCompany__label {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  color: #f66000;
}

.lsrCompany__value {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
  color: #222;
  word-break: break-word;
}

.lsrCompany__permit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  max-width: 352px;
  min-height: 124px;
  padding: 24px 16px 12px;
  border: 1px solid #f66000;
  box-sizing: border-box;
}

.lsrCompany__permitTag {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 27px;
  background: #f66000;
  color: #ffffff;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
}

.lsrCompany__permitText {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
  color: #f66000;
  text-align: left;
}

.lsrCompany__drone {
  position: absolute;
  right: max(16px, 50% - 700px);
  bottom: 300px;
  width: 281px;
  height: 130px;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
@media (max-width: 767px) {
  .lsrCompany__drone {
    top: 460px;
    right: 0;
    bottom: auto;
    width: 107px;
    height: 72px;
  }
}

.lsrReviews {
  position: relative;
  background-color: #f9f7f5;
  overflow: hidden;
  padding-top: 80px;
}
@media (max-width: 1024px) {
  .lsrReviews {
    padding-top: 28px;
  }
}

.lsrReviews__intro {
  position: relative;
  padding: 0 24px 80px;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .lsrReviews__intro {
    padding: 0 24px 32px;
  }
}
.lsrReviews__overlay {
  position: absolute;
  top: -4px;
  left: 50%;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(61.6px, 5.5vw - 17.6px, 88px);
  line-height: 1.4;
  letter-spacing: 0.07em;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateX(-50%);
}

@media (max-width: 1024px) {
  .lsrReviews__overlay {
    top: 22px;
    font-size: clamp(15.4px, 1vw + 11.76px, 22px);
  }
}
.lsrReviews__header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 85px;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 1024px) {
  .lsrReviews__header {
    gap: 8px;
  }
}
.lsrReviews__title {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 2.4px;
  color: #f66000;
}

@media (max-width: 1024px) {
  .lsrReviews__title {
    font-size: 15px;
    letter-spacing: 0.75px;
  }
}
.lsrReviews__lead {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.8;
  color: #222;
}

@media (max-width: 1024px) {
  .lsrReviews__lead {
    font-size: 11px;
    line-height: 1.6;
  }
}
.lsrBrSp {
  display: none;
}
@media (max-width: 1024px) {
  .lsrBrSp {
    display: inline;
  }
}

.lsrReviews__customers {
  padding: 0 24px 64px;
}

@media (max-width: 1024px) {
  .lsrReviews__customers {
    padding: 0 24px;
  }
}
.lsrReviews__customersCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1120px;
  height: 637px;
  margin: 0 auto;
  padding: 74px 54px 73px;
  border-radius: 16px;
  overflow: hidden;
  box-sizing: border-box;
  background-image: -webkit-image-set(url("../img/large-scale-repair/reviews-background.webp") 1x, url("../img/large-scale-repair/reviews-background@2x.webp") 2x);
  background-image: image-set(url("../img/large-scale-repair/reviews-background.webp") 1x, url("../img/large-scale-repair/reviews-background@2x.webp") 2x);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media (max-width: 1024px) {
  .lsrReviews__customersCard {
    height: 186px;
    padding: 21.605px 15.766px 21.313px;
    border-radius: 4.671px;
  }
}
.lsrReviews__customersOverlay {
  position: absolute;
  inset: 0;
  opacity: 0.75;
  pointer-events: none;
}

.lsrReviews__customersList {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  width: 100%;
  max-width: 1012px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1024px) {
  .lsrReviews__customersList {
    gap: 9.343px;
    max-width: 295.468px;
  }
}
.lsrReviews__customerItem {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 229px;
  height: 229px;
  background-color: #ffffff;
  border-radius: 114.5px;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .lsrReviews__customerItem {
    width: 66.86px;
    height: 66.86px;
    border-radius: 33.43px;
    filter: drop-shadow(0 0 2.336px rgba(0, 0, 0, 0.1));
  }
}
.lsrReviews__customerText {
  margin: 0;
  font-family: "Montserrat", sans-serif, "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.6;
  color: #f66000;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .lsrReviews__customerText {
    font-size: 6px;
  }
}
.lsrReviews__google {
  padding: 0 24px 64px;
}

@media (max-width: 1024px) {
  .lsrReviews__google {
    padding: 24px 24px 24px;
  }
}
.lsrReviews__googleCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 56px 320px;
  background-color: #ffffff;
  border-radius: 16px;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.16));
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .lsrReviews__googleCard {
    padding: 24px 16px;
    border-radius: 8px;
  }
}
.lsrReviews__googleInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 480px;
}

@media (max-width: 1024px) {
  .lsrReviews__googleInner {
    gap: 8.493px;
    max-width: 254.79px;
  }
}
.lsrReviews__googleBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
}

@media (max-width: 1024px) {
  .lsrReviews__googleBody {
    gap: 12.739px;
  }
}
.lsrReviews__googleHeading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media (max-width: 1024px) {
  .lsrReviews__googleHeading {
    gap: 4.246px;
  }
}
.lsrReviews__googleBar {
  position: relative;
  display: inline-block;
  width: 68px;
  height: 1.7px;
  background-color: #f66000;
  flex-shrink: 0;
}

@media (max-width: 1024px) {
  .lsrReviews__googleBar {
    width: 36.095px;
    height: 0.9px;
  }
}
.lsrReviews__googleBarLeft {
  transform: rotate(60deg);
}

.lsrReviews__googleBarRight {
  transform: rotate(-60deg);
}

.lsrReviews__googleTitle {
  margin: 0;
  font-family: "Montserrat", sans-serif, "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
  color: #f66000;
  text-align: center;
  white-space: nowrap;
}

.lsrReviews__googleTitleJa {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .lsrReviews__googleTitle {
    font-size: 16.986px;
  }
}
.lsrReviews__stars {
  display: block;
  width: 480px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .lsrReviews__stars {
    width: 254.79px;
  }
}
.lsrReviews__note {
  margin: 0;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #222;
  text-align: center;
}

@media (max-width: 1024px) {
  .lsrReviews__note {
    font-size: 10px;
  }
}
.lsrReviews__slider {
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
}

.lsrReviews__sliderTrack {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: 205px;
  margin: 0;
  padding: 0;
  list-style: none;
  animation: lsr-reviews-slide 60s linear infinite;
}

@media (max-width: 1024px) {
  .lsrReviews__sliderTrack {
    height: 76.447px;
    animation-duration: 40s;
  }
}
.lsrReviews__sliderItem {
  flex-shrink: 0;
  height: 100%;
  margin-right: 24px;
}

@media (max-width: 1024px) {
  .lsrReviews__sliderItem {
    margin-right: 12px;
  }
}
.lsrReviews__sliderImage {
  display: block;
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@keyframes lsr-reviews-slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.lsrContactForm {
  background-color: #f66000;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 80px;
}
@media (max-width: 1024px) {
  .lsrContactForm {
    padding-top: 28px;
  }
}

.lsrContactForm__circle {
  position: absolute;
  top: 47px;
  left: 0;
  width: 358px;
  height: 366px;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 1024px) {
  .lsrContactForm__circle {
    top: 0;
    left: 0;
    width: 118.874px;
    height: 121.53px;
  }
}

.lsrContactForm__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 280px;
  padding: 0 0 80px;
  position: relative;
  z-index: 1;
  overflow: visible;
}
@media (max-width: 1024px) {
  .lsrContactForm__title {
    height: auto;
    padding: 0 0 16px;
  }
}

.lsrContactForm__overlay {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(61.6px, 5.5vw - 17.6px, 88px);
  line-height: 1.4;
  letter-spacing: 6.16px;
  color: rgba(255, 255, 255, 0.2);
  text-align: center;
  white-space: nowrap;
  margin: 0;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .lsrContactForm__overlay {
    font-size: clamp(15.4px, 1vw + 11.76px, 22px);
    letter-spacing: 2.66px;
    color: rgba(255, 255, 255, 0.1);
    top: 22px;
  }
}

.lsrContactForm__heading {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 2.4px;
  color: #ffffff;
  text-align: center;
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .lsrContactForm__heading {
    font-size: 26px;
    letter-spacing: 1px;
  }
}

.lsrContactForm__lead {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.8;
  color: #ffffff;
  text-align: center;
  max-width: 1120px;
  width: 100%;
  margin: 24px auto 0;
  padding: 0 24px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .lsrContactForm__lead {
    font-size: 14px;
    margin: 8px auto 0;
  }
}

.lsrContactForm__body {
  width: 100%;
  padding: 0 24px 80px;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .lsrContactForm__body {
    padding: 0 24px 32px;
  }
}

.lsrContactForm__card {
  width: 100%;
  max-width: 1120px;
  background-color: #ffffff;
  border-radius: 24px;
  padding: 64px 64px 64px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 1024px) {
  .lsrContactForm__card {
    border-radius: 16px;
    padding: 24px;
  }
}

.lsrContactForm__row {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 40px;
}
.lsrContactForm__row:first-child {
  padding-top: 0;
}
@media (max-width: 1024px) {
  .lsrContactForm__row {
    padding-top: 24px;
  }
}

.lsrContactForm__rowInner {
  display: flex;
  gap: 48px;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 1024px) {
  .lsrContactForm__rowInner {
    flex-direction: column;
    gap: 16px;
  }
}

.lsrContactForm__label {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-shrink: 0;
  width: 226px;
}
@media (max-width: 1024px) {
  .lsrContactForm__label {
    width: 100%;
  }
}

.lsrContactForm__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 4px;
  background-color: #f66000;
  color: #ffffff;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
}

.lsrContactForm__badge--optional {
  background-color: #929292;
}

.lsrContactForm__labelText {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  color: #222222;
  margin: 0;
}
@media (max-width: 1024px) {
  .lsrContactForm__labelText {
    font-size: 17px;
  }
}

.lsrContactForm__field {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1024px) {
  .lsrContactForm__field {
    width: 100%;
    gap: 24px;
  }
}

.lsrContactForm__divider {
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .lsrContactForm__divider {
    margin-top: 24px;
  }
}

.lsrContactForm__input,
.lsrContactForm__field input[type=text],
.lsrContactForm__field input[type=email],
.lsrContactForm__field input[type=tel],
.lsrContactForm__field input[type=date],
.lsrContactForm__field input[type=time],
.lsrContactForm__field select,
.lsrContactForm__field textarea {
  width: 100%;
  background-color: #f9f7f5;
  border: 0;
  border-radius: 8px;
  padding: 16px;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #222222;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.lsrContactForm__input::-moz-placeholder, .lsrContactForm__field input[type=text]::-moz-placeholder, .lsrContactForm__field input[type=email]::-moz-placeholder, .lsrContactForm__field input[type=tel]::-moz-placeholder, .lsrContactForm__field input[type=date]::-moz-placeholder, .lsrContactForm__field input[type=time]::-moz-placeholder, .lsrContactForm__field select::-moz-placeholder, .lsrContactForm__field textarea::-moz-placeholder {
  color: #898989;
}
.lsrContactForm__input::placeholder,
.lsrContactForm__field input[type=text]::placeholder,
.lsrContactForm__field input[type=email]::placeholder,
.lsrContactForm__field input[type=tel]::placeholder,
.lsrContactForm__field input[type=date]::placeholder,
.lsrContactForm__field input[type=time]::placeholder,
.lsrContactForm__field select::placeholder,
.lsrContactForm__field textarea::placeholder {
  color: #898989;
}
@media (max-width: 1024px) {
  .lsrContactForm__input,
  .lsrContactForm__field input[type=text],
  .lsrContactForm__field input[type=email],
  .lsrContactForm__field input[type=tel],
  .lsrContactForm__field input[type=date],
  .lsrContactForm__field input[type=time],
  .lsrContactForm__field select,
  .lsrContactForm__field textarea {
    border-radius: 6.623px;
    padding: 13.246px;
    font-size: 14px;
  }
}

.lsrContactForm__field textarea {
  height: 280px;
  resize: vertical;
  min-height: 120px;
}
@media (max-width: 1024px) {
  .lsrContactForm__field textarea {
    height: 180px;
  }
}

.lsrContactForm__field input[type=date] {
  height: 56px;
  cursor: pointer;
}

.lsrContactForm__nameRow {
  display: flex;
  gap: 24px;
  width: 100%;
}
.lsrContactForm__nameRow > div {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1024px) {
  .lsrContactForm__nameRow {
    flex-direction: column;
    gap: 12px;
  }
}

.lsrContactForm__zipRow {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.lsrContactForm__zipInputWrap {
  width: 337px;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .lsrContactForm__zipInputWrap {
    width: 100%;
  }
}

.lsrContactForm__zipSearchBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  padding: 0 16px;
  border-radius: 4px;
  background-color: #f66000;
  color: #ffffff;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.lsrContactForm__zipSearchBtn:hover {
  opacity: 0.9;
}

.lsrContactForm__addressBlock {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.lsrContactForm__addressBlock + .lsrContactForm__addressBlock {
  margin-top: 24px;
}

.lsrContactForm__subLabel {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: #222222;
  margin: 0 0 16px;
  display: block;
}
@media (max-width: 1024px) {
  .lsrContactForm__subLabel {
    font-size: 14px;
    margin: 0 0 12px;
  }
}

.lsrContactForm__prefSelect,
.lsrContactForm__zipInputWrap {
  width: 337px;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .lsrContactForm__prefSelect,
  .lsrContactForm__zipInputWrap {
    width: 100%;
  }
}

.lsrContactForm__dateBlock {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.lsrContactForm__dateBlock + .lsrContactForm__dateBlock {
  margin-top: 16px;
}

.lsrContactForm__dateInputWrap {
  width: 337px;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .lsrContactForm__dateInputWrap {
    width: 100%;
  }
}

.lsrContactForm__timeRow {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}
@media (max-width: 1024px) {
  .lsrContactForm__timeRow {
    gap: 24px;
  }
}

.lsrContactForm__note {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #000000;
  margin: 0;
}

.lsrContactForm__field .wpcf7-radio,
.lsrContactForm__field .wpcf7-checkbox,
.lsrContactForm__radioGroup .wpcf7-radio,
.lsrContactForm__radioGroup .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}
@media (max-width: 1024px) {
  .lsrContactForm__field .wpcf7-radio,
  .lsrContactForm__field .wpcf7-checkbox,
  .lsrContactForm__radioGroup .wpcf7-radio,
  .lsrContactForm__radioGroup .wpcf7-checkbox {
    gap: 24px;
  }
}

.lsrContactForm__field .wpcf7-list-item,
.lsrContactForm__radioGroup .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.lsrContactForm__field .wpcf7-list-item label,
.lsrContactForm__radioGroup .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin: 0;
}

.lsrContactForm__field .wpcf7-list-item-label,
.lsrContactForm__radioGroup .wpcf7-list-item-label {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #222222;
  margin: 0;
  cursor: pointer;
}

.lsrContactForm input[type=radio],
.lsrContactForm input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #d9d9d9;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  margin: 0;
  vertical-align: middle;
  transition: border-color 0.15s ease;
}
.lsrContactForm input[type=radio]:checked,
.lsrContactForm input[type=checkbox]:checked {
  border-color: #27479c;
}
.lsrContactForm input[type=radio]:checked::after,
.lsrContactForm input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #27479c;
}

.lsrContactForm input[type=checkbox] {
  border-radius: 4px;
}
.lsrContactForm input[type=checkbox]:checked {
  background-color: #27479c;
  border-color: #27479c;
}
.lsrContactForm input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 6px;
  height: 12px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  background: transparent;
}

.lsrContactForm__radioGroup--vertical {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.lsrContactForm__privacy {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  padding-top: 40px;
}
@media (max-width: 1024px) {
  .lsrContactForm__privacy {
    gap: 24px;
    margin-top: 24px;
    padding-top: 24px;
  }
}

.lsrContactForm__privacyHead {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  width: 100%;
}
@media (max-width: 1024px) {
  .lsrContactForm__privacyHead {
    gap: 16px;
  }
}

.lsrContactForm__privacyTitle {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  color: #222222;
  text-align: center;
  margin: 0;
}
@media (max-width: 1024px) {
  .lsrContactForm__privacyTitle {
    font-size: 15px;
  }
}

.lsrContactForm__privacyText {
  width: 100%;
  height: 184px;
  overflow-y: auto;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #000000;
  padding-right: 16px;
}
@media (max-width: 1024px) {
  .lsrContactForm__privacyText {
    height: 200px;
  }
}
.lsrContactForm__privacyText p {
  margin-bottom: 16px !important;
}
.lsrContactForm__privacyText p:last-child {
  margin-bottom: 0;
}
.lsrContactForm__privacyText br {
  display: block !important;
}

.lsrContactForm__privacyAgree {
  display: inline-flex;
  align-items: center;
}
.lsrContactForm__privacyAgree .wpcf7-acceptance {
  display: flex;
  align-items: center;
}
.lsrContactForm__privacyAgree .wpcf7-list-item {
  margin: 0;
  display: inline-flex;
  align-items: center;
}
.lsrContactForm__privacyAgree label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}
.lsrContactForm__privacyAgree .wpcf7-list-item-label {
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #222222;
  margin: 0;
}

.lsrContactForm__submit {
  width: 408px;
  max-width: 100%;
  margin: 40px auto 0;
}
@media (max-width: 1024px) {
  .lsrContactForm__submit {
    width: 100%;
  }
}
.lsrContactForm__submit > p {
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 0;
}
.lsrContactForm__submit .wpcf7-spinner {
  display: none;
}
.lsrContactForm__submit > p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 40px;
  width: 13.907px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url("../img/large-scale-repair/submit-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .lsrContactForm__submit > p::after {
    right: 20px;
    width: 10px;
    height: 17px;
  }
}

.lsrContactForm__submit input[type=submit],
.lsrContactForm__submit .wpcf7-submit {
  display: block;
  width: 100%;
  height: 87px;
  background-color: #27479c;
  color: #ffffff;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 87px;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  text-align: center;
  padding: 0 40px;
  transition: opacity 0.15s ease;
}
.lsrContactForm__submit input[type=submit]:hover,
.lsrContactForm__submit .wpcf7-submit:hover {
  opacity: 0.9;
}
.lsrContactForm__submit input[type=submit]:disabled,
.lsrContactForm__submit .wpcf7-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (max-width: 1024px) {
  .lsrContactForm__submit input[type=submit],
  .lsrContactForm__submit .wpcf7-submit {
    height: 64px;
    font-size: 18px;
    line-height: 64px;
  }
}

.lsrContactForm .wpcf7-not-valid-tip {
  color: #d93025;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 6px;
  display: block;
}

.lsrContactForm .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 12px 16px;
  border: 1px solid currentColor;
  border-radius: 8px;
  font-family: "Noto Sans JP", "noto-sans", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #222222;
}

.lsrContactForm .wpcf7-form.invalid .wpcf7-response-output,
.lsrContactForm .wpcf7-form.unaccepted .wpcf7-response-output {
  color: #d93025;
}

.lsrContactForm .wpcf7-form.sent .wpcf7-response-output {
  color: #137333;
}

.lsrContactForm form p {
  margin: 0;
}

.lsrContactForm form br {
  display: none;
}

.lsrContactForm .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}/*# sourceMappingURL=app.css.map */