@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
:root {
  --font-family-body: "Noto Sans JP", sans-serif;
  --font-family-latin: "Montserrat", sans-serif;
  --font-size-body: 1.6rem;
  --line-height-body: 1.8;
}

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

html {
  font-size: 0.625em;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
ol {
  margin: 0;
  font-weight: normal;
}

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

body {
  min-height: 100vh;
  font-family: var(--font-family-body);
}

a {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

picture {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

button {
  width: 100%;
  background-color: inherit;
  border: none;
  border-radius: 0;
  font: inherit;
}

:target {
  scroll-margin-block: 5ex;
}

html {
  font-size: 0.625em;
}

* {
  outline-color: var(--color-ocher);
  letter-spacing: 0.024em;
}

input,
select,
option,
textarea,
button {
  box-sizing: border-box;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  image-rendering: smooth;
}

svg {
  width: 100%;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  touch-action: manipulation;
}

:where(:any-link,
button,
[type=button],
[type=reset],
[type=submit],
label[for],
select,
summary,
[role=tab],
[role=button]) {
  cursor: pointer;
}

:focus:not(:focus-visible) {
  outline: none;
}

i:has(> svg) {
  line-height: 0;
}

a:not([class])[href^="tel:"] {
  color: inherit;
}

:where(a) {
  color: inherit;
  text-decoration: none;
}

[class*="hover:opacity"] {
  transition-duration: 0.3s;
  transition-property: opacity;
}
@media (min-width: 641px) {
.display-sp {
	display: none;
}
.display-pc {
	display: block;
}
}
@media (max-width: 640px) {
.display-pc {
	display: none;
}
.display-sp {
	display: block;
}
}

.cmn-cnt__wrap {
  margin-inline: auto;
  padding-inline: min(40px, 3.3333333333vw);
  width: 100%;
  max-width: 1280px;
}
@media (max-width: 640px) {
  .cmn-cnt__wrap {
    padding-inline: min(24px, 6.4vw);
  }
}
.cmn-cnt__ttl {
  line-height: 1;
}
.cmn-cnt__ttl-st {
  margin-bottom: min(16px, 1.3333333333vw);
  font-size: min(32px, 2.6666666667vw);
  line-height: 1.5;
}
@media (max-width: 640px) {
  .cmn-cnt__ttl-st {
    font-size: min(21px, 5.6vw);
    line-height: 1.3333333333;
  }
}
.cmn-cnt__ttl-ruby {
  font-size: min(16px, 1.3333333333vw);
  font-weight: 500;
  color: #D18F40;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .cmn-cnt__ttl-ruby {
    font-size: min(14px, 3.7333333333vw);
  }
}

.sec-fv__frame {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 95svh;
  max-height: min(810px, 67.5vw);
}
@media (max-width: 640px) {
  .sec-fv__frame {
    max-height: min(667px, 177.8666666667vw);
  }
}
.sec-fv__frame-cnt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
  z-index: 1;
}
.sec-fv__frame-cnt img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec-fv__frame-caption {
  position: relative;
  padding-inline: min(40px, 3.3333333333vw);
  padding-block: min(90px, 7.5vw);
  width: 100%;
  max-width: 1280px;
  color: #fff;
  z-index: 2;
}
@media (max-width: 640px) {
  .sec-fv__frame-caption {
    font-size: min(24px, 6.4vw);
  }
}
.sec-fv__frame-caption-remarks {
    padding-bottom: 16px;
  font-size: min(24px, 2vw);
}
@media (max-width: 640px) {
  .sec-fv__frame-caption-remarks {
    padding-bottom: 4%;
    font-size: min(20px, 5.3333333333vw);
  }
}
@media (min-width: 641px) {
  .sec-fv__frame-caption-remarks br {
    display: none;
  }
}
.sec-fv__frame-caption-st {
  font-size: min(48px, 4vw);
}
@media (max-width: 640px) {
  .sec-fv__frame-caption-st {
    font-size: min(32px, 8.5333333333vw);
  }
}
@media (min-width: 641px) {
  .sec-fv__frame-caption-st br {
    display: none;
  }
}

.sec-concept {
  padding-block: min(120px, 10vw);
  background: url(../img/storage/concept_bg.png) no-repeat left top/min(720px, 60vw) auto;
  background-color: #FFF9F3;
}
@media (max-width: 640px) {
  .sec-concept {
    padding-block: min(120px, 18.75vw);
    background: url(../img/storage/concept_bg.png) no-repeat left top/min(360px, 56.25vw) auto;
  }
}
.sec-concept__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(72px, 6vw) 0;
}
.sec-concept__head {
  width: 28.6666666667%;
}
@media (max-width: 640px) {
  .sec-concept__head {
    width: 100%;
  }
}
.sec-concept__menu {
  width: 71.3333333333%;
}
@media (max-width: 640px) {
  .sec-concept__menu {
    width: 100%;
  }
}
.sec-concept__menu-list {
  display: flex;
}
@media (max-width: 640px) {
  .sec-concept__menu-list {
    width: 100%;
    overflow: auto;
  }
}
.sec-concept__menu-item {
  margin-left: min(16px, 1.3333333333vw);
  padding-left: min(16px, 1.3333333333vw);
  width: calc((100% - min(16px, 1.3333333333vw)) / 3);
  border-left: 1px solid #1A1A1A;
}
@media (max-width: 640px) {
  .sec-concept__menu-item {
    margin-left: min(16px, 2.5vw);
    padding-left: min(16px, 2.5vw);
    min-width: 180px;
  }
}
@media (max-width: 640px) {
  .sec-concept__menu-item:first-of-type {
    margin-left: 0;
  }
}
.sec-concept__menu-item-num {
  margin-bottom: min(56px, 4.6666666667vw);
}
@media (max-width: 640px) {
  .sec-concept__menu-item-num {
    margin-bottom: min(28px, 4.375vw);
  }
}
.sec-concept__menu-item-num-st {
  font-size: min(64px, 5.3333333333vw);
  color: #D18F40;
  line-height: 1;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-concept__menu-item-num-st {
    font-size: min(32px, 8.5333333333vw);
  }
}
.sec-concept__menu-item-ttl {
  margin-bottom: min(32px, 2.6666666667vw);
}
@media (max-width: 640px) {
  .sec-concept__menu-item-ttl {
    margin-bottom: min(16px, 2.5vw);
  }
}
.sec-concept__menu-item-ttl-st {
  margin-bottom: min(16px, 1.3333333333vw);
  font-size: min(24px, 2vw);
  line-height: 1;
}
@media (max-width: 640px) {
  .sec-concept__menu-item-ttl-st {
    font-size: min(18px, 4.8vw);
  }
}
.sec-concept__menu-item-ttl-ruby {
  font-size: min(12px, 1vw);
  color: #D18F40;
  text-transform: uppercase;
  line-height: 1;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-concept__menu-item-ttl-ruby {
    font-size: min(10px, 2.6666666667vw);
  }
}
.sec-concept__menu-item-txt-st {
  font-size: min(14px, 1.1666666667vw);
  line-height: 1.7142857143;
}
@media (max-width: 640px) {
  .sec-concept__menu-item-txt-st {
    font-size: min(11px, 2.9333333333vw);
  }
}
.sec-concept__guide {
  margin-inline: auto;
  width: 100%;
  max-width: 1040px;
}
.sec-concept__guide-wrap {
  position: relative;
}
.sec-concept__guide-ttl {
  margin-bottom: min(20px, 1.6666666667vw);
}
@media (max-width: 640px) {
  .sec-concept__guide-ttl {
    margin-bottom: min(10px, 2.6666666667vw);
  }
}
.sec-concept__guide-ttl-st {
  font-size: min(20px, 1.6666666667vw);
}
@media (max-width: 640px) {
  .sec-concept__guide-ttl-st {
    font-size: min(16px, 4.2666666667vw);
  }
}
.sec-concept__guide-item {
  display: flex;
  align-items: flex-start;
  height: 100%;
  background: #C1935A;
}
@media (max-width: 640px) {
  .sec-concept__guide-item {
    flex-wrap: wrap;
  }
}
.sec-concept__guide-item-ph {
  width: 57.6923076923%;
  aspect-ratio: 600/310;
  background: #ccc;
}
@media (max-width: 640px) {
  .sec-concept__guide-item-ph {
    width: 100%;
  }
}
.sec-concept__guide-item-info {
  display: flex;
  padding: min(30px, 2.5vw) min(24px, 2vw);
  width: 42.3076923077%;
}
@media (max-width: 640px) {
  .sec-concept__guide-item-info {
    width: 100%;
  }
}
.sec-concept__guide-item-info-ruby {
  margin-right: min(16px, 1.3333333333vw);
  padding-right: min(8px, 0.6666666667vw);
  border-right: 1px solid #1A1A1A;
  min-width: 2em;
}
@media (max-width: 640px) {
  .sec-concept__guide-item-info-ruby {
    margin-right: min(16px, 2.5vw);
    padding-right: min(8px, 1.25vw);
  }
}
.sec-concept__guide-item-info-ruby-st {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-transform: uppercase;
  font-size: min(16px, 1.3333333333vw);
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-concept__guide-item-info-ruby-st {
    font-size: min(13px, 3.4666666667vw);
  }
}
.sec-concept__guide-item-info-cnt {
  flex: 1;
}
.sec-concept__guide-item-info-ttl {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: min(16px, 1.3333333333vw);
}
.sec-concept__guide-item-info-ttl-num {
  font-size: min(24px, 2vw);
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-concept__guide-item-info-ttl-num {
    font-size: min(20px, 5.3333333333vw);
  }
}
.sec-concept__guide-item-info-ttl-st {
  font-size: min(18px, 1.5vw);
  line-height: 2.2857142857;
}
@media (max-width: 640px) {
  .sec-concept__guide-item-info-ttl-st {
    font-size: min(15px, 4vw);
  }
}
.sec-concept__guide-item-info-txt-st {
  font-size: min(14px, 1.1666666667vw);
  line-height: 1.7142857143;
}
@media (max-width: 640px) {
  .sec-concept__guide-item-info-txt-st {
    font-size: min(12px, 3.2vw);
  }
}
.sec-concept__guide-arw {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95vw;
  max-width: 1200px;
  z-index: 10;
}
.sec-concept__guide-arw > div {
  width: min(40px, 3.3333333333vw);
  aspect-ratio: 1;
  background: url(../img/storage/cmn_arw_pager02.png) no-repeat center center/contain;
}
@media (max-width: 640px) {
  .sec-concept__guide-arw > div {
    width: min(40px, 6.25vw);
  }
}
.sec-concept__guide-arw > div.swiper-button-disabled {
  background: url(../img/storage/cmn_arw_pager01.png) no-repeat center center/contain;
}
.sec-concept__guide-arw-next {
  transform: scaleX(-1);
}

