@charset "UTF-8";
:root {
  --color-base: #ffffff;
  --color-bg: #3b3f43;
  --color-main: #032f40;
  --color-sub: #011c26;
  --color-point: #5c7073;
}

@media (prefers-color-scheme: light) {
  :root {
    --color-base: #ffffff;
    --color-bg: #3b3f43;
    --color-main: #032f40;
    --color-sub: #011c26;
    --color-point: #5c7073;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-base: #000;
    --color-bg: #3b3f43;
    --color-main: #287496;
    --color-sub: #37a1d0;
    --color-point: #d0b737;
  }
}
body {
  background-color: #fff;
  background-color: var(--color-base);
}

html,
button,
input,
select,
textarea {
  color: #212121;
}



html {
  font-size: 62.5%;
}

html {
  font-family: 'Noto Sans JP', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}

body {
  background-color: var(--color-base);
  font-family: 'Noto Sans JP', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
  font-weight: 500;
}

body {
  position: relative;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-wrap: break-word;
  font-weight: 500;
  font-size: 16px;
  background: #FFFFFF;
}

hr {
  display: block;
  height: 1px;
  padding: 0;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid #ccc;
}

ul {
  padding-left: 0;
  margin: 0;
}

li {
  list-style: none;
}

li img {
  vertical-align: bottom;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

textarea {
  resize: vertical;
}

iframe {
  border: none;
}

a {
  color: #212121;
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:focus {
  outline: none;
}

:-moz-selection {
  text-shadow: none;
  background: #212121;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #B4B4B4;
}

input::placeholder,
textarea::placeholder {
  color: #B4B4B4;
}

:-webkit-input-placeholder {
  opacity: 0.7;
}

:-moz-placeholder {
  opacity: 0.7;
}

:-ms-input-placeholder {
  opacity: 0.7;
}

html,
body,
#__nuxt,
#__layout {
  height: 100%;
}

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

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

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

a {
  transition: 0.2s;
}

a:hover {
  opacity: 0.7;
  cursor: pointer;
}


@media only screen and (max-width: 767px) {
  a:hover {
    overflow: 1;
  }
}
small {
  color: #fff;
  font-size: 12px;
  vertical-align: text-top;
}

table {
  border-collapse: collapse;
  width: 100%;
}

/*@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*/
/* normal */
@font-face {
  font-family: "Noto Sans JP";
  src: url("/business/lp/camera/assets/font/NotoSansJP-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Futura PT";
  src: url("/business/lp/camera/assets/font/Futura-PT-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* medium */
@font-face {
  font-family: "Noto Sans JP";
  src: url("/business/lp/camera/assets/font/NotoSansJP-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* bold */
@font-face {
  font-family: "Noto Sans JP";
  src: url("/business/lp/camera/assets/font/NotoSansJP-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Oswald";
  src: url("/business/lp/camera/assets/font/Oswald-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Oswald";
  src: url("/business/lp/camera/assets/font/Oswald-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Oswald";
  src: url("/business/lp/camera/assets/font/Oswald-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* vw関連関数群
------------------------------------------ */
.spOnly {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .spOnly {
    display: block !important;
  }
}

.pcOnly {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none !important;
  }
}

.pink {
  color: #ed1e79;
}

.green {
  color: #00A23F;
}

.au {
  background: #EB9605;
}

.docomo {
  background: #CC0033;
}

.softbank {
  background: #909090;
}

em {
  font-weight: bold;
  color: #00A23F;
  font-style: normal;
}

.indent {
  text-indent: -1.5em;
  padding-left: 1em;
}

.center {
  text-align: center;
}

.ft_01 {
  font-family: "Oswald";
}

.ft_02 {
  font-family: "Futura PT";
}

.fw_400 {
  font-weight: 400;
}

.fw_500 {
  font-weight: 500;
}

.fw_bold {
  font-weight: bold;
}

em.fz_24 {
  font-size: 24px;
}
@media screen and (max-width: 1100px) {
  em.fz_24 {
    font-size: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  em.fz_24 {
    font-size: 4.8vw;
  }
}

.fs_20 {
  font-size: 20px;
}
@media screen and (max-width: 1100px) {
  .fs_20 {
    font-size: min(1.8518518519vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .fs_20 {
    font-size: 4.2666666667vw;
  }
}

.fs_12,
.fs_12-sp {
  font-size: 12px;
}
@media screen and (max-width: 1100px) {
  .fs_12,
  .fs_12-sp {
    font-size: min(1.1111111111vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .fs_12,
  .fs_12-sp {
    font-size: 3.2vw;
  }
}

.fs_18 {
  font-size: 18px;
}
@media screen and (max-width: 1100px) {
  .fs_18 {
    font-size: min(1.6666666667vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  .fs_18 {
    font-size: 4.2666666667vw;
  }
}

.fs_22 {
  font-size: 22px;
}
@media screen and (max-width: 1100px) {
  .fs_22 {
    font-size: min(2.037037037vw, 22px);
  }
}
@media screen and (max-width: 767px) {
  .fs_22 {
    font-size: 4.8vw;
  }
}

.fs_32 {
  font-size: 32px;
}
@media screen and (max-width: 1100px) {
  .fs_32 {
    font-size: min(2.962962963vw, 32px);
  }
}
@media screen and (max-width: 767px) {
  .fs_32 {
    font-size: 5.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .mt4 {
    margin-top: 1.0666666667vw;
  }
}

.mt10 {
  margin-top: 10px;
}
@media screen and (max-width: 1100px) {
  .mt10 {
    margin-top: min(0.9259259259vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .mt10 {
    margin-top: 2.6666666667vw;
  }
}

.mb10 {
  margin-bottom: 10px;
}
@media screen and (max-width: 1100px) {
  .mb10 {
    margin-bottom: min(0.9259259259vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .mb10 {
    margin-bottom: 2.6666666667vw;
  }
}

.mb20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1100px) {
  .mb20 {
    margin-bottom: min(1.8518518519vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .mb20 {
    margin-bottom: 4.2666666667vw;
  }
}

.mt20 {
  margin-top: 20px;
}
@media screen and (max-width: 1100px) {
  .mt20 {
    margin-top: min(1.8518518519vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .mt20 {
    margin-top: 4.2666666667vw;
  }
}

.mb30 {
  margin-bottom: 30px;
}
@media screen and (max-width: 1100px) {
  .mb30 {
    margin-bottom: min(2.7777777778vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .mb30 {
    margin-bottom: 4.2666666667vw;
  }
}

.mb32 {
  margin-bottom: 32px;
}
@media screen and (max-width: 1100px) {
  .mb32 {
    margin-bottom: min(2.962962963vw, 32px);
  }
}
@media screen and (max-width: 767px) {
  .mb32 {
    margin-bottom: 6.4vw;
  }
}

.mb48 {
  margin-bottom: 48px;
}
@media screen and (max-width: 1100px) {
  .mb48 {
    margin-bottom: min(4.4444444444vw, 48px);
  }
}
@media screen and (max-width: 767px) {
  .mb48 {
    margin-bottom: 6.4vw;
  }
}

.mt40 {
  margin-top: 40px;
}
@media screen and (max-width: 1100px) {
  .mt40 {
    margin-top: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .mt40 {
    margin-top: 4.2666666667vw;
  }
}

.mb40 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1100px) {
  .mb40 {
    margin-bottom: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .mb40 {
    margin-bottom: 4.2666666667vw;
  }
}

.mb64 {
  margin-bottom: 64px;
}
@media screen and (max-width: 1100px) {
  .mb64 {
    margin-bottom: min(5.9259259259vw, 64px);
  }
}
@media screen and (max-width: 767px) {
  .mb64 {
    margin-bottom: 6.4vw;
  }
}

.mb80 {
  margin-bottom: 80px;
}
@media screen and (max-width: 1100px) {
  .mb80 {
    margin-bottom: min(7.4074074074vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .mb80 {
    margin-bottom: min(2.2222222222vw, 24px);
  }
}

.mt80 {
  margin-top: 80px;
}
@media screen and (max-width: 1100px) {
  .mt80 {
    margin-top: min(7.4074074074vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .mt80 {
    margin-top: 12.8vw;
  }
}

.pt80 {
  padding-top: 80px;
}
@media screen and (max-width: 1100px) {
  .pt80 {
    padding-top: min(7.4074074074vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .pt80 {
    padding-top: 12.8vw;
  }
}

.pb80 {
  padding-bottom: 80px;
}
@media screen and (max-width: 1100px) {
  .pb80 {
    padding-bottom: min(7.4074074074vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .pb80 {
    padding-bottom: 12.8vw;
  }
}

.pb120 {
  padding-bottom: 120px;
}
@media screen and (max-width: 1100px) {
  .pb120 {
    padding-bottom: min(11.1111111111vw, 120px);
  }
}
@media screen and (max-width: 767px) {
  .pb120 {
    padding-bottom: 10.6666666667vw;
  }
}

.mt120 {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .mt120 {
    margin-top: 10.6666666667vw;
  }
}

.mb120 {
  margin-bottom: 120px;
}
@media screen and (max-width: 1100px) {
  .mb120 {
    margin-bottom: min(11.1111111111vw, 120px);
  }
}
@media screen and (max-width: 767px) {
  .mb120 {
    margin-bottom: 10.6666666667vw;
  }
}

.pt120 {
  padding-top: 120px;
}
@media screen and (max-width: 1100px) {
  .pt120 {
    padding-top: min(11.1111111111vw, 120px);
  }
}
@media screen and (max-width: 767px) {
  .pt120 {
    padding-top: 10.6666666667vw;
  }
}

.mt200 {
  margin-top: 200px;
}
@media screen and (max-width: 1100px) {
  .mt200 {
    margin-top: min(18.5185185185vw, 200px);
  }
}
@media screen and (max-width: 767px) {
  .mt200 {
    margin-top: 53.3333333333vw;
  }
}

a.td_none {
  text-decoration: none;
  color: #333;
}

.u-upper {
  text-transform: uppercase;
}

.btnBlank {
  display: block;
  width: 640px;
  height: 84px;
  background-color: #00A23F;
  box-shadow: 0 4px 0 #2f5d08;
  border-radius: 8px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  column-gap: 16px;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
@media screen and (max-width: 1100px) {
  .btnBlank {
    width: min(59.2592592593vw, 640px);
    height: min(7.7777777778vw, 84px);
    box-shadow: 0 min(0.3703703704vw, 4px) 0 #2f5d08;
    border-radius: min(0.7407407407vw, 8px);
    font-size: min(1.8518518519vw, 20px);
    column-gap: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .btnBlank {
    width: 100%;
    height: 12.8vw;
    box-shadow: 0 0.5333333333vw 0 #2f5d08;
    border-radius: 1.0666666667vw;
    font-size: 3.7333333333vw;
    column-gap: 1.0666666667vw;
  }
}
.btnBlank::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("/business/lp/camera/assets/img/common/icon_link.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1100px) {
  .btnBlank::after {
    width: min(1.2962962963vw, 14px);
    height: min(1.2962962963vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .btnBlank::after {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
  }
}

.btnLarge {
  display: block;
  width: 640px;
  height: 120px;
  margin-inline: auto;
  background-color: #ed1e79;
  box-shadow: 0 4px 0 #9F1B55;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  font-size: 32px;
  font-weight: 700;
  display: flex;
  column-gap: 16px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1100px) {
  .btnLarge {
    width: min(59.2592592593vw, 640px);
    height: min(11.1111111111vw, 120px);
    box-shadow: 0 min(0.3703703704vw, 4px) 0 #9F1B55;
    border-radius: min(0.7407407407vw, 8px);
    font-size: min(2.962962963vw, 32px);
    column-gap: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .btnLarge {
    width: 80.8vw;
    height: 17.3333333333vw;
    box-shadow: 0 0.5333333333vw 0 #9F1B55;
    border-radius: 2.1333333333vw;
    font-size: 5.3333333333vw;
    column-gap: 2.1333333333vw;
  }
}
.btnLarge::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("/business/lp/camera/assets/img/common/icon_link.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1100px) {
  .btnLarge::after {
    width: min(1.6666666667vw, 18px);
    height: min(1.6666666667vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  .btnLarge::after {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
  }
}
.btnLarge.--doc::before {
  content: "";
  width: 37px;
  height: 46px;
  background-image: url("/business/lp/camera/assets/img/common/icon_doc.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1100px) {
  .btnLarge.--doc::before {
    width: min(3.4259259259vw, 37px);
    height: min(4.2592592593vw, 46px);
  }
}
@media screen and (max-width: 767px) {
  .btnLarge.--doc::before {
    width: 4.8vw;
    height: 5.8666666667vw;
  }


.btn-box.fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 100;
}}

.btn-box {
  background: #FAFAF3;
  box-shadow: 0px 0px 40px 0px rgba(10, 10, 10, 0.16), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);
}

.btn-box a {
  text-decoration: none;
  display: block;
  font-size: 20px;
  text-align: center;
}

@media only screen and (max-width: 1440px) {
  .btn-box a {
    font-size: 1.3888888889vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box a {
    font-size: 14px;
  }
}
.btn-box a span {
  color: #fff;
}

.btn-box .btn-box__inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 16px 40px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn-box__inner {
    padding: 1.1111111111vw 2.7777777778vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn-box__inner {
    padding: 8px 20px;
  }
}
.btn-box .btn-box__inner.flex {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .btn-box .btn-box__inner.flex {
    flex-flow: column;
  }
}
.btn-box .btn-right.flex {
  display: flex;
  justify-content: center;
}

.btn-box .btn a {
  padding: 28px 0;
  border-radius: 8px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn a {
    padding: 1.9444444444vw 0;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn a {
    padding: 13px 0;
    border-radius: 4px;
  }
}
.btn-box .btn a span {
  position: relative;
  margin-left: 15px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn a span {
    margin-left: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn a span {
    margin-left: 4px;
  }
}
.btn-box .btn a span::after {
  content: "";
  position: absolute;
  background: url(/business/lp/price/assets/img/icon_link.svg) no-repeat;
  width: 14px;
  height: 14px;
  background-size: cover;
  margin-top: 8px;
  margin-left: 8px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn a span::after {
    width: 0.9722222222vw;
    height: 0.9722222222vw;
    margin-top: 0.5555555556vw;
    margin-left: 0.5555555556vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn a span::after {
    width: 11px;
    height: 11px;
    margin-top: 5px;
    margin-left: 5px;
  }
}
.btn-box .btn-left a {
  width: 532px;
  background: #ED1E79;
  box-shadow: 0px 5px 0px 0px #9f1b55;
  border-radius: 8px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn-left a {
    width: 36.9444444444vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn-left a {
    box-shadow: 0px 2px 0px 0px #9f1b55;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 10px;
  }
}
.btn-box .btn-left a span::before {
  content: "";
  position: absolute;
  background: url(/business/lp/price/assets/img/icon_01.svg) no-repeat;
  width: 28.8px;
  height: 36px;
  background-size: cover;
  left: -36px;
  top: -5px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn-left a span::before {
    width: 2vw;
    height: 2.5vw;
    left: -2.5vw;
    top: -0.3472222222vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn-left a span::before {
    width: 17px;
    height: 21px;
    left: -25px;
    top: -1px;
  }
}
.btn-box .btn-right a {
  width: 256px;
  background: #00A23F;
  box-shadow: 0px 5px 0px 0px #006c2a;
  border-radius: 8px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn-right a {
    width: 17.7777777778vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn-right a {
    box-shadow: 0px 2px 0px 0px #006c2a;
    border-radius: 4px;
    width: 33%;
  }
}
.btn-box .btn-right a:nth-child(1) span::before {
  content: "";
  position: absolute;
  background: url(/business/lp/price/assets/img/icon_02.svg) no-repeat;
  width: 28.8px;
  height: 36px;
  background-size: cover;
  left: -36px;
  top: -2px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn-right a:nth-child(1) span::before {
    width: 2vw;
    height: 2.5vw;
    left: -2.5vw;
    top: -0.1388888889vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn-right a:nth-child(1) span::before {
    width: 14px;
    height: 18px;
    left: -21px;
    top: 1px;
  }
}
.btn-box .btn-right a:nth-child(2) span::before {
  content: "";
  position: absolute;
  background: url(/business/lp/price/assets/img/icon_03.svg) no-repeat;
  width: 27px;
  height: 38px;
  background-size: cover;
  left: -36px;
  top: -5px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn-right a:nth-child(2) span::before {
    width: 1.875vw;
    height: 2.6388888889vw;
    left: -2.5vw;
    top: -0.3472222222vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn-right a:nth-child(2) span::before {
    width: 14px;
    height: 20px;
    left: -21px;
    top: -1px;
  }
}
.btn-box .btn-right a:nth-child(3) span::before {
  content: "";
  position: absolute;
  background: url(/business/lp/price/assets/img/icon_04.svg) no-repeat;
  width: 30px;
  height: 30px;
  background-size: cover;
  left: -36px;
  top: -1px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn-right a:nth-child(3) span::before {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    left: -2.5vw;
    top: -0.0694444444vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-box .btn-right a:nth-child(3) span::before {
    width: 15px;
    height: 15px;
    left: -21px;
    top: 2px;
  }
}
.btn-box .btn-left a,
.btn-box .btn-right a {
  margin-right: 20px;
}

@media only screen and (max-width: 1440px) {
  .btn-box .btn-left a,
  .btn-box .btn-right a {
    margin-right: 1.3888888889vw;
  }
}
.btn-box .btn-right a:last-child {
  margin-right: 0;
}

.pagetop {
  border: 1px solid #ccc;
  border-left: none;
  border-right: none;
  margin-top: 60px;
}

.pagetop_link {
  display: block;
  background: #f5f5f5;
  height: 50px;
}

.pagetop_link:link {
  color: #333;
  text-decoration: none;
}

.pagetop_link:visited {
  color: #333;
}

.pagetop__inner {
  position: relative;
  border-right: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.pagetop__inner::after {
  position: absolute;
  top: 5px;
  right: 20px;
  bottom: 0;
  margin: auto;
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  transform: rotate(45deg);
}

.pagetop_txt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-right: 1px solid #ccc;
  font-size: 14px;
  height: 50px;
  padding-right: 30px;
  margin-right: 50px;
}

@media screen and (max-width: 1080px) {
  .pagetop__inner {
    border-right: none;
  }
}
/* sp */
@media screen and (max-width: 767px) {
  .pagetop {
    margin-top: 30px;
    display: inherit;
  }
  .pagetop_link {
    height: 40px;
  }
  .pagetop__inner {
    border-right: none;
  }
  .pagetop__inner::after {
    right: 15px;
    width: 8px;
    height: 8px;
  }
  .pagetop_txt {
    width: 100%;
    justify-content: center;
    font-size: 12px;
    height: 40px;
    padding-right: 0;
    padding-left: 40px;
    margin-right: 40px;
  }
}

@media screen and (max-width: 1100px) {
  .heading-01 {
    font-size: min(3.7037037037vw, 40px);
    border-radius: min(0.7407407407vw, 8px);
    padding: min(1.2037037037vw, 13px) 0 min(1.1111111111vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .heading-01 {
    font-size: 5.8666666667vw;
    border-radius: 2.1333333333vw;
    padding-block: 4.2666666667vw;
  }
}
.heading-01 sup {
  color: #fff;
  font-weight: 400;
  position: relative;
  top: 0.2em;
}

.heading-01 .min {
  font-size: 16px;
  color: #FFE100;
  display: block;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1100px) {
  .heading-01 .min {
    font-size: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .heading-01 .min {
    font-size: 3.2vw;
  }
}

.heading-01 .mb48 {
  margin-bottom: 48px;
}
@media screen and (max-width: 1100px) {
  .heading-01 .mb48 {
    margin-bottom: min(4.4444444444vw, 48px);
  }
}
@media screen and (max-width: 767px) {
  .heading-01 .mb48 {
    margin-bottom: 6.4vw;
  }
}

.heading-02 {
  color: #fff;
  background: #00A23F;
  text-align: center;
}

.c-annotation {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  margin-left: 1em;
}
@media screen and (max-width: 1100px) {
  .c-annotation {
    font-size: min(1.1111111111vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .c-annotation {
    font-size: 3.2vw;
  }
}
.c-annotation > li {
  padding-left: 0.5em;
  list-style: initial;
}
.c-annotation > li::marker {
  content: "○";
  font-size: 1em;
}
.c-annotation > li.annotation-asterisk::marker {
  content: "※";
}
.c-annotation a {
  color: #00A23F;
  align-items: center;
}
.c-annotation a::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.4em;
  margin: 0.3em;
  width: 11px;
  height: 11px;
  background-image: url("/business/lp/camera/assets/img/common/icon_link_green.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1100px) {
  .c-annotation a::after {
    width: min(1.0185185185vw, 11px);
    height: min(1.0185185185vw, 11px);
  }
}
@media screen and (max-width: 767px) {
  .c-annotation a::after {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
  }
}

li.circle,
li.asterisk {
  position: relative;
}

li.circle::before {
  content: "";
  width: 1em;
  height: 1em;
  background: #fff;
  border-radius: 50%;
  border: 0.8px solid #212121;
  position: relative;
  top: 1px;
  left: 0;
  margin-right: 5px;
  display: inline-block;
}

li.asterisk::before {
  content: "※";
  margin-right: 5px;
}

p.circle {
  position: relative;
}

p.circle::before {
  content: "";
  width: 1em;
  height: 1em;
  background: #fff;
  border-radius: 50%;
  border: 0.8px solid #212121;
  position: relative;
  top: 1px;
  left: 0;
  margin-right: 5px;
  display: inline-block;
}

p.pink.circle::before {
  content: "";
  border: 0.8px solid #ed1e79;
}

a:link.green {
  text-decoration: underline;
  color: #00a23f;
}

a:link.green::after {
  display: inline-block;
  content: "";
  width: 1em;
  margin-right: 0.5em;
  height: 1em;
  margin-left: 0.8em;
  background: url(/business/lp/camera/assets/img/common/icon_link_green.svg) no-repeat center bottom;
  background-size: 95% auto;
}

a:link.pink {
  text-decoration: underline;
  color: #ed1e79;
}

a:link.pink::after {
  display: inline-block;
  content: "";
  width: 1em;
  margin-right: 0.5em;
  height: 1em;
  margin-left: 0.8em;
  background: url(/business/lp/camera/assets/img/common/icon_link_pink.svg) no-repeat center bottom;
  background-size: 95% auto;
}



#header .p-3{
padding:0!important;
}

.header__logo a:hover {
  opacity: 1;
  cursor: pointer;
}

.header__bg {
  background: #fff;
}


@media only screen and (max-width: 767px) {
  .header__logo {
    height: 60px;
    padding: 0px;
  }
}
.header__logo a {
  display: inline-block;
}

.header__logo_img {
  vertical-align: text-bottom;
  width: 140px;
  height: 50px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {

  .header__logo{
    padding-top:0;
    padding-bottom:0;
  }
  .header__logo_txt {
    display: block;
    font-size: 16px;
    margin: 20px 0 5px 6px;
    text-align: center;
  }
}
*/

/*====================================================== --*/
/*-- header --*/


.header__bg {
  background: #fff;
}
.header__inner_top {
display: flex;
align-items: stretch;
justify-content: space-between;
width: 100%;
max-width: 1448px;
height: 70px;
padding: 8px 24px;
margin: 0px auto;
}

.header__logo {
  margin-right: 24px;
  flex: 0 0 auto;
}

.header__utility{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: auto;
}

.head-btn2{
  display: flex;
  gap: 3px;
  max-width:442px;
  height:55px;
}

@media only screen and (max-width: 767px) {

  .head-btn2{
    display: none;
  }

  .header__logo {
      margin-right: 16px;
  }

  .header__inner_top{
    height:60px;
    padding: 4px 24px;
  }
  }

.header__logo a {
  display: flex;
}

.header__logo_img {
  vertical-align: text-bottom;
  width: 140px;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .header__logo_img {
    vertical-align: middle;
    width: 100px;
    height: 36px;
    margin-bottom: 0;
    display: block;
  }
}

.header__logo_txt {
  line-height: 1.5;
  font-size: 16px;
  margin-left: 20px;
  align-self: flex-end;
  font: weight 500px;
  color:#333333;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .header__logo_txt {
    margin-top: 6px;
    display: block!important;
    font-size: 7px;
    margin: 6px 0 0 0;
    text-align: center;
    line-height:1;
  }
  .header__logo a {
    display: block;
  }
}

/*====================================================== --*/
/*-- btn --*/

span.btn,
a.btn{
position:relative;
display:flex;
align-items:center;
justify-content:center;
background:#00a23f;
color:#fff;
text-decoration:none;
border-radius:4px;
line-height:1.4;
max-width:480px;
width:100%;
min-height:55px;
padding:10px 0px;
font-size:16px;
text-align:center;
transition:opacity .3s ease;
}

span.btn{
cursor:pointer;
}
span.btn:hover{
opacity:0.7;
}

span.btn,
a.btn:hover{
  color:#fff;
}
.btn._pink{
background: #ed1e79;
width:210px;

}

.btn._green{
  background: #00a23f;
  width:210px;
  }
  
/*
/*====================================================== --*/
.footer__inner a:hover {
  opacity: 0.7;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .footer__inner a:hover {
    overflow: 1;
  }
}
.footer__inner a {
  transition: 0.2s;
}

#common_footer {
  padding-bottom: 118px;
}

@media only screen and (max-width: 767px) {
  #common_footer {
    padding-bottom: 120px;
  }
}
.footer__inner {
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
  padding: 40px 0 0;
}

/* sp */
@media screen and (max-width: 767px) {
  .footer__inner {
    display: none;
  }
}
/*-- footer__logo --*/
.footer__logo {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 40px;
}

.footer__logo_img {
  vertical-align: text-bottom;
  width: 140px;
  height: 50px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .footer__logo_img {
    display: block;
  }
}
.footer__logo_txt {
  line-height: 1;
  font-size: 16px;
  margin-left: 20px;
  font-weight:500;
}

.td_none:link {
  color: #333;
  text-decoration: none;
}

/*-- gnf --*/
.gnf {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.gnf__item {
  width: calc(33.3333333333% - 40px);
  height: 100%;
  margin: 0 0 60px 30px;
}

.gnf a {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  font-weight:500;
}

.gnf__sublist__item a{
  font-size: 12px;
  text-indent: -1.5em;
  padding-left: 0;
  margin-bottom: 0.5em;
  font-weight:500;
}

@media screen and (max-width: 1300px) {
  .gnf__item {
    width: calc(50% - 45px);
  }
}
.gnf__subtitle {
  font-size: 16px;
  line-height: 1.5;
  border-bottom: 1px solid #666;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.gnf__subtitle > .arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gnf__subtitle a {
  text-decoration: none;
}

.gnf__mainlist {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  line-height: 1.8;
}

.gnf__mainlist__item {
  font-size: 14px;
  border-right: 1px solid #ccc;
  padding-right: 30px;
  margin-right: 30px;
}

.gnf__mainlist__item:last-child {
  flex: 1 1 1px;
}

@media screen and (max-width: 800px) {
  .gnf__mainlist__item {
    padding-right: 20px;
    margin-right: 20px;
  }
}
.gnf__mainlist__item:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

._case .gnf__mainlist,
._inquiry .gnf__mainlist,
._apply .gnf__mainlist {
  flex-direction: column;
}

._case .gnf__mainlist__item,
._inquiry .gnf__mainlist__item,
._apply .gnf__mainlist__item {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
  margin-bottom: 0.5em;
}

._case .gnf__mainlist__item:last-child,
._inquiry .gnf__mainlist__item:last-child,
._apply .gnf__mainlist__item:last-child {
  margin-bottom: 0;
}

.gnf__sublist__wrap {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 20px;
}

.gnf__sublist {
  margin-right: 40px;
}

@media screen and (max-width: 800px) {
  .gnf__sublist {
    margin-right: 20px;
  }
}
.gnf__sublist:last-child {
  margin-right: 0;
}


.gnf__sublist__item {
  font-size: 12px;
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}

.gnf__sublist__item::before {
  display: inline-block;
  content: "・";
  width: 1.5em;
  text-indent: 0;
}

.gnf__sublist__item:last-child {
  margin-bottom: 0;
}

/*-- optage_common_footer --*/
#optage_common_footer {
  line-height: 1;
  position: relative;
  text-align: center;
  padding-bottom: 20px;
}

#optage_common_footer a,
#optage_common_footer span,
#optage_common_footer p {
  font-family: "メイリオ", Meiryo, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
}

#optage_common_footer #optage_common_footer_tax {
  font-size: 12px;
  padding: 20px 15px;
  line-height: 2;
}

#optage_common_footer .logo {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 10px solid #738792;
}

#optage_common_footer .logo:after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  bottom: -10px;
  left: 50px;
  width: 50px;
  height: 10px;
  background: #fabe00;
}

#optage_common_footer .logo img {
  width: auto;
  height: 30px;
}

#optage_common_footer .logo a {
  opacity: 1;
  display: inline-block;
}

#optage_common_footer .links {
  display: inline-block;
  padding: 0 3% 30px;
  font-size: 12px;
}

#optage_common_footer .links li {
  float: left;
  line-height: 1.7;
}

#optage_common_footer .links li:not(:last-child):after {
  content: "/";
  display: inline-block;
  color: #fabe00;
  padding: 0 3px;
  font-weight: bold;
}

#optage_common_footer .links li a {
  color: #526d7b;
  padding: 3px 5px 1px;
  border-radius: 3px;
  text-decoration: none;
}

@media (min-width: 1025px) {
  #optage_common_footer .links li a {
    transition: all 0.1s ease;
  }
  #optage_common_footer .links li a:hover {
    color: #133664;
    background: #fabe00;
  }
}
#optage_common_footer .pageTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
}

#optage_common_footer .pageTop a {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 3px;
  background: #133664;
}

#optage_common_footer .pageTop a:after {
  content: "";
  display: block;
  position: absolute;
  top: 45%;
  left: 50%;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-135deg);
}

#optage_common_footer .copyright {
  font-size: 11px;
  color: #526d7b;
}

@media (max-width: 1024px) {
  #optage_common_footer #optage_common_footer_tax {
    text-align: left;
  }
  #optage_common_footer .logo {
    margin-bottom: 0;
  }
  #optage_common_footer .links {
    display: block;
    padding: 0 0 30px;
    font-size: 14px;
  }
  #optage_common_footer .links li {
    float: none;
    clear: both;
    line-height: 1;
    text-align: left;
  }
  #optage_common_footer .links li:after {
    display: none !important;
  }
  #optage_common_footer .links li:not(:last-child) {
    margin-right: 0;
    padding: 0;
    border-right: none;
    border-bottom: 1px dotted #bfbfbf;
  }
  #optage_common_footer .links li a {
    display: block;
    padding: 17px 15px 15px;
    border-radius: 0;
    background: #eaeaea;
  }
  #optage_common_footer .pageTop {
    right: 10px;
    bottom: 10px;
  }
  #optage_common_footer .pageTop a {
    width: 40px;
    height: 40px;
  }
  #optage_common_footer .pageTop a:after {
    margin-left: -7px;
    width: 12px;
    height: 12px;
  }
  #optage_common_footer .copyright {
    text-align: center;
    font-size: 14px;
    color: #526d7b;
  }
}
.content {
  position: relative;
  width: 100%;
}

.bg_lightgreen {
  background: #FAFAF3;
}

.content__inner {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 1100px) {
  .content__inner {
    padding: 0 2%;
  }
}
@media only screen and (max-width: 767px) {
  .content__inner {
    padding: 0 20px;
  }
}
body.no_scroll {
  overflow: hidden;
}

.icon-scroll.js-action.anime02 {
  animation: fadeout 1s ease 5s 1 normal forwards;
}

.icon-scroll__img.js-action.anime01 {
  animation: fadeIn 1.5s ease 1s 2 normal backwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(-10px);
  }
}
@keyframes fadeout {
  100% {
    opacity: 0;
  }
}
.mv {
  max-width: 1440px;
  margin: 0 auto;
}

.about {
  padding-bottom: 87px;
}
@media screen and (max-width: 1100px) {
  .about {
    padding-bottom: min(8.0555555556vw, 87px);
  }
}
@media screen and (max-width: 767px) {
  .about {
    padding-bottom: 10.6666666667vw;
  }
}

.about-ttl {
  max-width: 795px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .about-ttl {
    width: 76.5333333333vw;
  }
}

.about-box {
  margin-top: 66px;
  padding: 54px 160px 111px;
  position: relative;
  background: #FFFBED;
  border-radius: 24px;
  border: #FFE100 solid 4px;
}
@media screen and (max-width: 1100px) {
  .about-box {
    margin-top: min(6.1111111111vw, 66px);
    padding: min(5vw, 54px) min(14.8148148148vw, 160px) min(10.2777777778vw, 111px);
    border-radius: min(2.2222222222vw, 24px);
    border-width: min(0.3703703704vw, 4px);
  }
}
@media screen and (max-width: 767px) {
  .about-box {
    padding: 10.9333333333vw 4.2666666667vw 20vw;
    margin-top: 12vw;
    border-radius: 4.2666666667vw;
    border-width: 0.5333333333vw;
  }
}

.about-box__ttl,
.about-more__ttl {
  width: 200px;
  border-radius: 24px;
  text-align: center;
  padding-block: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}
@media screen and (max-width: 1100px) {
  .about-box__ttl,
  .about-more__ttl {
    width: min(18.5185185185vw, 200px);
    border-radius: min(2.2222222222vw, 24px);
    padding-block: min(0.9259259259vw, 10px);
    font-size: min(1.8518518519vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .about-box__ttl,
  .about-more__ttl {
    width: 49.8666666667vw;
    padding-block: 2.1333333333vw;
    font-size: 4.8vw;
  }
}

.about-box__ttl {
  background: #FFE100;
  color: #00A23F;
}

.about-box__img {
  width: 639px;
  margin: 0 auto 56px;
}
@media screen and (max-width: 1100px) {
  .about-box__img {
    width: min(59.1666666667vw, 639px);
    margin-bottom: min(5.1851851852vw, 56px);
  }
}
@media screen and (max-width: 767px) {
  .about-box__img {
    width: 65.0666666667vw;
    margin-bottom: 9.8666666667vw;
  }
}

.about-more {
  position: relative;
  background: #FAFAF3;
  border-radius: 16px;
  border: #00A23F solid 4px;
  padding: 34px 0 81px;
}
@media screen and (max-width: 1100px) {
  .about-more {
    border-radius: min(1.4814814815vw, 16px);
    border: #00A23F solid min(0.3703703704vw, 4px);
    padding: min(3.1481481481vw, 34px) 0 min(7.5vw, 81px);
  }
}
@media screen and (max-width: 767px) {
  .about-more {
    border-radius: 3.2vw;
    border: #00A23F solid 0.5333333333vw;
    padding-top: 9.8666666667vw;
    padding-bottom: 18.6666666667vw;
  }
}

.about-more__ttl {
  background: #00A23F;
  color: #fff;
}

.about-more__flex {
  display: flex;
  column-gap: 24px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1100px) {
  .about-more__flex {
    column-gap: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .about-more__flex {
    flex-direction: column-reverse;
  }
}

.about-more__badge {
  width: 180px;
}
@media screen and (max-width: 1100px) {
  .about-more__badge {
    width: min(16.6666666667vw, 180px);
  }
}
@media screen and (max-width: 767px) {
  .about-more__badge {
    width: 42.6666666667vw;
    margin-inline: auto;
  }
}

.about-more__logo {
  width: 260px;
}
@media screen and (max-width: 1100px) {
  .about-more__logo {
    width: min(24.0740740741vw, 260px);
  }
}
@media screen and (max-width: 767px) {
  .about-more__logo {
    width: 48vw;
    margin-inline: auto;
  }
}

.about-more__source {
  text-align: center;
  font-size: 10px;
  font-weight: 400;
}
@media screen and (max-width: 1100px) {
  .about-more__source {
    font-size: min(0.9259259259vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .about-more__source {
    font-size: 2.6666666667vw;
    line-height: 1.2;
  }
}

.about-more__txt {
  width: 560px;
  background: #fff;
  border: #00A23F 2px solid;
  border-radius: 14px;
  padding-block: 10px;
  line-height: 3;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
@media screen and (max-width: 1100px) {
  .about-more__txt {
    width: min(51.8518518519vw, 560px);
    border-width: min(0.1851851852vw, 2px);
    border-radius: min(1.2962962963vw, 14px);
    padding-block: min(0.9259259259vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .about-more__txt {
    line-height: 1.8;
    min-width: 93%;
    border-radius: 2.1333333333vw;
  }
}

.about-list {
  text-align: right;
  margin-top: 16px;
}
@media screen and (max-width: 1100px) {
  .about-list {
    margin-top: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .about-list {
    margin-top: 4.2666666667vw;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
  }
}

.point {
  position: relative;
  padding-bottom: 40px;
}
@media screen and (max-width: 1100px) {
  .point {
    padding-bottom: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .point {
    padding-bottom: 0;
  }
}
.point__list {
  padding-left: 0;
}
.point__item {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 0px 40px 0px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(10, 10, 10, 0.02);
}
@media screen and (max-width: 1100px) {
  .point__item {
    border-radius: min(1.4814814815vw, 16px);
    box-shadow: 0px 0px min(3.7037037037vw, 40px) 0px rgba(10, 10, 10, 0.1), 0px 0px 0px min(0.0925925926vw, 1px) rgba(10, 10, 10, 0.02);
  }
}
@media screen and (max-width: 767px) {
  .point__item {
    border-radius: 2.1333333333vw;
    box-shadow: 0px 0px 5.3333333333vw 0px rgba(10, 10, 10, 0.1), 0px 0px 0px 0.2666666667vw rgba(10, 10, 10, 0.02);
  }
}

.pointContent {
  padding: 40px 80px 80px;
}
@media screen and (max-width: 1100px) {
  .pointContent {
    padding: min(3.7037037037vw, 40px) min(7.4074074074vw, 80px) min(7.4074074074vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent {
    padding: 6.4vw 4.2666666667vw 6.9333333333vw;
  }
}
.pointContent__heading {
  width: 826px;
  margin-inline: auto;
  margin-bottom: 32px;
}
@media screen and (max-width: 1100px) {
  .pointContent__heading {
    width: min(76.4814814815vw, 826px);
    margin-bottom: min(2.962962963vw, 32px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__heading {
    width: 85.0666666667vw;
    margin-left: -4.2666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.pointContent__heading.--02 {
  width: 578px;
}
@media screen and (max-width: 1100px) {
  .pointContent__heading.--02 {
    width: min(53.5185185185vw, 578px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__heading.--02 {
    width: 85.0666666667vw;
  }
}
.pointContent__heading.--03 {
  width: 450px;
}
@media screen and (max-width: 1100px) {
  .pointContent__heading.--03 {
    width: min(41.6666666667vw, 450px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__heading.--03 {
    width: 85.0666666667vw;
  }
}
.pointContent__heading.--04 {
  width: 737px;
}
@media screen and (max-width: 1100px) {
  .pointContent__heading.--04 {
    width: min(68.2407407407vw, 737px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__heading.--04 {
    width: 85.0666666667vw;
  }
}
.pointContent__heading.--05 {
  width: 610px;
}
@media screen and (max-width: 1100px) {
  .pointContent__heading.--05 {
    width: min(56.4814814815vw, 610px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__heading.--05 {
    width: 85.0666666667vw;
  }
}
.pointContent__heading.--06 {
  width: 734px;
}
@media screen and (max-width: 1100px) {
  .pointContent__heading.--06 {
    width: min(67.962962963vw, 734px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__heading.--06 {
    width: 85.0666666667vw;
  }
}
.pointContent__lead {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1100px) {
  .pointContent__lead {
    font-size: min(2.037037037vw, 22px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__lead {
    font-size: 4.8vw;
  }
}
.pointContent__lead.--wideMb {
  margin-bottom: 64px;
}
@media screen and (max-width: 1100px) {
  .pointContent__lead.--wideMb {
    margin-bottom: min(5.9259259259vw, 64px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__lead.--wideMb {
    margin-bottom: 4.2666666667vw;
  }
}
.pointContent__lead.--center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pointContent__lead.--center {
    text-align: left;
  }
}
.pointContent__lead.--centerAll {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pointContent__lead.--ls {
    letter-spacing: 0;
  }
}
.pointContent__lead .--flex {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1100px) {
  .pointContent__lead .--flex {
    column-gap: min(0.7407407407vw, 8px);
    margin-bottom: min(1.1111111111vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__lead .--flex {
    flex-direction: column;
    margin-bottom: min(0.7407407407vw, 8px);
  }
}
.pointContent__lead .--lg {
  color: #ed1e79;
  font-size: 32px;
}
@media screen and (max-width: 1100px) {
  .pointContent__lead .--lg {
    font-size: min(2.962962963vw, 32px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__lead .--lg {
    font-size: 6.4vw;
  }
}
.pointContent__subLead {
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .pointContent__subLead {
    font-size: min(1.6666666667vw, 18px);
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__subLead {
    text-align: left;
    font-size: 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.pointContent__subLead sup {
  position: relative;
  top: 0.1em;
  font-size: 0.6em;
}
.pointContent__box {
  background-color: #FAFAF3;
  border-radius: 8px;
  padding: 32px 26px;
  margin-bottom: 64px;
}
@media screen and (max-width: 1100px) {
  .pointContent__box {
    border-radius: min(0.7407407407vw, 8px);
    padding: min(2.962962963vw, 32px) min(2.4074074074vw, 26px);
    margin-bottom: min(5.9259259259vw, 64px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__box {
    border-radius: 2.1333333333vw;
    padding: 5.3333333333vw 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.pointContent__box:last-child {
  margin-bottom: 0;
}
.pointContent__description {
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 24px;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .pointContent__description {
    font-size: min(2.037037037vw, 22px);
    margin-bottom: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__description {
    font-size: 4.8vw;
    margin-bottom: 4.2666666667vw;
    text-align: left;
  }
}
.pointContent__description.--wideMb {
  margin-bottom: 40px;
}
@media screen and (max-width: 1100px) {
  .pointContent__description.--wideMb {
    margin-bottom: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__description.--wideMb {
    margin-bottom: 4.2666666667vw;
  }
}
.pointContent__img {
  display: block;
  margin-inline: auto;
}
.pointContent__img.--03-01 {
  width: 340px;
}
@media screen and (max-width: 1100px) {
  .pointContent__img.--03-01 {
    width: min(31.4814814815vw, 340px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__img.--03-01 {
    width: 100%;
  }
}
.pointContent__img.--04-01 {
  width: 590px;
  margin-bottom: 64px;
}
@media screen and (max-width: 1100px) {
  .pointContent__img.--04-01 {
    width: min(54.6296296296vw, 590px);
    margin-bottom: min(5.9259259259vw, 64px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__img.--04-01 {
    width: 100%;
    margin-bottom: 11.2vw;
  }
}
.pointContent__img.--05-01 {
  width: 747px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1100px) {
  .pointContent__img.--05-01 {
    width: min(69.1666666667vw, 747px);
    margin-bottom: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__img.--05-01 {
    width: 100%;
    margin-bottom: 4.2666666667vw;
  }
}
.pointContent__img.--05-02 {
  width: 507px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1100px) {
  .pointContent__img.--05-02 {
    width: min(46.9444444444vw, 507px);
    margin-bottom: min(2.962962963vw, 32px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__img.--05-02 {
    width: 100%;
    margin-bottom: 4.2666666667vw;
  }
}
.pointContent__btn {
  margin-top: 40px;
}
@media screen and (max-width: 1100px) {
  .pointContent__btn {
    margin-top: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .pointContent__btn {
    margin-top: 5.3333333333vw;
  }
}

.pointContentBox__heading {
  background-color: #00A23F;
  padding-block: 18px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
  margin-bottom: 40px;
}
@media screen and (max-width: 1100px) {
  .pointContentBox__heading {
    padding-block: min(1.6666666667vw, 18px);
    border-radius: min(0.3703703704vw, 4px);
    font-size: min(1.8518518519vw, 20px);
    margin-bottom: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBox__heading {
    padding-block: 2.1333333333vw;
    border-radius: 1.0666666667vw;
    font-size: 4.5333333333vw;
    line-height: 1.34;
    margin-bottom: 4.2666666667vw;
  }
}
.pointContentBox__lead {
  text-align: center;
  font-size: 24px;
  line-height: 1.45;
  margin-bottom: 40px;
}
@media screen and (max-width: 1100px) {
  .pointContentBox__lead {
    font-size: min(2.2222222222vw, 24px);
    margin-bottom: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBox__lead {
    font-size: 4.8vw;
    margin-bottom: 8.5333333333vw;
  }
}
.pointContentBox__lead.--narrowMb {
  margin-bottom: 15px;
}
@media screen and (max-width: 1100px) {
  .pointContentBox__lead.--narrowMb {
    margin-bottom: min(1.3888888889vw, 15px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBox__lead.--narrowMb {
    margin-bottom: 1.8666666667vw;
  }
}

.pointContentSpeed__flex {
  display: flex;
  column-gap: 28px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media screen and (max-width: 1100px) {
  .pointContentSpeed__flex {
    column-gap: min(2.5925925926vw, 28px);
    margin-bottom: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__flex {
    flex-direction: column;
    row-gap: 3.2vw;
  }
}
.pointContentSpeed__flexLeft {
  width: 300px;
  flex-shrink: 0;
}
@media screen and (max-width: 1100px) {
  .pointContentSpeed__flexLeft {
    width: min(27.7777777778vw, 300px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__flexLeft {
    width: 100%;
  }
  .pointContentSpeed__flexLeft img {
    width: 64vw;
    margin-inline: auto;
  }
}
.pointContentSpeed__flexRight {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1100px) {
  .pointContentSpeed__flexRight {
    font-size: min(1.8518518519vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__flexRight {
    font-size: 4.2666666667vw;
  }
}
.pointContentSpeed__note {
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 8px;
}
@media screen and (max-width: 1100px) {
  .pointContentSpeed__note {
    font-size: min(1.1111111111vw, 12px);
    margin-bottom: min(0.7407407407vw, 8px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__note {
    font-size: 3.2vw;
    margin-bottom: 2.1333333333vw;
  }
}
.pointContentSpeed__dl {
  display: flex;
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__dl {
    flex-direction: column;
  }
}
.pointContentSpeed__dlItem {
  font-size: 16px;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  flex: 1;
  border: 1px solid #E0E0E0;
}
@media screen and (max-width: 1100px) {
  .pointContentSpeed__dlItem {
    font-size: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__dlItem {
    font-size: 3.4666666667vw;
  }
}
.pointContentSpeed__dlItem.--boderCollapsed {
  border-left: unset;
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__dlItem.--boderCollapsed {
    border-left: 1px solid #E0E0E0;
    border-top: unset;
  }
}
.pointContentSpeed__dt, .pointContentSpeed__dd {
  flex: 1 0 auto;
}
.pointContentSpeed__dt {
  background-color: #F5F5F5;
  border-bottom: 1px solid #E0E0E0;
  padding-block: 12px;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 1100px) {
  .pointContentSpeed__dt {
    padding-block: min(1.1111111111vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__dt {
    padding-block: 2.1333333333vw;
  }
}
.pointContentSpeed__dd {
  background-color: #fff;
  padding: 12px 16px;
  font-weight: 400;
}
@media screen and (max-width: 1100px) {
  .pointContentSpeed__dd {
    font-size: min(1.3888888889vw, 15px);
    padding: min(1.1111111111vw, 12px) min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__dd {
    font-size: 3.4666666667vw;
    padding: 2.1333333333vw;
  }
}
.pointContentSpeed__dd > span {
  display: inline-block;
}
.pointContentSpeed__dd > span.--sm {
  font-size: 14px;
}
@media screen and (max-width: 1100px) {
  .pointContentSpeed__dd > span.--sm {
    font-size: min(1.1111111111vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentSpeed__dd > span.--sm {
    font-size: 3.2vw;
  }
}

.pointSubItem__heading {
  background-color: #00A23F;
  color: #fff;
  text-align: center;
  padding-block: 18px;
  border-radius: 4px;
  font-size: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1100px) {
  .pointSubItem__heading {
    padding-block: min(1.6666666667vw, 18px);
    border-radius: min(0.3703703704vw, 4px);
    font-size: min(1.8518518519vw, 20px);
    margin-bottom: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItem__heading {
    padding: 5.6vw 3.2vw;
    border-radius: 1.0666666667vw;
    font-size: 4.5333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.pointSubItem__heading.--narrowMb {
  margin-bottom: 15px;
}
@media screen and (max-width: 1100px) {
  .pointSubItem__heading.--narrowMb {
    margin-bottom: min(1.3888888889vw, 15px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItem__heading.--narrowMb {
    margin-bottom: 1.8666666667vw;
  }
}

.pointSubItemPlan__note {
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 8px;
}
@media screen and (max-width: 1100px) {
  .pointSubItemPlan__note {
    font-size: min(1.1111111111vw, 12px);
    margin-bottom: min(0.7407407407vw, 8px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemPlan__note {
    font-size: 3.2vw;
    margin-bottom: 2.1333333333vw;
  }
}
.pointSubItemPlan__fee {
  overflow-x: scroll;
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .pointSubItemPlan__fee {
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemPlan__fee {
    margin-bottom: 3.2vw;
  }
}
.pointSubItemPlan__table {
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .pointSubItemPlan__table {
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemPlan__table {
    width: 194.6666666667vw;
    margin-bottom: 3.2vw;
  }
}
.pointSubItemPlan th, .pointSubItemPlan td {
  padding-block: 12px;
  vertical-align: middle;
  text-align: center;
  width: 25%;
  border: 1px solid #E0E0E0;
  font-size: 16px;
}
@media screen and (max-width: 1100px) {
  .pointSubItemPlan th, .pointSubItemPlan td {
    padding-block: min(1.1111111111vw, 12px);
    font-size: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemPlan th, .pointSubItemPlan td {
    padding-block: 1.8666666667vw;
    width: 54.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
.pointSubItemPlan th {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .pointSubItemPlan th:first-child {
    width: 30.6666666667vw;
  }
}
.pointSubItemPlan__thead th:not(:first-child) {
  color: #fff;
}
.pointSubItemPlan__tbody th {
  background-color: #F5F5F5;
}
.pointSubItemPlan__tbody td {
  font-weight: 400;
}

.pointSubItemMore {
  background-color: #FAFAF3;
  border: 4px solid #00A23F;
  border-radius: 10px;
  padding-top: 56px;
  padding-bottom: 48px;
  padding-inline: 24px;
  margin-top: 69px;
  margin-bottom: 64px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .pointSubItemMore {
    border-width: min(0.3703703704vw, 4px);
    border-radius: min(0.9259259259vw, 10px);
    padding-top: min(5.1851851852vw, 56px);
    padding-bottom: min(4.4444444444vw, 48px);
    padding-inline: min(2.2222222222vw, 24px);
    margin-top: min(6.3888888889vw, 69px);
    margin-bottom: min(5.9259259259vw, 64px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemMore {
    border-width: 0.5333333333vw;
    border-radius: 2.1333333333vw;
    padding: 12.8vw 4.2666666667vw 8.5333333333vw;
    margin-top: 9.8666666667vw;
  }
}
.pointSubItemMore__balloon {
  width: 132px;
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1100px) {
  .pointSubItemMore__balloon {
    width: min(12.2222222222vw, 132px);
    top: min(-2.5vw, -27px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemMore__balloon {
    width: 26.6666666667vw;
    top: -5.3333333333vw;
  }
}
.pointSubItemMore__lead {
  width: fit-content;
  padding: 12px 26px;
  margin-inline: auto;
  margin-bottom: 23px;
  background-color: #fff;
  border-top: 2px dotted #00A23F;
  border-bottom: 2px dotted #00A23F;
  color: #00A23F;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 1100px) {
  .pointSubItemMore__lead {
    padding: min(1.1111111111vw, 12px) min(2.4074074074vw, 26px);
    margin-bottom: min(2.1296296296vw, 23px);
    border-top-width: min(0.1851851852vw, 2px);
    border-bottom-width: min(0.1851851852vw, 2px);
    font-size: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemMore__lead {
    width: 100%;
    text-align: center;
    padding: 4.8vw 0;
    margin-bottom: 3.2vw;
    border-top-width: 0.5333333333vw;
    border-bottom-width: 0.5333333333vw;
    font-size: 4vw;
  }
}
.pointSubItemMore__description {
  text-align: center;
  font-size: 24px;
  letter-spacing: 0.05em;
  margin-bottom: 24px;
}
@media screen and (max-width: 1100px) {
  .pointSubItemMore__description {
    font-size: min(2.2222222222vw, 24px);
    margin-bottom: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemMore__description {
    text-align: left;
    font-size: 5.3333333333vw;
    margin-bottom: 6.4vw;
  }
}
.pointSubItemMore__simTwin {
  width: 174px;
  margin-inline: auto;
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .pointSubItemMore__simTwin {
    width: min(16.1111111111vw, 174px);
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemMore__simTwin {
    width: 38.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.pointSubItemMore__discount {
  width: fit-content;
  min-width: 240px;
  height: 40px;
  padding-left: 22px;
  padding-right: 4px;
  margin-inline: auto;
  background-color: #ed1e79;
  border-radius: 50vh;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  .pointSubItemMore__discount {
    min-width: min(22.2222222222vw, 240px);
    height: min(3.7037037037vw, 40px);
    padding-left: min(2.037037037vw, 22px);
    padding-right: min(0.3703703704vw, 4px);
    font-size: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemMore__discount {
    min-width: 64vw;
    height: 9.6vw;
    padding-left: 5.3333333333vw;
    padding-right: 2.4vw;
    font-size: 5.3333333333vw;
  }
}
.pointSubItemMore__imgWrapper.--arrow {
  padding-bottom: 118px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .pointSubItemMore__imgWrapper.--arrow {
    padding-bottom: min(10.1851851852vw, 110px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemMore__imgWrapper.--arrow {
    padding-bottom: 27.2vw;
  }
}
.pointSubItemMore__imgWrapper.--arrow::after {
  content: "";
  display: block;
  width: 160px;
  height: 70px;
  background-image: url("/business/lp/camera/assets/img/point/more_arrow.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1100px) {
  .pointSubItemMore__imgWrapper.--arrow::after {
    width: min(14.8148148148vw, 160px);
    height: min(6.4814814815vw, 70px);
    bottom: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointSubItemMore__imgWrapper.--arrow::after {
    width: 32vw;
    height: 18.6666666667vw;
    bottom: 4.2666666667vw;
  }
}
.pointContentBoxFlex {
  display: flex;
  column-gap: 24px;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex {
    column-gap: min(2.2222222222vw, 24px);
    margin-bottom: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex {
    flex-direction: column;
    row-gap: 12.2666666667vw;
  }
}
.pointContentBoxFlex.--arrow {
  position: relative;
}
.pointContentBoxFlex.--arrow::after {
  content: "";
  display: block;
  width: 108px;
  height: 80px;
  background-image: url("/business/lp/camera/assets/img/point/02_01_arrow_right.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex.--arrow::after {
    width: min(10vw, 108px);
    height: min(7.4074074074vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex.--arrow::after {
    width: 32vw;
    height: 18.6666666667vw;
    background-image: url("/business/lp/camera/assets/img/point/02_01_arrow_down.svg");
  }
}
.pointContentBoxFlex__item {
  flex-shrink: 0;
  width: calc((100% - 24px) / 2);
  background-color: #fff;
  border: 4px solid #00A23F;
  border-radius: 8px;
  padding: 28px 35px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__item {
    width: calc((100% - min(2.2222222222vw, 24px)) / 2);
    border-width: min(0.3703703704vw, 4px);
    border-radius: min(0.7407407407vw, 8px);
    padding: min(2.5925925926vw, 28px) min(3.2407407407vw, 35px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__item {
    width: 100%;
    border-width: 0.5333333333vw;
    border-radius: 2.1333333333vw;
    padding: 6.4vw 2.6666666667vw;
  }
}
.pointContentBoxFlex__item.--narrowPd {
  padding: 24px 26px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__item.--narrowPd {
    padding: min(2.2222222222vw, 24px) min(1.8518518519vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__item.--narrowPd {
    padding: 5.3333333333vw 3.2vw;
  }
}
.pointContentBoxFlex__lead {
  text-align: center;
  color: #00A23F;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 24px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__lead {
    font-size: min(1.8518518519vw, 20px);
    margin-bottom: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__lead {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-bottom: 3.2vw;
  }
}
.pointContentBoxFlex__heading {
  padding-block: 12px;
  background-color: #00A23F;
  color: #fff;
  text-align: center;
  border-radius: 50vh;
  font-size: 18px;
  line-height: 1.45;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 24px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__heading {
    padding-block: min(1.1111111111vw, 12px);
    font-size: min(1.6666666667vw, 18px);
    margin-bottom: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__heading {
    padding-block: 2.1333333333vw;
    font-size: 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
    display: block;
  }
}
.pointContentBoxFlex__heading > sup {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__heading > sup {
    position: relative;
    top: 0.8vw;
  }
}
.pointContentBoxFlex__text {
  text-align: center;
  font-size: 18px;
  line-height: 1.44;
  margin-bottom: 29px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__text {
    font-size: min(1.6666666667vw, 18px);
    margin-bottom: min(2.6851851852vw, 29px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__text {
    font-size: 4vw;
    line-height: 1.4;
    margin-bottom: 4.2666666667vw;
  }
}
.pointContentBoxFlex__img {
  display: block;
  margin-inline: auto;
}
.pointContentBoxFlex__img.--height {
  width: auto;
  height: 319px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__img.--height {
    height: min(29.537037037vw, 319px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__img.--height {
    height: 69.3333333333vw;
  }
}
.pointContentBoxFlex__img.--width {
  width: 310px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__img.--width {
    width: min(28.7037037037vw, 310px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__img.--width {
    width: 58.6666666667vw;
  }
}
.pointContentBoxFlex__annotation {
  margin-top: 24px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__annotation {
    margin-top: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__annotation {
    margin-top: 3.2vw;
  }
}
.pointContentBoxFlex__annotation.--wideMt {
  margin-top: 37px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__annotation.--wideMt {
    margin-top: min(3.4259259259vw, 37px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__annotation.--wideMt {
    margin-top: 3.2vw;
  }
}
.pointContentBoxFlex__annotationItem {
  font-size: 12px;
  font-weight: 400;
  padding-left: calc(1em + 4px);
  text-indent: -1.8em;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__annotationItem {
    font-size: min(1.1111111111vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__annotationItem {
    font-size: 3.2vw;
  }
}
.pointContentBoxFlex__annotationItem > span {
  margin-right: 4px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFlex__annotationItem > span {
    margin-right: min(0.3703703704vw, 4px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFlex__annotationItem > span {
    margin-right: 1.0666666667vw;
  }
}

.pointContentBoxFee {
  width: 529px;
  margin-inline: auto;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFee {
    width: min(48.9814814815vw, 529px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFee {
    width: 100%;
  }
}
.pointContentBoxFee__note {
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 8px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFee__note {
    font-size: min(1.1111111111vw, 12px);
    margin-bottom: min(0.7407407407vw, 8px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFee__note {
    font-size: 3.2vw;
    margin-bottom: 2.1333333333vw;
  }
}
.pointContentBoxFee__dl {
  border: 1px solid #E0E0E0;
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFee__dl {
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
.pointContentBoxFee__dlItem {
  display: flex;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pointContentBoxFee__dlItem {
    flex-direction: column;
  }
}
.pointContentBoxFee__dlItem:not(:last-child) {
  border-bottom: 1px solid #E0E0E0;
}
.pointContentBoxFee__dt {
  border-right: 1px solid #E0E0E0;
  width: 370px;
  padding-block: 12px;
  background-color: #F5F5F5;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFee__dt {
    width: min(34.2592592593vw, 370px);
    padding-block: min(1.1111111111vw, 12px);
    font-size: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFee__dt {
    width: 100%;
    border-right: unset;
    border-bottom: 1px solid #E0E0E0;
    padding-block: 2.1333333333vw;
    font-size: 3.4666666667vw;
  }
}
.pointContentBoxFee__dd {
  width: 159px;
  padding-block: 12px;
  background-color: #fff;
  font-size: 16px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxFee__dd {
    width: min(14.7222222222vw, 159px);
    padding-block: min(1.1111111111vw, 12px);
    font-size: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxFee__dd {
    width: 100%;
    padding-block: 2.1333333333vw;
    font-size: 3.4666666667vw;
  }
}

.pointContentBoxBlock {
  background-color: #fff;
  padding-block: 24px;
  padding-left: 70px;
  padding-right: 60px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxBlock {
    padding-block: min(2.2222222222vw, 24px);
    padding-left: min(6.4814814815vw, 70px);
    padding-right: min(4.6296296296vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxBlock {
    padding: 5.3333333333vw 3.2vw;
  }
}
.pointContentBoxBlock.--05-01 {
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxBlock.--05-01 {
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxBlock.--05-01 {
    margin-bottom: 3.2vw;
  }
}
.pointContentBoxBlock__check > li {
  padding-left: 56px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2.2;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxBlock__check > li {
    padding-left: min(5.1851851852vw, 56px);
    font-size: min(1.5740740741vw, 17px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxBlock__check > li {
    padding-left: 9.6vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
}
.pointContentBoxBlock__check > li:not(:last-child) {
  margin-bottom: 23px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxBlock__check > li:not(:last-child) {
    margin-bottom: min(2.1296296296vw, 23px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxBlock__check > li:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}
.pointContentBoxBlock__check > li::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("/business/lp/camera/assets/img/point/ico_check.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxBlock__check > li::before {
    width: min(3.7037037037vw, 40px);
    height: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxBlock__check > li::before {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
.pointContentBoxBlock__list > li {
  padding-left: 1.5em;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2.5;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxBlock__list > li {
    font-size: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxBlock__list > li {
    font-size: 3.7333333333vw;
    line-height: 1.6;
  }
}
.pointContentBoxBlock__list > li:not(:last-child) {
  margin-bottom: 8px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxBlock__list > li:not(:last-child) {
    margin-bottom: min(0.7407407407vw, 8px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxBlock__list > li:not(:last-child) {
    margin-bottom: 4.2666666667vw;
  }
}
.pointContentBoxBlock__list > li::before {
  content: "⚫︎";
  color: #00A23F;
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
}

.pointContentBoxSimple {
  display: flex;
  column-gap: 48px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxSimple {
    column-gap: min(4.4444444444vw, 48px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxSimple {
    flex-direction: column;
    row-gap: 4.2666666667vw;
  }
}
.pointContentBoxSimple.--03 {
  column-gap: 32px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxSimple.--03 {
    column-gap: min(2.962962963vw, 32px);
  }
}
.pointContentBoxSimple__img {
  width: 260px;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxSimple__img {
    width: min(24.0740740741vw, 260px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxSimple__img {
    width: 53.3333333333vw;
  }
}
.pointContentBoxSimple__text {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
@media screen and (max-width: 1100px) {
  .pointContentBoxSimple__text {
    font-size: min(1.8518518519vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentBoxSimple__text {
    font-size: 4.2666666667vw;
  }
}
.pointContentBoxSimple__text.--03 {
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pointContentBoxSimple__text.--03 {
    text-align: center;
  }
}

.pointContentFlex3 {
  display: flex;
  column-gap: 25px;
}
@media screen and (max-width: 1100px) {
  .pointContentFlex3 {
    column-gap: min(2.3148148148vw, 25px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlex3 {
    flex-direction: column;
    row-gap: 9.6vw;
  }
}
.pointContentFlex3__item {
  width: calc((100% - 50px) / 3);
  background-color: #FAFAF3;
  border-radius: 8px;
  padding: 40px 24px 24px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .pointContentFlex3__item {
    width: calc(100% - min(4.6296296296vw, 50px) / 3);
    border-radius: min(0.7407407407vw, 8px);
    padding: min(3.7037037037vw, 40px) min(2.2222222222vw, 24px) min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlex3__item {
    width: 100%;
    border-radius: 2.1333333333vw;
    padding: 8.5333333333vw 4.2666666667vw 6.4vw;
  }
}
.pointContentFlex3__number {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00A23F;
  color: #fff;
  border-radius: 8px;
  font-family: "Oswald";
  font-size: 24px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1100px) {
  .pointContentFlex3__number {
    width: min(4.0740740741vw, 44px);
    height: min(4.0740740741vw, 44px);
    border-radius: min(0.7407407407vw, 8px);
    font-size: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlex3__number {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border-radius: 1.0666666667vw;
    font-size: 6.4vw;
  }
}
.pointContentFlex3__heading {
  text-align: center;
  color: #00A23F;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 24px;
}
@media screen and (max-width: 1100px) {
  .pointContentFlex3__heading {
    font-size: min(2.2222222222vw, 24px);
    margin-bottom: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlex3__heading {
    font-size: 5.3333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.pointContentFlex3__list {
  margin-bottom: 24px;
}
@media screen and (max-width: 1100px) {
  .pointContentFlex3__list {
    margin-bottom: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlex3__list {
    margin-bottom: 4.2666666667vw;
  }
}
.pointContentFlex3__listItem {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2.5;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
@media screen and (max-width: 1100px) {
  .pointContentFlex3__listItem {
    font-size: min(1.4814814815vw, 16px);
    column-gap: min(0.7407407407vw, 8px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlex3__listItem {
    font-size: 4vw;
    line-height: 1.6;
    column-gap: 2.1333333333vw;
  }
}
.pointContentFlex3__listItem::before {
  content: "⚫︎";
  color: #00A23F;
  font-size: 0.8em;
}
.pointContentFlex3__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 1100px) {
  .pointContentFlex3__description {
    font-size: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlex3__description {
    font-size: 4vw;
  }
}

.pointContentFlow__lead {
  width: 431px;
  margin-inline: auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__lead {
    width: min(39.9074074074vw, 431px);
    margin-bottom: min(3.7037037037vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__lead {
    width: 66.1333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.pointContentFlow__list {
  padding: 0;
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__list {
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__list {
    margin-bottom: 4.2666666667vw;
  }
}
.pointContentFlow__item {
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  display: flex;
}
@media screen and (max-width: 767px) {
  .pointContentFlow__item {
    flex-direction: column;
  }
}
.pointContentFlow__item:not(:last-child) {
  margin-bottom: 44px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__item:not(:last-child) {
    margin-bottom: min(4.0740740741vw, 44px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__item:not(:last-child) {
    margin-bottom: 9.6vw;
  }
}
.pointContentFlow__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 60px;
  height: 20px;
  background-image: url("/business/lp/camera/assets/img/point/flow_arrow.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__item:not(:last-child)::after {
    width: min(5.5555555556vw, 60px);
    height: min(1.8518518519vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__item:not(:last-child)::after {
    width: 16vw;
    height: 5.3333333333vw;
  }
}
.pointContentFlow__number {
  width: 120px;
  flex-shrink: 0;
  background-color: #FAFAF3;
  color: #00A23F;
  font-family: "Oswald";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__number {
    width: min(11.1111111111vw, 120px);
    font-size: min(1.2962962963vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__number {
    width: 100%;
    padding-block: 2.4vw;
    font-size: 3.7333333333vw;
    flex-direction: row;
    column-gap: 0.8vw;
  }
}
.pointContentFlow__number > span {
  color: #00A23F;
  font-family: "Oswald";
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__number > span {
    font-size: min(2.962962963vw, 32px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__number > span {
    font-size: 7.4666666667vw;
  }
}
.pointContentFlow__content {
  padding-block: 24px;
  padding-left: 200px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__content {
    padding-block: min(2.2222222222vw, 24px);
    padding-left: min(18.5185185185vw, 200px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__content {
    padding-block: 4.2666666667vw;
    padding-left: 0;
  }
}
.pointContentFlow__heading {
  color: #00A23F;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__heading {
    font-size: min(1.6666666667vw, 18px);
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__heading {
    text-align: center;
    font-size: 4.2666666667vw;
    margin-bottom: 2.1333333333vw;
  }
}
.pointContentFlow__img {
  width: 160px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__img {
    width: min(14.8148148148vw, 160px);
    left: min(1.8518518519vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__img {
    width: 42.6666666667vw;
    margin-inline: auto;
    position: static;
    top: unset;
    left: unset;
    transform: unset;
    margin-bottom: 2.1333333333vw;
  }
}
.pointContentFlow__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__description {
    font-size: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__description {
    font-size: 4vw;
  }
}
.pointContentFlow__annotaion {
  margin-bottom: 64px;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__annotaion {
    margin-bottom: min(5.9259259259vw, 64px);
  }
}
.pointContentFlow__annotaion > li {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  padding-left: 2em;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__annotaion > li {
    font-size: min(1.1111111111vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .pointContentFlow__annotaion > li {
    font-size: 3.2vw;
  }
}
.pointContentFlow__annotaion > li:not(:last-child) {
  margin-bottom: 4px;
}
@media screen and (max-width: 1100px) {
  .pointContentFlow__annotaion > li:not(:last-child) {
    margin-bottom: min(0.3703703704vw, 4px);
  }
}
.pointContentFlow__annotaion > li > span {
  position: absolute;
  top: 0;
  left: 0;
}

.scroll-hint-icon {
  background-color: #00A23F;
}

.case__subTitle {
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  padding-bottom: 12px;
  border-bottom: 2px solid #00A23F;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.45;
}
@media screen and (max-width: 1100px) {
  .case__subTitle {
    padding-bottom: min(1.1111111111vw, 12px);
    border-width: min(0.1851851852vw, 2px);
    font-size: min(2.962962963vw, 32px);
  }
}
@media screen and (max-width: 767px) {
  .case__subTitle {
    padding-bottom: 2.1333333333vw;
    border-width: 0.5333333333vw;
    font-size: 5.3333333333vw;
  }
}
.case__list {
  display: flex;
  column-gap: 48px;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .case__list {
    column-gap: min(4.4444444444vw, 48px);
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .case__list {
    flex-direction: column;
    row-gap: 6.4vw;
    margin-bottom: 3.2vw;
  }
}
.case__item {
  background-color: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 24px;
}
@media screen and (max-width: 1100px) {
  .case__item {
    box-shadow: 0 0 min(3.7037037037vw, 40px) rgba(0, 0, 0, 0.1);
    padding: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .case__item {
    box-shadow: 0 0 5.3333333333vw rgba(0, 0, 0, 0.1);
    padding: 6.4vw;
  }
}
.case__name {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 24px;
}
@media screen and (max-width: 1100px) {
  .case__name {
    font-size: min(1.8518518519vw, 20px);
    margin-bottom: min(2.2222222222vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .case__name {
    font-size: 5.3333333333vw;
    margin-bottom: 6.4vw;
  }
}
.case__content:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .case__content:not(:last-child) {
    margin-bottom: min(1.4814814815vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .case__content:not(:last-child) {
    margin-bottom: 6.4vw;
  }
}
.case__heading {
  width: 100px;
  margin-inline: auto;
  margin-bottom: 8px;
}
@media screen and (max-width: 1100px) {
  .case__heading {
    width: min(9.2592592593vw, 100px);
    margin-bottom: min(0.7407407407vw, 8px);
  }
}
@media screen and (max-width: 767px) {
  .case__heading {
    width: 26.6666666667vw;
    margin-bottom: 2.1333333333vw;
  }
}
.case__text {
  font-size: 14px;
  font-weight: 400;
  font-size: min(1.2962962963vw, 14px);
}
@media screen and (max-width: 767px) {
  .case__text {
    font-size: 3.7333333333vw;
  }
}
.case__textList > li {
  font-size: 14px;
  font-weight: 400;
  padding-left: 1.5em;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .case__textList > li {
    font-size: min(1.2962962963vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .case__textList > li {
    font-size: 3.7333333333vw;
  }
}
.case__textListNo {
  color: #00A23F;
  font-family: "Oswald";
  font-weight: 700;
  position: absolute;
  top: 0.1em;
  left: 0;
}
.case__textListEm {
  font-weight: 500;
  color: #00A23F;
}
.case__annotation {
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 1100px) {
  .case__annotation {
    font-size: min(1.1111111111vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .case__annotation {
    font-size: 3.2vw;
  }
}

.qa__btn {
  margin-top: 120px;
}
@media screen and (max-width: 1100px) {
  .qa__btn {
    margin-top: min(11.1111111111vw, 120px);
  }
}
@media screen and (max-width: 767px) {
  .qa__btn {
    margin-top: 6.4vw;
  }
}

/*-- qa --*/
@media only screen and (max-width: 767px) {
  .qa .mt120 {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .qa .mb120 {
    margin-bottom: 64px;
  }
}
.qa-list small {
  color: #212121;
}

.qa-list dl {
  position: relative;
  margin: 20px 0 0;
  background: #fff;
  border: #E0E0E0 solid 4px;
  border-radius: 16px;
}

@media only screen and (max-width: 767px) {
  .qa-list dl {
    border: #E0E0E0 solid 2px;
    border-radius: 8px;
    margin: 12px 0 0;
  }
}
.qa-list dl:first-child {
  margin: 0 0 0;
}

.qa-list .sub {
  font-size: 40px;
  color: #00A23F;
  vertical-align: sub;
  margin-right: 16px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .qa-list .sub {
    font-size: 32px;
    margin-right: 4px;
  }
}
.qa-list .q-ttl {
  font-size: 20px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .qa-list .q-ttl {
    font-size: 18px;
    line-height: 26px;
    width: 82%;
  }
}
.qa-list dt {
  position: relative;
  padding: 16px 32px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .qa-list dt {
    padding: 16px;
  }
}
.qa-list .icon {
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  background: #00A23F;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

@media only screen and (max-width: 767px) {
  .qa-list .icon {
    width: 32px;
    height: 32px;
    right: 15px;
  }
}
.qa-list .icon span {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
}

@media only screen and (max-width: 767px) {
  .qa-list .icon span {
    width: 32px;
    height: 32px;
  }
}
.qa-list .icon span:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 12px;
  height: 2px;
  width: 24px;
  background: #fff;
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .qa-list .icon span:before {
    width: 16px;
    right: 8px;
  }
}
.qa-list .icon span:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 12px;
  height: 2px;
  width: 24px;
  background: #fff;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .qa-list .icon span:after {
    width: 16px;
    right: 8px;
  }
}
.qa-list .icon span.open:before {
  transform: rotate(180deg);
}

.qa-list .icon span.open:after {
  opacity: 0;
}

.qa-list dd {
  position: relative;
  display: none;
  font-weight: 400;
  border-top: 1px solid #E0E0E0;
  padding: 24px 32px 32px;
}

@media only screen and (max-width: 767px) {
  .qa-list dd {
    padding: 16px;
  }
}
.qa-list .flex {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .qa-list .flex {
    align-items: normal;
  }
}
.qa-list .lists, .qa-list .small {
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .qa-list .lists, .qa-list .small {
    font-size: 12px;
  }
}
.qa-list .lists li {
  margin-bottom: 0.5em;
}

.qa-box .ttl {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.qa-box.border {
  border: 1px solid #ccc;
}

.qa-box__head {
  padding: 20px;
  line-height: 1;
  background-color: #f5f5f5;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .qa-box__head {
    padding: 12px;
  }
}
.qa-box__body {
  padding: 32px;
}

@media only screen and (max-width: 767px) {
  .qa-box__body {
    padding: 16px;
  }
}/*# sourceMappingURL=style.css.map */

@media only screen and (max-width: 767px) {
.ftr_btn2{
 gap: 10px;
}
.flex2{
  padding:10px!important;
}
.footer_btn1{
font-size: 14px!important;
}
.footer_btn2{
  font-size: 14px!important;
  background-color:#ed1e79!important;
}
}

#common_header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999 !important;  
  border-bottom: 1px solid #ccc;
  background: rgb(255, 255, 255);
}