/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

*,
::before,
::after {
  box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent /* 4 */;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 * 3. Show the overflow in Edge 18- and IE.
 */

hr {
  color: inherit; /* 1 */
  height: 0; /* 2 */
  overflow: visible; /* 3 */
}

/**
 * Add the correct display in IE.
 */

main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */

nav li::before {
  content: "\200B";
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
  -ms-overflow-style: scrollbar; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * 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: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

table {
  border-collapse: collapse; /* 1 */
  border-color: inherit; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
  resize: block; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * Remove the tapping delay in IE 10.
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Add typography inheritance in all browsers (opinionated).
 */

button,
input,
select,
textarea {
  background-color: transparent; /* 1 */
  border: 1px solid WindowFrame; /* 1 */
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  letter-spacing: inherit; /* 2 */
  padding: 0.25em 0.375em; /* 1 */
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: no-repeat right center / 1em;
  border-radius: 0;
  padding-right: 1em;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%274%27%3E%3Cpath d=%27M4 0h6L7 4%27/%3E%3C/svg%3E");
}

/**
 * Remove the border and padding in all browsers (opinionated).
 */

[type="color"],
[type="range"] {
  border-width: 0;
  padding: 0;
}

/**
 * Change the inconsistent appearance in IE (opinionated).
 */

::-ms-expand {
  display: none;
}

/**
 * Correct the inconsistent appearance in IE (opinionated).
 */

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}

ul{list-style:none;padding-left:0}html{color:#000;font-size:62.5%;line-height:1.5;font-weight:400}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0}dt{font-weight:inherit}dd{margin-left:0}button,input,optgroup,select,textarea,fieldset,legend{padding:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}br{font-size:0}*{background-repeat:no-repeat;transition-property:none;transition-duration:.5s;transition-property:none;transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1)}*::before,*::after{background-repeat:no-repeat;transition-property:none;transition-duration:.5s;transition-property:none;transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1)}body{background-color:#fff;font-family:"Noto Sans JP",sans-serif;font-size:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 1267px)and (min-width: 600px){body{width:1267px}}img,svg{height:auto;max-width:100%}label,button{cursor:pointer}button{border-style:none}a{color:inherit}@media(hover: hover){a[href^="tel:"]{pointer-events:none}}nav li::before{position:absolute}#webpack-dev-server-client-overlay{display:none}#body{overflow:visible}#body.inview{overflow:hidden}.anchor{padding-top:100px;margin-top:-100px}.anchor:last-child{padding-top:120px}@media screen and (max-width: 600px)and (min-width:360px){.anchor{padding-top:70px;margin-top:-70px}.anchor:last-child{padding-top:70px}}.header{width:100%;height:55px;position:fixed;transition:transform .3s;z-index:1001}.header:hover .header__list{opacity:1}.header:hover .header__list .header__item{color:#000}.header:hover .hamburger span{background-color:#fff}.header:hover .header__link:hover{color:#fff;background-color:rgba(0,0,0,0);text-shadow:none}@media screen and (max-width: 600px)and (min-width:360px){.header{background-color:#f8f8f8;top:0}.header:hover .hamburger span{background-color:#000}.header:hover .header__image img{filter:brightness(0)}}.header__link{text-decoration:none;transition:all .3s;padding:5px}.header__link:hover{background-color:#ebebec;color:#e3bd3f;border-radius:5px;text-shadow:2px 2px 2px #000}.header .headerBg{transform:translateY(-100%);width:100%;height:100%;transition:all .3s;z-index:1000}.header .headerBg.show{transform:translateY(0);background-color:#000}.header .headerBg.show+.header__content .header__itemLogo .header__image img{filter:none}.header .headerBg.show+.header__content .header__list{opacity:1}.header .headerBg.show+.header__content .header__list .header__item{color:#fff}.header .headerBg.show+.header__content .hamburger span{background-color:#fff}.header .headerBg.show+.header__content .header__link:hover{background-color:#ebebec;color:#e3bd3f;border-radius:5px;text-shadow:2px 2px 2px #000}@media screen and (max-width: 600px)and (min-width:360px){.header{height:74px}}.header__content{padding:0px 63px;height:inherit;position:fixed;top:0;display:flex;width:100%;align-items:center;z-index:10000000;justify-content:space-between}@media screen and (max-width: 600px)and (min-width:360px){.header__content{padding:0px 29px 0 9px}.header__content.menuOpen{background-color:#000}.header__content.menuOpen .header__itemLogo .header__image img{filter:none}}.header__list{display:flex;opacity:0;transition:all .3s}@media screen and (max-width: 600px)and (min-width:360px){.header__list{display:none}}.header__item{font-size:20px;color:#000;margin-right:34px;font-weight:bold}.header__image{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex;height:inherit;align-items:center}.header__image img{width:100px;height:44px;filter:brightness(0)}@media screen and (max-width: 600px)and (min-width:360px){.header__image img{width:77px;height:34px}}.header__image:hover .headerBg{transform:translateY(0);background-color:#000}.header__image:hover .header__image img{filter:none}.header__image:hover .header__item{color:#fff}.header__image:hover .hamburger span{background-color:#fff}.header__itemLogo{position:relative}.header .headerLogo__bg{position:absolute;width:100vw;left:-63px;top:-6px;display:block;height:74px}.header .headerLogo__bg::after{width:inherit;display:block;height:inherit;content:"";background-color:#000}@media screen and (max-width: 600px)and (min-width:360px){.header .headerLogo__bg{height:54px}}.header .hamburger{display:none}.header .hamburger{width:22px;height:22px;position:relative}.header .hamburger span{position:absolute;width:22px;height:2px;border-radius:10px;background-color:#000;transition:transform .3s}.header .hamburger .borderMiddle{top:8px;left:0}.header .hamburger .borderTop{top:0px;left:0}.header .hamburger .borderBottom{top:16px;left:0}.header .hamburger.menuOpen span{background-color:#fff}.header .hamburger.menuOpen .borderMiddle{display:none}.header .hamburger.menuOpen .borderTop{top:10px;transform:rotate(225deg)}.header .hamburger.menuOpen .borderBottom{top:10px;transform:rotate(-225deg)}@media screen and (max-width: 600px)and (min-width:360px){.header .hamburger{display:block}}.header .hamburger__menuContent{background-color:#000;position:fixed;opacity:0;top:74px;left:0;right:-100%;bottom:0;width:100%;height:515px;box-shadow:0 3px 6px rgba(0,0,0,.29);transform:translateX(100%)}@media screen and (max-width: 600px)and (min-width:360px){.header .hamburger__menuContent{transform:translateX(100%);opacity:0;top:54px}.header .hamburger__menuContent.menuOpen{opacity:1;transform:translateX(0)}}.header .hamburger__menuContent .hamburger__menu{padding-top:47px;padding-bottom:87px}.header .hamburger__menuContent .hamburger__menuItem{font-size:18px;font-weight:bold;text-align:center;margin-bottom:50px;cursor:pointer}.header .hamburger__menuContent .hamburger__menuItem:last-child{margin-bottom:0}.header .hamburger__menuContent .hamburger__menuItem a{text-decoration:none;color:#fff;cursor:pointer}.header .hamburgerBg{background-color:#000;opacity:0;position:absolute;top:539px;width:100%;left:0;height:calc(100vh - 539px);transform:translateX(100%)}@media screen and (max-width: 600px)and (min-width:360px){.header .hamburgerBg{transform:translateX(100%);opacity:0;top:569px;height:calc(100vh - 569px)}.header .hamburgerBg.menuOpen{opacity:.5;transform:translateX(0)}}.main{background-color:#f8f8f8;position:relative}@media screen and (max-width: 600px)and (min-width:360px){.main{margin-top:74px}}.main:after{content:"";position:absolute;box-sizing:border-box;border-right:50vw solid rgba(0,0,0,0);border-left:50vw solid rgba(0,0,0,0);border-top:100px solid #f8f8f8;left:50%;transform:translateX(-50%)}@media screen and (max-width: 600px)and (min-width:360px){.main:after{border-top:50px solid #f8f8f8}}.main .firstView{width:100%;-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;background-size:cover}.main .firstView video{width:inherit;height:inherit}.main__textContent{max-width:988px;margin:72px auto 37px auto}@media screen and (max-width: 600px)and (min-width:360px){.main__textContent{padding:0px 11px;margin:0 auto}}.main .first__triangle{width:0;height:0;border-style:solid;border-width:52px 85px 0 85px;border-color:#d9d9d9 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);margin:0 auto 43px auto;opacity:0}@media screen and (max-width: 600px)and (min-width:360px){.main .first__triangle{display:none}}.main .first__triangle.inview{-webkit-animation-name:zoomInExReverse;animation-name:zoomInExReverse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main__topText{letter-spacing:1.25px;font-size:25px;margin:60px auto 39px auto;width:100%;color:#000;letter-spacing:1.25px;line-height:36px;text-align:center;font-weight:500;background-image:url(/assets/img/hukidashi2.png);background-size:contain;background-repeat:no-repeat;height:226px;max-width:988px;background-position:top 0px left 27px;padding-top:50px}@media screen and (max-width: 600px)and (min-width:360px){.main__topText{font-size:16px;letter-spacing:.8px;line-height:24px;width:inherit;padding:0 50px;max-width:368px;height:198px;margin:0px auto 27px auto;background-position:center;background-image:url(http://localhost:8080/assets/img/hukidashi1.png);padding-top:30px}.main__topText .pc{display:none}}.main__text:nth-child(4){font-size:35px;line-height:65px;margin-top:0;letter-spacing:1.75px;line-height:51px;font-weight:600;text-align:center;max-width:960px;margin:0 auto 107px auto;opacity:0}.main__text:nth-child(4).inview{opacity:0;-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main__text:nth-child(4) .sp{display:none}.main__text:nth-child(4) .main__textTop{margin-right:15px;font-size:50px}.main__text:nth-child(4) .main__textTop.inview{transition:.3s ease-in-out;position:relative;overflow:hidden}.main__text:nth-child(4) .main__textTop.inview::after{content:"";width:100%;height:13px;display:block;position:absolute;bottom:-4px;background:#f0e3b7;left:0;opacity:0;overflow:hidden;-webkit-animation-name:lineIn;animation-name:lineIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 600px)and (min-width:360px){.main__text:nth-child(4) .main__textTop.inview::after{height:10px}}@media screen and (max-width: 600px)and (min-width:360px){.main__text:nth-child(4){text-align:center;font-size:22px;line-height:36px;margin-top:27px;margin-bottom:65px}.main__text:nth-child(4) .pc{display:none}.main__text:nth-child(4) .sp{display:block}.main__text:nth-child(4) .main__textTop{font-size:28px;margin-right:0px}}.main__text:nth-child(6){margin-top:65px;font-size:25px;text-align:center;letter-spacing:1.25px;line-height:44px;font-weight:500;margin-bottom:47px}.main__text:nth-child(6) .sp{display:none}@media screen and (max-width: 600px)and (min-width:360px){.main__text:nth-child(6){font-size:16px;letter-spacing:.8px;line-height:27px;margin-top:28px;margin-bottom:34px}.main__text:nth-child(6) .sp{display:block}}.main__text .textStrong{font-size:30px;line-height:36px;letter-spacing:1.5px;color:#e6c455;-webkit-text-stroke:.25px #000;text-stroke:.25px #000}.main__text .textUnderLine{font-size:30px;transition:.3s ease-in-out;position:relative;overflow:hidden;font-weight:bold;display:inline-block;top:10px}.main__text .textUnderLine.inview{-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main__text .textUnderLine.inview::after{content:"";width:100%;height:13px;display:block;position:absolute;bottom:-7px;background:#f0e3b7;left:0;opacity:0;overflow:hidden;-webkit-animation-name:lineIn;animation-name:lineIn;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 600px)and (min-width:360px){.main__text .textUnderLine.inview::after{height:17px;bottom:-10px;display:inline-block}}@media screen and (max-width: 600px)and (min-width:360px){.main__text{font-size:15px;letter-spacing:1.75px;padding:0 10px;line-height:21px;margin-top:40px;text-align:center}.main__text .sp{display:block}.main__text .pc{display:none}.main__text:nth-child(3){font-weight:600}.main__text .textStrong{position:relative;font-size:20px}.main__text .textUnderLine{font-size:20px;font-weight:bold;height:30px}.main__text .textUnderLine:first-child{top:8px}.main__text .textUnderLine:last-child{top:0px}}.main__subText{font-size:27px;text-align:center;font-weight:500}@media screen and (max-width: 600px)and (min-width:360px){.main__subText{font-size:20px}}.main .triangle{width:0;height:0;border-style:solid;border-width:52px 85px 0 85px;border-color:#d9d9d9 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);margin:0 auto 43px auto;opacity:0}@media screen and (max-width: 600px)and (min-width:360px){.main .triangle{border-width:27px 44px 0 44px}.main .triangle.first__triangle{display:none}}.main .triangle.inview{-webkit-animation-name:zoomInExReverse;animation-name:zoomInExReverse;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main__image{margin:auto;max-width:1120px;position:relative}@media screen and (max-width: 600px)and (min-width:360px){.main__image{max-width:355px}}.main__image .case__study{font-size:27px;font-weight:bold;text-align:center;background-color:#ffea07;border-radius:36px;width:445px;color:#000;padding:16.5px 0;position:absolute;left:50%;transform:translateX(-50%);top:-36px}@media screen and (max-width: 600px)and (min-width:360px){.main__image .case__study{width:210px;font-size:16px;padding:5px 0;top:-17px}}.main__title{font-size:40px;color:#e3bd3f;line-height:58px;letter-spacing:4px;font-weight:900;text-align:center;margin-bottom:42px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto 71px auto}@media screen and (max-width: 600px)and (min-width:360px){.main__title{font-size:26px;line-height:37px;letter-spacing:2.6px;margin:0 auto 65px auto}}.main__titleScroll{opacity:0;color:#000;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:auto}.main__titleScroll .sp{display:none}.main__titleScroll.inview{opacity:1;transition:.3s ease-in-out;position:relative;overflow:hidden;height:65px;-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main__titleScroll.inview::after{content:"";width:100%;height:15px;display:block;position:absolute;bottom:-2px;background:#f0e3b7;left:0;opacity:0;overflow:hidden;-webkit-animation-name:lineIn;animation-name:lineIn;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 600px)and (min-width:360px){.main__titleScroll.inview::after{display:none}.main__titleScroll.inview .sp__underLine.inview::after{content:"";width:191px;height:9px;display:block;position:absolute;top:31px;background:#f0e3b7;left:0;opacity:0;overflow:hidden;-webkit-animation-name:lineIn;animation-name:lineIn;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}@media screen and (max-width: 600px)and (min-width:360px){.main__titleScroll{display:inline;font-size:25px;line-height:40px}}.main__titleScroll .textStrong{color:#e3bd3f;height:65px}@media screen and (max-width: 600px)and (min-width:360px){.main__titleScroll .textStrong{display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content}}.main__titleScroll .strongTop{position:relative}@media screen and (max-width: 600px)and (min-width:360px){.main__titleScroll .strongTop{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin:auto}.main__titleScroll .strongTop::after{content:"";width:100%;height:9px;display:block;position:absolute;bottom:-3px;background:#f0e3b7;left:0;opacity:0;overflow:hidden;-webkit-animation-name:lineIn;animation-name:lineIn;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.main__contentsInner{max-width:1120px;margin:auto}@media screen and (max-width: 600px)and (min-width:360px){.main__contentsInner{margin:0}}.main .title{font-size:46px;font-weight:600;letter-spacing:2.3px;line-height:86px;text-align:center;position:relative;margin-bottom:72px}@media screen and (max-width: 600px)and (min-width:360px){.main .title{font-size:27px;margin-bottom:49px}}.main .title::after{content:"Works";font-size:28px;letter-spacing:1.4px;line-height:40px;color:#e3bd3f;position:absolute;bottom:-40px;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 600px)and (min-width:360px){.main .title::after{font-size:16px;bottom:-30px}}.main .reason__tContent{opacity:0}.main .reason__tContent.inview{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .reason__title{margin-bottom:0;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto;padding-top:72px;margin-top:-72px;font-size:40px}.main .reason__title span{color:#e6c455;font-size:50px;letter-spacing:2.5px}.main .reason__title .sp{display:none}.main .reason__title::before{content:"";background-image:url(/assets/img/left-border.png);width:100px;height:100px;display:block;position:absolute;left:-50px;background-size:28px;top:85px}.main .reason__title::after{content:"";background-image:url(/assets/img/right-border.png);width:100px;height:100px;display:block;position:absolute;background-size:28px;top:135px;left:auto;right:-175px}@media screen and (max-width: 600px)and (min-width:360px){.main .reason__title{line-height:39px;padding-top:87px;font-size:27px}.main .reason__title .sp{display:block}.main .reason__title span{font-size:33px}.main .reason__title::before{top:97px}.main .reason__title::after{width:49px;height:87px;background-size:28px;top:140px;right:-92px}}.main .reason__subTitle{font-size:28px;font-size:28px;letter-spacing:1.4px;line-height:40px;font-weight:bold;color:#e3bd3f;text-align:center;display:block;margin-top:-20px}@media screen and (max-width: 600px)and (min-width:360px){.main .reason__subTitle{font-size:16px;margin-top:0}}.main__hp{display:flex;justify-content:center;position:relative;height:650px;overflow:hidden;max-width:832px;margin:auto;transition:all .3s;cursor:pointer}.main__hp:hover .hoverText{opacity:1}.main__hp:hover::before{opacity:1}.main__hp::before{content:"";opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(180,175,175,.59);z-index:10}@media screen and (max-width: 600px)and (min-width:360px){.main__hp{flex-direction:column-reverse;align-items:center;height:549px}.main__hp::before{opacity:0;top:50%;left:50%;background-color:rgba(180,175,175,.59);z-index:10;max-width:356px;transform:translate(-50%, -50%);max-height:549px}}.main__hp .sako-movie{position:relative;width:416px;overflow:hidden;height:650px}.main__hp .sako-movie .sako-movieHeader{height:30px}.main__hp .sako-movie .sako-movieFirst{display:inline-block;width:inherit;max-width:inherit;-o-object-fit:cover;object-fit:cover;height:220px}.main__hp .sako-movie .sako-movieBottom{height:43px}@media screen and (max-width: 600px)and (min-width:360px){.main__hp .sako-movie{max-width:356px;height:549px}.main__hp .sako-movie .sako-movieHeader{height:25px}.main__hp .sako-movie .sako-movieFirst{height:191px}.main__hp .sako-movie .sako-movieBottom{height:24px}}.main__hp .hoverText{opacity:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:240px;border-radius:100px;border:3px solid #fff;box-sizing:border-box;font-size:30px;text-align:center;color:#fff;font-weight:bold;letter-spacing:3px;z-index:100;transition:all .3s}.main__hp .hoverText:hover{background-color:#fff;color:rgba(180,175,175,.59)}@media screen and (max-width: 600px)and (min-width:360px){.main__hp .hoverText{width:225px;opacity:0;border-radius:34px;font-size:20px;padding:5px 0}}.main .modal-all{width:100%;max-width:1000px;z-index:10000;display:none;max-width:600px;margin:auto}.main .modal-all.inview{display:block}@media screen and (max-width: 600px)and (min-width:360px){.main .modal-all{position:static;margin:auto;max-width:390px}}.main .modal-open{position:fixed;top:100px;left:50%;transform:translate(-50%);overflow:scroll;z-index:3000;max-width:550px;width:100%;height:553px}@media screen and (max-width: 600px)and (min-width:360px){.main .modal-open{width:305px}}.main .modal-close{width:31px;height:31px;position:absolute;right:12px;top:0px}@media screen and (max-width: 600px)and (min-width:360px){.main .modal-close{right:3px}}.main .modal-close .close__btn,.main .modal-close .close__btn2{display:block;background-color:#fff;width:2px;height:24px;position:absolute}.main .modal-close .close__btn{transform:rotate(45deg) translate(11px, -7px)}.main .modal-close .close__btn2{transform:rotate(-45deg) translate(7px, 11px)}.main .modalBg{z-index:2000;display:none;background-color:rgba(0,0,0,.79);position:fixed;top:0;left:0;bottom:0;right:0;height:100%}.main .modalBg.inview{display:block}.main .swiper{z-index:4000;position:relative;width:100%;margin:auto;position:relative;max-width:600px;top:31px;display:none;overflow-y:scroll}.main .swiper.inview{display:block}.main .swiper .swiper-slide{display:block}.main .swiper .swiper-slide img{width:100%;max-width:520px;margin:auto;display:block}.main .swiper .swiper-slide video{width:100%;max-width:520px;margin:0 15px;position:absolute;top:23px}@media screen and (max-width: 600px)and (min-width:360px){.main .swiper{width:285px}.main .swiper .swiper-slide img{max-width:285px}.main .swiper .swiper-slide video{top:12px;left:-15px}}.main .swiper-buttonPrevNext{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:42px;max-width:800px;z-index:10000}@media screen and (max-width: 600px)and (min-width:360px){.main .swiper-buttonPrevNext{max-width:375px;z-index:10000}}.main .button-wrapper-prev{position:fixed;top:50vh;z-index:10000}.main .button-wrapper-next{position:fixed;top:50vh;width:1000px;z-index:10000}@media screen and (max-width: 600px)and (min-width:360px){.main .button-wrapper-next{width:390px}}.main .swiper-button-prev,.main .swiper-button-next{background-color:#fff;width:42px;height:42px;border-radius:50%;z-index:10000}@media screen and (max-width: 820px){.main .swiper-button-prev,.main .swiper-button-next{width:38px;height:38px}}@media screen and (max-width: 599px){.main .swiper-button-prev,.main .swiper-button-next{width:35px;height:35px}}.main .swiper-button-prev:after,.main .swiper-button-next:after{display:none}.main .swiper-button-prev:before{content:"";position:absolute;top:50%;left:45%;transform:translate(-50%, -50%);border-style:solid;border-width:10.5px 10px 10.5px 0;border-color:rgba(0,0,0,0) #000 rgba(0,0,0,0) rgba(0,0,0,0)}@media screen and (max-width: 599px){.main .swiper-button-prev:before{border-width:9px 8px 9px 0}}@media screen and (max-width: 600px)and (min-width:360px){.main .swiper-button-prev{left:5px}}.main .swiper-button-next:before{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%, -50%);border-style:solid;border-width:10.5px 0 10.5px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #000}@media screen and (max-width: 599px){.main .swiper-button-next:before{border-width:9px 0 9px 8px}}@media screen and (max-width: 600px)and (min-width:360px){.main .swiper-button-next{right:2px}}.main__siteRight{max-width:416px}@media screen and (max-width: 600px)and (min-width:360px){.main__siteRight{margin-left:0}}.main__siteRight .siteRight__textContent{width:100%}.main .resolution__content{background-color:#faf8da;border-top:18px solid #ffea07;border-bottom:18px solid #ffea07;padding-top:83px;margin-top:88px;margin-bottom:107px}@media screen and (max-width: 600px)and (min-width:360px){.main .resolution__content{padding-top:78px;margin-top:19px;margin-bottom:62px}}.main .homepage__about{font-size:29px;font-weight:700;letter-spacing:1.49px;line-height:49px;color:#000;margin-bottom:10px;margin:0 auto 41px;display:flex;justify-content:center;align-items:center;gap:7px}.main .homepage__about img{width:264px;height:60px}.main .homepage__about .sp{display:none}@media screen and (max-width: 600px)and (min-width:360px){.main .homepage__about{flex-direction:column;font-size:16px;text-align:center;letter-spacing:.8px;line-height:24px;margin-bottom:49px}.main .homepage__about img{margin:auto;width:226px;height:48px}.main .homepage__about p{margin-top:16px;letter-spacing:.8px;line-height:24px}.main .homepage__about .sp{display:block}}.main .voice__list{display:flex;justify-content:center}@media screen and (max-width: 600px)and (min-width:360px){.main .voice__list{flex-direction:column;align-items:center}}.main .voice__item{max-width:415px;position:relative;height:195px;opacity:0}.main .voice__item.inview{-webkit-animation-name:zoomInExReverse;animation-name:zoomInExReverse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .voice__item.inview:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}.main .voice__item.inview:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}@media screen and (max-width: 600px)and (min-width:360px){.main .voice__item{max-width:396px}.main .voice__item.inview{-webkit-animation-name:zoomInExReverse;animation-name:zoomInExReverse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.main .voice__text{position:absolute;font-size:20px;font-weight:500;top:40%;line-height:35px;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center}@media screen and (max-width: 600px)and (min-width:360px){.main .voice__text{top:37%;font-size:16px;line-height:35px}}.main .resolution{opacity:0;font-size:40px;font-weight:600;text-align:center;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:auto;margin-bottom:74px;letter-spacing:2px;margin-top:56px}.main .resolution.inview{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .resolution::before{content:"";background-image:url(/assets/img/left-border.png);width:100px;height:100px;display:block;position:absolute;left:-50px;background-size:28px;top:12px}@media screen and (max-width: 600px)and (min-width:360px){.main .resolution::before{top:-7px;width:23px;height:55px;background-size:23px;left:-35px}}.main .resolution::after{content:"";background-image:url(/assets/img/right-border.png);width:100px;height:100px;display:block;position:absolute;right:-110px;background-size:28px;top:12px}@media screen and (max-width: 600px)and (min-width:360px){.main .resolution::after{top:-7px;width:23px;height:55px;background-size:23px;right:-30px}}.main .resolution span{color:#e6c455;font-size:50px;letter-spacing:2.5px}@media screen and (max-width: 600px)and (min-width:360px){.main .resolution{font-size:20px;margin-bottom:51px;margin-top:26px}.main .resolution.inview{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .resolution span{font-size:25px;letter-spacing:1.25px;line-height:29px}}.main .resolution__list{max-width:1024px;margin:auto;display:flex;transition:all .3s}@media screen and (max-width: 600px)and (min-width:360px){.main .resolution__list{flex-direction:column;align-items:center}}.main .resolution__item{max-width:236px;margin-right:24px;opacity:0}.main .resolution__item:last-child{margin-right:0}.main .resolution__item.inview{-webkit-animation-name:zoomInEx;animation-name:zoomInEx;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .resolution__item.inview:nth-child(1){-webkit-animation-delay:.04s;animation-delay:.04s}.main .resolution__item.inview:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}.main .resolution__item.inview:nth-child(3){-webkit-animation-delay:.12s;animation-delay:.12s}.main .resolution__item.inview:nth-child(4){-webkit-animation-delay:.16s;animation-delay:.16s}@media screen and (max-width: 600px)and (min-width:360px){.main .resolution__item{margin-right:0}.main .resolution__item.inview{-webkit-animation-name:zoomInEx;animation-name:zoomInEx;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.main .resolution__item:nth-child(2) img{width:77px;height:92px}.main .resolution__item:nth-child(3) img{width:85px;height:87px}.main .resolution__item:last-child img{width:87px;height:74px}.main .resolution__itemTitle{max-width:236px;text-align:center;font-size:16px;background-color:#333;border-radius:22px;padding:10px 0px;border:1px solid #fff;color:#fff;margin-bottom:21px;font-weight:bold}.main .resolution__itemImage{background-color:#fff;border-radius:50%;width:170px;height:170px;position:relative;margin:0 auto 30px auto;box-shadow:0 3px 6px rgba(0,0,0,.29)}.main .resolution__itemImage img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:78px;height:78px}.main .resolution__itemText{font-size:16px;line-height:24px;margin-bottom:105px}@media screen and (max-width: 600px)and (min-width:360px){.main .resolution__itemText{margin-bottom:51px}.main .resolution__itemText .pc{display:none}.main .resolution__itemText:last-child{margin-bottom:49px}}.main .siteRight__text{font-size:17px;letter-spacing:.85px;color:#000;line-height:32px;font-weight:600;max-width:562px;margin:0;margin:auto}@media screen and (max-width: 600px)and (min-width:360px){.main .siteRight__text{font-size:15px;letter-spacing:.7px;line-height:21px;max-width:100%;margin:0 auto 50px auto}}.main .siteRight__textTitle{margin-bottom:20px}.main .siteRight__textTitle .siteRight__textItem:last-child{text-indent:17px}@media screen and (max-width: 600px)and (min-width:360px){.main .siteRight__textTitle{text-align:center}}.main .siteRight__top,.main .siteRight__bottom{margin-bottom:22px}@media screen and (max-width: 600px)and (min-width:360px){.main .siteRight__top,.main .siteRight__bottom{max-width:634px;margin:30px auto 0 auto;padding:0 15px}}.main .siteRight__topTitle,.main .siteRight__bottomTitle{font-size:25px;margin-bottom:5px;-webkit-text-decoration:underline #e3bd3f;text-decoration:underline #e3bd3f;text-decoration-thickness:6px}@media screen and (max-width: 600px)and (min-width:360px){.main .siteRight__topTitle,.main .siteRight__bottomTitle{line-height:30px;margin-bottom:15px;text-align:center;line-height:35px}}.main .siteRight__topList,.main .siteRight__bottomList{margin-top:20px}.main .siteRight__topList .sp,.main .siteRight__bottomList .sp{display:none}@media screen and (max-width: 600px)and (min-width:360px){.main .siteRight__topList,.main .siteRight__bottomList{font-weight:500}.main .siteRight__topList .sp,.main .siteRight__bottomList .sp{display:block}}.main .siteRight__topItem,.main .siteRight__bottomItem{font-size:14px}.main .siteRight__topItem:nth-child(4),.main .siteRight__bottomItem:nth-child(4){margin-bottom:-10px}@media screen and (max-width: 600px)and (min-width:360px){.main .siteRight__topItem .pc,.main .siteRight__bottomItem .pc{display:none}.main .siteRight__topItem:nth-child(4),.main .siteRight__bottomItem:nth-child(4){margin-bottom:0px}}.main .siteRight__bottomItem:nth-child(1){line-height:25px}.main .siteRight__bottomItem:last-child{margin-top:-5px}@media screen and (max-width: 600px)and (min-width:360px){.main .siteRight__bottomItem:nth-child(1){line-height:25px}.main .siteRight__bottomItem:last-child{margin-top:0px}}.main .siteRight__siteAllImage{max-width:560px;margin:0px auto}@media screen and (max-width: 600px)and (min-width:360px){.main .siteRight__siteAllImage{display:none}}.main .work__example{max-width:832px;margin:auto;text-align:right;font-size:21px;font-weight:bold;margin-top:17px;letter-spacing:1.05px;line-height:30px}@media screen and (max-width: 600px)and (min-width:360px){.main .work__example{max-width:356px;margin-top:8px;font-size:15px}}.main .plan{margin-top:118px;max-width:1440px;margin:82px auto 0 auto}.main .plan .title{font-size:46px;font-weight:600;letter-spacing:2.3px;line-height:86px;text-align:center;position:relative}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .title{font-size:27px;margin-bottom:49px}}.main .plan .title::after{content:"plan";font-size:28px;letter-spacing:1.4px;line-height:40px;color:#e3bd3f;position:absolute;bottom:-40px;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .title::after{font-size:16px;bottom:-30px}}.main .plan__publish{font-size:29px;font-weight:500;letter-spacing:1.45px;line-height:42px;background-color:#fff;padding:19px 56px;margin:60px auto 31px auto;position:relative}.main .plan__publish::before{content:"";position:absolute;top:5px;left:7px;width:17px;height:70px;background-color:#e3bd3f}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__publish{margin:40px auto 24px auto;padding:16px 0px 16px 30px;max-width:355px;font-size:20px;height:61px;line-height:29px}.main .plan__publish::before{width:11px;height:51px}}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .listContainer{overflow:scroll;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;padding-top:12px}}.main .plan .planLists{list-style:none;padding-left:0;margin-top:15px;display:flex;justify-content:center;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:20px;margin-bottom:48px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists{width:1540px;flex-wrap:nowrap;margin-bottom:10px}}.main .plan .planLists .planList{width:350px;scroll-snap-align:center}.main .plan .planLists .planList:first-child{margin-top:123px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList:first-child{margin-top:0}}.main .plan .planLists .planList:last-child .scrollOpen__cameraImage{width:238px;height:82px;margin:auto}.main .plan .planLists .planList:last-child .scrollOpen__cameraImage img{width:inherit;height:inherit}.main .plan .planLists .planList .plan__arrow{display:none}.main .plan .planLists .planList .scrollOpen__camera{opacity:0}.main .plan .planLists .planList .scrollOpen__camera.inview{opacity:1;-webkit-animation-name:bottomIn;animation-name:bottomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList .scrollOpen__camera{display:none}}.main .plan .planLists .planList .scrollOpen__cameraImage{width:72px;height:83px;margin:auto}.main .plan .planLists .planList .scrollOpen__cameraImage img{width:inherit;height:inherit}.main .plan .planLists .planList .scrollOpen__cameraText{text-align:center;font-size:15px;letter-spacing:.9px;line-height:26px;font-weight:bold;margin-bottom:15px;position:relative}.main .plan .planLists .planList .scrollOpen__cameraText::before{content:"";position:absolute;left:40px;width:2px;height:38px;transform:rotate(-30deg);top:-7px;background-color:#e3bd3f}.main .plan .planLists .planList .scrollOpen__cameraText::after{content:"";position:absolute;right:40px;width:2px;height:38px;transform:rotate(30deg);top:-7px;background-color:#e3bd3f}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList{margin:0 19px;width:355px;scroll-snap-align:center}.main .plan .planLists .planList:nth-child(odd){margin-right:19px}.main .plan .planLists .planList .plan__arrow{display:block;position:relative}.main .plan .planLists .planList .plan__arrow .arrowRight,.main .plan .planLists .planList .plan__arrow .arrowLeft{width:91px;height:11px;position:absolute}.main .plan .planLists .planList .plan__arrow .arrowRight{top:-20px;left:0;-webkit-animation-name:arrowRightMove;animation-name:arrowRightMove;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .plan .planLists .planList .plan__arrow .arrowLeft{top:-20px;right:0;-webkit-animation-name:arrowLeftMove;animation-name:arrowLeftMove;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .plan .planLists .planList:nth-child(2) .plan__arrow .arrowLeft{left:12px}.main .plan .planLists .planList:nth-child(2) .plan__arrow .arrowRight{left:252px}}.main .plan .planLists .planList__title{font-size:23px;color:#fff;letter-spacing:2.8px;text-align:center;font-weight:600;padding:13px 0 12px 0;border-radius:20px 20px 0 0}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__title{font-size:18px}}.main .plan .planLists .planList__title__light{background-color:#e3bd3f}.main .plan .planLists .planList__title__standard{background-color:#4ba24e}.main .plan .planLists .planList__title__high{background-color:#3d7d90}.main .plan .planLists .planList__container{background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.29);padding:0 20px 36px 20px;height:850px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__container{padding:0 16px 36px 16px;height:780px}}.main .plan .planLists .planList__prices{padding-top:20px;padding-bottom:3px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__prices{padding-top:28px}}.main .plan .planLists .planList__logo{border-radius:50%;width:-webkit-max-content;width:-moz-max-content;width:max-content;width:91px;height:91px;margin:0 auto 20px auto}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__logo{width:86px;height:86px}}.main .plan .planLists .planList .light__logo{border:4px solid #e3bd3f;position:relative}.main .plan .planLists .planList .light__logo img{width:44px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList .light__logo img{width:41px}}.main .plan .planLists .planList .standard__logo{display:flex;width:100%;justify-content:center;height:-webkit-max-content;height:-moz-max-content;height:max-content}.main .plan .planLists .planList .standard__logo .border{width:232px;height:93px;position:relative}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList .standard__logo .border{width:200px;height:auto}}.main .plan .planLists .planList .standard__logo .plusMark{width:23px;position:relative;display:flex;align-items:center;margin:0px 11px}.main .plan .planLists .planList .standard__logo .plusMark .plus1{width:3px;height:23px;background-color:#000;position:absolute;left:10px}.main .plan .planLists .planList .standard__logo .plusMark .plus2{width:23px;height:3px;background-color:#000;position:absolute;top:49%}.main .plan .planLists .planList .high__logo{display:flex;width:100%;justify-content:center;height:-webkit-max-content;height:-moz-max-content;height:max-content}.main .plan .planLists .planList .high__logo .border{width:315px;height:93px;position:relative;align-items:end;display:flex}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList .high__logo .border{width:300px;height:auto}}.main .plan .planLists .planList .high__logo .plusMark{width:23px;position:relative;display:flex;align-items:center;margin:0px 11px}.main .plan .planLists .planList .high__logo .plusMark .plus1{width:3px;height:23px;background-color:#000;position:absolute;left:10px}.main .plan .planLists .planList .high__logo .plusMark .plus2{width:23px;height:3px;background-color:#000;position:absolute;top:49%}.main .plan .planLists .planList__price{text-align:center;font-size:32px;letter-spacing:1.6px;line-height:37px;font-weight:600;margin-bottom:6px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__price{font-size:29px;letter-spacing:1.45px;line-height:27px;margin-bottom:10px}}.main .plan .planLists .planList .yen__text{font-size:26px;letter-spacing:1.6px;line-height:37px;display:inline-block;margin-left:-8px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList .yen__text{font-size:19px;letter-spacing:1.9px;line-height:27px;margin-left:-8px}}.main .plan .planLists .planList .withoutTax__text{font-size:11px;letter-spacing:1.1px;line-height:16px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList .withoutTax__text{font-size:7px;letter-spacing:.7px;line-height:10px;margin-left:4px}}.main .plan .planLists .planList p{font-size:12px;font-weight:600;letter-spacing:1.5px;color:#fff;text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:auto;padding:8px 39px;border-radius:27px;margin-bottom:18px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList p{font-size:9px}}.main .plan .planLists .planList .content__title{width:251px;padding:8px 0;background-color:#7c7c7c;border-radius:27px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList .standardContent__title{width:92%}}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList .highContent__title{width:92%}}.main .plan .planLists .planList__contents{font-size:15px}.main .plan .planLists .planList__contents.light__contents{margin-bottom:69px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__contents.light__contents{margin-bottom:53px}}.main .plan .planLists .planList__contents.standard__contents{margin-bottom:31px}.main .plan .planLists .planList__contents.high__contents{margin-bottom:28px}.main .plan .planLists .planList__contents .light__content,.main .plan .planLists .planList__contents .standard__content,.main .plan .planLists .planList__contents .high__content{position:relative;padding:8px 26px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__contents .light__content,.main .plan .planLists .planList__contents .standard__content,.main .plan .planLists .planList__contents .high__content{padding:4.5px 23.5px}}.main .plan .planLists .planList__contents .light__content:after,.main .plan .planLists .planList__contents .standard__content:after,.main .plan .planLists .planList__contents .high__content:after{content:"";display:block;position:absolute;top:9.5px;width:15px;height:11px;transform:rotate(-45deg)}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__contents .light__content:after,.main .plan .planLists .planList__contents .standard__content:after,.main .plan .planLists .planList__contents .high__content:after{width:15px;height:9px;top:7.5px;left:14px}}.main .plan .planLists .planList__contents .light__content div,.main .plan .planLists .planList__contents .standard__content div,.main .plan .planLists .planList__contents .high__content div{padding-left:43px;font-size:12px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__contents .light__content div,.main .plan .planLists .planList__contents .standard__content div,.main .plan .planLists .planList__contents .high__content div{font-size:12px}}.main .plan .planLists .planList__contents .light__content:nth-child(odd){background:rgba(227,189,63,.24)}.main .plan .planLists .planList__contents .light__content:nth-child(even){background-color:#fff}.main .plan .planLists .planList__contents .light__content:after{border-left:3px solid #e3bd3f;border-bottom:3px solid #e3bd3f}.main .plan .planLists .planList__contents .standard__content:nth-child(odd){background:rgba(75,162,78,.24)}.main .plan .planLists .planList__contents .standard__content:nth-child(even){background-color:#fff}.main .plan .planLists .planList__contents .standard__content__plus{background-color:rgba(0,0,0,0);padding:0;margin-bottom:12px;display:none}.main .plan .planLists .planList__contents .standard__content__plus::after{display:none}.main .plan .planLists .planList__contents .standard__content__plus div{width:24px;height:24px;background-color:#4ba24e;border-radius:50%;position:relative;margin:auto}.main .plan .planLists .planList__contents .standard__content__plus div:before{content:"";width:2px;height:16px;background-color:#fff;position:absolute;top:4px;left:11px}.main .plan .planLists .planList__contents .standard__content__plus div:after{content:"";width:16px;height:2px;background-color:#fff;position:absolute;top:11px;left:4px}.main .plan .planLists .planList__contents .standard__content:after{border-left:3px solid #4ba24e;border-bottom:3px solid #4ba24e}.main .plan .planLists .planList__contents .high__content:nth-of-type(odd){background:rgba(61,125,144,.24)}.main .plan .planLists .planList__contents .high__content:nth-of-type(even){background-color:#fff}.main .plan .planLists .planList__contents .high__content__plus{margin-bottom:12px;display:none}@media screen and (max-width: 600px)and (min-width:360px){.main .plan .planLists .planList__contents .high__content__plus{margin-top:9px}}.main .plan .planLists .planList__contents .high__content__plus div{width:24px;height:24px;background-color:#3d7d90;border-radius:50%;position:relative;margin:auto}.main .plan .planLists .planList__contents .high__content__plus div:before{content:"";width:2px;height:16px;background-color:#fff;position:absolute;top:4px;left:11px}.main .plan .planLists .planList__contents .high__content__plus div:after{content:"";width:16px;height:2px;background-color:#fff;position:absolute;top:11px;left:4px}.main .plan .planLists .planList__contents .high__content:after{border-left:3px solid #3d7d90;border-bottom:3px solid #3d7d90}.main .plan .planLists .planList .importantPoint{font-size:12px;letter-spacing:.6px;line-height:17px;font-weight:500}.main .plan .planLists .planList .importantPoint__light span{color:#e3bd3f}.main .plan .planLists .planList .importantPoint__standard span{color:#4ba24e}.main .plan .planLists .planList .importantPoint__high span{color:#3d7d90}.main .plan .option__plan{margin-bottom:41px}.main .plan__maintenance{padding-bottom:72px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance{max-width:355px;margin:auto}}.main .plan__maintenance .plan__titleMaintenance{background-color:#5d5d5d;font-size:28px;letter-spacing:2.8px;line-height:40px;color:#fff;padding:16px 0 15px 30px;border-radius:20px 20px 0 0;font-weight:600}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance .plan__titleMaintenance{font-size:18px;letter-spacing:1.8px;line-height:26px;text-align:center;padding-left:0;padding-top:11px;padding-bottom:10px}}.main .plan__maintenance .plan__maintenanceContainer{display:flex;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.29);padding:30px 87px 32px 57px;justify-content:space-between}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance .plan__maintenanceContainer{padding:0;flex-direction:column;padding-bottom:41px}}.main .plan__maintenance .plan__maintenancePrices{display:flex;align-items:center;gap:19px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance .plan__maintenancePrices{flex-direction:column;gap:0;margin-top:21px}}.main .plan__maintenance .plan__maintenancePrice{gap:9px;font-weight:bold;display:flex;align-items:center}.main .plan__maintenance .plan__maintenancePrice .monthPrice{font-size:13px;border-radius:13px;border:2px solid #5d5d5d;width:73px;height:25px;display:flex;align-items:center;justify-content:center}.main .plan__maintenance .plan__maintenancePrice .plan__yen{font-weight:bold;font-size:35px;letter-spacing:1.6px;line-height:37px}.main .plan__maintenance .plan__maintenancePrice .yen__text{font-size:26px;letter-spacing:2.6px;margin-left:-8px}.main .plan__maintenance .plan__maintenancePrice .withoutTax__text{font-size:11px;letter-spacing:1.1px;line-height:16px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance .plan__maintenancePrice{font-size:29px;letter-spacing:1.45px;line-height:27px;margin-bottom:10px}.main .plan__maintenance .plan__maintenancePrice .yen__text{font-size:19px;letter-spacing:1.9px;line-height:27px;margin-left:-8px}.main .plan__maintenance .plan__maintenancePrice .withoutTax__text{font-size:7px;letter-spacing:.7px;line-height:10px;margin-left:4px}}.main .plan__maintenance .maintenance__logo{border:5px solid #5d5d5d;position:relative;border-radius:50%;width:-webkit-max-content;width:-moz-max-content;width:max-content;width:104px;height:104px;margin:auto}.main .plan__maintenance .maintenance__logo img{width:51px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance .maintenance__logo{width:95px;height:95px}.main .plan__maintenance .maintenance__logo img{width:51px}}.main .plan__maintenance .maintenance__textContent{width:445px}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance .maintenance__textContent{width:100%;padding:0 16px}}.main .plan__maintenance .maintenance__textContent .maintenance__textContentTitle{background-color:#5d5d5d;color:#fff;width:303px;border-radius:27px;font-size:14px;letter-spacing:1.4px;text-align:center;padding:9px 0;margin:0 auto 22px auto;font-weight:bold}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance .maintenance__textContent .maintenance__textContentTitle{width:191px;font-size:10px;letter-spacing:1px;line-height:15px;padding:4.5px 0;margin-bottom:25px}}.main .plan__maintenance .maintenance__textContent .maintenance__content{font-size:15px;padding:9px 20px;position:relative;line-height:20px;letter-spacing:1.5px}.main .plan__maintenance .maintenance__textContent .maintenance__content:nth-child(odd){background-color:rgba(93,93,93,.24)}.main .plan__maintenance .maintenance__textContent .maintenance__content::before{content:"";display:block;position:absolute;width:18px;height:13px;top:11.5px;left:19px;transform:rotate(-45deg);border-left:3px solid #5d5d5d;border-bottom:3px solid #5d5d5d}.main .plan__maintenance .maintenance__textContent .maintenance__content div{padding-left:31px;font-weight:500}.main .plan__maintenance .maintenance__textContent .maintenance__content .sp{display:none}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance .maintenance__textContent .maintenance__content div{font-size:12px;letter-spacing:1.2px;line-height:20px;padding-left:28px}.main .plan__maintenance .maintenance__textContent .maintenance__content .sp{display:block}}.main .plan__maintenance .maintenance__detailText{font-size:12px;line-height:17px;margin-top:8px;font-weight:500;width:468px;letter-spacing:.6px}.main .plan__maintenance .maintenance__detailText .sp{display:none}.main .plan__maintenance .maintenance__detailText span{color:#d9d9d9}@media screen and (max-width: 600px)and (min-width:360px){.main .plan__maintenance .maintenance__detailText{width:100%;margin-top:16px}.main .plan__maintenance .maintenance__detailText .sp{display:block}}section .title{font-size:36px;font-weight:600;letter-spacing:3.6px;line-height:52px;text-align:center}@media screen and (max-width: 600px)and (min-width:360px){section .title{font-size:27px}}section .subTitle{display:block;text-align:center;font-size:28px;color:#e3bd3f;font-weight:600}@media screen and (max-width: 600px)and (min-width:360px){section .subTitle{font-size:16px}}section.PlanComparison{position:relative;max-width:1106px;margin:163px auto 80px auto}section.PlanComparison .subTitle{margin-bottom:200px}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison .subTitle{margin-bottom:0}}section.PlanComparison .scrollOpen__standardCamera,section.PlanComparison .scrollOpen__highCamera{width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:243px;opacity:0}section.PlanComparison .scrollOpen__standardCamera.inview,section.PlanComparison .scrollOpen__highCamera.inview{opacity:1;-webkit-animation-name:bottomIn;animation-name:bottomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}section.PlanComparison .scrollOpen__standardCamera:last-child,section.PlanComparison .scrollOpen__highCamera:last-child{left:10px}section.PlanComparison .scrollOpen__standardCamera{left:50.5%;top:300px}section.PlanComparison .scrollOpen__standardCamera .scrollOpen__cameraImage{width:85px;height:100px;margin:auto}section.PlanComparison .scrollOpen__standardCamera .scrollOpen__cameraImage img{width:inherit;height:inherit}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison .scrollOpen__standardCamera{display:none}section.PlanComparison .scrollOpen__standardCamera.inview{display:none}}section.PlanComparison .scrollOpen__highCamera{right:0;top:300px}section.PlanComparison .scrollOpen__highCamera .scrollOpen__cameraImage{width:287px;height:100px;margin:auto}section.PlanComparison .scrollOpen__highCamera .scrollOpen__cameraImage img{width:inherit;height:inherit}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison .scrollOpen__highCamera{display:none}section.PlanComparison .scrollOpen__highCamera.inview{display:none}}section.PlanComparison .scrollOpen__cameraText{text-align:center;font-size:16px;letter-spacing:.9px;line-height:26px;font-weight:bold;margin-bottom:24px;margin-top:13px}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison{margin-bottom:119px;margin:10px auto 80px auto}}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison .table__container{overflow-x:scroll}}section.PlanComparison .table__wrapper{padding-bottom:22px;overflow-x:scroll}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison .table__wrapper{margin-left:12px;padding-bottom:10px;padding-top:44px}}section.PlanComparison table{margin:auto;border-collapse:initial;width:1094px}section.PlanComparison table .table__arrowContent{opacity:0;visibility:hidden}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison table{width:860px}section.PlanComparison table .table__arrowContent{height:30px;opacity:1;visibility:visible}section.PlanComparison table .table__arrowContent .table__arrow{position:relative}section.PlanComparison table .table__arrowContent .table__arrow:first-child{background-color:#fff;z-index:1000;position:-webkit-sticky;position:sticky;left:0}section.PlanComparison table .table__arrowContent .table__arrow img{width:70px;height:11px}section.PlanComparison table .table__arrowContent .table__arrow.table__arrowRight .arrow__left{position:absolute;right:15px;-webkit-animation-name:arrowRightMove;animation-name:arrowRightMove;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}section.PlanComparison table .table__arrowContent .table__arrow.table__arrowMiddle .arrow__leftMiddle{position:absolute;left:15px;-webkit-animation-name:arrowRightMove;animation-name:arrowRightMove;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}section.PlanComparison table .table__arrowContent .table__arrow.table__arrowMiddle .arrow__rightMiddle{position:absolute;right:15px;-webkit-animation-name:arrowLeftMove;animation-name:arrowLeftMove;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}section.PlanComparison table .table__arrowContent .table__arrow.table__arrowLeft .arrow__Right{position:absolute;left:15px;-webkit-animation-name:arrowLeftMove;animation-name:arrowLeftMove;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}section.PlanComparison table .columnTitle{font-size:18px;color:#fff;padding:24px 0 22px 0;border-radius:20px 20px 0 0}section.PlanComparison table td{font-size:26px}section.PlanComparison table .light__table,section.PlanComparison table .high__table,section.PlanComparison table .standard__table{width:267px;text-align:center;height:70px;font-weight:500}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison table .light__table,section.PlanComparison table .high__table,section.PlanComparison table .standard__table{width:220px}}section.PlanComparison table .light__table{background-color:rgba(227,189,63,.08)}section.PlanComparison table .standard__table{background-color:rgba(75,162,78,.08)}section.PlanComparison table .high__table{background-color:rgba(61,125,144,.08)}section.PlanComparison table .light__table__no,section.PlanComparison table .standard__table__no,section.PlanComparison table .high__table__no{position:relative}section.PlanComparison table .light__table__no:before,section.PlanComparison table .standard__table__no:before,section.PlanComparison table .high__table__no:before{content:"";position:absolute;top:50%;left:46%;width:20px;height:2px;background-color:#000;transform:rotate(-45deg)}section.PlanComparison table .light__table__no:after,section.PlanComparison table .standard__table__no:after,section.PlanComparison table .high__table__no:after{content:"";position:absolute;top:50%;left:46%;width:20px;height:2px;background-color:#000;transform:rotate(45deg)}section.PlanComparison table .rowTitle{font-size:16px;width:223px;background-color:#ebebec;text-align:center;position:-webkit-sticky;position:sticky;left:0;font-weight:bold;z-index:1000}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison table .rowTitle{width:123px;font-size:12px;font-weight:700}}section.PlanComparison table .rowTitle__first{background-color:#fff;z-index:1000;position:-webkit-sticky;position:sticky;left:0}section.PlanComparison table .rowTitle .sp{display:none}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison table .rowTitle .sp{display:block}}section.PlanComparison table .columnLight{position:relative;background-color:#e3bd3f}section.PlanComparison table .columnStandard{background-color:#4ba24e}section.PlanComparison table .columnHigh{background-color:#3d7d90}section.PlanComparison .PlanComparison__importantPoint{max-width:1094px;margin:auto;position:-webkit-sticky;position:sticky;left:0;width:100%;letter-spacing:.75px;line-height:21px;font-size:15px;font-weight:500}@media screen and (max-width: 600px)and (min-width:360px){section.PlanComparison .PlanComparison__importantPoint{font-size:12px;margin-left:12px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:355px}}section.designTemplate{background-color:#f8f8f8;padding-top:58px;padding-bottom:83px}section.designTemplate .designTemplate__inner{max-width:1440px;margin:auto}@media screen and (max-width: 600px)and (min-width:360px){section.designTemplate .designTemplate__inner{padding:0}}section.designTemplate .title{color:#e3bd3f}section.designTemplate .subTitle{margin-bottom:30px}@media screen and (max-width: 600px)and (min-width:360px){section.designTemplate .subTitle{font-size:16px;margin-bottom:40px}}section.designTemplate .designTemplate__importantPoint{text-align:center;font-size:20px;font-weight:600;margin-bottom:58px;color:#898989;letter-spacing:2px;line-height:29px}@media screen and (max-width: 600px)and (min-width:360px){section.designTemplate .designTemplate__importantPoint{font-size:15px;margin-bottom:51px}}section.designTemplate .designTemplateContainer .arrow__middle{display:none}@media screen and (max-width: 600px)and (min-width:360px){section.designTemplate .designTemplateContainer{overflow-x:scroll;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}section.designTemplate .designTemplateContainer .arrow__middle{position:relative;display:block;height:20px}section.designTemplate .designTemplateContainer .arrow__middle img{width:130px;height:15px;position:absolute;top:10px}section.designTemplate .designTemplateContainer .arrow__middle.arrow__middle img:first-child{left:50%;-webkit-animation-name:arrowLeftMove;animation-name:arrowLeftMove;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}section.designTemplate .designTemplateContainer .arrow__middle.arrow__middle img:last-child{right:-50%;-webkit-animation-name:arrowRightMove;animation-name:arrowRightMove;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}section.designTemplate .designTemplate__lists{display:flex;justify-content:center}@media screen and (max-width: 600px)and (min-width:360px){section.designTemplate .designTemplate__lists{width:740px;padding-top:20px}}section.designTemplate .designTemplate__lists .designTemplate__list{margin:0 39px 0 39px;scroll-snap-align:center}@media screen and (max-width: 600px)and (min-width:360px){section.designTemplate .designTemplate__lists .designTemplate__list{margin:0 23px;margin-bottom:50px;width:216px}}section.designTemplate .designTemplate__lists .designTemplate__list .designTemplate__listText{text-align:center;font-size:20px;font-weight:bold;margin-bottom:19px;letter-spacing:2px;line-height:29px;background-color:#fff;display:flex;align-items:center;padding-left:20px;height:82px}section.designTemplate .designTemplate__lists .designTemplate__list .designTemplate__listText .textBig{font-size:57px;letter-spacing:2.85px;line-height:82px;color:#e3bd3f;display:block;margin-right:15px;margin-top:-5px}@media screen and (max-width: 600px)and (min-width:360px){section.designTemplate .designTemplate__lists .designTemplate__list .designTemplate__listText{font-size:12px;line-height:26px;margin-bottom:8px;padding-left:10px;height:42px}section.designTemplate .designTemplate__lists .designTemplate__list .designTemplate__listText .textBig{font-size:29px;letter-spacing:1.45px;line-height:42px;margin-right:8px;margin-top:-5px}}section.step{padding-top:43px;margin-bottom:100px}section.step .step__flow{padding:70px 152px 64px 152px;max-width:1440px;margin:auto;opacity:0}section.step .step__flow.inview{-webkit-animation-name:bottomIn;animation-name:bottomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 600px)and (min-width:360px){section.step .step__flow{padding:76px 56px 99px 84px}}section.step .step__flow .pc{display:block;width:100%}section.step .step__flow .sp{display:none}@media screen and (max-width: 600px)and (min-width:360px){section.step .step__flow .pc{display:none}section.step .step__flow .sp{display:block;width:250px;margin:auto}}@media screen and (max-width: 600px)and (min-width:360px){section.step{background-color:#fff}}section.telContact{width:100%;height:615px;background-color:#faf8da;border-top:18px solid #ffea07;border-bottom:18px solid #ffea07;position:relative}@media screen and (max-width: 600px)and (min-width:360px){section.telContact{background-image:none;height:532px}}section.telContact .title{color:#000}@media screen and (max-width: 600px)and (min-width:360px){section.telContact .title{font-size:27px}}section.telContact .subTitle{margin-bottom:50px;color:#e3bd3f}@media screen and (max-width: 600px)and (min-width:360px){section.telContact .subTitle{font-size:16px;margin-bottom:42px}}section.telContact .telContact__contents{position:absolute;top:50px;left:50%;transform:translate(-50%, 0%);width:100%}section.telContact .telContact__contents .contact__block{background-color:#fff;max-width:835px;margin:auto;border-radius:20px;padding:45px 0 36px 0;border:3px solid #e3bd3f}@media screen and (max-width: 600px)and (min-width:360px){section.telContact .telContact__contents .contact__block{margin:auto 8px auto 8px;padding:45px 0 20px 0}}section.telContact .telContact__contents .contact__block .telNumber{display:flex;align-items:center;justify-content:center;margin-bottom:31px}section.telContact .telContact__contents .contact__block .telNumber .tel-image{width:73px;height:73px;background-color:#000;border-radius:50%;position:relative;margin-right:18px}section.telContact .telContact__contents .contact__block .telNumber .tel-image img{position:absolute;width:17px;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 600px)and (min-width:360px){section.telContact .telContact__contents .contact__block .telNumber .tel-image{width:56px;height:56px}section.telContact .telContact__contents .contact__block .telNumber .tel-image img{width:12px;left:26px}}section.telContact .telContact__contents .contact__block .telNumber a{font-size:40px;font-weight:600;text-decoration:none;pointer-events:all}@media screen and (max-width: 600px)and (min-width:360px){section.telContact .telContact__contents .contact__block .telNumber a{font-size:30px}}section.telContact .telContact__contents .contact__block .company__info .company__name{font-size:18px;font-weight:600;background-color:#000;max-width:620px;margin:auto;height:32px;text-align:center;color:#fff}section.telContact .telContact__contents .contact__block .company__info .company__address{height:81px;font-size:20px;letter-spacing:.6px;line-height:29px;background-color:#f7f7f7;max-width:620px;margin:auto;justify-content:center;display:flex;align-items:center}section.telContact .telContact__contents .contact__block .company__info .company__address .sp{display:none}@media screen and (max-width: 600px)and (min-width:360px){section.telContact .telContact__contents .contact__block .company__info .company__address .sp{display:block}}@media screen and (max-width: 600px)and (min-width:360px){section.telContact .telContact__contents .contact__block .company__info .company__address{padding:0 18px;background-color:#fff;font-size:16px;justify-content:left}}section.contactForm{background-color:#f8f8f8;padding-top:85px;padding-bottom:76px}@media screen and (max-width: 600px)and (min-width:360px){section.contactForm{padding-top:69px;padding-bottom:64px}}section.contactForm .title{font-size:37px;font-weight:bold;text-align:center;padding-bottom:54px}@media screen and (max-width: 600px)and (min-width:360px){section.contactForm .title{font-size:27px;line-height:39px;letter-spacing:2.7px;font-weight:700}}section.contactForm .title .sp{display:none}@media screen and (max-width: 600px)and (min-width:360px){section.contactForm .title .sp{display:block}}section.contactForm form{background-color:#fff;max-width:1120px;margin:auto;padding-top:63px;padding-bottom:83px;text-align:center}@media screen and (max-width: 600px)and (min-width:360px){section.contactForm form{padding:63px 10px 49px 10px;margin:0 6px}}section.contactForm form .company,section.contactForm form .name,section.contactForm form .email,section.contactForm form .address,section.contactForm form .tel,section.contactForm form .apply,section.contactForm form .plan-design__select,section.contactForm form .others{display:flex;align-items:center;justify-content:center;margin-bottom:30px}@media screen and (max-width: 600px)and (min-width:360px){section.contactForm form .company,section.contactForm form .name,section.contactForm form .email,section.contactForm form .address,section.contactForm form .tel,section.contactForm form .apply,section.contactForm form .plan-design__select,section.contactForm form .others{flex-direction:column;align-items:start}}section.contactForm form label{width:208px;display:inline-block;text-align:right;font-size:20px;font-weight:600;margin-right:15px}@media screen and (max-width: 600px)and (min-width:360px){section.contactForm form label{text-align:left;margin-left:27px;margin-right:0;margin-bottom:12px}}section.contactForm form input,section.contactForm form select,section.contactForm form .arrow{background-color:#f8f8f8;width:100%;max-width:496px;height:59px;font-size:20px;border:none}@media screen and (max-width: 600px)and (min-width:360px){section.contactForm form input,section.contactForm form select,section.contactForm form .arrow{max-width:100%}}section.contactForm form input,section.contactForm form textarea{padding-left:10px}section.contactForm form select:not([multiple]):not([size]){background-image:url(/assets/img/arrow.png);background-position:right 10px center;background-repeat:no-repeat;background-size:15px 9px;padding-left:5px;font-size:12px}section.contactForm form textarea{background-color:#f8f8f8;width:100%;height:132px;resize:none;max-width:496px;padding-top:5px;font-size:20px;border:none}@media screen and (max-width: 600px)and (min-width:360px){section.contactForm form textarea{max-width:100%}}section.contactForm form .button{margin-top:27px;background-color:#ffea07;width:212px;border-radius:25px;color:#fff;font-size:19px;transition:all .3s;color:#000;box-shadow:0 3px 6px rgba(0,0,0,.29);letter-spacing:-0.38px;font-weight:bold;display:block;margin:auto;text-decoration:none;box-sizing:border-box;height:50px;display:flex;justify-content:center;align-items:center}section.contactForm form .button:hover{background-color:#fff;color:#000;border:1px solid #000}@media screen and (max-width: 600px)and (min-width:360px){section.contactForm form .button{margin-top:58px}}.footer{background-color:#000;padding:46px 168px 21px 245px}.footer__inner{display:flex;justify-content:space-between;color:#fff;margin-bottom:24px}.footer__image{width:188px;display:block}@media screen and (max-width: 600px)and (min-width:360px){.footer__image{width:145px;display:block;margin:auto}}.footer__left .sns__list{display:flex;align-items:center;margin-top:28px;padding:0 14px}@media screen and (max-width: 600px)and (min-width:360px){.footer__left .sns__list{margin-top:40px;justify-content:center;gap:23px}}.footer__left .sns__item{width:30px;height:30px;margin-right:15px}.footer__left .sns__item img{width:inherit;height:inherit}.footer__left .sns__item:nth-child(2) img{width:33px}.footer__left .sns__item:nth-child(3) img{width:34px;height:27px}.footer__left .sns__item:last-child{margin-right:0px}.footer__left .sns__item:last-child img{width:35px;height:25px}.footer__right{font-size:16px}.footer__right a{text-decoration:none}@media screen and (max-width: 600px)and (min-width:360px){.footer__list{text-align:center;margin-top:40px}}.footer__item{font-size:18px;font-weight:bold;margin-bottom:22px}.footer__item:last-child{margin-bottom:0}@media screen and (max-width: 600px)and (min-width:360px){.footer__item:last-child{margin-bottom:43px}}.footer .copyRight{text-align:center}.footer small{color:#fff;font-size:16px;font-weight:bold}@media screen and (max-width: 600px)and (min-width:360px){.footer{padding:30px 0px 17px 0px}.footer__inner{flex-direction:column}}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes zoomInEx{0%{transform:translateY(100%);opacity:0}70%{transform:translateY(70%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes zoomInEx{0%{transform:translateY(100%);opacity:0}70%{transform:translateY(70%);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes rotate{0%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}100%{transform:rotate(0deg)}}@keyframes rotate{0%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes zoomInExReverse{0%{transform:translateY(-100%);opacity:0}70%{transform:translateY(-70%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes zoomInExReverse{0%{transform:translateY(-100%);opacity:0}70%{transform:translateY(-70%);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes bottomIn{0%{transform:translateY(100%);opacity:0}50%{opacity:0;transform:translateY(50%)}100%{opacity:1;transform:translateY(0)}}@keyframes bottomIn{0%{transform:translateY(100%);opacity:0}50%{opacity:0;transform:translateY(50%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slide{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slide{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes arrowRightMove{0%{transform:translateX(0)}100%{transform:translateX(10px)}}@keyframes arrowRightMove{0%{transform:translateX(0)}100%{transform:translateX(10px)}}@-webkit-keyframes arrowLeftMove{0%{transform:translateX(0)}100%{transform:translateX(-10px)}}@keyframes arrowLeftMove{0%{transform:translateX(0)}100%{transform:translateX(-10px)}}@-webkit-keyframes lineIn{0%{transform:scale(0, 1);transform-origin:right top;opacity:1}50%{transform:scale(0, 1);transform-origin:right top;opacity:1}50.1%{transform:scale(0, 1);transform-origin:left top;opacity:1}100%{transform:scale(1, 1);transform-origin:left top;opacity:1}}@keyframes lineIn{0%{transform:scale(0, 1);transform-origin:right top;opacity:1}50%{transform:scale(0, 1);transform-origin:right top;opacity:1}50.1%{transform:scale(0, 1);transform-origin:left top;opacity:1}100%{transform:scale(1, 1);transform-origin:left top;opacity:1}}.scrollbar::-webkit-scrollbar{width:5px;height:5px}.scrollbar-thumb-rounded::-webkit-scrollbar-thumb{border-radius:.25rem}.scrollbar-thumb-black::-webkit-scrollbar-thumb{--bg-opacity: 1;background-color:#e2dfdd}