.sec-message {
  padding-block: min(120px, 10vw) 0;
  background: url(../img/storage/message_bg.png) no-repeat left bottom/min(560px, 46.6666666667vw) auto;
  background-color: #FFF9F3;
}
@media (max-width: 640px) {
  .sec-message {
    padding-block: min(60px, 9.375vw) 0;
  }
}
.sec-message__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 min(40px, 3.3333333333vw);
}
@media (max-width: 640px) {
  .sec-message__wrap {
    flex-direction: column;
    gap: min(40px, 6.25vw);
  }
}
.sec-message__head {
  flex: 1;
}
.sec-message__head-txt {
  margin-top: min(40px, 3.3333333333vw);
}
@media (max-width: 640px) {
  .sec-message__head-txt {
    margin-top: min(40px, 6.25vw);
  }
}
.sec-message__head-txt-st {
  font-size: min(14px, 1.1666666667vw);
  line-height: 1.7142857143;
}
@media (max-width: 640px) {
  .sec-message__head-txt-st {
    font-size: min(14px, 3.7333333333vw);
  }
}
.sec-message__cnt {
  position: relative;
  width: 60%;
}
@media (max-width: 640px) {
  .sec-message__cnt {
    width: 100%;
  }
}
.sec-message__btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(324px, 27vw);
}
@media (max-width: 640px) {
  .sec-message__btn {
    position: relative;
    left: auto;
    top: auto;
    transform: initial;
    margin: 0 auto min(32px, 5vw);
    width: 100%;
    max-width: 327px;
  }
}
.sec-message__btn-anc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: min(32px, 2.6666666667vw) min(16px, 1.3333333333vw) min(24px, 2vw);
  width: 100%;
  height: 100%;
  background: #1A1A1A;
}
@media (max-width: 640px) {
  .sec-message__btn-anc {
    padding: min(32px, 3.75vw) min(16px, 2.5vw);
  }
}
.sec-message__btn-st {
  font-size: min(24px, 2vw);
  color: #fff;
}
@media (max-width: 640px) {
  .sec-message__btn-st {
    font-size: min(24px, 6.4vw);
  }
}
.sec-message__btn-ruby {
  display: flex;
  gap: min(16px, 1.3333333333vw);
  font-size: min(14px, 1.1666666667vw);
  font-weight: 600;
  color: #D18F40;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-message__btn-ruby {
    font-size: min(14px, 3.7333333333vw);
  }
}
.sec-message__btn-ruby::after {
  content: "";
  position: relative;
  width: min(23px, 1.9166666667vw);
  aspect-ratio: 23/14;
  background: url(../img/storage/message_btn_arw.png) no-repeat center center/contain;
}
@media (max-width: 640px) {
  .sec-message__btn-ruby::after {
    width: min(23px, 3.59375vw);
  }
}
.sec-message__point {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(24px, 2vw) 0;
}
@media (max-width: 640px) {
  .sec-message__point {
    overflow: visible;
    overflow: clip;
  }
}
.sec-message__point-item {
  display: flex;
  flex-direction: column;
  padding: min(20px, 1.6666666667vw);
  width: 48.3333333333%;
  background: #fff;
  box-shadow: 0 0 min(34px, 2.8333333333vw) rgba(146, 129, 120, 0.2);
}
@media (max-width: 640px) {
  .sec-message__point-item {
    padding: min(48px, 7.5vw);
    width: min(300px, 80vw);
  }
}
.sec-message__point-item.--reverse {
  flex-direction: column-reverse;
}
@media (max-width: 640px) {
  .sec-message__point-item.--reverse {
    flex-direction: column;
  }
}
.sec-message__point-item-ttl {
  padding: min(20px, 1.6666666667vw);
}
@media (max-width: 640px) {
  .sec-message__point-item-ttl {
    padding: min(24px, 2vw);
  }
}
.sec-message__point-item-ttl-num {
  display: flex;
  align-items: center;
  gap: min(20px, 1.6666666667vw);
  margin-bottom: min(24px, 2vw);
}
@media (max-width: 640px) {
  .sec-message__point-item-ttl-num {
    gap: min(24px, 3.75vw);
    margin-bottom: min(16px, 2.5vw);
  }
}
.sec-message__point-item-ttl-num::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #D18F40;
}
.sec-message__point-item-ttl-num-st {
  font-size: min(16px, 1.3333333333vw);
  font-weight: 600;
  color: #D18F40;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-message__point-item-ttl-num-st {
    font-size: min(14px, 3.7333333333vw);
  }
}
.sec-message__point-item-ttl-st {
  font-size: min(20px, 1.6666666667vw);
  line-height: 1.6;
}
@media (max-width: 640px) {
  .sec-message__point-item-ttl-st {
    font-size: min(18px, 4.8vw);
  }
}
.sec-message__point-item-ph {
  width: 100%;
  aspect-ratio: 308/186;
  background: #ccc;
}
.sec-message__point-arw {
  display: none;
}
@media (max-width: 640px) {
  .sec-message__point-arw {
    display: flex;
    justify-content: flex-end;
    position: relative;
    gap: min(16px, 2.5vw);
    margin-top: min(24px, 3.75vw);
    width: 100%;
    z-index: 10;
  }
}
.sec-message__point-arw > div {
  width: min(40px, 3.3333333333vw);
  aspect-ratio: 1;
  background: url(../img/storage/cmn_arw_pager02.png) no-repeat center center/contain;
}
@media (max-width: 640px) {
  .sec-message__point-arw > div {
    width: min(80px, 12.5vw);
  }
}
.sec-message__point-arw > div.swiper-button-disabled {
  background: url(../img/storage/cmn_arw_pager01.png) no-repeat center center/contain;
}
.sec-message__point-arw-next {
  transform: scaleX(-1);
}

.sec-merit {
  padding-block: min(120px, 10vw);
  background: #FFF9F3;
}
@media (max-width: 640px) {
  .sec-merit {
    padding-block: min(60px, 9.375vw);
  }
}
.sec-merit__head {
  margin-bottom: min(60px, 5vw);
}
@media (max-width: 640px) {
  .sec-merit__head {
    margin-bottom: min(30px, 4.6875vw);
  }
}
.sec-merit__menu {
  display: flex;
  gap: min(16px, 1.3333333333vw);
  margin-bottom: min(64px, 5.3333333333vw);
}
@media (max-width: 640px) {
  .sec-merit__menu {
    flex-wrap: wrap;
    gap: min(32px, 5vw) min(16px, 2.5vw);
    margin-bottom: min(30px, 4.6875vw);
  }
}
.sec-merit__menu-item {
  flex: 1;
  position: relative;
  background: #fff;
}
@media (max-width: 640px) {
  .sec-merit__menu-item {
    flex: initial;
    width: calc((100% - min(16px, 2.5vw)) / 2);
  }
}
.sec-merit__menu-item:not(.is-active) {
  opacity: 0.5;
  filter: grayscale(1);
}
.sec-merit__menu-item-btn {
  padding: min(51px, 4.25vw) min(20px, 1.6666666667vw) min(20px, 1.6666666667vw);
  aspect-ratio: 230/215;
}
@media (max-width: 640px) {
  .sec-merit__menu-item-btn {
    padding: min(51px, 7.96875vw) min(20px, 3.125vw) min(20px, 3.125vw);
  }
}
.sec-merit__menu-item-btn-num {
  position: absolute;
  top: -0.5em;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: min(32px, 2.6666666667vw);
  font-weight: 500;
  color: #D18F40;
  line-height: 1;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-merit__menu-item-btn-num {
    font-size: min(20px, 5.3333333333vw);
  }
}
.sec-merit__menu-item-btn-st {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: min(32px, 2.6666666667vw);
  width: 100%;
  height: 2.6666666667em;
  text-align: center;
  font-size: min(24px, 2vw);
}
@media (max-width: 640px) {
  .sec-merit__menu-item-btn-st {
    margin-bottom: min(20px, 3.125vw);
    font-size: min(14px, 3.7333333333vw);
  }
}
.sec-merit__menu-item-btn-ruby {
  margin-bottom: min(20px, 1.6666666667vw);
  width: 100%;
  text-align: center;
  font-size: min(16px, 1.3333333333vw);
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-merit__menu-item-btn-ruby {
    margin-bottom: min(20px, 3.125vw);
    font-size: min(10px, 3.4666666667vw);
  }
}
.sec-merit__menu-item-btn-arw {
  display: block;
  margin-inline: auto;
  width: min(20px, 1.6666666667vw);
  aspect-ratio: 1;
  background: url(../img/storage/cmn_btn_arw.png) no-repeat center center/contain;
}
@media (max-width: 640px) {
  .sec-merit__menu-item-btn-arw {
    width: min(20px, 3.125vw);
  }
}
.sec-merit__guide {
  margin-inline: auto;
  width: 100%;
  max-width: 1040px;
}
.sec-merit__guide-wrap {
  position: relative;
}
.sec-merit__guide-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: min(16px, 1.3333333333vw) min(16px, 1.3333333333vw) min(16px, 1.3333333333vw) min(50px, 4.1666666667vw);
  background: #fff;
  border-top: 1px solid #D18F40;
  border-bottom: 1px solid #D18F40;
}
@media (max-width: 640px) {
  .sec-merit__guide-item {
    display: block;
    padding: min(16px, 2.5vw) min(24px, 3.75vw);
  }
}
.sec-merit__guide-item-ph {
  width: 47.6386036961%;
  background: #ccc;
  aspect-ratio: 464/311;
  background: #ccc;
}
@media (max-width: 640px) {
  .sec-merit__guide-item-ph {
    margin-top: min(24px, 2vw);
    width: 100%;
  }
}
.sec-merit__guide-item-info {
  padding-top: min(24px, 2vw);
  width: 45.8932238193%;
}
@media (max-width: 640px) {
  .sec-merit__guide-item-info {
    padding-top: min(24px, 3.75vw);
    width: 100%;
  }
}
.sec-merit__guide-item-info-ttl {
  display: flex;
  gap: min(10px, 0.8333333333vw);
  margin-bottom: min(16px, 1.3333333333vw);
}
.sec-merit__guide-item-info-ttl-num {
  margin-bottom: min(16px, 1.3333333333vw);
  font-size: min(16px, 1.3333333333vw);
  font-weight: 500;
  line-height: 1;
  color: #D18F40;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-merit__guide-item-info-ttl-num {
    font-size: min(16px, 4.2666666667vw);
  }
}
.sec-merit__guide-item-info-ttl-st {
  font-size: min(24px, 2vw);
  line-height: 1.3333333333;
}
@media (max-width: 640px) {
  .sec-merit__guide-item-info-ttl-st {
    font-size: min(20px, 5.3333333333vw);
  }
}
.sec-merit__guide-item-info-txt-st {
  font-size: min(16px, 1.3333333333vw);
  line-height: 2;
}
@media (max-width: 640px) {
  .sec-merit__guide-item-info-txt-st {
    font-size: min(13px, 3.4666666667vw);
  }
}
.sec-merit__guide-arw {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  max-width: 1200px;
  z-index: 10;
}
@media (max-width: 640px) {
  .sec-merit__guide-arw {
    width: 95vw;
  }
}
.sec-merit__guide-arw > div {
  width: min(40px, 3.3333333333vw);
  aspect-ratio: 1;
  background: url(../img/storage/cmn_arw_pager02.png) no-repeat center center/contain;
}
@media (max-width: 640px) {
  .sec-merit__guide-arw > div {
    width: min(40px, 6.25vw);
  }
}
.sec-merit__guide-arw > div.swiper-button-disabled {
  background: url(../img/storage/cmn_arw_pager01.png) no-repeat center center/contain;
}
.sec-merit__guide-arw-next {
  transform: scaleX(-1);
}

.sec-product {
  padding-block: min(120px, 10vw);
  background: #FFF9F3;
}
@media (max-width: 640px) {
  .sec-product {
    padding-block: min(60px, 9.375vw);
  }
}
.sec-product__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: min(60px, 5vw);
}
@media (max-width: 640px) {
  .sec-product__head {
    display: block;
    margin-bottom: min(60px, 9.375vw);
  }
}
.sec-product__head-txt {
  font-size: min(14px, 1.1666666667vw);
}
@media (max-width: 640px) {
  .sec-product__head-txt {
    margin-top: min(30px, 4.6875vw);
    font-size: min(13px, 3.4666666667vw);
  }
}
.sec-product__cnt {
  display: flex;
  justify-content: space-between;
  gap: min(40px, 3.3333333333vw);
}
.sec-product__menu {
  width: min(40px, 3.3333333333vw);
}
.sec-product__menu-arw {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: min(16px, 1.3333333333vw);
  height: 100%;
  z-index: 10;
}
@media (max-width: 640px) {
  .sec-product__menu-arw {
    gap: min(16px, 2.5vw);
  }
}
.sec-product__menu-arw > div {
  width: min(40px, 3.3333333333vw);
  aspect-ratio: 1;
  background: url(../img/storage/cmn_arw_pager02.png) no-repeat center center/contain;
}
@media (max-width: 640px) {
  .sec-product__menu-arw > div {
    width: min(40px, 6.25vw);
  }
}
.sec-product__menu-arw > div.swiper-button-disabled {
  background: url(../img/storage/cmn_arw_pager01.png) no-repeat center center/contain;
}
.sec-product__menu-arw-next {
  transform: scaleX(-1);
}
.sec-product__guide {
  flex: 1;
  margin-right: calc((100% - 98.75vw) / 2);
}
@media (max-width: 640px) {
  .sec-product__guide {
    padding-right: min(40px, 3.3333333333vw);
  }
}
.sec-product__guide-item {
  width: min(440px, 36.6666666667vw);
}
@media (max-width: 640px) {
  .sec-product__guide-item {
    width: 100%;
  }
}
.sec-product__guide-item-ph {
  margin-bottom: min(40px, 3.3333333333vw);
  aspect-ratio: 440/248;
  background: #ccc;
}
.sec-product__guide-item-info {
  padding-left: min(40px, 3.3333333333vw);
  border-left: 1px solid #332F2B;
}
@media (max-width: 640px) {
  .sec-product__guide-item-info {
    padding-left: min(40px, 6.25vw);
  }
}
.sec-product__guide-item-info-ttl {
  margin-bottom: min(40px, 3.3333333333vw);
}
@media (max-width: 640px) {
  .sec-product__guide-item-info-ttl {
    margin-bottom: min(40px, 6.25vw);
  }
}
.sec-product__guide-item-info-ttl-num {
  margin-bottom: min(24px, 2vw);
  font-size: min(36px, 3vw);
  font-weight: 500;
  color: #D18F40;
  line-height: 1;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-product__guide-item-info-ttl-num {
    margin-bottom: min(24px, 3.75vw);
    font-size: min(20px, 5.3333333333vw);
  }
}
.sec-product__guide-item-info-ttl-st {
  font-size: min(24px, 2vw);
  line-height: 1.3333333333;
}
@media (max-width: 640px) {
  .sec-product__guide-item-info-ttl-st {
    font-size: min(18px, 4.8vw);
  }
}
.sec-product__guide-item-info-txt-st {
  font-size: min(14px, 1.1666666667vw);
  line-height: 2;
}
@media (max-width: 640px) {
  .sec-product__guide-item-info-txt-st {
    font-size: min(13px, 3.4666666667vw);
  }
}

.sec-works {
  padding-block: 0 min(120px, 10vw);
  background: #FFF9F3;
}
@media (max-width: 640px) {
  .sec-works {
    padding-block: 0 min(60px, 9.375vw);
  }
}
.sec-works__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: min(60px, 5vw);
}
@media (max-width: 640px) {
  .sec-works__head {
    display: block;
    margin-bottom: min(30px, 4.6875vw);
  }
}
.sec-works__head-txt {
  font-size: min(14px, 1.1666666667vw);
}
@media (max-width: 640px) {
  .sec-works__head-txt {
    margin-top: min(30px, 4.6875vw);
    font-size: min(13px, 3.4666666667vw);
  }
}
.sec-works__wrap {
  display: flex;
  gap: min(16px, 1.3333333333vw);
  padding-left: min(136px, 11.3333333333vw);
}
@media (max-width: 640px) {
  .sec-works__wrap {
    gap: min(16px, 2.5vw);
    padding-left: 0;
  }
}
.sec-works__wrap + .sec-works__wrap {
	margin-top: min(30px, 4.6875vw);
}
@media (max-width: 640px) {
.sec-works__wrap + .sec-works__wrap {
    margin-top: min(30px, 4.6875vw);
}
}
.sec-works__num-st {
  font-size: min(12px, 1vw);
  font-weight: 600;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1;
}
@media (max-width: 640px) {
  .sec-works__num-st {
    font-size: min(10px, 2.6666666667vw);
  }
}
.sec-works__cnt {
  flex: 1;
}
.sec-works__slider {
  display: flex;
  justify-content: space-between;
  margin-bottom: min(16px, 1.3333333333vw);
}
@media (max-width: 640px) {
  .sec-works__slider {
    display: block;
    margin-bottom: min(32px, 5vw);
  }
}
.sec-works__slider-main {
  width: 61.7760617761%;
}
@media (max-width: 640px) {
  .sec-works__slider-main {
    margin-bottom: min(16px, 2.5vw);
    width: 100%;
  }
}
.sec-works__slider-main-slider {
  max-width: min(640px, 53.3333333333vw);
}
@media (max-width: 640px) {
  .sec-works__slider-main-slider {
    max-width: 100%;
  }
}
.sec-works__slider-main-item {
	position: relative;
  aspect-ratio: 184/123;
  background: #ccc;
}
.sec-works__slider-main-item::after {
	pointer-events: none;
  content: "";
  position: absolute;
	bottom: 15px;
	right: 15px;
  width: 48px;
  aspect-ratio: 1;
  background: url(../img/storage/work_zoom.png) no-repeat center center/contain;
	z-index: 10;
}
.sec-works__slider-sub {
  width: 37.4517374517%;
  aspect-ratio: 388/427;
  overflow-y: scroll;
}
@media (max-width: 640px) {
  .sec-works__slider-sub {
    width: 100%;
    aspect-ratio: initial;
    overflow-x: scroll;
  }
}
.sec-works__slider-sub-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(8px, 0.6666666667vw) 0;
}
@media (max-width: 640px) {
  .sec-works__slider-sub-list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: min(8px, 1.25vw);
  }
}
.sec-works__slider-sub-item {
  width: 48.9690721649%;
  aspect-ratio: 184/123;
  background: #ccc;
}
@media (max-width: 640px) {
  .sec-works__slider-sub-item {
    width: 21.875%;
    min-width: 21.875%;
  }
}
.sec-works__data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
@media (max-width: 640px) {
  .sec-works__data {
    display: block;
  }
}
.sec-works__data-layout {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50.1930501931%;
  aspect-ratio: 520/343;
}
@media (max-width: 640px) {
  .sec-works__data-layout {
    width: 100%;
  }
}
.sec-works__data-info {
  padding: min(40px, 3.3333333333vw);
  width: 50.1930501931%;
}
@media (max-width: 640px) {
  .sec-works__data-info {
    padding: min(40px, 6.25vw);
    width: 100%;
  }
}
.sec-works__data-info-ttl {
  display: flex;
  gap: min(16px, 1.3333333333vw);
  margin-bottom: min(24px, 2vw);
}
.sec-works__data-info-ttl::before {
  content: "";
  position: relative;
  width: min(28px, 2.3333333333vw);
  aspect-ratio: 1;
  background: url(../img/storage/point_icon.png) no-repeat center center/contain;
}
.sec-works__data-info-ttl-st {
  font-size: min(20px, 1.6666666667vw);
  color: #D18F40;
}
@media (max-width: 640px) {
  .sec-works__data-info-ttl-st {
    font-size: min(16px, 4.2666666667vw);
  }
}
.sec-works__data-info-txt {
  margin-bottom: min(40px, 3.3333333333vw);
}
@media (max-width: 640px) {
  .sec-works__data-info-txt {
    margin-bottom: min(40px, 6.25vw);
  }
}
.sec-works__data-info-txt-st {
  font-size: min(16px, 1.3333333333vw);
  line-height: 2;
}
@media (max-width: 640px) {
  .sec-works__data-info-txt-st {
    font-size: min(13px, 3.4666666667vw);
  }
}
.sec-works__data-info-area {
  padding-top: min(24px, 2vw);
  border-top: 1px solid #DBDBDB;
}
@media (max-width: 640px) {
  .sec-works__data-info-area {
    padding-top: min(24px, 3.75vw);
  }
}
.sec-works__data-info-area-st {
  font-size: min(14px, 1.1666666667vw);
  line-height: 2;
}
@media (max-width: 640px) {
  .sec-works__data-info-area-st {
    font-size: min(12px, 3.2vw);
  }
}

.sec-access {
  padding-block: min(120px, 10vw);
  background: #FFF9F3;
}
@media (max-width: 640px) {
  .sec-access {
    padding-block: min(60px, 9.375vw);
  }
}
.sec-access__head {
  margin-bottom: min(35px, 2.9166666667vw);
}
@media (max-width: 640px) {
  .sec-access__head {
    margin-bottom: min(24px, 3.75vw);
  }
}
.sec-access__guide {
  border-top: 1px solid #D18F40;
}
.sec-access__guide-item {
  border-bottom: 1px solid #D18F40;
}
.sec-access__guide-item-head {
  display: flex;
  justify-content: space-between;
  padding-block: min(35px, 2.9166666667vw);
}
.sec-access__guide-item-head-arw {
  position: relative;
  width: min(40px, 3.3333333333vw);
  aspect-ratio: 1;
}
.sec-access__guide-item-head-arw::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: min(20px, 1.6666666667vw);
  height: 2px;
  background: #D18F40;
}
@media (max-width: 640px) {
  .sec-access__guide-item-head-arw::before {
    width: min(20px, 3.125vw);
  }
}
.sec-access__guide-item-head-arw::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: min(20px, 1.6666666667vw);
  height: 2px;
  background: #D18F40;
}
@media (max-width: 640px) {
  .sec-access__guide-item-head-arw::after {
    width: min(20px, 3.125vw);
  }
}
.is-active .sec-access__guide-item-head-arw::after {
  transform: translate(-50%, -50%) rotate(0);
}
.sec-access__guide-item-name {
  font-size: min(24px, 2vw);
}
@media (max-width: 640px) {
  .sec-access__guide-item-name {
    font-size: min(16px, 4.2666666667vw);
  }
}
.sec-access__guide-item-cnt {
  display: none;
}
.sec-access__guide-item-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-block: 0 min(35px, 2.9166666667vw);
}
@media (max-width: 640px) {
  .sec-access__guide-item-wrap {
    flex-wrap: wrap;
    padding-block: 0 min(20px, 3.125vw);
  }
}
.sec-access__guide-item-map {
  width: 66.6666666667%;
  background: #ccc;
}
@media (max-width: 640px) {
  .sec-access__guide-item-map {
    width: 100%;
  }
}
.sec-access__guide-item-map-frame {
  width: 100%;
  aspect-ratio: 800/383;
}
.sec-access__guide-item-map-frame iframe {
	width: 100%;
	height: 100%;
}
.sec-access__guide-item-data {
  margin-bottom: min(32px, 2.6666666667vw);
  width: 30%;
}
@media (max-width: 640px) {
  .sec-access__guide-item-data {
    margin-block: min(20px, 3.125vw) 0;
    padding-inline: min(24px, 3.75vw);
    width: 100%;
  }
}
.sec-access__guide-item-data-txt-st {
  margin-bottom: min(16px, 1.3333333333vw);
  padding-bottom: min(16px, 1.3333333333vw);
  border-bottom: 1px solid #E9C79D;
  font-size: min(16px, 1.3333333333vw);
}
@media (max-width: 640px) {
  .sec-access__guide-item-data-txt-st {
    margin-bottom: min(16px, 2.5vw);
    padding-bottom: min(16px, 2.5vw);
    font-size: min(13px, 3.4666666667vw);
  }
}
.sec-access__guide-item-data-tel {
  display: flex;
  gap: min(16px, 1.3333333333vw);
  font-family: var(--font-family-latin);
}
.sec-access__guide-item-data-tel::before {
  content: "";
  width: min(28px, 2.3333333333vw);
  aspect-ratio: 1;
  background: url(../img/storage/access_tel.png) no-repeat center center/contain;
}
.sec-access__guide-item-data-tel-st {
  font-size: min(32px, 2.6666666667vw);
}
@media (max-width: 640px) {
.sec-access__guide-item-data-tel::before {
  content: "";
  width: min(28px, 4.66666vw);
  aspect-ratio: 1;
  background: url(../img/storage/access_tel.png) no-repeat center center/contain;
}
  .sec-access__guide-item-data-tel-st {
    font-size: min(24px, 6.4vw);
  }
}

.sec-contact {
  padding-block: min(120px, 10vw);
  background: #fff;
}
@media (max-width: 640px) {
  .sec-contact {
    padding-block: min(60px, 9.375vw);
  }
}
.sec-contact__head {
  margin-bottom: min(32px, 2.6666666667vw);
  padding-bottom: min(32px, 2.6666666667vw);
  border-bottom: 1px solid #BFBFBF;
}
@media (max-width: 640px) {
  .sec-contact__head {
    margin-bottom: min(24px, 3.75vw);
    padding-bottom: min(24px, 3.75vw);
  }
}
.sec-contact__head-txt {
  margin-top: min(38px, 3.1666666667vw);
}
.sec-contact__head-txt-st {
  font-size: min(14px, 1.1666666667vw);
}
@media (max-width: 640px) {
  .sec-contact__head-txt-st {
    font-size: min(13px, 3.4666666667vw);
  }
}
.sec-contact__caution {
  margin-bottom: min(80px, 6.6666666667vw);
}
.sec-contact__caution-st {
  font-size: min(14px, 1.1666666667vw);
}
@media (max-width: 640px) {
  .sec-contact__caution-st {
    font-size: min(13px, 3.4666666667vw);
  }
}
.sec-contact__btn {
  display: flex;
	justify-content:center;
  gap: min(24px, 2vw);
  margin-bottom: min(120px, 10vw);
}
@media (max-width: 640px) {
  .sec-contact__btn {
    gap: min(8px, 1.25vw);
    margin-bottom: min(60px, 9.375vw);
  }
}
.sec-contact__btn-item {
  width: calc((100% - min(48px, 4vw)) / 3);
}
@media (max-width: 640px) {
  .sec-contact__btn-item {
	  flex: 1;
    max-width: calc((100% - min(8px, 1.25vw)) / 2);
  }
}
.sec-contact__btn-item:not(.is-active) {
  opacity: 0.6;
}
.sec-contact__form-block:not(.is-show) {
  display: none;
}

.sec-company {
  padding-block: min(200px, 16.6666666667vw) min(120px, 10vw);
  background: #FFF9F3;
}
@media (max-width: 640px) {
  .sec-company {
    padding-block: min(100px, 15.625vw) min(60px, 9.375vw);
  }
}
.sec-company__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: min(80px, 6.6666666667vw);
  padding-bottom: min(40px, 3.3333333333vw);
  border-bottom: 1px solid #E9C79D;
}
@media (max-width: 640px) {
  .sec-company__head {
    margin-bottom: min(40px, 6.25vw);
    padding-bottom: min(20px, 3.125vw);
  }
}
.sec-company__head-arw {
  position: relative;
  width: min(40px, 3.3333333333vw);
  aspect-ratio: 1;
}
@media (max-width: 640px) {
  .sec-company__head-arw {
    width: min(40px, 6.25vw);
  }
}
.sec-company__head-arw::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: min(20px, 1.6666666667vw);
  height: 2px;
  background: #D18F40;
}
@media (max-width: 640px) {
  .sec-company__head-arw::before {
    width: min(20px, 3.125vw);
  }
}
.sec-company__head-arw::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: min(20px, 1.6666666667vw);
  height: 2px;
  background: #D18F40;
}
@media (max-width: 640px) {
  .sec-company__head-arw::after {
    width: min(20px, 3.125vw);
  }
}
.is-active .sec-company__head-arw::after {
  transform: translate(-50%, -50%) rotate(0);
}
.sec-company__cnt {
  display: none;
  margin-bottom: min(120px, 10vw);
}
@media (max-width: 640px) {
  .sec-company__cnt {
    margin-bottom: min(60px, 9.375vw);
  }
}
.sec-company__point {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: min(80px, 6.6666666667vw) 0;
}
@media (max-width: 640px) {
  .sec-company__point {
    gap: min(40px, 6.25vw) 0;
  }
}
.sec-company__point-item {
  width: 46.6666666667%;
}
@media (max-width: 640px) {
  .sec-company__point-item {
    width: 100%;
  }
}
.sec-company__point-ph {
  margin-bottom: min(36px, 3vw);
  width: 100%;
  aspect-ratio: 560/293;
  background: #eee;
}
@media (max-width: 640px) {
  .sec-company__point-ph {
    margin-bottom: min(18px, 2.8125vw);
  }
}
.sec-company__point-ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec-company__point-txt-st {
  margin-bottom: min(36px, 3vw);
  font-size: min(24px, 2vw);
  font-weight: 400;
  line-height: 1.3333333333;
}
@media (max-width: 640px) {
  .sec-company__point-txt-st {
    margin-bottom: min(18px, 2.8125vw);
    font-size: min(15px, 4vw);
  }
}
.sec-company__point-txt-remark {
  font-size: min(16px, 1.3333333333vw);
  line-height: 2;
}
@media (max-width: 640px) {
  .sec-company__point-txt-remark {
    font-size: min(12px, 3.2vw);
  }
}
.sec-company__overview {
  padding: min(120px, 10vw);
  background: #fff;
  box-shadow: 0 0 min(34px, 2.8333333333vw) rgba(146, 129, 120, 0.2);
}
@media (max-width: 640px) {
  .sec-company__overview {
    flex-direction: column;
    padding: min(60px, 9.375vw);
  }
}
.sec-company__overview__item {
  display: flex;
  align-items: baseline;
  padding: min(32px, 2.6666666667vw) min(40px, 3.3333333333vw);
  border-bottom: 1px solid #DBDBDB;
}
@media (max-width: 640px) {
  .sec-company__overview__item {
    flex-direction: column;
    padding: min(32px, 5vw) 0;
  }
}
.sec-company__overview__item-cap {
  width: 180px;
  font-size: 1.6rem;
  font-weight: 400;
}
@media (max-width: 640px) {
  .sec-company__overview__item-cap {
    width: 100%;
    font-size: min(14px, 3.7333333333vw);
  }
}
.sec-company__overview__item-st {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 400;
}
@media (max-width: 640px) {
  .sec-company__overview__item-st {
    width: 100%;
    font-size: min(14px, 3.7333333333vw);
  }
}

.sec-cta {
  padding-block: min(48px, 4vw);
  background: url(../img/storage/cta_bg.jpg) no-repeat center center/cover;
}
@media (max-width: 640px) {
  .sec-cta {
    padding-block: min(32px, 5vw) min(24px, 3.75vw);
  }
}
.sec-cta__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  width: 100%;
  max-width: 590px;
}
.sec-cta__wrap.--catalog {
  max-width: 720px;
}
.sec-cta__ttl {
  margin-bottom: min(32px, 2.6666666667vw);
  margin-inline: auto;
  padding-bottom: min(16px, 1.3333333333vw);
  width: 100%;
  max-width: 520px;
  border-bottom: 1px solid #1A1A1A;
  text-align: center;
}
@media (max-width: 640px) {
  .sec-cta__ttl {
    margin-bottom: min(32px, 5vw);
    padding-bottom: min(16px, 2.5vw);
  }
}
.--catalog .sec-cta__ttl {
  text-align: left;
}
.sec-cta__ttl-st {
  font-size: min(16px, 1.3333333333vw);
}
@media (max-width: 640px) {
  .sec-cta__ttl-st {
    font-size: min(16px, 4.2666666667vw);
  }
}
.sec-cta__ph.--catalog {
  width: 19.53125%;
}
@media (max-width: 640px) {
  .sec-cta__ph.--catalog {
    order: 2;
    width: 20.4892966361%;
  }
}
.sec-cta__ph.--item {
  width: 38.2352941176%;
}
@media (max-width: 640px) {
  .sec-cta__ph.--item {
    width: 33.3333333333%;
  }
}
.sec-cta__ph.--card {
  width: 31.3725490196%;
}
@media (max-width: 640px) {
  .sec-cta__ph.--card {
    position: absolute;
    top: min(120px, 18.75vw);
    right: min(20px, 3.125vw);
    width: 20.4892966361%;
  }
}
.sec-cta__guide {
  width: 60.7843137255%;
}
@media (max-width: 640px) {
  .sec-cta__guide {
    width: 61.1620795107%;
  }
}
@media (max-width: 640px) {
  .sec-cta__guide.--card {
    width: 100%;
  }
}
.sec-cta__guide.--catalog {
  width: 77.34375%;
}
@media (max-width: 640px) {
  .sec-cta__guide.--catalog {
    display: contents;
    width: 74.006116208%;
  }
}
@media (max-width: 640px) {
  .--catalog .sec-cta__guide-ttl {
    order: 3;
    width: 73.3944954128%;
  }
}
.sec-cta__guide-ttl-st {
  text-align: center;
  font-size: min(24px, 2vw);
  line-height: 1.3333333333;
}
@media (max-width: 640px) {
  .sec-cta__guide-ttl-st {
    font-size: min(24px, 6.4vw);
  }
}
.--catalog .sec-cta__guide-ttl-st {
  text-align: left;
  font-size: min(32px, 2.6666666667vw);
  line-height: 1.5;
}
@media (max-width: 640px) {
  .--catalog .sec-cta__guide-ttl-st {
    order: 1;
    width: 100%;
    font-size: min(22px, 5.8666666667vw);
  }
}
.sec-cta__guide-ttl-maker {
  text-align: center;
  font-size: min(24px, 2vw);
  line-height: 1;
}
@media (max-width: 640px) {
  .sec-cta__guide-ttl-maker {
    font-size: min(20px, 5.3333333333vw);
  }
}
.sec-cta__guide-ttl-name {
  margin-bottom: min(6px, 0.5vw);
  text-align: center;
  font-size: min(32px, 2.6666666667vw);
}
@media (max-width: 640px) {
  .sec-cta__guide-ttl-name {
    margin-bottom: min(6px, 0.9375vw);
    font-size: min(24px, 6.4vw);
  }
}
.--card .sec-cta__guide-ttl-name {
  text-align: left;
  font-size: min(24px, 6.4vw);
  font-weight: 600;
}
.sec-cta__guide-ttl-remark {
  text-align: center;
  font-size: min(14px, 1.1666666667vw);
}
@media (max-width: 640px) {
  .sec-cta__guide-ttl-remark {
    font-size: min(14px, 3.7333333333vw);
  }
}
.sec-cta__guide-ttl-price {
  display: flex;
  align-items: flex-start;
}
.sec-cta__guide-ttl-price-num {
  font-size: min(64px, 5.3333333333vw);
  font-weight: 500;
  line-height: 1;
  font-family: var(--font-family-latin);
}
@media (max-width: 640px) {
  .sec-cta__guide-ttl-price-num {
    font-size: min(64px, 17.0666666667vw);
  }
}
.sec-cta__guide-ttl-price-data {
  margin-top: min(8px, 0.6666666667vw);
}
.sec-cta__guide-ttl-price-data-use {
  display: block;
  margin-bottom: min(8px, 0.6666666667vw);
  font-size: min(20px, 1.6666666667vw);
  line-height: 1;
}
@media (max-width: 640px) {
  .sec-cta__guide-ttl-price-data-use {
    font-size: min(20px, 5.3333333333vw);
  }
}
.sec-cta__guide-ttl-price-data-comment {
  display: block;
  margin-bottom: min(8px, 0.6666666667vw);
  font-size: min(24px, 2vw);
  letter-spacing: -0.05em;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .sec-cta__guide-ttl-price-data-comment {
    font-size: min(24px, 6.4vw);
  }
}
.sec-cta__guide-ttl-price-data-remark {
  display: block;
  font-size: min(10px, 0.8333333333vw);
  line-height: 1;
}
@media (max-width: 640px) {
  .sec-cta__guide-ttl-price-data-remark {
    font-size: min(10px, 2.6666666667vw);
  }
}
.sec-cta__more {
  margin-top: min(16px, 1.3333333333vw);
  width: 100%;
}
@media (max-width: 640px) {
  .sec-cta__more {
    margin-inline: auto;
    max-width: 327px;
  }
}
.sec-cta__more.--catalog {
  margin-top: min(8px, 0.6666666667vw);
}
@media (max-width: 640px) {
  .sec-cta__more.--catalog {
    order: 4;
  }
}
.sec-cta__more-btn {
  margin-inline: auto;
  width: 340px;
}
.sec-cta__more-btn-anc {
  display: flex;
  justify-content: space-between;
  padding: min(16px, 1.3333333333vw) min(20px, 1.6666666667vw);
  background: #1A1A1A;
}
@media (max-width: 640px) {
  .sec-cta__more-btn-anc {
    padding: min(24px, 3.75vw) min(20px, 3.125vw);
  }
}
.sec-cta__more-btn-anc::before {
  content: "";
  width: min(24px, 2vw);
  aspect-ratio: 48/28;
}
@media (max-width: 640px) {
  .sec-cta__more-btn-anc::before {
    width: min(24px, 3.75vw);
  }
}
.sec-cta__more-btn-anc::after {
  content: "";
  width: min(24px, 2vw);
  aspect-ratio: 48/28;
  background: url(../img/storage/cta_btn_arw.png) no-repeat center center/contain;
}
@media (max-width: 640px) {
  .sec-cta__more-btn-anc::after {
    width: min(24px, 3.75vw);
  }
}
.sec-cta__more-btn-st {
  font-size: min(16px, 1.3333333333vw);
  color: #fff;
}
@media (max-width: 640px) {
  .sec-cta__more-btn-st {
    font-size: min(16px, 4.2666666667vw);
  }
}

.hd {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent);
  z-index: 1001;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	&.--is-fixed {
		opacity: 1;
		visibility: visible;
	}
}
.hd-toggle {
  display: none;
}
@media (max-width: 640px) {
  .hd-toggle {
    display: block;
  }
}
@media (max-width: 640px) {
  .hd-toggle > div {
    position: relative;
    width: min(40px, 10.6666666667vw);
    height: min(16px, 4.2666666667vw);
  }
}
.hd-toggle > div span:nth-of-type(1) {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  transition: 0.4s;
}
.open .hd-toggle > div span:nth-of-type(1) {
  top: 50%;
  width: 100%;
  background: #3a3a3a;
  transform: rotate(-45deg);
}
.hd-toggle > div span:nth-of-type(2) {
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(100% - min(8px, 2.1333333333vw));
  height: 1px;
  background: #fff;
  transition: 0.4s;
}
.open .hd-toggle > div span:nth-of-type(2) {
  opacity: 0;
}
.hd-toggle > div span:nth-of-type(3) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - min(16px, 4.2666666667vw));
  height: 1px;
  background: #fff;
  transition: 0.4s;
}
.open .hd-toggle > div span:nth-of-type(3) {
  bottom: 50%;
  width: 100%;
  background: #3a3a3a;
  transform: rotate(45deg);
}
.hd-wrap {
  margin-inline: auto;
  padding-inline: min(40px, 3.3333333333vw);
  width: 100%;
  max-width: 1280px;
}
@media (max-width: 640px) {
  .hd-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: min(48px, 7.5vw);
  }
}
.hd-menu {
  display: flex;
  justify-content: space-between;
}
.hd-menu__name {
/*   padding-top: min(40px, 3.3333333333vw); */
/*   width: 120px; */
}
@media (max-width: 640px) {
  .hd-menu__name {
    padding-block: min(40px, 6.25vw);
    width: min(120px, 37.5vw);
  }
}
@media (max-width: 640px) {
  .hd-menu__nav {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(150%);
    width: 50vw;
    height: 100vh;
    background: #FFF9F3;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
  }
}
.open .hd-menu__nav {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.hd-menu__nav-list {
  display: flex;
  justify-content: flex-end;
  gap: min(40px, 3.3333333333vw);
}
@media (max-width: 640px) {
  .hd-menu__nav-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: min(24px, 6.4vw);
    height: 100%;
  }
}
.hd-menu__nav-item {
  padding-block: min(40px, 3.3333333333vw);
}
@media (max-width: 640px) {
  .hd-menu__nav-item {
    display: block;
    padding-block: 0;
  }
}
.hd-menu__nav-item-st {
  font-size: min(18px, 3.75vw);
}
@media (min-width: 641px) {
  .hd-menu__nav-item-st {
    color: #fff;
  }
}

.ft {
  padding-block: min(80px, 6.6666666667vw) min(40px, 3.3333333333vw);
  background: #1A1A1A;
  color: #fff;
}
@media (max-width: 640px) {
  .ft {
    padding-block: min(80px, 12.5vw) min(40px, 6.25vw);
  }
}
.ft-wrap {
  margin-inline: auto;
  padding-inline: min(40px, 3.3333333333vw);
  width: 100%;
  max-width: 1280px;
}
@media (max-width: 640px) {
  .ft-wrap {
    padding-inline: min(48px, 7.5vw);
  }
}
.ft-pagetop {
  margin-bottom: min(40px, 3.3333333333vw);
  text-align: center;
}
@media (max-width: 640px) {
  .ft-pagetop {
    margin-bottom: min(40px, 6.25vw);
  }
}
.ft-pagetop__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: min(16px, 1.3333333333vw);
}
@media (max-width: 640px) {
  .ft-pagetop__btn {
    gap: min(16px, 2.5vw);
  }
}
.ft-pagetop__btn-icon {
  margin-inline: auto;
  width: min(20px, 1.6666666667vw);
  aspect-ratio: 1;
  background: url(../img/storage/pagetop_btn_arw.png) no-repeat center center/contain;
}
@media (max-width: 640px) {
  .ft-pagetop__btn-icon {
    width: min(40px, 6.25vw);
  }
}
.ft-menu {
  display: flex;
  justify-content: center;
  margin-bottom: min(56px, 4.6666666667vw);
}
@media (max-width: 640px) {
  .ft-menu {
    flex-direction: column-reverse;
    margin-bottom: min(40px, 6.25vw);
  }
}
.ft-menu__logo {
  max-width: 240px;
}
@media (max-width: 640px) {
  .ft-menu__logo {
    margin-inline: auto;
  }
}
.ft-menu__list {
  display: flex;
  justify-content: center;
  gap: min(40px, 3.3333333333vw);
}
@media (max-width: 640px) {
  .ft-menu__list {
    display: none;
  }
}
.ft-menu__item-st {
  font-size: 1.6rem;
}
.ft-copy {
  text-align: center;
}
.ft-copy__txt {
  font-size: 1rem;
  color: #B8B8B8;
}

.sec-works + .sec-cta .sec-cta__caution {
  display: block;
}

.sec-cta__caution {
  display: none;
  margin: min(48px, 4vw) auto 0;
}

@media (max-width: 640px) {
  .sec-cta__caution {
    margin-top: min(32px, 5vw);
  }
}
.sec-cta__caution-txt {
  margin: auto;
  padding: 25px;
  max-width: 560px;
  height: 100px;
  background: #fff;
  overflow-y: auto;
}

.sec-cta__caution-txt-st {
  font-size: 1.4rem;
}

@media (max-width: 640px) {
  .sec-cta__caution-txt-st {
    font-size: min(13px, 3.4666666667vw);
  }
}
/*フォーム作成*/
form {
  max-width: 960px;
  width: 100%;
  margin: auto;
}

form ul.clearfix {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  font-size: min(16px, 1.3333333333vw);
  align-items: center;
}

@media screen and (max-width: 640px) {
  form ul.clearfix {
    margin-bottom: min(1.5rem, 3.2vw);
    font-size: min(14px, 3.7333333333vw);
  }
}
form ul.clearfix::after {
  display: none;
}

form ul.clearfix li:first-of-type {
  width: 250px;
}

form ul.clearfix li:first-of-type div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: min(16px, 1.3333333333vw);
}

@media screen and (max-width: 640px) {
  form ul.clearfix li:first-of-type div {
    font-size: min(14px, 3.7333333333vw);
  }
}
form ul.clearfix li:last-of-type {
  width: calc(100% - 300px);
}

@media screen and (max-width: 640px) {
  form ul.clearfix li:last-of-type {
    margin-top: min(1.75rem, 3.7333333333vw);
    width: 100%;
  }
}
span.item-req {
  background: #D18F40;
  color: #fff;
  padding: 5px 20px;
  font-size: min(16px, 1.3333333333vw);
	border-radius: 0;
}
span.item-any {
  background: #E9C79D;
  color: #fff;
  padding: 5px 20px;
  font-size: min(16px, 1.3333333333vw);
	border-radius: 0;
}

@media screen and (max-width: 1023px) {
  span.item-req {
    font-size: min(14px, 3.7333333333vw);
  }
}
.privacy-box {
  border: 0.0625rem solid;
  font-size: min(16px, 1.3333333333vw);
  height: 8.75rem;
  overflow-y: scroll;
}

@media screen and (max-width: 640px) {
  .privacy-box {
    font-size: min(14px, 3.7333333333vw);
  }
}
.section-form__check1,
.section-form__check2,
.section-form__check3 {
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-size: min(16px, 1.3333333333vw);
}

@media screen and (max-width: 640px) {
  .section-form__check1,
  .section-form__check2,
  .section-form__check3 {
    font-size: min(14px, 3.7333333333vw);
  }
}
form ul.clearfix li:last-of-type span,
form ul.clearfix li:last-of-type span input[type=text],
form ul.clearfix li:last-of-type span input[type=tel],
form ul.clearfix li:last-of-type span textarea {
  width: 100%;
  display: block;
}

form ul.clearfix li:last-of-type span input[type=text],
form ul.clearfix li:last-of-type span input[type=tel],
form ul.clearfix li:last-of-type span textarea {
  background-color: #f4f4f4;
  padding: 0.9375rem;
  border: none;
  border-radius: 0;
}

.item-notice {
  font-size: min(16px, 1.3333333333vw);
}

@media screen and (max-width: 640px) {
  .item-notice {
    font-size: min(14px, 3.7333333333vw);
  }
}
.item-notice p,
.item-notice span,
.item-notice strong {
  font-weight: normal;
  font-size: min(16px, 1.3333333333vw);
}

@media screen and (max-width: 640px) {
  .item-notice p,
  .item-notice span,
  .item-notice strong {
    font-size: min(14px, 3.7333333333vw);
  }
}
.item-notice p {
  margin-top: 0.5rem;
}

input.submit1,
input.submit2,
input.submit3 {
  border: none;
  border-radius: 0;
  background: #D18F40;
  color: #fff;
  padding: min(16px, 1.3333333333vw);
  font-size: min(16px, 1.3333333333vw);
  max-width: 254px;
  width: 100%;
  display: block;
  text-align: center;
  margin: auto;
}

@media screen and (max-width: 640px) {
  input.submit1,
  input.submit2,
  input.submit3 {
    font-size: min(14px, 3.7333333333vw);
  }
}
.item-form.itemform_add_search {
  display: flex;
  justify-content: space-between;
}

form ul.clearfix li:last-of-type .item-form.itemform_add_search span {
  width: calc(100% - 9.375rem);
}

@media screen and (max-width: 640px) {
  form ul.clearfix li:last-of-type .item-form.itemform_add_search span {
    width: calc(100% - 7.5rem);
  }
}
.item-form.itemform_add_search button {
  background-color: var(--font-color);
  color: #fff;
  border-radius: 0.5rem;
  width: 8.75rem;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .item-form.itemform_add_search button {
    width: 6.25rem;
  }
}
form ul.clearfix li:last-of-type span textarea {
  line-height: 1.5;
}

.privacy-box {
  padding: 15px;
  height: 150px;
  line-height: 1.5;
}

.privacy-box h3 {
  font-size: min(16px, 1.3333333333vw);
  margin-bottom: 1rem;
}

@media screen and (max-width: 640px) {
  .privacy-box h3 {
    font-size: min(14px, 3.7333333333vw);
  }
}
.privacy-box p {
  font-size: min(16px, 1.3333333333vw);
  margin-bottom: 2rem;
}

@media screen and (max-width: 640px) {
  .privacy-box p {
    font-size: min(14px, 3.7333333333vw);
  }
}
span.wpcf7-not-valid-tip {
  display: none !important;
}

@media screen and (min-width: 641px) {
  .cta-bnr {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 240px;
    z-index: 1000;
  }
}
@media screen and (max-width: 640px) {
  .cta-bnr {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
  }
}
.cta-bnr__close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
}

@media screen and (max-width: 640px) {
  .cta-bnr__close {
    display: none;
  }
}

/*# sourceMappingURL=syuno_lp.css.map */