@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

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

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

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

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

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

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

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

dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms */
/* ============================================ */
/**
* Reset form fields to make them styleable
*/
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
}

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

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

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
  /* 1 */
  overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

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

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
* Remove arrow in IE10 & IE11
*/
select::-ms-expand {
  display: none;
}

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

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

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

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

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

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

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

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

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

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

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

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

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

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

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

/* Misc */
/* ============================================ */
/**
* Add the correct display in IE 10+.
*/
template {
  display: none;
}

/**
* Add the correct display in IE 10.
*/
[hidden] {
  display: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(0 0 99.9% 99.9%);
  border: 0;
}

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

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

@media screen and (max-width: 768px) {
  .sp-none {
    display: none !important;
  }
}

.pc-none {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc-none {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .sp-fz-14 {
    font-size: 14px;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
body {
  font-size: 16px;
  line-height: 1.4;
  color: #494c5e;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  -webkit-text-size-adjust: 100%;
  overflow-wrap: break-word;
  overflow-x: clip;
}

p {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  p {
    font-size: 14px;
  }
}

em {
  font-style: normal;
}

a {
  text-decoration: none;
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.7;
}
a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: all;
  }
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

svg {
  height: auto;
}

picture {
  display: block;
}

video {
  width: 100%;
}

select {
  cursor: pointer;
}

i {
  font-style: normal;
}

dialog {
  background: none;
}
dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}

summary {
  list-style: none;
  cursor: pointer;
}

[aria-disabled=true] {
  pointer-events: none;
}

[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *:focus {
  outline: none;
}

input[type=text],
input[type=tel],
input[type=number],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
  font-size: 16px;
  border: 1px solid #d9dadf;
  border-radius: 5px;
  transition: all 0.4s;
}
input[type=text] ::placeholder,
input[type=tel] ::placeholder,
input[type=number] ::placeholder,
input[type=email] ::placeholder,
input[type=url] ::placeholder,
input[type=password] ::placeholder,
textarea ::placeholder,
select ::placeholder {
  color: #717171;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  background: #fff;
}

input {
  width: 100%;
  max-width: 290px;
  height: 40px;
  padding: 0 10px;
}
input[type=checkbox] {
  width: auto;
  max-width: 100%;
  height: auto;
}

input[type=submit],
input[type=send] {
  width: 100%;
  max-width: 100%;
  height: 100%;
  transition: opacity 0.4s;
}
input[type=submit]:hover,
input[type=send]:hover {
  opacity: 0.7;
}

select {
  -webkit-appearance: revert;
  appearance: revert;
  width: 142px;
  padding: 5px;
}

textarea {
  width: 100%;
  height: 170px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  textarea {
    width: 100%;
    height: 150px;
  }
}

.l-main {
  display: block;
  padding-bottom: 95px;
  overflow: clip;
}
@media screen and (max-width: 768px) {
  .l-main {
    max-width: 100vw;
    padding-bottom: 30px;
  }
}
.l-main.-no-gutter {
  padding-bottom: 0;
}

.l-wrapper {
  max-width: 1020px;
  margin: var(--_margin-top-PC, 0) auto 0;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .l-wrapper {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
    padding: 0 4vw;
  }
}
.l-wrapper.-wide {
  max-width: 1160px;
}
.l-wrapper.-narrow {
  max-width: 1000px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .l-wrapper.-narrow {
    padding: 0 5.3333333333vw;
  }
}

.l-scroll {
  display: contents;
}
@media screen and (max-width: 768px) {
  .l-scroll {
    display: block;
    padding-bottom: var(--_padding-bottom, 20px);
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
}
@media screen and (max-width: 768px) {
  .l-scroll::-webkit-scrollbar {
    width: 5px;
    background: var(--_background, #ccc);
  }
}
@media screen and (max-width: 768px) {
  .l-scroll::-webkit-scrollbar:horizontal {
    height: 10px;
    background: var(--_background, #ccc);
  }
}
@media screen and (max-width: 768px) {
  .l-scroll::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: var(--_scrollbar, #e8442a);
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .l-scroll::-webkit-scrollbar-thumb:horizontal {
    background: var(--_scrollbar, #e8442a);
    border-radius: 10px;
  }
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list {
  display: block;
}

.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

.header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .header__wrap {
    padding: 0 0 0 3.8461538462vw;
  }
}
.header__head {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .header__head {
    gap: 10px;
  }
}
.header__head a {
  display: block;
  width: 160px;
}
@media screen and (max-width: 768px) {
  .header__head a {
    width: 110px;
  }
}
.header__head a img {
  width: 100%;
}
.header__head small {
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .header__head small {
    white-space: nowrap;
    font-size: 9px;
    line-height: 1.5555555556;
  }
}
.header__item {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .header__item {
    gap: min(3.8461538462vw, 15px);
  }
}
.header__link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .header__link {
    gap: 5px;
    font-size: clamp(9px, 3.2vw, 12px);
    line-height: 1.6666666667;
  }
}
.header__link i {
  width: 5px;
}
.header__link i svg {
  width: 100%;
}
.header__btn {
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 80px;
  font-size: 10px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  border-left: 1px solid #E7E7E7;
}
@media screen and (max-width: 768px) {
  .header__btn {
    width: min(16vw, 60px);
  }
}
.header__btn span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 20px;
}
.header__btn span::before, .header__btn span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  background: #4A4C5F;
}
.header__btn span::before {
  top: 0;
}
.header__btn span::after {
  bottom: 0;
}
.header__btn span i {
  position: absolute;
  width: 100%;
  height: 3px;
  background: #4A4C5F;
}
.header__softbank {
  display: flex;
  gap: 10px;
  max-width: 1000px;
  margin: 5px auto;
  padding: 7px 10px;
}
@media screen and (max-width: 768px) {
  .header__softbank {
    margin: 0;
    padding: 15px 4vw 0;
  }
}
.header__softbank img {
  width: fit-content;
}

.header-nav {
  background: #E8442A;
}
.header-nav__wrap {
  display: grid;
  grid-template-columns: 1fr 173px;
  align-items: center;
  gap: 6px;
  max-width: 1020px;
  height: 70px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .header-nav__wrap {
    grid-template-columns: 1fr 70px;
    gap: 0;
    height: auto;
    padding: 0;
  }
}
.header-nav__columns {
  display: flex;
}
@media screen and (max-width: 768px) {
  .header-nav__columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.header-nav__column {
  position: relative;
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .header-nav__column {
    border-right: 1px solid #fff;
  }
}
.header-nav__column + .header-nav__column::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 50px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 768px) {
  .header-nav__column + .header-nav__column::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .header-nav__column:nth-child(n+4) {
    border-top: 1px solid #fff;
  }
}
.header-nav__parent {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: min(1.8229166667vw, 16px);
  line-height: 2.125;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .header-nav__parent {
    height: 35px;
    font-size: clamp(10px, 2.8205128205vw, 11px);
    line-height: 1.7272727273;
  }
}
.header-nav__parent span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
.header-nav__parent span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .header-nav__parent span::before {
    content: none;
  }
}
.header-nav__parent span i {
  display: flex;
  width: 10px;
}
@media screen and (max-width: 768px) {
  .header-nav__parent span i {
    width: 6px;
  }
}
.header-nav__parent span i svg {
  width: 100%;
}
.header-nav__parent:hover {
  opacity: 1;
}
.header-nav__parent:hover span::before {
  opacity: 1;
}
.header-nav__parent[aria-current] span::before {
  opacity: 1;
}
.header-nav__children {
  position: absolute;
  top: 100%;
  left: 20px;
  border-radius: 3px;
  background: #fff;
  z-index: 11;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .header-nav__children {
    width: 100%;
    top: calc(100% + 10px);
    left: 0;
  }
}
.header-nav__children::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 16px;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #fff transparent;
}
@media screen and (max-width: 768px) {
  .header-nav__children::before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.header-nav__children[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
}
.header-nav__child a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 110px;
  height: 40px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  color: #494C5E;
}
@media screen and (max-width: 768px) {
  .header-nav__child a {
    width: 100%;
    font-size: 11px;
    line-height: 1.7272727273;
  }
}
.header-nav__child a i {
  width: 5px;
}
.header-nav__child a i svg {
  width: 100%;
}
.header-nav__child + .header-nav__child {
  border-top: 1px solid #E7E7E7;
}
.header-nav__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 50px;
  font-size: 15px;
  line-height: 1.7333333333;
  font-weight: bold;
  border-radius: 3px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .header-nav__btn {
    flex-direction: column;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    margin: 4px;
    font-size: 10px;
    line-height: 1.3;
    text-align: center;
  }
}
.header-nav__btn i {
  display: flex;
  width: 14px;
}
.header-nav__btn i svg {
  width: 100%;
}

.service-all {
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  padding: 50px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .service-all {
    padding: 20px 2.5641025641vw;
  }
}
.service-all::backdrop {
  background: rgba(0, 0, 0, 0.7);
}
.service-all__wrap {
  position: relative;
  max-width: 1000px;
  height: 100%;
  margin: auto;
  padding: 45px 35px 45px min(4.5513654096vw, 50px);
  overflow-y: auto;
  background: #F2F2F2;
}
@media screen and (max-width: 768px) {
  .service-all__wrap {
    padding: 28px 15px;
  }
}
.service-all__row + .service-all__row {
  margin-top: 35px;
}
.service-all__heading {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  color: #494C5E;
}
@media screen and (max-width: 768px) {
  .service-all__heading {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.6666666667;
  }
}
.service-all__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .service-all__columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6666666667vw;
  }
}
.service-all__column {
  display: contents;
}
.service-all__btn {
  position: absolute;
  width: 20px;
  top: 28px;
  right: 30px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .service-all__btn {
    position: fixed;
    width: 15px;
    top: 40px;
    right: calc(2.5641025641vw + 20px);
  }
}
.service-all__btn svg {
  width: 100%;
}

.service-all-item {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  padding: 10px 10px 22px;
  color: #494C5E;
  border-radius: 3px;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .service-all-item {
    display: flex;
    align-items: center;
    padding: 12px 14px 12px 7px;
    border-radius: 5px;
  }
}
.service-all-item:hover, .service-all-item:focus {
  box-shadow: none;
}
.service-all-item:hover .service-all-item__note, .service-all-item:focus .service-all-item__note {
  opacity: 1;
  visibility: visible;
}
.service-all-item__head {
  display: grid;
  grid-template-columns: 20px 1fr;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1.6875;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .service-all-item__head {
    grid-template-columns: 16px 1fr;
    gap: 8px;
    font-size: 12px;
    line-height: 1.6666666667;
  }
}
.service-all-item__head i {
  aspect-ratio: 1;
}
.service-all-item__head i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center left;
}
.service-all-item__desc {
  margin-top: 1px;
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .service-all-item__desc {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
  }
}
.service-all-item__arrow {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  bottom: 5px;
  right: 5px;
  border-radius: 50%;
  background: #E8442B;
  fill: #fff;
}
@media screen and (max-width: 768px) {
  .service-all-item__arrow {
    width: auto;
    bottom: auto;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    background: none;
    fill: #4A4C5F;
  }
}
.service-all-item__arrow svg {
  width: 6px;
}
.service-all-item__note {
  position: absolute;
  bottom: calc(100% - 5px);
  left: 0;
  width: 100%;
  padding-bottom: 9px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .service-all-item__note {
    width: 210px;
  }
}
.service-all-item__note span {
  display: block;
  padding: 5px 7px;
  font-size: 12px;
  line-height: 1.4166666667;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
  background: rgba(73, 76, 94, 0.8);
}
.service-all-item__note i {
  position: absolute;
  display: flex;
  bottom: 0;
  left: 10px;
}
@media screen and (max-width: 768px) {
  .service-all-item__note.-right {
    left: auto;
    right: 0;
  }
}
.service-all-item__note.-right i {
  left: auto;
  right: 10px;
  transform: scale(-1, 1);
}

.header-foot {
  display: flex;
  align-items: center;
  gap: 35px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .header-foot {
    display: none;
  }
}
.header-foot__item {
  display: flex;
  align-items: center;
  min-height: 52px;
}
.header-category {
  display: none;
}
@media screen and (max-width: 768px) {
  .header-category {
    display: block;
    width: 100%;
    overflow: hidden;
    background: #ebebee;
    transition: height 0.5s;
  }
}
.header-category[aria-hidden=true] {
  height: 0;
}
.header-category__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 0;
  padding: 30px 20px;
}
.header-category__item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  font-size: min(2.9333333333vw, 11px);
  font-weight: bold;
  color: #434343;
  text-align: center;
  fill: #434343;
}
.header-category__item a i {
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(18.1333333333vw, 68px);
  border-radius: 50%;
  box-shadow: 0 0 2px 2px #e1e1e1;
  background: #fff;
}
.header-category__item a i svg {
  width: min(8vw, 30px);
  height: min(8vw, 30px);
}
.header-category__item.-current a {
  fill: #fff;
}
.header-category__item.-current a i {
  box-shadow: inset 0 0 0 4px #fff;
  background: #0066aa;
}

.fixed-contents {
  display: none;
}
@media screen and (max-width: 768px) {
  .fixed-contents {
    position: fixed;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgb(0, 102, 170) 0%, rgb(0, 102, 170) 70%, rgb(39, 128, 206) 100%);
    z-index: 10;
  }
}
.fixed-contents__links {
  display: contents;
}
.fixed-contents__link {
  border-right: 1px solid #2776ac;
}
.fixed-contents__link a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  height: 59px;
  font-size: 10px;
  line-height: 1.6;
  color: #fff;
}
.fixed-contents__link a i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 23px;
}
.fixed-contents__link a i svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fixed-contents__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  height: 60px;
  font-size: 10px;
  line-height: 1.6;
  color: #fff;
}
.fixed-contents__btn i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
}
.fixed-contents__btn i span {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transition: background 0.3s;
}
.fixed-contents__btn i span::before, .fixed-contents__btn i span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  border-radius: 2px;
  background: #fff;
  transition: top 0.3s, transform 0.3s;
}
.fixed-contents__btn i span::before {
  top: -7px;
}
.fixed-contents__btn i span::after {
  top: 7px;
}
.fixed-contents__btn[aria-expanded=true] i span {
  background: none;
}
.fixed-contents__btn[aria-expanded=true] i span::before {
  top: 0;
  transform: rotate(45deg);
}
.fixed-contents__btn[aria-expanded=true] i span::after {
  top: 0;
  transform: rotate(-45deg);
}

.nav {
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 10;
}
.nav__area {
  width: min(82.5641025641vw, 322px);
  min-height: 100vh;
  margin-left: auto;
  overflow-y: auto;
}
.nav__wrap {
  background: #fff;
  transition: transform 0.3s;
  transform: translateX(100%);
}
.nav__wrap.is-opened {
  transform: none;
}
.nav__head {
  display: flex;
  justify-content: center;
  padding: 20px;
  background: #F2F2F2;
}
.nav__head picture {
  width: 150px;
}
.nav__head img {
  width: 100%;
}
.nav__service {
  display: flex;
  padding: 5px 22px 10px;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  background: #F2F2F2;
}
.nav__heading {
  padding: 5px 22px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: bold;
  color: #fff;
  background: #494C5E;
}
.nav__contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0 20px;
  background: #F2F2F2;
}
.nav__contact dt {
  width: 262px;
}
.nav__contact dt img {
  width: 100%;
}
.nav__contact dd {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  width: 280px;
}
.nav__contact dd a {
  display: block;
}
.nav__link {
  border-top: 1px solid #D3D3D3;
}
.nav__link a {
  display: grid;
  grid-template-columns: 1fr 12px;
  align-items: center;
  gap: 10px;
  padding: 12px 17px 12px 21px;
  font-size: 16px;
  line-height: 1.6875;
  font-weight: bold;
  color: #494C5E;
}
.nav__link a i {
  aspect-ratio: 1;
}
.nav__btn {
  position: fixed;
  aspect-ratio: 1;
  width: 20px;
  top: 21px;
  right: 352px;
}
@media screen and (max-width: 768px) {
  .nav__btn {
    width: 15px;
    right: calc(min(82.5641025641vw, 322px) + 20px);
  }
}
.nav__btn i {
  display: flex;
}
.nav__btn i svg {
  width: 100%;
}

._nav {
  display: none;
}
@media screen and (max-width: 768px) {
  ._nav {
    position: fixed;
    display: block;
    width: 80%;
    height: calc(100vh - 60px);
    height: calc(100dvh - 60px);
    top: 0;
    right: 0;
    overflow: hidden;
    background: #fff;
    z-index: 100;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
  }
}
._nav[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  ._nav__wrap {
    height: 100%;
    overflow-y: auto;
  }
}
._nav__item {
  position: relative;
}
._nav__intro {
  width: calc(100% - 60px);
}
._nav__intro a {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 20px;
  background: #e8442a;
}
._nav__intro a img {
  width: 112px;
}
._nav__link + ._nav__link {
  border-top: 1px solid #e7e7e7;
}
._nav__parent {
  display: flex;
  align-items: center;
  gap: 15px;
  height: 62px;
  padding: 0 25px 0 20px;
  font-size: 14px;
}
._nav__parent::after {
  content: "";
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-left: auto;
  border-top: 2px solid #bcbbbb;
  border-right: 2px solid #bcbbbb;
  rotate: 45deg;
}
._nav__parent i {
  width: 5.3333333333vw;
  height: 30px;
}
._nav__parent i svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
._nav__btn {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 60px;
  height: 60px;
  top: 0;
  right: 0;
  font-size: 10px;
  line-height: 1.6;
  color: #fff;
  background: #c63f29;
}
._nav__btn i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
}
._nav__btn i span {
  position: relative;
  width: 100%;
  height: 2px;
}
._nav__btn i span::before, ._nav__btn i span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
  border-radius: 2px;
  background: #fff;
  transition: top 0.3s, transform 0.3s;
}
._nav__btn i span::before {
  rotate: 45deg;
}
._nav__btn i span::after {
  rotate: -45deg;
}

.nav-service {
  position: relative;
  color: #494C5E;
}
.nav-service:hover .nav-service__note {
  opacity: 1;
  visibility: visible;
}
.nav-service + .nav-service {
  border-top: 1px solid #D3D3D3;
}
.nav-service__head {
  position: relative;
  display: grid;
  grid-template-columns: 20px 1fr 12px;
  align-items: center;
  gap: 10px;
  padding: 12px 21px;
  font-size: 16px;
  line-height: 1.6875;
  font-weight: bold;
}
.nav-service__head i {
  aspect-ratio: 1;
}
.nav-service__head i.-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-service__head i.-icon svg {
  width: 100%;
}
.nav-service__head i.-state {
  position: relative;
}
.nav-service__head i.-state::before, .nav-service__head i.-state::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 50%;
  background: #4A4C5F;
}
.nav-service__head i.-state::before {
  transform: translate(-50%, -50%);
}
.nav-service__head i.-state::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
[open] > .nav-service__head i.-state::after {
  transform: translate(-50%, -50%);
}
.nav-service__head.-active::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
  background: #E8442B;
}
.nav-service__head[href] {
  padding-right: 17px;
}
.nav-service__wrap {
  border-top: 1px solid #D3D3D3;
}
.nav-service__heading {
  padding: 19px 20px;
  background: #F2F2F2;
}
.nav-service__heading a {
  display: grid;
  grid-template-columns: 1fr 60px;
  align-items: center;
  gap: 10px;
  padding: 2px 2px 2px 10px;
  font-size: 16px;
  line-height: 1.6875;
  font-weight: bold;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  background: #fff;
}
.nav-service__heading a i {
  overflow: hidden;
  border-radius: 2px;
}
.nav-service__heading a i img {
  width: 100%;
}
.nav-service__item {
  border-top: 1px solid #D3D3D3;
}
.nav-service__parent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 12px;
  align-items: center;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
}
[open] > .nav-service__parent i::after {
  transform: translate(-50%, -50%);
}
.nav-service__parent:not([href]) {
  padding: 10px 20px 10px 22px;
  background: #F2F2F2;
}
.nav-service__parent:not([href]) i {
  position: relative;
  aspect-ratio: 1;
}
.nav-service__parent:not([href]) i::before, .nav-service__parent:not([href]) i::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 50%;
  background: #4A4C5F;
}
.nav-service__parent:not([href]) i::before {
  transform: translate(-50%, -50%);
}
.nav-service__parent:not([href]) i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.nav-service__parent[href] {
  padding: 10px 17px 10px 22px;
}
.nav-service__parent[aria-current=page]::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
  background: #E8442B;
}
.nav-service__parent + .nav-service__parent {
  border-top: 1px solid #D3D3D3;
}
.nav-service__child {
  font-size: 13px;
  line-height: 1.7692307692;
  font-weight: bold;
  border-top: 1px solid #D3D3D3;
}
.nav-service__child:not(:has(> summary)) {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 12px;
  padding: 11px 17px 10px 41px;
}
.nav-service__child:not(:has(> summary)) i:has(> svg) {
  flex-shrink: 0;
  width: 7px;
}
.nav-service__child:not(:has(> summary)) i svg {
  width: 100%;
}
.nav-service__child[aria-current=page]:not(:has(> summary))::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
  background: #E8442B;
}
.nav-service__summary {
  display: grid;
  grid-template-columns: 1fr 12px;
  align-items: center;
  padding: 11px 21px 10px 41px;
}
.nav-service__summary i {
  position: relative;
  aspect-ratio: 1;
}
.nav-service__summary i::before, .nav-service__summary i::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 50%;
  background: #4A4C5F;
}
.nav-service__summary i::before {
  transform: translate(-50%, -50%);
}
.nav-service__summary i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
[open] > .nav-service__summary i::after {
  transform: translate(-50%, -50%);
}
.nav-service__link {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 12px;
  padding: 12px 17px 11px 57px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 400;
  border-top: 1px solid #D3D3D3;
}
.nav-service__link[aria-current=page]::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
  background: #E8442B;
}
.nav-service__note {
  position: absolute;
  bottom: calc(100% - 15px);
  left: 21px;
  width: 210px;
  padding-bottom: 9px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.nav-service__note span {
  display: block;
  padding: 5px 7px;
  font-size: 12px;
  line-height: 1.4166666667;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
  background: rgba(73, 76, 94, 0.8);
}
.nav-service__note i {
  position: absolute;
  display: flex;
  bottom: 0;
  left: 10px;
}

.page-nav {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 10;
}
.page-nav__buttons {
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
}
.page-nav__btn {
  flex-grow: 1;
}
.page-nav__btn a, .page-nav__btn button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  color: #494C5E;
  fill: #494C5E;
}
@media screen and (max-width: 768px) {
  .page-nav__btn a, .page-nav__btn button {
    padding: 0 10px;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
  }
}
.page-nav__btn a span, .page-nav__btn button span {
  position: relative;
  display: flex;
  gap: 5px;
  padding: 4px 0;
}
.page-nav__btn a span::before, .page-nav__btn button span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #4A4C5F;
  opacity: 0;
  visibility: hidden;
}
.page-nav__btn a i, .page-nav__btn button i {
  display: flex;
  flex-shrink: 0;
  width: 10px;
}
@media screen and (max-width: 768px) {
  .page-nav__btn a i, .page-nav__btn button i {
    display: none;
  }
}
.page-nav__btn a i svg, .page-nav__btn button i svg {
  width: 100%;
}
.page-nav__btn a:hover, .page-nav__btn button:hover {
  opacity: 1;
}
.page-nav__btn a:hover span::before, .page-nav__btn button:hover span::before {
  opacity: 1;
  visibility: visible;
}
.page-nav__btn a[aria-expanded=true]::before, .page-nav__btn button[aria-expanded=true]::before {
  opacity: 1;
  visibility: visible;
}
.page-nav__btn a[aria-expanded=true] span::before, .page-nav__btn button[aria-expanded=true] span::before {
  opacity: 1;
  visibility: visible;
}
.page-nav__btn a[data-current], .page-nav__btn button[data-current] {
  color: #fff;
  background: #494C5E;
  fill: #fff;
}
.page-nav__btn a[data-current] span::before, .page-nav__btn button[data-current] span::before {
  background: #fff;
}
.page-nav__btn button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 7.5px 7px 7.5px;
  border-color: transparent transparent #F2F2F2 transparent;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
}
.page-nav__btn + .page-nav__btn {
  border-left: 1px solid #E7E7E7;
}
@media screen and (max-width: 768px) {
  .page-nav__btn:first-child {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .-all > .page-nav__btn:first-child {
    display: block;
  }
}
.page-nav__wrap {
  position: relative;
}
.page-nav__content {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background: #F2F2F2;
  transition: opacity 0.3s, visibility 0.3s;
}
@media screen and (max-width: 768px) {
  .page-nav__content {
    height: calc(100dvh - 60px - var(--sp-header-gap, 0px));
    overflow-y: auto;
  }
}
.page-nav__content[aria-hidden=true] {
  opacity: 0;
  visibility: hidden;
}
.page-nav__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  gap: 20px;
  max-width: 1020px;
  margin: 0 auto;
  padding: 30px 10px;
}
@media screen and (max-width: 768px) {
  .page-nav__columns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: max(3.8461538462vw, 15px);
  }
}
.page-nav__column {
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  background: #fff;
}
.-type-1 > .page-nav__column.-wide {
  grid-column: 2/2;
  grid-row: 1/3;
}
.-type-2 > .page-nav__column.-wide {
  grid-column: 1/2;
  grid-row: 2/4;
}
.page-nav__item {
  display: grid;
  grid-template-columns: 1fr 70px;
  gap: 10px;
  padding: 10px 10px 10px 15px;
}
@media screen and (max-width: 768px) {
  .page-nav__item {
    grid-template-columns: 1fr 61px;
  }
}
.page-nav__item.-type-1 {
  grid-template-columns: 1fr 118px;
}
.page-nav__detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #494C5E;
}
.page-nav__heading {
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page-nav__heading {
    font-size: 16px;
    line-height: 1.6875;
  }
}
.page-nav__txt {
  font-size: 14px;
  line-height: 1.7142857143;
}
@media screen and (max-width: 768px) {
  .page-nav__txt {
    font-size: 10px;
    line-height: 1.7;
  }
}
.page-nav__image {
  overflow: hidden;
  border-radius: 3px;
}
.page-nav__image img {
  width: 100%;
}
.page-nav__links {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 20px;
  padding: 0 10px 10px 15px;
}
.page-nav__link a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  color: #0066AA;
}
@media screen and (max-width: 768px) {
  .page-nav__link a {
    font-size: 13px;
    line-height: 1.7692307692;
  }
}
.page-nav__link a i {
  display: flex;
  flex-shrink: 0;
  width: 5px;
}
.page-nav__note {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-nav__note {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 82.0512820513vw;
    height: 116px;
    top: calc(100dvh - 116px - 10px - 60px - var(--sp-header-gap, 0px));
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    background: rgba(73, 76, 94, 0.9);
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 768px) {
  [aria-hidden=false] ~ .page-nav__note {
    opacity: 1;
    visibility: visible;
    animation: fadeOut 1s 0.5s forwards;
  }
}
.page-nav__close {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 51.2820512821vw;
  min-width: 200px;
  height: 30px;
  margin: 0 auto 40px;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  color: #fff;
  border-radius: 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background: #494C5E;
}
@media screen and (max-width: 768px) {
  .page-nav__close {
    display: flex;
  }
}
.page-nav__close i {
  display: flex;
  width: 10px;
}
.page-nav__close i svg {
  width: 100%;
}

.fixed-area {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.16);
  background: #fff;
  z-index: 5;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .fixed-area {
    max-width: 100vw;
  }
}
.fixed-area.is-scroll {
  opacity: 1;
  visibility: visible;
}
.fixed-area__wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  gap: 21px;
  max-width: 1020px;
  margin: 0 auto;
  padding: 10px;
}
@media screen and (max-width: 1020px) {
  .fixed-area__wrap {
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    padding: 0;
  }
}
.fixed-area__intro {
  position: relative;
  padding-left: 117px;
}
@media screen and (max-width: 1020px) {
  .fixed-area__intro {
    display: none;
  }
}
.fixed-area__intro i {
  position: absolute;
  width: 112px;
  bottom: -10px;
  left: 0;
}
.fixed-area__intro i img {
  width: 100%;
}
.fixed-area__head em {
  font-size: 16px;
  line-height: 1.6875;
  font-weight: bold;
  color: #494C5E;
}
.fixed-area__head span {
  display: flex;
  gap: 10px;
}
.fixed-area__head small {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 7px;
  font-size: 11px;
  line-height: 1.7272727273;
  font-weight: bold;
  color: #E8442A;
  border: 1px solid #E8442A;
  border-radius: 12px;
}
.fixed-area__service {
  display: none;
}
@media screen and (max-width: 1020px) {
  .fixed-area__service {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    min-width: 25%;
    padding: 0 4px;
    white-space: nowrap;
    font-size: 10px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    background: #0066AA;
    fill: #fff;
  }
}
.fixed-area__service i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}
.fixed-area__service i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fixed-area__items {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1020px) {
  .fixed-area__items {
    display: grid;
    flex-grow: 1;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .fixed-area__item {
    flex-grow: 1;
  }
}
.fixed-area__item[href] {
  width: 260px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 1020px) {
  .fixed-area__item[href] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: auto;
  }
}
.fixed-area__item[href] i {
  display: flex;
  justify-content: center;
  width: 100%;
}
.fixed-area__item[href] i img {
  width: 100%;
}
@media screen and (max-width: 1020px) {
  .fixed-area__item[href] i [data-device=pc] {
    display: none;
  }
}
.fixed-area__item[href] i [data-device=sp] {
  display: none;
}
@media screen and (max-width: 1020px) {
  .fixed-area__item[href] i [data-device=sp] {
    display: flex;
    justify-content: center;
  }
}
.fixed-area__item[href] > span {
  position: absolute;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 1020px) {
  .fixed-area__item[href] > span {
    position: relative;
    width: auto;
    height: auto;
  }
}
@media screen and (max-width: 1020px) {
  .fixed-area__item.-tel {
    background: #E8442A;
  }
}
@media screen and (max-width: 1020px) {
  .fixed-area__item.-contact {
    background: #61AF40;
  }
}
.fixed-area__item.-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 60px;
  height: 60px;
  font-size: 10px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background: #494C5E;
}
@media screen and (max-width: 1020px) {
  .fixed-area__item.-nav {
    width: auto;
  }
}
.fixed-area__item.-nav span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 20px;
}
.fixed-area__item.-nav span::before, .fixed-area__item.-nav span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  background: #fff;
}
.fixed-area__item.-nav span::before {
  top: 0;
}
.fixed-area__item.-nav span::after {
  bottom: 0;
}
.fixed-area__item.-nav span i {
  position: absolute;
  width: 100%;
  height: 3px;
  background: #fff;
}
.fixed-area__back {
  position: absolute;
  aspect-ratio: 1;
  width: 60px;
  bottom: calc(100% + 10px);
  right: 10px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .fixed-area__back {
    width: 50px;
  }
}
.fixed-area__back i {
  display: flex;
}
.fixed-area__back i svg {
  width: 100%;
}

.company-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.company-info__links {
  display: flex;
}
.company-info__link {
  display: flex;
  font-size: 10px;
}
.company-info__link a {
  white-space: nowrap;
  font-size: 11px;
  color: #434343;
  text-decoration: none;
}
.company-info__link + .company-info__link::before {
  content: "/";
  margin: 0 0.5em;
}
.company-info__item {
  display: flex;
  font-size: 11px;
  text-align: center;
  border: 1px solid #e7e7e7;
}
.company-info__item dt, .company-info__item dd {
  padding: 3px 0 2px;
}
.company-info__item dt {
  flex-shrink: 0;
  width: 25%;
  font-weight: normal;
  background-color: #e7e7e7;
}
.company-info__item dd {
  flex-grow: 1;
  background-color: #f5f5f5;
}

.heading-1 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: var(--_padding01, 10px) var(--_padding02, 15px);
  font-size: var(--_font-size-PC, var(--box-font-size, 18px));
  font-weight: bold;
  color: var(--_color, currentColor);
  border: var(--_border, 1px solid #d9dae0);
  background: var(--_background-color, #f9f9fa);
}
@media screen and (max-width: 768px) {
  .heading-1 {
    font-size: var(--_font-size-SP, var(--_font-size-PC, var(--box-font-size, 18px)));
    font-feature-settings: "palt";
  }
}
.heading-1::before {
  content: "";
  flex-shrink: 0;
  width: 3px;
  height: 21px;
  background: var(--_background, #ff4021);
}
@media screen and (max-width: 768px) {
  .heading-1::before {
    height: 18px;
  }
}
.heading-1.-line-black::before {
  background: #434343;
}

.heading-2 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--_margin-bottom-PC, 0);
  padding-top: 17px;
  font-size: 23px;
  font-weight: bold;
  border-top: 3px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .heading-2 {
    gap: 6px;
    margin-bottom: var(--_margin-bottom-SP, 0);
    padding-top: 15px;
    border-top: 2px solid #d9dae0;
  }
}
.heading-2::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 3px;
  top: -3px;
  left: 0;
  background: var(--box-color, #ff4021);
}
@media screen and (max-width: 768px) {
  .heading-2::before {
    width: 50%;
    height: 2px;
    top: -2px;
  }
}
.heading-2 small {
  padding: 0 5px;
  font-size: 14px;
  line-height: 1.2857142857;
  color: #ff4021;
  border: 2px solid #d9dae0;
  border-radius: 5px;
}
.heading-2 span[data-attr] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 24px;
  font-size: 14px;
  font-weight: 400;
}
.heading-2 span[data-attr]::before {
  content: attr(data-attr);
  font-size: 23px;
  font-weight: bold;
  text-transform: uppercase;
}
.heading-2:not(.-type-1) span[data-attr] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 24px;
  font-size: 14px;
  font-weight: 400;
}
.heading-2:not(.-type-1) span[data-attr]::before {
  content: attr(data-attr);
  font-size: 23px;
  font-weight: bold;
  text-transform: uppercase;
}
.heading-2.-type-1 {
  gap: 4px 24px;
}
.heading-2.-type-1 span {
  font-size: 14px;
  font-weight: 400;
}
.heading-2.-type-2 {
  display: block;
}
.heading-2.-type-2 b {
  color: #dc1b32;
}
.heading-2.-type-3 {
  align-items: baseline;
  gap: 4px 24px;
}
.heading-2.-type-3 span {
  font-size: 18px;
}
.heading-2.-logo {
  position: relative;
}
.heading-2.-logo i {
  position: absolute;
  width: fit-content;
  top: 20px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .heading-2.-logo i {
    display: none;
  }
}
.heading-2.-logo i img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  :where(.security) .heading-2 {
    font-size: 18px;
    line-height: 1.2em;
    border-top: 4px solid #d9dae0;
  }
}
@media screen and (max-width: 768px) {
  :where(.security) .heading-2::before {
    width: 8%;
    height: 4px;
    top: -4px;
  }
}

.heading-3 {
  padding: var(--_padding-PC, 10px 15px);
  font-size: var(--_font-size-PC, var(--box-font-size, 15px));
  line-height: 1.6;
  font-weight: bold;
  border-left: 1px solid #ff4021;
  background: #f9f9fa;
}
.heading-3.-fz-18, .heading-3[style="--box-font-size: 18px;"] {
  padding: 12px 18px 12px 15px;
  font-size: 18px;
}

.heading-4 {
  word-break: auto-phrase;
  font-size: 45px;
  line-height: 1.5555555556;
  font-weight: bold;
  color: #1d3146;
  text-align: center;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .heading-4 {
    font-size: min(6.4vw, 34px);
    line-height: 1.5;
  }
}
.heading-4.-white {
  color: #fff;
}

.heading-5 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-height: 100px;
  padding: 20px 45px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
  letter-spacing: -0.075em;
  background: linear-gradient(90deg, #01b6c9, #013e85);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .heading-5 {
    flex-direction: column;
    justify-content: center;
    gap: 0;
    min-height: 0;
    margin: 0 calc(50% - 50vw);
    padding: 6.9333333333vw 2.6666666667vw;
    font-size: 4.8vw;
    line-height: 1.4;
    text-align: center;
  }
}
.heading-5 small {
  padding: 5px 0;
  font-size: 18px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .heading-5 small {
    padding: 0;
    font-size: min(4.8vw, 30px);
    border: none;
  }
}
.heading-5 i {
  position: absolute;
  width: 262px;
  height: 162px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .heading-5 i {
    width: 36.5333333333vw;
    height: 22.4vw;
    top: 0;
  }
}
.heading-5 i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.heading-6 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 21px 20px;
  font-size: 20px;
  font-weight: bold;
  color: #434343;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .heading-6 {
    padding: 15px;
    font-size: 18px;
  }
}
.heading-6 i {
  position: relative;
  flex-shrink: 0;
  width: fit-content;
  padding-right: 12px;
  box-sizing: content-box;
}
.heading-6 i::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #B1B1B1;
}
.heading-6 i img {
  width: 100%;
}

.heading-7 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: fit-content;
  margin: 200px auto 100px;
}
@media screen and (max-width: 768px) {
  .heading-7 {
    margin-top: 120px;
    margin-bottom: 60px;
  }
}
.heading-7:before, .heading-7:after {
  content: "";
  display: block;
  position: absolute;
  width: 226px;
  height: 148px;
  background-image: url("../img/security/diagnose/ttl_kazari01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  animation: imageSwitch 5s ease infinite;
}
@media screen and (max-width: 768px) {
  .heading-7:before, .heading-7:after {
    width: 120px;
    height: 79px;
  }
}
.heading-7:before {
  right: 100%;
  top: -50px;
}
@media screen and (max-width: 768px) {
  .heading-7:before {
    top: -20px;
  }
}
.heading-7:after {
  transform: scale(-1, -1);
  left: 100%;
  bottom: -20px;
}
@media screen and (max-width: 768px) {
  .heading-7:after {
    bottom: 0;
  }
}
.heading-7 [lang=ja] {
  font-size: 50px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .heading-7 [lang=ja] {
    font-size: 30px;
  }
}
.heading-7 [lang=en] {
  margin: 10px 0 0;
  font-family: var(--_font-en);
  font-weight: bold;
  text-transform: uppercase;
  color: rgb(var(--_color-blue));
}
@media screen and (max-width: 768px) {
  .heading-7 [lang=en] {
    margin-top: 5px;
    font-size: 12px;
  }
}
.heading-7:is(p) {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .heading-7:is(p) {
    margin-top: 60px;
    line-height: 1.34;
  }
}
@media screen and (max-width: 768px) {
  .heading-7:has(> [lang=ja] br):before {
    top: auto;
    bottom: 5px;
  }
}
@media screen and (max-width: 768px) {
  .heading-7:has(> [lang=ja] br):after {
    bottom: auto;
    top: -20px;
  }
}

.heading-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  word-break: auto-phrase;
  font-size: 24px;
  line-height: 1.2708333333;
  font-weight: bold;
  color: var(--_color, #111);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .heading-8 {
    gap: 8px;
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
.heading-8::after {
  content: "";
  width: 75px;
  height: 3px;
  margin-top: 8px;
  background: var(--_background, #E8442A);
}
@media screen and (max-width: 768px) {
  .heading-8::after {
    margin-top: 2px;
  }
}
.heading-8 small {
  font-size: 16px;
  line-height: 1;
  color: #D8D6D6;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .heading-8 small {
    font-size: 12px;
    line-height: 1;
  }
}

.hgroup-1 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 24px;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .hgroup-1 {
    flex-direction: column;
    row-gap: 8px;
  }
}
.hgroup-1::before, .hgroup-1::after {
  content: "";
  position: absolute;
  height: 3px;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .hgroup-1::before, .hgroup-1::after {
    height: 2px;
  }
}
.hgroup-1::before {
  width: 100%;
  background: #d9dae0;
}
.hgroup-1::after {
  width: 30px;
  background: #ff4021;
}
.hgroup-1__head {
  flex-shrink: 0;
  font-size: 23px;
  font-weight: bold;
}
.hgroup-1__txt {
  font-size: 14px;
}

.btn-pagetop {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  bottom: 100%;
  right: 15px;
  padding: 16px;
  border: 1px solid #ff4021;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .btn-pagetop {
    position: fixed;
    bottom: 70px;
  }
}
.btn-pagetop img {
  width: 100%;
}

.btn-cv-1 {
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .btn-cv-1 {
    display: none;
  }
}
.btn-cv-1 a {
  display: block;
  max-width: 770px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .btn-cv-1 a {
    max-width: 100%;
  }
}
.btn-cv-1 a img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .btn-cv-1.-wide {
    display: block;
    margin: var(--_margin-top-SP, var(--_margin-top-PC, 0)) -4vw 0;
  }
}

.btn-cv-2 {
  margin-top: var(--_margin-top-PC, 30px);
}
@media screen and (max-width: 768px) {
  .btn-cv-2 {
    display: none;
  }
}
.btn-cv-2 a {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .btn-cv-2 a {
    max-width: 100%;
  }
}
.btn-cv-2 a img {
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .btn-cv-2.-wide {
    display: block;
    margin: var(--_margin-top-SP, var(--_margin-top-PC, 30px)) -4vw 0;
  }
}

.btn-1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 11px;
  margin-top: var(--_margin-top-PC, 0);
  font-size: var(--_font-size-pc, inherit);
  font-weight: var(--_font-weight, 400);
  color: var(--_color, currentColor);
  line-height: 1.2142857143;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .btn-1 {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
  }
}
.btn-1 i {
  flex-shrink: 0;
  width: 4px;
}
.btn-1 i img {
  width: 100%;
}
.btn-1:hover {
  opacity: 1;
  text-decoration: none;
}

.btn-2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5em;
  width: fit-content;
  margin: var(--_margin-top-PC, 0) 0 0 auto;
  padding-bottom: 2px;
  font-size: 15px;
  font-weight: bold;
  color: #06a;
  line-height: 1.6;
  border-bottom: 2px solid currentColor;
}
@media screen and (max-width: 768px) {
  .btn-2 {
    justify-content: center;
    width: fit-content;
    min-width: 75%;
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
    margin-right: auto;
    padding: 10px;
    white-space: nowrap;
    font-size: 17px;
    color: var(--_color, #2685bc);
    border: 1px solid currentColor;
    border-radius: 24px;
  }
}
@media screen and (max-width: 768px) {
  .btn-2::before {
    content: "▶";
  }
}
.btn-2::after {
  content: ">";
}
@media screen and (max-width: 768px) {
  .btn-2::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .btn-2 span span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .btn-2.-type-1 {
    color: #fff;
    background: #2685BC;
  }
}

.btn-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  width: fit-content;
  height: 33px;
  margin: 20px auto 0;
  padding: 0 25px;
  font-size: 12px;
  font-weight: bold;
  color: var(--_color, #005BAC);
  border: 1px solid currentColor;
  border-radius: 33px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .btn-3 {
    height: 47px;
    font-size: 17px;
  }
}
.btn-3::before {
  content: "▶︎";
}
.btn-3:hover {
  opacity: 1;
  color: #fff;
  background: var(--_color, #005BAC);
}
.btn-3.-type-1 {
  position: relative;
  width: 380px;
  height: 54px;
  font-size: 15px;
  color: var(--_color, #fff);
  background: var(--_background, #B50808);
}
@media screen and (max-width: 768px) {
  .btn-3.-type-1 {
    width: 80vw;
    height: 56px;
    font-size: 16px;
  }
}
.btn-3.-type-1::before {
  content: ">";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.btn-3.-type-1:hover {
  opacity: 0.7;
}

.btn-4 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 20px auto 0;
  padding: 15px 50px 15px 40px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  color: var(--_main-color, #005BAC);
  line-height: 1;
  border: 1px solid currentColor;
  border-radius: 100px;
  box-shadow: 0 3px 0 var(--_shadow, rgba(0, 102, 170, 0.2));
  background: #fff;
  transition: 0.1s ease;
}
.btn-4 i {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--_sub-color, #06a);
}
.btn-4 i svg {
  width: 10px;
}
.btn-4:hover {
  opacity: 0.6;
  transform: translateY(3px);
  box-shadow: none;
}

.btn-5 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin: 0 auto;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  box-shadow: 0 3px 0 var(--_shadow, rgba(0, 102, 170, 0.2));
  background: var(--_main-color, #06a);
}
.btn-5 i {
  flex-shrink: 0;
  width: 16px;
}
.btn-5 i img {
  width: 100%;
}

.btn-6 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 60px;
  margin: 0 auto;
  padding: 0 75px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border-radius: 30px;
  background: linear-gradient(to right, #0AB5F6 0%, #0A7AEF 100%);
}
@media screen and (max-width: 768px) {
  .btn-6 {
    width: 100%;
    height: auto;
    padding: 13px 10px;
    font-size: 15px;
    line-height: 1.3;
  }
}
.btn-6::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-135deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.btn-7 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 380px;
  height: 54px;
  margin: var(--_margin-top-PC, 0) auto 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 54px;
  background: #B50808;
}
@media screen and (max-width: 768px) {
  .btn-7 {
    width: 80vw;
    height: auto;
    padding: 15px 0;
    font-size: 16px;
  }
}
.btn-7::after {
  content: ">";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.sp-cta {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-cta {
    display: block;
    margin: var(--_margin-top-PC, 30px) -4vw 0;
  }
}
.sp-cta__head img {
  width: 100%;
}
.sp-cta__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  padding: 20px 5.8666666667vw;
  background: #dcebcc;
}
.sp-cta__link a img {
  width: 100%;
}

.bnr-1 {
  display: block;
  width: 100%;
  max-width: var(--_max-width, 100%);
  margin: 0 auto;
}
.bnr-1 img {
  width: 100%;
}

.bnr-line {
  display: none;
}
@media screen and (max-width: 768px) {
  .bnr-line {
    display: block;
    margin-top: 13px;
  }
}

.breadcrumbs {
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    padding: 5px 20px 8px;
    border-top: 1px solid #f1f1f1;
    background-color: #f9f9fa;
  }
}
.breadcrumbs__items {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .breadcrumbs__items {
    column-gap: 8px;
  }
}
.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 11px;
  line-height: 3.6363636364;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .breadcrumbs__item {
    gap: 8px;
    font-size: 10px;
  }
}
.breadcrumbs__item + .breadcrumbs__item::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-top: solid 2px #222;
  border-right: solid 2px #222;
  rotate: 45deg;
}
@media screen and (max-width: 768px) {
  .breadcrumbs__item + .breadcrumbs__item::before {
    width: 4px;
    height: 4px;
    border-top: solid 1px #434343;
    border-right: solid 1px #434343;
  }
}
.breadcrumbs__item a {
  display: block;
}
.breadcrumbs__item a:hover {
  opacity: 0.5;
}
.breadcrumbs__item a [itemprop=name] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.breadcrumbs__item a [itemprop=name] i {
  display: flex;
  width: 15px;
}
.breadcrumbs__item a [itemprop=name] i svg {
  width: 100%;
  height: auto;
}
.breadcrumbs__item a * {
  display: block;
  transition: 0.6s;
}

.page__head {
  display: flex;
  justify-content: center;
  order: 1;
  padding: 11px 10px;
  font-size: 11px;
  font-weight: bold;
  color: #434343;
  border-bottom: 1px solid #e7e7e7;
  background-color: #ededee;
}
@media screen and (max-width: 768px) {
  .page__head {
    padding: 11px 20px;
  }
}
.page__head span {
  width: 100%;
  max-width: 1000px;
}
.page__content {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .page__content {
    margin-top: 0;
  }
}
.page__content:not(.-no-gutter) * + * {
  margin-top: 10px;
}
.page__items {
  margin-top: var(--_margin-top-PC, 30px);
}
@media screen and (max-width: 768px) {
  .page__items {
    margin-top: var(--_margin-top-SP, 0);
  }
}
.page__item:not(:first-child) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .page__item:not(:first-child) {
    margin-top: 30px;
  }
}
.page__txt {
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .page__txt {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
    font-size: var(--_font-size-SP, 14px);
  }
}
.heading-1 + .page__txt {
  margin-top: var(--_margin-top-PC, 20px);
}
.page__txt a {
  color: #06a;
  text-decoration: underline;
}
.page__txt span {
  font-weight: bold;
}
.page__txt span.-color {
  color: var(--_color, inherit);
}
.page__txt .-color {
  font-weight: bold;
  color: var(--_color, inherit);
}
.page__txt.-center {
  text-align: center;
}
.page__list {
  margin-top: var(--_margin-top-PC, 0);
}
.page__list li {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page__list li {
    font-size: 14px;
  }
}
.page__list li:not(:first-child) {
  margin-top: 0;
}
.page__list:is(ul) li::before {
  content: "●";
}
.page__list:is(ol) {
  counter-reset: item;
}
.page__list:is(ol) li::before {
  content: counter(item) ".";
  counter-increment: item;
}
.page__foot {
  display: flex;
  flex-direction: column;
  gap: var(--_gap, 50px);
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .page__foot {
    gap: clamp(40px, 10.6666666667vw, 50px);
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
  }
}
.page__inner {
  max-width: 960px;
  margin: var(--_margin-top-PC, 0) auto 0;
}
@media screen and (max-width: 768px) {
  .page__inner {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
  }
}
.page__rows {
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .page__rows {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
  }
}
.page__row + .page__row {
  margin-top: var(--_margin-top-PC, 40px);
}
@media screen and (max-width: 768px) {
  .page__row + .page__row {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 40px));
  }
}
.page__image {
  display: block;
  max-width: var(--_width-PC, 100%);
  margin: var(--_margin-top-PC, 0) auto 0;
}
.page__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page__image.-wide {
    max-width: 100vw;
    margin: var(--_margin-top-PC, 0) -4vw 0;
  }
}
.page__image.-left {
  margin-left: 0;
}
.page__video {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  max-width: var(--_width-PC, 100%);
  margin: var(--_margin-top-PC, 0) auto 0;
}
@media screen and (max-width: 768px) {
  .page__video {
    gap: 15px;
  }
}
.page__video span {
  aspect-ratio: 16/9;
  width: 100%;
}
.page__video iframe {
  width: 100%;
  height: 100%;
}
.page__video figcaption {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page__video figcaption {
    text-decoration: underline;
  }
}
.page__narrow {
  max-width: 920px;
  margin: var(--_margin-top-PC, 0) auto 0;
}
@media screen and (max-width: 768px) {
  .page__narrow {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
  }
}
.page__grid {
  display: grid;
  grid-template-columns: var(--_columns-PC, 1fr);
  gap: var(--_gap-PC, 30px);
  max-width: var(--_width-PC, 100%);
  margin: var(--_margin-top-PC, 0) auto 0;
}
@media screen and (max-width: 768px) {
  .page__grid {
    grid-template-columns: var(--_columns-SP, var(--_columns-PC, 1fr));
    gap: var(--_gap-SP, var(--_gap-PC, 30px));
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
  }
}
.page__dl {
  border: 1px solid #d9dae0;
}
.page__dl dt {
  padding: var(--_paddeng-PC, 15px 20px);
  font-size: var(--_font-size-PC, 18px);
  font-weight: bold;
  color: var(--_color, inherit);
  text-align: var(--_text-align, left);
  border-bottom: 1px solid #d9dae0;
  background: var(--_background, #f9f9fa);
}
@media screen and (max-width: 768px) {
  .page__dl dt {
    font-size: var(--_font-size-SP, var(--_font-size-PC, 15px));
    padding: var(--_paddeng-SP, var(--_paddeng-PC, 10px));
  }
}
.page__dl dd {
  padding: 15px 10px;
  font-size: 13px;
  line-height: 1.7;
  background: var(--_background, none);
}
.page__dl dd em {
  font-weight: bold;
}
.page__note {
  margin-top: var(--_margin-top-PC, 0);
  font-size: 12px;
}
.page__note.-right {
  text-align: right;
}
.page__back {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  font-size: 14px;
  color: #06a;
  line-height: 1.6;
  border-top: 1px solid #D9DADF;
  border-bottom: 1px solid #D9DADF;
}
.page__link {
  display: block;
  width: fit-content;
  margin-top: var(--_margin-top-PC, 0);
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #e8442a;
  line-height: 1.6;
  text-decoration: underline;
}
.page__copy_flotation {
  display: flex;
  justify-content: center;
  margin: 25px 0 20px;
  padding: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #e84429;
  text-align: center;
  border: 2px solid #ffbfb5;
}
@media screen and (max-width: 768px) {
  .page__copy_flotation {
    font-size: 16px;
  }
}
.page__copy_flotation::before {
  content: "▼";
}
.page__desc {
  margin-top: 20px;
}
.page__desc.-box-image {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 45px 0 30px;
  margin: 20px 0;
  background: #f9f9fa;
}
.page__desc.-box-image dt {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #999;
}
.page__desc.-box-image dd {
  width: fit-content;
}
.page__desc.-box-image dd img {
  width: 100%;
}
.page__mv img {
  width: 100%;
  height: 100%;
  min-height: 400px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .page__mv img {
    min-height: 0;
  }
}

.p-service__returns {
  margin-top: 20px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .p-service__returns {
    margin-top: 30px;
  }
}
.p-service__return {
  padding: 25px;
  line-height: 1.6;
}
.p-service__return dt {
  width: fit-content;
  margin-bottom: 10px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  background: #222;
}
@media screen and (max-width: 768px) {
  .p-service__return dt {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: inherit;
    background: none;
  }
}
.p-service__return dd {
  font-size: 15px;
}
.p-service__return + .p-service__return {
  border-top: 1px solid #d9dae0;
}
.p-service__rule {
  margin-top: 10px;
  line-height: 1.6;
}
.p-service__rule dt {
  width: fit-content;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  background: #222;
}
@media screen and (max-width: 768px) {
  .p-service__rule dt {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: inherit;
    background: none;
  }
}
.p-service__rule dd {
  margin-top: 10px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .p-service__rule dd {
    margin-top: 0;
    font-size: 14px;
  }
}
.p-service__list li::before {
  content: "●";
}

.campaign__head {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 24px;
  padding-top: 18px;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: bold;
  border-top: 3px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .campaign__head {
    border-top: 2px solid #d9dae0;
  }
}
.campaign__head::before {
  content: attr(data-attr);
  font-size: 23px;
  text-transform: uppercase;
}
.campaign__head::after {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 30px;
  height: 3px;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  .campaign__head::after {
    top: -2px;
    width: 50%;
    height: 2px;
  }
}
.campaign__items {
  margin-bottom: 100px;
  border-top: 1px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  .campaign__items {
    margin-bottom: 70px;
  }
}
.campaign__item {
  border-bottom: 1px dotted #d9dae0;
}
.campaign__item a {
  display: flex;
  gap: 30px;
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .campaign__item a {
    flex-wrap: wrap;
    gap: 20px;
    padding: 15px 0 35px;
  }
}
@media screen and (max-width: 768px) {
  .campaign__item + .campaign__item a {
    padding-top: 35px;
  }
}
.campaign__detail {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 15px;
}
.campaign__heading {
  font-size: 20px;
  line-height: 1.1;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .campaign__heading {
    font-size: 22px;
    line-height: 1.1818181818;
  }
}
.campaign__txt {
  font-size: 14px;
  line-height: 1.4285714286;
  color: #8b8ea4;
}
@media screen and (max-width: 768px) {
  .campaign__txt {
    font-size: 14px;
    line-height: 1.5;
  }
}
.campaign__image {
  aspect-ratio: 240/140;
  order: -1;
  flex-shrink: 0;
  width: 240px;
}
@media screen and (max-width: 768px) {
  .campaign__image {
    width: 100%;
  }
}
.campaign__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.campaign-related__head {
  padding-bottom: 15px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  border-bottom: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .campaign-related__head {
    padding-bottom: 5px;
    font-size: 18px;
  }
}
.campaign-related__items {
  display: flex;
  flex-wrap: wrap;
}
.campaign-related__item {
  border-bottom: 1px solid #d9dae0;
}
.campaign-related__item a {
  display: grid;
  padding: 20px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .campaign-related__item a {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.5714285714;
  }
}
.campaign-related__item.-vertical {
  width: 50%;
}
.campaign-related__item.-vertical a {
  gap: 12px;
  padding: 20px 20px 20px 0;
}
@media screen and (max-width: 768px) {
  .campaign-related__item.-vertical a {
    padding: 10px 10px 10px 0;
  }
}
.campaign-related__item.-vertical + .-vertical {
  border-left: 1px solid #d9dae0;
}
.campaign-related__item.-vertical + .-vertical a {
  padding: 20px 0 20px 20px;
}
@media screen and (max-width: 768px) {
  .campaign-related__item.-vertical + .-vertical a {
    padding: 10px 0 10px 10px;
  }
}
.campaign-related__item.-horizontal {
  width: 100%;
}
.campaign-related__item.-horizontal a {
  grid-template-columns: 95px 1fr;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .campaign-related__item.-horizontal a {
    grid-template-columns: 80px 1fr;
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .campaign-related__heading {
    display: -webkit-box;
    max-height: 44px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    text-decoration: underline;
  }
}
.campaign-related__image {
  order: -1;
}
@media screen and (max-width: 768px) {
  .campaign-related__image {
    aspect-ratio: 161/94;
  }
}
.campaign-related__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .campaign-related__image img {
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 768px) {
  .campaign-related__image.-type-1 {
    aspect-ratio: 40/29;
  }
}

.campaign-banners {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.campaign-banners.-min {
  max-width: 510px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .campaign-banners.-min {
    display: none;
  }
}
.campaign-banners__item a {
  display: block;
}
.campaign-banners__item a img {
  width: 100%;
}
.campaign-banners__item:has(> iframe) {
  aspect-ratio: 250/135;
}
.campaign-banners__item:has(> iframe) iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.campaign-ranking {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .campaign-ranking {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.campaign-ranking__column {
  display: flex;
  flex-direction: column;
  min-height: 668px;
  border: 1px solid #a0a0a0;
}
@media screen and (max-width: 768px) {
  .campaign-ranking__column {
    min-height: 0;
  }
}
.campaign-ranking__intro {
  display: flex;
  flex-direction: column;
}
.campaign-ranking__heading {
  display: flex;
  justify-content: center;
  margin: 0;
  font-size: 15px;
  line-height: 2.3333333333;
  font-weight: bold;
  color: #fff;
  background: #a0a0a0;
}
@media screen and (max-width: 768px) {
  .campaign-ranking__heading {
    font-size: 16px;
    line-height: 2.1875;
  }
}
.campaign-ranking__maker {
  order: -1;
}
.campaign-ranking__maker dd {
  height: 46px;
  padding: 10px;
}
.campaign-ranking__maker dd img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0;
}
.campaign-ranking__image {
  aspect-ratio: 1;
  margin-bottom: 10px;
}
.campaign-ranking__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}
.campaign-ranking__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 20px 20px 40px;
}
.campaign-ranking__lead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  color: #073684;
}
.campaign-ranking__txt {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 1.3;
}
.campaign-ranking__more {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding: 13px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: bold;
  color: #edeb38;
  text-decoration: none;
  box-shadow: 2px 2px 0 #EDEB38;
  background: #073684;
}
@media screen and (max-width: 768px) {
  .campaign-ranking__more {
    width: 50%;
    min-width: fit-content;
    margin: 0 auto;
  }
}

.campaign-super-product {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  padding: 0 15px;
}
.campaign-super-product::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-left: 1px dotted #b40000;
}
.campaign-super-product__column {
  padding: 0;
  background: none;
}
.campaign-super-product__column a {
  display: block;
  text-decoration: none;
}
.campaign-super-product__heading {
  font-size: 15px;
  line-height: 1;
  font-weight: bold;
  color: #b40000;
}
@media screen and (max-width: 768px) {
  .campaign-super-product__heading {
    font-size: 12px;
  }
}
.campaign-super-product__item {
  display: grid;
  grid-template-columns: auto 50px;
  margin-top: 10px;
}
.campaign-super-product__function dd {
  display: grid;
  grid-template-columns: 11px 1fr;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  line-height: 1;
  color: #000;
}
@media screen and (max-width: 768px) {
  .campaign-super-product__function dd {
    font-size: 10px;
  }
}
.campaign-super-product__function dd i {
  display: flex;
  align-items: center;
  height: 11px;
}
.campaign-super-product__function dd i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0;
}
.campaign-super-product__function dd + dd {
  margin-top: 5px;
}
.campaign-super-product__image img {
  width: 100%;
  margin: 0;
}
.campaign-super-product__num {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-top: 10px;
  padding: 8px 11px;
  color: #000;
  border: 1px solid #d97f7f;
}
@media screen and (max-width: 768px) {
  .campaign-super-product__num {
    padding: 8px 5px;
  }
}
.campaign-super-product__num dt {
  flex-shrink: 0;
  width: 2em;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 400;
}
.campaign-super-product__num dd {
  font-size: 20px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .campaign-super-product__num dd {
    font-size: 16px;
    line-height: 1.3125;
  }
}
.campaign-super-product__num dd em {
  font-size: 30px;
  font-weight: bold;
  color: #b40000;
  line-height: 0.5;
}
@media screen and (max-width: 768px) {
  .campaign-super-product__num dd em {
    font-size: 14px;
    line-height: 1.5;
  }
}

.top-mv {
  position: relative;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .top-mv {
    margin-bottom: 40px;
  }
}
.top-mv__video {
  position: relative;
  height: 340px;
  margin: 0 -10px 23px;
}
@media screen and (max-width: 768px) {
  .top-mv__video {
    aspect-ratio: 375/124;
    width: 100vw;
    height: auto;
    min-height: 124px;
    margin: 0 calc(50% - 50vw) 23px;
  }
}
.top-mv__video:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/top/top_mv_dot.png) repeat 0 0;
  z-index: 1;
}
.top-mv__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-mv__head {
  position: absolute;
  width: 268px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .top-mv__head {
    width: 26.6666666667vw;
  }
}
.top-mv__head img {
  width: 100%;
}
.top-mv__open {
  position: absolute;
  width: 210px;
  bottom: 0;
  left: 0;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .top-mv__open {
    width: 32vw;
    max-width: 210px;
  }
}
.top-mv__open img {
  width: 100%;
}
.top-mv__modal {
  padding: 0;
  overflow: visible;
  background: none;
}
.top-mv__item {
  position: relative;
  aspect-ratio: 16/9;
  width: 720px;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .top-mv__item {
    width: 100%;
    padding: 0;
  }
}
.top-mv__item iframe {
  width: 100%;
  height: 100%;
}
.top-mv__close {
  position: absolute;
  aspect-ratio: 1;
  width: 40px;
  top: 40px;
  right: 0;
  background: #000;
}
@media screen and (max-width: 768px) {
  .top-mv__close {
    top: -40px;
  }
}
.top-mv__close::before, .top-mv__close::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 2px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: #fff;
}
.top-mv__close::before {
  rotate: 45deg;
}
.top-mv__close::after {
  rotate: -45deg;
}
.top-mv__close img {
  width: 100%;
}
.top-mv__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 632px;
  height: 50px;
  margin: 0 auto;
  font-weight: bold;
  color: #ff4021;
  border: 3px solid #ff4021;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .top-mv__link {
    font-size: 15px;
  }
}
.top-mv__link i {
  position: absolute;
  width: 5px;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .top-mv__link i {
    right: 8px;
  }
}
.top-mv__link i img {
  width: 100%;
}

.top-slide {
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .top-slide {
    display: none;
  }
}
.top-slide__arrow {
  width: 23px;
  height: auto;
  background: none;
}
.top-slide__arrow img {
  width: 100%;
}
.top-slide__arrow.-prev {
  left: -30px;
}
.top-slide__arrow.-next {
  right: -30px;
}
.top-slide__items {
  display: flex;
}
.top-slide__item a {
  display: block;
}
.top-slide__item a img {
  width: 100%;
}

.top-lineup {
  margin-bottom: 30px;
}
.top-lineup__lead {
  margin: 25px 0 30px;
}
.top-lineup__item + .top-lineup__item {
  margin-top: 50px;
}
.top-lineup__txt {
  margin: 25px 0 30px;
  font-size: 15px;
  line-height: 1.6;
}
.top-lineup__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 50px 20px;
  margin-top: 25px;
}

.top-product {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.top-product__intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 10px;
  margin-bottom: 20px;
}
.top-product__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 20px;
  font-weight: bold;
}
.top-product__head::after {
  content: attr(data-attr);
  font-size: 10px;
  font-weight: 400;
}
.top-product__status {
  display: flex;
  gap: 1px;
  margin-left: auto;
}
.top-product__status li {
  width: 42px;
}
.top-product__status li img {
  width: 100%;
}
.top-product__image {
  position: relative;
  order: -1;
  margin-bottom: 16px;
}
.top-product__image::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  background: linear-gradient(135deg, #ff4021 15px, transparent 0);
}
.top-product__image img {
  width: 100%;
}
.top-product__check {
  margin-bottom: 20px;
}
.top-product__check li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.6428571429;
}
.top-product__check li::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 12px;
  height: 23px;
  top: 0;
  left: 0;
  background: url(../img/common/icn_check_03.svg) no-repeat left center/contain;
}
.top-product__desc {
  font-size: 15px;
  line-height: 1.6;
}
.top-product__maker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin-bottom: 25px;
}
.top-product__maker li a {
  display: block;
}
.top-product__maker li img {
  width: 100%;
}
.-service > .top-product__maker {
  margin: 20px 0 0;
}
.top-product__more {
  display: flex;
  justify-content: center;
  margin-top: auto;
  padding: 7px;
  color: #fff;
  border-radius: 2px;
  background: linear-gradient(to bottom, #ff6a21 0%, #ff4021 100%);
}

.top-reason {
  position: relative;
  margin-bottom: 50px;
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  .top-reason {
    padding: 35px 0;
  }
}
.top-reason__head {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  word-break: auto-phrase;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .top-reason__head {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 1.6;
  }
}
.top-reason__lead {
  margin-bottom: 33px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .top-reason__lead {
    margin-bottom: 20px;
    text-align: left;
  }
}
.top-reason__tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .top-reason__tabs {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
@media screen and (max-width: 768px) {
  .top-reason__tab {
    width: 33.3333333333%;
  }
}
.top-reason__btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 110px;
  padding: 12px 3px;
  font-size: 13px;
  line-height: 1.5384615385;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .top-reason__btn {
    width: 100%;
  }
}
.top-reason__btn::before, .top-reason__btn::after {
  content: "";
  position: absolute;
  height: 1px;
  bottom: 0;
  background: #e5e5e5;
}
.top-reason__btn::before {
  width: 100%;
  left: 0;
}
.top-reason__btn::after {
  width: 40%;
  left: 50%;
  transform: translateX(-50%);
}
.top-reason__btn i {
  width: 62px;
}
.top-reason__btn i img {
  width: 100%;
}
.top-reason__btn[aria-selected=true]::after {
  background: #494c5f;
}
.top-reason__items {
  max-width: 880px;
  margin: 0 auto;
}
.top-reason__item {
  display: flex;
  gap: 45px;
}
@media screen and (max-width: 768px) {
  .top-reason__item {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.top-reason__item[aria-hidden=true] {
  display: none;
}
.top-reason__image {
  flex-shrink: 0;
  width: 352px;
}
@media screen and (max-width: 768px) {
  .top-reason__image {
    width: 100%;
  }
}
.top-reason__image img {
  width: 100%;
}
.top-reason__detail {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .top-reason__detail {
    padding-top: 0;
  }
}
.top-reason__detail dt {
  margin-bottom: 15px;
  font-size: 23px;
  line-height: 1.5652173913;
}
@media screen and (max-width: 768px) {
  .top-reason__detail dt {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.6;
  }
}
.top-reason__detail dd {
  font-size: 18px;
  line-height: 1.6111111111;
}
@media screen and (max-width: 768px) {
  .top-reason__detail dd {
    font-size: 14px;
  }
}
.top-reason__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.top-reason__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-payment {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .top-payment {
    margin-bottom: 40px;
  }
}
.top-payment__lead {
  margin: 25px 0 30px;
}
@media screen and (max-width: 768px) {
  .top-payment__lead {
    margin-bottom: 20px;
  }
}
.top-payment__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .top-payment__items {
    grid-template-columns: 1fr;
    border-top: 1px dotted #d9dae0;
  }
}
.top-payment__item {
  position: relative;
  padding: 20px 20px 30px;
}
@media screen and (max-width: 768px) {
  .top-payment__item {
    padding-bottom: 35px;
    border-bottom: 1px dotted #d9dae0;
  }
}
.top-payment__item + .top-payment__item::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #d9dae0;
}
@media screen and (max-width: 768px) {
  .top-payment__item + .top-payment__item::before {
    content: none;
  }
}
.top-payment__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .top-payment__heading {
    gap: 15px;
  }
}
.top-payment__heading i {
  width: 93px;
}
.top-payment__heading i img {
  width: 100%;
}
.top-lease {
  margin-bottom: 50px;
}
.top-lease__txt {
  margin: 25px 0 30px;
}
.top-lease__wrap {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .top-lease__wrap {
    margin-bottom: 30px;
  }
}
.top-lease__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .top-lease__tabs {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.top-lease__btn {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 18px;
  line-height: 1.9444444444;
  color: #d9dae0;
  border-bottom: 1px solid #d9dae0;
}
.top-lease__btn[aria-selected=true] {
  color: #ff4021;
  border-bottom: 1px solid #ff4021;
}
.top-lease__item[aria-hidden=true] {
  display: none;
}
.top-lease__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}
@media screen and (max-width: 768px) {
  .top-lease__columns {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.top-lease__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
.top-lease__column dt i {
  width: 100%;
}
.top-lease__column dt i img {
  width: 100%;
}
.top-lease__bnr img {
  width: 100%;
}

.top-flow {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .top-flow {
    margin-bottom: 40px;
  }
}
.top-flow__lead {
  margin: 25px 0 30px;
}
.top-flow__items {
  counter-reset: item;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 38px;
}
@media screen and (max-width: 768px) {
  .top-flow__items {
    grid-template-columns: 1fr;
  }
}
.top-flow__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 0 8px 20px;
  border: 1px solid #42b483;
  background: #f9f9fa;
}
.top-flow__item::before {
  content: "Step " counter(item);
  counter-increment: item;
  width: 110px;
  font-size: 13px;
  line-height: 1.9076923077;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #42b483;
}
@media screen and (max-width: 768px) {
  .top-flow__item::before {
    width: 55%;
  }
}
.top-flow__item span {
  order: 1;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
}
.top-flow__item:not(:first-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 9px 0 9px 10px;
  border-color: transparent transparent transparent #42b483;
}
@media screen and (max-width: 768px) {
  .top-flow__item:not(:first-child)::after {
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px 9px 0 9px;
    border-color: #42b483 transparent transparent transparent;
  }
}
.top-flow__item:last-child {
  background: #fff5dc;
}
.top-flow__image {
  width: 116px;
}
.top-flow__image img {
  width: 100%;
}

.top-area {
  margin-bottom: 50px;
}
.top-area__lead {
  margin: 25px 0 30px;
}
@media screen and (max-width: 768px) {
  .top-area__lead {
    margin-bottom: 20px;
  }
}
.top-area__wrap {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .top-area__wrap {
    flex-wrap: wrap;
  }
}
.top-area__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.top-area__item + .top-area__item {
  margin-top: 20px;
}
.top-area__area {
  display: flex;
  flex-wrap: wrap;
}
.top-area__area li:not(:last-child)::after {
  content: "、";
}
.top-area__detail {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .top-area__detail {
    flex-direction: column;
    align-items: center;
  }
}
.top-area__image {
  flex-shrink: 0;
  width: 136px;
}
.top-area__image img {
  width: 100%;
}
.top-area__data {
  flex-grow: 1;
}
.top-area__txt em {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .top-area__txt em {
    display: flex;
    justify-content: center;
  }
}
.top-area__txt + .top-area__txt {
  margin-top: 10px;
}
.top-area__fig {
  flex-shrink: 0;
  width: 38%;
}
@media screen and (max-width: 768px) {
  .top-area__fig {
    order: -1;
    width: 100%;
  }
}
.top-area__fig img {
  width: 100%;
}

.top-new__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .top-new__columns {
    grid-template-columns: 1fr;
  }
}
.top-new__column {
  display: flex;
  flex-direction: column;
}
.top-new__wrap {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 13px 15px;
  border: 1px solid #d9dae0;
  border-top: none;
}
.top-new__items {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .top-new__items {
    margin-bottom: 20px;
  }
}
.top-new__item {
  border-bottom: 1px dashed #dbdae0;
}
.top-new__item a {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  min-height: 44px;
  font-size: 12px;
  line-height: 1.6666666667;
}
@media screen and (max-width: 768px) {
  .top-new__item a {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-height: 0;
  }
}
.top-new__item + .top-new__item {
  margin-top: 10px;
}
.top-new__heading {
  flex-grow: 1;
  color: #06a;
}
@media screen and (max-width: 768px) {
  .top-new__heading {
    min-height: 38px;
  }
}
.top-new__date {
  order: -1;
  flex-shrink: 0;
  width: 75px;
}
.top-new__more {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: auto;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #06a;
}
@media screen and (max-width: 768px) {
  .top-new__more {
    justify-content: flex-end;
    gap: 8px;
    color: inherit;
    text-decoration: underline;
  }
}
.top-new__more i {
  flex-shrink: 0;
  width: 4px;
}
@media screen and (max-width: 768px) {
  .top-new__more i {
    order: 1;
  }
}
.top-new__more i img {
  width: 100%;
}
.top-new__image {
  display: block;
  margin-bottom: 12px;
}
.top-new__image img {
  width: 100%;
}
.top-new__txt {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1.6666666667;
}
@media screen and (max-width: 768px) {
  .top-new__sns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px 5px;
  }
}
.top-new__sns li a img {
  width: 100%;
}
.top-new__sns li:not(:first-child) {
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .top-new__sns li:not(:first-child) {
    margin-top: 0;
  }
}

.sitemap {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .sitemap {
    margin-top: 0;
  }
}
.sitemap__items {
  margin-top: 30px;
}
.sitemap__item {
  border: 1px solid #d9dae0;
}
.sitemap__item + .sitemap__item {
  margin-top: 30px;
}
.sitemap__heading {
  position: relative;
  display: flex;
  gap: 10px;
  min-height: 40px;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  background: #f9f9fa;
}
.sitemap__heading::before {
  content: "";
  flex-shrink: 0;
  width: 3px;
  height: auto;
  background: #ff4021;
}
.sitemap__content {
  display: flex;
  flex-wrap: wrap;
  gap: 5px min(2.9411764706vw, 30px);
  padding: 30px min(3.9215686275vw, 40px) 35px;
  border-top: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .sitemap__content {
    display: grid;
    grid-template-columns: 1fr;
    padding: 20px 20px 30px;
  }
}
.sitemap__content.-column {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .sitemap__content.-column {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.sitemap__column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sitemap__page {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.sitemap__page dt {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
}
.sitemap__links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}
.sitemap__link a {
  display: flex;
  gap: 4px;
  font-size: 13px;
  line-height: 1.5384615385;
  color: #06a;
}
.sitemap__link i {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 20px;
}

.page-mv-slide {
  margin-bottom: var(--_margin-bottom-PC, 0);
}
@media screen and (max-width: 768px) {
  .page-mv-slide {
    margin-bottom: var(--_margin-bottom-SP, 0);
  }
}
.page-mv-slide__slide {
  position: relative;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .page-mv-slide__slide {
    margin: 0 calc(50% - 50vw);
  }
}
.page-mv-slide__slide::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 50px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #f1f0f0;
}
.page-mv-slide__slide .splide__pagination {
  gap: 10px;
  height: 50px;
  bottom: 0;
}
.page-mv-slide__slide .splide__pagination li {
  width: 20px;
  height: 20px;
}
.page-mv-slide__slide .splide__pagination li button {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 1;
  scale: 1;
  background: none;
}
.page-mv-slide__slide .splide__pagination li button::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 5px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 50%;
  background: rgb(181, 180, 180);
}
.page-mv-slide__slide .splide__pagination li button.is-active {
  transform: none;
}
.page-mv-slide__slide .splide__pagination li button.is-active::before {
  background: rgb(60, 60, 60);
}
@media screen and (max-width: 768px) {
  .page-mv-slide__slide.-security .splide__pagination {
    gap: 28px;
  }
}
@media screen and (max-width: 768px) {
  .page-mv-slide__slide.-security .splide__pagination li {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 768px) {
  .page-mv-slide__slide.-security .splide__pagination li button::before {
    width: 100%;
  }
}
.page-mv-slide__bg {
  position: absolute;
  width: 100vw;
  height: calc(100% - 50px);
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.page-mv-slide__bg.-type-1 {
  right: 100%;
}
.page-mv-slide__bg.-type-2 {
  left: 100%;
}
.page-mv-slide__arrow {
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 4px;
  background: #000;
}
@media screen and (max-width: 768px) {
  .page-mv-slide__arrow {
    width: 30px;
    height: 52px;
  }
}
.page-mv-slide__arrow img {
  width: 30px;
}
.page-mv-slide__arrow.-prev {
  left: -60px;
}
@media screen and (max-width: 768px) {
  .page-mv-slide__arrow.-prev {
    left: 20px;
  }
}
.page-mv-slide__arrow.-next {
  right: -60px;
}
@media screen and (max-width: 768px) {
  .page-mv-slide__arrow.-next {
    right: 20px;
  }
}
.page-mv-slide__wrap {
  overflow: visible;
}
.page-mv-slide__column a {
  display: block;
  height: 100%;
}
.page-mv-slide__column a picture {
  width: 100%;
  height: 100%;
}
.page-mv-slide__column a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.choice-point {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.choice-point__item {
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: 30px;
  background: var(--_background, #2685bc);
}
.choice-point__item.-small {
  padding: 3px 15px;
  border-radius: 15px;
}
.choice-point__item.-small span {
  font-size: 12px;
  padding-left: 5px;
  border-left: 1px dotted #fff;
}
.choice-point__item.-small i {
  padding-right: 5px;
}
.choice-point__item.-small i img {
  height: 15px;
}
.choice-point__item.-medium {
  padding: 10px 30px;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .choice-point__item.-medium {
    padding: clamp(3px, 0.8vw, 10px) clamp(15px, 4vw, 30px);
  }
}
.choice-point__item.-medium span {
  font-size: 15px;
  padding-left: 10px;
  border-left: 1px dotted #fff;
}
@media screen and (max-width: 768px) {
  .choice-point__item.-medium span {
    font-size: clamp(12px, 3.2vw, 15px);
    padding-left: clamp(5px, 1.3333333333vw, 10px);
  }
}
.choice-point__item.-medium i {
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .choice-point__item.-medium i {
    padding-right: clamp(5px, 1.3333333333vw, 10px);
  }
}
.choice-point__item.-medium i img {
  height: 21px;
}
@media screen and (max-width: 768px) {
  .choice-point__item.-medium i img {
    height: clamp(15px, 4vw, 21px);
  }
}

.zos-mv {
  margin-bottom: -40px;
  background: #fff6f1;
}
.zos-mv__intro {
  position: relative;
  padding: 45px 0 75px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-mv__intro {
    padding: 5.3333333333vw 0 10.6666666667vw;
  }
}
.zos-mv__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .zos-mv__title {
    gap: 5.3333333333vw;
  }
}
.zos-mv__head {
  font-size: 49px;
  color: #151515;
  line-height: 1.6;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .zos-mv__head {
    margin-bottom: -6.6666666667vw;
    font-size: 6.5333333333vw;
  }
}
.zos-mv__head span {
  font-weight: bold;
  color: #eb5c02;
  background: linear-gradient(#fff6f1 60%, transparent 60%), url("../img/zero-one-support/dot_bg_01.png");
}
.zos-mv__lead {
  order: -1;
}
@media screen and (max-width: 768px) {
  .zos-mv__lead {
    width: 62.4vw;
  }
}
.zos-mv__lead img {
  width: 100%;
}
.zos-mv__mv {
  position: absolute;
  display: block;
  width: min(93.6280884265vw, 790px);
  top: 30px;
  right: -60px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .zos-mv__mv {
    position: inherit;
    top: auto;
    right: auto;
  }
}
.zos-mv__mv img {
  width: 100%;
}
.zos-mv__wrap {
  position: relative;
  border-top: 4px solid #f3eae6;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .zos-mv__wrap {
    display: flow-root;
    padding-bottom: 70px;
  }
}
.zos-mv__heading {
  position: relative;
  width: 251px;
  margin-bottom: 20px;
  transform: translateY(-4px);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-mv__heading {
    float: left;
    width: 35.7333333333vw;
    max-width: 238px;
    margin: 0 20px 20px 0;
  }
}
.zos-mv__heading img {
  width: 100%;
}
.zos-mv__item {
  display: flex;
  gap: 20px 10px;
}
@media screen and (max-width: 1020px) {
  .zos-mv__item {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .zos-mv__item {
    display: block;
    padding-top: 20px;
  }
}
.zos-mv__txt {
  max-width: 570px;
  font-size: 15px;
  line-height: 2;
  color: #151515;
}
@media screen and (max-width: 1020px) {
  .zos-mv__txt {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .zos-mv__txt {
    margin-bottom: 15px;
  }
}
.zos-mv__image {
  flex-shrink: 0;
  width: 420px;
  margin-top: -20px;
}
@media screen and (max-width: 768px) {
  .zos-mv__image {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }
}
.zos-mv__image img {
  width: 100%;
}

.zos-intro {
  padding: 70px 0 90px;
  border-top: 4px solid #e57130;
  background: #f67934;
}
@media screen and (max-width: 768px) {
  .zos-intro {
    padding: 18.6666666667vw 0 90px;
  }
}
.zos-intro__head {
  margin-bottom: 90px;
  font-size: 48px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .zos-intro__head {
    margin-bottom: 10.6666666667vw;
    font-size: 6.4vw;
    letter-spacing: 0;
  }
}
.zos-intro__head span {
  background: linear-gradient(#f67934 60%, transparent 60%), url("../img/zero-one-support/dot_bg_02.png");
}
.zos-intro__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .zos-intro__columns {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.zos-intro__column {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 1;
}
.zos-intro__column::before, .zos-intro__column::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.zos-intro__column::before {
  top: 10px;
  right: -10px;
  background: url("../img/zero-one-support/dot_bg_03.png");
}
.zos-intro__column::after {
  top: 0;
  left: 0;
  background: #fff;
}
.zos-intro__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-bottom: 25px;
  font-size: 26px;
  color: #eb5c02;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
}
@media screen and (max-width: 768px) {
  .zos-intro__heading {
    font-size: min(6.9333333333vw, 32px);
  }
}
.zos-intro__heading::after {
  content: attr(data-attr);
  font-size: 11px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .zos-intro__heading::after {
    font-size: min(2.9333333333vw, 16px);
  }
}
.zos-intro__image {
  order: -1;
  margin-bottom: 40px;
}
.zos-intro__image img {
  width: 100%;
}
.zos-intro__task {
  margin-bottom: 20px;
  padding: 0 40px;
}
.zos-intro__task li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 77px;
  padding: 15px 0;
  font-size: 14px;
  line-height: 1.5714285714;
  border-bottom: 1px dashed #bfbfbf;
}
@media screen and (max-width: 768px) {
  .zos-intro__task li {
    font-size: min(3.7333333333vw, 18px);
  }
}
.zos-intro__task li i {
  flex-shrink: 0;
  display: flex;
  width: 19px;
}
@media screen and (max-width: 768px) {
  .zos-intro__task li i {
    width: 5.0666666667vw;
    max-width: 26px;
  }
}
.zos-intro__task li i svg {
  width: 100%;
}
.zos-intro__task li:first-child {
  border-top: 1px dashed #bfbfbf;
}
.zos-intro__summary {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 8px 0 35px;
  font-size: 14px;
  background: #f3faff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-intro__summary {
    font-size: min(3.7333333333vw, 22px);
  }
}
.zos-intro__summary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  border-width: 50px min(23.4070221066vw, 240px) 0 min(23.4070221066vw, 240px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .zos-intro__summary::before {
    border-width: 50px 45.8666666667vw 0 45.8666666667vw;
  }
}
.zos-intro__summary small {
  font-size: 14px;
  color: #388fcc;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
}
@media screen and (max-width: 768px) {
  .zos-intro__summary small {
    font-size: min(3.7333333333vw, 22px);
  }
}
.zos-intro__summary i {
  aspect-ratio: 1;
  width: 30px;
}
.zos-intro__summary i svg {
  width: 100%;
}
.zos-intro__summary em {
  font-size: 30px;
  font-weight: bold;
  color: #388fcc;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zos-intro__summary em {
    font-size: min(5.3333333333vw, 36px);
  }
}
.zos-intro__summary em span {
  background: linear-gradient(#f3faff 60%, transparent 60%), url("../img/zero-one-support/dot_bg_04.png");
}

.zos-solve {
  position: relative;
  padding: 90px 0 150px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-solve {
    padding: 60px 0;
  }
}
.zos-solve::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-color: #f67834 transparent transparent transparent;
  border-style: solid;
  border-width: 80px 245px 0 245px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .zos-solve::before {
    border-width: 60px 50vw 0 50vw;
  }
}
.zos-solve__title {
  position: relative;
}
@media screen and (max-width: 768px) {
  .zos-solve__title {
    display: flex;
    flex-direction: column;
  }
}
.zos-solve__head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 75px;
  font-size: 48px;
  line-height: 1.7;
  font-weight: bold;
  color: #191919;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
}
@media screen and (max-width: 1020px) {
  .zos-solve__head {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .zos-solve__head {
    align-items: center;
    font-size: min(6.4vw, 28px);
  }
}
.zos-solve__head span, .zos-solve__head em {
  color: #f67934;
  background: linear-gradient(#fffcfa 60%, transparent 60%), url("../img/zero-one-support/dot_bg_05.png");
}
.zos-solve__head span {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .zos-solve__head span {
    font-size: min(8vw, 40px);
  }
}
.zos-solve__head em {
  font-size: 72px;
}
@media screen and (max-width: 768px) {
  .zos-solve__head em {
    font-size: min(9.6vw, 50px);
  }
}
.zos-solve__lead {
  position: absolute;
  width: 688px;
  top: -90px;
  right: -100px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .zos-solve__lead {
    position: inherit;
    top: auto;
    right: auto;
    order: -1;
    width: 100vw;
    margin: 0 calc(50% - 50vw) 8vw;
  }
}
.zos-solve__lead img {
  width: 100%;
}
.zos-solve__fig {
  display: none;
}
@media screen and (max-width: 1020px) {
  .zos-solve__fig {
    display: block;
    width: 250px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .zos-solve__fig {
    width: 62.6666666667vw;
    max-width: 250px;
    margin: 0 auto min(8vw, 40px);
  }
}
.zos-solve__fig img {
  width: 100%;
}
.zos-solve__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .zos-solve__columns {
    grid-template-columns: 1fr;
  }
}
.zos-solve__column {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 60px;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-solve__column {
    padding-bottom: 5.3333333333vw;
  }
}
.zos-solve__column::before, .zos-solve__column::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.zos-solve__column::before {
  top: 10px;
  right: -10px;
  background: url("../img/zero-one-support/dot_bg_06.png");
}
.zos-solve__column::after {
  top: 0;
  left: 0;
  background: #fff;
}
.zos-solve__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-bottom: 25px;
  font-size: 26px;
  color: #eb5c02;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
}
@media screen and (max-width: 768px) {
  .zos-solve__heading {
    font-size: min(6.9333333333vw, 32px);
  }
}
.zos-solve__heading::after {
  content: attr(data-attr);
  font-size: 11px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .zos-solve__heading::after {
    font-size: min(2.9333333333vw, 16px);
  }
}
.zos-solve__item {
  position: relative;
  order: -1;
  margin-bottom: 36px;
}
.zos-solve__image img {
  width: 100%;
}
.zos-solve__point {
  position: absolute;
  bottom: 10px;
  left: -10px;
  padding: 10px 20px 10px 30px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #f67934;
}
@media screen and (max-width: 768px) {
  .zos-solve__point {
    bottom: 2.6666666667vw;
    font-size: min(4.2666666667vw, 20px);
  }
}
.zos-solve__point::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  border-color: transparent transparent #cf642b transparent;
  border-style: solid;
  border-width: 0 0 10px 10px;
}
.zos-solve__txt {
  padding: 0 40px;
  font-size: 14px;
  line-height: 2;
  font-weight: bold;
  color: #151515;
}
@media screen and (max-width: 768px) {
  .zos-solve__txt {
    padding: 0 5.3333333333vw;
    font-size: min(3.7333333333vw, 16px);
  }
}
.zos-solve__txt strong {
  font-size: 16px;
  color: #f67934;
}
@media screen and (max-width: 768px) {
  .zos-solve__txt strong {
    font-size: min(4.2666666667vw, 18px);
  }
}
.zos-solve__txt b {
  background: linear-gradient(transparent 60%, #fff572 60%);
}

.zos-nav {
  background: #f67934;
}
.zos-nav__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 50px 0 30px;
  font-weight: bold;
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
}
@media screen and (max-width: 768px) {
  .zos-nav__head {
    padding-bottom: 20px;
  }
}
.zos-nav__head::after {
  content: attr(data-attr);
  margin-top: 10px;
  font-size: 22px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .zos-nav__head::after {
    margin-top: min(1.3333333333vw, 10px);
    font-size: min(5.8666666667vw, 28px);
  }
}
.zos-nav__head small {
  display: flex;
  justify-content: center;
  gap: 0.5em;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .zos-nav__head small {
    font-size: min(3.7333333333vw, 18px);
  }
}
.zos-nav__head small::before {
  content: "＼";
}
.zos-nav__head small::after {
  content: "／";
}
.zos-nav__head em {
  padding: 0 10px;
  font-size: 72px;
  line-height: 1;
  background: linear-gradient(#f67934 70%, transparent 60%), url("../img/zero-one-support/dot_bg_02.png");
}
@media screen and (max-width: 768px) {
  .zos-nav__head em {
    font-size: min(9.0666666667vw, 44px);
  }
}
.zos-nav__head em span {
  font-size: 48px;
}
@media screen and (max-width: 768px) {
  .zos-nav__head em span {
    font-size: min(3.2vw, 16px);
  }
}
.zos-nav__items {
  display: flex;
  justify-content: center;
  gap: 30px;
  transform: translateY(30px);
}
@media screen and (max-width: 768px) {
  .zos-nav__items {
    transform: translateY(4.8vw);
  }
}
.zos-nav__item {
  width: 270px;
}
.zos-nav__item a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-top: 2px;
  font-size: 18px;
  font-weight: bold;
  color: #f67934;
  border-bottom: 2px solid #e5e5e5;
  border-radius: 30px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .zos-nav__item a {
    font-size: min(3.7333333333vw, 18px);
    height: 9.6vw;
    border-radius: 4.8vw;
  }
}
.zos-nav__item a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #f67934;
  border-right: 2px solid #f67934;
}

.zos-service {
  padding-bottom: 50px;
  background: #fff6f1;
}
@media screen and (max-width: 768px) {
  .zos-service {
    padding-bottom: 0;
  }
}
.zos-service__intro {
  display: flex;
  flex-direction: column;
  gap: 100px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .zos-service__intro {
    gap: 70px;
    margin-bottom: min(13.3333333333vw, 60px);
  }
}
.zos-service__head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #eb5c02;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
}
.zos-service__head::before {
  content: attr(data-attr);
  font-size: 18px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .zos-service__head::before {
    font-size: 16px;
  }
}
.zos-service__head span {
  padding: 0 5px;
  font-size: 52px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 10px;
  background: linear-gradient(#fff6f1 60%, transparent 60%), url("../img/zero-one-support/dot_bg_01.png");
}
@media screen and (max-width: 768px) {
  .zos-service__head span {
    font-size: min(7.4666666667vw, 42px);
  }
}
.zos-service__head i {
  position: absolute;
  aspect-ratio: 1;
  width: 88px;
  top: -25px;
}
@media screen and (max-width: 768px) {
  .zos-service__head i {
    width: 44px;
  }
}
.zos-service__head i img {
  width: 100%;
}
.zos-service__head i[data-position=left] {
  transform: rotate(-90deg);
  left: 0;
}
.zos-service__head i[data-position=right] {
  right: 0;
}
.zos-service__mv {
  order: -1;
  height: 240px;
  margin: 0 calc(50% - 50vw);
}
.zos-service__mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zos-service__lead {
  font-size: min(2.210663199vw, 18px);
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zos-service__lead {
    font-size: min(4.2666666667vw, 18px);
  }
}
.zos-service__lead em {
  font-size: 22px;
  font-weight: bold;
  color: #151515;
  background: linear-gradient(transparent 60%, #fff572 60%);
}
@media screen and (max-width: 768px) {
  .zos-service__lead em {
    word-break: auto-phrase;
    font-size: min(4.8vw, 22px);
  }
}
.zos-service__lead + .zos-service__lead {
  margin-top: 20px;
}
.zos-service__lead:last-of-type {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .zos-service__lead:last-of-type {
    margin-bottom: 5.3333333333vw;
  }
}
.zos-service__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  margin-bottom: 65px;
  font-size: 30px;
  font-weight: bold;
  color: #eb5c02;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-service__heading {
    height: min(16vw, 90px);
    margin-bottom: 50px;
    font-size: min(5.8666666667vw, 30px);
  }
}
.zos-service__heading::before, .zos-service__heading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.zos-service__heading::before {
  top: 10px;
  right: -10px;
  background: url("../img/zero-one-support/dot_bg_06.png");
}
.zos-service__heading::after {
  top: 0;
  left: 0;
  background: #fff;
}

.zos-step {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .zos-step__wrap {
    margin: 0 0 30px -9px;
    padding: 9px 0 0 9px;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  .zos-step__wrap::-webkit-scrollbar {
    height: 10px;
    background: #151515;
  }
}
@media screen and (max-width: 768px) {
  .zos-step__wrap::-webkit-scrollbar-thumb {
    background: #eb5c02;
  }
}
.zos-step__items {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #151515;
}
@media screen and (max-width: 768px) {
  .zos-step__items {
    width: 720px;
    margin: 0 auto;
    border-bottom: 1px solid #151515;
  }
}
.zos-step__items::after {
  content: "";
  position: absolute;
  top: -6px;
  right: -2px;
  border-color: transparent transparent transparent #151515;
  border-style: solid;
  border-width: 5.5px 0 5.5px 7px;
}
.zos-step__item {
  position: relative;
  padding: 25px 20px;
  border-left: 1px dashed #151515;
}
.zos-step__item::after {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  top: -9px;
  left: -9px;
  border-radius: 50%;
  background: #eb5c02;
}
.zos-step__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
}
.zos-step__heading::before {
  content: attr(data-attr);
  font-size: 14px;
  line-height: 1.5714285714;
  color: #eb5c02;
  text-transform: uppercase;
}
.zos-step__heading b {
  color: #eb5c02;
}
.zos-step__image {
  max-width: 291px;
  margin: 0 auto 15px;
}
.zos-step__image img {
  width: 100%;
}
.zos-step__foot {
  padding: 45px min(5.2015604681vw, 80px);
  border: 1px dashed #151515;
}
@media screen and (max-width: 768px) {
  .zos-step__foot {
    padding: 20px 5.3333333333vw;
  }
}
.zos-step__summary {
  margin-bottom: 25px;
  padding-bottom: 10px;
  word-break: auto-phrase;
  font-size: 30px;
  line-height: 1.6;
  color: #eb5c02;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  font-feature-settings: "palt";
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #eb5c02;
}
@media screen and (max-width: 768px) {
  .zos-step__summary {
    font-size: min(5.3333333333vw, 30px);
  }
}
.zos-step__txt {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.6111111111;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zos-step__txt {
    font-size: min(3.7333333333vw, 16px);
  }
}
.zos-step__pic {
  max-width: 834px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .zos-step__pic {
    max-width: 616px;
  }
}
.zos-step__pic img {
  width: 100%;
}

.zos-example {
  position: relative;
  z-index: 1;
}
.zos-example::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10px;
  right: -10px;
  background: url("../img/zero-one-support/dot_bg_06.png");
  z-index: -1;
}
.zos-example + .zos-example {
  margin-top: 50px;
}
.zos-example:last-of-type {
  margin-bottom: 50px;
}
.zos-example__wrap {
  position: relative;
  padding: 50px min(3.9011703511vw, 50px);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .zos-example__wrap {
    padding: 50px 5.3333333333vw 5.3333333333vw;
  }
}
.zos-example__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-color: #f67934 transparent transparent transparent;
  border-style: solid;
  border-width: 70px 70px 0 0;
}
@media screen and (max-width: 768px) {
  .zos-example__wrap::before {
    border-width: 35px 35px 0 0;
  }
}
.zos-example__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .zos-example__head {
    display: block;
    text-align: center;
  }
}
.zos-example__head small {
  display: flex;
  justify-content: center;
  gap: 0.5em;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.625;
  color: #151515;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .zos-example__head small {
    font-size: min(3.2vw, 14px);
  }
}
.zos-example__head small::before, .zos-example__head small::after {
  content: "-";
}
.zos-example__head span {
  font-size: 30px;
  color: #eb5c02;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  background: linear-gradient(#fff 60%, transparent 60%), url("../img/zero-one-support/dot_bg_01.png");
}
@media screen and (max-width: 768px) {
  .zos-example__head span {
    word-break: auto-phrase;
    font-size: min(5.3333333333vw, 30px);
  }
}
.zos-example__item {
  margin-bottom: 50px;
}
.zos-example__heading {
  margin-bottom: 35px;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: bold;
  color: #eb5c02;
  border-left: 3px solid #eb5c02;
  background: #fff6f1;
}
.zos-example__detail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .zos-example__detail {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.zos-example__txt {
  width: 503px;
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .zos-example__txt {
    width: 100%;
  }
}
.zos-example__fig {
  width: 357px;
}
@media screen and (max-width: 768px) {
  .zos-example__fig {
    width: 100%;
    max-width: 357px;
  }
}
.zos-example__fig img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .zos-example__scroll {
    overflow-x: scroll;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .zos-example__scroll::-webkit-scrollbar {
    height: 10px;
    background: #151515;
  }
}
@media screen and (max-width: 768px) {
  .zos-example__scroll::-webkit-scrollbar-thumb {
    background: #eb5c02;
  }
}
.zos-example__data {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(3.9011703511vw, 52px);
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .zos-example__data {
    width: 840px;
  }
}
.zos-example__desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.zos-example__desc dt {
  width: 100%;
  max-width: 262px;
}
.zos-example-detail__head {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  padding-top: 35px;
  font-size: 24px;
  font-weight: bold;
  color: #388fcc;
  border-top: 3px solid #d9dadf;
}
@media screen and (max-width: 768px) {
  .zos-example-detail__head {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 768px) {
  .zos-example-detail__wrap {
    padding-top: 15px;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  .zos-example-detail__wrap::-webkit-scrollbar {
    height: 10px;
    background: #151515;
  }
}
@media screen and (max-width: 768px) {
  .zos-example-detail__wrap::-webkit-scrollbar-thumb {
    background: #eb5c02;
  }
}
.zos-example-detail__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px min(3.9011703511vw, 40px);
}
@media screen and (max-width: 768px) {
  .zos-example-detail__columns.-type-1 {
    width: 149.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .zos-example-detail__columns.-type-2 {
    width: 298.9333333333vw;
    grid-template-columns: repeat(4, 1fr);
  }
}
.zos-example-detail__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
  padding: 0 min(2.6007802341vw, 30px) 20px;
  border: 2px solid #d9dadf;
  border-top: 4px solid #eb5c02;
}
@media screen and (max-width: 768px) {
  .zos-example-detail__column {
    padding: 0 5.3333333333vw 20px;
  }
}
.zos-example-detail__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  font-weight: bold;
  color: #eb5c02;
}
.zos-example-detail__heading small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 34px;
  font-size: 18px;
  transform: translateY(-18px);
  border: 2px solid #eb5c02;
  background: #fff;
}
.zos-example-detail__heading span {
  word-break: auto-phrase;
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zos-example-detail__heading span {
    margin: 0 -4.2666666667vw;
  }
}
.zos-example-detail__image {
  width: 151px;
  margin: 0 auto 15px;
}
.zos-example-detail__image img {
  width: 100%;
}
.zos-example-detail__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 15px;
  color: #151515;
}
.zos-example-detail__item dt {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zos-example-detail__item dt {
    font-size: min(4.2666666667vw, 20px);
  }
}
.zos-example-detail__item dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.zos-example-detail__data {
  display: flex;
  justify-content: center;
  padding: 5px 25px;
  white-space: nowrap;
  font-size: 16px;
  font-weight: bold;
  color: #151515;
  border: 1px solid #d9dadf;
}
@media screen and (max-width: 768px) {
  .zos-example-detail__data {
    font-size: min(3.7333333333vw, 16px);
  }
}
.zos-example-detail__data li + li::before {
  content: "|";
}
.zos-example-detail__txt {
  font-size: 14px;
  line-height: 1.8;
}

.zos-example-support {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px min(2.6007802341vw, 30px);
}
@media screen and (max-width: 768px) {
  .zos-example-support {
    grid-template-columns: 1fr;
    gap: min(8vw, 40px);
  }
}
.zos-example-support__item {
  padding: 0 20px 25px;
  border: 2px solid #d9dadf;
  border-top: 2px solid #eb5c02;
}
@media screen and (max-width: 768px) {
  .zos-example-support__item {
    position: relative;
    padding: 25px 2.6666666667vw 2.6666666667vw 112px;
  }
}
.zos-example-support__item.-type-1 {
  border-top: 2px solid #eb5c02;
}
.zos-example-support__item.-type-2 {
  border-top: 2px solid #eb0202;
}
.zos-example-support__item.-type-3 {
  border-top: 2px solid #3bba32;
}
.zos-example-support__item.-type-4 {
  border-top: 2px solid #388fcc;
}
.zos-example-support__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #eb5c02;
}
@media screen and (max-width: 768px) {
  .zos-example-support__heading {
    position: relative;
    display: contents;
    font-size: min(3.7333333333vw, 18px);
  }
}
.zos-example-support__heading small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 27px;
  font-size: 12px;
  border: 2px solid #eb5c02;
  transform: translateY(-15px);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .zos-example-support__heading small {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .zos-example-support__heading i {
    position: absolute;
    width: 82px;
    top: 30px;
    left: 10px;
  }
}
.zos-example-support__heading i img {
  width: 100%;
}
.-type-1 > .zos-example-support__heading {
  color: #eb5c02;
}
.-type-1 > .zos-example-support__heading small {
  border-color: #eb5c02;
}
.-type-2 > .zos-example-support__heading {
  color: #eb0202;
}
.-type-2 > .zos-example-support__heading small {
  border-color: #eb0202;
}
.-type-3 > .zos-example-support__heading {
  color: #3bba32;
}
.-type-3 > .zos-example-support__heading small {
  border-color: #3bba32;
}
.-type-4 > .zos-example-support__heading {
  color: #388fcc;
}
.-type-4 > .zos-example-support__heading small {
  border-color: #388fcc;
}
.zos-example-support__txt {
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .zos-example-support__txt {
    margin-top: 10px;
    font-size: min(3.2vw, 16px);
  }
}

.zos-thing {
  position: relative;
  padding-bottom: 220px;
}
@media screen and (max-width: 768px) {
  .zos-thing {
    padding: 5.3333333333vw 0;
  }
}
.zos-thing__item {
  position: relative;
  width: 720px;
  padding: 50px;
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-thing__item {
    width: 100%;
    padding: 5.3333333333vw;
  }
}
.zos-thing__head {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .zos-thing__head {
    margin-bottom: 15px;
  }
}
.zos-thing__head span {
  font-size: 36px;
  font-weight: bold;
  color: #eb5c02;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  background: linear-gradient(rgba(255, 255, 255, 0.8) 60%, transparent 60%), url("../img/zero-one-support/dot_bg_08.png");
}
@media screen and (max-width: 768px) {
  .zos-thing__head span {
    font-size: min(7.4666666667vw, 36px);
  }
}
.zos-thing__txt {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .zos-thing__txt {
    font-size: min(3.7333333333vw, 16px);
  }
}
.zos-thing__txt + .zos-thing__txt {
  margin-top: 30px;
}
.zos-thing__image {
  position: absolute;
  width: 100%;
  max-width: 963px;
  height: 518px;
  top: 100px;
  right: -220px;
}
@media screen and (max-width: 768px) {
  .zos-thing__image {
    width: 100vw;
    height: 100%;
    top: 0;
    right: 50%;
    transform: translateX(50%);
  }
}
.zos-thing__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zos-cv {
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .zos-cv {
    padding: 5.3333333333vw 0;
    background: #6fb526;
  }
}
.zos-cv__head {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .zos-cv__head {
    position: inherit;
    display: flex;
    justify-content: center;
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    margin-bottom: 20px;
    font-size: min(5.3333333333vw, 30px);
    font-weight: bold;
    color: #fff;
    line-height: 1.6;
  }
}
.zos-cv__btn {
  display: block;
}
@media screen and (max-width: 768px) {
  .zos-cv__btn {
    display: none;
  }
}
.zos-cv__btn img {
  width: 100%;
}
.zos-cv__links {
  display: none;
}
@media screen and (max-width: 768px) {
  .zos-cv__links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.6666666667vw;
    margin: 0 -1.3333333333vw;
  }
}
.zos-cv__link {
  max-width: 500px;
}
.zos-cv__link a {
  display: block;
}
.zos-cv__link a img {
  width: 100%;
}

.zos-service-support__intro {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(3.9011703511vw, 50px);
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .zos-service-support__intro {
    gap: 2.6666666667vw;
    margin-bottom: 30px;
  }
}
.zos-service-support__intro li {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 16px;
  line-height: 1.8;
  color: #151515;
}
@media screen and (max-width: 768px) {
  .zos-service-support__intro li {
    gap: min(2.6666666667vw, 15px);
    font-size: min(3.2vw, 16px);
  }
}
.zos-service-support__intro li b {
  font-weight: bold;
  color: #eb5c02;
}
.zos-service-support__intro li img {
  width: 100%;
}
.zos-service-support__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .zos-service-support__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 4vw;
    margin-bottom: 30px;
  }
}
.zos-service-support__list li {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #eb5c02;
  border: 1px solid #eb5c02;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .zos-service-support__list li {
    gap: 2.6666666667vw;
    padding: 15px 2.6666666667vw;
    font-size: min(3.2vw, 16px);
  }
}
.zos-service-support__list li i {
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
}
.zos-service-support__txt {
  margin-bottom: 60px;
  font-size: min(2.4vw, 24px);
  line-height: 3.2;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  background: url("../img/zero-one-support/arrow.svg") no-repeat 0 0/100%;
}
@media screen and (max-width: 768px) {
  .zos-service-support__txt {
    margin-bottom: 50px;
    padding: 13.3333333333vw 0 5.3333333333vw;
    word-break: auto-phrase;
    font-size: 4.8vw;
    line-height: 1.6;
    text-align: center;
    background: url("../img/zero-one-support/arrow_02.svg") no-repeat center top/26.6666666667vw;
  }
}
.zos-service-support__txt em {
  color: #eb5c02;
}
.zos-service-support__wrap {
  position: relative;
  margin-bottom: 70px;
  padding: 65px 35px 30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-service-support__wrap {
    padding: 250px 5.3333333333vw 5.3333333333vw;
  }
}
.zos-service-support__wrap::before, .zos-service-support__wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.zos-service-support__wrap::before {
  top: 10px;
  right: -10px;
  background: #fff url("../img/zero-one-support/dot_bg_06.png");
  z-index: -1;
}
.zos-service-support__wrap::after {
  top: 0;
  left: 0;
  border: 5px solid #fff;
}
.zos-service-support__head {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 41px;
  top: -19px;
  left: -6px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #f67934;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-service-support__head {
    width: 48vw;
    height: 10.9333333333vw;
    max-height: 62px;
    font-size: min(4.8vw, 28px);
    left: -11px;
  }
}
.zos-service-support__head::before {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 0;
  border-color: transparent #eb5b02 transparent transparent;
  border-style: solid;
  border-width: 0 11px 11px 0;
}
.zos-service-support__example {
  width: 420px;
  border: 1px solid #d8d8d8;
}
@media screen and (max-width: 768px) {
  .zos-service-support__example {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
  }
}
.zos-service-support__example li {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 5px 17px;
  font-size: 17px;
  font-weight: bold;
  color: #388fcc;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .zos-service-support__example li {
    padding: 1.3333333333vw;
    font-size: min(3.2vw, 16px);
  }
}
.zos-service-support__example li i {
  aspect-ratio: 1;
  display: flex;
  width: 19px;
}
.zos-service-support__example li i svg {
  width: 100%;
}
.zos-service-support__example li + li {
  border-top: 1px solid #d8d8d8;
}
.zos-service-support__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.zos-service-support__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
}

.zos-support {
  position: relative;
  margin-bottom: 50px;
  z-index: 1;
}
.zos-support::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10px;
  right: -10px;
  background: #fff url("../img/zero-one-support/dot_bg_06.png");
  z-index: -1;
}
.zos-support__wrap {
  position: relative;
  padding: 50px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .zos-support__wrap {
    padding: 13.3333333333vw 5.3333333333vw 5.3333333333vw;
  }
}
.zos-support__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-color: #f67934 transparent transparent transparent;
  border-style: solid;
  border-width: 70px 70px 0 0;
}
@media screen and (max-width: 768px) {
  .zos-support__wrap::before {
    border-width: 35px 35px 0 0;
  }
}
.zos-support__title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .zos-support__title {
    gap: 30px;
    margin-bottom: 40px;
  }
}
.zos-support__head {
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
}
.zos-support__head > span {
  position: relative;
}
.zos-support__head > span span {
  font-size: 30px;
  font-weight: bold;
  color: #eb5c02;
  line-height: 1.6;
  background: linear-gradient(#fff 60%, transparent 60%), url("../img/zero-one-support/dot_bg_01.png");
}
@media screen and (max-width: 768px) {
  .zos-support__head > span span {
    font-size: min(5.3333333333vw, 30px);
  }
}
.zos-support__head small {
  position: absolute;
  width: 70px;
  top: -35px;
  left: -15px;
}
@media screen and (max-width: 768px) {
  .zos-support__head small {
    width: 13.3333333333vw;
    max-width: 80px;
    top: max(-9.3333333333vw, -50px);
    left: min(2.6666666667vw, 15px);
  }
}
.zos-support__head small svg {
  width: 100%;
}
.zos-support__sub {
  display: flex;
  justify-content: center;
  padding: 0 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #eb5c02;
}
@media screen and (max-width: 768px) {
  .zos-support__sub {
    font-size: min(4.2666666667vw, 18px);
  }
}
.zos-support__intro {
  display: flex;
  gap: 40px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .zos-support__intro {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 60px;
  }
}
.zos-support__image {
  flex-shrink: 0;
  width: 334px;
}
@media screen and (max-width: 768px) {
  .zos-support__image {
    width: 100%;
    max-width: 334px;
  }
}
.zos-support__image img {
  width: 100%;
}
.zos-support__item {
  flex-grow: 1;
}
.zos-support__lead {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .zos-support__lead {
    font-size: min(4.2666666667vw, 18px);
  }
}
.zos-support__lead em {
  font-weight: bold;
  color: #eb5c02;
}
.zos-support__lead + .zos-support__lead {
  margin-top: 10px;
}
.zos-support__nav {
  margin-bottom: 70px;
}
.zos-support__links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1020px) {
  .zos-support__links {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4vw;
  }
}
.zos-support__link a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 20px 20px 20px 60px;
  box-shadow: 4px 3px 0 #fcd4be;
  background: #fff6f1;
}
@media screen and (max-width: 768px) {
  .zos-support__link a {
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw min(10.6666666667vw, 70px);
  }
}
.zos-support__link i {
  position: absolute;
  display: flex;
  flex-shrink: 0;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .zos-support__link i {
    left: 2.6666666667vw;
  }
}
.zos-support__link i svg {
  width: 100%;
}
.zos-support__link i.-type-1 {
  width: 30px;
}
@media screen and (max-width: 768px) {
  .zos-support__link i.-type-1 {
    width: min(5.3333333333vw, 30px);
  }
}
.zos-support__link i.-type-2 {
  width: 30px;
}
@media screen and (max-width: 768px) {
  .zos-support__link i.-type-2 {
    width: min(5.3333333333vw, 30px);
  }
}
.zos-support__link i.-type-3 {
  width: 32px;
}
@media screen and (max-width: 768px) {
  .zos-support__link i.-type-3 {
    width: min(5.8666666667vw, 32px);
  }
}
.zos-support__link i.-type-4 {
  width: 34px;
}
@media screen and (max-width: 768px) {
  .zos-support__link i.-type-4 {
    width: min(6.4vw, 34px);
  }
}
.zos-support__link span {
  font-size: 13px;
  font-weight: bold;
  color: #eb5c02;
}
@media screen and (max-width: 768px) {
  .zos-support__link span {
    font-size: min(2.9333333333vw, 16px);
  }
}

.zos-support-detail + .zos-support-detail {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .zos-support-detail + .zos-support-detail {
    margin-top: min(13.3333333333vw, 60px);
  }
}
.zos-support-detail__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__head {
    margin-bottom: min(8vw, 40px);
  }
}
.zos-support-detail__head::before {
  content: "-" attr(data-num) "-";
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
  color: #c5c5c5;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__head::before {
    font-size: min(4.2666666667vw, 18px);
  }
}
.zos-support-detail__head::after {
  content: attr(data-attr);
  font-size: 11px;
  color: #eb5c02;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__head::after {
    font-size: min(2.9333333333vw, 14px);
  }
}
.zos-support-detail__head span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #151515;
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__head span {
    font-size: min(5.3333333333vw, 30px);
  }
}
.zos-support-detail__head span::before, .zos-support-detail__head span::after {
  content: "";
  flex-grow: 1;
  height: 12px;
  background: url("../img/zero-one-support/dot_bg_09.png");
}
.zos-support-detail__item {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__item {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.zos-support-detail__item + .zos-support-detail__item {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__item + .zos-support-detail__item {
    margin-top: min(10.6666666667vw, 50px);
  }
}
.zos-support-detail__detail {
  max-width: 510px;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__detail {
    max-width: 100%;
    padding: 0;
  }
}
.zos-support-detail__heading {
  position: relative;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #eb5c02;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__heading {
    padding-top: 50px;
    font-size: min(4.2666666667vw, 20px);
    text-align: center;
  }
}
.zos-support-detail__heading::before, .zos-support-detail__heading::after {
  content: "";
  position: absolute;
  background: #eb5c02;
}
.zos-support-detail__heading::before {
  width: 40px;
  height: 1px;
  top: 12px;
  left: -50px;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__heading::before {
    width: 1px;
    height: 40px;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.zos-support-detail__heading::after {
  width: 9px;
  height: 9px;
  top: 8px;
  left: -55px;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__heading::after {
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.zos-support-detail__txt {
  font-size: 16px;
  line-height: 2;
  color: #151515;
}
@media screen and (max-width: 768px) {
  .zos-support-detail__txt {
    font-size: min(3.7333333333vw, 16px);
  }
}
.zos-support-detail__image {
  flex-shrink: 0;
  width: min(32.899869961vw, 343px);
}
@media screen and (max-width: 768px) {
  .zos-support-detail__image {
    order: -1;
    width: 100%;
    max-width: 343px;
  }
}
.zos-support-detail__image img {
  width: 100%;
}
.-reverse > .zos-support-detail__image {
  order: -1;
}

.zos-compare {
  padding: 100px 0;
  background: #f67934;
}
@media screen and (max-width: 768px) {
  .zos-compare {
    padding: 10.6666666667vw 0;
  }
}
.zos-compare__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 48px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  letter-spacing: 3px;
}
.zos-compare__head small {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 757px;
  height: 40px;
  margin-bottom: 45px;
  font-size: 24px;
  color: #eb5c02;
  letter-spacing: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-compare__head small {
    height: auto;
    padding: 2.6666666667vw 0;
    font-size: min(4.8vw, 20px);
  }
}
.zos-compare__head small::before, .zos-compare__head small::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.zos-compare__head small::before {
  top: 10px;
  right: -10px;
  background: url("../img/zero-one-support/dot_bg_10.png");
}
.zos-compare__head small::after {
  top: 0;
  left: 0;
  background: #fff;
}
.zos-compare__head > span {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  font-size: 27px;
}
@media screen and (max-width: 768px) {
  .zos-compare__head > span {
    font-size: min(4.8vw, 20px);
  }
}
.zos-compare__head > span::before, .zos-compare__head > span::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #fff;
}
.zos-compare__head > span b {
  font-size: 43px;
}
@media screen and (max-width: 768px) {
  .zos-compare__head > span b {
    font-size: min(7.4666666667vw, 30px);
  }
}
.zos-compare__head em {
  display: flex;
  gap: 1em;
  font-size: min(4.9414824447vw, 48px);
}
@media screen and (max-width: 768px) {
  .zos-compare__head em {
    flex-direction: column;
    align-items: center;
    gap: 1.3333333333vw;
    font-size: min(7.7333333333vw, 32px);
  }
}
.zos-compare__head em b {
  font-size: 72px;
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 768px) {
  .zos-compare__head em b {
    font-size: min(11.7333333333vw, 50px);
  }
}
.zos-compare__lead {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 370px;
  height: 67px;
  margin: 0 auto -33px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  border: 2px solid #fff;
  background: #f67934;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .zos-compare__lead {
    width: 234px;
    height: 47px;
    font-size: min(3.7333333333vw, 16px);
    margin-bottom: -23px;
  }
}
.zos-compare__wrap {
  position: relative;
  margin-bottom: 60px;
  padding: 80px min(3.9011703511vw, 50px) 50px;
  background: linear-gradient(to right, #f3faff 0%, #f3faff 50%, #fff6f1 50%, #fff6f1 100%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zos-compare__wrap {
    padding: 40px 1.3333333333vw 20px;
  }
}
.zos-compare__wrap::before {
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  height: 15px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #d0682f;
}
.zos-compare__wrap::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  border-color: transparent transparent #f67834 transparent;
  border-style: solid;
  border-width: 0 490px 15px 490px;
}
@media screen and (max-width: 768px) {
  .zos-compare__wrap::after {
    border-width: 0 44.6666666667vw 15px 44.6666666667vw;
  }
}
.zos-compare__item {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}
.zos-compare__pc-table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .zos-compare__pc-table {
    display: none;
  }
}
.zos-compare__pc-table th {
  color: #151515;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
}
.zos-compare__pc-table th span {
  color: #f67934;
}
.zos-compare__pc-table td {
  box-sizing: border-box;
  padding: 20px 0;
}
.zos-compare__pc-table td.-type-1, .zos-compare__pc-table td.-type-4 {
  font-size: 16px;
  line-height: 1.8;
  width: 300px;
}
.zos-compare__pc-table td.-type-1 {
  padding-left: 125px !important;
}
.zos-compare__pc-table td.-type-2 {
  width: 75px;
  padding: 20px 10px !important;
}
.zos-compare__pc-table td.-type-3 {
  text-align: center;
  min-width: 150px;
  white-space: nowrap;
  vertical-align: middle;
}
.zos-compare__pc-table td.-type-3 span {
  color: #151515;
  font-size: 18px;
  font-weight: bold;
  display: block;
  padding: 5px 0;
  position: relative;
}
.zos-compare__pc-table td.-type-3 span::before, .zos-compare__pc-table td.-type-3 span::after {
  background: #151515;
  content: "";
  display: block;
  margin: auto;
  width: 80%;
  height: 1px;
  position: absolute;
  right: 0;
  left: 0;
}
.zos-compare__pc-table td.-type-3 span::before {
  top: 0;
}
.zos-compare__pc-table td.-type-3 span::after {
  bottom: 0;
}
.zos-compare__pc-table td.-type-4 {
  padding-left: 20px !important;
}
.zos-compare__sp-table {
  display: none;
  table-layout: fixed;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table {
    display: table;
  }
}
.zos-compare__sp-table thead th {
  width: 50%;
  padding: 20px 0;
  font-size: 24px;
  font-weight: bold;
  color: #151515;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table thead th {
    padding: 0 0 10px;
    font-size: 3.7333333333vw;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table thead th > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.zos-compare__sp-table thead th > span span {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table thead th > span span {
    position: relative;
    width: 100%;
  }
}
.zos-compare__sp-table thead th > span span::before, .zos-compare__sp-table thead th > span span::after {
  content: "－";
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table thead th > span span::before, .zos-compare__sp-table thead th > span span::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table thead th > span span::before {
    left: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table thead th > span span::after {
    right: 5.3333333333vw;
  }
}
.zos-compare__sp-table thead th i {
  display: none;
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table thead th i {
    display: block;
    height: 100px;
  }
}
.zos-compare__sp-table thead th i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.zos-compare__sp-table thead th b {
  color: #eb5c02;
}
.zos-compare__sp-table tbody th, .zos-compare__sp-table tbody td {
  vertical-align: middle;
}
.zos-compare__sp-table tbody th {
  width: 150px;
  padding: 20px 0;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table tbody th {
    width: 16.8vw;
    padding: 0;
    font-size: 3.2vw;
  }
}
.zos-compare__sp-table tbody th span {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 7px 0;
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table tbody th span {
    padding: 4vw 0;
  }
}
.zos-compare__sp-table tbody th span::before, .zos-compare__sp-table tbody th span::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background: #151515;
}
@media screen and (max-width: 768px) {
  .zos-compare__sp-table tbody th span::before, .zos-compare__sp-table tbody th span::after {
    width: 100%;
    border-top: 1px dashed #878787;
    background: none;
  }
}
.zos-compare__sp-table tbody th span::before {
  top: 0;
}
.zos-compare__sp-table tbody th span::after {
  bottom: 0;
}
.zos-compare__data {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 20px 10px;
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .zos-compare__data {
    gap: 1.3333333333vw;
    padding: 2.6666666667vw 0;
    font-size: 2.9333333333vw;
    line-height: 1.8;
  }
}
.zos-compare__data i {
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 55px;
}
@media screen and (max-width: 768px) {
  .zos-compare__data i {
    width: 8.2666666667vw;
  }
}
.zos-compare__data i svg {
  width: 100%;
}
.zos-compare__data span {
  width: 175px;
}
.zos-compare__data.-reverse {
  flex-direction: row-reverse;
}
.zos-compare__data.-reverse span {
  width: auto;
}
.zos-compare__image {
  position: absolute;
  top: 58%;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .zos-compare__image {
    display: none;
  }
}
.zos-compare__image img {
  width: 100%;
}
.zos-compare__image.-type-1 {
  width: 96px;
  left: -20px;
}
.zos-compare__image.-type-2 {
  width: 147px;
  right: -25px;
}
.zos-compare__txt {
  padding: 20px;
  font-size: 18px;
  line-height: 2;
  text-align: center;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .zos-compare__txt {
    margin: 0 4vw;
    padding: 20px 5.3333333333vw;
    font-size: min(3.2vw, 16px);
    font-weight: bold;
    line-height: 1.6;
  }
}
.zos-compare__txt b {
  font-weight: 400;
  background: linear-gradient(transparent 60%, #fff572 60%);
}
@media screen and (max-width: 768px) {
  .zos-compare__txt b {
    font-weight: bold;
  }
}
.zos-compare__txt em {
  font-weight: bold;
  color: #eb5c02;
}
.zos-compare__summary {
  position: relative;
  padding: 35px 0;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  text-align: center;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 768px) {
  .zos-compare__summary {
    font-size: min(5.0666666667vw, 22px);
  }
}
.zos-compare__summary::before, .zos-compare__summary::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  background: #fff;
}
.zos-compare__summary::before {
  top: 10px;
}
.zos-compare__summary::after {
  bottom: 10px;
}
.zos-compare__summary em {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .zos-compare__summary em {
    font-size: min(8.5333333333vw, 42px);
  }
}
.zos-compare__summary span {
  font-size: 36px;
}
@media screen and (max-width: 768px) {
  .zos-compare__summary span {
    font-size: min(6.9333333333vw, 36px);
  }
}

.zos-faq {
  padding: 100px 0;
  background: #fff6f1;
}
@media screen and (max-width: 768px) {
  .zos-faq {
    padding: 70px 0 50px;
  }
}
.zos-faq__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 50px;
  font-size: 52px;
  font-weight: bold;
  color: #eb5c02;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
}
@media screen and (max-width: 768px) {
  .zos-faq__head {
    margin-bottom: 30px;
    font-size: min(6.9333333333vw, 36px);
  }
}
.zos-faq__head::after {
  content: attr(data-attr);
  font-size: 18px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .zos-faq__head::after {
    font-size: min(3.7333333333vw, 18px);
  }
}
.zos-faq__item {
  padding: 30px min(2.6007802341vw, 40px);
  color: #151515;
  border-radius: 15px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .zos-faq__item {
    padding: 30px 4vw;
  }
}
.zos-faq__item + .zos-faq__item {
  margin-top: 30px;
}
.zos-faq__item dt, .zos-faq__item dd {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .zos-faq__item dt, .zos-faq__item dd {
    gap: 15px;
  }
}
.zos-faq__item dt::before, .zos-faq__item dd::before {
  content: "";
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 33px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Yu Mincho", "YuMincho", serif;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .zos-faq__item dt::before, .zos-faq__item dd::before {
    font-size: min(4.8vw, 20px);
  }
}
.zos-faq__item dt span, .zos-faq__item dd span {
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  .zos-faq__item dt span, .zos-faq__item dd span {
    padding-top: 0;
  }
}
.zos-faq__item dt {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .zos-faq__item dt {
    font-size: min(4.2666666667vw, 18px);
  }
}
.zos-faq__item dt::before {
  content: "Q";
  background: #3099e3;
}
.zos-faq__item dd {
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .zos-faq__item dd {
    font-size: min(3.7333333333vw, 16px);
  }
}
.zos-faq__item dd::before {
  content: "A";
  background: #eb5c02;
}

.rent-mv {
  position: relative;
  padding-top: 75px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .rent-mv {
    padding-top: 2.6666666667vw;
    background: linear-gradient(to bottom, #5484B8 0%, #2F567E 100%);
  }
}
.rent-mv__mv img {
  width: 100%;
}
.rent-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .rent-mv__bg {
    display: none;
  }
}
.rent-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rent-cv {
  padding: 40px 0;
  overflow: hidden;
  box-shadow: 0 4px 4px #ccc;
  background: #dfe8e5;
}
@media screen and (max-width: 768px) {
  .rent-cv {
    padding: 5.3333333333vw 0;
  }
}
.rent-cv__btn {
  position: relative;
  display: block;
  border: 3px solid #fff;
  background: linear-gradient(to bottom, #c21b24 0%, #940109 100%);
}
.rent-cv__btn span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 40px 220px 40px 40px;
  word-break: auto-phrase;
  font-size: 32px;
  color: #fff;
  line-height: 1.6;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .rent-cv__btn span {
    min-height: 80px;
    padding: 15px 120px 15px 4vw;
    font-size: min(4.2666666667vw, 24px);
    font-weight: bold;
  }
}
.rent-cv__btn span::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 100%;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
}
.rent-cv__btn span::after {
  content: "";
  flex-shrink: 0;
  border-style: solid;
  border-width: 15.5px 0 15.5px 16px;
  border-color: transparent transparent transparent #ffffff;
}
@media screen and (max-width: 768px) {
  .rent-cv__btn span::after {
    content: none;
  }
}
.rent-cv__btn i {
  position: absolute;
  aspect-ratio: 1;
  width: 166px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .rent-cv__btn i {
    width: 95px;
  }
}
.rent-cv__btn i svg {
  width: 100%;
}

@keyframes reflect {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.rent-intro {
  padding: 100px 0;
  background: #edf2f4;
}
@media screen and (max-width: 768px) {
  .rent-intro {
    padding: min(13.3333333333vw, 70px) 0;
  }
}
.rent-intro__txt {
  margin: 50px 0;
  font-size: 18px;
  line-height: 2;
  color: #191919;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .rent-intro__txt {
    margin: min(8vw, 40px) 0 5.3333333333vw;
    font-size: min(4vw, 18px);
    line-height: 1.7333333333;
    text-align: left;
  }
}
.rent-intro__txt b {
  font-weight: bold;
  color: #1d3146;
}
.rent-intro__txt em {
  font-weight: bold;
  color: #c21b24;
}
.rent-intro__image img {
  width: 100%;
}

.rent-nav {
  padding: 100px 0;
  background: linear-gradient(to bottom, #2f5780 0%, #1d3146 100%);
}
@media screen and (max-width: 768px) {
  .rent-nav {
    padding: min(13.3333333333vw, 70px) 0;
  }
}
.rent-nav__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(15px, 4vw, 30px);
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .rent-nav__items {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin-top: min(8vw, 40px);
  }
}
.rent-nav__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
.rent-nav__heading {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  word-break: auto-phrase;
  font-size: 22px;
  line-height: 1.5909090909;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #1d3146;
}
@media screen and (max-width: 768px) {
  .rent-nav__heading {
    font-size: min(4.2666666667vw, 22px);
  }
}
.rent-nav__heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #967a53 transparent transparent transparent;
}
.rent-nav__detail {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 15px 25px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .rent-nav__detail {
    gap: min(4vw, 20px);
  }
}
.rent-nav__txt {
  font-size: 18px;
  line-height: 1.5555555556;
  color: #191919;
}
@media screen and (max-width: 768px) {
  .rent-nav__txt {
    font-size: min(3.4666666667vw, 18px);
  }
}
.rent-nav__btn {
  display: block;
  width: 300px;
  margin-top: auto;
  padding: 13px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 48px;
  box-shadow: 0 5px 0 #800007;
  background: #C21B24;
}
@media screen and (max-width: 768px) {
  .rent-nav__btn {
    width: 80%;
    font-size: min(4vw, 16px);
  }
}

.rent-task {
  padding: 100px 0;
  background: #edf2f4;
}
@media screen and (max-width: 768px) {
  .rent-task {
    padding: min(13.3333333333vw, 70px) 0;
  }
}
.rent-task__wrap {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin: 50px 0 100px;
}
@media screen and (max-width: 768px) {
  .rent-task__wrap {
    flex-wrap: wrap;
    margin: min(13.3333333333vw, 40px) 0 55px;
  }
}
.rent-task__item {
  width: 600px;
}
@media screen and (max-width: 768px) {
  .rent-task__item {
    width: 100%;
  }
}
.rent-task__txt {
  font-size: 18px;
  line-height: 1.6111111111;
}
@media screen and (max-width: 768px) {
  .rent-task__txt {
    font-size: min(4vw, 18px);
  }
}
.rent-task__txt b {
  font-weight: bold;
}
.rent-task__txt + .rent-task__txt {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .rent-task__txt + .rent-task__txt {
    margin-top: 0;
  }
}
.rent-task__fig {
  flex-shrink: 0;
  width: 370px;
}
@media screen and (max-width: 768px) {
  .rent-task__fig {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
  }
}
.rent-task__fig i {
  display: block;
}
.rent-task__fig svg {
  width: 100%;
}
.rent-task__heading {
  position: relative;
  display: flex;
  justify-content: center;
  width: 427px;
  height: 114px;
  margin: 0 auto -60px;
  padding-top: 22px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .rent-task__heading {
    width: 72vw;
    max-width: 427px;
    height: 19.2vw;
    max-height: 114px;
    margin-bottom: -10.6666666667vw;
    padding-top: min(4.2666666667vw, 22px);
  }
}
.rent-task__heading span {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rent-task__heading span {
    font-size: min(4.8vw, 30px);
  }
}
.rent-task__heading i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.rent-task__heading i svg {
  width: 100%;
}
.rent-task__types {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 25px;
  padding: 60px 30px 30px;
  border: 3px solid #fff;
  background: linear-gradient(to bottom, #2f5780 0%, #1d3146 100%);
}
@media screen and (max-width: 768px) {
  .rent-task__types {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 2.6666666667vw;
    padding: 13.3333333333vw 4vw 4vw;
  }
}
.rent-task__type {
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}
.rent-task__type dt {
  padding: 7px 0;
  font-size: 22px;
  line-height: 1.5909090909;
  color: #fff;
  box-shadow: -1px 0 5px #313131;
  background: #1d3146;
}
@media screen and (max-width: 768px) {
  .rent-task__type dt {
    font-size: min(4vw, 22px);
  }
}
.rent-task__type dd {
  padding: 11px 0;
  font-size: min(3.3810143043vw, 30px);
  line-height: 1.6;
  color: #c21b24;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .rent-task__type dd {
    font-size: min(4.8vw, 26px);
  }
}
.rent-task__note {
  display: block;
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.5555555556;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .rent-task__note {
    font-size: min(3.7333333333vw, 18px);
  }
}

.rent-fee {
  position: relative;
  padding: 100px 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .rent-fee {
    padding: min(13.3333333333vw, 70px) 0;
    background: linear-gradient(to bottom, #5484B8 0%, #2F567E 100%);
  }
}
.rent-fee__lead {
  display: flex;
  justify-content: center;
  margin: 50px 0;
  font-size: 18px;
  line-height: 1.5555555556;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rent-fee__lead {
    margin: 30px 0;
    font-size: min(4vw, 18px);
  }
}
.rent-fee__heading {
  padding: 7px 0;
  font-size: 30px;
  line-height: 1.6;
  font-weight: bold;
  color: #fff;
  text-align: center;
  box-shadow: -1px 0 5px #313131;
  background: #1d3146;
}
@media screen and (max-width: 768px) {
  .rent-fee__heading {
    font-size: min(4.8vw, 30px);
  }
}
.rent-fee__content {
  display: flex;
  gap: 15px;
  padding: 30px min(5.8823529412vw, 60px);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .rent-fee__content {
    flex-wrap: wrap;
    gap: 20px;
    padding: 5.3333333333vw;
  }
}
.rent-fee__item + .rent-fee__item {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .rent-fee__item + .rent-fee__item {
    margin-top: 2.6666666667vw;
  }
}
.rent-fee__point {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 1.5909090909;
  font-weight: bold;
  color: #c21b24;
}
@media screen and (max-width: 768px) {
  .rent-fee__point {
    font-size: min(4.8vw, 22px);
  }
}
.rent-fee__point i {
  aspect-ratio: 20/16.063;
  display: flex;
  flex-shrink: 0;
  width: 20px;
  fill: #c33;
}
.rent-fee__point i svg {
  width: 100%;
}
.rent-fee__list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .rent-fee__list {
    flex-direction: column;
  }
}
.rent-fee__list li {
  font-size: 18px;
  line-height: 1.5555555556;
}
@media screen and (max-width: 768px) {
  .rent-fee__list li {
    font-size: min(4vw, 18px);
  }
}
.rent-fee__list li::before {
  content: "●";
  margin-right: 5px;
}
.rent-fee__txt {
  font-size: 18px;
  line-height: 1.5555555556;
}
@media screen and (max-width: 768px) {
  .rent-fee__txt {
    font-size: min(4vw, 18px);
  }
}
.rent-fee__image {
  flex-shrink: 0;
  width: 290px;
  margin-bottom: -60px;
  transform: translateY(-60px);
}
@media screen and (max-width: 768px) {
  .rent-fee__image {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    transform: none;
  }
}
.rent-fee__image img {
  width: 100%;
}
.rent-fee__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .rent-fee__bg {
    display: none;
  }
}
.rent-fee__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.rent-plan {
  margin-top: 50px;
}
.rent-plan__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #fff;
  border-bottom: 2px solid #fff;
}
.rent-plan__head [lang=en] {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.rent-plan__head [lang=en]::before, .rent-plan__head [lang=en]::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #fff;
}
.rent-plan__head [lang=ja] {
  font-size: 30px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .rent-plan__head [lang=ja] {
    font-size: min(5.8666666667vw, 30px);
    text-align: center;
  }
}
.rent-plan__lead {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 1.5555555556;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rent-plan__lead {
    margin-bottom: 30px;
    font-size: min(4vw, 18px);
  }
}
.rent-plan__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .rent-plan__items {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.rent-plan__item dt {
  display: flex;
  justify-content: center;
  padding: 9px 0;
  font-size: 22px;
  line-height: 1.5909090909;
  font-weight: bold;
  color: #fff;
  background: #1d3146;
}
@media screen and (max-width: 768px) {
  .rent-plan__item dt {
    font-size: min(4.2666666667vw, 22px);
  }
}
.rent-plan__item dd {
  padding: 15px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .rent-plan__item dd {
    padding: 13px 3.4666666667vw;
  }
}

.rest-target {
  padding: 100px 0;
  background: #edf2f4;
}
@media screen and (max-width: 768px) {
  .rest-target {
    padding: min(13.3333333333vw, 70px) 0;
  }
}
.rest-target__lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 50px 0;
  padding-bottom: 10px;
  font-weight: bold;
  color: #1d3146;
  border-bottom: 2px solid #1d3146;
}
@media screen and (max-width: 768px) {
  .rest-target__lead {
    margin: 30px 0;
  }
}
.rest-target__lead span {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.rest-target__lead span::before, .rest-target__lead span::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #1d3146;
}
.rest-target__lead em {
  font-size: 30px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .rest-target__lead em {
    word-break: auto-phrase;
    font-size: min(5.8666666667vw, 30px);
    text-align: center;
  }
}
.rest-target__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px min(6.1274509804vw, 62.5px);
}
@media screen and (max-width: 1020px) {
  .rest-target__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 600px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .rest-target__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2.6666666667vw;
    width: 100%;
  }
}
.rest-target__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .rest-target__item {
    width: 150px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .rest-target__item {
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    width: 100%;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .rest-target__item i {
    width: 80px;
    padding: 10px;
    background: #967a53;
  }
}
.rest-target__item i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .rest-target__item span {
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding-left: 10px;
    background: linear-gradient(to right, #5484B8 0%, #2F567E 100%);
  }
}

.rent-simulation {
  padding: 100px 0;
  background: linear-gradient(to bottom, #2f5780 0%, #1d3146 100%);
}
@media screen and (max-width: 768px) {
  .rent-simulation {
    padding: min(13.3333333333vw, 70px) 0;
  }
}
.rent-simulation__intro {
  display: flex;
  gap: 30px;
  margin: 50px 0;
}
@media screen and (max-width: 768px) {
  .rent-simulation__intro {
    flex-wrap: wrap;
    gap: min(8vw, 40px);
    margin: 30px 0 max(8vw, 30px);
  }
}
.rent-simulation__txt {
  font-size: 18px;
  line-height: 1.5555555556;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rent-simulation__txt {
    font-size: min(4vw, 18px);
  }
}
.rent-simulation__txt b {
  font-weight: bold;
  color: #f4cb21;
}
.rent-simulation__txt + .rent-simulation__txt {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .rent-simulation__txt + .rent-simulation__txt {
    margin-top: 20px;
  }
}
.rent-simulation__image {
  flex-shrink: 0;
  width: 370px;
}
@media screen and (max-width: 768px) {
  .rent-simulation__image {
    width: 100%;
  }
}
.rent-simulation__image img {
  width: 100%;
}
.rent-simulation__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #fff;
  border-bottom: 2px solid #fff;
}
.rent-simulation__heading [lang=en] {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.rent-simulation__heading [lang=en]::before, .rent-simulation__heading [lang=en]::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #fff;
}
.rent-simulation__heading [lang=ja] {
  font-size: 30px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .rent-simulation__heading [lang=ja] {
    word-break: auto-phrase;
    font-size: min(5.8666666667vw, 30px);
    text-align: center;
  }
}
.rent-simulation__pic {
  max-width: 900px;
  margin: 0 auto;
}
.rent-simulation__pic img {
  width: 100%;
}

.rent-point {
  padding: 100px 0;
  background: #edf2f4;
}
@media screen and (max-width: 768px) {
  .rent-point {
    padding: min(13.3333333333vw, 70px) 0;
  }
}
.rent-point__items {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .rent-point__items {
    margin-top: 30px;
  }
}
.rent-point__item + .rent-point__item {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .rent-point__item + .rent-point__item {
    margin-top: min(8vw, 50px);
  }
}
.rent-point__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #1d3146;
  border-bottom: 2px solid #1d3146;
}
.rent-point__heading small {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.rent-point__heading small::before, .rent-point__heading small::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #1d3146;
}
.rent-point__heading span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 30px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .rent-point__heading span {
    display: block;
    word-break: auto-phrase;
    font-size: min(5.8666666667vw, 30px);
    text-align: center;
  }
}
.rent-point__heading span::before {
  content: attr(data-num);
  display: inline-flex;
  justify-content: center;
  width: 33px;
  font-size: 21px;
  line-height: 1.5714285714;
  color: #fff;
  border-radius: 50%;
  background: #1d3146;
}
@media screen and (max-width: 768px) {
  .rent-point__heading span::before {
    aspect-ratio: 1;
    align-items: center;
    width: min(5.3333333333vw, 33px);
    font-size: min(4.2666666667vw, 21px);
    line-height: 1;
  }
}
.rent-point__content + .rent-point__content {
  margin-top: 30px;
}
.rent-point__lead {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  padding: 10px 0;
  font-size: 22px;
  line-height: 1.5909090909;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom, #2f5780 0%, #1d3146 100%);
}
@media screen and (max-width: 768px) {
  .rent-point__lead {
    font-size: min(4.8vw, 22px);
    text-align: center;
    background: linear-gradient(to right, #5484B8 0%, #2F567E 100%);
  }
}
.rent-point__txt {
  font-size: 18px;
  line-height: 1.5555555556;
}
@media screen and (max-width: 768px) {
  .rent-point__txt {
    font-size: min(4vw, 18px);
  }
}
.rent-point__txt em {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #f4cb21 60%);
}
.rent-point__txt + .rent-point__txt {
  margin-top: 30px;
}
.rent-point__relation {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(475px, 1fr));
  gap: 30px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .rent-point__relation {
    grid-template-columns: 1fr;
    gap: 2.6666666667vw;
    margin-top: 30px;
  }
}
.rent-point__relation li {
  display: flex;
  min-height: 130px;
}
@media screen and (max-width: 768px) {
  .rent-point__relation li {
    min-height: 80px;
  }
}
.rent-point__relation li span {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 15px 15px 15px 30px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to right, #2f5780 0%, #223a54 100%);
}
@media screen and (max-width: 768px) {
  .rent-point__relation li span {
    padding-left: min(4vw, 30px);
    font-size: min(3.7333333333vw, 20px);
    background: linear-gradient(to right, #5484B8 0%, #2F567E 100%);
  }
}
.rent-point__relation li i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 130px;
  background: #1d3146;
}
@media screen and (max-width: 768px) {
  .rent-point__relation li i {
    width: 87px;
  }
}
.rent-point__relation li i img {
  width: 80px;
}
@media screen and (max-width: 768px) {
  .rent-point__relation li i img {
    width: 50px;
  }
}
.rent-point__flows {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .rent-point__flows {
    grid-template-columns: 1fr;
  }
}
.rent-point__flow {
  position: relative;
}
.rent-point__flow::before, .rent-point__flow::after {
  content: "";
  position: absolute;
  top: 0;
  border-style: solid;
  border-width: 70px 0 70px 15px;
}
@media screen and (max-width: 768px) {
  .rent-point__flow::before, .rent-point__flow::after {
    transform: translateX(-50%);
    border-width: 20px 30px 0 30px;
  }
}
.rent-point__flow::before {
  left: 0;
  border-color: transparent transparent transparent #edf4f2;
}
@media screen and (max-width: 768px) {
  .rent-point__flow::before {
    top: 0;
    left: 50%;
    border-color: #edf4f2 transparent transparent transparent;
  }
}
.rent-point__flow::after {
  left: 100%;
}
@media screen and (max-width: 768px) {
  .rent-point__flow::after {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.rent-point__flow ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 140px;
  padding: 15px min(0.6501950585vw, 15px) 15px min(2.6007802341vw, 30px);
}
@media screen and (max-width: 768px) {
  .rent-point__flow ul {
    align-items: center;
    height: auto;
    padding: 30px 4vw 20px;
  }
}
.rent-point__flow ul li {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-size: min(1.8205461638vw, 16px);
  line-height: 1.625;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rent-point__flow ul li {
    font-size: min(4.2666666667vw, 22px);
  }
}
.rent-point__flow ul li i {
  aspect-ratio: 20/16.063;
  display: flex;
  flex-shrink: 0;
  gap: 5px;
  width: 15px;
  fill: #fff;
}
.rent-point__flow ul li i svg {
  width: 100%;
}
.rent-point__flow.-type-1 {
  background: #2a5178;
}
.rent-point__flow.-type-1::before {
  content: none;
}
.rent-point__flow.-type-1::after {
  border-color: transparent transparent transparent #2a5178;
}
@media screen and (max-width: 768px) {
  .rent-point__flow.-type-1::after {
    border-color: #2a5178 transparent transparent transparent;
  }
}
.rent-point__flow.-type-1 ul {
  padding-left: 15px;
}
.rent-point__flow.-type-2 {
  background: #cb9400;
}
.rent-point__flow.-type-2::after {
  border-color: transparent transparent transparent #cb9400;
}
@media screen and (max-width: 768px) {
  .rent-point__flow.-type-2::after {
    border-color: #cb9400 transparent transparent transparent;
  }
}
.rent-point__flow.-type-3 {
  background: #c55402;
}
.rent-point__flow.-type-3::after {
  border-color: transparent transparent transparent #c55402;
}
@media screen and (max-width: 768px) {
  .rent-point__flow.-type-3::after {
    border-color: #c55402 transparent transparent transparent;
  }
}
.rent-point__flow.-type-4 {
  background: #991e23;
}
.rent-point__flow.-type-4::after {
  content: none;
}
.rent-point__flow.-type-4 ul {
  align-items: center;
}
.rent-point__cost {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 30px;
  margin-bottom: 50px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .rent-point__cost {
    gap: 0 10px;
    margin-bottom: 30px;
  }
}
.rent-point__cost li {
  display: flex;
  gap: 5px;
  font-size: 22px;
  line-height: 1.5909090909;
  font-weight: bold;
  color: #c21b24;
}
@media screen and (max-width: 768px) {
  .rent-point__cost li {
    font-size: min(4vw, 18px);
  }
}
.rent-point__cost li i {
  aspect-ratio: 20/16.063;
  display: flex;
  flex-shrink: 0;
  width: 20px;
  fill: #c33;
}
.rent-point__cost li i svg {
  width: 100%;
}
.rent-point__table {
  width: 570px;
  margin: 0 auto 50px;
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: bold;
  border: 2px solid #1d3146;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .rent-point__table {
    width: 100%;
  }
}
.rent-point__table th, .rent-point__table td {
  text-align: center;
  vertical-align: middle;
  border-bottom: 2px solid #1d3146;
}
.rent-point__table td {
  border-left: 2px solid #1d3146;
}
.rent-point__fig img {
  width: 100%;
}
.rent-point__fig + .rent-point__fig {
  margin-top: 30px;
}

.rent-point-fee {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 116px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .rent-point-fee {
    flex-wrap: wrap;
    gap: 21.3333333333vw;
  }
}
.rent-point-fee__items {
  position: relative;
  flex-grow: 1;
}
.rent-point-fee__items::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -95px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 82.5px 0 82.5px 55px;
  border-color: transparent transparent transparent #967a53;
}
@media screen and (max-width: 768px) {
  .rent-point-fee__items::after {
    top: auto;
    bottom: -16vw;
    right: 50%;
    transform: translateX(50%);
    border-width: 12vw 23.3333333333vw 0 23.3333333333vw;
    border-color: #967a53 transparent transparent transparent;
  }
}
.rent-point-fee__item + .rent-point-fee__item {
  margin-top: 30px;
}
.rent-point-fee__heading {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  font-size: min(2.7308192458vw, 22px);
  line-height: 1.5909090909;
  font-weight: bold;
  color: #c21b24;
}
@media screen and (max-width: 768px) {
  .rent-point-fee__heading {
    font-size: min(4.2666666667vw, 21px);
  }
}
.rent-point-fee__heading i {
  aspect-ratio: 20/16.063;
  display: flex;
  width: 20px;
  fill: #c33;
}
.rent-point-fee__heading i svg {
  width: 100%;
}
.rent-point-fee__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .rent-point-fee__list {
    gap: min(2.6666666667vw, 15px);
  }
}
.rent-point-fee__list li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  font-size: min(1.6905071521vw, 14px);
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #c21b24;
}
@media screen and (max-width: 768px) {
  .rent-point-fee__list li {
    min-height: 74px;
    padding: 10px 0;
    font-size: min(3.4666666667vw, 14px);
  }
}
.rent-point-fee__image {
  width: 290px;
}
@media screen and (max-width: 768px) {
  .rent-point-fee__image {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
  }
}
.rent-point-fee__image img {
  width: 100%;
}

.rent-point-alignment {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .rent-point-alignment {
    flex-wrap: wrap;
    margin-top: 30px;
  }
}
.rent-point-alignment__item {
  width: 600px;
}
@media screen and (max-width: 768px) {
  .rent-point-alignment__item {
    width: 100%;
  }
}
.rent-point-alignment__txt {
  font-size: 18px;
  line-height: 1.5555555556;
}
@media screen and (max-width: 768px) {
  .rent-point-alignment__txt {
    font-size: min(4vw, 18px);
  }
}
.rent-point-alignment__txt b {
  font-weight: bold;
}
.rent-point-alignment__txt + .rent-point-alignment__txt {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .rent-point-alignment__txt + .rent-point-alignment__txt {
    margin-top: 0;
  }
}
.rent-point-alignment__image {
  width: 370px;
}
@media screen and (max-width: 768px) {
  .rent-point-alignment__image {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }
}
.rent-point-alignment__image img {
  width: 100%;
}

.rent-point-plan {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .rent-point-plan {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 4vw;
    margin-top: 30px;
  }
}
.rent-point-plan__item {
  display: flex;
  flex-direction: column;
}
.rent-point-plan__heading {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 17px 20px;
  font-size: 22px;
  line-height: 1.5909090909;
  font-weight: bold;
  color: #fff;
  background: #1d3146;
}
@media screen and (max-width: 768px) {
  .rent-point-plan__heading {
    font-size: min(4.2666666667vw, 22px);
  }
}
.rent-point-plan__heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #967a53 transparent transparent transparent;
}
.rent-point-plan__content {
  display: flex;
  flex-grow: 1;
  gap: 30px;
  padding: 10px 20px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .rent-point-plan__content {
    gap: min(4vw, 30px);
    padding: 10px 2.6666666667vw;
  }
}
.rent-point-plan__icon {
  display: flex;
  flex-shrink: 0;
  width: 90px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .rent-point-plan__icon {
    width: 14.6666666667vw;
    max-width: 90px;
  }
}
.rent-point-plan__icon svg {
  width: 100%;
}
.rent-point-plan__detail {
  flex-grow: 1;
}
.rent-point-plan__txt {
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .rent-point-plan__txt {
    font-size: min(3.4666666667vw, 16px);
  }
}
.rent-point-plan__txt em {
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .rent-point-plan__txt em {
    font-size: min(4vw, 18px);
  }
}
.rent-point-plan__txt + .rent-point-plan__txt {
  margin-top: 15px;
}

.rent-example {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(to bottom, #2f5780 0%, #1d3146 100%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .rent-example {
    padding: min(13.3333333333vw, 70px) 0;
    background: linear-gradient(to bottom, #5484B8 0%, #2F567E 100%);
  }
}
.rent-example__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .rent-example__columns {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}
.rent-example__column {
  padding: 15px;
  background: #fff;
}
.rent-example__heading {
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .rent-example__heading {
    align-items: center;
  }
}
.rent-example__heading em {
  flex-shrink: 0;
  width: 70px;
}
.rent-example__heading em img {
  width: 100%;
}
.rent-example__heading span {
  font-size: min(2.210663199vw, 18px);
  line-height: 1.5555555556;
  font-weight: bold;
  color: #1d3146;
}
@media screen and (max-width: 768px) {
  .rent-example__heading span {
    font-size: min(4.8vw, 18px);
  }
}
.rent-example__item {
  display: flex;
  min-height: 50px;
  border-bottom: 1px solid #fff;
}
.rent-example__item dt {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  font-size: 14px;
  color: #fff;
  background: #1d3146;
}
.rent-example__item dd {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 15px;
  font-weight: bold;
  border-left: 2px solid #fff;
  background: #f5f5f5;
}
.rent-example__item dd b {
  color: #c21b24;
}
.rent-example__bg {
  position: absolute;
  width: 100%;
  min-width: 1000px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .rent-example__bg {
    min-width: 0;
  }
}
.rent-example__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rent-support {
  padding: 100px 0;
  background: #edf2f4;
}
@media screen and (max-width: 768px) {
  .rent-support {
    padding: min(13.3333333333vw, 70px) 0;
  }
}
.rent-support__txt {
  margin: 30px 0 50px;
  font-size: 18px;
  line-height: 1.5555555556;
  color: #191919;
}
@media screen and (max-width: 768px) {
  .rent-support__txt {
    margin-bottom: 30px;
    font-size: min(4vw, 18px);
  }
}
.rent-support__items {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .rent-support__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.rent-support__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 150px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .rent-support__item {
    gap: 10px;
    width: 100%;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .rent-support__item i {
    aspect-ratio: 1;
    padding: 2.6666666667vw;
    background: #1d3146;
  }
}
.rent-support__item i img {
  width: 100%;
}

.rent-type {
  padding: 100px 0;
  background: linear-gradient(to bottom, #2f5780 0%, #1d3146 100%);
}
@media screen and (max-width: 768px) {
  .rent-type {
    padding: min(13.3333333333vw, 70px) 0;
    background: linear-gradient(to bottom, #5484B8 0%, #2F567E 100%);
  }
}
.rent-type__lead {
  margin: 30px 0 80px;
  font-size: 18px;
  line-height: 1.5555555556;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rent-type__lead {
    margin-bottom: 30px;
    font-size: min(4vw, 18px);
  }
}
.rent-type__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .rent-type__columns {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 4vw;
  }
}
.rent-type__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
.rent-type__heading {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 17px 20px;
  font-size: 22px;
  line-height: 1.5909090909;
  font-weight: bold;
  color: #fff;
  background: #1d3146;
}
@media screen and (max-width: 768px) {
  .rent-type__heading {
    font-size: min(4.2666666667vw, 22px);
  }
}
.rent-type__heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #967a53 transparent transparent transparent;
}
.rent-type__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 15px 25px;
  background: #fff;
}
.rent-type__image {
  width: 100%;
}
.rent-type__image img {
  width: 100%;
}
.rent-type__txt {
  display: flex;
  justify-content: center;
  font-size: 18px;
  line-height: 1.5555555556;
  color: #191919;
}
@media screen and (max-width: 768px) {
  .rent-type__txt {
    font-size: min(3.4666666667vw, 18px);
  }
}
.rent-type__txt em {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
}

.rent-flow {
  padding: 100px 0;
  background: #edf2f4;
}
@media screen and (max-width: 768px) {
  .rent-flow {
    padding: min(13.3333333333vw, 70px) 0;
  }
}
.rent-flow__items {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .rent-flow__items {
    margin-top: 30px;
  }
}
.rent-flow__item {
  position: relative;
  display: flex;
}
@media screen and (max-width: 768px) {
  .rent-flow__item {
    flex-direction: column;
  }
}
.rent-flow__item + .rent-flow__item {
  margin-top: 50px;
}
.rent-flow__item + .rent-flow__item::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 28px 28px 0 28px;
  border-color: #1d3146 transparent transparent transparent;
}
.rent-flow__heading {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 37%;
  min-height: 124px;
  font-size: 22px;
  color: #fff;
  background: linear-gradient(to bottom, #2f5780 0%, #1d3146 100%);
}
@media screen and (max-width: 768px) {
  .rent-flow__heading {
    width: 100%;
    min-height: 50px;
    font-size: min(4.2666666667vw, 22px);
    font-weight: bold;
    background: linear-gradient(to bottom, #5484B8 0%, #2F567E 100%);
  }
}
.rent-flow__txt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 15px 20px;
  font-size: 18px;
  line-height: 1.5555555556;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .rent-flow__txt {
    font-size: min(3.4666666667vw, 18px);
  }
}

.rent-faq {
  padding: 100px 0;
  background: linear-gradient(to bottom, #2f5780 0%, #1d3146 100%);
}
@media screen and (max-width: 768px) {
  .rent-faq {
    padding: min(13.3333333333vw, 70px) 0;
    background: linear-gradient(to bottom, #5484B8 0%, #2F567E 100%);
  }
}
.rent-faq__wrap {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .rent-faq__wrap {
    margin-top: 30px;
  }
}
.rent-faq__item + .rent-faq__item {
  margin-top: 10px;
}
.rent-faq__heading {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
  background: #1d3146;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .rent-faq__heading {
    padding: 20px 10px;
  }
}
.rent-faq__heading span {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 18px;
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rent-faq__heading span {
    gap: 8px;
    font-size: min(4.2666666667vw, 18px);
  }
}
.rent-faq__heading span::before {
  content: "Q";
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  border-radius: 50%;
  background: #3a556a;
}
.rent-faq__heading i {
  position: relative;
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 22px;
  background: #3a556a;
}
.rent-faq__heading i::before, .rent-faq__heading i::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: #fff;
  transition: rotate 0.3s;
}
.rent-faq__heading i::after {
  rotate: 90deg;
}
[open] > .rent-faq__heading i::before {
  rotate: -45deg;
}
[open] > .rent-faq__heading i::after {
  rotate: 45deg;
}
.rent-faq__content {
  background: #fff;
}
.rent-faq__detail {
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .rent-faq__detail {
    padding: 20px 10px;
  }
}
.rent-faq__txt {
  display: flex;
  align-items: baseline;
  gap: 18px;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .rent-faq__txt {
    gap: 8px;
    font-size: min(3.4666666667vw, 16px);
  }
}
.rent-faq__txt::before {
  content: "A";
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  color: #fff;
  border-radius: 50%;
  background: #c21b24;
}

.araemon p {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .araemon p {
    font-size: min(3.4666666667vw, 16px);
  }
}
.araemon__intro {
  padding: 40px 0;
  background: #d3f7fe;
}
@media screen and (max-width: 768px) {
  .araemon__intro {
    padding: 5.3333333333vw 0;
    background: none;
  }
}
.araemon__cv {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 146px;
  padding: 0 40px;
  font-size: 45px;
  color: #fff;
  overflow: hidden;
  border: 2px solid #fff;
  background: linear-gradient(to bottom, #e91100 0%, #d00f00 100%);
}
@media screen and (max-width: 768px) {
  .araemon__cv {
    justify-content: center;
    height: 14.1333333333vw;
    font-size: 4.8vw;
  }
}
.araemon__cv::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 100%;
  top: -180px;
  left: 0;
  transform: rotate(45deg);
  opacity: 0;
  background: #fff;
  animation: AraemonCv 2s ease-in-out infinite;
}
.araemon__cv span {
  display: flex;
  align-items: center;
  gap: 28px;
}
@media screen and (max-width: 768px) {
  .araemon__cv span {
    gap: 7.4666666667vw;
  }
}
.araemon__cv figure {
  flex-shrink: 0;
  width: 94px;
}
@media screen and (max-width: 768px) {
  .araemon__cv figure {
    display: none;
  }
}
.araemon__cv figure img {
  width: 100%;
}
.araemon__cv small {
  flex-shrink: 0;
  width: 102px;
}
@media screen and (max-width: 768px) {
  .araemon__cv small {
    display: none;
  }
}
.araemon__cv small img {
  width: 100%;
}
.araemon__cv i {
  flex-shrink: 0;
  width: 27px;
}
@media screen and (max-width: 768px) {
  .araemon__cv i {
    width: 3.2vw;
  }
}
.araemon__cv i img {
  width: 100%;
}
.araemon__item {
  padding: 60px 0 100px;
  background: #d3f7fe;
}
@media screen and (max-width: 768px) {
  .araemon__item {
    padding: 30px 0 50px;
  }
}
.araemon__heading {
  margin-bottom: 60px;
  font-size: 45px;
  font-weight: bold;
  color: #0053b1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .araemon__heading {
    margin-bottom: 30px;
    font-size: clamp(25px, 6.6666666667vw, 32px);
  }
}
.araemon__content {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  max-width: 940px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .araemon__content {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 5.3333333333vw;
  }
}
.araemon__image {
  width: 387px;
}
@media screen and (max-width: 768px) {
  .araemon__image {
    width: 58.1333333333vw;
  }
}
.araemon__image img {
  width: 100%;
}
.araemon__detail {
  width: 500px;
  padding: 25px;
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 768px) {
  .araemon__detail {
    width: 100%;
  }
}
.araemon__data {
  display: flex;
  gap: 10px;
  padding: 5px 0;
  border: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .araemon__data {
    font-size: min(3.2vw, 16px);
  }
}
.araemon__data dt {
  flex-shrink: 0;
  width: 80px;
}
@media screen and (max-width: 768px) {
  .araemon__data dt {
    width: 12.8vw;
  }
}
.araemon__data dd {
  flex-grow: 1;
}

@keyframes AraemonCv {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.araemon-mv {
  position: relative;
  z-index: 1;
}
.araemon-mv__image {
  max-width: 1190px;
  margin: 0 auto;
}
.araemon-mv__image img {
  width: 100%;
}
.araemon-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .araemon-mv__bg {
    display: none;
  }
}
.araemon-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.araemon-intro {
  position: relative;
  padding: 390px 0 135px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .araemon-intro {
    padding: 180px 0 30px;
  }
}
.araemon-intro__head {
  margin-bottom: 60px;
  font-size: 45px;
  font-weight: bold;
  color: #0053b1;
}
@media screen and (max-width: 768px) {
  .araemon-intro__head {
    margin-bottom: 30px;
    font-size: clamp(25px, 6.6666666667vw, 32px);
  }
}
.araemon-intro__txt {
  max-width: 626px;
}
@media screen and (max-width: 768px) {
  .araemon-intro__txt {
    max-width: 100%;
  }
}
.araemon-intro__txt em {
  color: #0053b1;
}
.araemon-intro__txt + .araemon-intro__txt {
  margin-top: 25px;
}
.araemon-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.araemon-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 80% 0;
}

.araemon-point {
  padding: 150px 0;
}
@media screen and (max-width: 768px) {
  .araemon-point {
    padding: 90px 0;
  }
}
.araemon-point + .araemon-point {
  padding: 120px 0;
  background: #d3f7fe;
}
@media screen and (max-width: 768px) {
  .araemon-point + .araemon-point {
    padding: 60px 0;
  }
}
.araemon-point__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .araemon-point__head {
    margin-bottom: 30px;
  }
}
.araemon-point__head em {
  padding: 5px 15px;
  font-size: min(4.2666666667vw, 18px);
  font-weight: bold;
  color: #fff;
  background: #ea1100;
}
.araemon-point__head span {
  font-size: 45px;
  font-weight: bold;
  color: #0053b1;
}
@media screen and (max-width: 768px) {
  .araemon-point__head span {
    font-size: clamp(25px, 6.6666666667vw, 32px);
    font-feature-settings: "palt";
  }
}
.araemon-point__txt {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .araemon-point__txt {
    word-break: auto-phrase;
  }
}
.araemon-point__txt em {
  color: #0053b1;
}
.araemon-point__txt + .araemon-point__txt {
  margin-top: 25px;
}
.araemon-point__fig {
  width: 657px;
  margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
  .araemon-point__fig {
    width: 100%;
  }
}
.araemon-point__fig img {
  width: 100%;
}
.araemon-point__images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .araemon-point__images {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.3333333333vw;
  }
}
.araemon-point__images img {
  width: 100%;
}

.araemon-compare {
  padding: 110px 0 130px;
}
@media screen and (max-width: 768px) {
  .araemon-compare {
    padding: 90px 0;
  }
}
.araemon-compare__item + .araemon-compare__item {
  margin-top: 210px;
}
@media screen and (max-width: 768px) {
  .araemon-compare__item + .araemon-compare__item {
    margin-top: 60px;
  }
}
.araemon-compare__intro {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.araemon-compare__icon {
  position: absolute;
  flex-shrink: 0;
  width: 142px;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .araemon-compare__icon {
    display: none;
  }
}
.araemon-compare__icon img {
  width: 100%;
}
.araemon-compare__icon.-type-1 {
  left: 0;
}
.araemon-compare__icon.-type-2 {
  right: 0;
}
.araemon-compare__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 0 30px 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .araemon-compare__detail {
    padding: 0;
  }
}
.araemon-compare__heading {
  word-break: auto-phrase;
  font-size: 45px;
  font-weight: bold;
  color: #0053b1;
}
@media screen and (max-width: 768px) {
  .araemon-compare__heading {
    font-size: clamp(25px, 6.6666666667vw, 32px);
    font-feature-settings: "palt";
  }
}
.araemon-compare__txt {
  max-width: 650px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .araemon-compare__data {
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .araemon-compare__fig {
    width: 700px;
    margin: 0 auto;
  }
}
.araemon-compare__fig img {
  width: 100%;
}

.araemon-feature {
  padding: 80px 0 130px;
  background: #d3f7fe;
}
@media screen and (max-width: 768px) {
  .araemon-feature {
    padding-bottom: 100px;
  }
}
.araemon-feature__head {
  margin-bottom: 60px;
  font-size: 45px;
  font-weight: bold;
  color: #0053b1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .araemon-feature__head {
    margin-bottom: 30px;
    font-size: clamp(25px, 6.6666666667vw, 32px);
  }
}
.araemon-feature__item {
  position: relative;
  padding: 60px 45px;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .araemon-feature__item {
    padding: 35px 20px;
  }
}
.araemon-feature__item + .araemon-feature__item {
  margin-top: 70px;
}
.araemon-feature__icon {
  position: absolute;
  width: 103px;
  top: -30px;
  left: -50px;
}
@media screen and (max-width: 768px) {
  .araemon-feature__icon {
    width: 60px;
    left: -10px;
  }
}
.araemon-feature__icon img {
  width: 100%;
}
.araemon-feature__heading {
  margin-bottom: 25px;
}
.araemon-feature__heading span {
  display: inline-block;
  padding: 0 10px;
  font-size: 30px;
  line-height: 1.6;
  font-weight: bold;
  color: #0053b1;
  background: #d3f7fe;
}
@media screen and (max-width: 768px) {
  .araemon-feature__heading span {
    font-size: clamp(20px, 5.3333333333vw, 24px);
  }
}
.araemon-feature__list {
  width: 470px;
}
@media screen and (max-width: 768px) {
  .araemon-feature__list {
    width: 100%;
  }
}
.araemon-feature__list li {
  position: relative;
  padding-left: 1em;
  font-size: 18px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .araemon-feature__list li {
    font-size: min(3.4666666667vw, 16px);
  }
}
.araemon-feature__list li::before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
  color: #0053b1;
}
.araemon-feature__list li em {
  font-weight: bold;
  color: #0053b1;
}
.araemon-feature__list li:not(:first-child) {
  margin-top: 9px;
}
@media screen and (max-width: 768px) {
  .araemon-feature__list li:not(:first-child) {
    margin-top: 0.5em;
  }
}
.araemon-feature__pic {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 400px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .araemon-feature__pic {
    max-width: 100%;
  }
}
.araemon-feature__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.araemon-feature__txt {
  margin-bottom: 25px;
  font-size: 18px;
}
.araemon-feature__txt em {
  font-weight: bold;
  color: #0053b1;
}
.araemon-feature__summary {
  position: relative;
  margin-top: 60px;
  padding: 10px 6px;
  text-align: center;
  background: #0053b1;
}
@media screen and (max-width: 768px) {
  .araemon-feature__summary {
    margin-top: 30px;
  }
}
.araemon-feature__summary::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 11px 22px 11px;
  border-color: transparent transparent #0053b1 transparent;
}
@media screen and (max-width: 768px) {
  .araemon-feature__summary::before {
    top: -10px;
    border-width: 0 5px 10px 5px;
  }
}
.araemon-feature__summary em {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .araemon-feature__summary em {
    font-size: min(3.7333333333vw, 18px);
  }
}
.araemon-feature__fig {
  max-width: 825px;
  margin: 0 auto;
}
.araemon-feature__fig img {
  width: 100%;
}
.araemon-feature__fig + .araemon-feature__fig {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .araemon-feature__fig + .araemon-feature__fig {
    margin-top: 30px;
  }
}
.araemon-feature__fig.-type-1 {
  max-width: 100%;
}
.araemon-feature__fig.-type-2 {
  max-width: 100%;
}

.araemon-quality {
  padding: 120px 0 130px;
}
@media screen and (max-width: 768px) {
  .araemon-quality {
    padding: 70px 0;
  }
}
.araemon-quality__head {
  position: relative;
  margin-bottom: 60px;
  padding: 50px 0;
  font-size: 45px;
  font-weight: bold;
  color: #0053b1;
  text-align: center;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .araemon-quality__head {
    margin-bottom: 30px;
    font-size: clamp(25px, 6.6666666667vw, 32px);
  }
}
.araemon-quality__head i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .araemon-quality__head i {
    max-width: 500px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
.araemon-quality__head i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.araemon-quality__mv {
  max-width: 920px;
  margin: 0 auto 80px;
}
.araemon-quality__mv img {
  width: 100%;
}
.araemon-quality__items {
  margin-bottom: 60px;
  padding: 60px 45px;
  box-shadow: 0 0 16px -6px #c6e7f9;
}
@media screen and (max-width: 768px) {
  .araemon-quality__items {
    margin-bottom: 30px;
    padding: 30px 15px;
  }
}
.araemon-quality__item {
  position: relative;
}
.araemon-quality__item + .araemon-quality__item {
  margin-top: 25px;
}
.araemon-quality__heading {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
  color: #0053b1;
}
@media screen and (max-width: 768px) {
  .araemon-quality__heading {
    font-size: clamp(20px, 5.3333333333vw, 24px);
  }
}
.araemon-quality__list {
  margin-bottom: 45px;
}
.araemon-quality__list li {
  position: relative;
  padding-left: 1em;
  font-size: 18px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .araemon-quality__list li {
    font-size: min(3.4666666667vw, 16px);
  }
}
.araemon-quality__list li::before {
  content: attr(data-num);
  position: absolute;
  top: 0;
  left: 0;
}
.araemon-quality__list li + li {
  margin-top: 25px;
}
.araemon-quality__note {
  display: block;
  padding: 25px;
  font-size: 18px;
  color: #0053b1;
  text-align: center;
  background: #d3f7fe;
}
@media screen and (max-width: 768px) {
  .araemon-quality__note {
    font-size: min(3.4666666667vw, 16px);
  }
}
.araemon-quality__bg {
  position: absolute;
  width: 581px;
  top: -60px;
  right: -45px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .araemon-quality__bg {
    width: 89.3333333333vw;
    top: -25px;
    right: -15px;
    opacity: 0.3;
  }
}
.araemon-quality__bg img {
  width: 100%;
}
.araemon-quality__table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .araemon-quality__table {
    margin-bottom: 20px;
  }
}
.araemon-quality__table th, .araemon-quality__table td {
  padding: 10px;
  font-size: 24px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #231815;
}
@media screen and (max-width: 768px) {
  .araemon-quality__table th, .araemon-quality__table td {
    font-size: min(2.6666666667vw, 14px);
  }
}
.araemon-quality__table th {
  background: #d3f7fe;
  font-weight: normal;
}
.araemon-quality__txt {
  position: relative;
  padding: 10px 5px;
  text-align: center;
  background: #0053b1;
}
.araemon-quality__txt::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 11px 22px 11px;
  border-color: transparent transparent #0053b1 transparent;
}
@media screen and (max-width: 768px) {
  .araemon-quality__txt::before {
    top: -10px;
    border-width: 0 5px 10px 5px;
  }
}
.araemon-quality__txt em {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .araemon-quality__txt em {
    font-size: min(3.7333333333vw, 18px);
  }
}
.araemon-quality__data {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(5px, 1.3333333333vw, 10px);
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .araemon-quality__data {
    margin-bottom: 30px;
  }
}
.araemon-quality__data li img {
  width: 100%;
}

.araemon-example {
  position: relative;
  padding: 80px 0 100px;
  background: #d3f7fe;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .araemon-example {
    padding: 40px 0;
  }
}
.araemon-example__head {
  margin-bottom: 60px;
  word-break: auto-phrase;
  font-size: 45px;
  font-weight: bold;
  color: #0053b1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .araemon-example__head {
    margin-bottom: 30px;
    font-size: clamp(25px, 6.6666666667vw, 32px);
  }
}
.araemon-example__lead {
  max-width: 720px;
  margin: 0 auto 25px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .araemon-example__lead {
    max-width: 100%;
  }
}
.araemon-example__fig {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .araemon-example__fig {
    display: none;
  }
}
.araemon-example__fig img {
  width: 100%;
}
.araemon-example__items {
  padding: 60px 45px;
  border-radius: 5px;
  box-shadow: 0 0 16px -6px #c6e7f9;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .araemon-example__items {
    padding: 0;
    background: none;
  }
}
.araemon-example__item {
  border-bottom: 2px dotted #e4f0fa;
}
@media screen and (max-width: 768px) {
  .araemon-example__item {
    display: flex;
    align-items: center;
    gap: 30px;
    border: none;
  }
}
.araemon-example__item + .araemon-example__item {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .araemon-example__item + .araemon-example__item {
    margin-top: 25px;
  }
}
.araemon-example__item:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.araemon-example__detail {
  display: flex;
  gap: 20px;
  padding: 10px 0;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .araemon-example__detail {
    flex-grow: 1;
    flex-direction: column;
    gap: 10px;
    padding: 0;
  }
}
.araemon-example__heading {
  flex-shrink: 0;
  width: 162px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .araemon-example__heading {
    width: 100%;
    font-size: min(4.2666666667vw, 18px);
  }
}
.araemon-example__heading span {
  display: block;
}
.araemon-example__heading span::first-letter {
  padding-right: 1em;
}
.araemon-example__list {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.araemon-example__list li {
  display: flex;
}
@media screen and (max-width: 768px) {
  .araemon-example__list li {
    font-size: min(3.7333333333vw, 17px);
  }
}
.araemon-example__list li:not(:first-child)::before {
  content: "／";
}
.araemon-example__image {
  display: none;
}
@media screen and (max-width: 768px) {
  .araemon-example__image {
    display: block;
    flex-shrink: 0;
    width: 90px;
  }
}
.araemon-example__image img {
  width: 100%;
}
.araemon-example__bg {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: -1;
}
.araemon-example__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.araemon-example__bg.-type-1 {
  width: 258px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .araemon-example__bg.-type-1 {
    width: 50px;
  }
}
.araemon-example__bg.-type-2 {
  width: 373px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .araemon-example__bg.-type-2 {
    width: 70px;
  }
}

.araemon-how {
  padding: 110px 0 130px;
}
.araemon-how__head {
  margin-bottom: 60px;
  word-break: auto-phrase;
  font-size: 45px;
  font-weight: bold;
  color: #0053b1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .araemon-how__head {
    margin-bottom: 30px;
    font-size: clamp(25px, 6.6666666667vw, 32px);
  }
}
.araemon-how__intro {
  margin-bottom: 70px;
}
.araemon-how__lead {
  text-align: center;
}
.araemon-how__lead em {
  font-size: 24px;
  font-weight: bold;
  color: #0053b1;
}
@media screen and (max-width: 768px) {
  .araemon-how__lead em {
    font-size: min(4.2666666667vw, 18px);
  }
}
.araemon-how__lead + .araemon-how__lead {
  margin-top: 25px;
}
.araemon-how__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .araemon-how__items {
    grid-template-columns: 1fr;
  }
}
.araemon-how__item {
  display: flex;
  flex-direction: column;
  padding: 30px 20px;
  background: #d3f7fe;
}
@media screen and (max-width: 768px) {
  .araemon-how__item {
    padding-bottom: 20px;
  }
}
.araemon-how__heading {
  margin-bottom: 25px;
  font-size: clamp(18px, 3.1209362809vw, 30px);
  font-weight: bold;
  color: #0053b1;
  text-align: center;
}
.araemon-how__txt {
  margin-bottom: 45px;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .araemon-how__txt {
    margin-bottom: 25px;
  }
}
.araemon-how__txt:not(:root) {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .araemon-how__txt:not(:root) {
    font-size: min(4.2666666667vw, 18px);
  }
}
.araemon-how__image {
  margin-top: auto;
}
.araemon-how__image img {
  width: 100%;
}

.araemon-line__head {
  position: relative;
  z-index: 1;
}
.araemon-line__head::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 80px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #00ba10;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .araemon-line__head::before {
    height: 18.6666666667vw;
  }
}
.araemon-line__head i {
  margin-top: -10px;
}
.araemon-line__head i img {
  width: 100%;
}
.araemon-line__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  padding: 70px 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .araemon-line__wrap {
    flex-direction: column;
    gap: 20px;
    padding: 30px 0 50px;
  }
}
.araemon-line__wrap::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e2ffe2;
  z-index: -1;
}
.araemon-line__price {
  width: 467px;
}
@media screen and (max-width: 768px) {
  .araemon-line__price {
    width: 100%;
  }
}
.araemon-line__price img {
  width: 100%;
}
.araemon-line__cv {
  width: 515px;
}
@media screen and (max-width: 768px) {
  .araemon-line__cv {
    width: 100vw;
    margin: 0 -4vw;
  }
}
.araemon-line__cv img {
  width: 100%;
}

.service__return {
  margin-top: 20px;
  padding: 25px;
  border: 1px solid #d9dae0;
}
.service__return:not(:first-child) {
  margin-top: 0;
  border-top: none;
}
.service__heading {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  color: #fff;
  background: #222;
}
.service__list:is(ol) {
  counter-reset: item;
}
.service__list:is(ol) li::before {
  content: counter(item) ".";
  counter-increment: item;
}
.service__list:is(ul) li::before {
  content: "●";
}
.service__list:is(ul) li:not(:first-child) {
  margin-top: 0;
}

.p-about {
  margin-top: 25px;
}
.p-about__mv {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-about__mv {
    position: relative;
    margin-bottom: 15px;
    padding: 40px 12.5px;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .p-about__mv::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #ff4021;
    z-index: -1;
  }
}
.p-about__mv img {
  width: 100%;
}
.p-about__lead {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-about__lead {
    margin-bottom: 30px;
    text-align: left;
  }
}
.p-about__rows {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-about__rows {
    margin-top: 40px;
  }
}
.p-about__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .p-about__row {
    flex-direction: column;
    align-items: center;
  }
}
.p-about__row:not(:first-child) {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #d9dae0;
}
.p-about__icon {
  flex-shrink: 0;
  width: 180px;
}
@media screen and (max-width: 768px) {
  .p-about__icon {
    width: 36.2666666667vw;
  }
}
.p-about__icon img {
  width: 100%;
}
.p-about__items {
  flex-grow: 1;
  max-width: 760px;
}
.p-about__item {
  padding: 0 0 20px 30px;
}
.p-about__item:not(:first-child) {
  padding-top: 30px;
  border-top: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .p-about__item:not(:first-child) {
    margin-top: 25px;
  }
}
.p-about__heading {
  position: relative;
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: bold;
}
.p-about__heading i {
  position: absolute;
  width: 15px;
  top: 8px;
  left: -30px;
}
.p-about__heading i img {
  width: 100%;
}
.p-about__txt b {
  font-size: 18px;
  font-weight: bold;
  color: #ff4021;
}
.p-about__txt + .p-about__txt {
  margin-top: 20px;
}

.moving__intro {
  margin-bottom: 30px;
}
.moving__mv {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .moving__mv {
    margin-bottom: 20px;
  }
}
.moving__mv img {
  width: 100%;
}
.moving__item + .moving__item {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .moving__item + .moving__item {
    margin-top: 40px;
  }
}
.moving__desc {
  max-width: 700px;
  margin: 25px auto 0;
}
@media screen and (max-width: 768px) {
  .moving__desc {
    margin-top: 20px;
  }
}
.moving__desc img {
  width: 100%;
}
.moving__detail {
  display: flex;
  gap: 20px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .moving__detail {
    flex-direction: column;
    align-items: center;
  }
}
.moving__detail:has(~ *) {
  margin-bottom: 30px;
}
.moving__image {
  flex-shrink: 0;
  width: 240px;
}
@media screen and (max-width: 768px) {
  .moving__image {
    order: -1;
  }
}
.moving__image img {
  width: 100%;
}
.moving__content {
  flex-grow: 1;
}
.moving__lead {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #0066aa;
}
.moving__txt em {
  font-size: 18px;
  font-weight: bold;
  color: #ff4021;
}
.moving__list {
  margin: 30px 0;
}
.moving__list li {
  list-style: disc inside;
  font-size: 14px;
  line-height: 1.6;
  font-weight: bold;
}
.moving__cv.-type-1 {
  margin: 30px 0;
}
.moving__cv.-type-2 {
  margin-top: 30px;
}
.moving__links {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin: 20px 0 30px;
}
@media screen and (max-width: 768px) {
  .moving__links {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.moving__link {
  width: 269px;
}
.moving__link a {
  display: block;
}
.moving__link a img {
  width: 100%;
}
.moving__box {
  margin: 0 auto 30px;
  padding: 15px 20px 25px;
  border: 5px solid #d9dae0;
}
.moving__box em {
  font-size: 17px;
  font-weight: bold;
  color: #0066aa;
}
.moving__point + .moving__point {
  margin-top: 30px;
}
.moving__data {
  max-width: 430px;
}
.moving__data img {
  width: 100%;
}
.moving__flow {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px 16px;
  margin: 25px 0 30px;
}
@media screen and (max-width: 768px) {
  .moving__flow {
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
  }
}
.moving__flow li {
  position: relative;
}
.moving__flow li i {
  position: absolute;
  width: 51px;
  top: 31px;
  left: -34px;
}
.moving__flow li img {
  width: 100%;
}

.current-campaign {
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .current-campaign {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .current-campaign:has(.-scroll) {
    display: block;
  }
}
.current-campaign .splide__pagination {
  display: flex;
  gap: 5px;
  bottom: 0;
}
.current-campaign .splide__pagination li {
  height: 4px;
}
.current-campaign .splide__pagination__page {
  width: 20px;
  height: 100%;
  margin: 0;
  border-radius: 0;
  background: #d9dae0;
}
.current-campaign .splide__pagination__page.is-active {
  transform: none;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  .current-campaign__wrap {
    padding-bottom: 10px;
  }
}
.current-campaign__wrap.is-initialized:not(.is-active) {
  padding-bottom: 0;
}
.current-campaign__wrap.is-initialized:not(.is-active) .current-campaign__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.current-campaign__wrap.is-initialized:not(.is-active) .current-campaign__image {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .current-campaign__slide.-scroll {
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .current-campaign__slide.-scroll::-webkit-scrollbar {
    width: 5px;
    background: var(--_background, #ccc);
  }
}
@media screen and (max-width: 768px) {
  .current-campaign__slide.-scroll::-webkit-scrollbar:horizontal {
    height: 10px;
    background: var(--_background, #ccc);
  }
}
@media screen and (max-width: 768px) {
  .current-campaign__slide.-scroll::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: var(--_scrollbar, #e8442a);
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .current-campaign__slide.-scroll::-webkit-scrollbar-thumb:horizontal {
    background: var(--_scrollbar, #e8442a);
    border-radius: 10px;
  }
}
.current-campaign__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .-scroll > .current-campaign__items {
    gap: 0;
    width: 740px;
    margin: 0 auto;
  }
}
.current-campaign__item a {
  display: block;
}
@media screen and (max-width: 768px) {
  .current-campaign__image {
    width: clamp(240px, 64vw, 320px);
    margin: 0 auto;
  }
}
.current-campaign__image img {
  width: 100%;
}

.moving-type__lead {
  max-width: 700px;
  margin: 0 auto 30px;
}
.moving-type__lead img {
  width: 100%;
}
.moving-type__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 30px;
}
@media screen and (max-width: 768px) {
  .moving-type__columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}
.moving-type__column {
  font-size: 13px;
  line-height: 1.6153846154;
}
@media screen and (max-width: 768px) {
  .moving-type__column {
    font-size: clamp(13px, 3.4666666667vw, 15px);
  }
}
.moving-type__column dt {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 4px;
  font-weight: bold;
  color: #0066aa;
}
.moving-type__image {
  order: -1;
}
.moving-type__image img {
  width: 100%;
}

.moving-service {
  margin-bottom: 30px;
}
.moving-service__item {
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #333;
}
@media screen and (max-width: 768px) {
  .moving-service__item {
    flex-direction: column;
    align-items: center;
  }
}
.moving-service__item:not(:first-child) {
  margin-top: 20px;
}
.moving-service__detail {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .moving-service__detail {
    display: contents;
  }
}
.moving-service__heading {
  width: 189px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .moving-service__heading {
    margin-bottom: 0;
  }
}
.moving-service__heading img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .moving-service__txt {
    order: 1;
  }
}
.moving-service__image {
  flex-shrink: 0;
  width: 218px;
}
@media screen and (max-width: 768px) {
  .moving-service__image {
    order: -1;
  }
}
.moving-service__image img {
  width: 100%;
}

.moving-flow {
  max-width: 700px;
  margin: 0 auto 30px;
}
.moving-flow__item {
  position: relative;
}
.moving-flow__item:not(:first-child) {
  margin-top: 63px;
}
.moving-flow__heading img {
  width: 100%;
}
.moving-flow__detail {
  position: relative;
  display: flex;
  gap: 15px 20px;
  margin-right: 4px;
  padding: 20px 25px;
  border: 2px solid #a7b7c8;
  border-top: none;
  border-radius: 0 0 10px 10px;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .moving-flow__detail {
    flex-direction: column;
    align-items: center;
    margin-right: 0.2666666667vw;
    border-width: 1px;
    border-top: none;
    box-shadow: none;
  }
}
.moving-flow__detail::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: 3px -2px 0 rgba(0, 0, 0, 0.15);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .moving-flow__detail::before {
    content: none;
  }
}
.moving-flow__data {
  flex-grow: 1;
}
.moving-flow__image {
  flex-shrink: 0;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .moving-flow__image {
    order: -1;
  }
}
.moving-flow__image img {
  width: 100%;
}
.moving-flow__arrow {
  position: absolute;
  width: 36px;
  bottom: -56px;
  left: 50%;
  transform: translateX(-50%);
}
.moving-flow__arrow img {
  width: 100%;
}

.led-mv {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .led-mv {
    margin-bottom: 8vw;
  }
}
.led-mv.-light {
  background: #63c3e5;
}
.led-mv__wrap {
  position: relative;
}
.led-mv__item {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 400px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .led-mv__item {
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    border: 0;
  }
}
.led-mv__item.-light {
  width: 430px;
}
.led-mv__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.led-mv__head [lang=en] {
  font-size: 14px;
}
.led-mv__head [lang=ja] {
  font-size: 50px;
  line-height: 1.3;
  font-weight: bold;
}
.led-mv__lead {
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: bold;
  color: #fff;
}
.led-mv__txt {
  width: 100%;
  padding: 11px 0;
  font-size: 15px;
  font-weight: bold;
  color: #121212;
  text-align: center;
  border-radius: 23px;
  background: #e5e5e5;
}
.-light > .led-mv__txt {
  color: #95d7ee;
  background: #052230;
}
.led-mv__image {
  width: 471px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .led-mv__image {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}
.led-mv__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.led-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.led-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.led {
  padding-bottom: 60px;
}
.led__item + .led__item {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .led__item + .led__item {
    margin-top: 10.6666666667vw;
  }
}
.led__nav {
  margin: 30px 20px 40px;
}
@media screen and (max-width: 768px) {
  .led__nav {
    margin: 30px 0 40px;
  }
}
.led__links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .led__links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.led__link a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0 20px;
  font-weight: bold;
  border: 1px solid #eee;
  border-radius: 5px;
  background: #eee;
}
@media screen and (max-width: 768px) {
  .led__link a {
    padding: 20px 0;
  }
}
.led__link a small {
  font-size: 12px;
  color: #838383;
}
.led__link a span {
  font-size: 18px;
  color: #434343;
}
.led__link a i {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 29px;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #ababab;
}
.led__link a i svg {
  width: 13px;
}
.led__link a:hover {
  opacity: 1;
  border-color: #2685bc;
  background: #e7f2f9;
}
.led__link a:hover i {
  background: #2685bc;
}
.led__cv {
  margin-top: 50px;
}

.led-intro {
  position: relative;
  max-width: 730px;
  padding: 30px;
  margin: 25px auto 0;
  background: #f5f6f8;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .led-intro {
    padding: 4vw;
  }
}
.led-intro__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .led-intro__head {
    align-items: center;
  }
}
.led-intro__head span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 173px;
  font-size: 15px;
  line-height: 2.4;
  color: #fff;
  border-radius: 18px;
  background: #2685bc;
}
.led-intro__head span i {
  aspect-ratio: 1;
  display: flex;
  width: 19px;
}
.led-intro__head span i svg {
  width: 100%;
}
.led-intro__head em {
  font-size: 21px;
  line-height: 1.5952380952;
  font-weight: bold;
  color: #2685bc;
}
@media screen and (max-width: 768px) {
  .led-intro__head em {
    word-break: auto-phrase;
    text-align: center;
  }
}
.led-intro__txt {
  max-width: 400px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .led-intro__txt {
    max-width: 100%;
    color: #434343;
  }
}
.led-intro__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .led-intro__bg {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .led-intro__bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
  }
}
.led-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.led-merit {
  margin: 30px 20px 0;
}
@media screen and (max-width: 768px) {
  .led-merit {
    margin: 30px 0 0;
  }
}
.led-merit__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .led-merit__columns {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin: 5.3333333333vw 20px 0;
  }
}
.led-merit__column {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
  background: #f3f3f3;
}
.led-merit__column::before {
  content: attr(data-attr);
  order: -2;
  font-size: 16px;
  line-height: 2.5;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #2685bc;
}
.led-merit__heading {
  position: relative;
  margin-bottom: 15px;
  padding: 0 15px 15px;
  font-size: 15px;
  font-weight: bold;
  color: #434343;
  text-align: center;
}
.led-merit__heading::before {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e5e5e5;
}
.led-merit__txt {
  padding: 0 15px;
  color: #434343;
}
.led-merit__image {
  order: -1;
  margin-bottom: 15px;
}
.led-merit__image img {
  width: 100%;
}

.led-product {
  margin: 50px 20px 0;
}
@media screen and (max-width: 768px) {
  .led-product {
    margin: 50px 0 0;
  }
}
.led-product__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .led-product__columns {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    row-gap: min(10.6666666667vw, 50px);
    margin: min(10.6666666667vw, 50px) 20px 0;
  }
}
.led-product__column {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  padding-bottom: 15px;
  color: #191919;
  border: 1px solid #efefef;
}
.led-product__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  margin: 10px 0;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .led-product__heading {
    margin: 15px 0;
  }
}
.led-product__lead {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 17px;
  white-space: nowrap;
  font-size: 15px;
  line-height: 2;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 15px;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .led-product__lead {
    padding: 0 20px;
    font-size: min(3.4666666667vw, 15px);
  }
}
.led-product__txt {
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .led-product__txt {
    padding: 0 15px;
  }
}
.led-product__image {
  order: -1;
  width: 100%;
}
.led-product__image img {
  width: 100%;
}

.cv-contact__wrap {
  position: relative;
  max-width: 770px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .cv-contact__wrap {
    padding: 8vw 4vw 5.3333333333vw;
    background: #6fb526;
  }
}
.cv-contact__wrap.-wide {
  max-width: 100%;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .cv-contact__wrap.-wide {
    background: #6fb526;
  }
}
.cv-contact__head {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(0 0 99.9% 99.9%);
  border: 0;
}
@media screen and (max-width: 768px) {
  .cv-contact__head {
    position: inherit;
    width: auto;
    height: auto;
    margin-bottom: 6.6666666667vw;
    font-size: min(6.1333333333vw, 40px);
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
    text-align: center;
    clip: inherit;
    clip-path: inherit;
  }
}
.cv-contact__item {
  position: relative;
  width: 600px;
  padding: 40px 50px 28px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .cv-contact__item {
    width: 100%;
    padding: 0;
  }
}
.-wide > .cv-contact__item {
  padding: 40px 70px 35px;
}
@media screen and (max-width: 768px) {
  .-wide > .cv-contact__item {
    padding: 0;
  }
}
.cv-contact__lead {
  position: absolute;
  width: 100%;
  left: -40%;
  top: 15px;
  transform: rotate(-28deg);
  padding: 7px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #65ab31;
}
@media screen and (max-width: 768px) {
  .cv-contact__lead {
    display: none;
  }
}
.cv-contact__lead:has(+ .-wide) {
  font-size: 14px;
}
.cv-contact__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cv-contact__heading {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .cv-contact__heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    border: 0;
  }
}
.cv-contact__heading i {
  flex-shrink: 0;
  width: 22px;
}
.cv-contact__heading i img {
  width: 100%;
}
.-wide > .cv-contact__heading {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 2px;
}
.cv-contact__tel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .cv-contact__tel {
    margin-bottom: 4vw;
  }
}
.cv-contact__tel a span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 45px;
  line-height: 1;
  font-weight: bold;
  color: #ea5b2f;
}
@media screen and (max-width: 768px) {
  .cv-contact__tel a span {
    display: none;
  }
}
.cv-contact__tel a span i {
  flex-shrink: 0;
  width: 60px;
}
.cv-contact__tel a span i img {
  display: block;
  width: 100%;
}
.cv-contact__tel a img {
  display: none;
}
@media screen and (max-width: 768px) {
  .cv-contact__tel a img {
    display: block;
  }
}
.cv-contact__tel span {
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .cv-contact__tel span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    border: 0;
  }
}
.-wide > .cv-contact__tel {
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .-wide > .cv-contact__tel {
    margin-bottom: 0;
  }
}
.-wide > .cv-contact__tel a span {
  font-size: 42px;
  color: #75a945;
  line-height: 1;
  letter-spacing: 2px;
}
.-wide > .cv-contact__tel span {
  font-size: 16px;
  line-height: 1.6;
}
.cv-contact__mail {
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .cv-contact__mail {
    margin-right: 0;
  }
}
.cv-contact__mail a {
  display: block;
}
.cv-contact__mail a img {
  width: 100%;
}
.-wide > .cv-contact__mail {
  width: 425px;
}
@media screen and (max-width: 768px) {
  .-wide > .cv-contact__mail {
    width: 100%;
  }
}
.cv-contact__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .cv-contact__bg {
    display: none;
  }
}
.cv-contact__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.-wide > .cv-contact__bg {
  width: 477px;
  left: 523px;
}
.-wide > .cv-contact__bg img {
  object-fit: contain;
}

.led-light {
  margin-top: 30px;
}
.led-light + .led-light {
  margin-top: 50px;
}
.led-light__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .led-light__columns {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    margin-top: 5.3333333333vw;
  }
}
.led-light__column {
  display: flex;
  gap: 5px;
  border: 1px solid #efefef;
}
.led-light__item {
  flex-grow: 1;
  color: #191919;
  padding: 15px;
}
.led-light__heading {
  height: 35px;
  margin-bottom: 10px;
}
.led-light__heading img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}
.led-light__lead {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  font-feature-settings: "palt";
}
.led-light__txt {
  font-size: 13px;
}
.led-light__image {
  display: flex;
  order: -1;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 124px;
  background: #f7f7f7;
}
@media screen and (max-width: 768px) {
  .led-light__image {
    width: 30.447%;
    padding: 2.6666666667vw 10px;
  }
}
.led-light__image img {
  width: 100%;
}
.led-light__image.-type-1 img {
  width: 94px;
}
@media screen and (max-width: 768px) {
  .led-light__image.-type-1 img {
    width: 22.1333333333vw;
  }
}
.led-light__image.-type-2 img {
  width: 76px;
}
@media screen and (max-width: 768px) {
  .led-light__image.-type-2 img {
    width: 20.2666666667vw;
  }
}
.led-light__image.-type-3 {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .led-light__image.-type-3 {
    padding-right: 0;
  }
}
.led-light__image.-type-3 img {
  width: 116px;
}
@media screen and (max-width: 768px) {
  .led-light__image.-type-3 img {
    width: 24.8vw;
  }
}
.led-light__image.-type-4 {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .led-light__image.-type-4 {
    padding-right: 0;
  }
}
.led-light__image.-type-4 img {
  width: 108px;
}
@media screen and (max-width: 768px) {
  .led-light__image.-type-4 img {
    width: 24.8vw;
  }
}
.led-light__image.-type-5 img {
  width: 81px;
}
@media screen and (max-width: 768px) {
  .led-light__image.-type-5 img {
    width: 21.6vw;
  }
}
.led-light__image.-type-6 img {
  width: 80px;
}
@media screen and (max-width: 768px) {
  .led-light__image.-type-6 img {
    width: 21.3333333333vw;
  }
}

.pc {
  padding-bottom: 60px;
}
.pc__mv {
  margin-bottom: 30px;
}
.pc__mv img {
  width: 100%;
}
.pc__wrap {
  max-width: 770px;
  margin: 0 auto;
}
.pc__item {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .pc__item {
    margin-top: min(8vw, 50px);
  }
}
.pc__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .pc__content {
    flex-direction: column;
    align-items: center;
    gap: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .pc__content.-type-1 {
    position: relative;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .pc__content.-type-1::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: -1;
  }
}
.pc__detail {
  width: 400px;
}
@media screen and (max-width: 768px) {
  .pc__detail {
    width: 100%;
  }
}
.pc__lead {
  margin-bottom: 30px;
  font-size: 23px;
  line-height: 1.4637391304;
}
.pc__lead b {
  font-weight: bold;
  color: #ff4021;
}
.pc__txt + .pc__txt {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .pc__txt + .pc__txt {
    margin-top: 0;
  }
}
.pc__image {
  display: flex;
  justify-content: center;
  width: 310px;
}
@media screen and (max-width: 768px) {
  .pc__image {
    order: -1;
  }
}
.pc__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .pc__image.-type-1 {
    position: absolute;
    max-width: 310px;
    top: 0;
    right: 0;
    z-index: -2;
  }
}
.pc__image.-type-2 img {
  width: 204px;
}
.pc__cv {
  margin-top: 30px;
}

.tel-mv {
  margin-bottom: 30px;
}
.tel-mv__mv img {
  width: 100%;
}
.tel-mv__image {
  display: none;
}
@media screen and (max-width: 768px) {
  .tel-mv__image {
    display: block;
    width: 293px;
    margin: 20px auto;
  }
}
.tel-mv__image img {
  width: 100%;
}
.tel-mv__foot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .tel-mv__foot {
    position: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: 100%;
    height: auto;
    padding: 15px 20px;
    color: #fff;
    text-align: center;
    background: #ff6a21;
  }
}
.tel-mv__heading {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .tel-mv__txt {
    text-align: left;
  }
}

.tel {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .tel {
    margin-top: 20px;
  }
}
.tel__item:not(:first-of-type) {
  margin-top: 30px;
}
.tel__txt {
  margin-bottom: 20px;
}
.tel__txt b {
  color: #ff4021;
}
.tel__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .tel__columns {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.tel__column {
  border: 1px solid #d9dae0;
}
.tel__link {
  display: flex;
  gap: 8px;
  margin: 15px 0;
  font-size: 14px;
  text-decoration: underline;
}
.tel__link i {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 4px;
  height: 22px;
}
.tel__link i img {
  width: 100%;
}
.tel__cv.-type-1 {
  margin-top: 30px;
}
.tel__mv {
  display: block;
  margin-bottom: 40px;
}
.tel__mv img {
  width: 100%;
}
.tel__content {
  margin-top: 25px;
}
.tel__breaker {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .tel__breaker {
    flex-direction: column;
    align-items: center;
  }
}
.tel__image {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 238px;
  padding: 15px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .tel__image {
    order: -1;
  }
}
.tel__image img {
  width: 100%;
}
.tel__support {
  table-layout: fixed;
  width: 100%;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.7142857143;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .tel__support {
    border-bottom: none;
  }
}
.tel__support caption {
  padding: 15px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #d9dae0;
  border-bottom: none;
  background: #e8e8ea;
}
.tel__support th, .tel__support td {
  vertical-align: middle;
  border-bottom: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .tel__support th, .tel__support td {
    display: block;
    width: 100%;
  }
}
.tel__support th {
  width: 25%;
  padding: 15px;
  font-weight: bold;
  text-align: center;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .tel__support th {
    width: 100%;
    padding: 15px 6.6666666667vw;
  }
}
.tel__support td {
  padding: 15px 25px;
  border-left: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .tel__support td {
    padding: 15px 6.6666666667vw;
    border-left: none;
  }
}
.tel__support td b {
  color: #ff4021;
}
.tel__video {
  aspect-ratio: 560/315;
  max-width: 770px;
  margin: 30px auto 0;
}
.tel__video iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.construction-intro {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .construction-intro {
    padding-top: 30px;
  }
}
.construction-intro__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .construction-intro__item {
    padding-top: 15px;
  }
}
.construction-intro__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .construction-intro__head {
    font-size: 16px;
  }
}
.construction-intro__head::after {
  content: "";
  width: 30px;
  height: 1px;
  background: #494c5f;
}
.construction-intro__image {
  order: -1;
}
@media screen and (max-width: 768px) {
  .construction-intro__image {
    padding: 0 30px;
  }
}
.construction-intro__image img {
  width: 100%;
}

.qualification {
  position: relative;
  max-width: 770px;
  min-height: 150px;
  margin: 0 auto;
  z-index: 1;
}
.qualification__wrap {
  width: 640px;
  padding: 16px 20px;
}
@media screen and (max-width: 768px) {
  .qualification__wrap {
    width: 100%;
  }
}
.qualification__head {
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.6;
  font-weight: bold;
  color: #ff4021;
  line-height: 1.6;
}
.qualification__item {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1em;
  max-width: 600px;
}
.qualification__item li {
  display: inline;
  font-size: 14px;
  line-height: 1.6;
}
.qualification__item li:not(:last-child) {
  position: relative;
  padding-left: 1em;
}
.qualification__item li:not(:last-child)::before {
  content: "■";
  position: absolute;
  top: 0;
  left: 0;
}
.qualification__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.qualification__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 52% 0%;
}

.construction-reason {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .construction-reason {
    grid-template-columns: 1fr;
  }
}
.construction-reason__item {
  font-size: 15px;
  border: 1px solid #d9dae0;
}
.construction-reason__heading {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  font-size: 15px;
  background: #f9f9fa;
}
.construction-reason__heading::before {
  content: "";
  flex-shrink: 0;
  width: 3px;
  background: #fe4021;
}
.construction-reason__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 15px;
}
.construction-reason__detail i {
  max-width: 185px;
}
.construction-reason__detail i img {
  width: 100%;
}

.construction-service {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .construction-service {
    grid-template-columns: 1fr;
  }
}
.construction-service__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 20px;
  padding: 25px 25px 35px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .construction-service__item {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    padding: 0;
  }
}
.construction-service__intro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .construction-service__intro {
    flex-shrink: 0;
    justify-content: center;
    width: 172px;
    padding: 20px 5px;
    border-right: 1px solid #d9dae0;
  }
}
.construction-service__heading i {
  display: block;
}
@media screen and (max-width: 768px) {
  .construction-service__heading i {
    height: auto;
    min-height: 31px;
  }
}
.construction-service__heading i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.construction-service__icon {
  width: 74px;
}
.construction-service__icon img {
  width: 100%;
}
.construction-service__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .construction-service__detail {
    flex-grow: 1;
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .construction-service__txt {
    margin-right: auto;
  }
}
.construction-service__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 115px;
  margin-top: auto;
  font-size: 12px;
  line-height: 1.8333333333;
  color: #fff;
  background: var(--box-color, #000);
}
@media screen and (max-width: 768px) {
  .construction-service__more {
    width: 100%;
    max-width: 115px;
  }
}

.flow-request {
  margin-top: 25px;
}
.flow-request__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 15px;
  overflow: hidden;
  border: 1px solid #d9dae0;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .flow-request__items {
    grid-template-columns: 1fr;
  }
}
.flow-request__item {
  min-height: 198px;
}
@media screen and (max-width: 768px) {
  .flow-request__item {
    min-height: 0;
  }
}
.flow-request__item + .flow-request__item {
  border-top: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .flow-request__detail {
    display: flex;
  }
}
.flow-request__detail dt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.5em;
  font-size: 12px;
  line-height: 4;
  color: var(--text-color);
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .flow-request__detail dt {
    flex-shrink: 0;
    align-items: center;
    width: 18.6666666667vw;
  }
}
.flow-request__detail dt::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d9dae0;
}
@media screen and (max-width: 768px) {
  .flow-request__detail dt::after {
    width: 1px;
    height: 100%;
    bottom: 0;
    right: 0;
    left: auto;
    transform: none;
  }
}
.flow-request__detail dt b {
  font-size: 20px;
  line-height: 2.4;
  font-weight: bold;
  font-family: "Impact", sans-serif;
}
.flow-request__detail dd {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 18px 10px 16px;
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .flow-request__detail dd {
    flex-direction: row;
    gap: 20px;
    padding: 14px;
    text-align: left;
  }
}
.flow-request__icon {
  width: 80px;
}
.flow-request__icon img {
  width: 100%;
}
.flow-request__arrow {
  position: absolute;
  width: 41px;
  height: 198px;
  bottom: -5px;
  right: -25px;
}
@media screen and (max-width: 768px) {
  .flow-request__arrow {
    display: none;
  }
}
.flow-request__more {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  font-size: 14px;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .flow-request__more {
    justify-content: flex-start;
  }
}
.flow-request__more i {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 4px;
  height: 22px;
}
.flow-request__more i img {
  width: 100%;
}

.construction-nav {
  position: relative;
  max-width: 770px;
  margin: 30px auto;
  padding: 45px 20px 20px;
  border: 1px solid #d9dae0;
}
.construction-nav__head {
  position: absolute;
  width: 266px;
  top: 0;
  left: 0;
}
.construction-nav__head img {
  width: 100%;
}
.construction-nav__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .construction-nav__items {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    row-gap: 20px;
  }
}
.construction-nav__item a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  font-weight: bold;
  color: #06a;
  border: 1px solid #d9dae0;
}
.construction-nav__item i {
  flex-shrink: 0;
  width: 80px;
}
.construction-nav__item i img {
  width: 100%;
}

.electric-product {
  margin-top: 30px;
}
.electric-product__head {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.3333333333;
  font-weight: bold;
  border: 1px solid #d9dae0;
  background: #f9f9fa;
}
.electric-product__head::before {
  content: "";
  width: 3px;
  background: #ff4021;
}
.electric-product__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #d9dae0;
  border-left: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .electric-product__columns {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
}
.electric-product__column {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-right: 1px solid #d9dae0;
  border-bottom: 1px solid #d9dae0;
}
.electric-product__image {
  order: -1;
  flex-shrink: 0;
  width: 60px;
}

.lan-request {
  margin-top: 30px;
}
.lan-request__head {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.3333333333;
  font-weight: bold;
  border: 1px solid #d9dae0;
  background: #f9f9fa;
}
.lan-request__head::before {
  content: "";
  width: 3px;
  background: #ff4021;
}
.lan-request__items {
  margin-top: 20px;
}
.lan-request__item {
  display: flex;
  gap: 10px;
  padding: 10px;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .lan-request__item {
    font-size: 14px;
    line-height: 1.6428571429;
  }
}
.lan-request__item i {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 20px;
  height: 26px;
}
@media screen and (max-width: 768px) {
  .lan-request__item i {
    height: 23px;
  }
}
.lan-request__item i img {
  width: 100%;
}
.lan-request__item:not(:first-child) {
  margin-top: 10px;
}

.area-info {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .area-info {
    margin-top: 30px;
  }
}
.area-info__items {
  display: flex;
  gap: 30px;
  margin-top: 25px;
  padding: 25px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .area-info__items {
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    padding: 15px 20px;
    border: 1px solid #d9dae0;
    background: none;
  }
}
.area-info__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .area-info__item {
    display: contents;
  }
}
.area-info__item dt {
  width: 302px;
}
@media screen and (max-width: 768px) {
  .area-info__item dt {
    order: -1;
    width: 100%;
    max-width: 302px;
  }
}
.area-info__item dt img {
  width: 100%;
}
.area-info__item dd {
  font-size: 15px;
  line-height: 1.6;
}
.area-info__image {
  flex-shrink: 0;
  width: 160px;
}
@media screen and (max-width: 768px) {
  .area-info__image {
    order: -1;
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
  }
}
.area-info__image img {
  width: 100%;
}

.news-archive {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .news-archive {
    margin-top: 30px;
  }
}
.news-archive.-post {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .news-archive.-post {
    margin-bottom: 35px;
  }
}
.news-archive__wrap {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .news-archive__wrap {
    margin-top: 20px;
  }
}
.news-archive__items {
  border-top: 1px solid #d9dae0;
}
.news-archive__item {
  border-bottom: 1px solid #d9dae0;
}
.news-archive__item a {
  display: flex;
  gap: 20px;
  padding: 20px 0;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .news-archive__item a {
    flex-direction: column;
    gap: 0;
    padding: 10px 0;
  }
}
.news-archive__heading {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .news-archive__heading {
    padding-right: 16px;
  }
}
.news-archive__heading::after {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid #4e4f61;
  border-right: 2px solid #4e4f61;
  rotate: 45deg;
}
@media screen and (max-width: 768px) {
  .news-archive__heading::after {
    width: 7px;
    height: 7px;
    border-top: 1px solid #4e4f61;
    border-right: 1px solid #4e4f61;
  }
}
.news-archive__date {
  order: -1;
  flex-shrink: 0;
  width: 90px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .news-archive__date {
    width: 100%;
    font-size: 13px;
  }
}
.news-archive__more {
  display: none;
}
@media screen and (max-width: 768px) {
  .news-archive__more {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.3333333333;
    border: 1px solid #d9dae0;
    background: #f9f9fa;
  }
}
.news-archive__more::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 1px solid #ff4021;
  border-right: 1px solid #ff4021;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(45deg);
}

.knowledge-tax-nav {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-nav {
    margin-top: var(--_margin-top-SP);
  }
}
.knowledge-tax-nav__wrap {
  margin-top: 25px;
}
.knowledge-tax-nav__head {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 16px;
  line-height: 1.25;
  color: #fff;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-nav__head {
    line-height: 1.5625;
  }
}
.knowledge-tax-nav__head::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 8px solid #ff4021;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
}
@media screen and (max-width: 768px) {
  .knowledge-tax-nav__head::before {
    content: none;
  }
}
.knowledge-tax-nav__head.-type-1 {
  line-height: 1.6;
  background: var(--_background, #26455c);
}
.knowledge-tax-nav__head.-type-1::before {
  border-top: 8px solid var(--_background, #26455c);
}
.knowledge-tax-nav__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-nav__columns {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
  }
}
.knowledge-tax-nav__columns:has(> .-type-1) {
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-nav__columns:has(> .-type-1) {
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
  }
}
.knowledge-tax-nav__column a {
  display: flex;
  gap: 10px;
  min-height: 72px;
  padding: 5px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-nav__column a {
    font-size: clamp(13px, 3.4666666667vw, 15px);
  }
}
.knowledge-tax-nav__column.-type-1 a {
  height: 100%;
  padding: 10px;
}
.knowledge-tax-nav__heading {
  color: #06a;
  text-decoration: underline;
}
.knowledge-tax-nav__heading.-type-1 {
  font-size: 14px;
  line-height: 1.6;
  text-decoration: none;
}
.knowledge-tax-nav__image {
  order: -1;
  flex-shrink: 0;
  width: 65px;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-nav__image {
    width: 12vw;
  }
}
.knowledge-tax-nav__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .-type-1 + .knowledge-tax-nav__image {
    width: 17.0666666667vw;
  }
}
.knowledge-tax-nav__image.-left img {
  object-position: left center;
}
.knowledge-tax-nav__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 253px;
  height: 48px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #e8442a;
}
.knowledge-tax-nav__more::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}

.construction-os {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
  border-top: 2px dotted #d9dae0;
  border-bottom: 2px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  .construction-os {
    flex-direction: column;
    align-items: center;
    gap: 0;
    border: none;
  }
}
.construction-os__item {
  flex-grow: 1;
  max-width: 520px;
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .construction-os__item {
    padding: 20px 5.3333333333vw;
    border: 1px solid #d9dae0;
    background: #fffdea;
  }
}
.construction-os__head {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: bold;
}
.construction-os__detail {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 14px;
}
.construction-os__txt {
  font-size: 14px;
}
.construction-os__txt b {
  color: #ff4021;
}
.construction-os__link {
  display: flex;
  align-items: center;
  text-decoration: underline;
  gap: 8px;
}
.construction-os__link i {
  flex-shrink: 0;
  width: 4px;
}
.construction-os__link i img {
  width: 100%;
}
.construction-os__image {
  order: -1;
  flex-shrink: 0;
  width: 189px;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .construction-os__image {
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
  }
}
.construction-os__image img {
  width: 100%;
}

.construction-reason-data {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .construction-reason-data {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.construction-reason-data__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  padding-top: 10px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .construction-reason-data__column {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    border-style: dotted none;
    border-left: none;
    background-repeat: repeat-y;
  }
}
.construction-reason-data__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  font-size: 15px;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .construction-reason-data__heading {
    gap: 8px;
    margin-bottom: 20px;
  }
}
.construction-reason-data__heading i {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 400;
}
.construction-reason-data__heading i span {
  flex-shrink: 0;
  width: 11px;
}
.construction-reason-data__heading i span img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .construction-reason-data__image {
    width: 66.1333333333vw;
    max-width: 100%;
    margin: 0 auto;
  }
}
.construction-reason-data__image img {
  width: 100%;
}
.construction-reason-data__txt {
  padding: 15px;
}

.construction-necessity {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .construction-necessity {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.construction-necessity__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  border: 1px solid #d9dae0;
}
.construction-necessity__head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 15px 0;
  font-size: 15px;
  line-height: 1.6666666667;
  font-weight: bold;
  color: #fff;
  background: var(--box-color, #4598E1);
}
.construction-necessity__head i {
  display: flex;
  height: 25px;
}
.construction-necessity__head i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.construction-necessity__image img {
  width: 100%;
}
.construction-necessity__txt {
  padding: 20px;
}

.tel-construction {
  margin-top: 30px;
}
.tel-construction__head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tel-construction__head span {
  width: 100%;
  padding: 8px;
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: var(--box-color, #4598e1);
}
@media screen and (max-width: 768px) {
  .tel-construction__head span {
    font-size: 16px;
    line-height: 1.625;
    padding: 10px 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .tel-construction__head picture {
    max-width: 335px;
    margin: 0 auto;
  }
}
.tel-construction__head picture img {
  width: 100%;
}
.tel-construction__item {
  padding: 20px 25px;
  border: 1px solid var(--box-color, #4598e1);
}
@media screen and (max-width: 768px) {
  .tel-construction__item {
    padding: 15px 4vw;
  }
}
.tel-construction__txt b {
  color: #ff4021;
}

.construction-detail {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .construction-detail {
    margin-top: 20px;
  }
}
.construction-detail__wrap {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .construction-detail__wrap {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }
}
.construction-detail__mv {
  flex-shrink: 0;
  width: 270px;
}
@media screen and (max-width: 768px) {
  .construction-detail__mv {
    width: 72vw;
  }
}
.construction-detail__mv img {
  width: 100%;
}
.construction-detail__content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .construction-detail__content {
    width: 100%;
    gap: 25px;
  }
}
.construction-detail__items {
  border-top: 1px solid #d9dae0;
}
.construction-detail__item {
  display: flex;
  gap: 15px;
  padding: 10px 0;
  border-bottom: 1px solid #d9dae0;
}
.construction-detail__heading {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .construction-detail__heading {
    margin-bottom: 4px;
  }
}
.construction-detail__image {
  order: -1;
  flex-shrink: 0;
  width: 83px;
}
@media screen and (max-width: 768px) {
  .construction-detail__image {
    width: 22.1333333333vw;
    min-width: 83px;
  }
}
.construction-detail__image img {
  width: 100%;
}

.construction-point {
  display: flex;
  gap: 20px;
  margin-top: 30px;
  padding: 20px 0;
  border-top: 1px dotted #d9dae0;
  border-bottom: 1px dotted #d9dae0;
}
.construction-point__icon {
  flex-shrink: 0;
  width: 60px;
}
.construction-point__icon img {
  width: 100%;
}
.construction-point__wrap {
  flex-grow: 1;
}
.construction-point__head {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.5625;
  font-weight: bold;
}
.construction-point__item {
  list-style: disc outside;
  margin-left: 20px;
  font-size: 14px;
}
.construction-point__item:not(:first-child) {
  margin-top: 10px;
}

.construction-example {
  margin-top: 30px;
  border: 1px solid #d9dae0;
}
.construction-example__head {
  position: relative;
  display: flex;
  gap: 10px;
  min-height: 40px;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: bold;
  color: #0066aa;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .construction-example__head {
    font-size: 15px;
  }
}
.construction-example__head::before {
  content: "";
  flex-shrink: 0;
  width: 3px;
  height: auto;
  background: #0066aa;
}
.construction-example__wrap {
  display: flex;
  gap: 40px;
  padding: 30px;
  border-top: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .construction-example__wrap {
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 5.3333333333vw;
  }
}
.construction-example__item {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .construction-example__item {
    width: 100%;
  }
}
.construction-example__heading-1 {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.8571428571;
  color: #fff;
  background: #0066aa;
}
.construction-example__heading-2 {
  padding: 10px;
  font-size: 14px;
  line-height: 1.5714285714;
  color: #fff;
  text-align: center;
  background: #0066aa;
}
.construction-example__price {
  margin-bottom: 10px;
}
.construction-example__price em {
  font-size: 30px;
  font-weight: bold;
  color: #ff4021;
}
@media screen and (max-width: 768px) {
  .construction-example__price em {
    font-size: 28px;
  }
}
.construction-example__price span {
  font-size: 20px;
}
.construction-example__lead {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .construction-example__lead {
    margin-bottom: 8px;
  }
}
.construction-example__lead b {
  color: #ff4021;
}
.construction-example__txt {
  font-size: 14px;
}
.construction-example__txt b {
  color: #ff4021;
}
.construction-example__plan {
  flex-shrink: 0;
  width: 220px;
  border: 1px solid #d9dae0;
  background: #fffbee;
}
@media screen and (max-width: 768px) {
  .construction-example__plan {
    width: 100%;
    background: none;
  }
}
.construction-example__data {
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .construction-example__data {
    padding: 20px 5.3333333333vw;
  }
}
.construction-example__data li {
  font-size: 14px;
  line-height: 1.5714285714;
}
.construction-example__data li::before {
  content: "■";
}

.tel-expansion {
  padding: 30px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .tel-expansion {
    padding: 30px 12px;
  }
}
.tel-expansion__head {
  max-width: 700px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .tel-expansion__head {
    width: 84.8vw;
  }
}
.tel-expansion__head img {
  width: 100%;
}
.tel-expansion__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .tel-expansion__columns {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 25px 20px;
  }
}
.tel-expansion__column dt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 3px;
  font-weight: bold;
  color: var(--box-color, #47a1a5);
}
@media screen and (max-width: 768px) {
  .tel-expansion__column dt {
    align-items: center;
    margin-bottom: 5px;
  }
}
.tel-expansion__column dt i {
  width: 100%;
  padding: 2px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .tel-expansion__column dt i {
    width: 58.6666666667vw;
    max-width: 100%;
  }
}
.tel-expansion__column dt i img {
  width: 100%;
}
.tel-expansion__column dd {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .tel-expansion__column dd {
    padding: 0 18px;
  }
}

.construction-merit {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .construction-merit {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.construction-merit__item {
  padding: 20px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .construction-merit__item {
    border: none;
    border-bottom: 1px dotted #d9dae0;
  }
}
.construction-merit__item dt {
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
  color: var(--box-color, #f5c845);
  margin-bottom: 3px;
}
@media screen and (max-width: 768px) {
  .construction-merit__item dt {
    text-align: center;
  }
}
.construction-merit__item dt i {
  display: flex;
  aspect-ratio: 210/120;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  margin-bottom: 10px;
  overflow: hidden;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .construction-merit__item dt i {
    width: 100%;
    height: 120px;
  }
}
.construction-merit__item dt i span {
  width: 100%;
  max-width: 102px;
}
.construction-merit__item dt i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.construction-merit__item dd {
  font-size: 14px;
  line-height: 1.5714285714;
}

.construction-etc {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .construction-etc {
    margin-top: 30px;
  }
}
.construction-etc__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .construction-etc__columns {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 2.6666666667vw 20px;
  }
}
.construction-etc__column {
  border: 1px solid #d9dae0;
}
.construction-etc__heading {
  padding: 7px;
  font-size: 15px;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
  box-shadow: inset 0 0 0 2px #fff;
  border-bottom: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .construction-etc__heading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    font-size: 18px;
  }
}
.construction-etc__item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .construction-etc__item {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .construction-etc__image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border: 1px dotted #d9dae0;
  }
}
.construction-etc__image img {
  width: 100%;
}
.construction-etc__lead {
  font-size: 16px;
  font-weight: bold;
}
.construction-etc__txt {
  font-size: 14px;
}

.lan-wireless {
  margin-top: 40px;
}
.lan-wireless__head {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 20px;
  padding: 15px;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
  color: #fff;
  background: #e8ac3c;
}
.lan-wireless__head i {
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  width: 20px;
}
.lan-wireless__head i svg {
  width: 100%;
}
.lan-wireless__txt {
  margin-bottom: 20px;
}
.lan-wireless__table {
  table-layout: fixed;
  width: 100%;
  font-size: 14px;
  line-height: 1.6;
  border: 1px solid #d9dae0;
}
.lan-wireless__table tr > *:not(:last-child) {
  border-right: 1px solid #d9dae0;
}
.lan-wireless__table th, .lan-wireless__table td {
  padding: 15px 6px;
  text-align: center;
  vertical-align: middle;
}
.lan-wireless__table td i {
  display: block;
  width: 30px;
  margin: 0 auto;
}
.lan-wireless__table td i img {
  width: 100%;
}
.lan-wireless__table thead th {
  background: #f9f9fa;
}
.lan-wireless__table tbody tr th, .lan-wireless__table tbody tr td {
  border-top: 1px solid #d9dae0;
}

.electric-construction {
  margin-top: 30px;
}
.electric-construction__head {
  margin-bottom: 20px;
  padding: 5px 15px;
  font-size: 16px;
  line-height: 1.625;
  color: #fff;
  background: #f5c845;
}
.electric-construction__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .electric-construction__columns {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    border-top: none;
    border-left: none;
  }
}
.electric-construction__column {
  display: flex;
  gap: 10px;
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .electric-construction__column {
    border-top: 1px solid #d9dae0;
    border-left: 1px solid #d9dae0;
  }
}
.electric-construction__column:nth-of-type(even) {
  border-left: 1px solid #d9dae0;
}
.electric-construction__column:nth-of-type(n+3) {
  border-top: 1px solid #d9dae0;
}
.electric-construction__item {
  flex-grow: 1;
}
.electric-construction__heading {
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
}
.electric-construction__txt {
  font-size: 14px;
  line-height: 1.4285714286;
}
@media screen and (max-width: 768px) {
  .electric-construction__txt {
    font-size: 12px;
  }
}
.electric-construction__image {
  order: -1;
  flex-shrink: 0;
  width: 50px;
}
.electric-construction__image img {
  width: 100%;
}

.electric-request {
  margin-top: 20px;
}
.electric-request__head {
  margin-bottom: 20px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
  color: #fff;
  background: var(--box-color, #e8853c);
}
.electric-request__item {
  display: flex;
  gap: 10px;
  padding: 10px;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .electric-request__item {
    font-size: 14px;
    line-height: 1.6428571429;
  }
}
.electric-request__item i {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 20px;
  height: 26px;
}
@media screen and (max-width: 768px) {
  .electric-request__item i {
    height: 23px;
  }
}
.electric-request__item i img {
  width: 100%;
}
.electric-request__item:not(:first-child) {
  margin-top: 10px;
}

.electric-panel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .electric-panel {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.electric-panel__column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  border: 1px solid #d9dae0;
}
.electric-panel__heading {
  font-weight: bold;
}
.electric-panel__txt {
  font-size: 14px;
}
.electric-panel__image {
  order: -1;
}
.electric-panel__image img {
  width: 100%;
}

.electric-breaker {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .electric-breaker {
    margin-top: 20px;
  }
}
.electric-breaker__head {
  margin-bottom: 20px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: var(--box-color, #47a1a5);
}
.electric-breaker__items {
  border-top: 1px solid #d9dae0;
}
.electric-breaker__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px 20px;
  border-bottom: 1px solid #d9dae0;
}
.electric-breaker__item::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  width: 15px;
  height: 15px;
  background: var(--box-color, #47a1a5);
}
.electric-breaker__item dt {
  font-size: 15px;
  line-height: 1.6;
  font-weight: bold;
}
.electric-breaker__item dd {
  font-size: 14px;
}

.electric-table {
  table-layout: fixed;
  width: 100%;
  font-size: min(3.2vw, 14px);
  border: 1px solid #d9dae0;
}
.electric-table th, .electric-table td {
  padding: 20px 10px;
  text-align: center;
  vertical-align: middle;
}
.electric-table thead th {
  font-weight: bold;
  background: #f9f9fa;
}
.electric-table thead th + th {
  border-left: 1px solid #d9dae0;
}
.electric-table tbody tr > *:not(:first-child) {
  border-left: 1px solid #d9dae0;
}
.electric-table tbody th, .electric-table tbody td {
  border-top: 1px solid #d9dae0;
}

.construction-flow {
  margin-top: 25px;
}
.construction-flow.-lan {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .construction-flow.-lan {
    margin-bottom: 20px;
  }
}
.construction-flow__step {
  position: relative;
  border: 1px solid #d9dae0;
}
.construction-flow__step:not(:first-child) {
  margin-top: 45px;
}
.construction-flow__step:not(:first-child)::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 11px 12px 0 12px;
  border-color: #ff4021 transparent transparent transparent;
}
.construction-flow__head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0 10px;
  border-bottom: 1px solid #d9dae0;
  background: #f9f9fa;
}
.construction-flow__head small {
  padding: 0 12px;
  font-size: 10px;
  line-height: 2.8;
  color: #fff;
  background: #0066aa;
}
.construction-flow__head span {
  padding: 9px 0;
  font-weight: bold;
}
.construction-flow__content {
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .construction-flow__content {
    padding: 30px 5.3333333333vw 40px;
  }
}
.construction-flow__item {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .construction-flow__item {
    flex-direction: column;
    align-items: center;
  }
}
.construction-flow__image {
  flex-shrink: 0;
  width: 240px;
}
@media screen and (max-width: 768px) {
  .construction-flow__image {
    width: 69.3333333333vw;
  }
}
.construction-flow__image img {
  width: 100%;
}
.construction-flow__detail {
  flex-grow: 1;
}
.construction-flow__txt b {
  color: #ff4021;
}
.construction-flow__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 20px;
  padding: 6px 20px;
  font-size: 15px;
  color: #ff4021;
  border: 1px solid #ff4021;
}
@media screen and (max-width: 768px) {
  .construction-flow__link {
    display: flex;
    justify-content: center;
    width: 51.2vw;
    min-width: 192px;
    margin: 20px auto 0;
    white-space: nowrap;
    font-size: 14px;
  }
}
.construction-flow__link i {
  flex-shrink: 0;
  width: 4px;
}
.construction-flow__link i img {
  width: 100%;
}
.construction-flow__rows {
  margin-top: 30px;
}
.construction-flow__row {
  border-top: 1px solid #d9dae0;
}
.construction-flow__row:not(:first-child) {
  margin-top: 30px;
}
.construction-flow__heading {
  display: inline-block;
  margin-bottom: 15px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 2.5;
  font-weight: bold;
  background: #d9dae0;
}
.construction-flow__list {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .construction-flow__list {
    font-size: 14px;
  }
}
.construction-flow__list li::before {
  content: "■";
}
.construction-flow__fig {
  width: 392px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .construction-flow__fig {
    width: 100%;
    max-width: 400px;
  }
}
.construction-flow__fig img {
  width: 100%;
}
.construction-flow__note dt {
  font-weight: 400;
}
.construction-flow__note dt::before {
  content: "※";
}
.construction-flow__note dd::before {
  content: "・";
}

.construction-price {
  margin-top: 40px;
}
.construction-price__table {
  table-layout: fixed;
  width: 100%;
  margin-top: 30px;
}
.construction-price__table th, .construction-price__table td {
  padding: 10px;
  font-size: 14px;
  line-height: 1.5714285714;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .construction-price__table th, .construction-price__table td {
    padding: 10px 8px;
  }
}
.construction-price__table th {
  background: #f9f9fa;
}
.construction-price__table td:last-child {
  border-right: 2px solid #ff4021;
  border-left: 2px solid #ff4021;
}
.construction-price__table thead th {
  font-size: 15px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .construction-price__table thead th {
    font-size: 14px;
  }
}
.construction-price__table thead th:nth-of-type(1) {
  border: none;
  background: none;
}
.construction-price__table thead th:nth-of-type(2) {
  background: #9fa9b3;
}
.construction-price__table thead th:nth-of-type(3) {
  border-right: 2px solid #ff4021;
  border-left: 2px solid #ff4021;
  border-top: 1px solid #ff4021;
  background-color: #ff4021;
}
.construction-price__table tfoot td:last-child {
  border-bottom: 2px solid #ff4021;
}
.construction-price__txt {
  margin-top: 20px;
}
.construction-price__foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.construction-price__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  font-size: 14px;
  line-height: 1.5714285714;
  border: 1px solid #d9dae0;
  background: #f9f9fa;
  transition: color 0.3s, border-color 0.3s;
}
.construction-price__link:hover {
  opacity: 1;
  color: #ff4021;
  border-color: #ff4021;
}
.construction-price__link i {
  position: absolute;
  width: 6px;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.construction-price__link i img {
  width: 100%;
}

.construction-payment {
  margin-top: 30px;
  border: 1px solid #d9dae0;
}
.construction-payment__head {
  padding: 10px 30px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  border-bottom: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .construction-payment__head {
    padding: 10px 15px;
  }
}
.construction-payment__wrap {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .construction-payment__wrap {
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px 5.3333333333vw;
  }
}
.construction-payment__list {
  padding-left: 15px;
  font-size: 14px;
  line-height: 1.6428571429;
}
@media screen and (max-width: 768px) {
  .construction-payment__list {
    padding-left: 18px;
  }
}
.construction-payment__list li {
  list-style: disc outside;
}
.construction-payment__list li b {
  color: #ff4021;
}
.construction-payment__list li:not(:first-child) {
  margin-top: 10px;
}
.construction-payment__image {
  flex-shrink: 0;
  width: 280px;
}
@media screen and (max-width: 768px) {
  .construction-payment__image {
    order: -1;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}
.construction-payment__image img {
  width: 100%;
}

.tel-troubleshooting {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .tel-troubleshooting {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: min(2.6666666667vw, 20px) 20px;
  }
}
.tel-troubleshooting__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  border: 1px solid #d9dae0;
}
.tel-troubleshooting__heading {
  padding: 7px;
  word-break: auto-phrase;
  font-size: 15px;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .tel-troubleshooting__heading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 65px;
    font-size: 18px;
  }
}
.tel-troubleshooting__item {
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .tel-troubleshooting__item {
    padding: 30px;
  }
}
.tel-troubleshooting__image {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .tel-troubleshooting__image {
    padding: 20px;
    border: 1px solid #d9dae0;
  }
}
.tel-troubleshooting__image img {
  width: 100%;
}
.tel-troubleshooting__data dt {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  text-align: center;
  border: 1px solid #d9dae0;
  background: #f9f9fa;
}
.tel-troubleshooting__data dd {
  position: relative;
  padding-left: 1em;
  font-size: 14px;
  line-height: 1.7142857143;
}
.tel-troubleshooting__data dd::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 4px;
  top: 10px;
  left: 3px;
  border-radius: 50%;
  background: currentColor;
}

.tel-reason__item {
  display: flex;
  gap: 25px;
  padding: 25px 0;
  border-bottom: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .tel-reason__item {
    flex-direction: column;
    gap: 20px;
    padding: 0 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .tel-reason__item:not(:first-child) {
    margin-top: 40px;
  }
}
.tel-reason__heading {
  flex-shrink: 0;
  width: 181px;
}
@media screen and (max-width: 768px) {
  .tel-reason__heading {
    width: 41.6vw;
    max-width: 220px;
    margin: 0 auto;
  }
}
.tel-reason__heading img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .tel-reason__detail {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.tel-reason__lead {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .tel-reason__lead {
    margin-right: auto;
  }
}
.tel-reason__txt {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.7142857143;
}
@media screen and (max-width: 768px) {
  .tel-reason__txt {
    margin-bottom: 20px;
  }
}
.tel-reason__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 2.5714285714;
  color: #ff4021;
  border: 1px solid #ff4021;
}
.tel-reason__link i {
  flex-shrink: 0;
  width: 5px;
}
.tel-reason__link i img {
  width: 100%;
}

.lan-security {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .lan-security {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px 20px;
  }
}
.lan-security__column {
  display: flex;
  flex-direction: column;
}
.lan-security__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border: 1px solid #d9dae0;
  background: linear-gradient(to top, #f3f3f3, #fff 20%, #FFF);
}
.lan-security__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lan-security__heading [lang=en] {
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
}
.lan-security__heading [lang=ja] {
  font-size: 10px;
}
.lan-security__image {
  margin: 0 -20px;
}
.lan-security__image img {
  width: 100%;
}
.lan-security__lead {
  font-size: 16px;
  font-weight: bold;
}
.lan-security__txt {
  font-size: 14px;
  line-height: 1.7142857143;
}
.lan-security__more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.2142857143;
  text-decoration: underline;
}
.lan-security__more:hover {
  text-decoration: none;
}
.lan-security__more i {
  flex-shrink: 0;
  width: 4px;
}
.lan-security__more i img {
  width: 100%;
}

.construction-area-mv {
  background: url("../img/tel/main_visual_bg.png") repeat-x;
}
@media screen and (max-width: 768px) {
  .construction-area-mv {
    background: none;
  }
}
.construction-area-mv__image {
  display: flex;
  align-items: flex-end;
  width: var(--_width-PC, 1000px);
  height: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .construction-area-mv__image {
    width: 100vw;
    height: auto;
    margin: 0 -4vw;
  }
}
.construction-area-mv__image img {
  width: 100%;
}

.construction-area-slide {
  max-width: 960px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .construction-area-slide {
    width: 62.6666666667vw;
    margin-bottom: 65px;
  }
}
.construction-area-slide.is-initialized:not(.is-active) .splide__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.construction-area-slide .splide__arrow {
  aspect-ratio: 47/28;
  width: 62.6666666667vw;
  height: auto;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.4);
}
.construction-area-slide .splide__arrow svg {
  display: none;
}
.construction-area-slide .splide__arrow--prev {
  left: auto;
  right: calc(100% + 10px);
}
.construction-area-slide .splide__arrow--next {
  right: auto;
  left: calc(100% + 10px);
}
.construction-area-slide .splide__pagination {
  justify-content: center;
  gap: 5px;
  bottom: -25px;
}
.construction-area-slide .splide__pagination li button {
  width: 20px;
  height: 4px;
  margin: 0;
  border-radius: 0;
  background: #d9dae0;
  opacity: 1;
}
.construction-area-slide .splide__pagination li button.is-active {
  transform: none;
  background: #fe4121;
}
@media screen and (max-width: 768px) {
  .construction-area-slide__wrap {
    overflow: visible;
  }
}
.construction-area-slide__item a {
  display: block;
}
.construction-area-slide__item img {
  width: 100%;
}

.construction-area-reason {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 15px;
}
.construction-area-reason__item {
  width: calc(33.3333333333% - 10px);
  padding: 24px 14px 14px;
  line-height: 1.6;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .construction-area-reason__item {
    width: 100%;
  }
}
.construction-area-reason__item dt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: var(--_main-color);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .construction-area-reason__item dt {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 14px;
    text-align: left;
  }
}
.construction-area-reason__item dt::before {
  content: attr(data-attr);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 135px;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  line-height: 1.875;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background: var(--_main-color);
}
.construction-area-reason__item dd {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .construction-area-reason__item dd {
    font-size: 14px;
  }
}
.construction-area-reason__item.-type-1 {
  width: calc(50% - 7.5px);
}
@media screen and (max-width: 768px) {
  .construction-area-reason__item.-type-1 {
    width: 100%;
  }
}
.construction-area-reason__image {
  width: 100%;
}
.construction-area-reason__image img {
  width: 100%;
}

.construction-area-service {
  padding-bottom: 30px;
  background: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .construction-area-service {
    padding: 15px 0 20px;
  }
}
.construction-area-service__head {
  width: 90%;
  margin: 0 auto -26px;
  transform: translateY(-31px);
}
@media screen and (max-width: 768px) {
  .construction-area-service__head {
    margin: 0 auto;
    transform: none;
  }
}
.construction-area-service__head img {
  width: 100%;
}
.construction-area-service__wrap {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .construction-area-service__wrap {
    margin-top: 20px;
    padding: 0 20px;
  }
}
.construction-area-service__list {
  display: none;
}
@media screen and (max-width: 768px) {
  .construction-area-service__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.construction-area-service__list li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  word-break: auto-phrase;
  font-size: min(3.7333333333vw, 14px);
  font-weight: bold;
  color: var(--_main-color);
  line-height: 1.6;
  text-align: center;
  background: #fff;
}
.construction-area-service__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .construction-area-service__columns {
    grid-template-columns: 1fr;
    margin-top: 25px;
  }
}
.construction-area-service__column {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 5px 15px;
  padding: 15px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .construction-area-service__column {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.construction-area-service__column dt {
  font-size: 15px;
  font-weight: bold;
  color: var(--_main-color);
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .construction-area-service__column dt {
    font-size: 16px;
  }
}
.construction-area-service__column dd {
  display: contents;
}
.construction-area-service__column dd i {
  grid-column: 1/2;
  grid-row: 1/4;
}
@media screen and (max-width: 768px) {
  .construction-area-service__column dd i {
    display: none;
  }
}
.construction-area-service__column dd i img {
  width: 100%;
}
.construction-area-service__column dd span {
  font-size: 12px;
  line-height: 1.5;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .construction-area-service__column dd span {
    font-size: 15px;
  }
}

.construction-area-member {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .construction-area-member {
    margin-top: 20px;
  }
}
.construction-area-member__head {
  padding: 15px 25px;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .construction-area-member__head {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 119px;
    padding: 15px 105px 15px 15px;
    font-size: 16px;
  }
}
.construction-area-member__head em {
  color: #ffe100;
}
.construction-area-member__head i {
  display: none;
}
@media screen and (max-width: 768px) {
  .construction-area-member__head i {
    position: absolute;
    display: block;
    width: 103px;
    bottom: 0;
    right: 7px;
  }
}
.construction-area-member__wrap {
  position: relative;
  padding: 20px 25px;
}
@media screen and (max-width: 768px) {
  .construction-area-member__wrap {
    padding: 15px;
  }
}
.construction-area-member__item {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
  padding-right: 250px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .construction-area-member__item {
    padding-right: 0;
  }
}
.construction-area-member__list {
  display: contents;
}
.construction-area-member__list li {
  display: flex;
}
@media screen and (max-width: 768px) {
  .construction-area-member__list li {
    font-size: 14px;
  }
}
.construction-area-member__list li::before {
  content: "■";
  flex-shrink: 0;
  color: #e8442a;
}
.construction-area-member__note {
  font-size: 15px;
  line-height: 1.6;
}
.construction-area-member__image {
  position: absolute;
  width: 217px;
  bottom: 0;
  right: 20px;
}
@media screen and (max-width: 768px) {
  .construction-area-member__image {
    display: none;
  }
}
.construction-area-member__image img {
  width: 100%;
}
.construction-area-member__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.construction-area-member__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.construction-area-price__details {
  border: 1px solid #d9dae0;
}
.construction-area-price__details + .construction-area-price__details {
  margin-top: 10px;
}
.construction-area-price__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .construction-area-price__summary {
    gap: 6px;
    font-size: 16px;
  }
}
.construction-area-price__summary::before {
  content: "";
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #434343;
}
.construction-area-price__summary i {
  position: relative;
  aspect-ratio: 1;
  width: 22px;
  margin-left: auto;
  background: #434343;
}
.construction-area-price__summary i::before, .construction-area-price__summary i::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  background: #fff;
  transition: transform 0.3s;
}
.construction-area-price__summary i::before {
  transform: translate(-50%, -50%);
}
.construction-area-price__summary i::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
[open] > .construction-area-price__summary i::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
[open] > .construction-area-price__summary i::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.construction-area-price__content {
  padding: 30px;
  border-top: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .construction-area-price__content {
    padding: 10px;
  }
}
.construction-area-price__table {
  width: 100%;
  border-collapse: collapse;
}
.construction-area-price__table th, .construction-area-price__table td {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.construction-area-price__table thead th {
  color: #fff;
}
.construction-area-price__table thead th.-type-2 {
  border: 2px solid #fff;
  background: #1775b3;
}
.construction-area-price__table thead th.-type-3 {
  border: 2px solid #e8442a;
  background: #e8442a;
}
.construction-area-price__table tbody th {
  border: 2px solid #fff;
  background: #f5f5f5;
}
.construction-area-price__table tbody td {
  border: 2px solid #fff;
  border-right: none;
  background: #e6effb;
}
.construction-area-price__table tbody td + td {
  color: #e8442a;
  border-top: none;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #e8442a;
  border-left: 2px solid #e8442a;
  background: #ffe0db;
}
.construction-area-price__table tbody tr:last-child td + td {
  border-bottom: 2px solid #e8442a;
}
.construction-area-price__note {
  margin-top: 20px;
}
.construction-area-price__note small {
  display: block;
  font-size: 13px;
  line-height: 1.5em;
}
.construction-area-price__example {
  margin-top: 30px;
  border: 5px solid #f5f5f5;
}
.construction-area-price__heading {
  display: flex;
  justify-content: center;
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #e8442a;
}
.construction-area-price__item {
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .construction-area-price__item {
    padding: 10px;
  }
}
.construction-area-price__desc {
  margin-bottom: 25px;
  line-height: 1.6;
}
.construction-area-price__desc dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
.construction-area-price__desc dd {
  font-size: 15px;
}
.construction-area-price__image {
  margin-bottom: 30px;
}
.construction-area-price__image img {
  width: 100%;
}

.construction-area-partner {
  display: grid;
  grid-template-columns: 188px 1fr;
  gap: 30px;
  margin-top: 30px;
  padding: 30px;
  border: 10px solid var(--_main-color);
}
@media screen and (max-width: 768px) {
  .construction-area-partner {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
  }
}
.construction-area-partner__image img {
  width: 100%;
}
.construction-area-partner__image.-type-1 {
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .construction-area-partner__image.-type-1 {
    aspect-ratio: auto;
    padding: 0;
  }
}
.construction-area-partner__intro {
  padding-bottom: 15px;
  border-bottom: 1px solid #afafaf;
}
.construction-area-partner__head {
  display: flex;
  align-items: baseline;
  gap: 15px;
  font-weight: bold;
  color: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .construction-area-partner__head {
    gap: 10px;
  }
}
.construction-area-partner__head em {
  font-size: 18px;
}
.construction-area-partner__head small {
  font-size: 10px;
}
.construction-area-partner__txt {
  margin-top: 13px;
  font-size: 14px;
}
.construction-area-partner__rows {
  margin-top: 13px;
}
.construction-area-partner__row dt {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  font-weight: bold;
  color: var(--_main-color);
  line-height: 1.6;
}
.construction-area-partner__row dt i {
  flex-shrink: 0;
  width: 15px;
}
.construction-area-partner__row dt i img {
  width: 100%;
}
.construction-area-partner__row + .construction-area-partner__row {
  margin-top: 13px;
}
.construction-area-partner__row.-detail dd {
  margin-top: 10px;
}
.construction-area-partner__row.-address {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .construction-area-partner__row.-address {
    flex-direction: column;
    gap: 0;
  }
}
.construction-area-partner__row.-address dd {
  font-size: 14px;
  line-height: 1.6;
}
.construction-area-partner__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.construction-area-partner__list li {
  width: fit-content;
  padding: 2px 10px;
  font-size: 12px;
  color: #fff;
  line-height: 1.6;
  border-radius: 20px;
  background: var(--_main-color);
}

.construction-area-data {
  margin-top: 30px;
}
.construction-area-data__head {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
.construction-area-data__txt {
  margin-top: 20px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .construction-area-data__txt {
    font-size: 14px;
  }
}
.construction-area-data__image {
  margin: 20px auto 0;
}
.construction-area-data__image img {
  width: 100%;
}
.construction-area-data__image.-tokyo {
  width: 730px;
}
@media screen and (max-width: 768px) {
  .construction-area-data__image.-tokyo {
    width: 100%;
  }
}
.construction-area-data__image.-kanagawa {
  width: 590px;
}
@media screen and (max-width: 768px) {
  .construction-area-data__image.-kanagawa {
    width: 100%;
  }
}
.construction-area-data__image.-chiba {
  width: 530px;
}
@media screen and (max-width: 768px) {
  .construction-area-data__image.-chiba {
    width: 100%;
  }
}
.construction-area-data__image.-saitama {
  width: 590px;
}
@media screen and (max-width: 768px) {
  .construction-area-data__image.-saitama {
    width: 100%;
  }
}
.construction-area-data__image.-fukuoka {
  width: 420px;
}
@media screen and (max-width: 768px) {
  .construction-area-data__image.-fukuoka {
    width: 100%;
  }
}

.construction-area-detail {
  border: 1px solid #e7e7e7;
}
.construction-area-detail__item {
  display: grid;
  grid-template-columns: 150px 1fr;
}
@media screen and (max-width: 768px) {
  .construction-area-detail__item {
    grid-template-columns: 1fr;
  }
}
.construction-area-detail__item dt {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.6;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .construction-area-detail__item dt {
    padding: 20px 0;
  }
}
.construction-area-detail__item dd {
  padding: 20px;
}
.construction-area-detail__item + .construction-area-detail__item {
  border-top: 1px solid #e7e7e7;
}
.construction-area-detail__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}
.construction-area-detail__list li {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .construction-area-detail__list li {
    display: flex;
    gap: 3px;
  }
}
.construction-area-detail__list li::before {
  content: "●";
}

.construction-area-type {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .construction-area-type {
    grid-template-columns: 1fr;
  }
}
.construction-area-type__column {
  border: 1px solid #e7e7e7;
}
.construction-area-type__column dt {
  position: relative;
}
.construction-area-type__column dt > i {
  display: block;
  width: 100%;
}
.construction-area-type__column dt > i img {
  width: 100%;
}
.construction-area-type__column dt span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 15px 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: rgba(23, 117, 179, 0.7);
}
.construction-area-type__column dt span i {
  position: absolute;
  width: fit-content;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .construction-area-type__column dt span i {
    display: none;
  }
}
.construction-area-type__column dt span i img {
  width: 100%;
}
.construction-area-type__column dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 25px 20px 20px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .construction-area-type__column dd {
    padding: 20px;
  }
}
.construction-area-type__column dd span {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 768px) {
  .construction-area-type__column dd span {
    line-height: 1.6;
    letter-spacing: 0;
  }
}
.construction-area-type__column dd a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 187px;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #1775b3;
  border: 1px solid #1775b3;
  background: #e8442a;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .construction-area-type__column dd a {
    width: 100%;
    background: none;
  }
}
.construction-area-type__column dd a::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #1775b3;
  border-right: 2px solid #1775b3;
  z-index: 1;
  transition: 0.3s;
}
.construction-area-type__column dd a:hover {
  opacity: 1;
  color: #fff;
  background: #1775b3;
}
.construction-area-type__column dd a:hover::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.construction-area-campaign {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .construction-area-campaign {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  }
}
.construction-area-campaign__item a {
  display: block;
}
.construction-area-campaign__item img {
  width: 100%;
}

.construction-area-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 920px;
  margin: 0 auto;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .construction-area-flow {
    grid-template-columns: repeat(2, 1fr);
  }
}
.construction-area-flow__column + .construction-area-flow__column {
  border-left: 1px solid #e7e7e7;
}
.construction-area-flow__column + .construction-area-flow__column dd::before, .construction-area-flow__column + .construction-area-flow__column dd::after {
  content: "";
  aspect-ratio: 1;
  position: absolute;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .construction-area-flow__column + .construction-area-flow__column dd::before, .construction-area-flow__column + .construction-area-flow__column dd::after {
    content: none;
  }
}
.construction-area-flow__column + .construction-area-flow__column dd::before {
  width: 21px;
  top: 50%;
  left: -10px;
  border-radius: 5px;
  background: #b9b9b9;
}
.construction-area-flow__column + .construction-area-flow__column dd::after {
  width: 9px;
  top: calc(50% - 1px);
  left: -9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}
.construction-area-flow__item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.construction-area-flow__item dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-bottom: 20px;
  background: #fff;
}
.construction-area-flow__item dt small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 27px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .construction-area-flow__item dt small {
    width: 26.6666666667vw;
    min-width: 100px;
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.construction-area-flow__item dt small i {
  display: none;
}
.construction-area-flow__item dt > i {
  display: flex;
  height: 81px;
}
@media screen and (max-width: 768px) {
  .construction-area-flow__item dt > i {
    height: 21.6vw;
    min-height: 81px;
  }
}
.construction-area-flow__item dt > i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.construction-area-flow__item dd {
  position: relative;
  flex-grow: 1;
  padding: 20px 10px 25px;
  background: #f9f9fa;
}
.construction-area-flow__data {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .construction-area-flow__data {
    max-width: 313px;
    margin: 0 auto;
  }
}
.construction-area-flow__data li {
  position: relative;
  padding-left: 1em;
}
.construction-area-flow__data li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.construction-area-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .construction-area-links {
    grid-template-columns: 1fr;
  }
}
.construction-area-links__column a {
  display: block;
  border: 1px solid #e7e7e7;
  background: #f5f5f5;
}
.construction-area-links__heading {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: var(--_main-color);
}
.construction-area-links__item {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 10px;
  align-items: center;
  padding: 15px;
}
.construction-area-links__image img {
  width: 100%;
}
.construction-area-links__list li {
  display: flex;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6;
}
.construction-area-links__list li::before {
  content: "●";
  color: var(--_main-color);
}

.security {
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .toggle_div {
    display: none;
  }
}

.acd_content {
  display: none;
}

.acd_content.open {
  display: block;
}

.security_contact {
  margin-top: 50px;
  padding: 80px;
  text-align: center;
  color: #fff;
  background: linear-gradient(114deg, #c82090 0, #6a14d1 100%);
}

@media screen and (max-width: 768px) {
  .security_contact {
    margin-top: 20px;
    padding: 7% 6%;
  }
}
.security_contact h2 {
  padding-top: 0;
  border: 0;
}

@media screen and (max-width: 768px) {
  .security_contact h2 {
    max-width: 28%;
    margin: 0 auto;
  }
}
.security_contact h2::before {
  content: none;
}

.security_contact p {
  margin-top: 30px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .security_contact p {
    margin-top: 20px;
    font-size: 15px;
  }
}
.security_contact .btn {
  padding: 0;
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
  font-size: 26px;
  font-weight: 700;
  border-radius: 50px;
  border: 5px solid #fff;
  box-sizing: border-box;
  position: relative;
}

@media screen and (min-width: 769px) {
  .security_contact .btn {
    width: 652px;
    height: 97px;
    line-height: 88px;
  }
}
@media screen and (max-width: 768px) {
  .security_contact .btn {
    width: 100%;
    height: 70px;
    line-height: 66px;
    margin-top: 20px;
    font-size: 15px;
    border: 2px solid #fff;
  }
}
.security_contact .btn::after {
  content: "";
  width: 20px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  background: #fff;
  -webkit-mask-image: url(../svg/icons/contact_arrow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

@media screen and (max-width: 768px) {
  .security_contact .btn::after {
    width: 10px;
    height: 17px;
    right: 4%;
  }
}
@media screen and (min-width: 769px) {
  .security_contact_wrap {
    width: 660px;
    margin: 0 auto;
  }
}
.security_contact_wrap h2 img {
  width: auto !important;
}

.security_contact_wrap .btn {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .security_contact_wrap .btn {
    margin-top: 20px;
  }
}
.security_contact_last {
  margin-bottom: 50px;
}

.contact_mt0 .security_contact {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .security_footer {
    margin-top: -20px;
  }
}
.security_footer #promotion-video {
  display: none;
}

.security_footer .fcb_2022_main,
.security_footer .fcb_2022_trigger {
  z-index: 999;
}

.mfp-zoom-out-cur .security_footer .fcb_2022_main,
.mfp-zoom-out-cur .security_footer .fcb_2022_trigger {
  z-index: 1;
}

.toggle_ttl {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .toggle_ttl {
    pointer-events: auto;
    position: relative;
  }
}
.toggle_ttl > figure + div {
  font-weight: bold;
}

.grad_title {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .grad_title {
    font-size: 4.8vw;
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  .spec_list .toggle_ttl_prev {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .spec_list .toggle_ttl_prev {
    display: block;
    margin-top: 10px;
    padding: 18px;
    color: #404040;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #aaa;
    border-radius: 50px;
    box-shadow: 0 5px 5px #b5b5b5;
    position: relative;
  }
  .spec_list .toggle_ttl_prev::before {
    content: "";
    position: absolute;
    top: -15vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(90%, #fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 90%);
    z-index: 1;
  }
  .spec_list .toggle_ttl_prev::after {
    content: "";
    width: 13px;
    height: 8px;
    display: inline-block;
    margin: 0 0 1px 9px;
    background: #fff url(../img/security/cyberbox/toggle_ttl_arrow.png) no-repeat;
    background-size: contain;
  }
}
.spec_list .toggle_ttl_prev.open {
  color: #fff;
  background: #1d2731;
}

@media screen and (max-width: 768px) {
  .spec_list .toggle_ttl_prev.open::before {
    display: none;
  }
}
.spec_list .toggle_ttl_prev.open::after {
  width: 16px;
  height: 16px;
  margin: 0 0 -2px 9px;
  background: url(../img/security/cyberbox/toggle_ttl_close.png) no-repeat 0 0;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .spec_list .toggle_div {
    display: block;
    overflow: hidden;
    height: 12em;
    transition: all 0.3s;
  }
}
.spec_list .toggle_div.open {
  display: block !important;
  height: auto;
  overflow: visible;
}

.spec_block {
  display: flex;
  margin-bottom: 1px;
}

@media screen and (max-width: 768px) {
  .spec_block {
    flex-direction: column;
  }
}
.spec_block p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3;
}

.spec_block p:first-of-type {
  width: 44.2437923251%;
  margin-right: 2.2573363431%;
  padding: 15px 50px 15px 50px;
  font-size: 20px;
  font-weight: 700;
  background: #f1efef;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .spec_block p:first-of-type {
    width: 100%;
    margin-right: 0;
    padding: 8px 15px;
    font-size: 15px;
  }
}
.spec_block p:last-of-type {
  width: 53.4988713318%;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 700;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .spec_block p:last-of-type {
    width: 100%;
    padding: 8px 15px 12px 15px;
    font-size: 15px;
  }
}
.spec_block p .min {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .spec_block .spec_block_flex {
    flex-direction: row;
  }
}
.spec_block .spec_block_flex span:first-of-type {
  padding-right: 12px;
  box-sizing: border-box;
}

.spec_caution {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .spec_caution {
    margin: 20px 0 30px 0;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_sp .btn_area {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_sp .tab_panel {
    display: block;
  }
}
.tokuchou_list {
  margin: 50px 45px 0;
}
@media screen and (max-width: 768px) {
  .tokuchou_list {
    margin: 35px 0 0;
  }
}

.tokuchou_list li {
  position: relative;
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .tokuchou_list li {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list li:nth-child(even) .tokuchou_list_box {
    margin-left: auto;
    padding: 0 33px 0 67px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list li:nth-child(even) .tokuchou_list_box h4 .tokuchou_nb {
    left: auto;
    right: -5px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list li:nth-child(even) .tokuchou_list_img {
    left: auto;
    right: 460px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list li:nth-child(1) .tokuchou_ttl {
    width: 53.4653465347%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list li:nth-child(2) .tokuchou_ttl {
    width: 56.1056105611%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list li:nth-child(2) .tokuchou_nb {
    left: -5px !important;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list li:nth-child(3) .tokuchou_ttl {
    width: 58.0858085809%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list li:nth-child(3) .tokuchou_list_img {
    width: 544px;
    top: -15px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list li:nth-child(3) .tokuchou_nb {
    left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list li:nth-child(4) .tokuchou_ttl {
    width: 55.4455445545%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list li:nth-child(4) .tokuchou_list_img {
    top: -40px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list li:nth-child(4) .tokuchou_nb {
    left: -5px !important;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list li:nth-child(5) .tokuchou_nb {
    left: -5px !important;
  }
}
.tokuchou_list .tokuchou_list_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 67px 0 33px;
  background: #f8f8f8;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .tokuchou_list .tokuchou_list_box {
    width: 600px;
    height: 280px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list .tokuchou_list_box {
    padding: 0;
  }
}
.tokuchou_list .tokuchou_list_box h4 {
  position: relative;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .tokuchou_list .tokuchou_list_box h4 {
    margin-bottom: 0;
    padding: 20px 5%;
  }
}
.tokuchou_list .tokuchou_list_box h4::after {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .tokuchou_list .tokuchou_list_box h4::after {
    display: none;
  }
}
.tokuchou_list .tokuchou_list_box h4.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

.tokuchou_list .tokuchou_list_box h4 .tokuchou_nb {
  position: absolute;
  left: -5px;
  bottom: calc(100% + 10px);
}

@media screen and (max-width: 768px) {
  .tokuchou_list .tokuchou_list_box h4 .tokuchou_nb {
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    bottom: auto;
    width: auto;
    height: 42px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list .tokuchou_list_box h4 .tokuchou_ttl {
    margin-left: calc(47px - 5%);
  }
}
.tokuchou_list .tokuchou_list_box p {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  opacity: 0.75;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .tokuchou_list .tokuchou_list_box p {
    font-size: 15px;
    color: #939699;
    opacity: 1;
  }
}

.tokuchou_list .tokuchou_list_img {
  position: absolute;
}

@media screen and (min-width: 769px) {
  .tokuchou_list .tokuchou_list_img {
    left: 460px;
    top: 0;
    width: 560px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list .tokuchou_list_img {
    display: none;
  }
}
.tokuchou_list .tokuchou_list_img_sp {
  margin-top: 20px;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .tokuchou_list .tokuchou_list_img_sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list .toggle_div {
    position: relative;
    padding: 5% 5% 10% 5%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list .toggle_div::after,
  .tokuchou_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
.tab_box .btn_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tab_box .tab_btn {
  width: 33.3333333333%;
  margin-bottom: 1px;
  padding: 8px 0;
  background: #e0e2e2;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  transition: all 0.2s ease 0s;
}

.tab_box .tab_btn:nth-child(3n+2) {
  width: calc(33.3333333333% - 1px);
}

.tab_box .tab_btn:first-child {
  border-radius: 5px 0 0 0;
}

.tab_box .tab_btn:last-child {
  border-radius: 0 0 5px 0;
}

.tab_box .tab_btn.active {
  background: #1d2731;
  color: #fff;
}

.tab_box .panel_area {
  padding: 20px;
}

.tab_box .tab_panel {
  display: none;
}

.tab_box .tab_panel p {
  text-align: center;
}

.tab_box .tab_panel[aria-hidden=false] {
  display: block;
}

.contact_mt01 .security_contact {
  margin-top: 1px;
}

.mv {
  background: #f1f0f0;
}

@media screen and (max-width: 768px) {
  .mv {
    width: 100%;
    overflow-x: hidden;
  }
}
.mv_swiper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 50px;
  overflow: visible;
}

@media screen and (min-width: 769px) {
  .mv_swiper .swiper-slide {
    width: 1000px !important;
  }
}
.mv_swiper .swiper-slide img {
  width: 100%;
  height: auto;
}

.mv_swiper .swiper-slide-next,
.mv_swiper .swiper-slide-prev {
  position: relative;
}

.mv_swiper .swiper-slide-next::after,
.mv_swiper .swiper-slide-prev::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  height: 400px;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .mv_swiper .swiper-slide-next::after,
  .mv_swiper .swiper-slide-prev::after {
    content: none;
  }
}
.mv_swiper .swiper-button-next,
.mv_swiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  top: 50%;
  transition: ease all 0.3s;
}

@media screen and (max-width: 768px) {
  .mv_swiper .swiper-button-next,
  .mv_swiper .swiper-button-prev {
    display: none;
  }
}
.mv_swiper .swiper-button-next::after,
.mv_swiper .swiper-button-prev::after {
  content: url(../svg/icons/swiper_arrow.svg);
  width: 50px;
  height: 50px;
}

@media screen and (min-width: 769px) {
  .mv_swiper .swiper-button-next:hover,
  .mv_swiper .swiper-button-prev:hover {
    opacity: 0.8;
  }
}
.mv_swiper .swiper-button-prev {
  left: -60px;
}

.mv_swiper .swiper-button-next {
  right: -60px;
  transform: scale(-1, 1);
}

.mv_swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 9px !important;
  background: #b5b5b5;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .mv_swiper .swiper-pagination-bullet {
    margin: 0 14px !important;
  }
}
.mv_swiper .swiper-pagination-bullet-active {
  background: #3c3c3c;
}

.security_top {
  padding: 40px 0 50px 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .security_top {
    padding: 0;
  }
}
.security_top .security_reason {
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  .security_top .security_reason {
    padding-top: 40px;
  }
}
.security_free {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
  .security_free {
    margin: 0 calc(-50vw + 50%);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  }
}
.security_reason_list {
  max-width: 960px;
  margin: 50px auto 0;
  display: flex;
}

@media screen and (max-width: 768px) {
  .security_reason_list {
    margin: 15px auto 0;
    flex-direction: column;
  }
}
.security_reason_list li {
  width: 32.2916666667%;
  margin-right: 1.5625%;
  padding: 20px;
  position: relative;
  text-align: center;
  box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .security_reason_list li {
    width: 100%;
    margin-right: 0;
    padding: 15px 15px 15px 0;
    display: flex;
    align-items: center;
    box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 769px) {
  .security_reason_list li:nth-of-type(1) .reason_list_img {
    width: 174px;
  }
}
@media screen and (min-width: 769px) {
  .security_reason_list li:nth-of-type(2) .reason_list_img {
    width: 175px;
  }
}
@media screen and (min-width: 769px) {
  .security_reason_list li:nth-of-type(3) .reason_list_img {
    width: 181px;
  }
}
@media screen and (max-width: 768px) {
  .security_reason_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.security_reason_list li:last-child {
  margin-right: 0;
}

.reason_list_img {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-60%);
}

@media screen and (max-width: 768px) {
  .reason_list_img {
    width: 28%;
    position: static;
    transform: inherit;
  }
}
.reason_list_grad {
  padding-top: 125px;
  padding-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
  .reason_list_grad {
    width: 72%;
    margin-left: 14px;
    padding: 0;
    font-size: 18px;
    text-align: left;
  }
}
.reason_list_grad::after {
  content: "";
  display: block;
  width: 45px;
  height: 3px;
  background-image: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-60%);
}

@media screen and (max-width: 768px) {
  .reason_list_grad::after {
    content: none;
  }
}
.reason_list_text {
  padding-top: 10px;
  color: #666;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .reason_list_text {
    display: none;
  }
}
.security_products {
  display: flex;
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .security_products {
    margin-top: 25px;
    flex-direction: column;
  }
}
.security_products li {
  margin-right: 10px;
  border-radius: 10px;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
  .security_products li {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .security_products li:nth-child(n+2) {
    margin-top: 15px;
  }
}
.security_products li:last-child {
  margin-right: 0;
}

.security_cyber {
  margin-top: 50px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .security_cyber {
    margin-top: 30px;
    padding-top: 7%;
    padding-bottom: 12vw;
    overflow: hidden;
  }
}
.security_cyber::before {
  content: "";
  position: absolute;
  bottom: -185px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/top/cyber_bg.png);
  background-repeat: no-repeat;
  z-index: -1;
}

@media screen and (min-width: 769px) {
  .security_cyber::before {
    width: 1920px;
    height: 1372px;
    background-size: 100%;
    background-position: center bottom;
  }
}
@media screen and (max-width: 768px) {
  .security_cyber::before {
    width: 100vw;
    height: 100%;
    top: 0;
    background-image: url(../img/security/top/cyber_bg_sp.png);
    background-size: cover;
    background-position: top center;
  }
}
@media screen and (max-width: 768px) {
  .security_cyber::after {
    content: "";
    width: 120vw;
    height: 30vw;
    position: absolute;
    bottom: -22vw;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
}
@media screen and (max-width: 768px) {
  .cyber_security .wrapper {
    padding: 0;
  }
}
.security_cyber_title h3 {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .security_cyber_title h3 {
    width: 80.4154302671%;
    margin: 0 auto;
  }
}
.cyber_title_large,
.cyber_title_small {
  display: block;
}

.cyber_title_small {
  color: #777d83;
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .cyber_title_small {
    color: #1d2731;
    font-weight: 400;
  }
}
.cyber_title_large {
  font-size: 45px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .cyber_title_large {
    font-size: 18px;
  }
}
.cyber_btn {
  max-width: 700px;
  margin: 20px auto 0;
  padding: 5px;
  color: #fff;
  background: #000;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  border-radius: 30px;
}

@media screen and (max-width: 768px) {
  .cyber_btn {
    margin: 15px auto 0;
    padding: 10px 5%;
    font-size: 12px;
    letter-spacing: -0.05rem;
  }
}
.cyber_caution {
  margin-top: 6px;
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cyber_caution {
    color: #50575f;
    font-size: 3.3vw;
    font-weight: 700;
    letter-spacing: -0.05rem;
  }
}
.cyber_trouble {
  max-width: 900px;
  display: flex;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  .cyber_trouble {
    flex-direction: column;
    margin: 10px auto 0;
  }
}
.cyber_trouble li {
  margin-right: 20px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
  .cyber_trouble li {
    margin-right: 0;
  }
  .cyber_trouble li img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cyber_trouble li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.cyber_trouble li:last-child {
  margin-right: 0;
}

.cyber_measures_text {
  max-width: 900px;
  margin: 35px auto 0;
}

@media screen and (max-width: 768px) {
  .cyber_measures_text {
    margin: 15px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .cyber_measures_text img {
    width: 100%;
    height: auto;
  }
}
.cyber_measures_list {
  max-width: 920px;
  display: flex;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .cyber_measures_list {
    margin: 15px auto 0;
  }
}
.cyber_measures_list li {
  width: 32.2916666667%;
  margin-right: 1.25%;
}

@media screen and (max-width: 768px) {
  .cyber_measures_list li {
    width: 23.7388724036%;
    margin-right: 2.0771513353%;
  }
}
.cyber_measures_list li:last-child {
  margin-right: 0;
}

.cyber_measures_list li p {
  font-size: clamp(18px, 2.3407022107vw, 20px);
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .cyber_measures_list li p {
    font-size: 12px;
    letter-spacing: -0.05em;
  }
}

.cyber_measures_list li p span {
  color: #a40000;
}

.cyber_other {
  margin-top: 30px;
  font-size: 35px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cyber_other {
    margin-top: 15px;
    font-size: 18px;
    text-align: center;
    line-height: 1.4;
  }
}
.cyber_security h3 {
  max-width: 720px;
  margin: 0 auto;
  padding-top: 60px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cyber_security h3 {
    padding: 0 7%;
  }
}
.cyber_security_case {
  margin-top: 50px;
  padding: 30px 50px 40px 50px;
  background-image: url(../img/security/top/security_case_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

@media screen and (max-width: 768px) {
  .cyber_security_case {
    margin-top: 30px;
    padding: 6% 5%;
    background-image: url(../img/security/top/security_case_bg_sp.jpg);
  }
}
.cyber_security_case h4 {
  text-align: center;
}

.cyber_security_case h4 .cyber_title_large,
.cyber_security_case h4 .cyber_title_small {
  display: block;
}

.cyber_security_case h4 .cyber_title_small {
  color: #9bb9d2;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .cyber_security_case h4 .cyber_title_small {
    font-size: 12px;
  }
}
.cyber_security_case h4 .cyber_title_large {
  color: #fff;
  font-size: 36px;
}

@media screen and (max-width: 768px) {
  .cyber_security_case h4 .cyber_title_large {
    font-size: 18px;
  }
}
.tab_wrap {
  margin-top: 25px;
}

.tab_area {
  display: flex;
  justify-content: center;
  column-gap: 3px;
  border-bottom: 5px solid #01b6c9;
}
@media screen and (max-width: 768px) {
  .tab_area {
    border-bottom: 3px solid #01b6c9;
  }
}

.tab_area button {
  width: 100%;
  margin-right: 3px;
  display: inline-block;
  padding: 20px 0;
  color: #fff;
  background: #8c8c8c;
  text-align: center;
  cursor: pointer;
  transition: all ease 0.3s;
}

@media screen and (max-width: 768px) {
  .tab_area button {
    padding: 10px 0;
    max-height: 70px;
    min-height: 70px;
    margin-right: 2px;
    box-sizing: border-box;
  }
}
.tab_area button:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .tab_area button:not(:last-of-type) .title_ja {
    margin-top: 12px;
  }
}
.tab_area button .title_en,
.tab_area button .title_ja {
  display: block;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .tab_area button .title_en,
  .tab_area button .title_ja {
    line-height: 1.3;
  }
}
.tab_area button .title_en {
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .tab_area button .title_en {
    font-size: 12px;
  }
}
.tab_area button .title_ja {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .tab_area button .title_ja {
    margin-top: 5px;
    font-size: 13px;
  }
}
@media screen and (min-width: 769px) {
  .tab_area button:not(.active):hover {
    opacity: 0.8;
    cursor: pointer;
  }
}
.tab_panel {
  display: none;
  padding: 25px 50px 50px 50px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .tab_panel {
    padding: 5% 6% 6% 6%;
  }
}
.tab_panel p {
  font-weight: 700;
}

.tab_panel ul {
  display: flex;
  max-width: 800px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .tab_panel ul {
    flex-direction: column;
    margin-top: 10px;
  }
}
.tab_panel ul li picture {
  display: flex;
  justify-content: center;
}

.tab_panel ul li:first-child {
  margin-right: 19px;
}

@media screen and (max-width: 768px) {
  .tab_panel ul li:first-child {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.tab_area button.active {
  background: #01b6c9;
  color: #fff;
}

.tab_panel.active {
  display: block;
}

.case_red {
  display: inline-block;
  padding: 2px 18px;
  color: #e6e6e6;
  background: #a40000;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .case_red {
    padding: 2px 10px;
    color: #fff;
    font-size: 12px;
  }
}
.case_title {
  margin-top: 6px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .case_title {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.4;
  }
}
.case_text {
  margin-top: 3px;
  color: #565d65;
  font-size: 15px;
  letter-spacing: -0.02em;
}

@media screen and (max-width: 768px) {
  .case_text {
    margin-top: 10px;
    line-height: 1.7;
    letter-spacing: 0;
  }
}
.case_warning {
  width: 102%;
  position: absolute;
  left: -20px;
  top: 100%;
}

@media screen and (max-width: 768px) {
  .case_warning {
    width: 102.9673590504%;
    margin: -12% 0 0 -10px;
    position: static;
  }
}
.security_attempt {
  margin-top: 180px;
  padding: 20px 0 80px 0;
  background-image: url(../img/security/top/attempt_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .security_attempt {
    margin-top: 2px;
    padding: 5% 0 7% 0;
  }
}
.security_attempt .wrapper {
  max-width: 930px;
}

@media screen and (max-width: 768px) {
  .security_attempt .attempt_block {
    margin-top: 10px;
  }
}
.security_attempt .attempt_block:first-of-type {
  margin-top: 15px;
}

.security_attempt h2 {
  max-width: 780px;
  margin: 0 auto;
  border: 0;
}

@media screen and (max-width: 768px) {
  .security_attempt h2 {
    padding-top: 0;
  }
}
.security_attempt h2::before {
  content: none;
}

.security_acd .attempt_block:nth-of-type(1) .acd_content_img {
  max-width: 235px;
  margin: 15px auto 0;
}

.security_acd .attempt_block:nth-of-type(2) .acd_content_img {
  max-width: 300px;
  margin: 15px auto 0;
}

.security_acd .acd_head {
  padding: 10% 5% 6% 5%;
  background: #fff;
  border-radius: 5px;
  position: relative;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
}

.security_acd .acd_head::before {
  content: "";
  width: 103px;
  height: 20px;
  position: absolute;
  top: 7px;
  left: -7px;
  background-image: url(../img/security/top/security_checkpoint.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.security_acd .acd_head::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  background-image: url(../img/security/top/security_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transition: ease all 0.3s;
}

.security_acd .acd_head.open {
  border-radius: 5px 5px 0 0;
  border-bottom: 0;
}

.security_acd .acd_head.open::after {
  transform: rotate(180deg) translateY(50%);
}

.security_acd .acd_head_title {
  color: #01b6c9;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}

.security_acd .acd_content {
  padding: 0 5% 10% 5%;
  background: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ebebeb;
  border-top: 0;
}

.security_acd .acd_content p {
  color: #50575f;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.security_five {
  padding-top: 70px;
}

@media screen and (max-width: 768px) {
  .security_five {
    padding-top: 10%;
  }
}
.security_five_box {
  max-width: 960px;
  margin: 0 auto;
}

.security_five_nav {
  display: flex;
  align-items: center;
  margin-top: 65px;
}

.security_five_nav li {
  width: 20%;
  margin-right: 10px;
}

.security_five_nav li:last-child {
  margin-right: 0;
}

.security_five_nav a {
  min-height: 100px;
  height: 100%;
  display: block;
  padding: 25px 0;
  background: #ebebeb;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.security_five_nav a::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #515860 transparent transparent transparent;
}

@media screen and (min-width: 769px) {
  .security_five_nav a:hover img {
    opacity: 1;
  }
}
.security_five_nav a:hover p {
  color: #fff;
}

.security_five_nav a:hover::after {
  border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent;
}

.security_five_nav p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.security_five_nav .security_five01 a,
.security_five_nav .security_five04 a,
.security_five_nav .security_five05 a {
  padding-top: 35px;
}

@media screen and (min-width: 769px) {
  .security_five_nav .security_five01 a:hover {
    background: linear-gradient(#01b6c9 0, #013e85 100%);
  }
}
@media screen and (min-width: 769px) {
  .security_five_nav .security_five02 a:hover {
    background: linear-gradient(#601986 0, #013e85 100%);
  }
}
@media screen and (min-width: 769px) {
  .security_five_nav .security_five03 a:hover {
    background: linear-gradient(#a40000 0, #013e85 100%);
  }
}
@media screen and (min-width: 769px) {
  .security_five_nav .security_five04 a:hover {
    background: linear-gradient(#007130 0, #013e85 100%);
  }
}
@media screen and (min-width: 769px) {
  .security_five_nav .security_five05 a:hover {
    background: linear-gradient(#de5b00 0, #013e85 100%);
  }
}
.security_five_number {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-40%);
}

.security_five_number img {
  max-width: 40px;
  max-height: 40px;
}

.security_five_block {
  margin-top: 35px;
}

.security_five_block .security_five01 .security_five_text_large {
  color: #01b6c9;
}

.security_five_block .security_five01 h4::before {
  width: 28px;
  height: 26px;
  top: 8px;
  background-image: url(../img/security/top/security_five01.png);
}

.security_five_block .security_five01 .btn {
  background: #013e85;
}

.security_five_block .security_five02 .security_five_text_large {
  color: #601986;
}

.security_five_block .security_five02 h4::before {
  width: 29px;
  height: 29px;
  top: 8px;
  background-image: url(../img/security/top/security_five02.png);
}

.security_five_block .security_five02 .btn {
  background: #601986;
}

.security_five_block .security_five03 .security_five_text_large {
  color: #a30000;
}

.security_five_block .security_five03 h4::before {
  width: 28px;
  height: 26px;
  top: 10px;
  background-image: url(../img/security/top/security_five03.png);
}

.security_five_block .security_five03 .btn {
  background: #a40001;
}

.security_five_block .security_five03 .title_short {
  letter-spacing: -2px;
}

.security_five_block .security_five04 .security_five_text_large {
  color: #094;
}

.security_five_block .security_five04 h4::before {
  width: 28px;
  height: 26px;
  top: 8px;
  background-image: url(../img/security/top/security_five04.png);
}

.security_five_block .security_five04 .btn {
  background: #007030;
}

.security_five_block .security_five05 .security_five_text_large {
  color: #f39700;
}

.security_five_block .security_five05 h4::before {
  width: 28px;
  height: 26px;
  top: 0;
  background-image: url(../img/security/top/security_five05.png);
}

.security_five_block .security_five05 .btn {
  background: #f34a00;
}

.security_five_block .security_five06 .security_five_text_large {
  color: #01b6c9;
}

.security_five_block .security_five06 h4::before {
  width: 28px;
  height: 26px;
  top: 8px;
  background-image: url(../img/security/top/security_five06.png);
}

.security_five_block .security_five06 .btn {
  background: #01b6c9;
}

.security_five_list {
  padding: 30px;
  background: #ebebeb;
}

.security_five_list ul {
  display: flex;
  flex-wrap: wrap;
}

.security_five_list li {
  padding: 25px 22px;
  background: #fff;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .security_five_list li {
    display: flex;
    flex-direction: column;
  }
}
.security_five_list h4 {
  padding-left: 35px;
  position: relative;
  white-space: nowrap;
}

.security_five_list h4::before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.security_five_list h4 span {
  line-height: 1.2;
}

.security_five_list p {
  margin: 10px 0 15px 0;
  color: #565d65;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.02rem;
}

.security_five_list .btn {
  padding: 3px 22px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border-radius: 30px;
}

@media screen and (min-width: 769px) {
  .security_five_list .btn {
    width: fit-content;
    margin-top: auto;
  }
}
.security_five_text_large,
.security_five_text_small {
  display: block;
}

.security_five_text_large {
  font-size: 20px;
}

.security_five_text_large span {
  font-size: 15px;
}

.security_five_text_small {
  font-size: 15px;
}

.security_five_list_three li {
  width: 32.2222222222%;
  margin-right: 1.6666666667%;
}

@media screen and (min-width: 769px) {
  .security_five_list_three li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .security_five_list_three li:nth-child(n+4) {
    margin-top: 15px;
  }
}
.security_five_list_two li {
  width: 48.8888888889%;
  margin-right: 2.2222222222%;
}

@media screen and (min-width: 769px) {
  .security_five_list_two li:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .security_five_list_two li:nth-child(n+3) {
    margin-top: 20px;
  }
}
.security_five_acd {
  margin-top: 20px;
}

.security_five_acd li {
  margin-bottom: 1px;
}

.security_five_acd li:last-child {
  margin-bottom: 0;
}

.security_five_acd .security_five01 .acd_head {
  border-radius: 5px 5px 0 0;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}

.security_five_acd .security_five02 .acd_head {
  background: linear-gradient(90deg, #8f15d3 0, #690f9b 69%, #420863 100%);
}

.security_five_acd .security_five03 .acd_head {
  background: linear-gradient(90deg, #e60012 0, #6f0009 100%);
}

.security_five_acd .security_five04 .acd_head {
  background: linear-gradient(90deg, #22ac38 0, #1b852b 69%, #135d1e 100%);
}

.security_five_acd .security_five05 .acd_head {
  background: linear-gradient(90deg, #eb6100 0, #813602 100%);
}

.security_five_acd .security_five06 .acd_head {
  border-radius: 0 0 5px 5px;
  background: linear-gradient(90deg, #a0a0a0 0, #626262 100%);
}

.security_five_acd .security_five06 .acd_head.open {
  border-radius: 0;
}

.security_five_acd .acd_head {
  padding: 6% 5%;
  position: relative;
}

.security_five_acd .acd_head::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  background-image: url(../img/security/top/security_five_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transition: ease all 0.3s;
}

.security_five_acd .acd_head.open::after {
  transform: rotate(180deg) translateY(50%);
}

.security_five_acd .acd_head_title {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.security_five_acd .acd_content {
  padding: 5%;
  background: #eeefef;
}

.security_five_acd .acd_content ul {
  display: flex;
  flex-wrap: wrap;
}

.security_five_acd .acd_content li {
  width: 48.3333333333%;
}

.security_five_acd .acd_content li:nth-child(odd) {
  margin-right: 3.3333333333%;
}

.security_five_acd .acd_content li:nth-child(n+3) {
  margin-top: 10px;
}

.security_five_acd .acd_content a {
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 1.5;
  background: #fff;
}

.security_five_acd .acd_content a[href]:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 4px;
  border-color: transparent transparent transparent #bbb;
}

.security_construction {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .security_construction {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .security_construction .construction_block {
    margin-top: 20px;
  }
}
.security_construction .construction_block:last-of-type {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .security_construction .construction_block:last-of-type {
    margin-top: 20px;
  }
}
.security_construction h3 {
  max-width: 960px;
  margin: 45px auto 0;
}

@media screen and (max-width: 768px) {
  .security_construction h3 {
    max-width: 85%;
    margin: 30px auto 0;
  }
}
.security_diagnosis {
  margin-top: 85px;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
  .security_diagnosis {
    margin-top: 50px;
  }
}
.popup_diagnosis {
  padding: 30px 50px;
  background: #fff;
  border: 5px solid #8c8c8c;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .popup_diagnosis {
    padding: 15% 5% 8% 5%;
    border: 1px solid #8c8c8c;
  }
}
.popup_diagnosis .popup_title {
  font-size: 30px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .popup_diagnosis .popup_title {
    font-size: 16px;
  }
}
.popup_diagnosis .popup_text {
  color: #565d65;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.16rem;
}

@media screen and (max-width: 768px) {
  .popup_diagnosis .popup_text {
    margin-top: 10px;
    letter-spacing: 0.08rem;
  }
}
.popup_diagnosis .popup_img {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .popup_diagnosis .popup_img {
    margin-top: 20px;
  }
}
.popup_diagnosis p {
  text-align: center;
}

.popup_diagnosis img {
  width: 100%;
}

.popup_diagnosis_free {
  max-width: 80%;
  margin: 30px auto 0 !important;
}

@media screen and (max-width: 768px) {
  .mfp-container {
    padding: 0;
  }
}
.mfp-content {
  max-width: 1000px;
  margin: 0 auto;
}

.mfp-close {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 72px;
  font-weight: 400;
  font-family: serif;
  top: 20px !important;
  right: 30px !important;
  color: #494c5e !important;
  opacity: 1;
  transition: ease all 0.3s;
}

@media screen and (max-width: 768px) {
  .mfp-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 50px;
    top: 10px !important;
    right: 15px !important;
  }
}
@media screen and (min-width: 769px) {
  .mfp-close:hover {
    opacity: 0.7;
  }
}
.security_flow {
  margin-top: 50px;
}

.security_flow_list {
  max-width: 900px;
  margin: 40px auto 0;
  display: flex;
  position: relative;
}

@media screen and (max-width: 768px) {
  .security_flow_list {
    margin: 0 auto;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .security_flow_list::before {
    content: "";
    width: 1px;
    height: calc(100% - 20px);
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #d8d9e0;
  }
}
.security_flow_list li {
  width: 13.1111111111%;
  margin-right: 4.3333333333%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .security_flow_list li {
    width: 50%;
    margin-right: 0;
    padding: 20px 0;
  }
}

@media screen and (min-width: 769px) {
  .security_flow_list li::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 110px;
    right: -35px;
    transform: translateY(-50%);
    background-image: url(../img/security/top/security_flow_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: ease all 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .security_flow_list li:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .security_flow_list li:nth-child(-n+4) {
    border-bottom: 1px solid #d8d9e0;
  }
}
@media screen and (max-width: 768px) {
  .security_flow_list li:nth-child(n+5):nth-child(-n+6) {
    padding-bottom: 0;
  }
}
.security_flow_list li:last-child {
  margin-right: 0;
}

.security_flow_list li:last-child::after {
  content: none;
}

.security_flow_list p {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}

.security_flow_list .flow_list_img {
  width: 85.4700854701%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .security_flow_list .flow_list_img {
    max-width: 100px;
    margin: 0 auto;
  }
}
.flow_list_one p {
  margin-top: 20px;
}

.security_faq {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .security_faq {
    margin-top: 40px;
  }
}
.faq_list {
  max-width: 960px;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  .faq_list {
    margin: 20px auto 0;
  }
}
.faq_list .acd_head {
  display: flex;
  align-items: center;
  position: relative;
  margin: 20px 0 0 0;
  padding: 0 70px 0 30px;
  color: #fff;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  transition: ease all 0.3s;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .faq_list .acd_head {
    height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .faq_list .acd_head {
    margin: 0 0 5px 0;
    padding: 4% 15% 4% 4%;
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) {
  .faq_list .acd_head:hover {
    cursor: pointer;
    color: #fff;
  }
}
@media screen and (min-width: 769px) {
  .faq_list .acd_head:hover span {
    background: #fff;
  }
}
.faq_list .acd_head.open {
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}

.faq_list .acd_head.open span {
  background: #fff;
}

.faq_list .acd_head.open .acd_visual_btn_icon span:nth-of-type(1) {
  transform: translateX(0) translateY(-1.5px) rotate(-45deg);
}

.faq_list .acd_head.open .acd_visual_btn_icon span:nth-of-type(2) {
  transform: translateX(-1px) translateY(-7px) rotate(135deg);
}

@media screen and (max-width: 768px) {
  .faq_list .acd_head.open .acd_visual_btn_icon span:nth-of-type(2) {
    transform: translateX(-1px) translateY(-7px) rotate(135deg);
  }
}
.faq_list .acd_head_title {
  display: flex;
  align-items: center;
  padding-left: 70px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  position: relative;
}

@media screen and (max-width: 768px) {
  .faq_list .acd_head_title {
    padding-left: 12%;
    font-size: 15px;
    line-height: 1.4;
  }
}
.faq_list .acd_head_title::before {
  content: "";
  width: 40px;
  height: 41px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(../img/security/top/faq_q.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .faq_list .acd_head_title::before {
    width: 20px;
    height: 20px;
  }
}
.faq_list .acd_visual_btn_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  padding: 7px;
  border: 1px solid #fff;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: ease all 0.5s;
}

@media screen and (max-width: 768px) {
  .faq_list .acd_visual_btn_icon {
    right: 5%;
    width: 25px;
    height: 25px;
    padding: 5px;
  }
}
.faq_list .acd_visual_btn_icon:hover {
  cursor: pointer;
}

.faq_list .acd_visual_btn_icon p,
.faq_list .acd_visual_btn_icon span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

.faq_list .acd_visual_btn_icon p {
  position: relative;
  width: 100%;
  height: 100%;
}

.faq_list .acd_visual_btn_icon span {
  position: absolute;
  top: 50%;
  right: 0;
  background: #fff;
}

.faq_list .acd_visual_btn_icon span:nth-of-type(1) {
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}

.faq_list .acd_visual_btn_icon span:nth-of-type(2) {
  width: 2px;
  height: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.faq_list .acd_content {
  margin-bottom: 20px;
  padding: 30px;
  background: #f1efef;
}

@media screen and (max-width: 768px) {
  .faq_list .acd_content {
    padding: 5% 4%;
  }
}
.faq_list .acd_content p {
  color: #5c6269;
  font-size: 20px;
  font-weight: 700;
  padding-left: 70px;
  line-height: 1.6;
  position: relative;
}

@media screen and (max-width: 768px) {
  .faq_list .acd_content p {
    padding-left: 12%;
    font-size: 15px;
  }
}
.faq_list .acd_content p::before {
  content: "";
  width: 38px;
  height: 34px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/security/top/faq_a.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .faq_list .acd_content p::before {
    width: 20px;
    height: 18px;
    top: 5px;
  }
}
.remotesupport .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .remotesupport .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.remotesupport .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .remotesupport .lower_mv_wrap {
    flex-direction: column;
  }
}
.remotesupport h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.remotesupport h2::before {
  content: none;
}

.remotesupport h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .mv_left {
    padding: 20px 0 5px 0;
    text-align: center;
  }
}
.mv_title01,
.mv_title02,
.mv_title03 {
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .mv_title01 {
    width: 40%;
    margin: 0 auto;
  }
}
.mv_title02 {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .mv_title02 {
    width: 53.6%;
    margin: 12px auto 0;
  }
}
.mv_title03 {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .mv_title03 {
    width: 55.2%;
    margin: 10px auto 0;
  }
}
.mv_text {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #565d65;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .mv_text {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.5;
  }
}
.mv_list {
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .mv_list {
    display: none;
  }
}
.mv_list li {
  padding: 0 20px;
  position: relative;
}

.mv_list li::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 50px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #1d2731;
}

.mv_list li:first-child {
  padding-left: 0 !important;
}

.mv_list li:last-child {
  padding-right: 0 !important;
}

.mv_list li:last-child::after {
  content: none;
}

@media screen and (min-width: 769px) {
  .mv_right {
    transform: translateX(15px);
  }
}
@media screen and (min-width: 769px) {
  .mv_right img {
    max-width: 110%;
  }
}
.security_free img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 769px) {
  .security_free img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.remotesupport_top {
  position: relative;
  z-index: 1;
}

.remotesupport_top::before {
  content: "";
  width: 1920px;
  height: 1498px;
  position: absolute;
  bottom: -215px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/remotesupport/remotesupport_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .remotesupport_top::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .remotesupport_top .wrapper {
    padding: 0;
  }
}
.remotesupport_about {
  margin-top: 60px;
  padding: 50px 100px 350px 100px;
  background-image: url(../img/security/remotesupport/about_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .remotesupport_about {
    margin: 30px auto 0;
    padding: 8vw 5vw 50vw;
    background-image: url(../img/security/remotesupport/about_bg_sp.png);
  }
}

.remotesupport_about h2 {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .remotesupport_about h2 {
    max-width: 66%;
    margin: 0 auto;
  }
}
.remotesupport_about h2 picture {
  display: flex;
  justify-content: center;
}

.remotesupport_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .remotesupport_about p {
    margin-top: 15px;
    font-size: 15px;
  }
}
.remotesupport_trouble {
  padding-top: 45px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .remotesupport_trouble {
    padding-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .remotesupport_trouble::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/security/remotesupport/trouble_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
.remotesupport_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .remotesupport_trouble h2 {
    width: 80vw;
    margin: 0 auto;
  }
}

.remotesupport_trouble h2 .title_en,
.remotesupport_trouble h2 .title_ja,
.remotesupport_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.remotesupport_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.remotesupport_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.remotesupport_trouble_list {
  max-width: 900px;
  display: flex;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  .remotesupport_trouble_list {
    margin: 20px auto 0;
  }
}
.remotesupport_trouble_list li {
  margin-right: 6px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .remotesupport_trouble_list li {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .remotesupport_trouble_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.remotesupport_trouble_list li:last-child {
  margin-right: 0;
}

.remotesupport_trouble_list_sp {
  max-width: 90%;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .remotesupport_trouble_list_sp {
    width: 90vw;
    max-width: 100%;
  }
}

.remotesupport_trouble_problem {
  margin-top: 50px;
  font-size: 30px;
  font-weight: 700;
  color: #1d2731;
  line-height: 1.8;
  text-align: center;
  font-feature-settings: "palt";
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .remotesupport_trouble_problem {
    margin-top: 130px;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .remotesupport_trouble_problem::before {
    content: "";
    width: 40%;
    height: 100%;
    min-height: 162px;
    position: absolute;
    top: -165px;
    left: 50%;
    transform: translateX(-55%);
    background-image: url(../img/security/remotesupport/trouble_women.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -2;
  }
}
@media screen and (max-width: 768px) {
  .remotesupport_trouble_problem::after {
    content: "";
    width: 120vw;
    height: 25vh;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
}
.remotesupport_trouble_problem span {
  padding-bottom: 10px;
  border-bottom: 3px solid #1d2731;
}

@media screen and (max-width: 768px) {
  .remotesupport_trouble_problem span {
    padding-bottom: 5px;
    border-bottom: 1px solid #1d2731;
  }
}
.remotesupport_solution {
  padding-top: 40px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .remotesupport_solution {
    padding-top: 20px;
  }
}
.solution_top {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .solution_top {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .solution_img {
    margin-left: -90px;
  }
}
@media screen and (max-width: 768px) {
  .solution_img {
    max-width: 90%;
  }
}
.solution_title {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .solution_title {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .solution_text {
    margin-left: -80px;
  }
}
@media screen and (max-width: 768px) {
  .solution_text {
    margin-top: 10px;
    text-align: center;
  }
}
.solution_text div {
  display: inline-block;
  width: fit-content;
  padding: 0 20px;
  color: #fff;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  font-size: 25px;
  font-weight: 700;
  border-radius: 30px;
}

@media screen and (max-width: 768px) {
  .solution_text div {
    padding: 0 12px;
    font-size: 13px;
  }
}
.solution_text h2 span {
  font-size: 35px;
  font-weight: 700;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
}

@media screen and (min-width: 769px) {
  .solution_text h2 span {
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .solution_text h2 span {
    font-size: 18px;
    letter-spacing: -0.08em;
  }
}
.solution_text h2 span::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: absolute;
  bottom: -10px;
  left: 0;
}

.solution_flow {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .solution_flow {
    margin-top: 50px;
  }
}
.remotesupport_title {
  padding: 34px 45px;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .remotesupport_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 35px;
    line-height: 1;
  }
}
.remotesupport_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .remotesupport_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.solution_flow_list {
  margin-top: 60px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .solution_flow_list {
    margin-top: 35px;
  }
}
.solution_flow_list::after {
  content: "";
  display: block;
  width: 3px;
  height: calc(100% - 50px);
  background: #01b6c9;
  position: absolute;
  top: 0;
  left: 16.5%;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .solution_flow_list::after {
    content: none;
  }
}
.solution_flow_list li {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .solution_flow_list li {
    padding: 20px 10px 20px 5px;
    background: #f8f8f8;
  }
}
@media screen and (min-width: 769px) {
  .solution_flow_list li:nth-of-type(1) .solution_flow_img {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_list li:nth-of-type(1) .solution_flow_img {
    width: 27%;
  }
}
@media screen and (min-width: 769px) {
  .solution_flow_list li:nth-of-type(1) p {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_list li:nth-of-type(1) p {
    letter-spacing: -0.08rem;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_list li:nth-of-type(2):after {
    height: calc(100% - 70px);
    top: -27%;
  }
}
@media screen and (min-width: 769px) {
  .solution_flow_list li:nth-of-type(2) .solution_flow_img {
    width: 400px;
    height: 106px;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_list li:nth-of-type(2) .solution_flow_img {
    margin-left: -10px;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_list li:nth-of-type(3):after {
    height: calc(100% - 70px);
    top: -30%;
  }
}
@media screen and (min-width: 769px) {
  .solution_flow_list li:nth-of-type(3) .solution_flow_img {
    position: relative;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_list li:nth-of-type(3) .solution_flow_img {
    margin-left: -8px;
  }
}
.solution_flow_list li:nth-of-type(3) p {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .solution_flow_list li:nth-of-type(3) p {
    margin-left: 12px;
  }
}
@media screen and (min-width: 769px) {
  .solution_flow_list li:not(:nth-of-type(1)) {
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_list li:not(:nth-of-type(1)) {
    margin-top: 10px;
    border: 0;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .solution_flow_list li:not(:nth-of-type(1)):before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #ebebeb;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_list li:not(:nth-of-type(1)):after {
    content: "";
    display: block;
    width: 1px;
    background: #01b6c9;
    position: absolute;
    left: 19.2878338279%;
  }
}
.solution_flow_list p {
  margin-left: 35px;
  color: #777d83;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .solution_flow_list p {
    margin-left: 12px;
    font-size: 15px;
    line-height: 1.8;
  }
}
@media screen and (min-width: 769px) {
  .solution_flow_img {
    width: 414px;
    height: 110px;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_img {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .solution_flow_text {
    width: 70%;
  }
}
.flow_title_sp {
  max-width: 38%;
  margin-bottom: 10px;
}

@media screen and (min-width: 769px) {
  .flow_title_sp {
    display: none;
  }
}
.solution_reason {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .solution_reason {
    margin-top: 40px;
  }
}
.solution_reason_list {
  max-width: 900px;
  display: flex;
  margin: 75px auto 0;
}

@media screen and (max-width: 768px) {
  .solution_reason_list {
    flex-direction: column;
    margin: 35px auto 0;
  }
}
.solution_reason_list li {
  width: 32.2222222222%;
  margin-right: 1.6666666667%;
  padding: 20px;
  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.25);
  position: relative;
}

@media screen and (max-width: 768px) {
  .solution_reason_list li {
    width: 100%;
    margin-right: 0;
    padding: 20px 25px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .solution_reason_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.solution_reason_list h4 {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .solution_reason_list h4 {
    font-size: 16px;
  }
}

.solution_reason_list p {
  margin-top: 15px;
  color: #777d83;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .solution_reason_list p {
    margin-top: 5px;
  }
}
.solution_reason_number {
  max-width: 110px;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.solution_reason_img {
  width: 134px;
  margin: 15px auto 0;
}

.remotesupport_faq {
  padding: 60px 0 50px 0;
  background: #f1efef;
}

@media screen and (max-width: 768px) {
  .remotesupport_faq {
    padding: 0 0 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .remotesupport_faq .remotesupport_title {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .remotesupport_faq .remotesupport_title::after {
    width: 34.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .remotesupport_faq .remotesupport_title img {
    width: 41.5430267062%;
  }
}
.lower_faq_list {
  max-width: 960px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .lower_faq_list {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .lower_faq_list li:first-child .acd_head_title span {
    width: 25px;
  }
}
.lower_faq_list .acd_head {
  display: flex;
  align-items: center;
  position: relative;
  margin: 20px 0 0 0;
  padding: 0 70px 0 40px;
  color: #1d2731;
  background: #fff;
  transition: ease all 0.3s;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .lower_faq_list .acd_head {
    height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .lower_faq_list .acd_head {
    margin: 15px 0 0 0;
    padding: 8% 15% 8% 6%;
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) {
  .lower_faq_list .acd_head:hover {
    cursor: pointer;
  }
}
.lower_faq_list .acd_head.open {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .lower_faq_list .acd_head.open {
    margin-bottom: 2px;
  }
}
.lower_faq_list .acd_head.open .acd_visual_btn_icon {
  background: #1d2731;
}

.lower_faq_list .acd_head.open .acd_visual_btn_icon span {
  background: #fff;
}

.lower_faq_list .acd_head.open .acd_visual_btn_icon span:nth-of-type(1) {
  transform: translateX(0) translateY(0) rotate(-45deg);
}

.lower_faq_list .acd_head.open .acd_visual_btn_icon span:nth-of-type(2) {
  transform: translateX(-1px) translateY(-7px) rotate(135deg);
}

@media screen and (max-width: 768px) {
  .lower_faq_list .acd_head.open .acd_visual_btn_icon span:nth-of-type(2) {
    transform: translateX(-1px) translateY(-6px) rotate(135deg);
  }
}
.lower_faq_list .acd_head_title {
  display: flex;
  align-items: center;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  position: relative;
}

@media screen and (max-width: 768px) {
  .lower_faq_list .acd_head_title {
    padding-left: 0;
    font-size: 15px;
  }
}
.lower_faq_list .acd_head_title span {
  line-height: 1;
}

@media screen and (min-width: 769px) {
  .lower_faq_list .acd_head_title span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .lower_faq_list .acd_head_title span {
    width: 30px;
    position: absolute;
    top: -33px;
    left: 0;
  }
}
.lower_faq_list .acd_visual_btn_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  padding: 7px;
  border: 1px solid #fff;
  background: #f1efef;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: ease all 0.5s;
}

@media screen and (max-width: 768px) {
  .lower_faq_list .acd_visual_btn_icon {
    right: 5%;
    width: 30px;
    height: 30px;
    padding: 7px;
    box-sizing: border-box;
  }
}
.lower_faq_list .acd_visual_btn_icon:hover {
  cursor: pointer;
}

.lower_faq_list .acd_visual_btn_icon p,
.lower_faq_list .acd_visual_btn_icon span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

.lower_faq_list .acd_visual_btn_icon p {
  position: relative;
  width: 100%;
  height: 100%;
}

.lower_faq_list .acd_visual_btn_icon span {
  position: absolute;
  top: 50%;
  right: 0;
  background: #1d2731;
}

.lower_faq_list .acd_visual_btn_icon span:nth-of-type(1) {
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}

.lower_faq_list .acd_visual_btn_icon span:nth-of-type(2) {
  width: 2px;
  height: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.lower_faq_list .acd_content {
  margin-bottom: 20px;
  padding: 0 20px 40px 20px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .lower_faq_list .acd_content {
    padding: 5% 6% 9% 6%;
  }
}
.lower_faq_list .acd_content p {
  color: #60676e;
  font-size: 15px;
  font-weight: 700;
  padding: 0 100px 0 80px;
  line-height: 1.6;
  position: relative;
}

@media screen and (max-width: 768px) {
  .lower_faq_list .acd_content p {
    padding: 0;
    font-size: 15px;
  }
}
.lower_faq_list .acd_content a[href^="tel:"] {
  color: #60676e;
}

.remotesupport_cyberboxpro {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .remotesupport_cyberboxpro {
    margin-top: 30px;
    margin-bottom: 30px !important;
  }
}
.remotesupport_cyberboxpro img {
  border-radius: 10px;
  box-shadow: 5px 6px 9px rgba(0, 0, 0, 0.5);
}

.cyberbox h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.cyberbox h2::before {
  content: none;
}

.cyberbox h2 span {
  margin: 0;
}

.cyberbox h2 img {
  width: 100%;
}

.cyberbox .lower_mv {
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

@media screen and (min-width: 769px) {
  .cyberbox .lower_mv {
    height: 500px;
    background-image: url(../img/security/cyberbox/mv_bg.jpg);
  }
}
@media screen and (max-width: 768px) {
  .cyberbox .lower_mv {
    background-image: url(../img/security/cyberbox/mv_bg_sp.jpg);
  }
}
.cyberbox .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .cyberbox .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox .mv_title01 {
    width: 83.4666666667%;
  }
}
.cyberbox .mv_title02,
.cyberbox .mv_title03 {
  color: #fff;
}

.cyberbox .mv_title02 {
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  .cyberbox .mv_title02 {
    width: 83.4666666667%;
    margin-top: 18px;
  }
}
.cyberbox .mv_title02 p {
  display: inline-block;
  padding-bottom: 15px;
  font-size: 30px;
  border-bottom: 1px solid #fff;
  letter-spacing: 0.7px;
}

@media screen and (max-width: 768px) {
  .cyberbox .mv_title02 p {
    display: block;
    padding: 10px 0;
    font-size: 15px;
    border-top: 1px solid #fff;
    letter-spacing: 0.3px;
  }
}
.cyberbox .mv_title03 p {
  font-size: clamp(45px, 5.8517555267vw, 60px);
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .cyberbox .mv_title03 p {
    font-size: 29px;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox .mv_left {
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox .mv_right {
    margin-left: -70px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .cyberbox .mv_right {
    display: flex;
    align-items: center;
    width: 83.4666666667%;
    margin-top: 16px;
    padding-bottom: 30px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox .mv_right .mv_title03 {
    margin: 0;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox .mv_right .mv_right_img {
    position: absolute;
    right: 0;
    width: 53%;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_top .security_free {
    margin: 0;
    padding: 4% 5%;
    box-shadow: none;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_top .security_free img {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  }
}
.cyberbox_top .security_free_text {
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .cyberbox_top .security_free_text img {
    box-shadow: none;
  }
}
.cyberbox_top_price {
  max-width: 1000px;
  display: flex;
  margin: 0 auto;
  padding: 23px 0;
}

@media screen and (max-width: 768px) {
  .cyberbox_top_price {
    align-items: center;
    padding: 4% 5%;
    background: linear-gradient(90deg, #bebebe 0, #d6d6d6 8%, #eee 49%, #e0e0e0 88%, #d2d2d2 100%);
  }
}
.cyberbox_top_price div:first-child {
  margin-right: 25px;
}

.movie_area {
  padding: 50px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../img/security/cyberbox/movie_bg.jpg);
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
  .movie_area {
    padding: 25px 0 50px 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    background-image: url(../img/security/cyberbox/movie_bg_sp.jpg);
  }
}
.movie_area h2 {
  max-width: 752px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .movie_area h2 {
    max-width: 76%;
  }
}
.movie_block {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  .movie_block {
    margin-top: 30px;
    padding: 0 4%;
  }
}
@media screen and (max-width: 768px) {
  .movie_l {
    position: relative;
    width: 100%;
    padding-top: 55%;
  }
}
@media screen and (max-width: 768px) {
  .movie_l iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.movie_r {
  margin-top: 23px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .movie_r {
    margin-top: 35px;
    padding: 0 2%;
    text-align: left;
  }
}
.movie_r h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #c81f17;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .movie_r h3 {
    font-size: 20px;
    line-height: 1.5;
  }
}

.movie_r h3::before {
  content: "";
  width: 42px;
  height: 35px;
  display: inline-block;
  margin: 0 5px 6px 0;
  background-image: url(../img/security/cyberbox/movie_threat.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .movie_r h3::before {
    width: 45px;
    height: 37px;
    margin: 0 10px 2px 0;
  }
}
.movie_r p {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #1d2731;
  line-height: 1.8;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .movie_r p {
    margin-top: 20px;
    font-size: 15px;
    line-height: 2;
  }
}

.cyberbox_security {
  padding-top: 90px;
}

@media screen and (max-width: 768px) {
  .cyberbox_security {
    padding-top: 0;
  }
}
.cyberbox_damage {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .cyberbox_damage {
    padding-top: 20px;
    padding-bottom: 22vw;
  }
}
.cyberbox_damage::before {
  content: "";
  position: absolute;
  background-image: url(../img/security/cyberbox/cyberbox_bg.png);
  background-repeat: no-repeat;
  z-index: -1;
}

@media screen and (min-width: 769px) {
  .cyberbox_damage::before {
    width: 1920px;
    height: 1549px;
    bottom: -320px;
    left: 50%;
    transform: translateX(-50%);
    background-size: 100%;
    background-position: center bottom;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_damage::before {
    width: 100vw;
    height: 100%;
    bottom: 0;
    left: 0;
    background-image: url(../img/security/cyberbox/cyberbox_bg_sp.png);
    background-size: cover;
    background-position: top center;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_damage::after {
    content: "";
    width: 48vw;
    height: 64vw;
    top: 50.9803921569%;
    left: 0;
    position: absolute;
    background-image: url(../img/security/cyberbox/cyberbox_damage_virus.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
}
.cyberbox_damage h2 {
  max-width: 890px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .cyberbox_damage h2 {
    max-width: 89%;
  }
}
.cyberbox_damage .cyber_trouble {
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .cyberbox_damage .cyber_trouble {
    margin: 20px auto 0;
    position: relative;
    z-index: -1;
  }
}
.cyberbox_damage .cyber_measures_text {
  margin: 60px auto 0;
}

@media screen and (max-width: 768px) {
  .cyberbox_damage .cyber_measures_text {
    margin: 40px auto 0;
    position: relative;
    z-index: 2;
  }
}
.cyberbox_damage .cyber_measures_list {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .cyberbox_damage .cyber_measures_list {
    margin-top: 15px;
    position: relative;
    z-index: 2;
  }
}

.cyberbox_damage_caution {
  max-width: 696px;
  margin: 15px auto 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .cyberbox_damage_caution {
    margin-top: 20px;
  }
}

.cyberbox_about {
  padding-top: 35px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .cyberbox_about {
    margin-top: -19vw;
    padding-top: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_about::after {
    content: "";
    width: 120vw;
    height: 25vh;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
}
.cyberbox_about h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.cyberbox_about h2::before {
  content: none;
}

.cyberbox_about h2 span {
  margin: 0;
}

.cyberbox_about_top {
  max-width: 843px;
  margin: 0 auto;
}

.cyberbox_about_top_img {
  max-width: 480px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .cyberbox_about_top_img {
    max-width: 50%;
  }
}
.cyberbox_about_top_text {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .cyberbox_about_top_text {
    margin-top: 10px;
  }
}
.cyberbox_about_title {
  max-width: 390px;
  margin: 110px auto 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cyberbox_about_title {
    width: 66.765578635%;
    margin-top: 30px;
  }
}
.cyberbox_about_list {
  display: flex;
  margin-top: 135px;
}

@media screen and (max-width: 768px) {
  .cyberbox_about_list {
    flex-direction: column;
    margin-top: 70px;
  }
}
.cyberbox_about_list li {
  width: 50%;
  padding: 230px 50px 40px 50px;
  position: relative;
  background: linear-gradient(130deg, #01b6c9 0, #013e85 100%);
}

@media screen and (max-width: 768px) {
  .cyberbox_about_list li {
    width: 100%;
    padding: 36vw 6% 30px 6%;
  }
}
.cyberbox_about_list li:nth-of-type(1) {
  margin-right: 21px;
}

.cyberbox_about_list li:nth-of-type(1) .cyberbox_about_list_img {
  width: 297px;
  height: 278px;
}

@media screen and (max-width: 768px) {
  .cyberbox_about_list li:nth-of-type(1) .cyberbox_about_list_img {
    width: 53%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_about_list li:nth-of-type(1) h3 {
    max-width: 77%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_about_list li:nth-of-type(2) {
    margin-top: 70px;
  }
}
.cyberbox_about_list li:nth-of-type(2) .cyberbox_about_list_img {
  width: 270px;
  height: 286px;
}

@media screen and (max-width: 768px) {
  .cyberbox_about_list li:nth-of-type(2) .cyberbox_about_list_img {
    width: 49%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_about_list li:nth-of-type(2) h3 {
    max-width: 97%;
    margin: 0 auto;
  }
}
.cyberbox_about_list h3 {
  text-align: center;
}
.cyberbox_about_list h3 picture {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .cyberbox_about_list h3 picture img {
    width: 100%;
  }
}

.cyberbox_about_list p {
  margin-top: 20px;
  color: #bfe0ea;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .cyberbox_about_list p {
    text-align: center;
  }
}

.cyberbox_about_list_img {
  position: absolute;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .cyberbox_about_list_img {
    top: -60px;
  }
}
.cyberbox_about_text {
  max-width: 828px;
  margin: 70px auto 0;
}

@media screen and (max-width: 768px) {
  .cyberbox_about_text {
    width: 89.3175074184%;
    margin: 30px auto 0;
  }
}
.cyberbox_function {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .cyberbox_function {
    margin-top: 35px;
  }
}
.cyberbox_function h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.cyberbox_function h2::before {
  content: none;
}

.cyberbox_package {
  padding: 50px 0 75px 0;
  background: #f1efef;
}

@media screen and (max-width: 768px) {
  .cyberbox_package {
    padding: 20px 0;
  }
}
.cyberbox_package h3 {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cyberbox_package h3 {
    max-width: 40%;
    margin: 0 auto;
  }
}
.cyberbox_package_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list {
    margin-top: 25px;
  }
}
.cyberbox_package_list li {
  width: 33%;
  margin-right: 0.5%;
  background: #fff;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list li {
    width: 48.3775811209%;
    margin-right: 2.9498525074%;
  }
}
.cyberbox_package_list li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 30px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list li a {
    padding: 7vw 0 5px 0;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_package_list li a:hover .btn {
    color: #fff;
    background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_package_list li a:hover img {
    opacity: 1;
  }
}
.cyberbox_package_list li:nth-of-type(1) h4 {
  top: -4px;
  left: 23px;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list li:nth-of-type(1) h4 {
    max-width: 82%;
    top: -2px;
    left: 3px;
  }
}
.cyberbox_package_list li:nth-of-type(2) h4 {
  top: -6px;
  left: 6px;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list li:nth-of-type(2) h4 {
    max-width: 80%;
    top: -3px;
    left: -3px;
  }
}
.cyberbox_package_list li:nth-of-type(3) h4 {
  top: -6px;
  left: 21px;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list li:nth-of-type(3) h4 {
    max-width: 86%;
    top: -3px;
    left: -3px;
  }
}
.cyberbox_package_list li:nth-of-type(4) h4 {
  top: -2px;
  left: 0;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list li:nth-of-type(4) h4 {
    max-width: 90%;
    top: -4px;
    left: -5px;
  }
}
.cyberbox_package_list li:nth-of-type(5) h4 {
  top: 0;
  left: 4px;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list li:nth-of-type(5) h4 {
    max-width: 92%;
    top: -2px;
    left: -3px;
  }
}
.cyberbox_package_list li:nth-of-type(6) h4 {
  top: -1px;
  left: 17px;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list li:nth-of-type(6) h4 {
    max-width: 92%;
    top: -2px;
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_package_list li:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_package_list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_package_list li:nth-child(n+3) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_package_list li:nth-child(n+4) {
    margin-top: 5px;
  }
}
.cyberbox_package_list h4 {
  position: absolute;
  top: 0;
}

.cyberbox_package_list p {
  margin-bottom: 15px;
  padding-top: 70px;
  color: #565d65;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .cyberbox_package_list p {
    display: none;
  }
}
.cyberbox_package_list .btn {
  display: flex;
  justify-content: center;
  max-width: 120px;
  margin-top: auto;
  padding: 2px 0;
  color: #737373;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.42857143;
  border: 1px solid #959595;
  border-radius: 30px;
}

.cyberbox_package_list .btn_sp {
  max-width: 20px;
  margin: 20px auto 0;
  text-align: center;
}

.cyberbox_option_nav {
  padding: 50px 0 65px 0;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav {
    padding: 20px 0 30px 0;
  }
}
.cyberbox_option_nav h3 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .cyberbox_option_nav h3 {
    max-width: 57%;
    margin: 0 auto;
  }
}

.cyberbox_option_nav_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list {
    margin-top: 25px;
  }
}
.cyberbox_option_nav_list li {
  width: 49%;
  margin-right: 2%;
  background: #fff;
  border: 1px solid #959595;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list li {
    width: 48.3775811209%;
    margin-right: 2.9498525074%;
  }
}
.cyberbox_option_nav_list li a {
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list li a {
    padding: 10px 10px 5px 10px;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option_nav_list li a:hover {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option_nav_list li a:hover img {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option_nav_list li a:hover h4 {
    background: linear-gradient(90deg, #f39700 0, #f34a00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option_nav_list li a:hover .btn {
    color: #fff;
    background: #f39700;
    border: 1px solid #f39700;
  }
}
.cyberbox_option_nav_list li:nth-of-type(1) span {
  top: -5px;
  left: 17px;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list li:nth-of-type(1) span {
    top: -3px;
    left: 2px;
    max-width: 14%;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option_nav_list li:nth-of-type(1) h4 {
    padding-left: 55px;
  }
}
.cyberbox_option_nav_list li:nth-of-type(2) span {
  top: -6px;
  left: 5px;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list li:nth-of-type(2) span {
    top: -5px;
    left: -8px;
    max-width: 22%;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option_nav_list li:nth-of-type(2) h4 {
    padding-left: 70px;
  }
}
.cyberbox_option_nav_list li:nth-of-type(3) span {
  top: -6px;
  left: 1px;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list li:nth-of-type(3) span {
    top: -4px;
    left: -3px;
    max-width: 22%;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option_nav_list li:nth-of-type(3) h4 {
    padding-left: 55px;
  }
}
.cyberbox_option_nav_list li:nth-of-type(4) span {
  top: -8px;
  left: 7px;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list li:nth-of-type(4) span {
    top: -5px;
    left: -10px;
    max-width: 24%;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option_nav_list li:nth-of-type(4) h4 {
    padding-left: 70px;
  }
}
.cyberbox_option_nav_list li:nth-child(even) {
  margin-right: 0;
}

.cyberbox_option_nav_list li:nth-child(n+3) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list li:nth-child(n+3) {
    margin-top: 10px;
  }
}
.cyberbox_option_nav_list span {
  position: absolute;
}

.cyberbox_option_nav_list h4 {
  font-size: clamp(20px, 2.6007802341vw, 25px);
  font-weight: 700;
  line-height: 1.3;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list h4 {
    font-size: 15px;
    text-align: center;
    letter-spacing: -0.05rem;
  }
}
.cyberbox_option_nav_list p {
  margin: 5px 0 15px 0;
  color: #565d65;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list p {
    display: none;
  }
}
.cyberbox_option_nav_list .btn {
  display: flex;
  justify-content: center;
  max-width: 120px;
  margin-top: auto;
  padding: 2px 0;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.42857143;
  border: 1px solid #959595;
  border-radius: 30px;
  background: #959595;
}

.cyberbox_option_nav_list .btn_sp {
  max-width: 20px;
  margin: 20px auto 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cyberbox_option_nav_list .btn_sp {
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .explanation_block .toggle_ttl_prev,
  .option_block .toggle_ttl_prev {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .explanation_block .toggle_ttl_prev,
  .option_block .toggle_ttl_prev {
    display: block;
    padding: 18px;
    color: #404040;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #aaa;
    border-radius: 50px;
    box-shadow: 0 5px 5px #b5b5b5;
    position: relative;
  }
  .explanation_block .toggle_ttl_prev::after,
  .option_block .toggle_ttl_prev::after {
    content: "";
    width: 13px;
    height: 8px;
    display: inline-block;
    margin: 0 0 1px 9px;
    background: #fff url(../img/security/cyberbox/toggle_ttl_arrow.png) no-repeat;
    background-size: contain;
  }
}
.explanation_block .toggle_ttl_prev.open,
.option_block .toggle_ttl_prev.open {
  margin-top: 20px;
  color: #fff;
  background: #1d2731;
}

.explanation_block .toggle_ttl_prev.open::after,
.option_block .toggle_ttl_prev.open::after {
  width: 16px;
  height: 16px;
  margin: 0 0 -2px 9px;
  background: url(../img/security/cyberbox/toggle_ttl_close.png) no-repeat 0 0;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .explanation_block > .toggle_div,
  .option_block > .toggle_div {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
  }
}
.explanation_block > .toggle_div.open,
.option_block > .toggle_div.open {
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .explanation_block .wrapper > .toggle_div,
  .option_block .wrapper > .toggle_div {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
  }
}
.explanation_block .wrapper > .toggle_div.open,
.option_block .wrapper > .toggle_div.open {
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  opacity: 1;
}

.cyberbox_explanation h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.cyberbox_explanation h2::before {
  content: none;
}

.cyberbox_explanation .explanation_block {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(1) {
    padding: 15px 0 30px 0;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_explanation .explanation_block:nth-of-type(1):before {
    max-width: 510px;
    max-height: 452px;
    width: 26.7vw;
    height: 23.5vw;
    background-image: url(../img/security/cyberbox/explanation01_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_explanation .explanation_block:nth-of-type(1):before {
    width: 19vw;
    height: 16.8vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(1):before {
    top: -36px;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(1) h3 {
    width: 76.5578635015%;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_explanation .explanation_block:nth-of-type(2):before {
    max-width: 529px;
    max-height: 463px;
    width: 27.6vw;
    height: 24.2vw;
    top: -9px;
    background-image: url(../img/security/cyberbox/explanation02_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_explanation .explanation_block:nth-of-type(2):before {
    width: 19vw;
    height: 16.8vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(2) h3 {
    width: 65.2818991098%;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(2) h4:nth-of-type(2) {
    margin-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_explanation .explanation_block:nth-of-type(3):before {
    max-width: 528px;
    max-height: 466px;
    width: 27.5vw;
    height: 24.3vw;
    top: -22px;
    background-image: url(../img/security/cyberbox/explanation03_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_explanation .explanation_block:nth-of-type(3):before {
    width: 21vw;
    height: 18.7vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(3) h3 {
    width: 72.1068249258%;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_explanation .explanation_block:nth-of-type(4):before {
    max-width: 538px;
    max-height: 474px;
    width: 28.1vw;
    height: 24.7vw;
    top: -23px;
    background-image: url(../img/security/cyberbox/explanation04_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_explanation .explanation_block:nth-of-type(4):before {
    width: 19vw;
    height: 16.8vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(4) h3 {
    width: 93.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(4) .toggle_ttl_prev {
    margin: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(4) .toggle_ttl_prev.open {
    margin: 20px 5% 0;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_explanation .explanation_block:nth-of-type(5):before {
    max-width: 555px;
    max-height: 464px;
    width: 29vw;
    height: 24.2vw;
    top: -14px;
    background-image: url(../img/security/cyberbox/explanation05_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_explanation .explanation_block:nth-of-type(5):before {
    width: 21vw;
    height: 17.6vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(5) h3 {
    width: 76.5578635015%;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_explanation .explanation_block:nth-of-type(6):before {
    max-width: 507px;
    max-height: 470px;
    width: 26.5vw;
    height: 24.5vw;
    top: -18px;
    background-image: url(../img/security/cyberbox/explanation06_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_explanation .explanation_block:nth-of-type(6):before {
    width: 21vw;
    height: 18.7vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_explanation .explanation_block:nth-of-type(6) h3 {
    width: 80.118694362%;
  }
}
.explanation_block {
  padding: 50px 0 105px 0;
  position: relative;
}
.explanation_block .l-wrapper {
  max-width: 920px;
}

@media screen and (max-width: 768px) {
  .explanation_block {
    padding: 35px 0 30px 0;
  }
}
.explanation_block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .explanation_block::before {
    width: 26.9333333333%;
    height: 36.8%;
    max-height: 118px;
    top: -14px;
    background-image: url(../img/security/cyberbox/explanation_number_sp.png) !important;
  }
}
@media screen and (min-width: 769px) {
  .explanation_block:last-of-type {
    padding-bottom: 90px;
  }
}
.explanation_block .l-wrapper {
  max-width: 920px;
}

.explanation_block .explanation01_trouble_title {
  max-width: 900px;
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  .explanation_block .explanation01_trouble_title {
    margin-top: 20px;
  }
}

.explanation_block h3 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .explanation_block h3 {
    margin: 0 auto;
  }
}

.explanation_block h4 {
  max-width: 900px;
  margin: 50px auto 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .explanation_block h4 {
    margin-top: 20px;
  }
}

.explanation_block_even {
  background: #f8f8f8;
}

@media screen and (max-width: 768px) {
  .explanation_block_even {
    background: #ebebeb;
  }
}
.explanation_text {
  margin-top: 20px;
  color: #565d65;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .explanation_text {
    text-align: left;
    letter-spacing: -0.03rem;
  }
}
.explanation01_trouble_title {
  margin-top: 60px;
}

.explanation_check {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.explanation_check li {
  margin-right: 6px;
}

@media screen and (max-width: 768px) {
  .explanation_check li {
    margin-right: 5px;
  }
}
.explanation_check li:last-child {
  margin-right: 0;
}

.explanation_list_one {
  display: flex;
  max-width: 900px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .explanation_list_one {
    flex-direction: column;
    margin-top: 15px;
  }
}

.explanation_list_one li {
  margin-right: 15px;
  box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .explanation_list_one li {
    margin-right: 0;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 768px) {
  .explanation_list_one li:nth-child(n+2) {
    margin-top: 5px;
  }
}
.explanation_list_one li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .explanation_list_one img {
    width: 100%;
  }
}
.explanation_list_two {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .explanation_list_two {
    flex-direction: column;
    margin-top: 20px;
  }
}
.explanation_list_two li {
  width: 48.8888888889%;
  margin-right: 2.2222222222%;
  box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .explanation_list_two li {
    width: 100%;
    margin-right: 0;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  }
}
.explanation_list_two li img {
  width: 100%;
}

.explanation_list_two li:nth-child(even) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .explanation_list_two li:nth-child(n+2) {
    margin-top: 5px;
  }
}
@media screen and (min-width: 769px) {
  .explanation_list_two li:nth-child(n+3) {
    margin-top: 20px;
  }
}
.explanation_list_three {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .explanation_list_three {
    margin-top: 15px;
  }
}
.explanation_list_three li {
  width: 32.2222222222%;
  margin-right: 1.6666666667%;
  -webkit-box-shadow: 4px 6px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 4px 6px 5px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  .explanation_list_three li {
    width: 32.3529411765%;
    margin-right: 1.4705882353%;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  }
}
.explanation_list_three li:nth-child(3n) {
  margin-right: 0;
}

.explanation_list_three li:nth-child(n+4) {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .explanation_list_three li:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .explanation_list_three img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .explanation05_list_three,
  .explanation06_list_three {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .explanation05_list_three li,
  .explanation06_list_three li {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .explanation05_list_three li:nth-child(n+2),
  .explanation06_list_three li:nth-child(n+2) {
    margin-top: 5px;
  }
}
.explanation02_list_two li {
  box-shadow: none;
}

.explanation_list_icon {
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .explanation_list_icon {
    flex-direction: column;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .explanation_list_icon li {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 768px) {
  .explanation_list_icon li:nth-child(n+2) {
    margin-top: 5px;
  }
}
.explanation01_list_icon {
  align-items: center;
  justify-content: space-between;
  max-width: 900px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .explanation01_list_icon {
    margin-top: 15px;
  }
}

.explanation01_list_icon li {
  margin-right: 50px;
}

@media screen and (max-width: 768px) {
  .explanation01_list_icon li {
    margin-right: 0;
  }
}
.explanation01_list_icon li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .explanation01_list_icon img {
    width: 100%;
  }
}
.explanation02_list_icon {
  justify-content: center;
}

.explanation02_list_icon li {
  width: auto;
  margin-right: 48px;
}

@media screen and (max-width: 768px) {
  .explanation02_list_icon li {
    margin-right: 0;
  }
}
.explanation02_list_icon li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .explanation02_list_icon img {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .explanation_block02 {
    padding: 50px 0 85px 0;
  }
}
@media screen and (max-width: 768px) {
  .explanation_block02 .explanation_btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .explanation_block02 .explanation_btn {
    margin: 80px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .explanation_block03 .explanation_list_two {
    margin-top: 30px;
  }
}
.explanation_block03 .explanation_list_two li {
  box-shadow: none;
}

@media screen and (max-width: 768px) {
  .explanation_block03 .explanation_list_two li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .explanation_block04 {
    padding: 50px 0 90px 0;
  }
}
@media screen and (max-width: 768px) {
  .explanation_block04 .explanation_btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .explanation_block04 .explanation_btn {
    margin: 70px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .explanation_block05 {
    padding: 50px 0 95px 0;
  }
}
@media screen and (max-width: 768px) {
  .explanation_block05 .explanation_btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .explanation_block05 .explanation_btn {
    margin: 75px auto 0;
  }
}
.explanation05_list_icon {
  max-width: 865px;
  margin: 40px auto 0;
  align-items: baseline;
}

@media screen and (max-width: 768px) {
  .explanation05_list_icon {
    margin: 15px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .explanation05_list_icon li {
    width: 21.9653179191%;
    margin-right: 4.0462427746%;
  }
}
@media screen and (min-width: 769px) {
  .explanation05_list_icon li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .explanation05_list_icon img {
    width: 100%;
  }
}
.explanation_list_flow {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .explanation_list_flow {
    flex-direction: column;
    margin-top: 25px;
  }
}
.explanation_list_flow li {
  margin-right: 35px;
}

@media screen and (max-width: 768px) {
  .explanation_list_flow li {
    margin-right: 0;
  }
}
.explanation_list_flow li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .explanation_list_flow img {
    width: 100%;
  }
}
.explanation04_block_top {
  position: relative;
}

@media screen and (min-width: 769px) {
  .explanation04_block_top::before {
    content: "";
    width: 1513px;
    height: 816px;
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translateX(-52%);
    background-image: url(../img/security/cyberbox/explanation04_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: -2;
  }
}
.explanation_btn,
.option_btn {
  display: block !important;
  margin: 40px auto 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border: 3px solid #fff;
  border-radius: 40px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 5px 5px #b5b5b5;
  position: relative;
}

@media screen and (min-width: 769px) {
  .explanation_btn,
  .option_btn {
    width: 550px;
    height: 68px;
    line-height: 60px;
  }
}
@media screen and (max-width: 768px) {
  .explanation_btn,
  .option_btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 68px;
    margin: 25px auto 0;
    font-size: 15px;
    line-height: 1.3;
  }
}
.explanation_btn::after,
.option_btn::after {
  content: "";
  width: 12px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: #fff;
  -webkit-mask-image: url(../svg/icons/contact_arrow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

@media screen and (max-width: 768px) {
  .explanation_btn::after,
  .option_btn::after {
    width: 9px;
    height: 15px;
    right: 7%;
  }
}
@media screen and (min-width: 769px) {
  .explanation_btn:hover,
  .option_btn:hover {
    opacity: 0.8;
  }
}
.explanation_btn {
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}

.option_btn {
  background: linear-gradient(90deg, #f39700 0, #f34a00 100%);
}

.explanation_activity_number {
  position: relative;
}

@media screen and (min-width: 769px) {
  .explanation_activity_number {
    height: 470px;
  }
}
@media screen and (max-width: 768px) {
  .explanation_activity_number {
    margin-top: 17px;
  }
}
.explanation_activity_number li {
  position: absolute;
}

@media screen and (max-width: 768px) {
  .explanation_activity_number li {
    position: static;
  }
}
.explanation_activity_number li:nth-of-type(1) {
  top: 14%;
  left: 0;
}

.explanation_activity_number li:nth-of-type(2) {
  top: 14%;
  right: 0;
}

.explanation_activity_number li:nth-of-type(3) {
  top: 51%;
  left: 5px;
}

.explanation_activity_number li:nth-of-type(4) {
  top: 50%;
  right: -10px;
}

@media screen and (max-width: 768px) {
  .explanation_activity_number li:nth-child(n+2) {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .explanation_activity_number img {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .explanation04_block_bottom {
    padding-top: 120px;
  }
}
.explanation_scene_img_sp {
  margin: 0 calc(-50vw + 50%);
}

.cyberbox_option .option_block {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(1) {
    padding-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option .option_block:nth-of-type(1):before {
    max-width: 461px;
    max-height: 382px;
    width: 24vw;
    height: 20vw;
    background-image: url(../img/security/cyberbox/option01_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_option .option_block:nth-of-type(1):before {
    width: 21vw;
    height: 17.4vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(1):before {
    top: -16px;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(1) h3 {
    width: 97.0326409496%;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option .option_block:nth-of-type(2):before {
    max-width: 482px;
    max-height: 382px;
    width: 25.2vw;
    height: 20vw;
    top: -110px;
    background-image: url(../img/security/cyberbox/option02_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_option .option_block:nth-of-type(2):before {
    width: 22vw;
    height: 17.5vw;
    top: -5.1vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(2) h3 {
    width: 62.4%;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option .option_block:nth-of-type(2) h4 {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(2) .option_btn {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(2) .toggle_ttl_prev {
    margin: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(2) .toggle_ttl_prev.open {
    margin: 10px 5% 0;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option .option_block:nth-of-type(3):before {
    max-width: 481px;
    max-height: 387px;
    width: 25.1vw;
    height: 20.2vw;
    top: -112px;
    background-image: url(../img/security/cyberbox/option03_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_option .option_block:nth-of-type(3):before {
    width: 21vw;
    height: 17.4vw;
    top: -4.9vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(3) h3 {
    width: 56.5333333333%;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(3) .toggle_ttl_prev {
    margin: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(3) .toggle_ttl_prev.open {
    margin: 20px 5% 0;
  }
}
@media screen and (min-width: 769px) {
  .cyberbox_option .option_block:nth-of-type(4):before {
    max-width: 493px;
    max-height: 381px;
    width: 25.7vw;
    height: 20vw;
    top: -85px;
    background-image: url(../img/security/cyberbox/option04_number.png);
  }
}
@media screen and (min-width: 769px) and (max-width: 1920px) {
  .cyberbox_option .option_block:nth-of-type(4):before {
    width: 21vw;
    height: 16.3vw;
    top: -4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_option .option_block:nth-of-type(4) h3 {
    width: 64.2666666667%;
  }
}
.option_block {
  padding: 80px 0 90px 0;
  position: relative;
}
.option_block .l-wrapper {
  max-width: 920px;
}

@media screen and (max-width: 768px) {
  .option_block {
    padding: 35px 0 30px 0;
  }
}
.option_block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .option_block::before {
    width: 26.9333333333%;
    height: 36.8%;
    max-height: 118px;
    top: -14px;
    background-image: url(../img/security/cyberbox/option_number_sp.png) !important;
  }
}
.option_block .l-wrapper {
  max-width: 920px;
}

.option_block h3 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .option_block h3 {
    margin: 0 auto;
  }
}

.option_block h4 {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .option_block h4 {
    margin-top: 25px;
  }
}
.option_block .tokuchou_list_cyberbox {
  margin: 65px 0 0 0;
}

@media screen and (max-width: 768px) {
  .option_block .tokuchou_list_cyberbox {
    margin: 15px 0 0 0;
  }
}
@media screen and (min-width: 769px) {
  .option_block .tokuchou_list_cyberbox li:nth-child(even) .tokuchou_list_box {
    padding: 0 33px 0 150px;
  }
}
.option_block .tokuchou_list_cyberbox li:nth-of-type(1) .tokuchou_list_img {
  left: 390px;
}

@media screen and (max-width: 768px) {
  .option_block .tokuchou_list_cyberbox li:nth-of-type(1) .tokuchou_ttl {
    width: 73.9273927393%;
  }
}
.option_block .tokuchou_list_cyberbox li:nth-of-type(2) .tokuchou_list_img {
  top: -10px;
  right: 445px;
}

@media screen and (max-width: 768px) {
  .option_block .tokuchou_list_cyberbox li:nth-of-type(2) .tokuchou_ttl {
    width: 76.5676567657%;
  }
}
.option_block .tokuchou_list_cyberbox li:nth-of-type(3) .tokuchou_list_img {
  top: 0;
  left: 420px;
}

@media screen and (max-width: 768px) {
  .option_block .tokuchou_list_cyberbox li:nth-of-type(3) .tokuchou_ttl {
    width: 78.5478547855%;
  }
}
@media screen and (max-width: 768px) {
  .option_block .tokuchou_list_cyberbox li:nth-of-type(4) .tokuchou_ttl {
    width: 75.9075907591%;
  }
}
@media screen and (min-width: 769px) {
  .option_block .tokuchou_list_cyberbox .tokuchou_list_box {
    padding: 0 160px 0 33px;
  }
}
.option_block .tokuchou_list_cyberbox .tokuchou_list_box h4 {
  text-align: left;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .option_block .tokuchou_list_cyberbox .tokuchou_list_box h4::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .option_block .tokuchou_list_cyberbox .tokuchou_list_box h4 .tokuchou_ttl {
    margin-left: 0;
  }
}
.option_block .tokuchou_list_cyberbox .tokuchou_list_box p {
  letter-spacing: -0.04rem;
}

@media screen and (max-width: 768px) {
  .option_block .tokuchou_list_cyberbox .tokuchou_list_box p {
    color: #6f6f6f;
  }
}
@media screen and (max-width: 768px) {
  .option_block .tokuchou_list_cyberbox .toggle_div::before {
    background-image: linear-gradient(0deg, #f39800 0, #f34a00 100%);
  }
}
@media screen and (min-width: 769px) {
  .option_block .toggle_ttl .acd_visual_btn {
    display: none;
  }
}
.option_block .toggle_ttl .acd_visual_btn_icon {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 7px;
  border: 1px solid #8c8c8c;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: ease all 0.5s;
  display: none;
}

.option_block .toggle_ttl .acd_visual_btn_icon p,
.option_block .toggle_ttl .acd_visual_btn_icon span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

.option_block .toggle_ttl .acd_visual_btn_icon p {
  position: relative;
  width: 100%;
  height: 100%;
}

.option_block .toggle_ttl .acd_visual_btn_icon span {
  position: absolute;
  top: 50%;
  right: 0;
  background: #8c8c8c;
}

.option_block .toggle_ttl .acd_visual_btn_icon span:nth-of-type(1) {
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}

.option_block .toggle_ttl .acd_visual_btn_icon span:nth-of-type(2) {
  width: 2px;
  height: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 768px) {
  .option_block .toggle_ttl.open {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .option_block .toggle_ttl.open .acd_visual_btn_icon span:nth-of-type(1) {
    transform: translateX(0) translateY(-1.5px) rotate(-45deg);
  }
}
@media screen and (max-width: 768px) {
  .option_block .toggle_ttl.open .acd_visual_btn_icon span:nth-of-type(2) {
    transform: translateX(-1px) translateY(-7px) rotate(135deg);
  }
}
.option_block_even {
  background: #eee;
}

@media screen and (min-width: 769px) {
  .option_block_bg {
    padding-bottom: 0;
  }
}
.option_text {
  margin-top: 35px;
  color: #565d65;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .option_text {
    margin-top: 20px;
    letter-spacing: -0.1px;
    text-align: left;
  }
}
.option_block_flex {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.option_block_flex_text {
  width: 38.8888888889%;
  margin-right: 6.1111111111%;
  color: #535353;
  font-size: 15px;
  font-weight: 700;
}

.option_block_flex_img {
  width: 55%;
}

@media screen and (max-width: 768px) {
  .option_block_flex_img {
    width: 100%;
    margin-top: 30px;
  }
}
.option_list_one {
  display: flex;
  justify-content: space-between;
  margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
  .option_list_one {
    flex-wrap: wrap;
    margin: 15px auto 0;
  }
}
.option_list_one li {
  margin-right: 102px;
}

@media screen and (max-width: 768px) {
  .option_list_one li {
    width: 48.5294117647%;
    margin-right: 2.9411764706%;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 768px) {
  .option_list_one li:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .option_list_one li:nth-child(n+3) {
    margin-top: 10px;
  }
}
.option_list_one li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .option_list_one img {
    width: 100%;
  }
}
.option_list_three {
  display: flex;
  max-width: 780px;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  .option_list_three {
    margin: 15px auto 0;
  }
}
.option_list_three li {
  margin-right: 182px;
}

@media screen and (max-width: 768px) {
  .option_list_three li {
    width: 32.3529411765%;
    margin-right: 1.4705882353%;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  }
  .option_list_three li img {
    width: 100%;
  }
}
.option_list_three li:last-child {
  margin-right: 0;
}

.option_list_ups {
  display: flex;
  align-items: center;
  max-width: 840px;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  .option_list_ups {
    align-items: baseline;
  }
}
.option_list_ups li {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  padding: 0 17px;
  border-right: 1px solid #1d2731;
}
@media screen and (max-width: 768px) {
  .option_list_ups li {
    padding: 0 17px;
  }
}
.option_list_ups li:last-child {
  border: none;
}

.option_list_ups p {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .option_list_ups p {
    font-size: 15px;
  }
}
.option_ups_power_outage {
  margin-top: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .option_ups_power_outage {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .option_ups_power_outage span {
    display: inline-block;
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .option_ups_bottom {
    margin-top: 80px;
    padding-bottom: 70px;
    background-image: url(../img/security/cyberbox/option_ups_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .option_ups_bottom .l-wrapper {
    max-width: 920px;
  }
}
@media screen and (max-width: 768px) {
  .option_ups_bottom {
    margin-top: 25px;
    overflow: hidden;
  }
}
.option_ups_bottom .option_btn {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .option_ups_bottom .option_btn {
    margin-top: 20px;
  }
}
.option_ups_bottom .option_btn:hover {
  opacity: 1;
}

.option_ups_relief_title {
  text-align: center;
}

.option_ups_relief_title span {
  padding: 12px 38px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: #f39600;
}

@media screen and (max-width: 768px) {
  .option_ups_relief_title span {
    padding: 7px 10px;
    font-size: 15px;
  }
}
.option_ups_relief_img {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .option_ups_relief_img {
    margin-top: 8px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .option_ups_relief_img::after {
    content: "";
    width: 105vw;
    height: 30.4vw;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
}

.option_ups_relief_text {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #f39600;
  text-align: center;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .option_ups_relief_text {
    font-size: 15px;
  }
}
.option_ups_about {
  max-width: 900px;
  margin: 0 auto;
  transform: translateX(-12px);
  padding-top: 100px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .option_ups_about {
    padding-top: 0;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .option_server_number,
  .option_ups_number {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .option_server_number li,
  .option_ups_number li {
    width: 48.5294117647%;
    margin-right: 2.9411764706%;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 768px) {
  .option_server_number li:nth-child(even),
  .option_ups_number li:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .option_server_number li:nth-child(n+3),
  .option_ups_number li:nth-child(n+3) {
    margin-top: 10px;
  }
}
.option_ups_about_img {
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .option_ups_about_img {
    display: block;
  }
}

.option_ups_about_img .option_ups_number li {
  position: absolute;
}

@media screen and (max-width: 768px) {
  .option_ups_about_img .option_ups_number li {
    position: static;
  }
  .option_ups_about_img .option_ups_number li img {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .option_ups_about_img .option_ups_number li:nth-of-type(1) {
    top: -14.8514851485%;
    left: 12px;
  }
}
@media screen and (min-width: 769px) {
  .option_ups_about_img .option_ups_number li:nth-of-type(2) {
    top: -14.8514851485%;
    right: -10px;
  }
}
@media screen and (min-width: 769px) {
  .option_ups_about_img .option_ups_number li:nth-of-type(3) {
    top: 44.5544554455%;
    left: 5px;
  }
}
@media screen and (min-width: 769px) {
  .option_ups_about_img .option_ups_number li:nth-of-type(4) {
    top: 47.8547854785%;
    right: -10px;
  }
}
@media screen and (max-width: 768px) {
  .option_ups_about_img_sp {
    margin: -20px calc(-50vw + 50%) 0 calc(-50vw + 50%);
  }
}
@media screen and (max-width: 768px) {
  .option_server_about_img_sp {
    margin: 5px calc(-50vw + 50%) 0;
  }
}
.option_server_top {
  position: relative;
}

@media screen and (min-width: 769px) {
  .option_server_top::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/security/cyberbox/option_server_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom -45px;
    z-index: -2;
  }
}
.option_server_top h4 {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .option_server_top h4 {
    margin-top: 25px;
  }
}
.option_server_about {
  padding-top: 180px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .option_server_about {
    padding-top: 0;
  }
}
.option_server_about_img {
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .option_server_about_img {
    display: block;
  }
}

.option_server_about_img li {
  position: absolute;
}

@media screen and (max-width: 768px) {
  .option_server_about_img li {
    position: static;
  }
  .option_server_about_img li img {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .option_server_about_img li:nth-of-type(1) {
    top: -30.3206997085%;
    left: 90px;
  }
}
@media screen and (min-width: 769px) {
  .option_server_about_img li:nth-of-type(2) {
    top: -29.7376093294%;
    right: 90px;
  }
}
@media screen and (min-width: 769px) {
  .option_server_about_img li:nth-of-type(3) {
    top: 27.6967930029%;
    left: -50px;
  }
}
@media screen and (min-width: 769px) {
  .option_server_about_img li:nth-of-type(4) {
    top: 29.1545189504%;
    right: -50px;
  }
}
@media screen and (min-width: 769px) {
  .option_server_bottom {
    margin-top: 105px;
    padding-bottom: 70px;
  }
}
.option04_feature_title {
  margin-top: 90px !important;
}

@media screen and (max-width: 768px) {
  .option04_feature_title {
    margin-top: 20px !important;
  }
}
.option_block04 .option_btn {
  margin-top: 90px;
}

@media screen and (max-width: 768px) {
  .option_block04 .option_btn {
    margin-top: 20px;
  }
}
.cyberbox_price_block {
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  .cyberbox_price_block {
    padding: 14px 0 40px 0;
  }
}
.cyberbox_price_product {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .cyberbox_price_product {
    margin-top: 0;
  }
}
.cyberbox_price_product h3 {
  width: 61.5%;
  margin-right: 4.5%;
  padding: 45px 40px 40px 30px;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  background: #f1efef;
}
@media screen and (max-width: 768px) {
  .cyberbox_price_product h3 {
    width: 49.8516320475%;
    margin-right: 0;
    padding: 16px 5% 16px;
    font-size: 15px;
  }
}

.cyberbox_price_product p {
  width: 36%;
  font-size: 60px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cyberbox_price_product p {
    width: 49.8516320475%;
    padding-left: 33px;
    font-size: 24px;
    box-sizing: border-box;
  }
}
.cyberbox_price_caution {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .cyberbox_price_caution {
    margin-top: 20px;
  }
}
.cyberbox_spec:not(:root) {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .cyberbox_spec:not(:root) {
    margin-bottom: 0;
  }
}
.cyberbox_spec .spec_list {
  margin: 60px auto 50px;
}
@media screen and (max-width: 768px) {
  .cyberbox_spec .spec_list {
    margin: 0 auto;
  }
}

.cyberbox_spec .l-wrapper {
  max-width: 910px;
  margin: 0 auto;
  padding: 60px 0 50px 0;
}

@media screen and (max-width: 768px) {
  .cyberbox_spec .l-wrapper {
    padding: 20px 5% 0;
  }
}
.cyberbox_faq .acd_head {
  background: linear-gradient(90deg, #f39700 0, #f34a00 100%);
}

.cyberbox_faq .acd_head.open {
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  background: linear-gradient(90deg, #f39700 0, #f34a00 100%);
}

.cyberbox_faq .acd_head.open span {
  background: #fff;
}

.cyberbox_faq .acd_head.open .acd_visual_btn_icon span:nth-of-type(1) {
  transform: translateX(0) translateY(0) rotate(-45deg);
}

.cyberbox_faq .acd_head.open .acd_visual_btn_icon span:nth-of-type(2) {
  transform: translateX(-1px) translateY(-7px) rotate(135deg);
}

@media screen and (max-width: 768px) {
  .cyberbox_faq .acd_head.open .acd_visual_btn_icon span:nth-of-type(2) {
    transform: translateX(-1px) translateY(-6px) rotate(135deg);
  }
}
.cyberbox_faq .acd_content p::before {
  content: "";
  width: 38px;
  height: 34px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/security/cyberbox/faq_a.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .cyberbox_faq .acd_content p::before {
    width: 20px;
    height: 18px;
    top: 5px;
  }
}
.datamigration .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .datamigration .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.datamigration .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .datamigration .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .datamigration .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .datamigration .mv_title01 {
    width: 32%;
  }
}
@media screen and (max-width: 768px) {
  .datamigration .mv_title02 {
    width: 72.2666666667%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .datamigration .mv_title03 {
    width: 71.2%;
  }
}
@media screen and (max-width: 768px) {
  .datamigration .mv_text {
    color: #7c8083;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .datamigration .mv_right {
    margin-top: 80px;
    margin-left: -30px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .datamigration .mv_right {
    position: relative;
    z-index: 0;
    margin-top: -15px;
  }
}
.datamigration h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.datamigration h2::before {
  content: none;
}

.datamigration h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .datamigration .solution_text {
    margin-top: 0;
  }
}
.datamigration .solution_text h2 {
  margin-top: 30px;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .datamigration .solution_text h2 {
    margin-top: 0;
  }
}
.datamigration .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .datamigration .solution_img {
    margin-top: 40px;
  }
}
.datamigration .solution_tokuchou {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .datamigration .solution_tokuchou {
    margin-top: 50px;
  }
}
.datamigration .solution_tsukaikata {
  margin-top: 60px;
}

.datamigration .solution_tsukaikata_list {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 45px 0;
}
@media screen and (max-width: 768px) {
  .datamigration .solution_tsukaikata_list {
    display: none;
  }
}
.datamigration .solution_tsukaikata_list li {
  width: 33.3333333333%;
}
.datamigration .solution_tsukaikata_list li img {
  width: 100%;
}
.datamigration .solution_tsukaikata_list li h4 {
  width: 224px;
  margin: 0 auto;
}

.datamigration .solution_tsukaikata_list .list_big {
  width: 100%;
  padding: 30px 30px 60px;
  background: #ededee;
  text-align: center;
}

.datamigration .solution_tsukaikata_list .list_big ul {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.datamigration .solution_tsukaikata_list .list_big ul li {
  position: relative;
  margin: 0 27px;
}

.datamigration .solution_tsukaikata_list .list_big ul li:not(:last-child):after {
  position: absolute;
  top: 70px;
  left: calc(100% + 15px);
  content: "";
  display: inline-block;
  width: 25px;
  height: 50px;
  background-image: url(../img/security/datamigration/tsukaikata_arrow.png);
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .datamigration .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.datamigration_top {
  position: relative;
  z-index: 1;
}

.datamigration_top::before {
  content: "";
  width: 1920px;
  height: 1499px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/remotesupport/remotesupport_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -240px;
}

@media screen and (max-width: 768px) {
  .datamigration_top::before {
    content: none;
  }
}
.datamigration_top::after {
  content: "";
  width: 519px;
  height: 620px;
  position: absolute;
  background-image: url(../img/security/datamigration/datamigration_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: -210px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 660px;
}

@media screen and (max-width: 768px) {
  .datamigration_top::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .datamigration_top .wrapper {
    padding: 0;
  }
}
.datamigration_about {
  margin-top: 60px;
  padding: 50px 50px 100px 50px;
  background-image: url(../img/security/datamigration/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .datamigration_about {
    margin: 30px auto 0;
    padding: 8% 5% 8% 5%;
    background-image: url(../img/security/datamigration/about_bg_sp.png);
  }
}

.datamigration_about h2 {
  text-align: center;
}
.datamigration_about h2 picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .datamigration_about h2 {
    width: 80.0664451827%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .datamigration_about .datamigration_about_textaera {
    width: 427px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .datamigration_about .datamigration_about_textaera {
    margin-top: 20px;
  }
}
.datamigration_about .datamigration_about_textaera h3 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .datamigration_about .datamigration_about_textaera h3 {
    font-size: 15px;
    text-align: center;
  }
}

.datamigration_about .datamigration_about_textaera p {
  margin-top: 10px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .datamigration_about .datamigration_about_textaera p {
    margin-top: 15px;
    font-size: 15px;
  }
}
.datamigration_about .datamigration_about_img {
  margin-top: 25px;
}

@media screen and (min-width: 769px) {
  .datamigration_about .datamigration_about_img {
    display: none;
  }
}
.datamigration_trouble {
  padding-top: 45px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .datamigration_trouble {
    margin: 0 calc(50% - 50vw);
    padding: 40px 5% 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 768px) {
  .datamigration_trouble::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../img/security/remotesupport/trouble_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
.datamigration_trouble h2 {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .datamigration_trouble h2 {
    max-width: 92.9411764706%;
    margin: 0 auto;
  }
}
.datamigration_trouble h2 picture {
  display: flex;
  justify-content: center;
}

.datamigration_trouble h2 .title_en,
.datamigration_trouble h2 .title_ja,
.datamigration_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.datamigration_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.datamigration_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.datamigration_trouble .datamigration_trouble_text {
  margin: 30px 0 0;
  text-align: center;
  color: #333;
}

@media screen and (max-width: 768px) {
  .datamigration_trouble .datamigration_trouble_text {
    margin-top: 20px;
    font-size: 15px;
  }
}
.datamigration_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.datamigration_trouble_list::after {
  display: none;
}

.datamigration_trouble_list li {
  position: relative;
  padding: 34px 50px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5;
  box-sizing: border-box;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .datamigration_trouble_list li {
    margin-top: 10px;
    padding: 16px 18px 12px 23px;
    font-size: 15px;
    background-size: 35px;
  }
}
.datamigration_trouble_list li:first-child {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

@media screen and (min-width: 769px) {
  .datamigration_trouble_list li:first-child {
    width: 686px;
  }
}
@media screen and (max-width: 768px) {
  .datamigration_trouble_list li:first-child {
    margin-top: 20px;
    padding: 14px 22px 14px 40px;
  }
}
.datamigration_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .datamigration_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
.datamigration_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/datamigration/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .datamigration_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
.datamigration_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .datamigration_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
@media screen and (min-width: 769px) {
  .datamigration_trouble_list li:not(:first-child) {
    width: 480px;
  }
}
@media screen and (max-width: 768px) {
  .datamigration_trouble_list li:not(:first-child) {
    width: 48.5294117647%;
  }
}
.datamigration_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .datamigration_trouble_list li::before {
    top: -5px;
  }
}
.datamigration_trouble_list li b {
  color: #e60012;
}

.datamigration_trouble_problem {
  margin-top: 20px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 1.8;
  font-feature-settings: "palt";
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .datamigration_trouble_problem {
    margin-top: 120px;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .datamigration_trouble_problem::before {
    content: "";
    width: 43.0267062315%;
    height: 100%;
    min-height: 162px;
    position: absolute;
    top: -165px;
    left: 50%;
    transform: translateX(-55%);
    background-image: url(../img/security/remotesupport/trouble_women.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -2;
  }
}
@media screen and (max-width: 768px) {
  .datamigration_trouble_problem::after {
    content: "";
    width: 120vw;
    height: 25vh;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
}
.datamigration_trouble_problem span {
  padding-bottom: 10px;
  border-bottom: 3px solid #1d2731;
}

@media screen and (max-width: 768px) {
  .datamigration_trouble_problem span {
    padding-bottom: 5px;
    border-bottom: 1px solid #1d2731;
  }
}
.datamigration_solution {
  position: relative;
  z-index: 2;
}

.datamigration_title {
  padding: 34px 45px;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .datamigration_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    line-height: 1;
    text-align: center;
  }
}
.datamigration_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .datamigration_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
@media screen and (max-width: 768px) {
  .solution_tokuchou .datamigration_title img {
    width: 64.2666666667%;
  }
}
@media screen and (max-width: 768px) {
  .solution_tsukaikata .datamigration_title img {
    width: 37.3333333333%;
  }
}
.datamigration_tsukaikata_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .datamigration_tsukaikata_sp {
    position: relative;
    display: block;
    margin-top: 40px;
    z-index: 1;
  }
}
.datamigration_tsukaikata_sp .tab_panel.active {
  display: flex;
  justify-content: center;
}

.datamigration_tsukaikata_sp .tab_panel:nth-child(1) img {
  margin-left: -30px;
}

.datamigration_tsukaikata_sp .tab_panel:nth-child(3) img {
  margin-left: -20px;
}

.datamigration_tsukaikata_sp .tab_panel:nth-child(4) img {
  margin-left: -30px;
}

.datamigration_tsukaikata_last_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .datamigration_tsukaikata_last_sp {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 30px 5% 40px;
    background: #ededee;
    text-align: center;
  }
}

.fileshare .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .fileshare .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.fileshare .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .fileshare .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .fileshare .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .fileshare .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .fileshare .mv_title01 {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .fileshare .mv_title02 {
    width: 72.5333333333%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .fileshare .mv_title03 {
    width: 90.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .fileshare .mv_text {
    color: #7c8083;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .fileshare .mv_right {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .fileshare .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 10px;
  }
}
.fileshare h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.fileshare h2::before {
  content: none;
}

.fileshare h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .fileshare .solution_text {
    margin-top: -30px;
  }
}
.fileshare .solution_text h2 {
  margin-top: 50px;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .fileshare .solution_text h2 {
    margin-top: 0;
  }
}
.fileshare .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .fileshare .solution_img {
    margin-top: -70px;
  }
}
@media screen and (max-width: 768px) {
  .fileshare .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .fileshare .solution_can {
    margin-top: 40px;
  }
}
.fileshare .solution_can_list {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .fileshare .solution_can_list {
    flex-direction: column;
    margin-top: 30px;
    text-align: left;
  }
}
.fileshare .solution_can_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 25px;
}
@media screen and (max-width: 768px) {
  .fileshare .solution_can_list li {
    flex-direction: row;
    margin: 10px 0 0;
    padding: 15px 10px;
    box-shadow: 3.83px 3.214px 9.8px 0.2px rgba(0, 0, 0, 0.21);
  }
}

@media screen and (max-width: 768px) {
  .fileshare .solution_can_list .solution_can_img {
    flex-shrink: 0;
    width: 73px;
    margin-right: 15px;
  }
}
.fileshare .solution_can_list .solution_can_label {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .fileshare .solution_can_list .solution_can_label {
    margin-top: 0;
  }
}

.fileshare .solution_can_list .solution_can_text {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .fileshare .solution_can_list .solution_can_text {
    margin-top: 5px;
    font-size: 3.7vw;
  }
}
.fileshare .solution_image {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .fileshare .solution_image {
    margin-bottom: 45px;
  }
}
.fileshare .solution_image_title {
  margin-top: 70px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .fileshare .solution_image_title {
    margin-top: 35px;
  }
}
.fileshare .solution_image_img {
  margin-top: 50px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .fileshare .solution_image_img {
    margin-top: 20px;
  }
}
.fileshare .solution_image_img picture {
  display: flex;
  justify-content: center;
}

.fileshare_top {
  position: relative;
  z-index: 1;
}

.fileshare_top::before {
  content: "";
  width: 1920px;
  height: 1499px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/remotesupport/remotesupport_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -240px;
}

@media screen and (max-width: 768px) {
  .fileshare_top::before {
    content: none;
  }
}
.fileshare_top::after {
  content: "";
  width: 519px;
  height: 620px;
  position: absolute;
  background-image: url(../img/security/fileshare/fileshare_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: -210px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 660px;
}

@media screen and (max-width: 768px) {
  .fileshare_top::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .fileshare_top .wrapper {
    padding: 0;
  }
}
.fileshare_about {
  margin-top: 60px;
  padding: 50px 50px 100px 50px;
  background-image: url(../img/security/fileshare/about_bg.png);
  background-size: cover;
  border-radius: 10px;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .fileshare_about {
    height: 550px;
  }
}
@media screen and (max-width: 768px) {
  .fileshare_about {
    margin: 30px auto 0;
    padding: 8% 5% 8% 5%;
    background-image: url(../img/security/fileshare/about_bg_sp.png);
  }
}
.fileshare_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .fileshare_about h2 {
    width: 80.0664451827%;
    margin: 0 auto;
  }
}

.fileshare_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .fileshare_about p {
    margin-top: 15px;
    font-size: 15px;
  }
}
.fileshare_about .fileshare_about_img {
  margin-top: 25px;
}

@media screen and (min-width: 769px) {
  .fileshare_about .fileshare_about_img {
    display: none;
  }
}
.fileshare_trouble {
  padding-top: 45px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .fileshare_trouble {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 40px 5% 70px;
    overflow: hidden;
    background: linear-gradient(#fff, #e6e6e6);
    z-index: 0;
  }
}

@media screen and (max-width: 768px) {
  .fileshare_trouble::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../img/security/remotesupport/trouble_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
@media screen and (max-width: 768px) {
  .fileshare_trouble::after {
    content: "";
    width: 120vw;
    height: 24vh;
    position: absolute;
    bottom: -32vw;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
}
.fileshare_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .fileshare_trouble h2 {
    max-width: 79.4117647059%;
    margin: 0 auto;
  }
}

.fileshare_trouble h2 .title_en,
.fileshare_trouble h2 .title_ja,
.fileshare_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.fileshare_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.fileshare_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.fileshare_trouble .fileshare_trouble_text {
  margin: 30px 0 0;
  text-align: center;
  color: #333;
}

@media screen and (max-width: 768px) {
  .fileshare_trouble .fileshare_trouble_text {
    margin-top: 20px;
    font-size: 15px;
  }
}
.fileshare_trouble_list {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  padding: 0 50px;
}

@media screen and (max-width: 768px) {
  .fileshare_trouble_list {
    flex-direction: column;
    margin-top: 20px;
    padding: 0;
  }
}
.fileshare_trouble_list::after {
  display: none;
}

.fileshare_trouble_list li {
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .fileshare_trouble_list li {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .fileshare_trouble_list li img {
    width: 100%;
  }
}

.fileshare_trouble_list h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 0;
  background: #000;
  color: #e60012;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .fileshare_trouble_list h3 {
    gap: 10px;
  }
}

.fileshare_trouble_list h3 picture {
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .fileshare_trouble_list h3 picture {
    width: 110px;
  }
}

.fileshare_trouble_list h3 img {
  margin-right: 10px;
}

.fileshare_solution {
  position: relative;
  z-index: 2;
}

.fileshare_title {
  padding: 34px 45px;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .fileshare_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    line-height: 1;
    text-align: center;
  }
}
.fileshare_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .fileshare_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
@media screen and (max-width: 768px) {
  .fileshare_title img {
    width: 84.8%;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_banner {
    padding-bottom: 30px;
  }
}
.cyberbox_banner img {
  border-radius: 10px;
  box-shadow: 5px 6px 9px rgba(0, 0, 0, 0.5);
}

.ups .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .ups .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.ups .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .ups .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .ups .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .ups .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .ups .mv_title01 {
    width: 55.4666666667%;
  }
}
@media screen and (min-width: 769px) {
  .ups .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .ups .mv_title02 {
    width: 73.3333333333%;
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .ups .mv_title03 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .ups .mv_title03 {
    margin-top: 15px;
    width: 51.2%;
  }
}
@media screen and (min-width: 769px) {
  .ups .mv_right {
    transform: translateX(50px) translateY(30px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .ups .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .ups .mv_right img {
    width: 100%;
  }
}
.ups h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.ups h2::before {
  content: none;
}

.ups h2 span {
  margin: 0;
}

@media screen and (min-width: 769px) {
  .ups .solution_top {
    margin-top: 60px;
  }
}
@media screen and (min-width: 769px) {
  .ups .solution_text {
    width: 568px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .ups .solution_text {
    margin-top: -5px;
  }
}
.ups .solution_text h2 {
  margin-top: 50px;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .ups .solution_text h2 {
    margin-top: 0;
  }
}
.ups .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
  .ups .solution_text h2 span {
    font-size: 45px;
  }
}
.ups .solution_text .text {
  margin-top: 10px;
  color: #1d2731;
  font-size: 20px;
  font-weight: 700;
  opacity: 0.75;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .ups .solution_text .text {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 15px;
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  .ups .solution_img {
    margin-left: -117px;
  }
}
@media screen and (max-width: 768px) {
  .ups .solution_img {
    width: 80%;
    margin-top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .ups .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .ups .solution_can {
    margin-top: 40px;
  }
}
.ups .solution_can_list {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ups .solution_can_list {
    flex-direction: column;
    margin-top: 30px;
    text-align: left;
  }
}
.ups .solution_can_list li {
  margin: 0 25px;
}

@media screen and (max-width: 768px) {
  .ups .solution_can_list li {
    display: flex;
    align-items: center;
    margin: 10px 0 0;
    padding: 15px 10px;
    box-shadow: 3.83px 3.214px 9.8px 0.2px rgba(0, 0, 0, 0.21);
  }
}
@media screen and (max-width: 768px) {
  .ups .solution_can_list .solution_can_img {
    flex-shrink: 0;
    width: 73px;
    margin-right: 15px;
  }
}
.ups .solution_can_list .solution_can_label {
  margin-top: 25px;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  .ups .solution_can_list .solution_can_label {
    margin-top: 0;
  }
}
.ups .solution_can_list .solution_can_text {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .ups .solution_can_list .solution_can_text {
    margin-top: 5px;
    font-size: 3.7vw;
  }
}
.ups .solution_image {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .ups .solution_image {
    margin-bottom: 45px;
  }
}
.ups .solution_image_title {
  margin-top: 70px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ups .solution_image_title {
    margin-top: 35px;
  }
}
.ups .solution_image_img {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ups .solution_image_img {
    margin-top: 20px;
  }
}
.ups .solution_hikaku {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .ups .solution_hikaku {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

@media screen and (max-width: 768px) {
  .ups .solution_hikaku {
    margin-top: 10px;
  }
}
.ups .solution_hikaku::after {
  display: none;
}

.ups .solution_hikaku li {
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .ups .solution_hikaku li {
    margin-top: 10px;
  }
}
.ups .solution_hikaku h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  text-align: center;
  background: #434343;
  color: #fff;
  font-size: 29px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ups .solution_hikaku h3 {
    font-size: 18px;
  }
}

.ups .solution_hikaku h3 span {
  display: inline-block;
  margin-right: 15px;
  padding: 0 28px;
  height: 29px;
  line-height: 29px;
  font-size: 20px;
  background: #000;
  border-radius: 14.5px;
}

@media screen and (max-width: 768px) {
  .ups .solution_hikaku h3 span {
    margin-right: 8px;
    padding: 0 15px;
    height: 21px;
    line-height: 21px;
    font-size: 14px;
  }
}
.ups .solution_hikaku figure {
  padding: 30px 50px;
  text-align: center;
}
.ups .solution_hikaku figure picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .ups .solution_hikaku figure {
    padding: 20px 30px;
  }
}
.ups .solution_hikaku figure figcaption {
  margin-top: 30px;
  font-size: 15px;
  text-align: left;
  color: rgba(29, 39, 49, 0.75);
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .ups .solution_hikaku figure figcaption {
    margin-top: 15px;
  }
}
.ups .solution_hikaku .hikaku_shiyouji h3 {
  background: #01b6c9;
}

.ups .solution_hikaku .hikaku_shiyouji h3 span {
  background: #035861;
}

.ups_top {
  position: relative;
  z-index: 1;
}

.ups_top::before {
  content: "";
  width: 1920px;
  height: 1499px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/remotesupport/remotesupport_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -240px;
}

@media screen and (max-width: 768px) {
  .ups_top::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .ups_top .wrapper {
    padding: 0;
  }
}
.ups_about {
  margin-top: 60px;
  padding: 50px 50px 60px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .ups_about {
    margin: 30px auto 0;
    padding: 8% 5% 8% 5%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.ups_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin: 0 auto;
}

.ups_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ups_about h2 {
    width: 84.7176079734%;
    margin: 0 auto;
  }
}

.ups_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .ups_about p {
    margin-top: 15px;
    font-size: 15px;
  }
}
.ups_about .ups_about_img {
  margin-top: 25px;
}

.ups_about_more .more_ttl {
  margin-top: 85px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ups_about_more .more_ttl {
    width: 79.1957333333vw;
    margin: 22px auto 0;
  }
}
.ups_about_more .more_ttl picture {
  display: flex;
  justify-content: center;
}

.ups_about_more .more_list {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .ups_about_more .more_list {
    flex-direction: column;
    margin-top: 7px;
  }
}
.ups_about_more .more_list li {
  width: 290px;
  margin: 0 7.5px;
  padding: 27px 25px 21px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  background: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ups_about_more .more_list li {
    width: 100%;
    margin: 10px 0 0;
    padding: 5%;
  }
}
.ups_about_more .more_list li picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .ups_about_more .more_list figure {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .ups_about_more .more_list picture {
    flex-shrink: 0;
    display: block;
    width: 80px;
    margin-right: 4%;
  }
}
.ups_about_more .more_list figcaption {
  text-align: left;
  font-size: 15px;
  color: #434343;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .ups_about_more .more_list figcaption {
    line-height: 1.2;
  }
}
.ups_about_more .more_list figcaption h3 {
  font-size: 18px;
  color: #01b6c9;
}

@media screen and (min-width: 769px) {
  .ups_about_more .more_list figcaption h3 {
    margin-top: 15px;
    text-align: center;
  }
}
.ups_about_more .more_list figcaption p {
  margin-top: 10px;
  color: rgba(29, 39, 49, 0.75);
}

@media screen and (max-width: 768px) {
  .ups_about_more .more_list figcaption p {
    margin-top: 5px;
  }
}
.ups_trouble {
  padding-top: 80px;
  position: relative;
}

@media screen and (min-width: 769px) {
  .ups_trouble {
    max-width: 900px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .ups_trouble {
    width: 100vw;
    margin: 35px calc(50% - 50vw) 0;
    padding: 0 5% 70px;
    overflow: hidden;
    background: linear-gradient(#fff, #e6e6e6);
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .ups_trouble::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../img/security/remotesupport/trouble_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
.ups_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ups_trouble h2 {
    max-width: 76.4705882353%;
    margin: 0 auto;
  }
}

.ups_trouble h2 .title_en,
.ups_trouble h2 .title_ja,
.ups_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.ups_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.ups_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.ups_trouble .ups_trouble_text {
  margin: 30px 0 0;
  text-align: center;
  color: #333;
}

@media screen and (max-width: 768px) {
  .ups_trouble .ups_trouble_text {
    margin-top: 20px;
    font-size: 15px;
  }
}
.ups_trouble .t_case {
  position: relative;
  margin-top: 50px;
  padding: 0 75px 30px;
  border-width: 3px;
  border-color: #fff;
  border-style: solid;
  border-radius: 5px;
  background: #bfbfbf;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 25px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_case {
    margin-top: 30px;
    padding: 5%;
    border-width: 1px;
  }
}
.ups_trouble .t_case::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  content: "";
  display: block;
  width: 375px;
  height: 319px;
  background-image: url(../img/security/ups/t_case_bg.png);
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_case::after {
    right: 0;
    bottom: auto;
    top: 20px;
    width: 103.5px;
    height: 139px;
    background-image: url(../img/security/ups/t_case_bg_sp.png);
  }
}
.ups_trouble .t_case_ttl {
  margin-top: -20px;
  text-align: center;
  line-height: 1;
}
.ups_trouble .t_case_ttl picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_case_ttl {
    margin: calc(-5% - 15px) 3% 0;
  }
}
.ups_trouble .t_case_ttl img {
  vertical-align: top;
}

.ups_trouble .t_case_list {
  margin-top: 30px;
  color: #343434;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_case_list {
    margin-top: 10px;
  }
}
.ups_trouble .t_case_list li {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_case_list li {
    margin-top: 5px;
  }
}
.ups_trouble .t_case_list .number {
  flex-shrink: 0;
  display: inline-block;
  width: 100px;
  height: 29px;
  line-height: 29px;
  margin-right: 8px;
  background-image: url(../img/security/ups/t_case_n_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: 15px;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_case_list .number {
    width: 61px;
    height: 19px;
    line-height: 19px;
    margin-right: 5px;
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  .ups_trouble .t_case_list .text {
    font-size: 15px;
  }
}
.ups_trouble .t_kekka_ttl {
  margin-top: 30px;
  text-align: center;
  color: #434343;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .ups_trouble .t_kekka_ttl {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.8;
  }
}

.ups_trouble .t_kekka_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 15px;
}

@media screen and (min-width: 769px) {
  .ups_trouble .t_kekka_list {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}
@media screen and (max-width: 768px) {
  .ups_trouble .t_kekka_list {
    margin-top: 5px;
  }
}
.ups_trouble .t_kekka_list li {
  width: 290px;
  margin: 15px 7.5px 0;
  background: #fff;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_kekka_list li {
    width: 100%;
    margin: 10px 0 0;
  }
}
.ups_trouble .t_kekka_list figure {
  display: flex;
  height: 100%;
}

@media screen and (min-width: 769px) {
  .ups_trouble .t_kekka_list figure {
    flex-direction: column;
  }
}
.ups_trouble .t_kekka_list .imgbox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 128px;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_kekka_list .imgbox {
    flex-shrink: 0;
    width: 35.2941176471%;
    height: 80px;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .ups_trouble .t_kekka_list .imgbox img {
    width: auto;
    height: 100%;
  }
}
.ups_trouble .t_kekka_list figcaption {
  margin-top: auto;
  padding: 15px 20px;
  background: #434343;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 18px;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_kekka_list figcaption {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64.7058823529%;
    height: 80px;
    padding: 10px;
    font-size: 15px;
  }
}
.ups_trouble .t_last_ttl {
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_last_ttl {
    position: relative;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .ups_trouble .t_last_ttl::after {
    content: "";
    width: 120vw;
    height: 24vh;
    position: absolute;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
}
.ups_trouble .t_last_ttl .t_last_ttl_inner {
  position: relative;
  display: inline-block;
  padding-left: 230px;
  text-align: left;
  font-size: 35px;
  font-weight: 700;
  color: #434343;
  line-height: 1.3;
}

@media screen and (min-width: 769px) {
  .ups_trouble .t_last_ttl .t_last_ttl_inner {
    margin-left: -70px;
  }
}
@media screen and (max-width: 768px) {
  .ups_trouble .t_last_ttl .t_last_ttl_inner {
    padding-left: 94px;
    font-size: 17px;
  }
}
.ups_trouble .t_last_ttl .t_last_ttl_inner::before {
  position: absolute;
  left: 0;
  bottom: -30px;
  content: "";
  display: inline-block;
  width: 233px;
  height: 207px;
  background-image: url(../img/security/ups/t_case_last.png);
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .ups_trouble .t_last_ttl .t_last_ttl_inner::before {
    left: -5px;
    bottom: -10px;
    width: 97px;
    height: 86px;
  }
}
.bn50t {
  margin-top: 50px;
  padding: 60px 50px;
  background-image: url(../img/security/ups/bn50t_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .bn50t {
    width: 100vw;
    margin: 40px calc(50% - 50vw) 0;
    padding: 30px 5% 55px;
    background-color: #01b6c9;
    background-image: url(../img/security/ups/bn50t_bg_sp.jpg);
    background-position: center bottom;
  }
}
.bn50t h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .bn50t h2 {
    margin: 0 5%;
  }
}

.bn50t_tab {
  margin-top: 20px;
  border-radius: 5px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .bn50t_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.bn50t_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 0.5px);
  padding: 10px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
}

.bn50t_tab li:nth-child(n+3) {
  margin-top: 1px;
}

.bn50t_tab li.active {
  background: #bc9727;
  color: #fff;
}

.bn50t_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 45px;
  font-size: 15px;
  font-weight: 700;
  color: rgba(29, 39, 49, 0.6);
}

@media screen and (max-width: 768px) {
  .bn50t_list {
    margin-top: 10px;
  }
}
.bn50t_list::after {
  display: none;
}

.bn50t_list li {
  position: relative;
  margin-top: 23px;
  background: #fff;
}

@media screen and (min-width: 769px) {
  .bn50t_list li {
    width: 440px;
    padding: 40px 0 36px;
  }
}
@media screen and (max-width: 768px) {
  .bn50t_list li {
    width: 100%;
    margin-top: 0;
    padding: 0;
  }
}
.bn50t_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: -8px;
  width: 85px;
  height: 82px;
  background-image: url(../img/security/ups/bn50t_ribbon.png);
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .bn50t_list li::before {
    display: none;
  }
}
.bn50t_list .bn50t_list_iner {
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .bn50t_list .bn50t_list_iner {
    max-width: 320px;
  }
}
.bn50t_list h3 {
  font-size: 20px;
  color: #bc9727;
}

@media screen and (max-width: 768px) {
  .bn50t_list h3 {
    text-align: center;
    line-height: 1.3;
  }
}
.bn50t_list p {
  margin-top: 10px;
  line-height: 1.3;
}

.bn50t_list figure {
  text-align: center;
}
.bn50t_list figure img {
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .bn50t_list figure {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .bn50t_list figure.sp-only {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 210px;
    background: #ebebeb;
  }
}
@media screen and (max-width: 768px) {
  .bn50t_list .textarea {
    min-height: 200px;
    padding: 25px 40px;
  }
}
.ups_reason_list {
  display: flex;
  justify-content: center;
  color: #1d2731;
}

@media screen and (max-width: 768px) {
  .ups_reason_list {
    flex-direction: column;
    margin-top: 25px;
  }
}
.ups_reason_list li {
  display: flex;
  flex-direction: column;
  width: 290px;
  margin: 0 7.5px;
  padding: 0 20px 20px 20px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .ups_reason_list li {
    width: 100%;
    padding: 0 30px 20px 30px;
    margin: 10px 0 0;
  }
}
.ups_reason_list .reason_no {
  display: flex;
  justify-content: center;
  text-align: center;
}

.ups_reason_list .reason_no img {
  vertical-align: top;
}

.ups_reason_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 113px;
  margin-top: 15px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ups_reason_list figure {
    min-height: 133px;
  }
}
.ups_reason_list h3 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .ups_reason_list h3 {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
  }
}

.ups_reason_list p {
  margin-top: auto;
  font-size: 14px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .ups_reason_list p {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .ups_reason_list .list_conpact h3 {
    margin: auto auto 5px auto;
  }
}
.ups_case {
  margin-top: 60px;
  padding: 70px 0;
  background-image: url(../img/security/ups/case_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .ups_case {
    margin-top: 40px;
    padding: 25px 0 40px;
  }
}
.ups_case .tab_label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 20px 0;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  background: #8c8c8c;
  transition: all ease 0.3s;
}
@media screen and (max-width: 768px) {
  .ups_case .tab_label {
    padding: 10px 0;
  }
}
.ups_case .tab_label .title_en {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 768px) {
  .ups_case .tab_label .title_en {
    font-size: 12px;
  }
}
.ups_case .tab_label .title_ja {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .ups_case .tab_label .title_ja {
    font-size: 13px;
    line-height: 1.2;
  }
}
.ups_case .tab_label.active {
  background: #01b6c9;
}

.ups_case .l-wrapper {
  max-width: 920px;
}

.ups_case .case_title {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ups_case .case_title {
    width: 66.7647058824%;
    margin: 10px auto 0;
  }
}
.ups_case .case_title picture {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .ups_case .case_tab {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .ups_case .tab_panel {
    padding-bottom: 0;
  }
  .ups_case .tab_panel li {
    display: flex;
    justify-content: center;
  }
}
.ups_case .tab_panel h3 {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ups_case .tab_panel h3 {
    font-size: 18px;
    line-height: 1.3;
  }
}

.ups_case .tab_panel p {
  margin-top: 10px;
  color: rgba(29, 39, 49, 0.75);
}

@media screen and (max-width: 768px) {
  .ups_case .tab_panel p {
    line-height: 1.3;
  }
}
.ups_case .tab_panel .case_kaiketsu {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .ups_case .tab_panel .case_kaiketsu {
    width: 90vw;
    margin: 20px calc(50% - 45vw) 0;
    padding: 6%;
    background: #01b6c9;
    color: #fff;
  }
}
.ups_case .tab_panel .case_kaiketsu h3,
.ups_case .tab_panel .case_kaiketsu p {
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .ups_case .tab_panel .case_kaiketsu h3,
  .ups_case .tab_panel .case_kaiketsu p {
    color: #01b6c9;
  }
}
@media screen and (max-width: 768px) {
  .ups_case .tab_panel .case_kaiketsu h3,
  .ups_case .tab_panel .case_kaiketsu p {
    line-height: 1.3;
  }
}
.ups_case .tab_panel .case_kaiketsu h3 {
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .ups_case .tab_panel .case_kaiketsu h3 {
    font-size: 12px;
  }
}
.ups_case .tab_panel .case_kaiketsu p {
  margin-top: 5px;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .ups_case .tab_panel .case_kaiketsu p {
    font-size: 15px;
    color: #fff;
  }
}
.ups_spec .ups_title {
  line-height: 1.1;
}

@media screen and (min-width: 769px) {
  .ups_spec .ups_title {
    margin-top: 60px;
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .ups_spec .ups_title {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .ups_spec .ups_title img {
    width: 19.2%;
  }
}
@media screen and (min-width: 769px) {
  .ups_spec .spec_list {
    margin: 0 50px;
  }
}
@media screen and (max-width: 768px) {
  .ups_spec .spec_list {
    margin-top: 35px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 769px) {
  .ups_spec .spec_list p {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  .ups_spec .spec_block p {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .ups_spec .spec_block p:first-of-type {
    width: 38.3333333333%;
  }
}
@media screen and (min-width: 769px) {
  .ups_spec .spec_block p:last-of-type {
    width: 63.0681818182%;
  }
}
.ups_spec .spec_block p:nth-child(2n+2) {
  font-weight: 400;
}

.ups_solution {
  position: relative;
  z-index: 2;
}

.ups_title {
  margin: 80px 0;
  padding: 34px 45px !important;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .ups_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0 !important;
    line-height: 1;
    text-align: center;
  }
}
.ups_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .ups_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.ups_title img {
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .ups_title img {
    width: 70.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .cyberbox_banner {
    padding-bottom: 30px;
  }
}
.cyberbox_banner img {
  border-radius: 10px;
  box-shadow: 5px 6px 9px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
  .ups_contact {
    margin-top: 30px;
  }
}
.vpn .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .vpn .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.vpn .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .vpn .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .vpn .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .vpn .mv_title01 {
    width: 74.9333333333%;
  }
}
@media screen and (max-width: 768px) {
  .vpn .mv_title02 {
    width: 72.2666666667%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .vpn .mv_title03 {
    width: 71.2%;
  }
}
@media screen and (max-width: 768px) {
  .vpn .mv_text {
    color: #7c8083;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .vpn .mv_list {
    margin-top: 28px;
  }
}
@media screen and (min-width: 769px) {
  .vpn .mv_right {
    margin-top: -30px;
    margin-left: -15px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .vpn .mv_right {
    position: relative;
    z-index: 0;
    margin-top: -15px;
  }
}
.vpn h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.vpn h2::before {
  content: none;
}

.vpn h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .vpn .solution_text {
    margin-top: 0;
  }
}
.vpn .solution_text h2 {
  margin-top: 30px;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .vpn .solution_text h2 {
    margin-top: 0;
  }
}
.vpn .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

.vpn .solution_tokuchou {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .vpn .solution_tokuchou {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .vpn .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.vpn .vpn_title {
  padding: 34px 45px;
  font-size: 30px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .vpn .vpn_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.vpn .vpn_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .vpn .vpn_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
@media screen and (min-width: 769px) {
  .vpn_security_footer .remotesupport_cyberboxpro {
    margin: 60px 0 70px 0;
  }
}
@media screen and (max-width: 768px) {
  .vpn_security_footer .remotesupport_cyberboxpro {
    margin: 45px 0 40px 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .vpn_security_footer .remotesupport_cyberboxpro img {
    height: auto;
  }
}
.vpn_top {
  position: relative;
  z-index: 1;
}

.vpn_top::before {
  content: "";
  width: 1920px;
  height: 1475px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/vpn/vpn_top_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -346px;
}

@media screen and (max-width: 768px) {
  .vpn_top::before {
    content: none;
  }
}
.vpn_top::after {
  content: "";
  width: 407px;
  height: 447px;
  position: absolute;
  background-image: url(../img/security/vpn/vpn_top_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: -210px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .vpn_top::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .vpn_top .wrapper {
    padding: 0;
  }
}
.vpn_about {
  margin-top: 90px;
  padding: 45px 50px 30px 50px;
  background-image: url(../img/security/vpn/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .vpn_about {
    margin: 30px auto 0;
    padding: 8% 5% 8% 5%;
    background-image: url(../img/security/vpn/about_bg_sp.png);
  }
}
.vpn_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin: 0 auto;
}

.vpn_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .vpn_about h2 {
    width: 32%;
    margin: 0 auto;
  }
}

.vpn_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  letter-spacing: -0.1px;
}

@media screen and (max-width: 768px) {
  .vpn_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
  }
}
.vpn_about .vpn_about_img {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .vpn_about .vpn_about_img {
    margin-top: 10px;
  }
}

.vpn_detail {
  margin-top: 85px;
}

@media screen and (max-width: 768px) {
  .vpn_detail {
    margin-top: 40px;
  }
}
.vpn_detail_list {
  display: flex;
  justify-content: space-between;
  max-width: 794px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .vpn_detail_list {
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
  }
}
.vpn_detail_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .vpn_detail_list li {
    padding: 18px 15px;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}

@media screen and (max-width: 768px) {
  .vpn_detail_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.vpn_detail_list li:last-child {
  margin-right: 0;
}

.vpn_detail_list p {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .vpn_detail_list p {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 769px) {
  .vpn_detail_list h4,
  .vpn_detail_list p {
    text-align: center;
  }
}
.vpn_detail_list h4 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .vpn_detail_list h4 {
    margin-top: 8px;
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_detail_list .vpn_detail_list_img {
    width: 19.1176470588%;
  }
}
.vpn_detail_list .vpn_detail_list_title {
  line-height: 1;
}

@media screen and (min-width: 769px) {
  .vpn_detail_list .vpn_detail_list_title {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_detail_list .toggle_ttl {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
  }
}
.vpn_detail_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 1%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .vpn_detail_list .toggle_ttl::after {
    display: none;
  }
}
.vpn_detail_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (max-width: 768px) {
  .vpn_detail_list .toggle_ttl div {
    margin-left: 13px;
  }
}
.vpn_detail_list .toggle_div {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .vpn_detail_list .toggle_div {
    display: none;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ebebeb;
  }
}
@media screen and (max-width: 768px) {
  .vpn_detail_list .toggle_div img {
    width: 97.7198697068%;
  }
}
.vpn_detail_difference {
  margin-top: 40px;
}

.vpn_difference {
  margin-top: 45px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .vpn_difference {
    margin-top: 15px;
  }
}
.vpn_difference picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .vpn_difference img {
    width: 93.471810089%;
  }
}
.vpn_detail_table_box {
  max-width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table_box {
    overflow-x: scroll;
  }
}
.vpn_detail_table {
  display: flex;
  margin-top: 40px;
  border-collapse: separate;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table {
    margin-top: 25px;
  }
}
.vpn_detail_table .table_left {
  width: 175px;
  min-width: 175px;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_left {
    width: 27.2997032641%;
    min-width: auto;
    position: sticky;
    top: 0;
    left: 0;
  }
}
.vpn_detail_table .table_left .table_title {
  border-right: 1px solid #fff;
  border-radius: 5px 0 0 0;
}

.vpn_detail_table .table_left .table_th {
  border-right: 1px solid #a0a0a0;
}

.vpn_detail_table .table_right {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_right {
    width: 72.7002967359%;
  }
}
.vpn_detail_table .table_right_block:nth-of-type(1) {
  width: 340px;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_right_block:nth-of-type(1) {
    width: 40.4081632653%;
  }
}
.vpn_detail_table .table_right_block:nth-of-type(2) {
  width: 380px;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_right_block:nth-of-type(2) {
    width: 59.5918367347%;
  }
}
.vpn_detail_table .table_title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: grey;
  text-align: center;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_title {
    height: 13vw;
    font-size: 18px;
  }
}
.vpn_detail_table .table_td,
.vpn_detail_table .table_th {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 82px;
  text-align: center;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_td,
  .vpn_detail_table .table_th {
    height: 13.5vw;
  }
}
.vpn_detail_table .table_th {
  font-size: 20px;
  font-weight: 700;
  background: #ebebeb;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_th {
    font-size: 16px;
  }
}
.vpn_detail_table .table_td {
  font-size: 18px;
  background: #ebebeb;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_td {
    font-size: 16px;
  }
}
.vpn_detail_table .table_right_block_vpn {
  transform: translateY(-5px);
  border: 3px solid #01b6c9;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_right_block_vpn {
    transform: translateY(-1.5vw);
  }
}
.vpn_detail_table .table_right_block_vpn .table_title {
  font-size: 30px;
  background: #01b6c9;
  position: relative;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_right_block_vpn .table_title {
    font-size: 24px;
  }
}
.vpn_detail_table .table_right_block_vpn .table_title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #01b5c9;
  bottom: -19px;
  left: 0;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .table_right_block_vpn .table_title::after {
    height: 3.8vw;
    bottom: -3.5vw;
  }
}
@media screen and (min-width: 769px) {
  .vpn_detail_table .table_right_block_vpn .table_title span {
    transform: translateY(10px);
  }
}
.vpn_detail_table .table_right_block_vpn .table_td {
  color: #01b6c9;
  font-weight: 700;
}

.vpn_detail_table .bg_white {
  background: #fff;
}

.vpn_detail_table .bg_light_blue {
  height: 84px;
  background: #e5f8f9;
}

@media screen and (max-width: 768px) {
  .vpn_detail_table .bg_light_blue {
    height: 14vw;
  }
}
.vpn_detail_example {
  margin-top: 65px;
}

@media screen and (max-width: 768px) {
  .vpn_detail_example {
    margin-top: 40px;
  }
}
.vpn_example_img {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .vpn_example_img {
    margin-top: 25px;
  }
}
.vpn_example_img picture {
  display: flex;
  justify-content: center;
}

.vpn_trouble {
  padding-top: 140px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .vpn_trouble {
    margin: 0 calc(50% - 50vw);
    padding: 40px 5% 78vw;
    overflow: hidden;
    background-image: url(../img/security/vpn/trouble_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}

.vpn_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .vpn_trouble h2 {
    max-width: 92.9411764706%;
    margin: 0 auto;
  }
}

.vpn_trouble h2 .title_en,
.vpn_trouble h2 .title_ja,
.vpn_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.vpn_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.vpn_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.vpn_trouble_box {
  position: relative;
}

@media screen and (max-width: 768px) {
  .vpn_trouble_box::before {
    content: "";
    width: 43.0267062315%;
    height: 42vw;
    position: absolute;
    bottom: -37vw;
    left: 50%;
    transform: translateX(-55%);
    background-image: url(../img/security/remotesupport/trouble_women.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .vpn_trouble_box::after {
    content: "";
    width: 120vw;
    height: 50vw;
    position: absolute;
    bottom: -82vw;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: 4;
  }
}
.vpn_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.vpn_trouble_list::after {
  display: none;
}

.vpn_trouble_list li {
  position: relative;
  padding: 34px 50px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5;
  box-sizing: border-box;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .vpn_trouble_list li {
    margin-top: 10px;
    padding: 12px 18px 10px 23px;
    font-size: 13px;
    background-size: 35px;
    letter-spacing: -0.1px;
  }
}
.vpn_trouble_list li:first-child {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  padding: 18px 50px;
}

@media screen and (min-width: 769px) {
  .vpn_trouble_list li:first-child {
    width: 550px;
    margin-right: 230px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_trouble_list li:first-child {
    margin-top: 20px;
    padding: 15px 22px 15px 40px;
  }
}
.vpn_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .vpn_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
@media screen and (min-width: 769px) {
  .vpn_trouble_list li:nth-child(2) {
    padding: 55px 26px 55px 50px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_trouble_list li:nth-child(2) {
    padding: 12px 9px 10px 23px;
  }
}
.vpn_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/datamigration/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .vpn_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .vpn_trouble_list li:nth-child(3) {
    padding: 55px 50px 55px 50px;
  }
}
.vpn_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .vpn_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
@media screen and (min-width: 769px) {
  .vpn_trouble_list li:not(:first-child) {
    width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_trouble_list li:not(:first-child) {
    width: 48.5294117647%;
  }
}
.vpn_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .vpn_trouble_list li::before {
    top: -5px;
  }
}
.vpn_trouble_list li b {
  color: #e60012;
}

.vpn_solution {
  margin-top: 140px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .vpn_solution {
    margin-top: -42vw;
  }
}
@media screen and (max-width: 768px) {
  .vpn_solution .solution_img {
    max-width: 80.118694362%;
  }
}
@media screen and (max-width: 768px) {
  .vpn_solution .solution_text {
    margin-top: -10px;
  }
}
.vpn_solution .solution_text h2 {
  margin-top: 5px;
}

.vpn_solution .solution_text h2 span::after {
  bottom: -5px;
}

@media screen and (max-width: 768px) {
  .vpn_solution .solution_text h2 span::after {
    height: 1px;
  }
}
.vpn_solution .solution_sub_title {
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}

.solution_feature {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .solution_feature {
    flex-direction: column;
    margin-top: 15px;
  }
}
.solution_feature li {
  width: 33%;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .solution_feature li {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 16px 15px;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
.solution_feature li picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .solution_feature li {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 16px 15px;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 769px) {
  .solution_feature li:nth-child(2) {
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
  }
}
@media screen and (max-width: 768px) {
  .solution_feature li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .solution_feature li div {
    width: 77.8501628664%;
    text-align: left;
  }
}
.solution_feature .vpn_detail_list_title {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .solution_feature .vpn_detail_list_title {
    justify-content: flex-start;
    margin-top: 0;
    line-height: 1;
  }
}

.solution_feature h3 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .solution_feature h3 {
    margin-top: 8px;
    font-size: 15px;
    letter-spacing: -0.1px;
  }
}

@media screen and (max-width: 768px) {
  .vpn_detail_list_img {
    width: 22.1498371336%;
    margin-right: 4.5602605863%;
  }
}
.solution_relief {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .solution_relief {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief .vpn_title {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief .vpn_title::after {
    top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief .vpn_title img {
    width: 73.6%;
  }
}
.solution_relief_list {
  max-width: 905px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .solution_relief_list {
    margin: 35px 0 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_list li {
    background: #f8f8f8;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_list li:nth-of-type(1) .solution_relief_number {
    left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_list li:nth-of-type(1) .solution_relief_title {
    width: 38.9513108614%;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_list li:nth-of-type(2) .solution_relief_number {
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_list li:nth-of-type(2) .solution_relief_title {
    width: 55.0561797753%;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_list li:nth-of-type(3) .solution_relief_number {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_list li:nth-of-type(3) .solution_relief_title {
    width: 41.5730337079%;
  }
}
.solution_relief_list li:nth-child(n+2) {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .solution_relief_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_list .toggle_ttl {
    padding: 40px 20px 42px 55px;
    position: relative;
  }
}
.solution_relief_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 7%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .solution_relief_list .toggle_ttl::after {
    display: none;
  }
}
.solution_relief_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

.solution_relief_list .toggle_ttl h4 {
  display: flex;
  align-items: center;
}

.solution_relief_list .toggle_ttl h4 span:first-of-type {
  margin-right: 15px;
}

@media screen and (min-width: 769px) {
  .solution_relief_list .toggle_ttl h4 span:last-of-type {
    padding-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_list .toggle_ttl h4 span:last-of-type {
    line-height: 1.3;
  }
}
.solution_relief_list .toggle_div {
  margin-top: 20px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .solution_relief_list .toggle_div {
    display: none;
    margin-top: 0;
    padding: 0 5% 5% 5%;
  }
}
@media screen and (max-width: 768px) {
  .solution_relief_number {
    position: absolute;
    top: 25px;
  }
}
.solution_relief_img {
  margin-top: 25px;
}
.solution_relief_img picture {
  display: flex;
  justify-content: center;
}

.solution_relief_text {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .vpn_reason_area {
    margin-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  .vpn_reason .vpn_title {
    margin: 60px 0 80px 0;
    padding: 34px 45px;
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_reason .vpn_title {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .vpn_reason .vpn_title::after {
    top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_reason .vpn_title img {
    width: 68.2666666667%;
  }
}
.vpn_reason_list {
  display: flex;
  justify-content: center;
  color: #1d2731;
}

@media screen and (max-width: 768px) {
  .vpn_reason_list {
    margin-top: 35px;
    flex-direction: column;
  }
}
.vpn_reason_list li {
  display: flex;
  flex-direction: column;
  width: 290px;
  margin: 0 7.5px;
  padding: 0 18px 20px 18px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .vpn_reason_list li {
    width: 100%;
    margin: 0;
    padding: 8% 5% 3% 5%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .vpn_reason_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.vpn_reason_list .reason_no {
  display: flex;
  justify-content: center;
  padding-bottom: 8px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .vpn_reason_list .reason_no {
    width: 32.6409495549%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
  }
}
.vpn_reason_list .reason_no img {
  vertical-align: top;
}

@media screen and (min-width: 769px) {
  .vpn_reason_list .reason_no img {
    width: 43.3070866142%;
  }
}
.vpn_reason_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .vpn_reason_list figure {
    min-height: 113px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_reason_list figure {
    width: 22.1122112211%;
  }
}
.vpn_reason_list h3 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.05em;
  text-align: center;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .vpn_reason_list h3 {
    width: 77.8877887789%;
    margin: 0 0 0 14px;
    font-size: 15px;
    text-align: left;
  }
}
.vpn_reason_list p {
  margin-top: auto;
  font-size: 14px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .vpn_reason_list p {
    opacity: 1;
    color: #b2b4b6;
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  .vpn_reason_list .toggle_ttl {
    display: flex;
    align-items: center;
    position: relative;
  }
}
.vpn_reason_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 3%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .vpn_reason_list .toggle_ttl::after {
    display: none;
  }
}
.vpn_reason_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (max-width: 768px) {
  .vpn_reason_list .toggle_div {
    display: none;
    margin-top: 10px;
    padding: 10px 0 5px 0;
    border-top: 1px solid #ebebeb;
  }
}
.vpn_case {
  margin-top: 60px;
  padding: 55px 50px;
  background-image: url(../img/security/vpn/case_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .vpn_case {
    margin: 40px calc(50% - 50vw) 0;
    padding: 5% 5% 20% 5%;
    background-image: url(../img/security/vpn/case_bg_sp.jpg);
  }
}
.vpn_case .tab_label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 20px 0;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  background: #8c8c8c;
  transition: all ease 0.3s;
}
@media screen and (max-width: 768px) {
  .vpn_case .tab_label {
    padding: 10px 0;
  }
}
.vpn_case .tab_label .title_en {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 768px) {
  .vpn_case .tab_label .title_en {
    font-size: 12px;
  }
}
.vpn_case .tab_label .title_ja {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .vpn_case .tab_label .title_ja {
    font-size: 13px;
    line-height: 1.2;
  }
}
.vpn_case .tab_label.active {
  background: #01b6c9;
}

.vpn_case .l-wrapper {
  max-width: 920px;
}

.vpn_case .case_title {
  display: flex;
  justify-content: center;
  text-align: center;
}

.vpn_case .case_title img {
  width: 100%;
  max-width: 820px;
}

@media screen and (min-width: 769px) {
  .vpn_case .tab_wrap {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_case .tab_area button:first-of-type .title_ja {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_case .tab_area button .title_ja {
    margin-top: 3px;
    line-height: 1.2;
  }
}
.vpn_case .tab_panel {
  padding: 0;
}

.vpn_case .tab_panel h3 {
  font-size: 20px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .vpn_case .tab_panel h3 {
    font-size: 18px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 768px) {
  .vpn_case .tab_panel:nth-of-type(1) h3 {
    width: 89%;
  }
}
@media screen and (max-width: 768px) {
  .vpn_case .tab_panel:nth-of-type(2) h3 {
    width: 85.3333333333%;
  }
}
.vpn_case .tab_panel h4 {
  margin-top: 10px;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .vpn_case .tab_panel h4 {
    display: none;
  }
}
.vpn_case .tab_panel p {
  line-height: 1.7;
  color: #717479;
}

@media screen and (max-width: 768px) {
  .vpn_case .tab_panel p {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .vpn_case .tab_panel ul {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_case .tab_panel ul {
    margin-top: 20px;
  }
}
.vpn_case .tab_panel li {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .vpn_case .tab_panel li {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .vpn_case .tab_panel li:first-child {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .vpn_case_top {
    padding: 30px 50px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_case_top {
    padding: 6%;
  }
}
.vpn_case_after {
  color: #01b6c9;
}

.vpn_packetix {
  margin-top: 50px;
  padding: 70px 50px 90px 50px;
  background-image: url(../img/security/vpn/packetix_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .vpn_packetix {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 40px 0;
    background-image: url(../img/security/vpn/packetix_bg_sp.jpg);
    background-position: center bottom;
  }
}
.vpn_packetix h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .vpn_packetix h2 {
    width: 93.0666666667%;
    margin: 0 auto;
  }
}

.packetix_tab {
  width: 80%;
  margin: 20px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 5px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .packetix_tab {
    margin: 30px auto 0;
  }
}
.packetix_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(33% - 0.5px);
  padding: 15px 8px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
}

.packetix_tab li.active {
  background: #bc9727;
  color: #fff;
}

.packetix_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 52px;
}

@media screen and (max-width: 768px) {
  .packetix_list {
    width: 80%;
    margin: 20px auto 0;
  }
}
.packetix_list::after {
  display: none;
}

.packetix_list li {
  position: relative;
  background: #fff;
}

@media screen and (min-width: 769px) {
  .packetix_list li {
    width: 290px;
    padding: 20px 30px 20px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .packetix_list li {
    width: 100%;
    margin-top: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.9);
  }
}
.packetix_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: -8px;
  width: 85px;
  height: 82px;
  background-image: url(../img/security/vpn/packetix_ribbon.png);
  background-size: 100%;
}

@media screen and (min-width: 769px) {
  .packetix_list li:nth-of-type(1),
  .packetix_list li:nth-of-type(3) {
    padding: 30px 30px 20px;
  }
}
@media screen and (min-width: 769px) {
  .packetix_list li:nth-of-type(1) h3 {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .packetix_list li:nth-of-type(3) h3 {
    margin-top: 35px;
  }
}
.packetix_list .packetix_list_inner {
  margin: 0 auto;
}
.packetix_list .packetix_list_inner figure {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .packetix_list .packetix_list_inner {
    max-width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .packetix_list .packetix_list_inner {
    height: 80vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.packetix_list h3 {
  margin-top: 7px;
  font-size: 20px;
  font-weight: bold;
  color: #bc9727;
  line-height: 1.3;
  text-align: center;
  font-feature-settings: "palt";
}

.packetix_list p {
  margin-top: 10px;
  line-height: 1.3;
}

.packetix_list figure {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .packetix_list figure.sp-only {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 210px;
    background: #ebebeb;
  }
}
@media screen and (max-width: 768px) {
  .vpn_contact_2 {
    margin: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .vpn_faq .lower_faq_list li:first-child .acd_head_title {
    letter-spacing: -0.05rem;
  }
}
@media screen and (max-width: 768px) {
  .vpn_spec {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 769px) {
  .vpn_spec .vpn_title {
    margin: 60px 0 80px 0;
    padding: 34px 45px;
  }
}
@media screen and (max-width: 768px) {
  .vpn_spec .vpn_title img {
    width: 19.2%;
  }
}
@media screen and (min-width: 769px) {
  .vpn_spec .spec_list {
    margin: 0 50px;
  }
}
@media screen and (min-width: 769px) {
  .vpn_spec .spec_list p {
    font-size: 15px !important;
  }
}
.vpn_spec .spec_list h3 {
  margin: 50px 0 30px 0;
}

@media screen and (max-width: 768px) {
  .vpn_spec .spec_list h3 {
    margin: 20px 0 0 0;
  }
}
@media screen and (min-width: 769px) {
  .vpn_spec .spec_block p:first-of-type {
    width: 38.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .vpn_spec .spec_block p:first-of-type {
    padding: 8px 0;
    text-align: center;
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .vpn_spec .spec_block p:last-of-type {
    width: 63.0681818182%;
  }
}
@media screen and (max-width: 768px) {
  .vpn_spec .spec_block p:last-of-type {
    font-size: 12px;
    padding: 8px 0 12px 0;
  }
}
.vpn_spec .spec_block p:nth-child(2n+2) {
  font-weight: 400;
}

.serverrack .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .serverrack .lower_mv {
    height: 500px;
    background-image: url(../img/security/serverrack/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.serverrack .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .serverrack .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .serverrack .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .serverrack .mv_title01 {
    width: 28.2666666667%;
  }
}
@media screen and (max-width: 768px) {
  .serverrack .mv_title02 {
    width: 32.8%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .serverrack .mv_title03 {
    width: 76.2666666667%;
  }
}
@media screen and (max-width: 768px) {
  .serverrack .mv_text {
    color: #7c8083;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .serverrack .mv_right {
    margin-top: 40px;
    margin-left: -30px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .serverrack .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 0;
  }
}
.serverrack h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.serverrack h2::before {
  content: none;
}

.serverrack h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .serverrack .solution_text {
    margin-top: 0;
  }
}
.serverrack .solution_text h2 {
  margin-top: 30px;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .serverrack .solution_text h2 {
    margin-top: 0;
  }
}
.serverrack .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .serverrack .solution_img {
    margin-top: -20px;
  }
}
.serverrack .solution_tokuchou {
  margin-top: -30px;
}

@media screen and (max-width: 768px) {
  .serverrack .solution_tokuchou {
    margin-top: 40px;
  }
}
.serverrack .solution_tsukaikata {
  margin-top: 60px;
}

.serverrack .solution_tsukaikata_list {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 45px 0;
}

@media screen and (max-width: 768px) {
  .serverrack .solution_tsukaikata_list {
    display: none;
  }
}
.serverrack .solution_tsukaikata_list .list_big {
  width: 100%;
  padding: 30px 30px 60px;
  background: #ededee;
  text-align: center;
}

.serverrack .solution_tsukaikata_list .list_big ul {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.serverrack .solution_tsukaikata_list .list_big ul li {
  position: relative;
  margin: 0 27px;
}

.serverrack .solution_tsukaikata_list .list_big ul li:not(:last-child):after {
  position: absolute;
  top: 70px;
  left: calc(100% + 15px);
  content: "";
  display: inline-block;
  width: 25px;
  height: 50px;
  background-image: url(../img/security/datamigration/tsukaikata_arrow.png);
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .serverrack .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.serverrack_top {
  position: relative;
  z-index: 1;
}

.serverrack_top::before {
  content: "";
  width: 1920px;
  height: 1499px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/remotesupport/remotesupport_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -259px;
}

@media screen and (max-width: 768px) {
  .serverrack_top::before {
    content: none;
  }
}
.serverrack_top::after {
  content: "";
  width: 519px;
  height: 620px;
  position: absolute;
  background-image: url(../img/security/datamigration/datamigration_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: -230px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 660px;
}

@media screen and (max-width: 768px) {
  .serverrack_top::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_top .wrapper {
    padding: 0;
  }
}
.serverrack_about {
  margin-top: 60px;
  padding: 50px 50px 100px 50px;
  background-image: url(../img/security/serverrack/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .serverrack_about {
    margin: 30px auto 0;
    padding: 8% 5% 200px;
    background-image: url(../img/security/serverrack/about_bg_sp.png);
  }
}
.serverrack_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .serverrack_about h2 {
    width: 60.4651162791%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .serverrack_about .serverrack_about_textaera {
    width: 460px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_about .serverrack_about_textaera {
    margin-top: 20px;
  }
}
.serverrack_about .serverrack_about_textaera h3 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .serverrack_about .serverrack_about_textaera h3 {
    font-size: 17px;
    text-align: center;
  }
}

.serverrack_about .serverrack_about_textaera p {
  margin-top: 10px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .serverrack_about .serverrack_about_textaera p {
    margin-top: 15px;
    font-size: 15px;
  }
}
.serverrack_about .datamigration_about_img {
  margin-top: 25px;
}

@media screen and (min-width: 769px) {
  .serverrack_about .datamigration_about_img {
    display: none;
  }
}
.serverrack_trouble {
  padding-top: 60px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .serverrack_trouble {
    margin: 0 -4vw;
    padding: 40px 5% 100px;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_trouble::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../img/security/serverrack/trouble_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_trouble::after {
    content: "";
    width: 120vw;
    height: 25vh;
    position: absolute;
    top: calc(100% - 50px);
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
}
.serverrack_trouble h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .serverrack_trouble h2 {
    width: 79.4082666667vw;
    margin: 0 auto;
  }
}

.serverrack_trouble h2 .title_en,
.serverrack_trouble h2 .title_ja,
.serverrack_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.serverrack_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.serverrack_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.serverrack_trouble .datamigration_trouble_text {
  margin: 30px 0 0;
  text-align: center;
  color: #333;
}

@media screen and (max-width: 768px) {
  .serverrack_trouble .datamigration_trouble_text {
    margin-top: 20px;
    font-size: 15px;
  }
}
.serverrack_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 35px auto 0;
}

@media screen and (max-width: 768px) {
  .serverrack_trouble_list {
    width: 90vw;
    margin: 20px auto 0;
  }
}
.serverrack_trouble_list li {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
  .serverrack_trouble_list li {
    margin: 15px 7.5px 0;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_trouble_list li {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_trouble_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.serverrack_trouble_list li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .serverrack_trouble_list li img {
    width: 100%;
    height: auto;
  }
}
.serverrack_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .serverrack_solution .solution_top {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .serverrack_solution .solution_img {
    transform: translateY(-20px);
  }
}
.serverrack_title {
  padding: 34px 45px !important;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .serverrack_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0 !important;
    line-height: 1;
    text-align: center;
  }
}
.serverrack_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .serverrack_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
@media screen and (max-width: 768px) {
  .solution_tokuchou .serverrack_title img {
    width: 46.1333333333%;
  }
}
@media screen and (max-width: 768px) {
  .solution_tsukaikata .serverrack_title img {
    width: 37.3333333333%;
  }
}
.serverrack_tsukaikata_sp {
  margin-top: 40px;
}

@media screen and (min-width: 769px) {
  .serverrack_tsukaikata_sp {
    display: none;
  }
}
.serverrack_tsukaikata_sp .tab_panel:nth-child(1) img {
  margin-left: -30px;
}

.serverrack_tsukaikata_sp .tab_panel:nth-child(3) img {
  margin-left: -20px;
}

.serverrack_tsukaikata_sp .tab_panel:nth-child(4) img {
  margin-left: -30px;
}

.serverrack_tsukaikata_last_sp {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 30px 5% 40px;
  background: #ededee;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .serverrack_tsukaikata_last_sp {
    display: none;
  }
}
.serverrack_tsukaikata_last_sp ol {
  margin-top: 30px;
}

.serverrack_tsukaikata_last_sp ol li {
  margin-top: 20px;
}

p.tokuchou_list_img_sp:not(:root) {
  display: none;
}
@media screen and (max-width: 768px) {
  p.tokuchou_list_img_sp:not(:root) {
    display: flex;
    justify-content: center;
  }
}

@media screen and (min-width: 769px) {
  .tokuchou_list_serverrack li:nth-child(even) .tokuchou_list_box {
    padding-left: 160px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_serverrack li:nth-child(even) .tokuchou_list_img {
    right: 390px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_serverrack li:nth-child(1) .tokuchou_ttl {
    width: 69.3069306931%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_serverrack li:nth-child(2) .tokuchou_ttl {
    width: 56.7656765677%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_serverrack li:nth-child(3) .tokuchou_ttl {
    width: 68.9768976898%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_serverrack li:nth-child(4) .tokuchou_ttl {
    width: 61.0561056106%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_serverrack .tokuchou_list_box {
    padding-left: 64px;
    padding-right: 136px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_serverrack .tokuchou_list_box h4 .tokuchou_nb {
    left: auto;
    right: 100%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_serverrack .tokuchou_list_img {
    top: -30px;
    left: 390px;
  }
}
.serverrack_reason {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .serverrack_reason {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_reason .serverrack_title img {
    width: 86.6666666667%;
  }
}
.serverrack_reason_list {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  color: #1d2731;
}

@media screen and (max-width: 768px) {
  .serverrack_reason_list {
    flex-direction: column;
    margin-top: 25px;
  }
}
.serverrack_reason_list li {
  display: flex;
  flex-direction: column;
  width: 290px;
  margin: 0 7.5px;
  padding: 0 20px 20px 20px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .serverrack_reason_list li {
    width: 100%;
    padding: 0 30px 20px 30px;
    margin: 10px 0 0;
  }
}
.serverrack_reason_list .reason_no {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-bottom: 8px;
}

.serverrack_reason_list .reason_no img {
  vertical-align: top;
}

.serverrack_reason_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 114px;
  margin-top: 15px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .serverrack_reason_list figure {
    min-height: auto;
  }
}
.serverrack_reason_list h3 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .serverrack_reason_list h3 {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
  }
}

.serverrack_reason_list p {
  font-size: 14px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .serverrack_reason_list p {
    margin-top: 10px;
  }
}
.serverrack_case {
  margin-top: 60px;
  padding: 70px 0;
  background-image: url(../img/security/serverrack/case_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .serverrack_case {
    margin-top: 40px;
    padding: 25px 0 40px;
  }
}
.serverrack_case .tab_label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 20px 0;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  background: #8c8c8c;
  transition: all ease 0.3s;
}
@media screen and (max-width: 768px) {
  .serverrack_case .tab_label {
    padding: 10px 0;
  }
}
.serverrack_case .tab_label .title_en {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 768px) {
  .serverrack_case .tab_label .title_en {
    font-size: 12px;
  }
}
.serverrack_case .tab_label .title_ja {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .serverrack_case .tab_label .title_ja {
    font-size: 13px;
    line-height: 1.2;
  }
}
.serverrack_case .tab_label.active {
  background: #01b6c9;
}

.serverrack_case .l-wrapper {
  max-width: 920px;
}

.serverrack_case .case_title {
  text-align: center;
}
.serverrack_case .case_title picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .serverrack_case .case_title img {
    width: 66.7647058824%;
  }
}
@media screen and (min-width: 769px) {
  .serverrack_case .case_tab {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_case .tab_label {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_case .tab_label .title_ja {
    margin-top: 5px !important;
    font-size: 12px;
    letter-spacing: -0.1em;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_case .tab_panel {
    padding-bottom: 0;
  }
}
.serverrack_case .tab_panel h3 {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .serverrack_case .tab_panel h3 {
    font-size: 18px;
    line-height: 1.3;
  }
}

.serverrack_case .tab_panel p {
  margin-top: 10px;
  color: rgba(29, 39, 49, 0.75);
}

@media screen and (max-width: 768px) {
  .serverrack_case .tab_panel p {
    line-height: 1.3;
  }
}
.serverrack_case .tab_panel .case_kaiketsu {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .serverrack_case .tab_panel .case_kaiketsu {
    width: 90vw;
    margin: 20px calc(50% - 45vw) 0;
    padding: 6%;
    background: #01b6c9;
    color: #fff;
  }
}
.serverrack_case .tab_panel .case_kaiketsu h3,
.serverrack_case .tab_panel .case_kaiketsu p {
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .serverrack_case .tab_panel .case_kaiketsu h3,
  .serverrack_case .tab_panel .case_kaiketsu p {
    color: #01b6c9;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_case .tab_panel .case_kaiketsu h3,
  .serverrack_case .tab_panel .case_kaiketsu p {
    line-height: 1.3;
  }
}
.serverrack_case .tab_panel .case_kaiketsu h3 {
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .serverrack_case .tab_panel .case_kaiketsu h3 {
    font-size: 12px;
  }
}
.serverrack_case .tab_panel .case_kaiketsu p {
  margin-top: 5px;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .serverrack_case .tab_panel .case_kaiketsu p {
    font-size: 15px;
    color: #fff;
  }
}
@media screen and (min-width: 769px) {
  .serverrack_spec {
    margin-bottom: 20px;
  }
}
.serverrack_spec .serverrack_title {
  line-height: 1.1;
}

@media screen and (min-width: 769px) {
  .serverrack_spec .serverrack_title {
    margin-top: 60px;
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_spec .serverrack_title {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_spec .serverrack_title img {
    width: 19.2%;
  }
}
@media screen and (min-width: 769px) {
  .serverrack_spec .spec_list {
    margin: 80px 50px 0;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_spec .spec_list {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 769px) {
  .serverrack_spec .spec_list p {
    font-size: 15px !important;
  }
}
.serverrack_spec .spec_h3 {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .serverrack_spec .spec_h3 {
    margin-bottom: 20px;
  }
}
.serverrack_spec .spec_h3:not(.spec_h3_first) {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .serverrack_spec .spec_h3:not(.spec_h3_first) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .serverrack_spec .spec_block p {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .serverrack_spec .spec_block p:first-of-type {
    width: 38.3333333333%;
  }
}
@media screen and (min-width: 769px) {
  .serverrack_spec .spec_block p:last-of-type {
    width: 63.0681818182%;
  }
}
.serverrack_spec .spec_block p:nth-child(2n+2) {
  font-weight: 400;
}

.nas .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .nas .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.nas .lower_mv_wrap {
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .nas .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .nas .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .nas .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .nas .mv_title01 {
    width: 61.3333333333%;
  }
}
.nas .mv_title02 {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .nas .mv_title02 {
    width: 89.0666666667%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .nas .mv_title03 {
    width: 90.9333333333%;
  }
}
@media screen and (max-width: 768px) {
  .nas .mv_text {
    color: #7c8083;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .nas .mv_right {
    margin-top: 85px;
    margin-left: 30px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .nas .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .nas .mv_right img {
    width: 100%;
  }
}
.nas h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.nas h2::before {
  content: none;
}

.nas h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .nas .solution_text {
    margin-top: 0;
  }
}
.nas .solution_text h2 {
  margin-top: 30px;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .nas .solution_text h2 {
    margin-top: 0;
  }
}
.nas .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .nas .solution_text h2 span {
    letter-spacing: 0;
  }
}
.nas .solution_tokuchou {
  margin-top: 0;
}

.nas .solution_tsukaikata {
  margin-top: 60px;
}

.nas .solution_tsukaikata_list {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 45px 0;
}

@media screen and (max-width: 768px) {
  .nas .solution_tsukaikata_list {
    display: none;
  }
}
.nas .solution_tsukaikata_list .list_big {
  width: 100%;
  padding: 30px 30px 60px;
  background: #ededee;
  text-align: center;
}

.nas .solution_tsukaikata_list .list_big ul {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.nas .solution_tsukaikata_list .list_big ul li {
  position: relative;
  margin: 0 27px;
}

.nas .solution_tsukaikata_list .list_big ul li:not(:last-child):after {
  position: absolute;
  top: 70px;
  left: calc(100% + 15px);
  content: "";
  display: inline-block;
  width: 25px;
  height: 50px;
  background-image: url(../img/security/datamigration/tsukaikata_arrow.png);
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .nas .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.nas_top {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .nas_top {
    padding-bottom: 334px;
  }
}
@media screen and (max-width: 768px) {
  .nas_top {
    background-image: url(../img/security/nas/nas_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: calc(50.2035278155% - 20px);
  }
}
.nas_top::before {
  content: "";
  width: 1920px;
  height: 1473px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/nas/nas_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .nas_top::before {
    content: none;
  }
}
.nas_top::after {
  content: "";
  width: 407px;
  height: 447px;
  position: absolute;
  background-image: url(../img/security/nas/nas_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: 156px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .nas_top::after {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 50.2035278155%;
    bottom: 0;
    background-image: url(../img/security/nas/nas_bg_obj_sp.png);
  }
}
@media screen and (max-width: 768px) {
  .nas_top .wrapper {
    padding: 0;
  }
}
.nas_about {
  margin-top: 60px;
  padding: 50px 100px;
  background-image: url(../img/security/nas/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .nas_about {
    margin: 30px auto 0;
    padding: 8% 5% 8% 5%;
    background-image: url(../img/security/datamigration/about_bg_sp.png);
  }
}

.nas_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .nas_about h2 {
    width: 32.2259136213%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .nas_about .nas_about_textaera {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .nas_about .nas_about_textaera {
    margin-top: 20px;
  }
}
.nas_about .nas_about_textaera h3 {
  color: #fff;
  font-size: 30px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .nas_about .nas_about_textaera h3 {
    font-size: 15px;
    text-align: center;
  }
}
.nas_about .nas_about_textaera p {
  margin-top: 10px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .nas_about .nas_about_textaera p {
    margin-top: 15px;
    font-size: 15px;
  }
}
.nas_about .nas_about_img {
  margin-top: 25px;
}

@media screen and (min-width: 769px) {
  .nas_about .nas_about_img {
    margin-left: -40px;
    margin-right: -40px;
    margin-top: 40px;
  }
}
.h3_nas {
  margin-top: 90px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  border-top: 1px solid #1d2731;
  border-bottom: 1px solid #1d2731;
}
@media screen and (max-width: 768px) {
  .h3_nas {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 769px) {
  .h3_nas_can {
    margin-top: 50px;
  }
}
.nas_can_list {
  display: flex;
  justify-content: center;
  align-items: baseline;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .nas_can_list {
    flex-direction: column;
  }
}
.nas_can_list li {
  margin: 0 15px;
}

@media screen and (max-width: 768px) {
  .nas_can_list li {
    width: 100%;
    margin: 0;
    padding: 5%;
    box-shadow: 3.83px 3.214px 9.8px 0.2px rgba(0, 0, 0, 0.21);
  }
}
@media screen and (max-width: 768px) {
  .nas_can_list li:not(:first-child) {
    margin-top: 10px;
  }
}
.nas_can_list figure {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .nas_can_list figure {
    flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  .nas_can_list figure > img {
    width: 22.8125%;
    margin-right: 15px;
  }
}
.nas_can_list figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .nas_can_list figcaption {
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .nas_can_list figcaption {
    width: 100%;
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  .nas_can_list .nas_can_en {
    margin-top: 15px;
  }
}
.nas_can_list .nas_can_en img {
  vertical-align: top;
}

.nas_can_list .nas_can_text {
  margin-top: 22px;
  font-size: clamp(16px, 2.0806241873vw, 20px);
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .nas_can_list .nas_can_text {
    font-size: 15px;
    line-height: 1.3;
    margin-top: 10px;
  }
}

.nas_difference_table {
  text-align: center;
}
.nas_difference_table picture {
  display: flex;
  justify-content: center;
}

.nas_trouble {
  padding-top: 100px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .nas_trouble {
    padding: 40px 5% 0;
    overflow: hidden;
  }
}
.nas_trouble h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .nas_trouble h2 {
    max-width: 72.3529411765%;
    margin: 0 auto;
  }
}

.nas_trouble h2 .title_en,
.nas_trouble h2 .title_ja,
.nas_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.nas_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.nas_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.nas_trouble .datamigration_trouble_text {
  margin: 30px 0 0;
  text-align: center;
  color: #333;
}

@media screen and (max-width: 768px) {
  .nas_trouble .datamigration_trouble_text {
    margin-top: 20px;
    font-size: 15px;
  }
}
.nas_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.nas_trouble_list::after {
  display: none;
}

.nas_trouble_list li {
  position: relative;
  padding: 34px 30px 34px 30px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5;
  box-sizing: border-box;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .nas_trouble_list li {
    margin-top: 10px;
    padding: 16px 18px 12px 23px;
    font-size: 13px;
    background-size: 35px;
  }
}
.nas_trouble_list li:first-child {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

@media screen and (min-width: 769px) {
  .nas_trouble_list li:first-child {
    width: 686px;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .nas_trouble_list li:first-child {
    max-width: 80vw;
    margin-top: 20px;
    padding: 14px 22px 14px 40px;
  }
}
.nas_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .nas_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
.nas_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/datamigration/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .nas_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
.nas_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .nas_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
.nas_trouble_list li:not(:first-child) {
  width: 47.8543563069vw;
  max-width: 402px;
}
@media screen and (max-width: 768px) {
  .nas_trouble_list li:not(:first-child) {
    width: 48.5294117647%;
  }
}

.nas_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .nas_trouble_list li::before {
    top: -5px;
  }
}
.nas_trouble_list li b {
  color: #e60012;
}

.nas_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .nas_solution {
    margin-top: -220px;
  }
}
@media screen and (max-width: 768px) {
  .nas_solution {
    margin-top: -20px;
  }
}
.nas_title {
  padding: 34px 45px !important;
  font-weight: bold;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .nas_title {
    margin-top: 60px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .nas_title {
    margin: 50px calc(-50vw + 50%) 30px;
    padding: 26px 0 !important;
    line-height: 1;
    text-align: center;
  }
}
.nas_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .nas_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
@media screen and (max-width: 768px) {
  .solution_tokuchou .nas_title img {
    width: 46.1333333333%;
  }
}
@media screen and (max-width: 768px) {
  .solution_tsukaikata .nas_title img {
    width: 37.3333333333%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_nas {
    margin-top: -25px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_nas li {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_nas li:nth-child(even) .tokuchou_list_box {
    padding-left: 34px;
    padding-right: 104px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_nas li:nth-child(even) .tokuchou_list_box h4 .tokuchou_nb {
    left: calc(100% + 20px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_nas li:nth-child(1) .tokuchou_ttl {
    width: 69.3069306931%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_nas li:nth-child(2) .tokuchou_list_img {
    right: 494px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_nas li:nth-child(2) .tokuchou_ttl {
    width: 54.7854785479%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_nas li:nth-child(3) .tokuchou_list_img {
    left: 470px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_nas li:nth-child(3) .tokuchou_ttl {
    width: 58.4158415842%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_nas .tokuchou_list_box {
    width: 550px;
    height: 260px;
    padding-left: 50px;
    padding-right: 84px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_nas .tokuchou_list_box h4 .tokuchou_nb {
    left: auto;
    right: calc(100% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_nas .toggle_div {
    padding: 0 45px 25px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_nas .tokuchou_list_img_sp {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_nas .tokuchou_list_img {
    width: 450px;
    top: -20px;
    left: 480px;
  }
}
.nas_ex {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .nas_ex {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .nas_ex .nas_title img {
    width: 30.1333333333%;
  }
}
.nas_ex_list {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  color: #1d2731;
}

@media screen and (max-width: 768px) {
  .nas_ex_list {
    flex-direction: column;
    margin-top: 15px;
  }
}
.nas_ex_list li {
  display: flex;
  flex-direction: column;
  width: 290px;
  margin: 0 7.5px;
  padding: 0 20px 20px 20px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .nas_ex_list li {
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .nas_ex_list li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .nas_ex_list .toggle_ttl {
    position: relative;
    display: flex;
    padding: 20px 15px;
  }
}
.nas_ex_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

.nas_ex_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .nas_ex_list .toggle_ttl::after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .nas_ex_list .toggle_ttl div {
    width: 100%;
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .nas_ex_list .toggle_div {
    display: none;
    margin: 0 15px 20px;
    border-top: 1px solid #ebebeb;
  }
}
.nas_ex_list .ex_no {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .nas_ex_list .ex_no {
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 769px) {
  .nas_ex_list .ex_no {
    text-align: center;
  }
}
.nas_ex_list .ex_no img {
  vertical-align: top;
}

.nas_ex_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 114px;
  margin-top: 23px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .nas_ex_list figure {
    flex-shrink: 0;
    width: 67px;
    min-height: auto;
    margin-top: 0;
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .nas_ex_list figure img {
    width: 100%;
    height: auto;
  }
}
.nas_ex_list h3 {
  margin: 20px -20px 15px;
  font-size: clamp(17px, 2.210663199vw, 20px);
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .nas_ex_list h3 {
    margin: 0;
    font-size: 16px;
    text-align: left;
  }
}

.nas_ex_list p {
  font-size: 14px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .nas_ex_list p {
    margin-top: 15px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .nas_d_company .nas_title img {
    width: 78.9333333333%;
  }
}
.nas_d_company_table {
  text-align: center;
}
.nas_d_company_table picture {
  display: flex;
  justify-content: center;
}

.gd_text {
  margin-top: 50px;
  text-align: center;
  font-size: 30px;
  line-height: 1.8;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .gd_text {
    margin-top: 30px;
    line-height: 1;
  }
}
.gd_text span {
  font-weight: 700;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
}

@media screen and (min-width: 769px) {
  .gd_text span {
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .gd_text span {
    display: inline-block;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .gd_text span:not(:first-child) {
    margin-top: 20px;
  }
}
.gd_text span::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 10px);
  background-image: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  z-index: -1;
}

.gd_text span::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: absolute;
  bottom: -10px;
  left: 0;
}

@media screen and (max-width: 768px) {
  .nas_osusume .nas_title img {
    width: 79.7333333333%;
  }
}
.nas_osusume_list {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #404040;
}
@media screen and (max-width: 768px) {
  .nas_osusume_list {
    flex-direction: column;
  }
}
.nas_osusume_list li {
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .nas_osusume_list li {
    margin: 0;
    padding: 15px 20px;
    background: #f8f8f8;
  }
}
@media screen and (max-width: 768px) {
  .nas_osusume_list li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.nas_osusume_list figure {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .nas_osusume_list figure {
    flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  .nas_osusume_list figure img {
    width: 67px;
    margin-right: 15px;
  }
}
.nas_osusume_list figcaption {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .nas_osusume_list figcaption {
    text-align: left;
    font-size: 15px;
  }
}
.nas_setumei {
  margin-top: 80px;
  padding: 50px 0;
  background-image: url(../img/security/nas/nas_setumei_bg.jpg);
  background-size: cover;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .nas_setumei {
    margin-top: 40px;
    padding: 25px 0 50px;
    background-image: url(../img/security/nas/nas_setumei_bg_sp.jpg);
  }
}
.nas_setumei_title {
  text-align: center;
}

.nas_setumei_title span {
  display: flex;
  justify-content: center;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .nas_setumei_title .sub img {
    width: 65.0666666667%;
  }
}
.nas_setumei_title .main {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .nas_setumei_title .main {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .nas_setumei_title .main img {
    width: 67.2%;
  }
}
.nas_setumei_img {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .nas_setumei_img {
    margin-top: 10px;
    padding: 0 5%;
  }
}
.nas_setumei_img picture {
  display: flex;
  justify-content: center;
}

.nas_setumei_list {
  padding: 0 5%;
}

@media screen and (min-width: 769px) {
  .nas_setumei_list {
    display: none;
  }
}
.nas_setumei_list li {
  background: #fff;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  font-weight: 700;
  text-align: left;
  color: #404040;
}

.nas_setumei_list li:not(:first-child) {
  margin-top: 10px;
}

.nas_setumei_list figure {
  display: flex;
  align-items: center;
}

.nas_setumei_list figcaption {
  line-height: 1.3;
  padding: 0 10px;
  font-feature-settings: "palt";
}

.nas_merit {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .nas_merit {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .nas_merit .nas_title {
    margin-top: 0;
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .nas_merit .nas_title::after {
    top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .nas_merit .nas_title img {
    width: 62.1333333333%;
  }
}
.nas_merit_list_tab {
  margin-top: 20px;
  border-radius: 5px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .nas_merit_list_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.nas_merit_list_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 0.5px);
  padding: 17px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.nas_merit_list_tab li:nth-child(n+3) {
  margin-top: 1px;
}

.nas_merit_list_tab li.active {
  background: #01b6c9;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .nas_merit_list {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .nas_merit_list li {
    width: 219px;
  }
}
@media screen and (max-width: 768px) {
  .nas_merit_list li {
    display: none;
    flex-direction: column;
    align-items: center;
    box-shadow: none;
    text-align: center;
  }
}
.nas_merit_list li.active {
  display: flex;
}

@media screen and (max-width: 768px) {
  .nas_merit_list .ex_no {
    order: 2;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .nas_merit_list figure {
    order: 1;
    width: 150px;
    margin: 0;
  }
}
.nas_merit_list p {
  margin-top: 20px;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .nas_merit_list p {
    order: 3;
    margin: 0;
    font-size: 18px;
    line-height: 1.8;
  }
}
.nas_more {
  width: 100vw;
  overflow-x: hidden;
  margin-top: 100px;
  padding: 70px 0 110px;
  background-image: url(../img/security/nas/nas_more_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .nas_more {
    margin-top: 40px;
    margin-bottom: 50px;
    padding: 60px 0 40px;
    background-image: url(../img/security/nas/nas_more_bg_sp.jpg);
  }
}
@media screen and (min-width: 769px) {
  .nas_more .l-wrapper {
    max-width: 920px;
  }
}
.nas_more_h2 {
  text-align: center;
}
.nas_more_h2 picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .nas_more_h2 img {
    width: 65.2818991098%;
  }
}
@media screen and (max-width: 768px) {
  .nas_more_h3 {
    margin-top: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .nas_more_h3 img {
    width: 82.1958456973%;
  }
}
.nas_more_boutou {
  position: relative;
  margin-top: 80px;
  color: #fff;
}

@media screen and (min-width: 769px) {
  .nas_more_boutou {
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .nas_more_boutou {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .nas_more_boutou .textaera {
    position: relative;
    width: 439px;
    max-width: 54%;
    z-index: 1;
  }
}
.nas_more_boutou .textaera p {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .nas_more_boutou .textaera p {
    font-size: 15px;
    font-weight: 700;
  }
}
@media screen and (min-width: 769px) {
  .nas_more_boutou figure {
    position: absolute;
    right: -90px;
    top: -50px;
  }
}
@media screen and (max-width: 768px) {
  .nas_more_boutou figure {
    width: 94.3620178042%;
    margin: 0 auto;
  }
}
.nas_more_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .nas_more_list {
    display: none;
  }
}
.nas_more_list li img {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .nas_more_tabbox {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .nas_more_tabbox {
    margin-top: 40px;
    padding: 5% 5% 10%;
    background: #f8f8f8;
  }
}
.nas_more_list_tab {
  margin-top: 0;
  border-radius: 5px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .nas_more_list_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.nas_more_list_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 0.5px);
  padding: 15px 10px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.nas_more_list_tab li:nth-child(n+3) {
  margin-top: 1px;
}

.nas_more_list_tab li.active {
  background: #1d2731;
  color: #fff;
}

.nas_more_list_sp li {
  padding: 0;
  text-align: center;
  background: 0 0;
  font-feature-settings: "palt";
}

.nas_more_list_sp figure {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .nas_more_list_sp figure {
    display: flex;
    justify-content: center;
  }
}

.nas_more_list_sp h3 {
  margin-top: 30px;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) {
  .nas_more_list_sp h3 {
    font-weight: bold;
  }
}

.nas_more_list_sp p {
  margin-top: 10px;
  padding: 0 5px;
  opacity: 0.75;
  text-align: left;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .nas_faq .nas_title {
    margin-top: 0;
  }
}
.datamigration_title {
  padding: 34px 45px;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .datamigration_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    line-height: 1;
    text-align: center;
  }
}
.datamigration_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .datamigration_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
@media screen and (max-width: 768px) {
  .solution_tokuchou .datamigration_title img {
    width: 64.2666666667%;
  }
}
@media screen and (max-width: 768px) {
  .solution_tsukaikata .datamigration_title img {
    width: 37.3333333333%;
  }
}
.datamigration_tsukaikata_sp {
  margin-top: 40px;
}

@media screen and (min-width: 769px) {
  .datamigration_tsukaikata_sp {
    display: none;
  }
}
.datamigration_tsukaikata_sp .tab_panel:nth-child(1) img {
  margin-left: -30px;
}
@media screen and (max-width: 768px) {
  .datamigration_tsukaikata_sp .tab_panel:nth-child(1) img {
    margin-left: 0;
  }
}

.datamigration_tsukaikata_sp .tab_panel:nth-child(3) img {
  margin-left: -20px;
}
@media screen and (max-width: 768px) {
  .datamigration_tsukaikata_sp .tab_panel:nth-child(3) img {
    margin-left: 0;
  }
}

.datamigration_tsukaikata_sp .tab_panel:nth-child(4) img {
  margin-left: -30px;
}
@media screen and (max-width: 768px) {
  .datamigration_tsukaikata_sp .tab_panel:nth-child(4) img {
    margin-left: 0;
  }
}

.datamigration_tsukaikata_last_sp {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 30px 5% 40px;
  background: #ededee;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .datamigration_tsukaikata_last_sp {
    display: none;
  }
}
.datamigration_tsukaikata_last_sp ol {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .datamigration_tsukaikata_last_sp ol {
    margin-top: 10px;
  }
}

.datamigration_tsukaikata_last_sp ol li {
  margin-top: 20px;
}

.windowsserver .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .windowsserver .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.windowsserver .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .windowsserver .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver .mv_title01 {
    width: 34.6666666667%;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver .mv_title02 {
    width: 82.6666666667%;
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver .mv_title03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver .mv_title03 {
    margin-top: 15px;
    width: 89.0666666667%;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver .mv_right {
    transform: translateX(40px) translateY(30px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver .mv_right img {
    width: 100%;
  }
}
.windowsserver h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.windowsserver h2::before {
  content: none;
}

.windowsserver h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .windowsserver .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.windowsserver_title {
  margin: 60px 0 80px;
  padding: 34px 45px !important;
  font-weight: bold;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .windowsserver_title {
    margin: 40px calc(-50vw + 50%);
    padding: 26px 0 !important;
    line-height: 1;
    text-align: center;
  }
}
.windowsserver_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .windowsserver_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.windowsserver_title img {
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .windowsserver_title img {
    width: 70.6666666667%;
  }
}
.windowsserver_top {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .windowsserver_top {
    background-image: url(../img/security/windowsserver/windowsserver_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: calc(50.2035278155% - 20px);
  }
}
.windowsserver_top::before {
  content: "";
  width: 1920px;
  height: 1323px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/windowsserver/windowsserver_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -240px;
}

@media screen and (max-width: 768px) {
  .windowsserver_top::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_top::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    height: 0;
    padding-top: 50.2035278155%;
    bottom: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(../img/security/nas/nas_bg_obj_sp.png);
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_top .wrapper {
    padding: 0;
  }
}
.windowsserver_about {
  margin-top: 60px;
  padding: 50px 50px 60px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .windowsserver_about {
    margin: 30px auto 0;
    padding: 8% 5% 10% 5%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.windowsserver_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin: 0 auto;
}

.windowsserver_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .windowsserver_about h2 {
    width: 68.438538206%;
    margin: 0 auto;
  }
}

.windowsserver_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .windowsserver_about p {
    margin-top: 15px;
    font-size: 15px;
  }
}
.windowsserver_about .windowsserver_about_img {
  margin-top: 25px;
  text-align: center;
}
.windowsserver_about .windowsserver_about_img picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .windowsserver_about .windowsserver_about_img img {
    width: 80.3986710963%;
  }
}
.h3_windowsserver {
  margin-top: 90px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  border-top: 1px solid #1d2731;
  border-bottom: 1px solid #1d2731;
}
@media screen and (max-width: 768px) {
  .h3_windowsserver {
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 15px 0;
    line-height: 1.3;
  }
}

@media screen and (max-width: 768px) {
  .windowsserver_osusume {
    padding: 0 5%;
  }
}
.windowsserver_osusume_list {
  display: flex;
  justify-content: center;
  align-items: baseline;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .windowsserver_osusume_list {
    flex-direction: column;
  }
}
.windowsserver_osusume_list li {
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .windowsserver_osusume_list li {
    width: 100%;
    margin: 0;
    padding: 5%;
    box-shadow: 3.83px 3.214px 9.8px 0.2px rgba(0, 0, 0, 0.21);
  }
}
.windowsserver_osusume_list li figure {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .windowsserver_osusume_list li figure {
    flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  .windowsserver_osusume_list li:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_osusume_list figure {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_osusume_list figure > img {
    width: 22.8125%;
    margin-right: 15px;
  }
}
.windowsserver_osusume_list figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .windowsserver_osusume_list figcaption {
    align-items: flex-start;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .windowsserver_osusume_list figcaption {
    width: 100%;
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver_osusume_list .windowsserver_osusume_en {
    margin-top: 25px;
  }
}
.windowsserver_osusume_list .windowsserver_osusume_en img {
  vertical-align: top;
}

.windowsserver_osusume_list .windowsserver_osusume_text {
  margin-top: 18px;
  font-size: 20px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .windowsserver_osusume_list .windowsserver_osusume_text {
    font-size: 15px;
  }
}

.windowsserver_trouble {
  padding-top: 95px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .windowsserver_trouble {
    padding-top: 60px;
  }
}
.windowsserver_trouble h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .windowsserver_trouble h2 {
    max-width: 77.3529411765%;
    margin: 0 auto;
  }
}

.windowsserver_trouble h2 .title_en,
.windowsserver_trouble h2 .title_ja,
.windowsserver_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.windowsserver_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.windowsserver_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.windowsserver_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 55px auto 0;
}

@media screen and (max-width: 768px) {
  .windowsserver_trouble_list {
    justify-content: space-between;
    width: 90vw;
    margin: 20px auto 0;
  }
}
.windowsserver_trouble_list::after {
  display: none;
}

@media screen and (min-width: 769px) {
  .windowsserver_trouble_list li {
    margin: 15px 7.5px 0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_trouble_list li {
    width: 48.6725663717%;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_trouble_list li:first-child {
    width: 58.9970501475%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_trouble_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.windowsserver_trouble_list li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .windowsserver_trouble_list li img {
    width: 100%;
    height: auto;
  }
}
.windowsserver_trouble_problem {
  margin-top: 60px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 1.8;
  font-feature-settings: "palt";
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .windowsserver_trouble_problem {
    margin-top: 120px;
    font-size: 18px;
  }
}
.windowsserver_trouble_problem span {
  padding-bottom: 10px;
  border-bottom: 3px solid #1d2731;
}

@media screen and (max-width: 768px) {
  .windowsserver_trouble_problem span {
    padding-bottom: 5px;
    border-bottom: 1px solid #1d2731;
  }
}
.windowsserver_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .windowsserver_solution .solution_top {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_top .windowsserver_trouble_problem {
    margin-top: -10px;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver_solution .solution_text {
    width: 568px;
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_text {
    margin-top: -5px;
  }
}
.windowsserver_solution .solution_text h2 {
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_text h2 {
    margin-top: 0;
  }
}
.windowsserver_solution .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
  .windowsserver_solution .solution_text h2 span {
    font-size: 35px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_text h2 span {
    letter-spacing: 0.1em;
  }
}
.windowsserver_solution .solution_text .text {
  margin-top: 10px;
  color: #1d2731;
  font-size: 20px;
  font-weight: 700;
  opacity: 0.75;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_text .text {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 15px;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver_solution .solution_img {
    margin-left: -117px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_img {
    width: 90%;
    margin-top: 10px;
  }
}
.windowsserver_solution .solution_hikaku {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_hikaku {
    margin-top: 10px;
  }
}
.windowsserver_solution .solution_hikaku::after {
  display: none;
}

.windowsserver_solution .solution_hikaku li {
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
  .windowsserver_solution .solution_hikaku li {
    width: 490px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_hikaku li {
    margin-top: 10px;
  }
}
.windowsserver_solution .solution_hikaku h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  text-align: center;
  background: #434343;
  color: #fff;
  font-size: 29px;
}

@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_hikaku h3 {
    font-size: 18px;
  }
}
.windowsserver_solution .solution_hikaku h3 span {
  display: inline-block;
  margin-right: 15px;
  padding: 0 28px;
  height: 29px;
  line-height: 29px;
  font-size: 20px;
  background: #000;
  border-radius: 14.5px;
}

@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_hikaku h3 span {
    margin-right: 8px;
    padding: 0 15px;
    height: 21px;
    line-height: 21px;
    font-size: 14px;
  }
}
.windowsserver_solution .solution_hikaku figure {
  padding: 30px 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_hikaku figure {
    padding: 20px 30px;
  }
}
.windowsserver_solution .solution_hikaku figure figcaption {
  margin-top: 30px;
  text-align: left;
  color: rgba(29, 39, 49, 0.75);
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .windowsserver_solution .solution_hikaku figure figcaption {
    margin-top: 15px;
  }
}
.windowsserver_solution .solution_hikaku .hikaku_shiyouji h3 {
  background: #01b6c9;
}

.windowsserver_solution .solution_hikaku .hikaku_shiyouji h3 span {
  background: #035861;
}

@media screen and (min-width: 769px) {
  .solution_tokuchou_windowsserver .windowsserver_title {
    margin-top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .solution_tokuchou_windowsserver .windowsserver_title img {
    width: 54.4%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_windowsserver li:nth-child(even) .tokuchou_list_box {
    padding-left: 116px;
    padding-right: 84px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_windowsserver li:nth-child(even) .tokuchou_list_box h4 .tokuchou_nb {
    left: calc(100% + 0px);
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_windowsserver li:nth-child(1) .tokuchou_list_img {
    left: 526px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_windowsserver li:nth-child(1) .tokuchou_ttl {
    width: 19.801980198%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_windowsserver li:nth-child(2) .tokuchou_list_img {
    right: 517px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_windowsserver li:nth-child(2) .tokuchou_ttl {
    width: 51.1551155116%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_windowsserver li:nth-child(3) .tokuchou_list_img {
    left: 527px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_windowsserver li:nth-child(3) .tokuchou_ttl {
    width: 41.2541254125%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_windowsserver li:nth-child(4) .tokuchou_list_img {
    right: 517px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_windowsserver li:nth-child(4) .tokuchou_ttl {
    width: 57.4257425743%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_windowsserver .tokuchou_list_box {
    height: 280px;
    padding-left: 77px;
    padding-right: 123px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_windowsserver .tokuchou_list_box h4 .tokuchou_nb {
    left: auto;
    right: calc(100% + 0px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_windowsserver .tokuchou_list_box h4 picture img {
    vertical-align: middle;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_windowsserver .toggle_div {
    padding: 25px 45px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_windowsserver .tokuchou_list_img_sp {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_windowsserver .tokuchou_list_img {
    width: 450px;
    top: -20px;
    left: 480px;
  }
}
.mv1000 {
  margin-top: 50px;
  padding: 60px 0 80px;
  background-image: url(../img/security/windowsserver/mv1000_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .mv1000 {
    width: 100vw;
    margin: 40px calc(50% - 50vw) 0;
    padding: 30px 5% 55px;
    background-color: #01b6c9;
    background-image: url(../img/security/windowsserver/mv1000_bg_sp.jpg);
    background-position: center bottom;
  }
}
.mv1000 h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mv1000 h2 {
    margin: 0 3%;
  }
}

.mv1000_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-top: 38px;
  font-size: 15px;
  font-weight: 700;
  color: rgba(29, 39, 49, 0.6);
}
@media screen and (max-width: 768px) {
  .mv1000_list {
    gap: 0;
    margin-top: 30px;
  }
}

.mv1000_list::after {
  display: none;
}

.mv1000_list li {
  position: relative;
  background: #fff;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .mv1000_list li {
    width: 440px;
    margin: 0 10px;
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .mv1000_list li {
    width: 100%;
    margin-top: 0;
    padding: 30px 20px;
  }
}
.mv1000_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: -8px;
  width: 85px;
  height: 82px;
  background-image: url(../img/security/ups/bn50t_ribbon.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .mv1000_list li::before {
    left: -7px;
    top: -5px;
    width: 49px;
    height: 48px;
  }
}
@media screen and (max-width: 768px) {
  .mv1000_list li:not(:first-child) {
    margin-top: 15px;
  }
}
.mv1000_list h3 {
  font-size: 20px;
  color: #bc9727;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .mv1000_list h3 {
    font-size: 18px;
    text-align: center;
    font-feature-settings: "palt";
  }
}
.mv1000_list p {
  margin-top: 15px;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .mv1000_list p {
    line-height: 1.5;
  }
}
.mv1000_list figure {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  min-height: 154px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mv1000_list figure {
    min-height: 0;
  }
}

@media screen and (max-width: 768px) {
  .mv1000_list .mv1000_list_kihon figure img {
    width: 184px;
  }
}
@media screen and (max-width: 768px) {
  .mv1000_list .mv1000_list_hogo figure img {
    width: 247px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_reason .windowsserver_title {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_reason .windowsserver_title img {
    width: 61.3333333333%;
  }
}
.windowsserver_reason_list {
  display: flex;
  justify-content: center;
  color: #1d2731;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .windowsserver_reason_list {
    flex-direction: column;
    margin-top: 25px;
  }
}
.windowsserver_reason_list li {
  display: flex;
  flex-direction: column;
  width: 290px;
  margin: 0 7.5px;
  padding: 0 20px 20px 20px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .windowsserver_reason_list li {
    width: 100%;
    margin: 10px 0 0;
    padding: 0 30px 20px 30px;
  }
}

.windowsserver_reason_list .reason_no {
  display: flex;
  justify-content: center;
  text-align: center;
}

.windowsserver_reason_list .reason_no img {
  vertical-align: top;
}

.windowsserver_reason_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 122px;
  margin-top: 15px;
  text-align: center;
}

.windowsserver_reason_list h3 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .windowsserver_reason_list h3 {
    margin: 20px 0 0;
    font-size: 16px;
    text-align: center;
  }
}

.windowsserver_reason_list p {
  margin-top: auto;
  font-size: 15px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .windowsserver_reason_list p {
    margin-top: 10px;
  }
}
.windowsserver_reason_list .li_saxa h3 {
  margin-top: 25px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .windowsserver_reason_list .li_saxa h3 {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .windowsserver_hikaku .wrapper {
    padding: 0 0 45px 0;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_hikaku .scroll_inner {
    padding-bottom: 30px;
    position: relative;
  }
}
.server_table_box {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .server_table_box {
    margin: 0 -4vw;
    padding-bottom: 20px;
    overflow-x: scroll !important;
  }
}
@media screen and (max-width: 768px) {
  .server_table_box::-webkit-scrollbar {
    width: 5px;
    background: var(--_background, #e1e0e0);
  }
}
@media screen and (max-width: 768px) {
  .server_table_box::-webkit-scrollbar:horizontal {
    height: 10px;
    background: var(--_background, #e1e0e0);
  }
}
@media screen and (max-width: 768px) {
  .server_table_box::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: var(--_scrollbar, #01b6c9);
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .server_table_box::-webkit-scrollbar-thumb:horizontal {
    background: var(--_scrollbar, #01b6c9);
    border-radius: 10px;
  }
}

.server_table_inner {
  display: flex;
  border: 1px solid #a0a0a0;
  border-collapse: separate;
}

@media screen and (max-width: 768px) {
  .server_table_inner {
    width: 714px;
  }
}
.server_table {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .server_table {
    margin-top: 0;
  }
}
.server_table .table_left {
  width: 13.3333333333%;
}

@media screen and (min-width: 769px) {
  .server_table .table_left {
    min-width: 120px;
  }
}
@media screen and (max-width: 768px) {
  .server_table .table_left {
    width: 14.2857142857%;
  }
}
.server_table .table_right {
  display: flex;
  width: 86.6666666667%;
}

@media screen and (max-width: 768px) {
  .server_table .table_right {
    width: 85.7142857143%;
  }
}
.server_table .table_right_block {
  width: 33.4190231362%;
}

@media screen and (max-width: 768px) {
  .server_table .table_right_block {
    width: 33.3333333333%;
  }
}
.server_table .table_title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: grey;
  text-align: center;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .server_table .table_title {
    height: 19.2vw;
  }
}
.server_table .table_td,
.server_table .table_th {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  text-align: center;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .server_table .table_td,
  .server_table .table_th {
    height: 19.2vw;
  }
}
.server_table .table_th {
  font-size: 20px;
  font-weight: 700;
  background: #ebebeb;
}

@media screen and (max-width: 768px) {
  .server_table .table_th {
    font-size: 16px;
  }
}
.server_table .table_td {
  font-size: 18px;
  background: #ebebeb;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .server_table .table_td {
    font-size: 16px;
  }
}
.server_table .table_right_block_blue {
  height: 108%;
  margin-top: -18px;
  background: #fff;
  border: 3px solid #01b6c9;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .server_table .table_right_block_blue {
    height: 106%;
    margin-top: -13px;
  }
}
.server_table .table_right_block_blue .table_title {
  background: #01b6c9;
  position: relative;
}

@media screen and (min-width: 769px) {
  .server_table .table_right_block_blue .table_title {
    height: 85px;
  }
}
@media screen and (max-width: 768px) {
  .server_table .table_right_block_blue .table_title {
    padding-top: 10px;
  }
}
.server_table .table_right_block_blue .table_title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #01b5c9;
  bottom: -19.9px;
  left: 0;
}

@media screen and (max-width: 768px) {
  .server_table .table_right_block_blue .table_title::after {
    height: 3.8vw;
    bottom: -3.8vw;
  }
}
.server_table .table_right_block_blue .table_td {
  color: grey;
  font-weight: 700;
}

.server_table .table_right_block_blue .table_td span {
  color: #01b6c9;
}

@media screen and (min-width: 769px) {
  .server_table .table_right_block_blue .table_td:nth-of-type(2) {
    padding-top: 10px;
    height: 87px;
  }
}
@media screen and (max-width: 768px) {
  .server_table .table_right_block_blue .table_td:nth-of-type(2) {
    height: 21.9vw;
  }
}
.server_table .table_right_block_blue .table_td:nth-of-type(4) {
  display: block;
  padding-top: 15px;
}

@media screen and (min-width: 769px) {
  .server_table .table_right_block_blue .table_td:nth-of-type(5) {
    padding-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .server_table .table_right_block_blue .bg_white {
    height: 80px;
  }
}
.server_table .bg_white {
  background: #fff;
}

.server_table .bg_light_blue {
  height: 80px;
  background: #e5f8f9;
}

@media screen and (max-width: 768px) {
  .server_table .bg_light_blue {
    height: 19.2vw;
  }
}
.table_right_block_linux .table_title {
  border-right: 1px solid #fff;
}

.table_right_block_linux .table_td {
  border-right: 1px solid #a0a0a0;
}

.server_osusume {
  display: flex;
  margin-top: 25px;
}

@media screen and (min-width: 769px) {
  .server_osusume {
    height: 185px;
  }
}
@media screen and (max-width: 768px) {
  .server_osusume {
    width: 714px;
    margin-top: 15px;
  }
}
.server_osusume_left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.3333333333%;
  background: grey;
  border-right: 1px solid #fff;
  position: relative;
}

@media screen and (max-width: 768px) {
  .server_osusume_left {
    width: 14.2857142857%;
  }
}
.server_osusume_left::after {
  content: "";
  width: 13px;
  height: 19px;
  position: absolute;
  top: 50%;
  right: -11px;
  transform: translateY(-50%);
  background-image: url(../img/security/windowsserver/server_osusume_triangle.svg);
  background-size: contain;
}

.server_osusume_left p {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  line-height: 1.3;
}

.server_osusume_right {
  width: 86.6666666667%;
  display: flex;
  background: grey;
}

@media screen and (max-width: 768px) {
  .server_osusume_right {
    width: 85.7142857143%;
  }
}
.server_osusume_block {
  width: 33.3333333333%;
  padding: 20px 24px;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 768px) {
  .server_osusume_block {
    padding: 20px 15px;
  }
}
.server_osusume_block:last-child {
  border-right: 0;
}

.server_osusume_blue {
  background: #01b6c9;
}

.server_osusume_blue .server_osusume_yellow span {
  color: #01b6c9;
}

.server_osusume_yellow {
  text-align: center;
}

.server_osusume_yellow span {
  padding: 4px 12px;
  color: grey;
  background: #fff45c;
  border-radius: 12px;
}

.server_osusume_title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .server_osusume_title {
    font-size: 18px;
  }
}
.server_osusume_text {
  margin-top: 3px;
  color: #ebebeb;
  font-weight: 700;
  line-height: 1.5;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .server_osusume_text {
    font-size: 14px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_hikaku .windowsserver_title img {
    width: 38.1333333333%;
  }
}
.windowsserver_hikaku_table {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .windowsserver_hikaku_table {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 40px;
    padding-bottom: 35px;
    overflow-x: scroll;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_hikaku_table img {
    width: 900px;
    max-width: inherit;
  }
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 11px;
  top: 0;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
  top: 0;
  left: 0;
  border-radius: 10px;
  background: #01b6c9;
  opacity: 1 !important;
}

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

.simplebar-track {
  background: #e1e0e0;
}

.simplebar-horizontal {
  height: 11px !important;
  border-radius: 10px;
}

@media screen and (min-width: 769px) {
  .windowsserver_faq {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_faq .windowsserver_title {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_faq .windowsserver_title img {
    width: 31.4666666667%;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_faq .lower_faq_list .acd_content {
    padding: 5% 6% 8% 6%;
    min-height: auto;
  }
}
.windowsserver_spec .windowsserver_title {
  line-height: 1.1;
}

@media screen and (min-width: 769px) {
  .windowsserver_spec .windowsserver_title {
    margin-top: 60px;
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_spec .windowsserver_title {
    margin-top: 0;
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_spec .windowsserver_title img {
    width: 19.2%;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver_spec .spec_list {
    margin: 0 50px;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_spec .spec_list {
    margin-top: 35px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver_spec .spec_list p {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  .windowsserver_spec .spec_block p {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver_spec .spec_block p:first-of-type {
    width: 38.3333333333%;
  }
}
@media screen and (min-width: 769px) {
  .windowsserver_spec .spec_block p:last-of-type {
    width: 63.0681818182%;
  }
}
.windowsserver_spec .spec_block p:nth-child(2n+2) {
  font-weight: 400;
}

.itreport .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .itreport .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.itreport .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .itreport .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .itreport .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .itreport .mv_title01 {
    width: 54.4%;
  }
}
@media screen and (max-width: 768px) {
  .itreport .mv_title02 {
    width: 39.2%;
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .itreport .mv_title03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .itreport .mv_title03 {
    width: 54.9333333333%;
  }
}
.itreport .mv_text {
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .itreport .mv_text {
    color: #7c8083;
    font-size: 14px;
    letter-spacing: 0.1px;
  }
}
@media screen and (min-width: 769px) {
  .itreport .mv_right {
    margin-top: -10px;
    margin-left: 70px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .itreport .mv_right {
    position: relative;
    z-index: 0;
    margin-top: -15px;
  }
}
.itreport h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.itreport h2::before {
  content: none;
}

.itreport h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .itreport .solution_text {
    margin-top: 0;
  }
}
.itreport .solution_text h2 {
  margin-top: 30px;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .itreport .solution_text h2 {
    margin-top: 0;
  }
}
.itreport .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
  .itreport .solution_text h2 span {
    font-size: 45px;
  }
}
.itreport .solution_tokuchou {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .itreport .solution_tokuchou {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .itreport .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.itreport .itreport_title {
  padding: 34px 45px;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .itreport .itreport_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    line-height: 1;
    text-align: center;
  }
}
.itreport .itreport_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .itreport .itreport_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.itreport_top {
  position: relative;
  z-index: 1;
}

.itreport_top::before {
  content: "";
  width: 1920px;
  height: 1475px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/itreport/itreport_top_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -281px;
}

@media screen and (max-width: 768px) {
  .itreport_top::before {
    content: none;
  }
}
.itreport_top::after {
  content: "";
  width: 480px;
  height: 533px;
  position: absolute;
  background-image: url(../img/security/itreport/itreport_top_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: -130px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1020px) {
  .itreport_top::after {
    width: 25.2275682705vw;
    bottom: -122px;
  }
}

@media screen and (max-width: 768px) {
  .itreport_top::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .itreport_top .wrapper {
    padding: 0;
  }
}
.itreport_about {
  margin-top: 90px;
  padding: 45px 50px 50px 50px;
  background-image: url(../img/security/itreport/about_bg.png);
  background-size: cover;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .itreport_about {
    margin: 30px auto 0;
    padding: 7% 5% 6% 5%;
    background-image: url(../img/security/itreport/about_bg_sp.png);
  }
}
.itreport_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 910px;
  margin: 0 auto;
}

.itreport_about h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .itreport_about h2 {
    width: 60%;
    margin: 0 auto;
  }
}

.itreport_about p {
  margin-top: 15px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 768px) {
  .itreport_about p {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 769px) {
  .itreport_about .itreport_about_text {
    width: 46.9230769231%;
    margin-right: 4.5054945055%;
  }
}
.itreport_about .itreport_about_text h3 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .itreport_about .itreport_about_text h3 {
    font-size: 17px;
    text-align: center;
  }
}
.itreport_about .itreport_about_img {
  margin: -10px 0 0 10px;
}

@media screen and (min-width: 769px) {
  .itreport_about .itreport_about_img {
    width: 48.5714285714%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .itreport_about .itreport_about_img {
    margin: 10px 0 0 0;
  }
}
.itreport_about .itreport_about_img::after {
  content: "";
  width: 385px;
  height: 317px;
  position: absolute;
  top: 0;
  left: 45px;
  background-image: url(../img/security/itreport/about_img_light.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  mix-blend-mode: color-dodge;
}

.itreport_about_box {
  display: flex;
  align-items: center;
  margin-top: 55px;
}

@media screen and (max-width: 768px) {
  .itreport_about_box {
    margin-top: 20px;
  }
}
.itreport_trouble {
  padding-top: 55px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .itreport_trouble {
    margin: 0 -4vw;
    padding: 40px 5% 50vw;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .itreport_trouble::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    top: -7vw;
    left: 0;
    background-image: url(../img/security/itreport/trouble_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
.itreport_trouble h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .itreport_trouble h2 {
    max-width: 97.3293768546%;
    margin: 0 auto;
  }
}

.itreport_trouble h2 .title_en,
.itreport_trouble h2 .title_ja,
.itreport_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.itreport_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.itreport_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.itreport_trouble_box {
  position: relative;
}

@media screen and (max-width: 768px) {
  .itreport_trouble_box::before {
    content: "";
    width: 43.0267062315%;
    height: 42vw;
    position: absolute;
    bottom: -18vw;
    left: 50%;
    transform: translateX(-58%);
    background-image: url(../img/security/remotesupport/trouble_women.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .itreport_trouble_box::after {
    content: "";
    width: 120vw;
    height: 50vw;
    position: absolute;
    bottom: -64vw;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: 4;
  }
}
.itreport_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .itreport_trouble_list {
    margin-top: 15px;
  }
}
.itreport_trouble_list::after {
  display: none;
}

.itreport_trouble_list li {
  position: relative;
  padding: 34px 50px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5;
  box-sizing: border-box;
  margin-top: 50px;
  text-align: left;
}

@media screen and (min-width: 769px) {
  .itreport_trouble_list li {
    width: 370px;
  }
}
@media screen and (max-width: 768px) {
  .itreport_trouble_list li {
    width: 48.5294117647%;
    margin-top: 10px;
    padding: 12px 18px 10px 23px;
    font-size: 15px;
    background-size: 35px;
    letter-spacing: -0.1px;
  }
}
@media screen and (min-width: 769px) {
  .itreport_trouble_list li:first-child {
    padding: 25px 26px 20px 75px;
  }
}
@media screen and (max-width: 768px) {
  .itreport_trouble_list li:first-child {
    padding: 22px 10px 20px 20px;
  }
}
.itreport_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/itreport/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .itreport_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
@media screen and (min-width: 769px) {
  .itreport_trouble_list li:nth-child(2) {
    padding: 40px 26px 40px 75px;
  }
}
@media screen and (max-width: 768px) {
  .itreport_trouble_list li:nth-child(2) {
    padding: 22px 12px 20px 30px;
  }
}
.itreport_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/itreport/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .itreport_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .itreport_trouble_list li:nth-child(3) {
    padding: 40px 50px 40px 75px;
  }
}
@media screen and (max-width: 768px) {
  .itreport_trouble_list li:nth-child(3) {
    padding: 35px 15px 20px 20px;
  }
}
.itreport_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/itreport/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .itreport_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
@media screen and (min-width: 769px) {
  .itreport_trouble_list li:nth-child(4) {
    padding: 40px 35px 40px 75px;
  }
}
@media screen and (max-width: 768px) {
  .itreport_trouble_list li:nth-child(4) {
    padding: 22px 12px 20px 30px;
  }
}
.itreport_trouble_list li:nth-child(4):before {
  left: 0;
  width: 45px;
  height: 51px;
  background-image: url(../img/security/itreport/trouble_list_number04.png);
}

@media screen and (max-width: 768px) {
  .itreport_trouble_list li:nth-child(4):before {
    width: 17px;
    height: 21px;
  }
}
.itreport_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .itreport_trouble_list li::before {
    top: -5px;
  }
}
.itreport_trouble_list li b {
  color: #e60012;
}

.itreport_solution {
  margin-top: 85px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .itreport_solution {
    margin-top: -10rem;
  }
}
@media screen and (min-width: 769px) {
  .itreport_solution .solution_img {
    margin-left: -130px;
  }
}
@media screen and (max-width: 768px) {
  .itreport_solution .solution_img {
    max-width: 80.118694362%;
  }
}
@media screen and (max-width: 768px) {
  .itreport_solution .solution_text {
    margin-top: -10px;
  }
}
.itreport_solution .solution_text h2 {
  margin-top: 5px;
}

.itreport_solution .solution_text h2 span::after {
  bottom: -5px;
}

@media screen and (max-width: 768px) {
  .itreport_solution .solution_text h2 span::after {
    height: 2px;
  }
}
@media screen and (max-width: 768px) {
  .itreport_solution .itreport_title img {
    width: 54.9333333333%;
  }
}
@media screen and (max-width: 768px) {
  .itreport_solution .itreport_title_medical img {
    width: 64.5333333333%;
  }
}
@media screen and (max-width: 768px) {
  .solution_management {
    margin-top: 20px;
  }
}
.solution_management_list {
  max-width: 920px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .solution_management_list {
    margin: 35px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .solution_management_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.solution_medical {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .solution_medical {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_itreport {
    margin: 80px 45px 0;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_itreport li {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_itreport li:nth-of-type(1) .tokuchou_list_box {
    height: 300px;
  }
}
.tokuchou_list_itreport li:nth-of-type(1) .toggle_ttl .tokuchou_nb {
  bottom: calc(100% + 15px);
}

@media screen and (max-width: 768px) {
  .tokuchou_list_itreport li:nth-of-type(1) .tokuchou_ttl {
    width: 66.99669967%;
  }
}
.tokuchou_list_itreport li:nth-of-type(2) .tokuchou_list_img {
  top: -45px;
}

.tokuchou_list_itreport li:nth-of-type(2) .toggle_ttl .tokuchou_nb {
  bottom: calc(100% - 10px);
}

@media screen and (max-width: 768px) {
  .tokuchou_list_itreport li:nth-of-type(2) .tokuchou_ttl {
    width: 43.8943894389%;
  }
}
.tokuchou_list_itreport li:nth-of-type(3) .tokuchou_list_img {
  top: -40px;
}

.tokuchou_list_itreport li:nth-of-type(3) .toggle_ttl .tokuchou_nb {
  bottom: calc(100% - 0px);
}

@media screen and (max-width: 768px) {
  .tokuchou_list_itreport li:nth-of-type(3) .tokuchou_ttl {
    width: 64.3564356436%;
  }
}
.tokuchou_list_itreport li:nth-of-type(4) .tokuchou_list_img {
  top: -50px;
}

.tokuchou_list_itreport li:nth-of-type(4) .toggle_ttl .tokuchou_nb {
  bottom: calc(100% - 12px);
}

@media screen and (max-width: 768px) {
  .tokuchou_list_itreport li:nth-of-type(4) .tokuchou_ttl {
    width: 79.5379537954%;
  }
}
.tokuchou_list_itreport li:nth-of-type(5) .tokuchou_list_img {
  left: 460px !important;
}

.tokuchou_list_itreport li:nth-of-type(5) .toggle_ttl .tokuchou_nb {
  bottom: calc(100% - 0px);
}

@media screen and (max-width: 768px) {
  .tokuchou_list_itreport li:nth-of-type(5) .toggle_ttl .tokuchou_nb {
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_itreport li:nth-of-type(5) .tokuchou_ttl {
    width: 58.0858085809%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_itreport li:nth-child(odd) .toggle_ttl .tokuchou_nb {
    left: -50px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_itreport li:nth-child(odd) .tokuchou_list_box {
    padding: 0 65px 0 70px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_itreport li:nth-child(odd) .tokuchou_list_img {
    left: 440px;
  }
}
.tokuchou_list_itreport li:nth-child(even) .tokuchou_list_box .toggle_ttl .tokuchou_nb {
  right: -50px;
}

@media screen and (min-width: 769px) {
  .tokuchou_list_itreport li:nth-child(even) .tokuchou_list_box {
    padding: 0 75px 0 65px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_itreport li:nth-child(even) .tokuchou_list_img {
    right: 440px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_itreport .tokuchou_list_box .toggle_ttl {
    padding: 33px 5%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_itreport .tokuchou_list_box .toggle_ttl .tokuchou_nb {
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_itreport .tokuchou_list_img {
    top: -35px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_itreport .tokuchou_list_img_sp {
    margin-top: 40px;
  }
}
.itreport_case {
  margin-top: 60px;
  padding: 70px 0 125px 0;
  background-image: url(../img/security/itreport/case_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .itreport_case {
    margin-top: 40px;
    padding: 15px 0 30px;
    background-image: url(../img/security/itreport/case_bg_sp.jpg);
  }
}
.itreport_case .tab_label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 20px 0;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  background: #8c8c8c;
  transition: all ease 0.3s;
}
@media screen and (max-width: 768px) {
  .itreport_case .tab_label {
    padding: 10px 0;
  }
}
.itreport_case .tab_label .title_en {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 768px) {
  .itreport_case .tab_label .title_en {
    font-size: 12px;
  }
}
.itreport_case .tab_label .title_ja {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .itreport_case .tab_label .title_ja {
    font-size: 13px;
    line-height: 1.2;
  }
}
.itreport_case .tab_label.active {
  background: #01b6c9;
}

.itreport_case .l-wrapper {
  max-width: 920px;
}

.itreport_case .case_title {
  text-align: center;
}
.itreport_case .case_title picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .itreport_case .case_title img {
    width: 66.7647058824%;
  }
}
@media screen and (min-width: 769px) {
  .itreport_case .case_tab {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .itreport_case .tab_area button .title_ja {
    margin-top: 5px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 768px) {
  .itreport_case .tab_panel {
    padding-bottom: 0;
  }
}
.itreport_case .tab_panel h3 {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .itreport_case .tab_panel h3 {
    font-size: 18px;
    line-height: 1.3;
  }
}

.itreport_case .tab_panel p {
  margin-top: 10px;
  color: rgba(29, 39, 49, 0.75);
  letter-spacing: -0.05rem;
}

@media screen and (max-width: 768px) {
  .itreport_case .tab_panel p {
    line-height: 1.5;
  }
}
.itreport_case .tab_panel .case_kaiketsu {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .itreport_case .tab_panel .case_kaiketsu {
    width: 90vw;
    margin: 40px calc(50% - 45vw) 0;
    padding: 6%;
    background: #01b6c9;
    color: #fff;
  }
}
.itreport_case .tab_panel .case_kaiketsu h3,
.itreport_case .tab_panel .case_kaiketsu p {
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .itreport_case .tab_panel .case_kaiketsu h3,
  .itreport_case .tab_panel .case_kaiketsu p {
    color: #01b6c9;
  }
}
.itreport_case .tab_panel .case_kaiketsu h3 {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .itreport_case .tab_panel .case_kaiketsu h3 {
    font-size: 12px;
  }
}

.itreport_case .tab_panel .case_kaiketsu p {
  margin-top: 5px;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .itreport_case .tab_panel .case_kaiketsu p {
    font-size: 15px;
    color: #fff;
  }
}
.waf .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .waf .lower_mv {
    height: 500px;
    background-image: url(../img/security/waf/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.waf .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .waf .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .waf .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .waf .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .waf .mv_title01 {
    width: 34.6666666667%;
  }
}
@media screen and (min-width: 769px) {
  .waf .mv_title02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .waf .mv_title02 {
    width: 44.8%;
    margin-top: 8px;
  }
}
@media screen and (min-width: 769px) {
  .waf .mv_title03 {
    margin-top: 17px;
  }
}
@media screen and (max-width: 768px) {
  .waf .mv_title03 {
    width: 89.8666666667%;
  }
}
.waf .mv_text {
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  .waf .mv_text {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .waf .mv_text {
    color: #7c8083;
    font-size: 14px;
    letter-spacing: 0.1px;
  }
}
@media screen and (min-width: 769px) {
  .waf .mv_list {
    margin-top: 50px;
  }
}
@media screen and (min-width: 769px) {
  .waf .mv_right {
    margin-top: 80px;
    margin-left: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .waf .mv_right {
    position: relative;
    z-index: 0;
    margin-top: -15px;
  }
}
.waf .mv_right img {
  max-width: 100%;
}

.waf h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.waf h2::before {
  content: none;
}

.waf h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .waf .solution_text {
    margin-top: 0;
  }
}
.waf .solution_text h2 {
  margin-top: 30px;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .waf .solution_text h2 {
    margin-top: 0;
  }
}
.waf .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .waf .solution_text h2 span {
    margin-bottom: 8px;
    letter-spacing: 0;
  }
}
.waf .solution_tokuchou {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .waf .solution_tokuchou {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .waf .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.waf .waf_title {
  padding: 34px 45px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .waf .waf_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .waf .waf_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.waf .waf_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .waf .waf_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.waf_top {
  position: relative;
  z-index: 1;
}

.waf_top::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
}

@media screen and (min-width: 769px) {
  .waf_top::before {
    width: 1920px;
    height: 2230px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/security/waf/waf_top_bg.png);
    background-size: 100%;
    background-position: center bottom;
    z-index: -1;
    bottom: -230px;
  }
}
@media screen and (max-width: 768px) {
  .waf_top::before {
    width: 100vw;
    height: 100%;
    top: 635px;
    left: 0;
    background-image: url(../img/security/waf/trouble_bg.png);
    background-size: contain;
    background-position: top center;
    z-index: -2;
  }
}
.waf_top::after {
  content: "";
  width: 609px;
  height: 720px;
  position: absolute;
  background-image: url(../img/security/waf/waf_top_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: -226px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 655px;
}

@media screen and (max-width: 768px) {
  .waf_top::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .waf_top .wrapper {
    padding: 0;
  }
}
.waf_about {
  margin-top: 90px;
  padding: 45px 50px 50px 50px;
  background-image: url(../img/security/waf/about_bg.png);
  background-size: cover;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .waf_about {
    margin: 30px auto 0;
    padding: 7% 6% 9% 6%;
    background-image: url(../img/security/waf/about_bg_sp.png);
  }
}
.waf_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

.waf_about h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .waf_about h2 {
    width: 34.6666666667%;
    margin: 0 auto;
  }
}

.waf_about h3 {
  margin-top: 30px;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .waf_about h3 {
    margin-top: 15px;
    font-size: 17px;
    line-height: 1.4;
  }
}
.waf_about p {
  margin-top: 15px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .waf_about p {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 769px) {
  .waf_about .waf_about_img {
    width: 88.6666666667%;
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .waf_about .waf_about_img {
    margin: 30px 0 0 0;
  }
}
.waf_difficult,
.waf_transition {
  max-width: 900px;
  margin: 60px auto 0;
}

@media screen and (max-width: 768px) {
  .waf_difficult,
  .waf_transition {
    margin: 35px auto 0;
  }
}
.waf_transition h2 {
  width: 90.3333333333%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .waf_transition h2 {
    width: 57.6%;
  }
}

.waf_transition h3 {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .waf_transition h3 {
    width: 90.6666666667vw;
    margin: 15px auto 0;
  }
}
.waf_transition_img {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .waf_transition_img {
    width: 90.6666666667vw;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .waf_difficult {
    position: relative;
  }
}
.waf_difficult h2 {
  width: 87.6666666667%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .waf_difficult h2 {
    width: 79.8501333333vw;
  }
}

.waf_difficult_list {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .waf_difficult_list {
    flex-direction: column;
    margin-top: 20px;
  }
}
.waf_difficult_list li {
  padding: 30px 35px 35px 35px;
  background: #fff;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
  .waf_difficult_list li {
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .waf_difficult_list li {
    padding: 20px 12px;
  }
}
@media screen and (max-width: 768px) {
  .waf_difficult_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.waf_difficult_list li:last-child {
  margin-right: 0;
}

.waf_difficult_list h3 {
  margin-top: 8px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .waf_difficult_list h3 {
    font-size: 15px;
  }
}

.waf_difficult_list p {
  color: #7c8083;
  font-weight: 700;
}

.waf_difficult_list .waf_difficult_list_img {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .waf_difficult_list .waf_difficult_list_img {
    width: 21.4057507987%;
  }
}

.waf_difficult_list .waf_difficult_list_title {
  display: flex;
  justify-content: center;
  line-height: 1;
  text-align: center;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .waf_difficult_list .waf_difficult_list_title {
    width: 21.1vw;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .waf_difficult_list .toggle_ttl {
    display: flex;
    align-items: center;
    position: relative;
  }
}
.waf_difficult_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 3%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .waf_difficult_list .toggle_ttl::after {
    display: none;
  }
}
.waf_difficult_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (max-width: 768px) {
  .waf_difficult_list .toggle_ttl div {
    margin-left: 13px;
  }
}
.waf_difficult_list .toggle_div {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .waf_difficult_list .toggle_div {
    display: none;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ebebeb;
  }
}
@media screen and (max-width: 768px) {
  .waf_difficult_list .toggle_div p {
    width: 89.4568690096%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .waf_difficult_list .toggle_div img {
    width: 97.7198697068%;
  }
}
.waf_trouble {
  padding-top: 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .waf_trouble {
    padding: 40px 0 50vw;
  }
}
.waf_trouble h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .waf_trouble h2 {
    width: 87.5946666667vw;
    margin: 0 auto;
  }
}

.waf_trouble h2 .title_en,
.waf_trouble h2 .title_ja,
.waf_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.waf_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.waf_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.waf_trouble_box {
  position: relative;
}

@media screen and (max-width: 768px) {
  .waf_trouble_box::before {
    content: "";
    width: 53.412462908%;
    height: 57.5vw;
    position: absolute;
    bottom: -50.3vw;
    margin-left: 47vw;
    background-image: url(../img/security/waf/trouble_women.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .waf_trouble_box::after {
    content: "";
    width: 120vw;
    height: 50vw;
    position: absolute;
    bottom: -87vw;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: 4;
  }
}
.waf_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}

.waf_trouble_list::after {
  display: none;
}

.waf_trouble_list li {
  position: relative;
  margin-top: 40px;
  padding: 34px 50px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
  box-sizing: border-box;
  text-align: left;
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  .waf_trouble_list li {
    width: 480px;
  }
}
@media screen and (max-width: 768px) {
  .waf_trouble_list li {
    width: 48.5294117647%;
    margin-top: 10px;
    padding: 12px 18px 10px 23px;
    font-size: 13px;
    background-size: 35px;
  }
}
@media screen and (min-width: 769px) {
  .waf_trouble_list li:first-child {
    padding: 50px 30px 40px 34px;
  }
}
@media screen and (max-width: 768px) {
  .waf_trouble_list li:first-child {
    padding: 20px 13px 15px 15px;
  }
}
.waf_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/itreport/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .waf_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
@media screen and (min-width: 769px) {
  .waf_trouble_list li:nth-child(2) {
    padding: 50px 45px 40px 40px;
  }
}
@media screen and (max-width: 768px) {
  .waf_trouble_list li:nth-child(2) {
    padding: 20px 14px 15px 14px;
  }
}
.waf_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/itreport/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .waf_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .waf_trouble_list li:nth-child(3) {
    padding: 30px 25px 25px 40px;
  }
}
@media screen and (max-width: 768px) {
  .waf_trouble_list li:nth-child(3) {
    padding: 20px 14px 15px 14px;
  }
}
.waf_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/itreport/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .waf_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
@media screen and (min-width: 769px) {
  .waf_trouble_list li:nth-child(4) {
    padding: 30px 20px 20px 50px;
  }
}
@media screen and (max-width: 768px) {
  .waf_trouble_list li:nth-child(4) {
    padding: 20px 14px 15px 14px;
  }
}
.waf_trouble_list li:nth-child(4):before {
  left: 0;
  width: 45px;
  height: 51px;
  background-image: url(../img/security/itreport/trouble_list_number04.png);
}

@media screen and (max-width: 768px) {
  .waf_trouble_list li:nth-child(4):before {
    width: 17px;
    height: 21px;
  }
}
.waf_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .waf_trouble_list li::before {
    top: -5px;
  }
}
.waf_trouble_list li b {
  color: #e60012;
}

.waf_trouble_problem {
  margin-top: 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .waf_trouble_problem {
    margin-top: 20px;
    text-align: left;
  }
}
.waf_trouble_problem picture {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .waf_trouble_problem picture {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .waf_trouble_problem img {
    width: 59.3471810089%;
  }
}
.waf_solution {
  margin-top: 135px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .waf_solution {
    margin-top: -130px;
  }
}
.waf_solution .solution_top {
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .waf_solution .solution_img {
    margin-left: -130px;
  }
}
@media screen and (max-width: 768px) {
  .waf_solution .solution_img {
    max-width: 80.118694362%;
  }
}
@media screen and (max-width: 768px) {
  .waf_solution .solution_text {
    margin-top: -10px;
  }
}
.waf_solution .solution_text h2 {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .waf_solution .solution_text h2 {
    margin-top: 5px;
  }
}
.waf_solution .solution_text h2 span::after {
  bottom: -5px;
}

@media screen and (max-width: 768px) {
  .waf_solution .solution_text h2 span::after {
    height: 2px;
  }
}
@media screen and (max-width: 768px) {
  .waf_solution .waf_title img {
    width: 52%;
  }
}
@media screen and (max-width: 768px) {
  .solution_merit {
    margin-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf {
    margin: 85px 50px 0;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf li .tokuchou_ttl {
    margin-left: 0 !important;
    position: absolute;
    left: 45px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li:nth-of-type(1) .toggle_ttl .tokuchou_nb {
    left: -40px;
    bottom: calc(100% - 30px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf li:nth-of-type(1) .toggle_ttl .tokuchou_nb {
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf li:nth-of-type(1) .tokuchou_ttl {
    width: 48.6646884273%;
    top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf li:nth-of-type(1) .tokuchou_list_img_sp {
    width: 60.7260726073%;
  }
}
.tokuchou_list_waf li:nth-of-type(2) .toggle_ttl .tokuchou_nb {
  bottom: calc(100% + 15px);
}

@media screen and (max-width: 768px) {
  .tokuchou_list_waf li:nth-of-type(2) .tokuchou_ttl {
    width: 67.6557863501%;
    top: 44px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf li:nth-of-type(2) .tokuchou_list_img_sp {
    width: 41.5841584158%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li:nth-of-type(3) .toggle_ttl .tokuchou_nb {
    left: -50px;
    bottom: calc(100% + 12px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf li:nth-of-type(3) .tokuchou_ttl {
    width: 50.1483679525%;
    top: 31px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li:nth-of-type(3) .tokuchou_list_img {
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf li:nth-of-type(3) .tokuchou_list_img_sp {
    width: 65.0165016502%;
  }
}
.tokuchou_list_waf li:nth-of-type(4) .toggle_ttl .tokuchou_nb {
  bottom: calc(100% + 15px);
}

@media screen and (max-width: 768px) {
  .tokuchou_list_waf li:nth-of-type(4) .tokuchou_ttl {
    width: 38.5756676558%;
    top: 44px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li:nth-of-type(4) .tokuchou_list_img {
    top: -35px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf li:nth-of-type(4) .tokuchou_list_img_sp {
    width: 45.5445544554%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li:nth-child(odd) .tokuchou_list_box {
    padding: 0 150px 0 50px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li:nth-child(odd) .tokuchou_list_img {
    left: 515px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li:nth-child(even) .tokuchou_list_box .toggle_ttl .tokuchou_nb {
    right: -70px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li:nth-child(even) .tokuchou_list_box {
    padding: 0 85px 0 110px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf li:nth-child(even) .tokuchou_list_img {
    right: 470px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_waf .tokuchou_list_box {
    width: 700px;
    height: 300px;
  }
}
.tokuchou_list_waf .tokuchou_list_box p {
  color: #797c80;
  opacity: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .tokuchou_list_waf .tokuchou_list_box p {
    max-width: 250px;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf .tokuchou_list_box p span {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf .tokuchou_list_box .toggle_ttl {
    display: flex;
    align-items: center;
    line-height: 1;
    min-height: 100px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf .tokuchou_list_box .toggle_ttl .tokuchou_nb {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf .tokuchou_list_box .tokuchou_list_img_sp {
    margin: 0 auto;
  }
}
.tokuchou_list_waf .tokuchou_list_img_sp:not(:root) {
  display: none;
}
@media screen and (max-width: 768px) {
  .tokuchou_list_waf .tokuchou_list_img_sp:not(:root) {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }
}

.waf_syadan {
  margin-top: 90px;
  padding: 65px 0 60px 0;
  text-align: center;
  background-image: url(../img/security/waf/syadan_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .waf_syadan {
    margin-top: 45px;
    padding: 40px 0 30px 0;
    background-image: url(../img/security/waf/syadan_bg_sp.jpg);
  }
}
.waf_syadan_wrap {
  max-width: 960px;
  margin: 0 auto;
}
.waf_syadan_wrap picture {
  display: flex;
  justify-content: center;
}

.waf_syadan_wrap p {
  margin: 20px 0 0 0;
  font-size: 18px;
  font-weight: 700;
  font-feature-settings: "palt";
  color: #788283;
}

@media screen and (max-width: 768px) {
  .waf_syadan_wrap p {
    margin: 10px 0 0 0;
    font-size: 12px;
  }
}
.syadan_logo img {
  width: 54.2708333333%;
}

@media screen and (max-width: 768px) {
  .syadan_logo img {
    width: 66.4%;
  }
}
.syadan_title {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .syadan_title {
    width: 60.8%;
    margin: 5px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .waf_reason {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .waf_reason .waf_title img {
    width: 65.3333333333%;
  }
}
.waf_reason_list {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  color: #1d2731;
}

@media screen and (max-width: 768px) {
  .waf_reason_list {
    margin-top: 35px;
    flex-direction: column;
  }
}
.waf_reason_list li {
  display: flex;
  flex-direction: column;
  width: 290px;
  margin: 0 7.5px;
  padding: 0 18px 40px 18px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .waf_reason_list li {
    width: 100%;
    margin: 0;
    padding: 6% 5%;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .waf_reason_list li:nth-of-type(1) h3 {
    margin-top: 25px;
  }
}
@media screen and (min-width: 769px) {
  .waf_reason_list li:nth-of-type(1) .toggle_div {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .waf_reason_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.waf_reason_list .reason_no {
  justify-content: center;
  padding-bottom: 8px;
}
.waf_reason_list .reason_no.pc-only {
  display: flex !important;
}
@media screen and (max-width: 768px) {
  .waf_reason_list .reason_no.pc-only {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .waf_reason_list .reason_no {
    width: 40.9090909091%;
    line-height: 1;
  }
}
.waf_reason_list .reason_no img {
  vertical-align: top;
}

@media screen and (min-width: 769px) {
  .waf_reason_list .reason_no img {
    width: 43.3070866142%;
  }
}
.waf_reason_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .waf_reason_list figure {
    min-height: 113px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .waf_reason_list figure {
    width: 18.4818481848%;
  }
}
.waf_reason_list h3 {
  margin-top: 10px;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.1px;
  text-align: center;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .waf_reason_list h3 {
    width: 77.8877887789%;
    font-size: 15px;
    text-align: left;
  }
}
.waf_reason_list p {
  font-size: 14px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (min-width: 769px) {
  .waf_reason_list p {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .waf_reason_list p {
    opacity: 1;
    color: #b2b4b6;
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  .waf_reason_list .toggle_ttl {
    display: flex;
    align-items: center;
    position: relative;
  }
}
.waf_reason_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 3%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .waf_reason_list .toggle_ttl::after {
    display: none;
  }
}
.waf_reason_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (max-width: 768px) {
  .waf_reason_list .toggle_ttl div {
    width: 71.2871287129%;
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .waf_reason_list .toggle_div {
    display: none;
    margin-top: 20px;
    padding: 10px 0 5px 0;
    border-top: 1px solid #ebebeb;
  }
}
.waf_other {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .waf_other {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .waf_other .waf_title img {
    width: 40.2666666667%;
  }
}
.waf_other_img {
  max-width: 800px;
  margin: 85px auto 0;
}

@media screen and (max-width: 768px) {
  .waf_other_img {
    margin: 35px auto 0;
  }
}
.waf_twotype_area {
  margin-top: 60px;
  padding: 60px 0 110px;
  background-image: url(../img/security/waf/twotype_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .waf_twotype_area {
    margin-top: 55px;
    padding: 40px 0 50px;
    background-image: url(../img/security/waf/twotype_bg_sp.jpg);
  }
}
.waf_twotype {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .waf_twotype {
    padding: 0 5%;
  }
}

.waf_twotype h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .waf_twotype h2 {
    width: 76.8545994065%;
    margin: 0 auto;
  }
}

.waf_twotype .tab_wrap {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .waf_twotype .tab_wrap {
    margin-top: 30px;
  }
}
.waf_twotype .tab_area {
  gap: 4px;
  margin-bottom: 4px;
  border-bottom: 0;
}
@media screen and (max-width: 768px) {
  .waf_twotype .tab_area {
    gap: 2px;
    margin-bottom: 10px;
  }
}
.waf_twotype .tab_area label {
  flex-grow: 1;
  padding: 20px 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #8c8c8c;
}
@media screen and (max-width: 768px) {
  .waf_twotype .tab_area label {
    padding: 12px 0;
    font-size: 12px;
  }
}
.waf_twotype .tab_area label.active {
  color: #fff;
  background: #bc9727;
}

@media screen and (max-width: 768px) {
  .waf_twotype .tab_area button {
    padding: 12px 0;
    color: #a5a8aa;
    background: #e0e2e2;
  }
}
@media screen and (max-width: 768px) {
  .waf_twotype .tab_area button .title_ja {
    margin-top: 0;
    font-size: 12px;
  }
}
.waf_twotype .tab_area button:first-of-type {
  margin: 0 4px 0 0;
}

@media screen and (max-width: 768px) {
  .waf_twotype .tab_area button:first-of-type {
    margin: 0 1px 0 0;
    border-radius: 5px 0 0 5px;
  }
}
@media screen and (max-width: 768px) {
  .waf_twotype .tab_area button:last-of-type {
    border-radius: 0 5px 5px 0;
  }
}
.waf_twotype .tab_area button.active {
  color: #fff !important;
  background: #bc9727;
}

@media screen and (min-width: 769px) {
  .waf_twotype .tab_panel {
    padding: 35px 50px 70px 50px;
  }
}
@media screen and (max-width: 768px) {
  .waf_twotype .tab_panel {
    padding: 9% 9% 18% 9%;
    border-radius: 5px 5px 5px 5px;
  }
}
.waf_twotype .tab_panel .twotype_img {
  display: flex;
  justify-content: center;
}

.waf_twotype .tab_panel h3,
.waf_twotype .tab_panel h4 {
  font-weight: bold;
  text-align: center;
}

.waf_twotype .tab_panel h3 {
  font-size: 30px;
  color: #bc9727;
}

@media screen and (max-width: 768px) {
  .waf_twotype .tab_panel h3 {
    font-size: 20px;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .waf_twotype .tab_panel h3 span {
    font-size: 15px;
  }
}
.waf_twotype .tab_panel h4 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .waf_twotype .tab_panel h4 {
    font-size: 15px;
  }
}
.waf_twotype .tab_panel p {
  margin-top: 15px;
  color: #939699;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .waf_twotype .tab_panel p {
    max-width: 250px;
    margin: 15px auto 0;
  }
}
.twotype_img {
  margin-top: 40px;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .waf_comparison {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .waf_comparison .waf_title img {
    width: 37.0666666667%;
  }
}
.comparison_list {
  max-width: 900px;
  margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
  .comparison_list {
    margin: 35px auto 30px auto;
  }
}
@media screen and (max-width: 768px) {
  .comparison_list li {
    background: #f8f8f8;
  }
}
@media screen and (max-width: 768px) {
  .comparison_list li:nth-of-type(1) .comparison_title {
    width: 46.884272997%;
    transform: translateX(10px);
  }
}
@media screen and (max-width: 768px) {
  .comparison_list li:nth-of-type(2) .comparison_title {
    width: 59.3471810089%;
  }
}
.comparison_list li:nth-child(n+2) {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .comparison_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .comparison_list .toggle_ttl {
    padding: 30px 5% 30px 0;
    position: relative;
  }
}
.comparison_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .comparison_list .toggle_ttl::after {
    display: none;
  }
}
.comparison_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (max-width: 768px) {
  .comparison_list .toggle_div {
    display: none;
    padding: 8% 5% 10% 5%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .comparison_list .toggle_div::after,
  .comparison_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .comparison_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .comparison_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
@media screen and (max-width: 768px) {
  .comparison_title {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .waf_detail_table_box {
    display: none;
  }
}
.waf_detail_table {
  display: flex;
  margin-top: 20px;
  border: 1px solid #a0a0a0;
  border-collapse: separate;
}

@media screen and (max-width: 768px) {
  .waf_detail_table {
    margin-top: 10px;
  }
}
.waf_detail_table .table_left {
  width: 28.2222222222%;
}

@media screen and (max-width: 768px) {
  .waf_detail_table .table_left {
    width: 27.2997032641%;
  }
}
.waf_detail_table .table_left .table_th {
  border-right: 1px solid #a0a0a0;
}

.waf_detail_table .table_right {
  display: flex;
  width: 71.7777777778%;
}

@media screen and (max-width: 768px) {
  .waf_detail_table .table_right {
    width: 72.7002967359%;
  }
}
.waf_detail_table .table_right_block {
  width: 50%;
}

.waf_detail_table .table_right_block:first-of-type .table_td {
  border-right: 1px solid #a0a0a0;
}

.waf_detail_table .table_right_block:last-of-type .table_title {
  border-right: 0;
}

.waf_detail_table .table_title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: grey;
  text-align: center;
  border-right: 1px solid #fff;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .waf_detail_table .table_title {
    height: 13vw;
    font-size: 18px;
  }
}
.waf_detail_table .table_td,
.waf_detail_table .table_th {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  text-align: center;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .waf_detail_table .table_td,
  .waf_detail_table .table_th {
    height: 13.5vw;
  }
}
.waf_detail_table .table_th {
  font-size: 20px;
  font-weight: 700;
  background: #ebebeb;
}

@media screen and (max-width: 768px) {
  .waf_detail_table .table_th {
    font-size: 16px;
  }
}
.waf_detail_table .table_td {
  font-size: 18px;
  background: #ebebeb;
}

@media screen and (max-width: 768px) {
  .waf_detail_table .table_td {
    font-size: 16px;
  }
}
.waf_detail_table .table_right_block_waf {
  box-sizing: border-box;
}

.waf_detail_table .table_right_block_waf .table_title {
  font-size: 20px;
  background: #bc9727;
}

@media screen and (max-width: 768px) {
  .waf_detail_table .table_right_block_waf .table_title {
    font-size: 18px;
  }
}
.waf_detail_table .table_right_block_waf .table_td {
  color: #404040;
  background: #e6e2d7;
}

.waf_detail_table .table_right_block_waf .bg_white {
  background: #fff;
}

.waf_detail_table .bg_white {
  background: #fff;
}

.waf_detail_table_small .table_th {
  font-size: 15px;
}

.contact_btn {
  margin-top: 60px;
}

.waf_record_area {
  padding: 50px 0 105px;
  background: url(../img/security/waf/record_bg.jpg) no-repeat center/cover;
}

@media screen and (min-width: 769px) {
  .waf_record_area {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .waf_record_area {
    padding: 30px 0 40px;
    background-image: url(../img/security/waf/record_bg_sp.jpg);
  }
}
.waf_record {
  max-width: 900px;
  margin: 0 auto;
}

.waf_record h2 {
  width: 84%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .waf_record h2 {
    width: 93.0666666667%;
  }
}

@media screen and (max-width: 768px) {
  .waf_record .packetix_tab {
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .waf_record .packetix_tab li {
    width: calc(50% - 1px);
  }
}
@media screen and (max-width: 768px) {
  .waf_record .tab_panel {
    padding: 8% 4% 6% 4%;
  }
}
.record_list {
  margin-top: 65px;
}

@media screen and (max-width: 768px) {
  .record_list {
    width: 80%;
    margin: 20px auto 0;
  }
}
.record_list li {
  position: relative;
}

.record_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: -8px;
  width: 85px;
  height: 82px;
  background-image: url(../img/security/waf/record_ribbon.png);
  background-size: 100%;
}

.record_list li:nth-child(n+2) {
  margin-top: 18px;
}

.record_list_inner h3 {
  color: #bc9727;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .record_list_inner h3 {
    font-size: 18px;
    font-feature-settings: "palt";
  }
}
.record_list_double {
  max-width: 690px;
  margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
  .record_list_double {
    max-width: 240px;
    margin: 10px auto 0;
  }
}
.record_single {
  max-width: 674px;
  margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
  .record_single {
    max-width: 240px;
    margin: 10px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .waf_price_area {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .waf_price_area .waf_title img {
    width: 22.6666666667%;
  }
}
.waf_price_area:not(:root) {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .waf_price_area:not(:root) {
    margin-bottom: 45px;
  }
}

.waf_price {
  max-width: 900px;
  margin: 75px auto 0;
}

@media screen and (max-width: 768px) {
  .waf_price {
    margin: 35px auto 0;
  }
}
.waf_price_list {
  display: flex;
}

@media screen and (max-width: 768px) {
  .waf_price_list {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .waf_price_list li:first-child {
    margin-right: 13px;
  }
}
@media screen and (max-width: 768px) {
  .waf_price_list li:nth-child(n+2) {
    margin-top: 20px;
  }
}
.waf_price_caution {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .waf_price_caution {
    margin-top: 20px;
  }
}
.waf_price_caution p {
  line-height: 1.4;
  font-size: 14px;
  font-weight: 700;
}

.waf_faq {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .waf_faq {
    margin-top: 45px;
  }
}
.firewall .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .firewall .lower_mv {
    height: 500px;
    background-image: url(../img/security/firewall/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.firewall .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .firewall .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .firewall .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .firewall .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .firewall .mv_title01 {
    width: 34.6666666667%;
  }
}
@media screen and (min-width: 769px) {
  .firewall .mv_title02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .firewall .mv_title02 {
    width: 60.8%;
    margin-top: 8px;
  }
}
@media screen and (min-width: 769px) {
  .firewall .mv_title03 {
    margin-top: 17px;
  }
}
@media screen and (max-width: 768px) {
  .firewall .mv_title03 {
    width: 41.3333333333%;
  }
}
.firewall .mv_text {
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  .firewall .mv_text {
    margin-top: 25px;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .firewall .mv_text {
    color: #7c8083;
    font-size: 14px;
    letter-spacing: 0.1px;
  }
}
@media screen and (min-width: 769px) {
  .firewall .mv_right {
    margin-top: 5px;
    margin-left: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .firewall .mv_right {
    position: relative;
    z-index: 0;
    margin-top: -15px;
  }
}
.firewall .mv_right img {
  max-width: 100%;
}

.firewall h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.firewall h2::before {
  content: none;
}

.firewall h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .firewall .solution_text {
    margin-top: 0;
  }
}
.firewall .solution_text h2 {
  margin-top: 30px;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .firewall .solution_text h2 {
    margin-top: 0;
  }
}
.firewall .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .firewall .solution_text h2 span {
    margin-bottom: 8px;
  }
}
.firewall .solution_tokuchou {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .firewall .solution_tokuchou {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .firewall .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.firewall .firewall_title {
  padding: 34px 45px;
  font-size: 30px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .firewall .firewall_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.firewall .firewall_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .firewall .firewall_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.firewall_top {
  position: relative;
  z-index: 1;
}

.firewall_top::before {
  content: "";
  width: 1920px;
  height: 1380px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/firewall/firewall_top_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -335px;
}

@media screen and (max-width: 768px) {
  .firewall_top::before {
    content: none;
  }
}
.firewall_top::after {
  content: "";
  width: 407px;
  height: 447px;
  position: absolute;
  background-image: url(../img/security/firewall/firewall_top_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: -221px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -10px;
}

@media screen and (max-width: 768px) {
  .firewall_top::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .firewall_top .wrapper {
    padding: 0;
  }
}
.firewall_about {
  margin-top: 90px;
  padding: 45px 50px 80px 50px;
  background-image: url(../img/security/firewall/about_bg.png);
  background-size: cover;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .firewall_about {
    margin: 30px auto 0;
    padding: 7% 6% 9% 6%;
    background-image: url(../img/security/firewall/about_bg_sp.png);
  }
}
.firewall_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

.firewall_about h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .firewall_about h2 {
    width: 65%;
    margin: 0 auto;
  }
}

.firewall_about h3 {
  margin-top: 30px;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .firewall_about h3 {
    margin-top: 15px;
    font-size: 17px;
    line-height: 1.4;
  }
}
.firewall_about p {
  margin-top: 15px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .firewall_about p {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 769px) {
  .firewall_about .firewall_about_img {
    width: 100%;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .firewall_about .firewall_about_img {
    margin: 30px 0 0 0;
  }
}
.firewall_merit {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .firewall_merit {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit .firewall_title img {
    width: 78.1333333333%;
  }
}
.firewall_merit_list {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .firewall_merit_list {
    margin-top: 35px;
    flex-direction: column;
  }
}
.firewall_merit_list li {
  display: flex;
  flex-direction: column;
  width: 290px;
  margin: 0 7.5px;
  padding: 0 25px 30px 25px;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .firewall_merit_list li {
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list li {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    background: #f8f8f8;
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list li:nth-of-type(1) figure {
    width: 29.0801186944%;
    left: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list li:nth-of-type(2) figure {
    width: 33.234421365%;
    left: -1vw;
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list li:nth-of-type(3) figure {
    width: 29.0801186944%;
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.firewall_merit_list .merit_no {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .firewall_merit_list .merit_no {
    display: none;
  }
}

.firewall_merit_list .merit_no img {
  vertical-align: top;
}

@media screen and (min-width: 769px) {
  .firewall_merit_list .merit_no img {
    width: 35.4330708661%;
  }
}
.firewall_merit_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .firewall_merit_list figure {
    min-height: 113px;
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list figure {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.firewall_merit_list h3 {
  margin: 35px 0 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.1px;
  text-align: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .firewall_merit_list h3 {
    width: 77.8877887789%;
    margin: 0 0 0 29vw;
    font-size: 15px;
    text-align: left;
  }
}

.firewall_merit_list p {
  margin-top: auto;
  font-size: 15px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .firewall_merit_list p {
    opacity: 1;
    color: #b2b4b6;
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list .toggle_ttl {
    display: flex;
    align-items: center;
    position: relative;
    padding: 9% 5% 9% 5%;
  }
}
.firewall_merit_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .firewall_merit_list .toggle_ttl::after {
    display: none;
  }
}
.firewall_merit_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (max-width: 768px) {
  .firewall_merit_list .toggle_div {
    display: none;
    padding: 20px 13% 30px 13%;
    position: relative;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list .toggle_div::after,
  .firewall_merit_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .firewall_merit_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
.firewall_utm {
  margin-top: 110px;
}

@media screen and (max-width: 768px) {
  .firewall_utm {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm .firewall_title img {
    width: 66.1333333333%;
  }
}
.firewall_utm_list {
  max-width: 900px;
  margin: 60px auto 0;
}

@media screen and (max-width: 768px) {
  .firewall_utm_list {
    margin: 35px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list > li {
    background: #f8f8f8;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list > li h4 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list > li:nth-of-type(1) h4 {
    width: 31.5625%;
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list > li:nth-of-type(2) h4 {
    width: 55.625%;
    left: -5px;
  }
}
.firewall_utm_list > li:nth-child(n+2) {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .firewall_utm_list > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_ttl {
    position: relative;
    height: 26.7vw;
  }
}
.firewall_utm_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .firewall_utm_list .toggle_ttl::after {
    display: none;
  }
}
.firewall_utm_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (min-width: 769px) {
  .firewall_utm_list .toggle_div {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_div {
    display: none;
    position: relative;
    padding: 20px 8.5% 30px 8.5%;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_div::after,
  .firewall_utm_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_table {
    padding: 20px 0 30px 5%;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.firewall_utm_list .toggle_table_img {
  position: relative;
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_table_img {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_table_img img {
    width: 630px;
    max-width: inherit;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_table_wrap {
    padding-bottom: 25px;
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_table_wrap::-webkit-scrollbar {
    width: 5px;
    background: var(--_background, #e1e0e0);
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_table_wrap::-webkit-scrollbar:horizontal {
    height: 10px;
    background: var(--_background, #e1e0e0);
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_table_wrap::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: var(--_scrollbar, #01b6c9);
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_list .toggle_table_wrap::-webkit-scrollbar-thumb:horizontal {
    background: var(--_scrollbar, #01b6c9);
    border-radius: 10px;
  }
}

.firewall_utm_flex {
  display: flex;
}

@media screen and (max-width: 768px) {
  .firewall_utm_flex {
    flex-direction: column;
  }
}
.firewall_utm_flex li {
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
  .firewall_utm_flex li:first-child {
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_utm_flex li:first-child {
    margin-bottom: 10px;
  }
}
.firewall_trouble {
  padding-top: 90px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .firewall_trouble {
    margin: 0 -4vw;
    padding: 50px 5% 50vw;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .firewall_trouble::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    top: -1vw;
    left: 0;
    background-image: url(../img/security/firewall/trouble_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
.firewall_trouble h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .firewall_trouble h2 {
    width: 84.9250666667vw;
    margin: 0 auto;
  }
}

.firewall_trouble h2 .title_en,
.firewall_trouble h2 .title_ja,
.firewall_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.firewall_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.firewall_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.firewall_trouble_box {
  position: relative;
}

@media screen and (max-width: 768px) {
  .firewall_trouble_box::before {
    content: "";
    width: 43.0267062315%;
    height: 100%;
    min-height: 162px;
    position: absolute;
    bottom: -235px;
    left: 50%;
    transform: translateX(-60%);
    background-image: url(../img/security/firewall/trouble_women.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .firewall_trouble_box::after {
    content: "";
    width: 120vw;
    height: 50vw;
    position: absolute;
    bottom: -75vw;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: 4;
  }
}
.firewall_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .firewall_trouble_list {
    margin-top: 30px;
  }
}
.firewall_trouble_list::after {
  display: none;
}

.firewall_trouble_list li {
  position: relative;
  margin-top: 20px;
  padding: 34px 50px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.8;
  box-sizing: border-box;
  text-align: left;
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  .firewall_trouble_list li {
    width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_trouble_list li {
    margin-top: 10px;
    padding: 12px 18px 10px 23px;
    font-size: 13px;
    line-height: 1.6;
    background-size: 35px;
  }
}
.firewall_trouble_list li:first-child {
  margin-left: auto;
  margin-right: auto;
  padding: 45px 40px;
}

@media screen and (min-width: 769px) {
  .firewall_trouble_list li:first-child {
    width: 600px;
    margin-right: 200px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_trouble_list li:first-child {
    padding: 10px 20px 10px 20px;
  }
}
.firewall_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .firewall_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
@media screen and (min-width: 769px) {
  .firewall_trouble_list li:nth-child(2) {
    padding: 45px 45px 40px 40px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_trouble_list li:nth-child(2) {
    padding: 20px 14px 15px 20px;
  }
}
.firewall_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/itreport/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .firewall_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .firewall_trouble_list li:nth-child(3) {
    padding: 25px 25px 20px 40px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_trouble_list li:nth-child(3) {
    padding: 8px 8px 5px 20px;
  }
}
.firewall_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/itreport/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .firewall_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_trouble_list li:not(:first-child) {
    width: 48.5294117647%;
  }
}
.firewall_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .firewall_trouble_list li::before {
    top: -5px;
  }
}
.firewall_trouble_list li b {
  color: #e60012;
}

.solution_top_risk {
  max-width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .solution_top_risk {
    width: 78.9333333333%;
  }
}
.firewall_solution {
  margin-top: 235px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .firewall_solution {
    margin-top: -60px;
  }
}
.firewall_solution .solution_top {
  margin-top: 20px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .firewall_solution .solution_top {
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .firewall_solution .solution_img {
    margin-left: -70px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_solution .solution_img {
    max-width: 87.8338278932%;
  }
}
@media screen and (min-width: 769px) {
  .firewall_solution .solution_text {
    margin-left: -100px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_solution .solution_text {
    margin-top: -50px;
  }
}
.firewall_solution .solution_text h2 {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .firewall_solution .solution_text h2 {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_solution .solution_text h2 span {
    letter-spacing: 0;
  }
}
.firewall_solution .solution_text h2 span::after {
  bottom: -5px;
}

@media screen and (max-width: 768px) {
  .firewall_solution .solution_text h2 span::after {
    height: 2px;
  }
}
@media screen and (max-width: 768px) {
  .firewall_solution .waf_title img {
    width: 52%;
  }
}
.fwx120 {
  margin-top: 20px;
  padding: 60px 0 90px 0;
  text-align: center;
  background-image: url(../img/security/firewall/fwx120_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .fwx120 {
    margin-top: 40px;
    padding: 25px 0 55px 0;
    background-image: url(../img/security/firewall/fwx120_bg_sp.jpg);
    background-size: 100%;
  }
}
.fwx120_wrap {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .fwx120_wrap h2 picture {
    display: flex;
    justify-content: center;
  }
}

.fwx120_wrap p {
  margin: 20px 0 0 0;
  font-size: 18px;
  font-weight: 700;
  font-feature-settings: "palt";
  color: #788283;
}

@media screen and (max-width: 768px) {
  .fwx120_wrap p {
    margin: 10px 0 0 0;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .fwx120_wrap h2 img {
    width: 85.0666666667%;
  }
}
.fwx120_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .fwx120_list {
    flex-direction: column;
    margin-top: 30px;
  }
}

.fwx120_list li {
  width: 48.8888888889%;
  background: #fff;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .fwx120_list li {
    height: 384px;
  }
}
@media screen and (max-width: 768px) {
  .fwx120_list li {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .fwx120_list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 43px 0 0;
    border-color: #01b6c9 transparent transparent transparent;
  }
}
@media screen and (min-width: 769px) {
  .fwx120_list li:nth-child(odd) {
    margin-right: 2.2222222222%;
  }
}
@media screen and (max-width: 768px) {
  .fwx120_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .fwx120_list li:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .fwx120_list li:hover .toggle_ttl {
    left: 100%;
    top: 100%;
    transform: inherit;
  }
}
@media screen and (min-width: 769px) {
  .fwx120_list li:hover .toggle_div {
    cursor: pointer;
  }
}
.fwx120_list .toggle_ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 24px 0 50px 0;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .fwx120_list .toggle_ttl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    background: #fff;
  }
}
@media screen and (max-width: 768px) {
  .fwx120_list .toggle_ttl {
    display: flex;
    align-items: center;
    position: relative;
    padding: 6% 5% 5% 13%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 769px) {
  .fwx120_list .toggle_ttl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 43px 43px;
    border-color: #00b5c8 #00b5c8 #d2d2d2 #00b5c8;
  }
}
.fwx120_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .fwx120_list .toggle_ttl::after {
    display: none;
  }
}
.fwx120_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

.fwx120_list .toggle_ttl h3 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: -0.1px;
}

@media screen and (max-width: 768px) {
  .fwx120_list .toggle_ttl h3 {
    display: flex;
    align-items: center;
    width: 63.4666666667vw;
    margin-top: 0;
    margin-right: auto;
    font-size: 15px;
    letter-spacing: -1px;
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  .fwx120_list .toggle_div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00b6c9;
    transition: ease all 0.5s;
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .fwx120_list .toggle_div {
    display: none;
    position: relative;
    padding: 20px 12.8vw 30px;
  }
}
.fwx120_list .toggle_div::before {
  content: "";
  position: absolute;
}

@media screen and (max-width: 768px) {
  .fwx120_list .toggle_div::after,
  .fwx120_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .fwx120_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .fwx120_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
@media screen and (max-width: 768px) {
  .fwx120_img {
    width: 54%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .function_number {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .function_number {
    width: 16.3204747774%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
  }
}
@media screen and (min-width: 769px) {
  .fwx_hover {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .fwx_hover {
    margin-top: 50px;
  }
}
.firewall_option_area {
  padding: 60px 0 160px;
  background-image: url(../img/security/firewall/option_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .firewall_option_area {
    padding: 30px 0 40px;
    background-image: url(../img/security/firewall/option_bg_sp.jpg);
  }
}
.firewall_option {
  max-width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .firewall_option h2 {
    width: 58.9333333333vw;
    margin: 0 auto;
  }
}
.option_subtitle {
  margin: 60px 0 0 0;
}

@media screen and (max-width: 768px) {
  .option_subtitle {
    width: 84vw;
    margin: 30px auto 0;
  }
}
.firewall_option_text {
  margin-top: 60px;
  font-size: 20px;
  font-feature-settings: "palt";
  font-weight: 700;
  line-height: 1.6;
  color: #d5eff3;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .firewall_option_text {
    width: 90.6666666667vw;
    margin: 30px auto 0;
    font-size: 13px;
    text-align: center;
  }
  .firewall_option_text span {
    display: none;
  }
}
.option_list {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .option_list {
    width: 90vw;
    margin-top: 30px;
    padding: 0 auto;
  }
}
.option_list > li {
  padding: 50px 50px 45px 50px;
  background: #fff;
  position: relative;
}

@media screen and (max-width: 768px) {
  .option_list > li {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .option_list > li h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .option_list > li:nth-of-type(1) h3 {
    width: 53.125%;
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .option_list > li:nth-of-type(2) h3 {
    width: 68.125%;
    left: -5px;
  }
}
.option_list > li:nth-child(n+2) {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .option_list > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .option_list .toggle_ttl {
    position: relative;
    height: 26.7vw;
    font-weight: bold;
  }
}
.option_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .option_list .toggle_ttl::after {
    display: none;
  }
}
.option_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (min-width: 769px) {
  .option_list .toggle_ttl h3 {
    width: 320px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #bc9727;
    border: 1px solid #8a6f1d;
    border-radius: 25px;
  }
}
@media screen and (max-width: 768px) {
  .option_list .toggle_div {
    display: none;
    position: relative;
    padding: 20px 8.5% 30px 8.5%;
  }
}
@media screen and (max-width: 768px) {
  .option_list .toggle_div::after,
  .option_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .option_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .option_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background: #bc9727;
  }
}
.option_list .toggle_div p {
  color: #939699;
  font-weight: 700;
}

.option_list_flex {
  display: flex;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .option_list_flex {
    flex-direction: column;
    margin-top: 15px;
  }
}
.option_list_flex li {
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .option_list_flex li {
    border-radius: 5px;
  }
}
@media screen and (min-width: 769px) {
  .option_list_flex li:first-child {
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .option_list_flex li:first-child {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .option_list_flex li img {
    border-radius: 5px;
  }
}
.contact_btn_firewall {
  margin: 100px 0;
}

@media screen and (min-width: 769px) {
  .firewall_faq {
    padding: 60px 0;
  }
}
@media screen and (min-width: 769px) {
  .firewall_faq .acd_head_title span {
    top: 5px;
    transform: translateY(0);
  }
}
@media screen and (max-width: 768px) {
  .firewall_spec .spec_list {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 769px) {
  .firewall_spec .spec_block p:first-of-type {
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .firewall_spec .spec_block p:last-of-type {
    padding: 15px 0 15px 0;
    font-size: 12px;
  }
}
.firewall_spec .spec_block_link p:last-of-type {
  display: block;
}

.firewall_spec .spec_block_link a {
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
  .firewall_spec .spec_block_link a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 769px) {
  .firewall_security_footer .remotesupport_cyberboxpro {
    margin: 100px 0;
  }
}
@media screen and (max-width: 768px) {
  .firewall_security_footer .remotesupport_cyberboxpro {
    margin-bottom: 40px !important;
  }
}
.utm .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .utm .lower_mv {
    height: 500px;
    background-image: url(../img/security/utm/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.utm .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .utm .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .utm .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .utm .mv_left {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .utm .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .utm .mv_title01 {
    width: 34.6666666667%;
  }
}
@media screen and (min-width: 769px) {
  .utm .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .utm .mv_title02 {
    width: 82.6666666667%;
    margin-top: 15px;
  }
}
.utm .mv_btn {
  margin-top: -10px;
}

@media screen and (min-width: 769px) {
  .utm .mv_right {
    transform: translateX(0) translateY(0);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .utm .mv_right {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .utm .mv_right img {
    width: 100%;
  }
}
.utm h2 {
  display: flex;
  justify-content: center;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.utm h2::before {
  content: none;
}

.utm h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .utm .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .utm .mv_sp_link {
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  .utm .security_free {
    margin: 5% 5% 0 5%;
  }
}
.utm .security_free_text {
  margin: 15px 5% 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .utm .security_free_text {
    font-size: 15px;
  }
}

@media screen and (min-width: 769px) {
  .utm .security_free_text {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .utm .toggle_div_prev {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
  }
}
.utm .toggle_div_prev.open {
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  opacity: 1;
}

@media screen and (min-width: 769px) {
  .utm .toggle_ttl_prev {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .utm .toggle_ttl_prev {
    display: block;
    padding: 14px;
    color: #404040;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #aaa;
    border-radius: 50px;
    box-shadow: 0 5px 5px 0 rgba(181, 181, 181, 0.004);
    position: relative;
  }
  .utm .toggle_ttl_prev::after {
    content: "";
    width: 13px;
    height: 8px;
    display: inline-block;
    margin: 0 0 1px 9px;
    background: #fff;
    background-image: url(../img/security/cyberbox/toggle_ttl_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.utm .toggle_ttl_prev.open {
  margin-top: 20px;
  color: #fff;
  background: #1d2731;
  box-shadow: 0 4px 16px 0 rgba(104, 104, 104, 0.8);
}

@media screen and (max-width: 768px) {
  .utm .toggle_ttl_prev.open {
    margin-top: 0;
  }
}
.utm .toggle_ttl_prev.open::after {
  width: 16px;
  height: 16px;
  margin: 0 0 -2px 9px;
  background: 0 0;
  background-image: url(../img/security/cyberbox/toggle_ttl_close.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.utm_mv_under picture {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .utm_mv_under {
    padding: 23px 0;
    text-align: center;
    background-image: linear-gradient(0deg, #bebebe 0, #d6d6d6 8%, #eee 50%, #e0e0e0 89%, #d2d2d2 100%);
  }
}
.utm_top {
  background-image: url(../img/security/utm/utm_top_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 1918px;
}

@media screen and (max-width: 768px) {
  .utm_top {
    background: 0 0;
  }
}
.utm_about {
  position: relative;
  z-index: 1;
  margin-top: 60px;
  padding: 60px 50px 70px 50px;
  background-image: url(../img/security/utm/about_bg.png);
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .utm_about {
    margin-top: 35px;
    padding: 8% 5% 10% 5%;
    background-image: url(../img/security/utm/about_bg_sp.png);
  }
  .utm_about .toggle_ttl_prev {
    display: block;
  }
}
.utm_about h2 {
  text-align: center;
}

@media screen and (min-width: 769px) {
  .utm_about h2 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .utm_about h2 {
    width: 70.7641196013%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .utm_about .textarea {
    width: 574px;
  }
}
@media screen and (max-width: 768px) {
  .utm_about .textarea {
    margin-top: 25px;
  }
}
.utm_about p {
  margin-top: 1.5em;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .utm_about p {
    font-size: 15px;
  }
}
.utm_about .about_img {
  position: relative;
  width: 225px;
  height: 338px;
  margin: 0 auto 25px;
}

@media screen and (min-width: 769px) {
  .utm_about .about_img {
    display: none;
  }
}
.utm_about .about_img .about_img01,
.utm_about .about_img .about_img02 {
  position: absolute;
  left: 0;
  top: 0;
}

.utm_about .about_img .about_img02 {
  top: 153px;
  z-index: 2;
}

.utm_about .about_img .about_img01 {
  z-index: 1;
  mix-blend-mode: screen;
}

@media screen and (max-width: 768px) {
  .utm_about .about_img .about_img01 {
    margin-top: 0;
  }
}
.gd_copy span {
  font-weight: 700;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}

@media screen and (min-width: 769px) {
  .gd_copy span {
    white-space: nowrap;
  }
}
.utm_about_under .gd_copy {
  margin-top: 50px;
  text-align: center;
  font-size: 25px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .utm_about_under .gd_copy {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    font-size: 16px;
  }
}
.utm_about_under .about_under_img {
  display: flex;
  justify-content: flex-end;
  margin-top: 70px;
  margin-right: 50px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .utm_about_under .about_under_img {
    position: relative;
    z-index: 0;
    width: 100vw;
    margin: -170px calc(50% - 50vw) 0;
  }
}

.utm_point {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .utm_point {
    margin-top: 80px;
  }
}
.utm_point_list {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .utm_point_list {
    flex-wrap: wrap;
  }
}
.utm_point_list::after {
  display: none;
}

.utm_point_list li {
  color: rgba(255, 255, 255, 0.75);
  background-image: linear-gradient(-40deg, #013e85 0, #01b6c9 100%);
  font-weight: 700;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .utm_point_list li {
    width: 490px;
    padding: 0 55px 45px;
  }
}
@media screen and (max-width: 768px) {
  .utm_point_list li {
    padding: 0 5% 20px;
  }
}
@media screen and (max-width: 768px) {
  .utm_point_list li:not(:first-child) {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .utm_point_list li:nth-child(1) h3 img {
    width: 72%;
  }
}
@media screen and (max-width: 768px) {
  .utm_point_list li:nth-child(2) h3 img {
    width: 58%;
  }
}
.utm_point_list figure {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: -80px;
}
@media screen and (max-width: 768px) {
  .utm_point_list figure {
    margin-top: -55px;
  }
}

@media screen and (max-width: 768px) {
  .utm_point_list figure img {
    width: 177px;
  }
}
.utm_point_list h3 {
  margin-top: 40px;
  text-align: center;
}
.utm_point_list h3 picture {
  display: flex;
  justify-content: center;
}

.utm_point_list p {
  margin-top: 20px;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .utm_point_list p {
    text-align: center;
  }
}
.utm_merit {
  margin-top: 80px;
  padding: 75px 0 75px;
}

@media screen and (min-width: 769px) {
  .utm_merit {
    background: #f1efef;
  }
}
@media screen and (max-width: 768px) {
  .utm_merit {
    margin-top: 30px;
    padding: 0;
  }
}
.utm_merit .utm_h3:first-child {
  margin-top: 0;
}

.utm_merit_list {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  color: #1d2731;
}

@media screen and (max-width: 768px) {
  .utm_merit_list {
    flex-direction: column;
    margin-top: 15px;
  }
}
.utm_merit_list::after {
  display: none;
}

.utm_merit_list li {
  display: flex;
  flex-direction: column;
  width: 315px;
  padding: 0 20px 20px 20px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .utm_merit_list li {
    align-items: center;
    width: 100%;
    padding: 0 30px 30px;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .utm_merit_list li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .utm_merit_list li:not(:first-child) figure {
    height: 124px;
  }
}
.utm_merit_list .notext {
  padding: 0;
  box-shadow: none;
  background: 0 0;
  border: none;
}

@media screen and (max-width: 768px) {
  .utm_merit_list .notext img {
    width: 100%;
  }
}
.utm_merit_list .ex_no {
  display: flex;
  justify-content: center;
  padding-bottom: 8px;
}

@media screen and (min-width: 769px) {
  .utm_merit_list .ex_no {
    text-align: center;
  }
}
.utm_merit_list .ex_no img {
  vertical-align: top;
}

.utm_merit_list figure {
  display: flex;
  justify-content: center;
  min-height: 163px;
  margin-top: 15px;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .utm_merit_list figure {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .utm_merit_list figure {
    flex-shrink: 0;
    width: auto;
    min-height: auto;
    height: 147px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .utm_merit_list figure img {
    width: auto;
    height: 100%;
  }
}
.utm_merit_list h3 {
  margin: 20px -20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  font-feature-settings: "palt";
  text-align: center;
}
@media screen and (max-width: 768px) {
  .utm_merit_list h3 {
    margin: 20px 0 0;
    font-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .utm_merit_list .h3_line2 {
    margin-top: 5px;
    margin-bottom: 8px;
  }
}
.utm_merit_list p {
  font-size: 14px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .utm_merit_list p {
    margin-top: 15px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .utm_difference_list li {
    align-items: start;
    padding: 0 5% 30px;
    text-align: left;
    box-shadow: none;
    border: 1px solid #ebebeb;
    border-radius: 5px;
  }
}
@media screen and (max-width: 768px) {
  .utm_difference_list .ex_no {
    width: 104px;
    margin-left: calc(-5% - 10px);
    margin-top: 7px;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .utm_difference_list h3 {
    margin-top: 25px;
    text-align: left;
    color: #01b6c9;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .utm_difference_list figure {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .utm_difference_list p {
    margin: 15px 0 0;
    padding: 0;
  }
}
.utm_h2 {
  padding: 60px 0 !important;
  background-image: url(../img/security/utm/utm_h2_bg.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .utm_h2 {
    padding: 0 !important;
  }
}
.utm_h3 {
  display: flex;
  justify-content: center;
  margin: 60px 0 50px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .utm_h3 {
    width: 100vw;
    margin: 30px calc(50% - 50vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .utm_h3 img {
    width: 100%;
  }
}

.utm_need {
  position: relative;
  padding: 130px 0 344px;
  background-image: url(../img/security/utm/need_bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 1919px;
}

@media screen and (max-width: 768px) {
  .utm_need {
    padding-top: 30px;
    background-image: url(../img/security/windowsserver/windowsserver_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: calc(50.2035278155% - 20px);
  }
}
.utm_need::after {
  display: block;
  content: "";
  width: 539px;
  height: 631px;
  position: absolute;
  background-image: url(../img/security/utm/need_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 0;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 627px;
}

@media screen and (max-width: 768px) {
  .utm_need::after {
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 50.2035278155%;
    bottom: 0;
    background-size: 100%;
    background-position: center bottom;
    background-image: url(../img/security/nas/nas_bg_obj_sp.png);
  }
}
.utm_need .n_ttl {
  display: flex;
  justify-content: center;
  text-align: center;
}

.utm_need .n_text {
  margin-top: 50px;
  margin-bottom: 90px;
  text-align: center;
  font-size: clamp(20px, 2.6007802341vw, 22px);
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .utm_need_box {
    padding: 8% 5% 10% 5%;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(../img/security/utm/utm_need_box.png);
    border-radius: 10px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .utm_need_box .n_ttl {
    text-align: center;
    width: 55.8139534884%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .utm_need_box .n_text {
    margin: 20px 0 0;
    color: #bfe2e6;
    line-height: 1.6;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    font-feature-settings: "palt";
  }
}
.utm_trouble {
  position: relative;
}

@media screen and (max-width: 768px) {
  .utm_trouble {
    margin-top: 50px;
  }
}
.utm_trouble .t_ttl {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .utm_trouble .t_ttl {
    max-width: 85.8823529412%;
    margin: 0 auto;
  }
}
.utm_trouble_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}
@media screen and (max-width: 768px) {
  .utm_trouble_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
  }
}

@media screen and (min-width: 769px) {
  .utm_trouble_list {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .utm_trouble_list {
    margin-top: 20px;
  }
}
.utm_trouble_list::after {
  display: none;
}

.utm_trouble_list li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 45px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  box-sizing: border-box;
  margin-top: 40px;
}

@media screen and (min-width: 769px) {
  .utm_trouble_list li {
    height: 160px;
  }
}
@media screen and (max-width: 768px) {
  .utm_trouble_list li {
    width: calc(50% - 3px);
    height: 90px;
    line-height: 1.3;
    margin-top: 6px;
    padding: 0 15px 0 20px;
    background-size: 35px;
  }
}
@media screen and (min-width: 769px) {
  .utm_trouble_list li:nth-child(2n+2) {
    padding-left: 90px;
  }
}
.utm_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .utm_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
.utm_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/datamigration/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .utm_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
.utm_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .utm_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
.utm_trouble_list li:nth-child(4):before {
  left: 5px;
  top: -20px;
  width: 45px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number04.png);
}

@media screen and (max-width: 768px) {
  .utm_trouble_list li:nth-child(4):before {
    width: 18px;
    height: 21px;
    left: 3px;
    top: -4px;
  }
}
.utm_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .utm_trouble_list li::before {
    top: -5px;
  }
}
.utm_trouble_list li p {
  font-size: 25px;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .utm_trouble_list li p {
    font-size: 13px;
  }
}
.utm_trouble_list li b {
  color: #e60012;
}

.utm_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .utm_solution {
    margin-top: -100px;
  }
}
@media screen and (max-width: 768px) {
  .utm_solution {
    margin-top: -50px;
  }
}
@media screen and (min-width: 769px) {
  .utm_solution .solution_text {
    width: 568px;
  }
}
@media screen and (max-width: 768px) {
  .utm_solution .solution_text {
    margin-top: -5px;
  }
}
.utm_solution .solution_text h2 {
  display: block;
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .utm_solution .solution_text h2 {
    margin-top: 0;
  }
}
.utm_solution .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
  .utm_solution .solution_text h2 span {
    font-size: 35px;
  }
}
@media screen and (max-width: 768px) {
  .utm_solution .solution_text h2 span {
    letter-spacing: 0.1em;
  }
}
.utm_solution .solution_text .text {
  margin-top: 10px;
  color: #1d2731;
  font-size: 20px;
  font-weight: 700;
  opacity: 0.75;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .utm_solution .solution_text .text {
    width: 266px;
    margin: 15px auto 0;
    font-size: 15px;
  }
}
@media screen and (min-width: 769px) {
  .utm_solution .solution_img {
    margin-left: -117px;
  }
}
@media screen and (max-width: 768px) {
  .utm_solution .solution_img {
    width: 90%;
    margin-top: 10px;
  }
}
.utm_strong {
  padding: 50px 0 80px;
  background-image: url(../img/security/utm/strong_bg.png);
  background-size: cover;
  background-position: center bottom;
}

@media screen and (max-width: 768px) {
  .utm_strong {
    margin-top: 40px;
    padding: 20px 0 40px;
  }
}
.utm_strong .s_ttl {
  display: flex;
  justify-content: center;
  text-align: center;
}

.utm_strong_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 80px;
  color: #1d2731;
}

@media screen and (max-width: 768px) {
  .utm_strong_list {
    flex-direction: column;
    margin-top: 15px;
  }
}
.utm_strong_list li {
  display: flex;
  flex-direction: column;
  width: 440px;
  margin: 30px 15px 0;
  padding: 40px 55px 20px;
  box-sizing: border-box;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .utm_strong_list li {
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .utm_strong_list li:nth-child(2) img {
    width: 49.1749174917%;
  }
}
@media screen and (max-width: 768px) {
  .utm_strong_list li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .utm_strong_list li:last-child figure img {
    width: 70.9570957096%;
  }
}
@media screen and (max-width: 768px) {
  .utm_strong_list .toggle_ttl_flex {
    position: relative;
    display: flex;
    align-items: center;
    height: 100px;
    padding: 20px 60px 20px 45px;
  }
}
.utm_strong_list .toggle_ttl_flex.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (max-width: 768px) {
  .utm_strong_list .toggle_ttl_flex::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .utm_strong_list .toggle_div {
    position: relative;
    display: none;
    flex-direction: column;
    padding: 5%;
  }
}
.utm_strong_list .toggle_div.open {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .utm_strong_list .toggle_div::after,
  .utm_strong_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .utm_strong_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .utm_strong_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
.utm_strong_list .strong_no {
  display: block;
}

@media screen and (min-width: 769px) {
  .utm_strong_list .strong_no {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .utm_strong_list .strong_no {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.utm_strong_list .strong_no img {
  vertical-align: top;
}

.utm_strong_list h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  color: #017aa7;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .utm_strong_list h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #1d2731;
  }
}

.utm_strong_list p {
  margin-top: 15px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .utm_strong_list p {
    margin-top: 40px;
    order: 2;
    padding: 0 7% 20px;
    line-height: 1.6;
  }
}
.utm_strong_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 196px;
  margin-top: 10px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .utm_strong_list figure {
    order: 1;
    flex-shrink: 0;
    min-height: auto;
    margin-top: 30px;
  }
}
.utm_kinou_list_tab {
  display: none;
}

@media screen and (max-width: 768px) {
  .utm_kinou_list_tab {
    margin-top: 20px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.utm_kinou_list_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(33.3333333333% - 0.5px);
  height: 50px;
  padding: 10px 0;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.utm_kinou_list_tab li:nth-child(n+4) {
  margin-top: 1px;
}

.utm_kinou_list_tab li.active {
  background: #01b6c9;
  color: #fff;
}

.utm_kinou_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 55px;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .utm_kinou_list {
    margin-top: 5px;
    margin-bottom: 30px;
  }
}
.utm_kinou_list .tab_panel {
  position: relative;
  width: 33.3333333333%;
  padding: 20px 30px;
  text-align: center;
  box-sizing: border-box;
  background: 0 0;
}

@media screen and (max-width: 768px) {
  .utm_kinou_list .tab_panel {
    width: 100%;
    min-height: 101vw;
    padding: 20px 32px 20px;
    border: 1px solid #e0e2e2;
    border-top: 3px solid #01b6c9;
  }
}
.utm_kinou_list .tab_panel::after,
.utm_kinou_list .tab_panel::before {
  position: absolute;
  content: "";
  display: block;
  background: rgba(29, 39, 49, 0.3);
}

@media screen and (max-width: 768px) {
  .utm_kinou_list .tab_panel::after,
  .utm_kinou_list .tab_panel::before {
    content: none;
  }
}
.utm_kinou_list .tab_panel::before {
  width: 1px;
  height: calc(100% - 50px);
  left: 100%;
  top: 25px;
}

.utm_kinou_list .tab_panel::after {
  width: calc(100% - 50px);
  height: 1px;
  left: 25px;
  top: 0;
}

.utm_kinou_list .tab_panel:nth-child(-n+3):after {
  display: none;
}

.utm_kinou_list .tab_panel:nth-child(3n+3):before {
  display: none;
}

.utm_kinou_list picture {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .utm_kinou_list picture {
    min-height: 156px;
  }
}
@media screen and (max-width: 768px) {
  .utm_kinou_list picture {
    width: 32.8vw;
    height: 32.8vw;
    margin: 0 auto;
  }
}
.utm_kinou_list picture img {
  width: auto;
  height: fit-content;
}

@media screen and (max-width: 768px) {
  .utm_kinou_list picture img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .utm_kinou_list .kinou_no {
    width: fit-content;
    margin: 15px auto 0;
  }
}
.utm_kinou_list h3 {
  margin-top: 15px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .utm_kinou_list h3 {
    margin-top: 8px;
    line-height: 1.3;
  }
}

.utm_kinou_list .text {
  margin-top: 5px;
  text-align: left;
  line-height: 1.5;
  opacity: 0.75;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .utm_kinou_list .text {
    margin-top: 15px;
  }
}
.utm_tokuchou_list li {
  position: relative;
  z-index: 0;
  padding: 35px 0 80px;
}

@media screen and (max-width: 768px) {
  .utm_tokuchou_list li {
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 768px) {
  .utm_tokuchou_list li:nth-child(1) .utm_tokuchou_list_title img {
    width: 79.9vw;
  }
}
@media screen and (max-width: 768px) {
  .utm_tokuchou_list li:nth-child(2) .utm_tokuchou_list_title img {
    width: 81.1vw;
  }
}
@media screen and (max-width: 768px) {
  .utm_tokuchou_list li:nth-child(3) .utm_tokuchou_list_title img {
    width: 70.4vw;
  }
}
@media screen and (max-width: 768px) {
  .utm_tokuchou_list li:nth-child(4) .utm_tokuchou_list_title img {
    width: 71.2vw;
  }
}
@media screen and (max-width: 768px) {
  .utm_tokuchou_list li:nth-child(5) .utm_tokuchou_list_title img {
    width: 41.1vw;
  }
}
.utm_tokuchou_list li:nth-child(2n+2) {
  background: #f8f8f8;
}

.utm_tokuchou_list .l-wrapper {
  max-width: 920px;
}

.utm_tokuchou_list .utm_tokuchou_list_nub {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 23.0328295987%;
  height: 23.5018238666%;
  max-width: 442px;
  max-height: 451px;
}
@media screen and (max-width: 1480px) {
  .utm_tokuchou_list .utm_tokuchou_list_nub {
    width: 13.0039011704vw;
  }
}
@media screen and (max-width: 768px) {
  .utm_tokuchou_list .utm_tokuchou_list_nub {
    width: 23.0328295987%;
  }
}

@media screen and (max-width: 768px) {
  .utm_tokuchou_list .utm_tokuchou_list_nub {
    top: -15px;
  }
}
.utm_tokuchou_list .utm_tokuchou_list_title {
  display: flex;
  justify-content: center;
  margin-bottom: 45px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .utm_tokuchou_list .utm_tokuchou_list_title {
    margin-bottom: 20px;
  }
}
.utm_tokuchou_list .utm_tokuchou_list_text {
  opacity: 0.75;
  line-height: 1.5;
  text-align: center;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .utm_tokuchou_list .utm_tokuchou_list_text {
    margin-top: 25px;
    text-align: left;
    font-weight: 700;
  }
}
@media screen and (min-width: 769px) {
  .utm_tokuchou_list .utm_tokuchou_list_subtitle {
    margin-top: 50px;
  }
}
.utm_tokuchou_list .utm_tokuchou_list_img {
  margin-top: 60px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .utm_tokuchou_list .utm_tokuchou_list_img {
    margin-top: 25px;
  }
}
@media screen and (min-width: 769px) {
  .utm_tokuchou_list .utm_tokuchou_list_img.img_vpn {
    margin-top: 50px;
  }
}
@media screen and (min-width: 769px) {
  .utm_tokuchou_list .utm_tokuchou_list_img.img_ncloud {
    margin-top: 30px;
  }
}
.utm_bnr {
  display: flex;
  justify-content: center;
  padding: 80px 0;
  text-align: center;
  background: #f8f8f8;
}

@media screen and (max-width: 768px) {
  .utm_bnr {
    padding: 20px 5% 40px;
  }
}
.utm_bnr picture {
  position: relative;
  display: block;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .utm_bnr picture::before {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 94%;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
  }
}
@media screen and (min-width: 769px) {
  .utm_bnr img {
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
  }
}
.utm_spec {
  padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .utm_spec {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .utm_spec .spec_block p:last-of-type {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .utm_contact_last {
    margin-top: 30px;
  }
}
.utm_contact_last .security_contact {
  margin-top: 0;
}

.pcserver .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .pcserver .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.pcserver .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .pcserver .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .pcserver .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .pcserver .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .pcserver .mv_title01 {
    width: 26.6666666667%;
  }
}
@media screen and (min-width: 769px) {
  .pcserver .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver .mv_title02 {
    width: 63.7333333333%;
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .pcserver .mv_title03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver .mv_title03 {
    margin-top: 15px;
    width: 84%;
  }
}
@media screen and (min-width: 769px) {
  .pcserver .mv_right {
    transform: translateX(-95px) translateY(0);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .pcserver .mv_right {
    position: relative;
    z-index: 0;
    margin-top: -10px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver .mv_right img {
    width: 100%;
  }
}
.pcserver h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.pcserver h2::before {
  content: none;
}

.pcserver h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .pcserver .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .pcserver .mv_sp_link {
    pointer-events: none;
  }
}
.pcserver .toggle_div_prev.open {
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  opacity: 1;
}

.pcserver .toggle_ttl_prev {
  display: none;
}

@media screen and (max-width: 768px) {
  .pcserver .toggle_ttl_prev {
    display: block;
    padding: 18px;
    color: #404040;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #aaa;
    border-radius: 50px;
    box-shadow: 0 5px 5px 0 rgba(181, 181, 181, 0.004);
    position: relative;
  }
  .pcserver .toggle_ttl_prev::after {
    content: "";
    width: 13px;
    height: 8px;
    display: inline-block;
    margin: 0 0 1px 9px;
    background: #fff url(../img/security/cyberbox/toggle_ttl_arrow.png) no-repeat;
    background-size: contain;
  }
}
.pcserver .toggle_ttl_prev.open {
  margin-top: 20px;
  color: #fff;
  background: #1d2731;
  box-shadow: 0 4px 16px 0 rgba(104, 104, 104, 0.8);
}

.pcserver .toggle_ttl_prev.open::after {
  width: 16px;
  height: 16px;
  margin: 0 0 -2px 9px;
  background: url(../img/security/cyberbox/toggle_ttl_close.png) no-repeat 0 0;
  background-size: contain;
}

.pcserver_top {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .pcserver_top {
    padding-bottom: 334px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_top {
    background-image: url(../img/security/pcserver/pcserver_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: calc(35.7333333333% - 0px);
  }
}
.pcserver_top::before {
  content: "";
  width: 1920px;
  height: 1473px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/nas/nas_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .pcserver_top::before {
    content: none;
  }
}
.pcserver_top::after {
  content: "";
  width: 481px;
  height: 536px;
  position: absolute;
  background-image: url(../img/security/pcserver/pcserver_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: 152px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .pcserver_top::after {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 47.6255088195%;
    bottom: 0;
    background-image: url(../img/security/pcserver/pcserver_bg_obj_sp.png);
  }
}
@media screen and (max-width: 768px) {
  .pcserver_top .wrapper {
    padding: 0;
  }
}
.pcserver_about {
  margin-top: 60px;
  padding: 50px 50px 60px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .pcserver_about {
    margin: 30px auto 0;
    padding: 8% 5% 10% 5%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.pcserver_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin: 0 auto;
}

.pcserver_about h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pcserver_about h2 {
    width: 46.1794019934%;
    margin: 0 auto;
  }
}

.pcserver_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .pcserver_about p {
    margin-top: 15px;
    font-size: 15px;
  }
}
.pcserver_about .pcserver_about_img {
  margin-top: 25px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .pcserver_about .pcserver_about_img img {
    width: 97.0099667774%;
  }
}
.h3_pcserver {
  margin-top: 40px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  border-top: 1px solid #1d2731;
  border-bottom: 1px solid #1d2731;
}
@media screen and (max-width: 768px) {
  .h3_pcserver {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 15px 0;
    line-height: 1.3;
  }
}

.pcserver_osusume_list {
  display: flex;
  justify-content: center;
  align-items: baseline;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .pcserver_osusume_list {
    flex-direction: column;
  }
}
.pcserver_osusume_list li {
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .pcserver_osusume_list li {
    width: 100%;
    margin: 0;
    padding: 5%;
    box-shadow: 3.83px 3.214px 9.8px 0.2px rgba(0, 0, 0, 0.21);
  }
}
@media screen and (max-width: 768px) {
  .pcserver_osusume_list li:not(:first-child) {
    margin-top: 10px;
  }
}
.pcserver_osusume_list li figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .pcserver_osusume_list li figure {
    flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  .pcserver_osusume_list figure {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_osusume_list figure > img {
    width: 22.8125%;
    margin-right: 15px;
  }
}
.pcserver_osusume_list figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .pcserver_osusume_list figcaption {
    align-items: flex-start;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .pcserver_osusume_list figcaption {
    width: 100%;
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_osusume_list .pcserver_osusume_en {
    margin-top: 25px;
  }
}
.pcserver_osusume_list .pcserver_osusume_en img {
  vertical-align: top;
}

.pcserver_osusume_list .pcserver_osusume_text {
  margin-top: 10px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .pcserver_osusume_list .pcserver_osusume_text {
    margin-top: 5px;
    font-size: 15px;
  }
}
.pcserver_trouble {
  padding-top: 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .pcserver_trouble {
    padding-top: 35px;
    overflow: hidden;
  }
}
.pcserver_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pcserver_trouble h2 {
    max-width: 86.1764705882%;
    margin: 0 auto;
  }
}

.pcserver_trouble h2 .title_en,
.pcserver_trouble h2 .title_ja,
.pcserver_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.pcserver_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.pcserver_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.pcserver_trouble .datamigration_trouble_text {
  margin: 30px 0 0;
  text-align: center;
  color: #333;
}

@media screen and (max-width: 768px) {
  .pcserver_trouble .datamigration_trouble_text {
    margin-top: 20px;
    font-size: 15px;
  }
}
.pcserver_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .pcserver_trouble_list {
    margin-top: 15px;
  }
}
.pcserver_trouble_list::after {
  display: none;
}

.pcserver_trouble_list li {
  display: flex;
  align-items: center;
  position: relative;
  width: 371px;
  padding: 34px 30px 34px 30px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  box-sizing: border-box;
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .pcserver_trouble_list li {
    width: 48.5294117647%;
    margin-top: 10px;
    padding: 16px 18px 12px 23px;
    background-size: 35px;
  }
}
.pcserver_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .pcserver_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
.pcserver_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/datamigration/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .pcserver_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_trouble_list li:nth-child(3) {
    order: 4;
  }
}
.pcserver_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .pcserver_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
.pcserver_trouble_list li:nth-child(4):before {
  left: 5px;
  top: -20px;
  width: 45px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number04.png);
}

@media screen and (max-width: 768px) {
  .pcserver_trouble_list li:nth-child(4):before {
    width: 18px;
    height: 21px;
    left: 3px;
    top: -4px;
  }
}
.pcserver_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .pcserver_trouble_list li::before {
    top: -5px;
  }
}
.pcserver_trouble_list li p {
  font-size: 25px;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .pcserver_trouble_list li p {
    font-size: 13px;
    font-feature-settings: "palt";
  }
}
.pcserver_trouble_list li b {
  color: #e60012;
}

.pcserver_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .pcserver_solution {
    margin-top: -230px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_solution {
    margin-top: -10px;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_solution .solution_top {
    justify-content: center;
    margin-left: -30px;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_solution .solution_text {
    margin-left: -90px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_solution .solution_text {
    margin-top: -5px;
  }
}
.pcserver_solution .solution_text h2 {
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .pcserver_solution .solution_text h2 {
    margin-top: 0;
  }
}
.pcserver_solution .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
  .pcserver_solution .solution_text h2 span {
    font-size: 35px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_solution .solution_text h2 span {
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_solution .solution_img {
    margin-left: -117px;
    transform: translateY(-20px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_solution .solution_img {
    width: 90%;
    margin-top: 10px;
  }
}
.pcserver_title {
  padding: 34px 45px !important;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .pcserver_title {
    margin-top: 60px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_title {
    margin: 40px calc(-50vw + 50%) 30px;
    padding: 26px 0 !important;
    line-height: 1;
    text-align: center;
  }
}
.pcserver_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .pcserver_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
@media screen and (max-width: 768px) {
  .solution_tokuchou .pcserver_title img {
    width: 46.1333333333%;
  }
}
@media screen and (max-width: 768px) {
  .solution_tsukaikata .pcserver_title img {
    width: 37.3333333333%;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_use {
    margin-top: -30px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_use {
    margin-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_use .pcserver_title {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_use .pcserver_title img {
    width: 30.1333333333%;
  }
}
.pcserver_use_list {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  color: #1d2731;
}

@media screen and (max-width: 768px) {
  .pcserver_use_list {
    flex-direction: column;
    margin-top: 15px;
  }
}
.pcserver_use_list li {
  display: flex;
  flex-direction: column;
  width: 216px;
  margin: 0 7.5px;
  padding: 0 20px 20px 20px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .pcserver_use_list li {
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_use_list li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_use_list .toggle_ttl {
    position: relative;
    display: flex;
    padding: 20px 15px;
  }
}
.pcserver_use_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

.pcserver_use_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .pcserver_use_list .toggle_ttl::after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_use_list .toggle_ttl div {
    width: 100%;
    margin-right: 20px;
  }
}
.pcserver_use_list .toggle_ttl div h3 {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pcserver_use_list .toggle_ttl div h3 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .pcserver_use_list .toggle_div {
    display: none;
    margin: 0 15px 20px;
    border-top: 1px solid #ebebeb;
  }
}
.pcserver_use_list .ex_no {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 8px;
}

@media screen and (min-width: 769px) {
  .pcserver_use_list .ex_no {
    text-align: center;
  }
}
.pcserver_use_list .ex_no img {
  vertical-align: top;
}

.pcserver_use_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 114px;
  margin-top: 15px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .pcserver_use_list figure {
    flex-shrink: 0;
    width: 67px;
    min-height: auto;
    margin-top: 0;
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_use_list figure img {
    width: 100%;
    height: auto;
  }
}
.pcserver_use_list h3 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.3;
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  .pcserver_use_list h3 {
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_use_list h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_use_list h3 .min {
    font-size: 15px;
  }
}
.pcserver_use_list p {
  font-size: 14px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .pcserver_use_list p {
    margin-top: 15px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_tokuchou .pcserver_title {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_tokuchou .pcserver_title::after {
    top: 35px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_tokuchou .pcserver_title img {
    width: 66.9333333333%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_pcserver {
    margin-top: -25px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_pcserver li {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_pcserver li:nth-child(even) .tokuchou_list_box {
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_pcserver li:nth-child(even) .tokuchou_list_box h4 .tokuchou_nb {
    left: calc(100% - 20px);
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_pcserver li:nth-child(even) .tokuchou_list_img {
    right: 530px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_pcserver li:nth-child(1) .tokuchou_ttl {
    width: 80.198019802%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_pcserver li:nth-child(2) .tokuchou_ttl {
    width: 76.2376237624%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_pcserver li:nth-child(3) .tokuchou_ttl {
    width: 69.9669966997%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_pcserver li:nth-child(4) .tokuchou_ttl {
    width: 75.2475247525%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_pcserver li:nth-child(5) .tokuchou_ttl {
    width: 75.5775577558%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_pcserver .tokuchou_list_box {
    min-height: 280px;
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_pcserver .tokuchou_list_box h4 .tokuchou_nb {
    left: auto;
    right: calc(100% + 0px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_pcserver .toggle_div {
    padding: 30px 45px 20px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_pcserver .tokuchou_list_img {
    width: 450px;
    top: -20px;
    left: 530px;
  }
}
.gt110j {
  margin-top: 50px;
  padding: 60px 0 80px;
  background-image: url(../img/security/windowsserver/mv1000_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .gt110j {
    width: 100vw;
    margin: 40px calc(50% - 50vw) 0;
    padding: 30px 5% 55px;
    background-color: #01b6c9;
    background-image: url(../img/security/windowsserver/mv1000_bg_sp.jpg);
    background-position: center bottom;
  }
}
.gt110j h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gt110j h2 {
    margin: 0 6%;
  }
}

.gt110j_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 38px auto 0;
  font-size: 15px;
  font-weight: 700;
  color: rgba(29, 39, 49, 0.6);
}
@media screen and (max-width: 768px) {
  .gt110j_list {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 30px;
  }
}

.gt110j_list::after {
  display: none;
}

.gt110j_list li {
  position: relative;
  padding: 40px 50px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .gt110j_list li {
    padding: 30px 20px;
  }
}

.gt110j_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: -8px;
  width: 85px;
  height: 82px;
  background-image: url(../img/security/ups/bn50t_ribbon.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .gt110j_list li::before {
    left: -7px;
    top: -5px;
    width: 49px;
    height: 48px;
  }
}
@media screen and (max-width: 768px) {
  .gt110j_list li:not(:first-child) {
    margin-top: 15px;
  }
}
.gt110j_list h3 {
  font-size: 20px;
  color: #bc9727;
  line-height: 1.3;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .gt110j_list h3 {
    font-size: 18px;
    font-feature-settings: "palt";
  }
}
.gt110j_list p {
  margin-top: 15px;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .gt110j_list p {
    line-height: 1.5;
  }
}
.gt110j_list figure {
  display: flex;
  justify-content: center;
  min-height: 154px;
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gt110j_list figure {
    min-height: 0;
  }
}

@media screen and (max-width: 768px) {
  .gt110j_list .gt110j_list_intel figure img {
    width: 246px;
  }
}
@media screen and (max-width: 768px) {
  .gt110j_list .gt110j_list_os figure img {
    width: 216px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_reason .pcserver_title {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_reason .pcserver_title img {
    width: 56.8%;
  }
}
.pcserver_reason_list {
  display: flex;
  justify-content: center;
  color: #1d2731;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .pcserver_reason_list {
    flex-direction: column;
    margin-top: 25px;
  }
}
.pcserver_reason_list li {
  display: flex;
  flex-direction: column;
  width: 290px;
  margin: 0 7.5px;
  padding: 0 20px 20px 20px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .pcserver_reason_list li {
    width: 100%;
    padding: 0 5% 30px 5%;
    margin: 10px 0 0;
  }
}
.pcserver_reason_list .reason_no {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-bottom: 8px;
}

.pcserver_reason_list .reason_no img {
  vertical-align: top;
}

.pcserver_reason_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 122px;
  margin-top: 15px;
  text-align: center;
}

.pcserver_reason_list h3 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .pcserver_reason_list h3 {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
  }
}
.pcserver_reason_list p {
  font-size: 15px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .pcserver_reason_list p {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_reason_list .li_nec h3 {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_hikaku .pcserver_title img {
    width: 38.1333333333%;
  }
}
.pcserver_hikaku_table {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pcserver_hikaku_table {
    display: block;
    width: 100vw;
    margin: 0 calc(50% - 50vw) 40px;
    padding-bottom: 25px;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_hikaku_table::-webkit-scrollbar {
    width: 5px;
    background: var(--_background, #e1e0e0);
  }
}
@media screen and (max-width: 768px) {
  .pcserver_hikaku_table::-webkit-scrollbar:horizontal {
    height: 10px;
    background: var(--_background, #e1e0e0);
  }
}
@media screen and (max-width: 768px) {
  .pcserver_hikaku_table::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: var(--_scrollbar, #01b6c9);
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_hikaku_table::-webkit-scrollbar-thumb:horizontal {
    background: var(--_scrollbar, #01b6c9);
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  .pcserver_hikaku_table img {
    width: 900px;
    max-width: inherit;
  }
}
.pcserver_spec .pcserver_title {
  line-height: 1.1;
}

@media screen and (min-width: 769px) {
  .pcserver_spec .pcserver_title {
    margin-top: 60px;
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_spec .pcserver_title {
    margin-top: 0;
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_spec .pcserver_title img {
    width: 19.2%;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_spec .spec_list {
    margin: 0 50px;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_spec .spec_list {
    margin-top: 35px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_spec .spec_list p {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  .pcserver_spec .spec_block p {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_spec .spec_block p:first-of-type {
    width: 38.3333333333%;
  }
}
@media screen and (min-width: 769px) {
  .pcserver_spec .spec_block p:last-of-type {
    width: 63.0681818182%;
  }
}
.pcserver_spec .spec_block p:nth-child(2n+2) {
  font-weight: 400;
}

.externalhdd .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .externalhdd .lower_mv {
    height: 500px;
    background-image: url(../img/security/remotesupport/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.externalhdd .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .externalhdd .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd .mv_title01 {
    width: 40%;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd .mv_title02 {
    width: 30.6666666667%;
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd .mv_title03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd .mv_title03 {
    margin-top: 15px;
    width: 86.1333333333%;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd .mv_right {
    transform: translateX(173px) translateY(37px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd .mv_right img {
    width: 100%;
  }
}
.externalhdd h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.externalhdd h2::before {
  content: none;
}

.externalhdd h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .externalhdd .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd .mv_sp_link {
    pointer-events: none;
  }
}
.externalhdd .toggle_div_prev.open {
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  opacity: 1;
}

.toggle_ttl_prev {
  display: none;
}

@media screen and (min-width: 769px) {
  .externalhdd .toggle_ttl_prev {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd .toggle_ttl_prev {
    display: block;
    padding: 18px;
    color: #404040;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #aaa;
    border-radius: 50px;
    box-shadow: 0 5px 5px 0 rgba(181, 181, 181, 0.004);
    position: relative;
  }
  .externalhdd .toggle_ttl_prev::after {
    content: "";
    width: 13px;
    height: 8px;
    display: inline-block;
    margin: 0 0 1px 9px;
    background: #fff url(../img/security/cyberbox/toggle_ttl_arrow.png) no-repeat;
    background-size: contain;
  }
}
.externalhdd .toggle_ttl_prev.open {
  margin-top: 20px;
  color: #fff;
  background: #1d2731;
  box-shadow: 0 4px 16px 0 rgba(104, 104, 104, 0.8);
}

.externalhdd .toggle_ttl_prev.open::after {
  width: 16px;
  height: 16px;
  margin: 0 0 -2px 9px;
  background: url(../img/security/cyberbox/toggle_ttl_close.png) no-repeat 0 0;
  background-size: contain;
}

.externalhdd_about {
  margin-top: 60px;
  padding: 50px 50px 60px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .externalhdd_about {
    margin: 30px auto 0;
    padding: 8% 5% 10% 5%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.externalhdd_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin: 0 auto;
}

.externalhdd_about h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .externalhdd_about h2 {
    width: 52.4916943522%;
    margin: 0 auto;
  }
}

.externalhdd_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .externalhdd_about p {
    margin-top: 15px;
    font-size: 15px;
  }
}
.externalhdd_about .externalhdd_about_img {
  margin-top: 25px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .externalhdd_about .externalhdd_about_img img {
    width: 97.0099667774%;
  }
}
.h3_externalhdd {
  margin-top: 40px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  border-top: 1px solid #1d2731;
  border-bottom: 1px solid #1d2731;
}
@media screen and (max-width: 768px) {
  .h3_externalhdd {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 15px 0;
    line-height: 1.3;
  }
}

.externalhdd_title {
  padding: 34px 45px !important;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .externalhdd_title {
    margin-top: 60px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_title {
    margin: 40px calc(-50vw + 50%) 30px;
    padding: 26px 0 !important;
    line-height: 1;
    text-align: center;
  }
}
.externalhdd_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .externalhdd_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
@media screen and (max-width: 768px) {
  .solution_tokuchou .externalhdd_title img {
    width: 46.1333333333%;
  }
}
@media screen and (max-width: 768px) {
  .solution_tsukaikata .externalhdd_title img {
    width: 37.3333333333%;
  }
}
.externalhdd_scene {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .externalhdd_scene {
    padding: 0 5%;
  }
}

.externalhdd_scene_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 40px;
  color: #1d2731;
}
@media screen and (max-width: 768px) {
  .externalhdd_scene_list {
    grid-template-columns: 1fr;
    margin-top: 15px;
  }
}

.externalhdd_scene_list li {
  display: flex;
  flex-direction: column;
  margin: 0 7.5px;
  padding: 0 20px 20px 20px;
  box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .externalhdd_scene_list li {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .externalhdd_scene_list li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_scene_list .toggle_ttl {
    position: relative;
    display: flex;
    padding: 20px 15px;
  }
}
.externalhdd_scene_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (max-width: 768px) {
  .externalhdd_scene_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_scene_list .toggle_ttl div {
    width: 100%;
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_scene_list .toggle_div {
    display: none;
    padding: 0 15px 20px;
    background: #f8f8f8;
  }
}
.externalhdd_scene_list .scene_no {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .externalhdd_scene_list .scene_no {
    text-align: center;
    margin-bottom: 10px;
  }
}

.externalhdd_scene_list .scene_no img {
  vertical-align: top;
}

.externalhdd_scene_list figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 114px;
  margin-top: 15px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .externalhdd_scene_list figure {
    flex-shrink: 0;
    width: 67px;
    min-height: auto;
    margin-top: 0;
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_scene_list figure img {
    width: 100%;
    height: auto;
  }
}
.externalhdd_scene_list h3 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.3;
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  .externalhdd_scene_list h3 {
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_scene_list h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }
}
.externalhdd_scene_list p {
  font-size: 14px;
  opacity: 0.6;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .externalhdd_scene_list p {
    margin-top: 15px;
    padding: 0 10px;
  }
}
.externalhdd_trouble {
  padding-top: 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .externalhdd_trouble {
    margin: 0 -4vw;
    padding: 35px 5% 50vw;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_trouble::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    top: -5vw;
    left: 0;
    background-image: url(../img/security/externalhdd/externalhdd_bg_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
.externalhdd_trouble h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .externalhdd_trouble h2 {
    width: 84.9666666667vw;
    margin: 0 auto;
  }
}

.externalhdd_trouble h2 .title_en,
.externalhdd_trouble h2 .title_ja,
.externalhdd_trouble h2 .title_ja_small {
  display: block;
  font-weight: 700;
}

.externalhdd_trouble h2 .title_ja {
  margin-top: 25px;
  font-size: 45px;
  font-feature-settings: "palt";
}

.externalhdd_trouble h2 .title_ja_small {
  margin-top: 30px;
  color: #565d65;
  font-size: 30px;
}

.externalhdd_trouble .externalhdd_trouble_text {
  margin: 30px 0 0;
  text-align: center;
  color: rgba(29, 39, 49, 0.75);
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .externalhdd_trouble .externalhdd_trouble_text {
    font-size: 25px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_trouble .externalhdd_trouble_text {
    margin-top: 15px;
    font-size: 3.5vw;
    font-feature-settings: "palt";
  }
}
.externalhdd_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .externalhdd_trouble_list {
    margin-top: 15px;
  }
}
.externalhdd_trouble_list::after {
  display: none;
}

.externalhdd_trouble_list li {
  display: flex;
  align-items: center;
  position: relative;
  width: 36.6710013004vw;
  max-width: 402px;
  padding: 34px 30px 34px 30px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  box-sizing: border-box;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .externalhdd_trouble_list li {
    width: 48.5294117647%;
    margin-top: 10px;
    padding: 16px 18px 12px 23px;
    background-size: 35px;
  }
}

.externalhdd_trouble_list li:first-child {
  max-width: 100%;
  margin: 40px auto 0;
}

@media screen and (min-width: 769px) {
  .externalhdd_trouble_list li:first-child {
    width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_trouble_list li:first-child {
    width: 58.8235294118%;
    margin-top: 0;
    padding: 14px 22px 14px 35px;
  }
}
.externalhdd_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .externalhdd_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_trouble_list li:nth-child(2) {
    padding: 14px 7px 14px 20px;
  }
}
.externalhdd_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/datamigration/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .externalhdd_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_trouble_list li:nth-child(3) {
    order: 4;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_trouble_list li:nth-child(3) {
    padding: 14px 7px 14px 20px;
  }
}
.externalhdd_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .externalhdd_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
.externalhdd_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .externalhdd_trouble_list li::before {
    top: -5px;
  }
}
.externalhdd_trouble_list li p {
  font-size: 25px;
}

@media screen and (max-width: 768px) {
  .externalhdd_trouble_list li p {
    font-size: 13px;
    font-feature-settings: "palt";
    line-height: 1.3;
  }
}
.externalhdd_trouble_list li b {
  color: #e60012;
}

.externalhdd_top {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .externalhdd_top {
    padding-bottom: 334px;
  }
}
.externalhdd_top::before {
  content: "";
  width: 1920px;
  height: 1473px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/externalhdd/externalhdd_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .externalhdd_top::before {
    content: none;
  }
}
.externalhdd_top::after {
  content: "";
  width: 396px;
  height: 400px;
  position: absolute;
  background-image: url(../img/security/externalhdd/externalhdd_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: 153px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .externalhdd_top::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_top .wrapper {
    padding: 0;
  }
}
.externalhdd_trouble_box {
  position: relative;
}

@media screen and (max-width: 768px) {
  .externalhdd_trouble_box::before {
    content: "";
    width: 43.0267062315%;
    height: 42vw;
    position: absolute;
    bottom: -35vw;
    left: 50%;
    transform: translateX(-53%);
    background-image: url(../img/security/externalhdd/trouble_women.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_trouble_box::after {
    content: "";
    width: 120vw;
    height: 50vw;
    position: absolute;
    bottom: -78vw;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: 4;
  }
}
.externalhdd_trouble_problem {
  margin-top: -20px;
  font-weight: 700;
  text-align: center;
  font-feature-settings: "palt";
  position: relative;
  z-index: 1;
  font-size: 18px;
}

.externalhdd_trouble_problem span {
  padding-bottom: 5px;
  border-bottom: 1px solid #1d2731;
}

.externalhdd_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .externalhdd_solution {
    margin-top: -210px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_solution {
    margin-top: -40px;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_solution .solution_top {
    justify-content: center;
    margin-left: -30px;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_solution .solution_text {
    margin-left: -90px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_solution .solution_text {
    margin-top: -5px;
  }
}
.externalhdd_solution .solution_text h2 {
  line-height: 1;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .externalhdd_solution .solution_text h2 {
    margin-top: 0;
  }
}
.externalhdd_solution .solution_text h2 span {
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
  .externalhdd_solution .solution_text h2 span {
    font-size: 35px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_solution .solution_text h2 span {
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_solution .solution_img {
    margin-left: -117px;
    transform: translateY(-20px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_solution .solution_img {
    width: 90%;
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_tokuchou {
    margin-top: -35px;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_tokuchou .externalhdd_title {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_tokuchou .externalhdd_title img {
    width: 52.2666666667%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_externalhdd {
    display: flex;
    justify-content: center;
    margin-top: -25px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_externalhdd li {
    position: relative;
    width: 290px;
    margin: 30px 10px 0;
    padding: 25px 10px 30px;
    box-shadow: 3.214px 3.83px 9.8px 0.2px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_externalhdd li:nth-child(1) .tokuchou_ttl {
    width: 80.198019802%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_externalhdd li:nth-child(2) .tokuchou_ttl {
    width: 76.2376237624%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_externalhdd li:nth-child(3) .tokuchou_ttl {
    width: 69.9669966997%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_externalhdd .tokuchou_list_box {
    width: auto;
    height: auto;
    min-height: auto;
    padding: 0 !important;
    background: 0 0;
  }
}
.tokuchou_list_externalhdd .tokuchou_list_box h4 {
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .tokuchou_list_externalhdd .tokuchou_list_box h4 {
    position: static;
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 20px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_externalhdd .tokuchou_list_box h4 .tokuchou_nb {
    left: 50px !important;
    top: -10px !important;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_externalhdd .toggle_ttl {
    padding-left: 45px !important;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_externalhdd .toggle_div {
    padding: 0 10px;
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_externalhdd .toggle_div {
    padding: 30px 45px 20px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_externalhdd .tokuchou_list_img {
    position: static;
    display: flex;
    justify-content: center;
    width: auto !important;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_externalhdd .tokuchou_list_img {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_series .externalhdd_title {
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_series .externalhdd_title::after {
    top: 35px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_series .externalhdd_title img {
    width: 62.9333333333%;
  }
}
.tokuchou_list_series {
  max-width: 900px;
  margin: -20px auto 0;
}

@media screen and (min-width: 769px) {
  .tokuchou_list_series > li:not(:first-child) {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series > li:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series > li:not(:first-child) .toggle_div {
    padding: 10% 11%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series > li:nth-child(1) .tokuchou_ttl {
    width: 162px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series > li:nth-child(2) .tokuchou_ttl {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series > li:nth-child(2) .tokuchou_nb {
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series > li:nth-child(3) .tokuchou_ttl {
    width: 216px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series > li:nth-child(3) .tokuchou_nb {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .tokuchou_list_box {
    background: #f8f8f8;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_series .tokuchou_nb {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_series .toggle_ttl {
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .toggle_ttl {
    position: relative;
    margin-bottom: 0;
    padding: 20px 5%;
  }
}
.tokuchou_list_series .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .tokuchou_list_series .toggle_ttl::after {
    display: none;
  }
}
.tokuchou_list_series .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

.tokuchou_list_series .toggle_ttl .tokuchou_nb {
  position: absolute;
  left: -5px;
  bottom: calc(100% + 10px);
}

@media screen and (max-width: 768px) {
  .tokuchou_list_series .toggle_ttl .tokuchou_nb {
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    bottom: auto;
    width: auto;
    height: 42px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .toggle_ttl .tokuchou_ttl {
    margin-left: calc(47px - 5%);
  }
}
.tokuchou_list_series .panel_area {
  max-width: 800px;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .tokuchou_list_series .tab_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 600px;
    height: 250px;
    margin-top: 20px;
    padding: 0 120px 0 30px;
    background: #f8f8f8;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .tab_panel {
    padding-top: 30px;
    background: 0 0;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_series .tab_panel:nth-child(2n+2) {
    margin-left: auto;
    padding: 0 30px 0 120px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_series .tab_panel:nth-child(2n+2) .tab_panel_img {
    left: auto;
    right: calc(100% - 270px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .tab_panel h5 {
    text-align: center;
  }
}
.tokuchou_list_series .tab_panel .text {
  margin-top: 20px;
  opacity: 0.75;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .tokuchou_list_series .toggle_div {
    position: relative;
    padding: 10% 5% 10% 5%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .toggle_div::after,
  .tokuchou_list_series .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
.tokuchou_list_series .text_boutou {
  font-weight: 700;
  opacity: 0.75;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .tokuchou_list_series .text_boutou {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_series .tab_panel_img {
    position: absolute;
    top: 50%;
    left: calc(100% - 150px);
    transform: translateY(-50%);
    z-index: 1;
    flex-shrink: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .tab_panel_img {
    margin-top: 20px;
    text-align: center;
  }
  .tokuchou_list_series .tab_panel_img picture {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_series .tokuchou_list_img {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_series .tokuchou_list_img {
    margin-top: 20px;
  }
}
.series_list_tab {
  display: none;
}

@media screen and (max-width: 768px) {
  .series_list_tab {
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.series_list_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(33.3333333333% - 0.5px);
  height: 50px;
  padding: 10px 0;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.series_list_tab li:nth-child(n+4) {
  margin-top: 1px;
}

.series_list_tab li.active {
  background: #1d2731;
  color: #fff;
}

@media screen and (min-width: 769px) {
  .externalhdd_linenap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    margin-top: 60px;
    background-image: url(../img/security/externalhdd/linenap_bg.jpg);
    background-size: cover;
    background-position: center;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_linenap {
    margin-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_linenap h2 {
    margin-top: 40px;
  }
}
.externalhdd_contact {
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .externalhdd_contact {
    display: none;
  }
}
.externalhdd_faq {
  font-feature-settings: "palt";
}

.externalhdd_faq .externalhdd_title {
  margin-top: 0;
}

.externalhdd_spec .externalhdd_title {
  line-height: 1.1;
}

@media screen and (min-width: 769px) {
  .externalhdd_spec .externalhdd_title {
    margin-top: 60px;
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_spec .externalhdd_title {
    margin-top: 0;
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_spec .externalhdd_title img {
    width: 19.2%;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_spec .spec_list {
    margin: 0 50px;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_spec .spec_list {
    margin-top: 35px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_spec .spec_list p {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_spec .spec_block p:first-of-type {
    width: 38.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .externalhdd_spec .spec_block p:first-of-type {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .externalhdd_spec .spec_block p:last-of-type {
    width: 63.0681818182%;
  }
}
.externalhdd_spec .spec_block p:nth-child(2n+2) {
  font-weight: 400;
}

.airback .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .airback .lower_mv {
    height: 500px;
    background-image: url(../img/security/airback/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.airback .lower_mv_wrap {
  max-width: 1000px;
  margin: -20px auto 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .airback .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .airback .lower_mv_wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .airback .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .airback .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .airback .mv_title01 {
    width: 53.6%;
  }
}
@media screen and (min-width: 769px) {
  .airback .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .airback .mv_title02 {
    width: 78.6666666667%;
    margin-top: 6px;
  }
}
@media screen and (min-width: 769px) {
  .airback .mv_title03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .airback .mv_title03 {
    width: 42.4%;
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .airback .mv_text {
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .airback .mv_right {
    transform: translateX(20px) translateY(15px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .airback .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .airback .mv_right img {
    width: 100%;
  }
}
.airback h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.airback h2::before {
  content: none;
}

.airback h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .airback .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.airback_top {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .airback_top {
    background-image: url(../img/security/airback/airback_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 14.2857142857%;
  }
}
.airback_top::before {
  content: "";
  width: 1920px;
  height: 1380px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/airback/airback_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -219px;
}

@media screen and (max-width: 768px) {
  .airback_top::before {
    content: none;
  }
}
.airback_top::after {
  content: "";
  width: 390px;
  height: 428px;
  position: absolute;
  background-image: url(../img/security/airback/airback_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -120px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 490px;
}

@media screen and (max-width: 768px) {
  .airback_top::after {
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 60.9523809524%;
    bottom: 0;
    background-image: url(../img/security/airback/airback_bg_obj_sp.png);
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .airback_top .wrapper {
    padding: 0;
  }
}
.airback_about {
  margin-top: 60px;
  padding: 50px 50px 105px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .airback_about {
    margin: 30px auto 0;
    padding: 8% 5% 13% 5%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.airback_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

.airback_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .airback_about h2 {
    width: 70%;
    margin: 0 auto;
  }
}

.airback_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .airback_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    font-feature-settings: "palt";
    letter-spacing: 0.05rem;
  }
}
.airback_about .airback_about_img {
  display: flex;
  justify-content: center;
  margin-top: 35px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .airback_about .airback_about_img {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .airback_about .airback_about_img img {
    width: 96%;
  }
}
.airback_trouble {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 60px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .airback_trouble {
    padding-top: 30px;
  }
}

.airback_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .airback_trouble h2 {
    width: 83.3827893175%;
    margin: 0 auto;
  }
}

.airback_trouble_list {
  display: flex;
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .airback_trouble_list {
    flex-wrap: wrap;
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .airback_trouble_list li {
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .airback_trouble_list li {
    width: 48.3679525223%;
  }
  .airback_trouble_list li img {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .airback_trouble_list li:not(:last-child) {
    margin-right: 8px;
  }
}
@media screen and (max-width: 768px) {
  .airback_trouble_list li:nth-child(odd) {
    margin-right: 2.9673590504%;
  }
}
@media screen and (max-width: 768px) {
  .airback_trouble_list li:nth-child(n+3) {
    margin-top: 8px;
  }
}
.airback_trouble_problem {
  padding-top: 60px;
}
.airback_trouble_problem picture {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .airback_trouble_problem picture {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .airback_trouble_problem {
    padding-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .airback_trouble_problem {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .airback_trouble_problem img {
    width: 75.0741839763%;
  }
}
.airback_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .airback_solution {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .airback_solution {
    margin-top: -30px;
  }
}
@media screen and (min-width: 769px) {
  .airback_solution .solution_img {
    flex-shrink: 0;
    margin-left: -140px;
  }
  .airback_solution .solution_img img {
    width: 40.3120936281vw;
    max-width: 616px;
  }
}
@media screen and (max-width: 768px) {
  .airback_solution .solution_text {
    margin-top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .airback_solution .solution_text h2 span {
    font-size: 4.7vw;
    letter-spacing: -0.05em;
  }
}
.airback_solution_about {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .airback_solution_about {
    max-width: 100%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .airback_solution_about h2 {
    width: 46.5346534653%;
  }
}
@media screen and (max-width: 768px) {
  .airback_solution_about p {
    letter-spacing: 0.1px;
  }
}
.airback_tokuchou {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .airback_tokuchou {
    margin-top: 15px;
  }
}
.security_border_title {
  padding: 4px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .security_border_title {
    font-size: 20px;
  }
}

.airback_tokuchou_copy {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .airback_tokuchou_copy {
    margin-top: 20px;
  }
}
.airback_tokuchou_copy picture {
  display: flex;
  justify-content: center;
}

.airback_tokuchou_list {
  max-width: 800px;
  display: flex;
  justify-content: center;
  margin: 30px auto 0;
}

@media screen and (max-width: 768px) {
  .airback_tokuchou_list {
    flex-direction: column;
  }
}
.airback_tokuchou_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .airback_tokuchou_list li {
    flex-direction: row;
    background: #fff;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}

@media screen and (min-width: 769px) {
  .airback_tokuchou_list li:not(:last-child) {
    margin-right: 120px;
  }
}
@media screen and (max-width: 768px) {
  .airback_tokuchou_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .airback_tokuchou_list_img,
  .airback_tokuchou_list_text {
    padding: 13px 0;
  }
}
@media screen and (max-width: 768px) {
  .airback_tokuchou_list_img {
    width: 35.6083086053%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
  }
}
@media screen and (max-width: 768px) {
  .airback_tokuchou_list_img img {
    width: 55.8333333333%;
  }
}
@media screen and (max-width: 768px) {
  .airback_tokuchou_list_text {
    width: 64.3916913947%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0 16px 23px;
  }
}
.airback_tokuchou_list_text p {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .airback_tokuchou_list_text p {
    width: 27.6497695853%;
    margin-top: 0;
  }
}
.airback_tokuchou_list_text h4 {
  margin-top: 13px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .airback_tokuchou_list_text h4 {
    margin-top: 5px;
    font-size: 15px;
    text-align: left;
  }
}
.airback_scene {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .airback_scene {
    margin-top: 30px;
  }
}
.airback_scene_list {
  max-width: 900px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  .airback_scene_list {
    margin: 20px auto 0;
  }
}
.airback_scene_list li {
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .airback_scene_list li {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .airback_scene_list li {
    width: 290px;
    padding: 35px 25px;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .airback_scene_list li:not(:nth-child(3n)) {
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .airback_scene_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .airback_scene_list li:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_ttl {
    display: flex;
    align-items: center;
    position: relative;
    padding: 18px 6%;
  }
}
@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
.airback_scene_list .toggle_ttl .airback_scene_list_img {
  display: flex;
  justify-content: center;
  max-height: 134px;
}
@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_ttl .airback_scene_list_img {
    width: 21.5488215488%;
    max-height: 100%;
  }
}
.airback_scene_list .toggle_ttl .airback_scene_list_img + div {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_ttl .airback_scene_list_img + div {
    align-items: flex-start;
  }
}

.airback_scene_list .toggle_ttl .airback_scene_list_title {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_ttl .airback_scene_list_title {
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_ttl div {
    margin-left: 18px;
  }
}
.airback_scene_list .toggle_ttl h4 {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_ttl h4 {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_div {
    display: none;
    padding: 28px 38px 30px 38px;
    background: #f8f8f8;
  }
}
.airback_scene_list .toggle_div p {
  margin-top: 5px;
  font-weight: 700;
  text-align: left;
  line-height: 1.4;
  color: #717479;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .airback_scene_list .toggle_div p {
    margin-top: 0;
  }
}
.airback_easy {
  margin-top: 80px;
  padding: 70px 0 145px 0;
  background-image: url(../img/security/airback/airback_easy_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .airback_easy {
    margin-top: 40px;
    padding: 25px 0 50px;
    background-image: url(../img/security/airback/airback_easy_bg_sp.jpg);
  }
}
.airback_easy_wrap {
  max-width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .airback_easy_wrap {
    padding: 0 5%;
  }
}
.airback_easy_wrap h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .airback_easy_wrap h2 img {
    width: 91.0979228487%;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list_tab {
    margin-top: 25px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.airback_easy_list_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32.6409495549%;
  padding: 10px 4px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.airback_easy_list_tab li:nth-child(n+2) {
  margin-left: 2px;
}

.airback_easy_list_tab li.active {
  background: #1d2731;
  color: #fff;
}

.airback_easy_list {
  margin-top: 65px;
}

@media screen and (max-width: 768px) {
  .airback_easy_list {
    margin-top: 15px;
  }
}
.airback_easy_list .tab_panel {
  position: relative;
  padding: 0;
  background: 0 0;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
  .airback_easy_list .tab_panel:nth-child(n+2) {
    margin-top: 45px;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list .tab_panel:nth-of-type(1) .airback_easy_list_block li:first-child .airback_easy_list_block_img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list .tab_panel:nth-of-type(1) .airback_easy_list_block li:last-child .airback_easy_list_block_img {
    margin-top: 31px;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list .tab_panel:nth-of-type(2) .airback_easy_list_block li:first-child .airback_easy_list_block_img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list .tab_panel:nth-of-type(3) .airback_easy_list_block li:first-child {
    padding: 12% 8.5% 5% 8.5%;
  }
}
@media screen and (min-width: 769px) {
  .airback_easy_list .tab_panel:nth-of-type(3) .airback_easy_list_block li:first-child::after {
    top: calc(50% + 65px);
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list .tab_panel:nth-of-type(3) .airback_easy_list_block li:first-child .airback_easy_list_block_img {
    margin-top: 35px;
  }
}
@media screen and (min-width: 769px) {
  .airback_easy_list .tab_panel:nth-of-type(3) .airback_easy_list_block li:first-child .airback_easy_list_block_img {
    margin-top: 40px;
  }
}
.airback_easy_list .easy_no {
  display: block;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .airback_easy_list .easy_no {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list div img {
    width: 100%;
    height: auto;
  }
}
.airback_easy_list_block {
  display: flex;
}
.airback_easy_list_block:not(:root) {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .airback_easy_list_block {
    display: block;
  }
}
.airback_easy_list_block li {
  width: 50%;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .airback_easy_list_block li {
    width: 100%;
  }
}
.airback_easy_list_block li:first-child {
  margin-right: 0 !important;
  padding: 54px 30px 40px 50px;
  background: #fff;
  position: relative;
}

@media screen and (max-width: 768px) {
  .airback_easy_list_block li:first-child {
    margin-bottom: 0 !important;
    padding: 9% 8.5% 5% 8.5%;
  }
}
.airback_easy_list_block li:first-child::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 29px;
  background-image: url(../img/security/mailsecurity/function_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .airback_easy_list_block li:first-child::after {
    top: calc(100% - 11px);
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
@media screen and (min-width: 769px) {
  .airback_easy_list_block li:first-child::after {
    top: calc(50% + 65px);
    left: calc(100% - 7px);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list_block li:first-child span {
    color: #1d2731;
    border-right: 1px solid grey;
  }
}
@media screen and (min-width: 769px) {
  .airback_easy_list_block li:first-child span {
    padding: 6px 14px;
    background: #1d2731;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list_block li:first-child p {
    color: #1d2731;
  }
}
@media screen and (min-width: 769px) {
  .airback_easy_list_block li:first-child p {
    color: #939699;
  }
}
.airback_easy_list_block li:last-child {
  padding: 54px 50px 40px 30px;
  background: #e6f6f7;
}

@media screen and (max-width: 768px) {
  .airback_easy_list_block li:last-child {
    padding: 9% 8.5%;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list_block li:last-child span {
    color: #01b6c9;
    border-right: 1px solid #01b6c9;
  }
}
@media screen and (min-width: 769px) {
  .airback_easy_list_block li:last-child span {
    padding: 6px 7px;
    background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list_block li:last-child p {
    color: #01b6c9;
  }
}
@media screen and (min-width: 769px) {
  .airback_easy_list_block li:last-child p {
    background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.airback_easy_list_block li span {
  color: #fff;
  font-weight: 700;
}

.airback_easy_list_block li p {
  margin-top: 15px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .airback_easy_list_block li p {
    margin-top: 0;
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list_block_title {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list_block_title span {
    width: 14.2857142857%;
  }
}
@media screen and (max-width: 768px) {
  .airback_easy_list_block_title p {
    width: 85.7142857143%;
    padding-left: 10px;
  }
}
.airback_easy_list_block_img {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .airback_easy_list_block_img {
    margin-top: 10px;
  }
}
.airback_function {
  padding: 70px 0 125px;
  background-image: url(../img/security/airback/function_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .airback_function {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 30px 5% 55px;
    background-color: #01b6c9;
    background-image: url(../img/security/airback/function_bg_sp.jpg);
    background-position: center bottom;
  }
}
.airback_function_wrap {
  max-width: 900px;
  margin: 0 auto;
}

.airback_function_wrap h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .airback_function_wrap h2 img {
    width: 60.5341246291%;
    margin: 0 auto;
  }
}
.airback_function_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 85px;
}

@media screen and (max-width: 768px) {
  .airback_function_list {
    margin-top: 20px;
  }
}
.airback_function_list > li {
  width: 48.8888888889%;
  padding: 40px 28px;
  background: #fff;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .airback_function_list > li {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list > li:nth-child(even) {
    margin-right: 2.2222222222%;
  }
}
.airback_function_list > li:nth-child(n+2) {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .airback_function_list > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list > li:nth-child(n+1):not(:nth-child(n+4)) {
    width: 100%;
    margin-right: 0;
    padding: 40px 50px;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list > li:nth-of-type(1) h3 {
    width: 52.5222551929%;
    left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list > li:nth-of-type(2) h3 {
    width: 60.237388724%;
    left: -3px;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list > li:nth-of-type(2) .airback_function_list_check {
    width: 800px;
    max-height: 230px;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list > li:nth-of-type(3) h3 {
    width: 54.5994065282%;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list > li:nth-of-type(3) .airback_function_list_check {
    width: 800px;
    max-height: 300px;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list > li:nth-of-type(3) .airback_function_list_check dl dt {
    width: 27.4725274725%;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list > li:nth-of-type(3) .airback_function_list_check dl dd {
    width: 72.5274725275%;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list > li:nth-of-type(4) h3 {
    width: 33.53115727%;
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list > li:nth-of-type(5) h3 {
    width: 83.3827893175%;
    left: -2px;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list > li:nth-of-type(6) h3 {
    width: 67.6557863501%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list > li:nth-of-type(7) h3 {
    width: 62.3145400593%;
    left: -3px;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list .toggle_ttl {
    position: relative;
    height: 21.4vw;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list .toggle_ttl {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    flex-grow: 1;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list .toggle_ttl h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list .toggle_div {
    display: none;
    position: relative;
    padding: 25px 13% 40px 13%;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list .toggle_div::after,
  .airback_function_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .airback_function_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background: #bc9727;
  }
}
.airback_function_list .toggle_div p {
  color: #939699;
  font-weight: 700;
  font-feature-settings: "palt";
}

.airback_function_list .toggle_div div {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .airback_function_list .toggle_div div img {
    width: 100%;
    height: auto;
  }
}
.airback_function_list_check {
  display: flex;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .airback_function_list_check {
    flex-direction: column;
  }
}
.airback_function_list_check li:first-child {
  width: 60%;
  background: #f9f7f0;
}

@media screen and (max-width: 768px) {
  .airback_function_list_check li:first-child {
    width: 100%;
  }
}
.airback_function_list_check li:last-child {
  width: 40%;
}

@media screen and (max-width: 768px) {
  .airback_function_list_check li:last-child {
    width: 100%;
    margin-top: 15px;
  }
}
.airback_function_list_check dl {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 10px 25px 15px;
}

@media screen and (max-width: 768px) {
  .airback_function_list_check dl {
    padding: 0;
  }
}
.airback_function_list_check dl dd,
.airback_function_list_check dl dt {
  padding-top: 10px;
  font-weight: 700;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .airback_function_list_check dl dd,
  .airback_function_list_check dl dt {
    padding: 0 13px 0 18px;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list_check dl dd:first-of-type,
  .airback_function_list_check dl dt:first-of-type {
    padding-top: 0;
  }
}
.airback_function_list_check dl dt {
  width: 30.7692307692%;
  color: #1d2731;
  position: relative;
}

@media screen and (max-width: 768px) {
  .airback_function_list_check dl dt {
    width: 100%;
    padding-top: 12px;
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list_check dl dt {
    min-height: 30px;
    border-right: 1px solid #000;
  }
}
.airback_function_list_check dl dt::before {
  content: "";
  width: 16px;
  height: 12px;
  display: inline-block;
  margin: 0 4px -1px 0;
  background-image: url(../img/security/airback/check.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .airback_function_list_check dl dt::before {
    width: 12px;
    height: 8px;
    margin: 0 2px 0 0;
  }
}
.airback_function_list_check dl dd {
  width: 69.2307692308%;
  font-size: 13px;
  font-feature-settings: "palt";
  color: #909291;
}

@media screen and (max-width: 768px) {
  .airback_function_list_check dl dd {
    width: 100%;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 1.5;
    border-bottom: 2px solid #fff;
  }
}
@media screen and (min-width: 769px) {
  .airback_function_list_check dl dd {
    padding-left: 19px;
  }
}
.contact_btn_airback {
  margin: 60px 0;
}

@media screen and (max-width: 768px) {
  .airback_spec {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 769px) {
  .airback_spec .spec_block p:first-of-type {
    width: 22.2222222222%;
    padding: 15px 20px 15px 30px;
  }
}
@media screen and (min-width: 769px) {
  .airback_spec .spec_block p:last-of-type {
    width: 79.5454545455%;
  }
}
@media screen and (max-width: 768px) {
  .airback_spec .spec_block p:last-of-type {
    padding: 8px 15px 12px 15px;
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .airback_contact {
    margin-top: 30px;
  }
}
.idauthentication .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .idauthentication .lower_mv {
    height: 500px;
    background-image: url(../img/security/idauthentication/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.idauthentication .lower_mv_wrap {
  max-width: 1000px;
  margin: -40px auto 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .idauthentication .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication .lower_mv_wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication .mv_title01 {
    width: 26.6666666667%;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication .mv_title02 {
    width: 52.2666666667%;
    margin-top: 6px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication .mv_title03 {
    width: 29.8666666667%;
    margin-top: 12px;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication .mv_text {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication .mv_text {
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .idauthentication .mv_list {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication .mv_list li {
    padding: 0 15px;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication .mv_list li:first-child {
    padding-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication .mv_list li:last-child {
    padding-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication .mv_right {
    transform: translateX(-90px) translateY(20px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication .mv_right {
    position: relative;
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication .mv_right img {
    width: 100%;
  }
}
.idauthentication h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.idauthentication h2::before {
  content: none;
}

.idauthentication h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .idauthentication .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.idauthentication .idauthentication_title {
  padding: 34px 45px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .idauthentication .idauthentication_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication .idauthentication_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.idauthentication .idauthentication_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .idauthentication .idauthentication_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.idauthentication_top {
  padding: 60px 0 205px;
  background-image: url(../img/security/idauthentication/trouble_bg.png);
  background-size: 1920px;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .idauthentication_top {
    padding: 30px 0 14.6666666667%;
    background-image: url(../img/security/idauthentication/trouble_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    overflow: hidden;
  }
}
.idauthentication_top::after {
  content: "";
  width: 456px;
  height: 510px;
  position: absolute;
  background-image: url(../img/security/idauthentication/trouble_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 1;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 460px;
}

@media screen and (max-width: 768px) {
  .idauthentication_top::after {
    content: "";
    width: 38.6666666667%;
    height: 47vw;
    margin-left: 24vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-55%);
    background-image: url(../img/security/idauthentication/trouble_bg_obj_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_trouble h2 {
    width: 69.1394658754%;
    margin: 0 auto;
  }
}
.idauthentication_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.idauthentication_trouble_list::after {
  display: none;
}

.idauthentication_trouble_list li {
  position: relative;
  padding: 34px 50px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.5;
  box-sizing: border-box;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .idauthentication_trouble_list li {
    margin-top: 10px;
    padding: 12px 18px 10px 23px;
    font-size: 13px;
    background-size: 35px;
    letter-spacing: -0.1px;
  }
}
.idauthentication_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .idauthentication_trouble_list li::before {
    top: -5px;
  }
}
.idauthentication_trouble_list li:first-child {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  padding: 18px 40px 18px 60px;
}

@media screen and (min-width: 769px) {
  .idauthentication_trouble_list li:first-child {
    width: 550px;
    margin-right: 230px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_trouble_list li:first-child {
    margin-top: 30px;
    padding: 20px 10px 15px 14px;
  }
}
.idauthentication_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .idauthentication_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 10px;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication_trouble_list li:nth-child(2) {
    margin-right: 30px;
    padding: 22px 20px 22px 50px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_trouble_list li:nth-child(2) {
    margin-right: 2.9673590504%;
    padding: 20px 7px 18px 14px;
  }
}
.idauthentication_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/datamigration/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .idauthentication_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication_trouble_list li:nth-child(3) {
    padding: 22px 20px 22px 60px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_trouble_list li:nth-child(3) {
    padding: 18px 10px 19px 19px;
  }
}
.idauthentication_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .idauthentication_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
  }
}
@media screen and (min-width: 769px) {
  .idauthentication_trouble_list li:not(:first-child) {
    width: 370px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_trouble_list li:not(:first-child) {
    width: 48.3679525223%;
  }
}
.idauthentication_trouble_list li b {
  color: #e60012;
}

.idauthentication_trouble_problem {
  max-width: 770px;
  margin: 45px auto 0;
}

@media screen and (max-width: 768px) {
  .idauthentication_trouble_problem {
    width: 56.6765578635%;
    margin: 18px 0 0 20px;
  }
}
.idauthentication_why_area {
  margin-top: -100px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .idauthentication_why_area {
    margin-top: -10px;
  }
}
.idauthentication_why_area h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .idauthentication_why_area h2 {
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .idauthentication_why_area .security_border_title {
    font-size: 15px;
    padding: 2px;
  }
}
.idauthentication_why_area .l-wrapper {
  max-width: 920px;
}

@media screen and (max-width: 768px) {
  .idauthentication_why h2 {
    width: 70.0296735905%;
  }
}
.idauthentication_why_list {
  max-width: 850px;
  display: flex;
  margin: 55px auto 0;
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list {
    flex-direction: column;
    margin-top: 15px;
  }
}
.idauthentication_why_list .idauthentication_why_list_img {
  display: flex;
  justify-content: center;
}

.idauthentication_why_list li {
  width: 28.2352941176%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .idauthentication_why_list li {
    width: 100%;
    background: #fff;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 769px) {
  .idauthentication_why_list li:nth-child(n+2) {
    margin-left: 7.6470588235%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list li:nth-of-type(1) .toggle_ttl p {
    width: 37.037037037%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list li:nth-of-type(2) .toggle_ttl p {
    width: 40.404040404%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list li:nth-of-type(3) .toggle_ttl p {
    width: 46.8013468013%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list .toggle_ttl {
    display: flex;
    align-items: center;
    position: relative;
    padding: 18px 6%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
.idauthentication_why_list .toggle_ttl p {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list .toggle_ttl p {
    margin: 0 0 0 10px;
  }
}

@media screen and (max-width: 768px) {
  .idauthentication_why_list .toggle_div {
    display: none;
    padding: 0 20px;
  }
}
.idauthentication_why_list .toggle_div p {
  margin-top: 18px;
  color: #717479;
  text-align: left;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .idauthentication_why_list .toggle_div p {
    margin-top: 0;
    padding: 25px 0;
    border-top: 1px solid #ebebeb;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_why_list_img {
    width: 22.8956228956%;
  }
}
.idauthentication_why_list_img img {
  width: fit-content;
}

.idauthentication_plan {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .idauthentication_plan {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_plan h2 {
    width: 95.8456973294%;
  }
}
.idauthentication_plan .security_border_title {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .idauthentication_plan .security_border_title {
    margin-top: 15px;
  }
}
.idauthentication_plan_list {
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .idauthentication_plan_list {
    flex-direction: column;
    margin-top: 15px;
  }
}
.idauthentication_plan_list > li {
  background: #fff;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 769px) {
  .idauthentication_plan_list > li:nth-child(n+2) {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_plan_list > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.idauthentication_plan_list .toggle_ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  color: #fff;
  background: #01b6c9;
}

@media screen and (max-width: 768px) {
  .idauthentication_plan_list .toggle_ttl {
    padding: 24px 5%;
    position: relative;
  }
}
.idauthentication_plan_list .toggle_ttl h4 {
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .idauthentication_plan_list .toggle_ttl h4 {
    font-size: 18px;
    margin-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_plan_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_plan_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
.idauthentication_plan_list .toggle_div {
  padding: 30px 30px 20px 30px;
}

@media screen and (max-width: 768px) {
  .idauthentication_plan_list .toggle_div {
    display: none;
    padding: 20px 20px 10px 20px;
  }
}
.idauthentication_plan_list .toggle_div p {
  color: #717479;
  font-weight: 700;
  line-height: 1.6;
  font-feature-settings: "palt";
}

.idauthentication_plan_list .toggle_div ul {
  margin-top: 15px;
}

.idauthentication_plan_list .toggle_div ul li {
  padding: 10px 3px;
  font-size: 18px;
  font-weight: 700;
  border-top: 1px dotted grey;
}

.idauthentication_plan_list .toggle_div ul li::before {
  content: "";
  width: 16px;
  height: 12px;
  display: inline-block;
  margin: 0 6px 0 0;
  background-image: url(../img/security/idauthentication/check.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.idauthentication_plan_list .toggle_div ul li span {
  color: #01b6c9;
}

.idauthentication_plan_sub {
  margin-right: 10px;
  padding: 0 18px;
  font-weight: 700;
  background: #007783;
  border-radius: 15px;
}

.idauthentication_difficult {
  margin-top: 60px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .idauthentication_difficult {
    margin-top: 0;
    padding: 30px 0 70px;
    background-image: url(../img/security/idauthentication/difficult_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}
.idauthentication_difficult::before {
  content: "";
  width: 1920px;
  height: 866px;
  position: absolute;
  bottom: -150px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/idauthentication/difficult_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .idauthentication_difficult::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_difficult h2 {
    width: 78.0415430267%;
  }
}
.idauthentication_difficult .security_border_title {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .idauthentication_difficult .security_border_title {
    margin-top: 15px;
  }
}
.idauthentication_difficult_list {
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .idauthentication_difficult_list {
    flex-direction: column;
    margin-top: 15px;
  }
}
.idauthentication_difficult_list li {
  width: 33.3333333333%;
  padding: 30px 30px 50px 30px;
  background: #fff;
  text-align: center;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .idauthentication_difficult_list li {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 17px 10% 17px 3.5%;
  }
}
.idauthentication_difficult_list li .idauthentication_difficult_img {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .idauthentication_difficult_list li:nth-child(n+2) {
    margin-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_difficult_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_difficult_img {
    width: 21.4057507987%;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_difficult_text {
    margin-left: 13px;
  }
}
.idauthentication_difficult_text p {
  display: flex;
  justify-content: center;
  margin-top: 28px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .idauthentication_difficult_text p {
    width: 37.037037037%;
    margin-top: 0;
    text-align: left;
  }
}
.idauthentication_difficult_text h4 {
  margin-top: 12px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .idauthentication_difficult_text h4 {
    margin-top: 7px;
    font-size: 15px;
    text-align: left;
  }
}
.idauthentication_solution {
  position: relative;
  z-index: 2;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .idauthentication_solution {
    margin-top: -30px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_solution .solution_text {
    margin-top: -10px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_solution .solution_text h2 span {
    font-size: 4.8vw;
  }
}
.auth0_about {
  padding: 50px 50px 40px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .auth0_about {
    margin: 20px auto 0;
    padding: 8% 5%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.auth0_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

.auth0_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .auth0_about h2 {
    width: 44.3333333333%;
    margin: 0 auto;
  }
}

.auth0_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .auth0_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    font-feature-settings: "palt";
    letter-spacing: 0.05rem;
  }
}
.auth0_about .auth0_about_img {
  margin-top: 35px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .auth0_about .auth0_about_img {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about .auth0_about_img img {
    width: 96%;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list > li {
    background: #f8f8f8;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list > li:nth-of-type(1) h3 {
    width: 85.1632047478%;
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list > li:nth-of-type(2) h3 {
    width: 65.8753709199%;
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list > li:nth-of-type(3) h3 {
    width: 75.9643916914%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list > li:nth-of-type(3) .toggle_div {
    padding: 20px 5% 30px;
  }
}
.auth0_about_list .security_border_title {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .auth0_about_list .toggle_ttl {
    position: relative;
    height: 26.7vw;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list .toggle_ttl h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list .toggle_div {
    display: none;
    padding: 20px 13% 30px 13%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list .toggle_div::after,
  .auth0_about_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .auth0_about_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
.auth0_about_list_text {
  max-width: 900px;
  margin: 30px auto 0;
  color: #717479;
  font-weight: 700;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .auth0_about_list_text {
    margin: 10px auto 0;
    font-feature-settings: "palt";
    line-height: 1.8;
  }
}
.auth0_about_list_img {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .auth0_about_list_img {
    margin-top: 10px;
  }
}
.auth0_flex_list {
  max-width: 850px;
  display: flex;
  margin: 35px auto 0;
}
@media screen and (max-width: 768px) {
  .auth0_flex_list {
    margin-top: 5px;
  }
}
.auth0_flex_list .auth0_flex_list_img {
  display: flex;
  justify-content: center;
}

.auth0_flex_list li {
  width: 28.2352941176%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .auth0_flex_list li {
    width: 100%;
    background: 0 0;
  }
}
@media screen and (min-width: 769px) {
  .auth0_flex_list li {
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .auth0_flex_list li:nth-child(n+2) {
    margin-left: 7.5294117647%;
  }
}
.auth0_flex_list p {
  margin-top: 15px;
  color: #717479;
  text-align: left;
  line-height: 1.5;
  font-feature-settings: "palt";
}

.auth0_flex_list_sub {
  margin-top: 20px;
}
.auth0_flex_list_sub img {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .idauthentication_auth0_list_tab {
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
  }
}
.idauthentication_auth0_list_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32.6732673267%;
  padding: 10px 4px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.idauthentication_auth0_list_tab li:nth-child(n+2) {
  margin-left: 2px;
}

.idauthentication_auth0_list_tab li.active {
  background: #1d2731;
  color: #fff;
}

.auth0_purposes {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .auth0_purposes {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .auth0_purposes .idauthentication_title {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .auth0_purposes .idauthentication_title::after {
    top: 35px;
  }
}
.auth0_purposes_list {
  display: flex;
  max-width: 900px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .auth0_purposes_list {
    flex-direction: column;
    margin: 35px auto 0;
  }
}
.auth0_purposes_list li {
  width: 32.2222222222%;
  padding: 35px 20px 20px 20px;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .auth0_purposes_list li {
    width: 100%;
    padding: 18px 5%;
  }
}
@media screen and (min-width: 769px) {
  .auth0_purposes_list li:nth-child(n+2) {
    margin-left: 1.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .auth0_purposes_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.auth0_purposes_list .toggle_ttl {
  position: relative;
  text-align: center;
}
.auth0_purposes_list .toggle_ttl figure {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .auth0_purposes_list .toggle_ttl {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .auth0_purposes_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .auth0_purposes_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .auth0_purposes_list .toggle_ttl figure {
    width: 22.4422442244%;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .auth0_purposes_list .toggle_ttl div {
    text-align: left;
    margin-left: 12px;
    flex-grow: 1;
  }
}
.auth0_purposes_list .toggle_ttl h3 {
  margin-top: 10px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .auth0_purposes_list .toggle_ttl h3 {
    margin-top: 5px;
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .auth0_purposes_list .toggle_ttl .reason_no {
    width: 31.3901345291%;
    display: block;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .auth0_purposes_list .toggle_div {
    display: none;
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
  }
}
.auth0_purposes_list .toggle_div p {
  margin-top: 5px;
  color: #939699;
  font-weight: 700;
  line-height: 1.5;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .auth0_purposes_list .toggle_div p {
    padding: 0 4% 5% 4%;
  }
}
.purposes_no {
  line-height: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.purposes_no figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .auth0_contact {
    margin: 30px calc(-50vw + 50%) 0;
  }
}
.idauthentication_tokuchou {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .idauthentication_tokuchou {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication {
    margin-top: 25px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li .tokuchou_list_box .toggle_ttl {
    min-height: 100px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li .tokuchou_list_box .toggle_ttl .tokuchou_nb {
    left: -50px;
    bottom: calc(100% - 15px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li .tokuchou_list_box .toggle_div {
    padding: 10% 13%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li .tokuchou_list_box .tokuchou_ttl {
    position: absolute;
    left: 47px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-child(even) .tokuchou_list_box {
    padding: 65px 75px 0 75px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-child(even) .tokuchou_list_box .toggle_ttl .tokuchou_nb {
    right: -50px;
    bottom: 100%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-child(even) .tokuchou_list_img {
    top: -70px;
    right: 500px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-of-type(1) .toggle_ttl .tokuchou_nb {
    left: -50px;
    bottom: calc(100% - 25px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(1) .tokuchou_ttl {
    width: 37.6854599407%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-of-type(1) .tokuchou_list_box {
    justify-content: flex-start;
    padding: 40px 75px 0 75px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(1) .tokuchou_list_img_sp img {
    width: 90.7630522088%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(2) .tokuchou_ttl {
    width: 42.7299703264%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(2) .tokuchou_list_img_sp img {
    width: 59.8393574297%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(3) .tokuchou_ttl {
    width: 37.3887240356%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-of-type(3) .tokuchou_list_img {
    width: 560px;
    top: -45px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(3) .tokuchou_list_img_sp img {
    width: 76.7068273092%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(4) .tokuchou_ttl {
    width: 37.9821958457%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-of-type(4) .tokuchou_list_img {
    top: -40px;
    right: 480px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(4) .tokuchou_list_img_sp img {
    width: 75.5020080321%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(5) .tokuchou_ttl {
    width: 29.9703264095%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-of-type(5) .tokuchou_list_img {
    top: -50px;
    left: 480px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-of-type(5) .toggle_ttl .tokuchou_nb {
    bottom: calc(100% + 5px);
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication li:nth-of-type(5) .tokuchou_list_box {
    justify-content: flex-start;
    padding: 70px 75px 0 75px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_idauthentication li:nth-of-type(5) .tokuchou_list_img_sp img {
    width: 91.1646586345%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_idauthentication .tokuchou_list_box {
    justify-content: flex-start;
    padding: 50px 75px 0 75px;
  }
}
.tokuchou_list_idauthentication .tokuchou_list_box p {
  color: #717479;
  opacity: 1;
}

.tokuchou_list_idauthentication .tokuchou_list_img {
  top: -40px;
  left: 435px;
}

.idauthentication_record_area {
  padding: 50px 0 80px;
  background-image: url(../img/security/idauthentication/record_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .idauthentication_record_area {
    margin-top: 30px;
    padding: 30px 0 25px;
    background-image: url(../img/security/idauthentication/record_bg_sp.jpg);
  }
}
@media screen and (min-width: 769px) {
  .idauthentication_record_area {
    margin-top: 60px;
  }
}
.idauthentication_record {
  max-width: 900px;
  margin: 0 auto;
}

.idauthentication_record h2 {
  width: 84%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .idauthentication_record h2 {
    width: 93.0666666667%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .packetix_tab {
    margin: 20px auto 0;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .packetix_tab li {
    width: 24.6666666667%;
    padding: 15px 0;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .packetix_tab li:not(:nth-child(4n)) {
    margin-right: 1px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .packetix_tab li:nth-child(n+5) {
    margin-top: 1px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .packetix_tab li:nth-of-type(1),
  .idauthentication_record .packetix_tab li:nth-of-type(5) {
    border-radius: 5px 0 0 5px;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .packetix_tab li:nth-of-type(4),
  .idauthentication_record .packetix_tab li:nth-of-type(7) {
    border-radius: 0 5px 5px 0;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel {
    padding: 8% 4% 6% 4%;
    background: rgba(255, 255, 255, 0.9);
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel .record_list_single {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel:nth-of-type(1) .record_list_single {
    width: 75.7246376812%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel:nth-of-type(2) .record_list_single {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel:nth-of-type(3) .record_list_single {
    width: 85.8695652174%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel:nth-of-type(4) .record_list_single {
    width: 82.9710144928%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel:nth-of-type(5) .record_list_single {
    width: 81.884057971%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel:nth-of-type(6) .record_list_single {
    width: 84.0579710145%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel:nth-of-type(7) .record_list_single {
    width: 87.6811594203%;
  }
}
@media screen and (max-width: 768px) {
  .idauthentication_record .tab_panel img {
    mix-blend-mode: multiply;
  }
}
.record_block_pc {
  margin-top: 45px;
  padding: 25px 20px 40px 20px;
  background: #fff;
  position: relative;
}

.record_block_pc::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: -8px;
  width: 85px;
  height: 82px;
  background-image: url(../img/security/waf/record_ribbon.png);
  background-size: 100%;
}

.record_block_pc h3 {
  color: #bc9727;
  font-size: 20px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .record_block_pc h3 {
    font-size: 18px;
    font-feature-settings: "palt";
  }
}
.record_block_pc div {
  margin-top: 25px;
}

.linuxserver .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .linuxserver .lower_mv {
    height: 500px;
    background-image: url(../img/security/linuxserver/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.linuxserver .lower_mv_wrap {
  max-width: 1000px;
  margin: -50px auto 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .linuxserver .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver .lower_mv_wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver .mv_title01 {
    width: 32%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver .mv_title02 {
    width: 48.5333333333%;
    margin-top: 6px;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver .mv_title03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver .mv_title03 {
    width: 57.6%;
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver .mv_text {
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .linuxserver .mv_right {
    transform: translateX(-15px) translateY(0);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 2px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver .mv_right img {
    width: 100%;
  }
}
.linuxserver h2 {
  display: flex;
  justify-content: center;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.linuxserver h2::before {
  content: none;
}

.linuxserver h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .linuxserver .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.linuxserver .linuxserver_title {
  display: block;
  padding: 34px 45px;
  line-height: 1.1;
  font-size: 30px;
  font-weight: bold;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .linuxserver .linuxserver_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}

.linuxserver .linuxserver_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .linuxserver .linuxserver_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.linuxserver_top {
  padding: 70px 0 215px;
  background-image: url(../img/security/linuxserver/trouble_bg.png);
  background-size: 1920px;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .linuxserver_top {
    padding: 30px 0 30.6666666667%;
    background-image: url(../img/security/linuxserver/trouble_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_top::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 49.5251017639%;
    background-image: url(../img/security/linuxserver/trouble_bg_obj_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_top .wrapper {
    padding: 0 4.2%;
  }
}
.linuxserver_trouble {
  text-align: center;
}

.linuxserver_trouble_text {
  margin: 25px 0 0 0;
  color: #707478;
  font-size: 15px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .linuxserver_trouble_text {
    text-align: left;
    line-height: 1.8;
  }
}
.linuxserver_trouble_list {
  max-width: 900px;
  display: flex;
  margin: 45px auto 0;
}

@media screen and (max-width: 768px) {
  .linuxserver_trouble_list {
    flex-wrap: wrap;
    margin: 25px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_trouble_list li {
    width: 48.1049562682%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_trouble_list li {
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_trouble_list li:nth-child(odd) {
    margin-right: 2.915451895%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_trouble_list li:nth-child(n+2) {
    margin-left: 8px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_trouble_list li:nth-child(n+3) {
    margin-top: 10px;
  }
}
.linuxserver_trouble_problem {
  margin-top: 40px;
}
.linuxserver_trouble_problem img {
  width: fit-content;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .linuxserver_trouble_problem {
    width: 86.0534124629%;
    margin: 0 auto;
  }
}
.linuxserver_whats_area {
  margin-top: -115px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .linuxserver_whats_area {
    margin-top: -25px;
  }
}
.linuxserver_whats {
  max-width: 900px;
  margin: 0 auto;
}

.linuxserver_whats h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}

.linuxserver_whats .security_border_title {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .linuxserver_whats .security_border_title {
    margin-top: 20px;
  }
}
.linux_about {
  margin: 20px auto 0;
  padding: 8% 5%;
  background-image: url(../img/security/ups/about_bg_sp.png);
  background-size: cover;
  border-radius: 10px;
  box-sizing: border-box;
}

.linux_about h2 {
  width: 61.6666666667%;
  margin: 0 auto;
  text-align: center;
}

.linux_about p {
  margin-top: 15px;
  color: #bfe2e6;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.05rem;
  font-feature-settings: "palt";
}

.linuxserver_whats_text {
  margin: 30px 0 0 0;
  font-size: 20px;
  font-weight: 700;
  color: #717479;
  line-height: 1.5;
  text-align: center;
}

.linuxserver_merit_list {
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .linuxserver_merit_list {
    flex-direction: column;
    margin-top: 15px;
  }
}
.linuxserver_merit_list > li {
  width: 48.8888888889%;
  background: #fff;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .linuxserver_merit_list > li {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_merit_list > li:nth-child(n+2) {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_merit_list > li:nth-child(n+2) {
    margin-top: 15px;
  }
}
.linuxserver_merit_list .linuxserver_merit_list_title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  color: #fff;
  background: #01b6c9;
}

@media screen and (max-width: 768px) {
  .linuxserver_merit_list .linuxserver_merit_list_title {
    padding: 9px 5%;
    position: relative;
  }
}
.linuxserver_merit_list .linuxserver_merit_list_title h4 {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .linuxserver_merit_list .linuxserver_merit_list_title h4 {
    font-size: 18px;
    margin-right: 20px;
  }
}

.linuxserver_merit_list .linuxserver_merit_list_text {
  padding: 10px 30px 15px 30px;
}

@media screen and (max-width: 768px) {
  .linuxserver_merit_list .linuxserver_merit_list_text {
    padding: 10px 20px 10px 20px;
  }
}
.linuxserver_merit_list .linuxserver_merit_list_text p {
  color: #717479;
  font-weight: 700;
  line-height: 1.6;
  font-feature-settings: "palt";
}

.linuxserver_merit_list .linuxserver_merit_list_text ul li {
  font-size: 18px;
  font-weight: 700;
  border-top: 1px dotted grey;
  line-height: 1.5;
  padding: 10px 0 10px 1.2em;
  text-indent: -1.2em;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .linuxserver_merit_list .linuxserver_merit_list_text ul li {
    font-size: 15px;
    line-height: 1.3;
    padding-left: 1.5em;
    text-indent: -1.5em;
  }
}
.linuxserver_merit_list .linuxserver_merit_list_text ul li::before {
  content: "";
  width: 16px;
  height: 12px;
  display: inline-block;
  margin: 0 6px 0 0;
  background-image: url(../img/security/idauthentication/check.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.linuxserver_merit_list .linuxserver_merit_list_text ul li:first-child {
  border-top: 0;
}

.linuxserver_merit_list .linuxserver_merit_list_text ul li span {
  color: #01b6c9;
}

.linuxserver_merit_sub {
  margin-right: 10px;
  padding: 0 18px;
  font-weight: 700;
  background: #007783;
  border-radius: 15px;
}

@media screen and (max-width: 768px) {
  .linuxserver_merit_sub {
    padding: 0 12px;
    font-size: 12px;
  }
}
.linuxserver_demerit .linuxserver_merit_list_title {
  background: grey;
}

.linuxserver_demerit .linuxserver_merit_list_text ul li::before {
  background-image: url(../img/security/linuxserver/check_bk.png);
}

.linuxserver_demerit .linuxserver_merit_list_text ul li span {
  color: grey;
}

.linuxserver_demerit .linuxserver_merit_sub {
  background: #535353;
}

.linuxserver_osusume_list {
  max-width: 790px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin: 30px auto 0;
}

@media screen and (max-width: 768px) {
  .linuxserver_osusume_list {
    flex-wrap: wrap;
  }
}
.linuxserver_osusume_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .linuxserver_osusume_list li {
    flex-direction: row;
    width: 100%;
    padding: 15px 12px;
    background: #fff;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}

@media screen and (min-width: 769px) {
  .linuxserver_osusume_list li:nth-child(1) {
    margin-right: 90px;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_osusume_list li:nth-child(2) {
    margin-right: 63px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_osusume_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_osusume_img {
    width: 21.4057507987%;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_osusume_text {
    width: 74.4408945687%;
    margin-left: 13px;
    text-align: left;
  }
}
.linuxserver_osusume_text p {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .linuxserver_osusume_text p {
    width: 40.7725321888%;
    margin-top: 0;
  }
}

.linuxserver_osusume_text h4 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .linuxserver_osusume_text h4 {
    margin-top: 7px;
    font-size: 15px;
  }
}
.linuxserver_about {
  margin-top: 60px;
  padding: 50px 50px 60px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .linuxserver_about {
    margin: 40px auto 0;
    padding: 8% 5%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.linuxserver_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

.linuxserver_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .linuxserver_about h2 {
    width: 55.7755775578%;
    margin: 0 auto;
  }
}

.linuxserver_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .linuxserver_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.05rem;
  }
}
.linuxserver_about .linuxserver_about_img {
  margin-top: 35px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .linuxserver_about .linuxserver_about_img {
    display: flex;
    justify-content: center;
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_about .linuxserver_about_img img {
    width: 74.8506666667vw;
  }
}
.linuxserver_function {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .linuxserver_function {
    margin-top: 40px;
  }
}
.linuxserver_function_list {
  max-width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .linuxserver_function_list {
    margin: 35px auto 0;
  }
}
.linuxserver_function_list > li {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .linuxserver_function_list > li {
    margin-top: 10px;
    background: #f8f8f8;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list > li:nth-of-type(1) .tokuchou_ttl {
    width: 52.2255192878%;
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list > li:nth-of-type(2) .tokuchou_ttl {
    width: 50.1483679525%;
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list > li:nth-of-type(3) .tokuchou_ttl {
    width: 46.2908011869%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list .toggle_ttl {
    height: 26.7vw;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list .toggle_ttl .tokuchou_ttl {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list .toggle_div {
    display: none;
    padding: 20px 5% 30px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list .toggle_div::after,
  .linuxserver_function_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_function_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
.gf1000_list01 {
  display: flex;
}

@media screen and (min-width: 769px) {
  .gf1000_list01 {
    margin-top: 30px;
  }
}
.gf1000_list01 li {
  width: 32.2222222222%;
  padding: 35px 19px 20px 19px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .gf1000_list01 li {
    width: 100%;
    padding: 25px 0 20px 0;
    background: 0 0;
  }
}
@media screen and (min-width: 769px) {
  .gf1000_list01 li {
    background: #fff;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 769px) {
  .gf1000_list01 li:nth-child(n+2) {
    margin-left: 1.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list01 li:nth-child(2) .gf1000_merit_list_img {
    width: 48.1848184818%;
  }
}
.gf1000_list01 .reason_no {
  line-height: 1;
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  transform: translateX(-50%);
}

.gf1000_merit_list_img {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .gf1000_merit_list_img {
    width: 44.5544554455%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .gf1000_list01_tab {
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
  }
}
.gf1000_list01_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.00330033%;
  padding: 17px 4px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  font-feature-settings: "palt";
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.gf1000_list01_tab li:nth-child(n+2) {
  margin-left: 1px;
}

.gf1000_list01_tab li.active {
  background: #1d2731;
  color: #fff;
}

.gf1000_merit_list_text {
  margin-top: 25px;
  font-feature-settings: "palt";
}

.gf1000_merit_list_text h5 {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .gf1000_merit_list_text h5 {
    font-size: 18px;
  }
}

.gf1000_merit_list_text p {
  margin-top: 10px;
  color: #717479;
  font-size: 15px;
  text-align: left;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .gf1000_merit_list_text p {
    max-width: 82.5082508251%;
    margin: 10px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .gf1000_list02_tab {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list02_tab {
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
  }
}
.gf1000_list02_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.00330033%;
  padding: 9px 4px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  font-feature-settings: "palt";
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.gf1000_list02_tab li:not(:nth-child(3n)) {
  margin-right: 1px;
}

.gf1000_list02_tab li:nth-child(n+4) {
  margin-top: 1px;
}

.gf1000_list02_tab li.active {
  background: #1d2731;
  color: #fff;
}

.gf1000_list02 {
  display: flex;
  flex-wrap: wrap;
}
.gf1000_list02 figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gf1000_list02 .tab_panel {
  position: relative;
  width: 33.3333333333%;
  padding: 40px 30px 30px 30px;
  text-align: center;
  box-sizing: border-box;
  background: 0 0;
}

@media screen and (max-width: 768px) {
  .gf1000_list02 .tab_panel {
    width: 100%;
    padding: 25px 26px 0 26px;
  }
}
.gf1000_list02 .tab_panel::after,
.gf1000_list02 .tab_panel::before {
  position: absolute;
  content: "";
  display: block;
  background: rgba(29, 39, 49, 0.3);
}

@media screen and (max-width: 768px) {
  .gf1000_list02 .tab_panel::after,
  .gf1000_list02 .tab_panel::before {
    content: none;
  }
}
.gf1000_list02 .tab_panel::before {
  width: 1px;
  height: calc(100% - 50px);
  left: 100%;
  top: 25px;
}

.gf1000_list02 .tab_panel::after {
  width: calc(100% - 50px);
  height: 1px;
  left: 25px;
  top: 0;
}

.gf1000_list02 .tab_panel:nth-child(-n+3):after {
  display: none;
}

.gf1000_list02 .tab_panel:nth-child(3n+3):before {
  display: none;
}

@media screen and (max-width: 768px) {
  .gf1000_list02 .tab_panel:nth-child(1) .gf1000_tool_img,
  .gf1000_list02 .tab_panel:nth-child(2) .gf1000_tool_img,
  .gf1000_list02 .tab_panel:nth-child(3) .gf1000_tool_img,
  .gf1000_list02 .tab_panel:nth-child(6) .gf1000_tool_img {
    width: 53.7848605578%;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list02 .tab_panel:nth-child(4) .gf1000_tool_img,
  .gf1000_list02 .tab_panel:nth-child(5) .gf1000_tool_img {
    transform: translateX(3px);
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list02 .tab_panel:nth-child(1) {
    padding: 23px 26px 0 26px;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list02 .tab_panel:nth-child(1) h5 {
    margin-top: 18px;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list02 .tab_panel:nth-child(4) .gf1000_tool_img {
    width: 62.9482071713%;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list02 .tab_panel:nth-child(5) .gf1000_tool_img {
    width: 66.1354581673%;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list02 .tab_panel:nth-child(6) h5 {
    margin-top: 18px;
  }
}
.gf1000_list02 .gf1000_tool_img {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .gf1000_list02 .gf1000_tool_img {
    min-height: 139px;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list02 .gf1000_tool_img {
    margin: 0 auto;
  }
}
.gf1000_list02 .gf1000_tool_img img {
  width: auto;
  height: fit-content;
}

@media screen and (max-width: 768px) {
  .gf1000_list02 .gf1000_tool_img img {
    width: 100%;
    height: auto;
  }
}
.gf1000_list02 .tool_no {
  margin-top: 20px;
}

.gf1000_list02 h5 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .gf1000_list02 h5 {
    line-height: 1.6;
  }
}

.gf1000_list02 .tool_text {
  margin-top: 15px;
  color: #717479;
  text-align: left;
  line-height: 1.5;
  font-feature-settings: "palt";
}

.gf1000_list03_text p:first-of-type {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .gf1000_list03_text p:first-of-type {
    margin-top: 15px;
    font-size: 18px;
    text-align: center;
  }
}
.gf1000_list03_text p:last-of-type {
  margin-top: 5px;
  color: #717479;
  font-weight: 700;
  line-height: 1.6;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .gf1000_list03_text p:last-of-type {
    max-width: 82.5082508251%;
    margin: 10px auto 0;
  }
}
.gf1000_list03_img {
  max-width: 800px;
  margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
  .gf1000_list03_img {
    width: 67.3267326733%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list03_img img {
    width: 100%;
    height: auto;
  }
}
.gf1000_list03_title {
  margin-top: 25px;
  padding: 22px 45px 22px 45px;
  font-size: 20px;
  font-weight: 700;
  background: #eee;
  border-left: 5px solid #01b6c9;
}

@media screen and (max-width: 768px) {
  .gf1000_list03_title {
    padding: 15px 20px 15px 15px;
    font-size: 18px;
    font-feature-settings: "palt";
    line-height: 1.4;
  }
}
@media screen and (min-width: 769px) {
  .gf1000_list03_tab {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list03_tab {
    margin-top: 25px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
  }
}
.gf1000_list03_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49.504950495%;
  padding: 17px 4px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  font-feature-settings: "palt";
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.gf1000_list03_tab li:nth-child(odd) {
  margin-right: 1px;
}

.gf1000_list03_tab li:nth-child(n+3) {
  margin-top: 1px;
}

.gf1000_list03_tab li.active {
  background: #1d2731;
  color: #fff;
}

.gf1000_list03 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .gf1000_list03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list03 .tab_panel.active {
    display: flex;
  }
}
.gf1000_list03 li {
  width: 48.8888888889%;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .gf1000_list03 li {
    width: 100%;
    flex-direction: column-reverse;
    background: 0 0;
  }
}
@media screen and (min-width: 769px) {
  .gf1000_list03 li {
    display: flex !important;
    max-height: 200px;
    background: #fff;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
  }
}
@media screen and (min-width: 769px) {
  .gf1000_list03 li:nth-child(odd) {
    margin-right: 2.2222222222%;
  }
}
@media screen and (min-width: 769px) {
  .gf1000_list03 li:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list03 li:nth-child(1),
  .gf1000_list03 li:nth-child(2) {
    margin-top: -1px;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list03 li:nth-child(2) .function_text {
    margin-top: 4px;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list03 li:nth-child(3) .function_text {
    margin-top: 22px;
  }
}
.gf1000_list03 .function_img,
.gf1000_list03 .function_text {
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .gf1000_list03 .function_text {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .gf1000_list03 .function_text {
    width: 59.0909090909%;
    padding: 22px;
  }
}
.gf1000_list03 .function_no {
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .gf1000_list03 .function_no {
    width: 23.102310231%;
    margin: 0 auto;
    text-align: center;
  }
}
.gf1000_list03 .function_large {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .gf1000_list03 .function_large {
    text-align: center;
  }
}
.gf1000_list03 .function_small {
  color: #717479;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .gf1000_list03 .function_small {
    width: 82.5082508251%;
    margin: 8px auto 0;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list03 .function_img {
    width: 49.1749174917%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .gf1000_list03 .function_img {
    width: 40.9090909091%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eee;
  }
}
@media screen and (max-width: 768px) {
  .gf1000_list03 .function_img img {
    width: 100%;
    height: auto;
  }
}
.linuxserver_gf1000 {
  margin-top: 60px;
  padding: 70px 0 85px;
  background-image: url(../img/security/linuxserver/gf1000_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .linuxserver_gf1000 {
    width: 100vw;
    margin: 25px calc(50% - 50vw) 0;
    padding: 30px 5% 45px;
    background-color: #01b6c9;
    background-image: url(../img/security/linuxserver/gf1000_bg_sp.jpg);
    background-position: center bottom;
    box-sizing: border-box;
  }
}
.linuxserver_gf1000_wrap {
  max-width: 900px;
  margin: 0 auto;
}

.linuxserver_gf1000_wrap h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .linuxserver_gf1000_wrap h2 img {
    width: 91.9881305638%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_gf1000_wrap .toggle_ttl_prev {
    display: none !important;
    padding: 18px;
    color: #404040;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #aaa;
    border-radius: 50px;
    position: relative;
  }
  .linuxserver_gf1000_wrap .toggle_ttl_prev::after {
    content: "";
    width: 13px;
    height: 8px;
    display: inline-block;
    margin: 0 0 1px 9px;
    background: #fff url(../img/security/cyberbox/toggle_ttl_arrow.png) no-repeat;
    background-size: contain;
  }
}
.linuxserver_gf1000_wrap .toggle_ttl_prev.open {
  margin-top: 20px;
  color: #fff;
  background: #1d2731;
}

.linuxserver_gf1000_wrap .toggle_ttl_prev.open::after {
  width: 16px;
  height: 16px;
  margin: 0 0 -2px 9px;
  background: url(../img/security/cyberbox/toggle_ttl_close.png) no-repeat 0 0;
  background-size: contain;
}

.linuxserver_gf1000_wrap .toggle_div.open {
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  opacity: 1;
}

@media screen and (min-width: 769px) {
  .linuxserver_gf1000_tab {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_gf1000_tab {
    margin-top: 25px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
  }
}
.linuxserver_gf1000_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49.504950495%;
  min-height: 50px;
  padding: 9px 4px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  font-feature-settings: "palt";
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.linuxserver_gf1000_tab li:nth-child(odd) {
  margin-right: 1px;
}

.linuxserver_gf1000_tab li:nth-child(n+3) {
  margin-top: 1px;
}

.linuxserver_gf1000_tab li.active {
  background: #bc9727;
  color: #fff;
}

.linuxserver_gf1000_text {
  margin: 25px 0 30px;
  font-size: 20px;
  font-weight: 700;
  color: #d4eef2;
  line-height: 1.5;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .linuxserver_gf1000_text {
    font-size: 14px;
    line-height: 1.8;
  }
}

.linuxserver_gf1000_list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .linuxserver_gf1000_list {
    margin-top: 20px;
  }
}
.linuxserver_gf1000_list li {
  width: 48.8888888889%;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .linuxserver_gf1000_list li {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_gf1000_list li::before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    top: -8px;
    width: 85px;
    height: 82px;
    background-image: url(../img/security/waf/record_ribbon.png);
    background-size: 100%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_gf1000_list li:nth-child(odd) {
    margin-right: 2.2222222222%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_gf1000_list li:nth-child(n+3) {
    margin-top: 20px;
  }
}
.linuxserver_gf1000_list_text {
  padding: 20px 30px;
}

@media screen and (max-width: 768px) {
  .linuxserver_gf1000_list_text {
    min-height: 200px;
    padding: 15px 5% 30px;
    box-sizing: border-box;
  }
}
.linuxserver_gf1000_list_text h3 {
  font-size: 20px;
  font-weight: bold;
  color: #bc9727;
  text-align: center;
}

.linuxserver_gf1000_list_text p {
  margin-top: 5px;
  color: #939699;
  line-height: 1.5;
}

.linuxserver_eset_top {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_top {
    background: #f8f8f8;
  }
}
.linuxserver_eset_top::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_top::before {
    background-image: url(../img/security/linuxserver/linuxserver_eset_bg_sp.png);
    background-size: 100%;
  }
}
.linuxserver_eset_wrap {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}

.linuxserver_eset_wrap h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
.linuxserver_eset_wrap h2 picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_wrap h2 img {
    width: 65.5786350148%;
  }
}
.linuxserver_eset_visual {
  padding: 40px;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_visual {
    padding: 25px 4% 0 4%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_eset_visual {
    background-image: url(../img/security/linuxserver/linuxserver_eset_bg.jpg);
    background-size: cover;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_eset_tab {
    display: none;
  }
}
.linuxserver_eset_top_text {
  margin: 40px 0 0 0;
  color: #6e7276;
  font-weight: 700;
  text-align: center;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_top_text {
    margin: 25px 0 0 0;
    text-align: left;
  }
}
.linuxserver_eset_top_img {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_top_img {
    margin-top: 0;
  }
}
.linuxserver_eset_top_list li {
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

.linuxserver_eset_top_list li:nth-child(n+2) {
  margin-top: 5px;
}

.linuxserver_eset_top_list img {
  width: 100%;
  height: auto;
}

.linuxserver_eset_list_area {
  max-width: 900px;
  margin: 20px auto 0;
  padding-bottom: 60px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_list_area {
    padding: 0 5% 30px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_eset_list_area .toggle_ttl_prev {
    display: block;
    padding: 18px;
    color: #404040;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #aaa;
    border-radius: 50px;
    position: relative;
    box-shadow: 0 5px 5px 0 rgba(181, 181, 181, 0.5);
  }
  .linuxserver_eset_list_area .toggle_ttl_prev::after {
    content: "";
    width: 13px;
    height: 8px;
    display: inline-block;
    margin: 0 0 1px 9px;
    background: #fff url(../img/security/cyberbox/toggle_ttl_arrow.png) no-repeat;
    background-size: contain;
  }
}
.linuxserver_eset_list_area .toggle_ttl_prev.open {
  margin-top: 20px;
  color: #fff;
  background: #1d2731;
}

.linuxserver_eset_list_area .toggle_ttl_prev.open::after {
  width: 16px;
  height: 16px;
  margin: 0 0 -2px 9px;
  background: url(../img/security/cyberbox/toggle_ttl_close.png) no-repeat 0 0;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_list_area .toggle_div {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
  }
}
.linuxserver_eset_list_area .toggle_div.open {
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  opacity: 1;
}

@media screen and (min-width: 769px) {
  .linuxserver_eset_tab {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_eset_tab {
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
  }
}
.linuxserver_eset_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.00330033%;
  padding: 9px 4px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  font-feature-settings: "palt";
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.linuxserver_eset_tab li:not(:nth-child(3n)) {
  margin-right: 1px;
}

.linuxserver_eset_tab li:nth-child(n+4) {
  margin-top: 1px;
}

.linuxserver_eset_tab li.active {
  background: #01b6c9;
  color: #fff;
}

.linuxserver_eset_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_list {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_eset_list .tab_panel.active {
    display: flex;
    flex-direction: column-reverse;
  }
}
.linuxserver_eset_list li {
  width: 19.1111111111%;
  padding: 0;
  background: 0 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_list li {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_eset_list li {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_eset_list li:not(:nth-child(5n)) {
    margin-right: 1.1111111111%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_eset_list li:nth-child(n+6) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_eset_list li:nth-child(1) .linuxserver_eset_list_title h3,
  .linuxserver_eset_list li:nth-child(3) .linuxserver_eset_list_title h3,
  .linuxserver_eset_list li:nth-child(4) .linuxserver_eset_list_title h3 {
    margin-top: 3px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_eset_list li:nth-child(2) {
    margin-top: -5px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_eset_list li:nth-child(2) .linuxserver_eset_list_title {
    margin-top: -4px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_eset_list li:nth-child(7) .linuxserver_eset_list_title {
    margin-top: -5px;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_eset_list li:hover .linuxserver_eset_list_img .mouse_over {
    cursor: pointer;
    opacity: 1;
  }
}
.linuxserver_eset_list_title {
  min-height: 66px;
  flex-grow: 1;
}

.linuxserver_eset_list_title p {
  width: 33.7209302326%;
  margin: 0 auto;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_list_title p {
    width: 17.2106824926%;
    margin: 15px auto 0;
  }
}
.linuxserver_eset_list_title h3 {
  margin-top: 16px;
  line-height: 1.3;
  font-weight: bold;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .linuxserver_eset_list_title div {
    max-width: 77.1513353116%;
    margin: 10px auto 0;
    color: #717479;
    font-weight: 700;
    font-feature-settings: "palt";
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_eset_list_img {
    min-height: 172px;
    margin-top: 10px;
    background: #fff;
    position: relative;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_eset_list_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_eset_list_img img {
    width: 36.4985163205%;
    margin: 0 auto;
  }
}
.linuxserver_eset_list_img .mouse_over {
  display: block;
  width: 172px;
  height: 172px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: ease all 0.3s;
}

.linuxserver_eset_list_img .mouse_over img {
  width: fit-content;
}

@media screen and (max-width: 768px) {
  .linuxserver_measures .linuxserver_title {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_measures .linuxserver_title::after {
    top: 35px;
  }
}
.linuxserver_measures_list {
  display: flex;
  max-width: 900px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .linuxserver_measures_list {
    flex-direction: column;
    margin: 35px auto 0;
  }
}
.linuxserver_measures_list li {
  width: 32.2222222222%;
  padding: 35px 20px 40px 20px;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .linuxserver_measures_list li {
    width: 100%;
    padding: 0 5%;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_measures_list li:nth-child(n+2) {
    margin-left: 1.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_measures_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_measures_list li:not(:nth-child(3)) .toggle_ttl h3 {
    margin-top: 35px;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_measures_list li:not(:nth-child(3)) .toggle_div p {
    margin-top: 20px;
  }
}
.linuxserver_measures_list .reason_no {
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .linuxserver_measures_list .reason_no {
    width: 38.1165919283%;
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .linuxserver_measures_list .reason_no {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.linuxserver_measures_list .toggle_ttl {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .linuxserver_measures_list .toggle_ttl {
    flex-direction: row;
    width: 100%;
    height: 26.7vw;
  }
}

@media screen and (max-width: 768px) {
  .linuxserver_measures_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_measures_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_measures_list .toggle_ttl figure {
    width: 23.102310231%;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_measures_list .toggle_ttl div {
    text-align: left;
    margin-left: 12px;
    flex-grow: 1;
  }
}
.linuxserver_measures_list .toggle_ttl h3 {
  margin-top: 20px;
  font-size: 20px;
  font-feature-settings: "palt";
  line-height: 1.4;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .linuxserver_measures_list .toggle_ttl h3 {
    margin-top: 5px;
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_measures_list .toggle_div {
    display: none;
    padding-top: 10px;
    border-top: 1px solid #ebebeb;
  }
}
.linuxserver_measures_list .toggle_div p {
  margin-top: 5px;
  color: #939699;
  font-weight: 700;
  line-height: 1.5;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .linuxserver_measures_list .toggle_div p {
    padding: 0 0 10% 0;
  }
}
.linuxserver_service {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .linuxserver_service {
    margin-top: 40px;
  }
}
.linuxserver_service_list {
  display: flex;
  max-width: 810px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .linuxserver_service_list {
    margin: 35px auto 0;
    flex-direction: column;
  }
}
.linuxserver_service_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .linuxserver_service_list li {
    flex-direction: row;
    padding: 5% 6% 5%;
    background: #f8f8f8;
    text-align: left;
  }
}

@media screen and (min-width: 769px) {
  .linuxserver_service_list li:nth-child(n+2) {
    margin-left: 8.6419753086%;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_service_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_service_list li p {
    width: 22.6666666667%;
    flex-shrink: 0;
  }
}
.linuxserver_service_list li h3 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .linuxserver_service_list li h3 {
    margin: 0 0 0 15px;
    font-size: 15px;
    font-feature-settings: "palt";
    line-height: 1.6;
  }
}

@media screen and (max-width: 768px) {
  .linuxserver_service_list li img {
    width: 100%;
    height: auto;
  }
}
.linuxserver_comparison {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .linuxserver_comparison {
    margin: 40px 0 45px;
  }
}

.linux_server_table_box {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .linux_server_table_box {
    margin: 50px calc(-50vw + 50%) 0;
  }
}
@media screen and (max-width: 768px) {
  .linux_server_table_box::-webkit-scrollbar {
    width: 5px;
    background: var(--_background, #e1e0e0);
  }
}
@media screen and (max-width: 768px) {
  .linux_server_table_box::-webkit-scrollbar:horizontal {
    height: 10px;
    background: var(--_background, #e1e0e0);
  }
}
@media screen and (max-width: 768px) {
  .linux_server_table_box::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: var(--_scrollbar, #01b6c9);
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .linux_server_table_box::-webkit-scrollbar-thumb:horizontal {
    background: var(--_scrollbar, #01b6c9);
    border-radius: 10px;
  }
}

.linux_server_table_box .table_td {
  font-feature-settings: "palt";
}

.linux_server_table_box .table_right_block_blue .table_title {
  padding-top: 20px;
}

.linux_server_table_box .table_right_block_blue .table_td:nth-of-type(2),
.linux_server_table_box .table_right_block_blue .table_td:nth-of-type(5) {
  flex-direction: column;
}

@media screen and (min-width: 769px) {
  .linux_server_table_box .table_right_block_blue .table_td:nth-of-type(2) {
    height: 90px;
  }
}
.linux_server_table_box .table_right_block_blue .table_td:nth-of-type(4) {
  display: flex;
  padding-top: 0;
}

.table_right_block_win .table_title {
  border-left: 1px solid #fff;
}

.table_right_block_win .table_td {
  border-left: 1px solid #a0a0a0;
}

.linux_server_table_box .server_osusume_text {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .linuxserver_faq {
    margin-top: 45px;
  }
}
.linuxserver_faq .acd_content p:not(:first-of-type) {
  margin-top: 40px;
}

.linuxserver_lineup {
  margin-top: 60px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .linuxserver_lineup {
    margin-top: 0;
  }
}
.linuxserver_lineup_text {
  margin-top: 70px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .linuxserver_lineup_text {
    margin-top: 30px;
    font-size: 15px;
    text-align: left;
  }
}
.linuxserver_lineup_list {
  max-width: 900px;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  .linuxserver_lineup_list {
    margin: 15px auto 0;
  }
}
.linuxserver_lineup_list li {
  display: flex;
  align-items: center;
  border: 1px solid #a0a0a0;
}

@media screen and (max-width: 768px) {
  .linuxserver_lineup_list li {
    flex-direction: column;
    background: #f8f8f8;
  }
}
.linuxserver_lineup_list li:nth-child(n+2) {
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  .linuxserver_lineup_list li:nth-child(n+2) {
    margin-top: 15px;
  }
}
.linuxserver_lineup_list .toggle_ttl {
  text-align: center;
  width: 21.1111111111%;
  position: relative;
}
.linuxserver_lineup_list .toggle_ttl picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .linuxserver_lineup_list .toggle_ttl {
    width: 100%;
    padding: 0 5%;
    display: flex;
    align-items: center;
    min-height: 100px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_lineup_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_lineup_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .linuxserver_lineup_list .toggle_ttl img {
    width: 84.3853820598%;
    height: auto;
  }
}
.linuxserver_lineup_list .toggle_div {
  width: 78.8888888889%;
}

@media screen and (max-width: 768px) {
  .linuxserver_lineup_list .toggle_div {
    display: none;
    width: 100%;
  }
}
.linux_spec_list {
  max-width: 900px;
  margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
  .linux_spec_list {
    margin: 30px auto 0;
  }
}
.linux_spec_list .spec_h3 {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .linux_spec_list .spec_h3 {
    margin-bottom: 15px;
  }
}
.linux_spec_list .spec_h3:not(:first-of-type) {
  margin-top: 75px;
}

@media screen and (max-width: 768px) {
  .linux_spec_list .spec_block p {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .linux_spec_list .spec_block p:first-of-type {
    width: 33.3333333333%;
    margin-right: 2.2222222222%;
    font-size: 15px;
  }
}
.linux_spec_list .spec_block p:last-of-type {
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .linux_spec_list .spec_block p:last-of-type {
    padding: 8px 5px 12px 5px;
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .linux_spec_list .spec_block p:last-of-type {
    width: 64.4444444444%;
    font-size: 15px;
  }
}
.linux_spec_list .spec_block p:last-of-type span {
  font-size: 10px;
}

.mailsecurity .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .mailsecurity .lower_mv {
    height: 500px;
    background-image: url(../img/security/mailsecurity/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.mailsecurity .lower_mv_wrap {
  max-width: 1000px;
  margin: -30px auto 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .mailsecurity .lower_mv_wrap {
    width: 1000px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity .lower_mv_wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity .mv_title01 {
    width: 42.6666666667%;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity .mv_title02 {
    width: 58.1333333333%;
    margin-top: 6px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity .mv_title03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity .mv_title03 {
    width: 64.2666666667%;
    margin-top: 12px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity .mv_text {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity .mv_text {
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity .mv_list {
    margin-top: 25px;
  }
}
.mailsecurity .mv_right {
  position: relative;
}

@media screen and (min-width: 769px) {
  .mailsecurity .mv_right {
    transform: translateX(20px) translateY(-35px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity .mv_right {
    z-index: 0;
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity .mv_right img {
    width: 100%;
  }
}
.mailsecurity .mv_img_shadow {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 543px;
  height: 51px;
  mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
  .mailsecurity .mv_img_shadow {
    display: none;
  }
}
.mailsecurity .mv_img_shadow img {
  transform: translateX(502px);
}

.mailsecurity h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}
.mailsecurity h2 picture {
  display: flex;
  justify-content: center;
}

.mailsecurity h2::before {
  content: none;
}

.mailsecurity h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .mailsecurity .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.mailsecurity .mailsecurity_title {
  padding: 34px 45px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .mailsecurity .mailsecurity_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity .mailsecurity_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.mailsecurity .mailsecurity_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .mailsecurity .mailsecurity_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.mailsecurity_top {
  padding: 60px 0 210px;
  background-image: url(../img/security/mailsecurity/trouble_bg.png);
  background-size: 1920px;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .mailsecurity_top {
    padding-top: 30px;
    padding-bottom: 15.2380952381%;
    background-image: url(../img/security/mailsecurity/trouble_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}
.mailsecurity_top::after {
  content: "";
  width: 456px;
  height: 501px;
  margin-left: 590px;
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/mailsecurity/trouble_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .mailsecurity_top::after {
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 41.3839891452%;
    background-image: url(../img/security/mailsecurity/trouble_bg_obj_sp.png);
    bottom: 0;
  }
}
.mailsecurity_trouble {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mailsecurity_trouble h2 {
    width: 100%;
    margin: 0 auto;
  }
}
.mailsecurity_trouble_text {
  margin: 25px 0 0 0;
}

.mailsecurity_trouble_list {
  max-width: 900px;
  display: flex;
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .mailsecurity_trouble_list img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .mailsecurity_trouble_list {
    flex-wrap: wrap;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_trouble_list li {
    width: 48.1049562682%;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_trouble_list li {
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_trouble_list li:nth-child(odd) {
    margin-right: 2.915451895%;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_trouble_list li:nth-child(n+2) {
    margin-left: 8px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_trouble_list li:nth-child(n+3) {
    margin-top: 10px;
  }
}
.mailsecurity_trouble_problem {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .mailsecurity_trouble_problem {
    width: 65.5786350148%;
    margin-top: 15px;
  }
}
.mailsecurity_trouble_problem picture {
  display: flex;
  justify-content: center;
}

.mailsecurity_why_area {
  margin-top: -100px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .mailsecurity_why_area {
    margin-top: 0;
  }
}
.mailsecurity_why_top {
  text-align: center;
  position: relative;
}

.mailsecurity_why_top::before {
  content: "";
  width: 100vw;
  height: 846px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/security/mailsecurity/why_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .mailsecurity_why_top::before {
    width: 100%;
    height: 93.4vw;
    background-image: url(../img/security/mailsecurity/why_bg_sp.png);
    background-size: contain;
    top: auto;
    bottom: -46vw;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_why_top h2 {
    width: 80.4154302671%;
    margin: 0 auto;
  }
}
.why_ranking {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .why_ranking {
    width: 90.1333333333%;
    margin: 20px auto 0;
  }
}
.why_ranking picture {
  display: flex;
  justify-content: center;
}

.mailsecurity_solution {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_solution {
    margin-top: 24vw;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_solution .solution_img {
    margin-left: -60px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_solution .solution_text {
    margin-top: -15px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_solution .solution_text {
    margin-left: -50px;
  }
}
.mailsecurity_about {
  margin-top: -45px;
  padding: 50px 50px 95px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .mailsecurity_about {
    margin: 20px auto 0;
    padding: 8% 5%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.mailsecurity_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin: 0 auto;
}

.mailsecurity_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mailsecurity_about h2 {
    width: 84.4884488449%;
    margin: 0 auto;
  }
}

.mailsecurity_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .mailsecurity_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.05rem;
  }
}
.mailsecurity_about .mailsecurity_about_img {
  margin-top: 55px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mailsecurity_about .mailsecurity_about_img {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_about .mailsecurity_about_img img {
    width: 100%;
  }
}
.mailsecurity_strong {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_strong {
    margin-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong .mailsecurity_title {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong .mailsecurity_title::after {
    top: 35px;
  }
}
.mailsecurity_strong_list {
  max-width: 900px;
  margin: 80px auto 0;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .mailsecurity_strong_list {
    margin: 35px auto 0;
  }
}
.mailsecurity_strong_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 32.2222222222%;
  padding: 40px 15px 35px 15px;
  text-align: center;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong_list li {
    width: 100%;
    flex-direction: row;
    padding: 17px 15px 11px 45px;
    background: #f8f8f8;
    box-shadow: none;
  }
}

@media screen and (min-width: 769px) {
  .mailsecurity_strong_list li:not(:nth-child(3n)) {
    margin-right: 1.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_strong_list li:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong_list li:nth-child(1) .strong_no {
    width: 7.1216617211%;
    left: 8px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_strong_list li:nth-child(1) .strong_no {
    left: 50px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong_list li:nth-child(2) .strong_no {
    width: 12.4629080119%;
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong_list li:nth-child(3) .strong_no {
    width: 11.2759643917%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong_list li:nth-child(4) .strong_no {
    width: 12.7596439169%;
    left: -2px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong_list li:nth-child(5) .strong_no {
    width: 13.056379822%;
    left: -1px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong_list li:nth-child(6) .strong_no {
    width: 10.9792284866%;
    left: -1px;
  }
}
.mailsecurity_strong_list .strong_no {
  position: absolute;
  top: -6px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_strong_list .strong_no {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_strong_list .strong_no {
    left: 35px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_strong_list .strong_img {
    width: 26.714801444%;
    flex-shrink: 0;
  }
}
.mailsecurity_strong_list p {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .mailsecurity_strong_list p {
    margin: 0 0 0 14px;
    font-size: 15px;
    text-align: left;
  }
}
.mailsecurity_function {
  margin-top: 60px;
  padding: 65px 0 105px;
  background-image: url(../img/security/mailsecurity/function_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function {
    width: 100vw;
    margin: 30px calc(50% - 50vw) 0;
    padding: 30px 5%;
    background-color: #01b6c9;
    background-image: url(../img/security/mailsecurity/function_bg_sp.jpg);
    background-position: center bottom;
    box-sizing: border-box;
  }
}
.mailsecurity_function_wrap {
  max-width: 900px;
  margin: 0 auto;
}

.mailsecurity_function_wrap h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_wrap h2 img {
    width: 62.6112759644%;
  }
}
.mailsecurity_function_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 85px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list {
    margin-top: 20px;
  }
}
.mailsecurity_function_list > li {
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list > li {
    width: 100%;
    padding: 0;
    background: #fff;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list > li:nth-of-type(1) h3 {
    width: 39.1691394659%;
    left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list > li:nth-of-type(2) h3 {
    width: 45.9940652819%;
    left: -3px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list > li:nth-of-type(3) h3 {
    width: 43.0267062315%;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_function_list > li:nth-of-type(3) .mailsecurity_function_list_block li:first-child::after {
    top: calc(50% + 75px);
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_function_list > li:nth-of-type(3) .mailsecurity_function_list_block li:first-child div {
    margin-top: 40px;
  }
}
.mailsecurity_function_list > li:nth-child(n+2) {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list .toggle_ttl {
    position: relative;
    height: 21.4vw;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_function_list .toggle_ttl {
    width: fit-content;
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    flex-grow: 1;
    flex-shrink: 0;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list .toggle_ttl h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list .toggle_div {
    display: none;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list .toggle_div::after,
  .mailsecurity_function_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background: #bc9727;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_function_list .toggle_div div img {
    width: 100%;
    height: auto;
  }
}
.mailsecurity_function_list_block {
  display: flex;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list_block {
    display: block;
  }
}
.mailsecurity_function_list_block li {
  width: 50%;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list_block li {
    width: 100%;
  }
}
.mailsecurity_function_list_block li:first-child {
  padding: 54px 30px 40px 50px;
  background: #fff;
  position: relative;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list_block li:first-child {
    padding: 9% 13%;
  }
}
.mailsecurity_function_list_block li:first-child::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 29px;
  background-image: url(../img/security/mailsecurity/function_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list_block li:first-child::after {
    top: calc(100% - 13px);
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_function_list_block li:first-child::after {
    top: calc(50% + 65px);
    left: calc(100% - 7px);
    transform: translateY(-50%);
  }
}
.mailsecurity_function_list_block li:first-child span {
  padding: 6px 14px;
  background: #1d2731;
}

.mailsecurity_function_list_block li:first-child p {
  color: #939699;
}

.mailsecurity_function_list_block li:last-child {
  padding: 54px 50px 40px 30px;
  background: #f9f7f0;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list_block li:last-child {
    padding: 9% 13%;
  }
}
.mailsecurity_function_list_block li:last-child span {
  padding: 6px 7px;
  background: #bc9727;
}

.mailsecurity_function_list_block li:last-child p {
  color: #bc9727;
}

.mailsecurity_function_list_block li span {
  color: #fff;
  font-weight: 700;
}

.mailsecurity_function_list_block li p {
  margin-top: 15px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.7;
  letter-spacing: 0.1px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list_block li p {
    margin-top: 10px;
    line-height: 1.8;
  }
}
.mailsecurity_function_list_block li div {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_function_list_block li div {
    margin-top: 10px;
  }
}
.mailsecurity_other {
  padding: 65px 0 150px 0;
  background-image: url(../img/security/mailsecurity/other_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .mailsecurity_other {
    padding: 25px 0 50px;
    background-image: url(../img/security/mailsecurity/other_bg_sp.jpg);
    background-size: 100%;
  }
}
.mailsecurity_other_wrap {
  max-width: 950px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .mailsecurity_other_wrap {
    padding: 0 5%;
  }
}
.mailsecurity_other_wrap h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mailsecurity_other_wrap h2 img {
    width: 48.3679525223%;
  }
}
.mailsecurity_other_list {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_other_list {
    margin-top: 20px;
  }
}
.mailsecurity_other_list li {
  position: relative;
}

@media screen and (max-width: 768px) {
  .mailsecurity_other_list li {
    background: #fff;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li {
    display: flex;
    height: 330px;
  }
}
.mailsecurity_other_list li:nth-child(odd) .other_grad {
  left: 0;
}

@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-child(odd) .toggle_div img {
    right: -37px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.mailsecurity_other_list li:nth-child(even) .other_grad {
  left: calc(50% - 5px);
  transform: translateX(-50%);
}

@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-child(even) .toggle_div img {
    left: -37px;
  }
}
.mailsecurity_other_list li:nth-child(n+2) {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_other_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(1) .toggle_ttl {
    padding: 50px 33px 40px 48px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list li:nth-of-type(1) .toggle_ttl img {
    width: 52.5222551929%;
    left: 10px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(2) .toggle_ttl {
    padding: 50px 48px 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list li:nth-of-type(2) .toggle_ttl img {
    width: 64.9851632047%;
    left: -3px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(2) .toggle_ttl p {
    padding-left: 22px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(3) .toggle_ttl {
    padding: 50px 33px 40px 38px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list li:nth-of-type(3) .toggle_ttl img {
    width: 49.5548961424%;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(3) .toggle_ttl p {
    padding-left: 19px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(4) .toggle_ttl {
    padding: 50px 48px 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list li:nth-of-type(4) .toggle_ttl img {
    width: 53.7091988131%;
    left: -4px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(4) .toggle_ttl p {
    padding-left: 22px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(5) .toggle_ttl {
    padding: 50px 33px 40px 38px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list li:nth-of-type(5) .toggle_ttl img {
    width: 41.2462908012%;
    left: -1px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(5) .toggle_ttl p {
    padding-left: 19px;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(6) .toggle_ttl {
    padding: 50px 48px 40px 23px;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list li:nth-of-type(6) .toggle_ttl img {
    width: 59.940652819%;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list li:nth-of-type(6) .toggle_ttl p {
    padding-left: 19px;
  }
}
.mailsecurity_other_list .other_grad {
  position: absolute;
  top: -20px;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .mailsecurity_other_list .other_grad {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_ttl {
    position: relative;
    height: 26.7vw;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list .toggle_ttl {
    width: 57.8947368421%;
    background: #fff;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_ttl img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.mailsecurity_other_list .toggle_ttl p {
  margin-top: 25px;
  color: #939699;
  font-weight: 700;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_ttl p {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_div {
    display: none;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list .toggle_div {
    width: 42.1052631579%;
    background: #e6f6f7;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_div::after,
  .mailsecurity_other_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_other_list .toggle_div img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .mailsecurity_other_list .toggle_div img {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .mailsecurity_faq {
    margin-top: 55px;
  }
}
.mailsecurity_product {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .mailsecurity_product {
    margin-top: 0;
    padding-bottom: 40px;
  }
}
.mailsecurity_product .product_pc {
  max-width: 900px;
  margin: 80px auto 0;
}

.mailsecurity_product .product_table {
  display: flex;
  margin-top: 20px;
}

.mailsecurity_product .product_table_left {
  width: 20%;
}

.mailsecurity_product .product_table_left div {
  min-height: 58px;
  padding: 15px 0 15px 50px;
  font-weight: 700;
  background: #f1efef;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}

.mailsecurity_product .product_table_right {
  width: 80%;
  display: flex;
}

.mailsecurity_product .table_right_block {
  width: 33.3333333333%;
}

.mailsecurity_product .table_right_block:last-of-type div {
  border-right: 0;
}

.mailsecurity_product .table_right_block div {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  box-sizing: border-box;
  border-right: 1px solid #f1efef;
  border-bottom: 1px solid #f1efef;
}

.mailsecurity_product .table_right_block div:last-of-type {
  border-bottom: 0;
}

.product_caution {
  margin: 35px 0 0 50px;
}

@media screen and (max-width: 768px) {
  .product_caution {
    margin: 35px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .product_caution li {
    font-size: 3.2vw;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .product_caution li:first-child {
    margin-bottom: 3px !important;
  }
}
.product_sp {
  margin-top: 35px;
}

@media screen and (min-width: 769px) {
  .product_sp .toggle_ttl_prev {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .product_sp .toggle_ttl_prev {
    display: block;
    margin-top: 10px;
    padding: 18px;
    color: #404040;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #aaa;
    border-radius: 50px;
    box-shadow: 0 5px 5px #b5b5b5;
    position: relative;
  }
  .product_sp .toggle_ttl_prev::before {
    content: "";
    position: absolute;
    top: -15vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 90%);
    z-index: 1;
  }
  .product_sp .toggle_ttl_prev::after {
    content: "";
    width: 13px;
    height: 8px;
    display: inline-block;
    margin: 0 0 1px 9px;
    background: #fff url(../img/security/cyberbox/toggle_ttl_arrow.png) no-repeat;
    background-size: contain;
  }
}
.product_sp .toggle_ttl_prev.open {
  color: #fff;
  background: #1d2731;
}

@media screen and (max-width: 768px) {
  .product_sp .toggle_ttl_prev.open::before {
    display: none;
  }
}
.product_sp .toggle_ttl_prev.open::after {
  width: 16px;
  height: 16px;
  margin: 0 0 -2px 9px;
  background: url(../img/security/cyberbox/toggle_ttl_close.png) no-repeat 0 0;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .product_sp .toggle_div {
    overflow: hidden;
    height: 12em;
    transition: all 0.3s;
  }
}
.product_sp .toggle_div.open {
  display: block !important;
  height: auto;
  overflow: visible;
}

@media screen and (max-width: 768px) {
  .product_sp_tab {
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
  }
}
.product_sp_tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.00330033%;
  padding: 17px 4px;
  background: #e0e2e2;
  color: #1d2731;
  font-size: 12px;
  font-feature-settings: "palt";
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.product_sp_tab li:nth-child(n+2) {
  margin-left: 1px;
}

.product_sp_tab li.active {
  background: #1d2731;
  color: #fff;
}

.product_sp_list > li {
  margin-top: 15px;
  padding: 0;
}

.product_sp_list dl {
  border: 1px solid #e0e2e2;
}

.product_sp_list dd,
.product_sp_list dt {
  text-align: center;
}

.product_sp_list dt {
  padding: 2px 0;
  background: #e0e2e2;
  font-weight: 700;
}

.product_sp_list dd {
  padding: 16px 0;
  font-size: 12px;
  line-height: 1.4;
}

.secureback4 .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .secureback4 .lower_mv {
    height: 500px;
    background-image: url(../img/security/secureback4/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.secureback4 .lower_mv_wrap {
  max-width: 1000px;
  margin: -20px auto 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .secureback4 .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4 .lower_mv_wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .secureback4 .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .secureback4 .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .secureback4 .mv_title01 {
    width: 61.3333333333%;
  }
}
@media screen and (min-width: 769px) {
  .secureback4 .mv_title02 {
    margin-top: 33px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4 .mv_title02 {
    width: 79.2%;
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .secureback4 .mv_title03 {
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4 .mv_title03 {
    width: 64.2666666667%;
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4 .mv_text {
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .secureback4 .mv_right {
    transform: translateX(85px) translateY(10px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .secureback4 .mv_right {
    position: relative;
    z-index: 0;
    margin-top: -5px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4 .mv_right img {
    width: 100%;
  }
}
.secureback4 h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.secureback4 h2::before {
  content: none;
}

.secureback4 h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .secureback4 .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.secureback4 .secureback4_title {
  padding: 34px 45px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .secureback4 .secureback4_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4 .secureback4_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.secureback4 .secureback4_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .secureback4 .secureback4_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.secureback4_top {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .secureback4_top {
    background-image: url(../img/security/secureback4/trouble_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 14.2857142857%;
  }
}
.secureback4_top::before {
  content: "";
  width: 1920px;
  height: 1358px;
  position: absolute;
  bottom: -210px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/secureback4/trouble_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .secureback4_top::before {
    content: none;
  }
}
.secureback4_top::after {
  content: "";
  width: 379px;
  height: 416px;
  position: absolute;
  background-image: url(../img/security/secureback4/trouble_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -113px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 500px;
}

@media screen and (max-width: 768px) {
  .secureback4_top::after {
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 60.9523809524%;
    bottom: 0;
    background-image: url(../img/security/airback/airback_bg_obj_sp.png);
    z-index: 1;
  }
}
.secureback4_about {
  margin-top: 60px;
  padding: 50px 50px 60px 50px;
  background-image: url(../img/security/secureback4/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .secureback4_about {
    margin: 30px auto 0;
    padding: 8% 5%;
    background-image: url(../img/security/secureback4/about_bg_sp.png);
  }
}
.secureback4_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

.secureback4_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secureback4_about h2 {
    width: 100%;
    margin: 0 auto;
  }
}

.secureback4_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .secureback4_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    font-feature-settings: "palt";
    letter-spacing: 0.05rem;
  }
}
.secureback4_about .secureback4_about_img {
  margin-top: 35px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .secureback4_about .secureback4_about_img {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_about .secureback4_about_img img {
    width: 96%;
  }
}
.secureback4_about_detail .security_border_title {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .secureback4_about_detail .security_border_title {
    margin-top: 20px;
    font-size: 18px;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .secureback4_about_detail .security_border_title:last-of-type {
    margin-top: 45px;
  }
}
.about_detail_block {
  max-width: 900px;
  margin: 35px auto 0;
}

@media screen and (max-width: 768px) {
  .about_detail_block {
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .about_detail_block:first-of-type div {
    margin-top: 50px;
  }
}
.about_detail_block p {
  color: #333;
}

@media screen and (max-width: 768px) {
  .about_detail_block p {
    width: 89.9109792285%;
    margin: 0 auto;
  }
}
.about_detail_block div {
  margin-top: 20px;
}

.secureback4_trouble {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 60px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .secureback4_trouble {
    padding-top: 50px;
  }
}
.secureback4_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secureback4_trouble h2 {
    width: 83.3827893175%;
    margin: 0 auto;
  }
}

.secureback4_trouble_list {
  display: flex;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .secureback4_trouble_list img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .secureback4_trouble_list {
    flex-wrap: wrap;
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_trouble_list li {
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .secureback4_trouble_list li {
    width: 48.3679525223%;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_trouble_list li:not(:last-child) {
    margin-right: 8px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_trouble_list li:nth-child(odd) {
    margin-right: 2.9673590504%;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_trouble_list li:nth-child(n+3) {
    margin-top: 8px;
  }
}
.secureback4_trouble_problem {
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .secureback4_trouble_problem {
    padding-top: 20px;
  }
}
.secureback4_trouble_problem picture {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .secureback4_trouble_problem picture {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 769px) {
  .secureback4_trouble_problem {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_trouble_problem img {
    width: 75.0741839763%;
  }
}
.secureback4_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .secureback4_solution {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_solution {
    margin-top: -30px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_solution .solution_text {
    margin-top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_solution .solution_text h2 {
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .secureback4_solution .solution_text h2 span {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .solution_tokuchou_secureback4 {
    margin-top: 30px;
  }
}
.tokuchou_list_secureback4 {
  max-width: 900px;
  margin: 45px auto 0;
}

@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 {
    margin: 20px auto 0;
  }
}
.tokuchou_list_secureback4 li {
  background: #f8f8f8;
  position: relative;
}

@media screen and (min-width: 769px) {
  .tokuchou_list_secureback4 li {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_secureback4 li:nth-child(odd) {
    padding: 40px 24px 35px 73px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_secureback4 li:nth-child(odd) .tokuchou_no {
    left: 30px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_secureback4 li:nth-child(even) {
    flex-direction: row-reverse;
    padding: 40px 75px 35px 25px;
  }
}
.tokuchou_list_secureback4 li:nth-child(even) .tokuchou_no {
  right: 30px;
}

.tokuchou_list_secureback4 li:nth-child(n+2) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 li:nth-child(1) .tokuchou_no {
    width: 7.1216617211%;
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 li:nth-child(1) h4 {
    width: 37.9821958457%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 li:nth-child(2) .tokuchou_no {
    width: 12.4629080119%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 li:nth-child(2) h4 {
    width: 62.3145400593%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 li:nth-child(3) .tokuchou_no {
    width: 11.2759643917%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 li:nth-child(3) h4 {
    width: 67.0623145401%;
  }
}
.tokuchou_list_secureback4 .tokuchou_no {
  position: absolute;
  top: -5px;
}

@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .tokuchou_no {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_ttl {
    width: 100%;
    position: relative;
    height: 26.7vw;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_secureback4 .toggle_ttl {
    width: 56.0398505604%;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_ttl h4 {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
  }
}
.tokuchou_list_secureback4 .toggle_ttl p {
  margin-top: 25px;
  color: #6e7276;
  font-weight: 700;
  line-height: 1.6;
}

.tokuchou_list_secureback4 .toggle_div {
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_div {
    display: none;
    padding: 30px 13%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_div::after,
  .tokuchou_list_secureback4 .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_div p {
    color: #787c80;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_secureback4 .toggle_div div {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
}
.secureback4_function {
  margin-top: 60px;
  padding: 70px 0 130px;
  background-image: url(../img/security/secureback4/function_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .secureback4_function {
    width: 100vw;
    margin: 30px calc(50% - 50vw) 0;
    padding: 30px 5% 50px;
    background-color: #01b6c9;
    background-image: url(../img/security/secureback4/function_bg_sp.jpg);
    background-position: center bottom;
  }
}
.secureback4_function_wrap {
  max-width: 900px;
  margin: 0 auto;
}

.secureback4_function_wrap h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
.secureback4_function_wrap h2 picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .secureback4_function_wrap h2 img {
    width: 60.5341246291%;
  }
}
.secureback4_function_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 85px;
}

@media screen and (max-width: 768px) {
  .secureback4_function_list {
    margin-top: 30px;
  }
}
.secureback4_function_list li {
  width: 48.8888888889%;
  padding: 40px 28px 40px 28px;
  background: #fff;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .secureback4_function_list li {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_function_list li:nth-child(even) {
    margin-right: 2.2222222222%;
  }
}
.secureback4_function_list li:nth-child(n+2) {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .secureback4_function_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_function_list li:nth-of-type(1) {
    width: 100%;
    margin-right: 0;
    padding: 35px 50px 35px 45px;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_function_list li:nth-of-type(1) .toggle_div div {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list li:nth-of-type(1) h3 {
    width: 61.4243323442%;
    left: 7px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list li:nth-of-type(2) h3 {
    width: 56.6765578635%;
    left: -3px;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_function_list li:nth-of-type(3) .toggle_div div {
    margin-top: 55px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list li:nth-of-type(3) h3 {
    width: 60.5341246291%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list li:nth-of-type(4) h3 {
    width: 57.8635014837%;
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list li:nth-of-type(5) h3 {
    width: 52.2255192878%;
    left: -2px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_ttl {
    position: relative;
    height: 21.4vw;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_function_list .toggle_ttl {
    width: fit-content;
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    flex-grow: 1;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_ttl h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_div {
    display: none;
    position: relative;
    padding: 25px 13% 40px 13%;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_div::after,
  .secureback4_function_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background: #bc9727;
  }
}
.secureback4_function_list .toggle_div p {
  color: #939699;
  font-weight: 700;
  line-height: 1.8;
  font-feature-settings: "palt";
}

.secureback4_function_list .toggle_div div {
  margin-top: 25px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_div div {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_function_list .toggle_div div img {
    width: 100%;
    height: auto;
  }
}
.secureback4_record_area {
  padding: 50px 0 80px;
  background: url(../img/security/secureback4/record_bg.jpg) no-repeat center/cover;
}

@media screen and (max-width: 768px) {
  .secureback4_record_area {
    padding: 20px 0 30px;
    background-image: url(../img/security/secureback4/record_bg_sp.jpg);
  }
}
.secureback4_record {
  max-width: 900px;
  margin: 0 auto;
}

.secureback4_record h2 {
  width: 84%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .secureback4_record h2 {
    width: 93.0666666667%;
  }
}
.secureback4_record .record_list {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .secureback4_record .record_list {
    margin-top: 25px;
  }
}
.secureback4_record .record_list li {
  position: relative;
  padding: 65px 55px 50px 55px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .secureback4_record .record_list li {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_record .record_list li::before {
    width: 55px;
    height: 53px;
    top: -5px;
    left: -7px;
  }
}
.secureback4_case {
  padding: 60px 0 125px;
  background-image: url(../img/security/secureback4/case_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .secureback4_case {
    padding: 15px 0 30px;
    background-image: url(../img/security/secureback4/case_bg_sp.jpg);
  }
}
.secureback4_case .tab_label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 20px 0;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  background: #8c8c8c;
  transition: all ease 0.3s;
}
@media screen and (max-width: 768px) {
  .secureback4_case .tab_label {
    padding: 10px 0;
  }
}
.secureback4_case .tab_label .title_en {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 768px) {
  .secureback4_case .tab_label .title_en {
    font-size: 12px;
  }
}
.secureback4_case .tab_label .title_ja {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .secureback4_case .tab_label .title_ja {
    font-size: 13px;
    line-height: 1.2;
  }
}
.secureback4_case .tab_label.active {
  background: #01b6c9;
}

.secureback4_case .l-wrapper {
  max-width: 920px;
}

.secureback4_case .case_title {
  text-align: center;
}
.secureback4_case .case_title picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .secureback4_case .case_title img {
    width: 66.7647058824%;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_case .case_tab {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_case .tab_area button .title_ja {
    margin-top: 5px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_case .tab_area button:nth-child(2) .title_ja {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_case .tab_panel {
    padding: 25px 50px 45px 50px;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_case .tab_panel {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_case .tab_panel ul {
    margin-top: 25px;
  }
  .secureback4_case .tab_panel ul li {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_case .tab_panel:nth-of-type(3) ul {
    margin-top: 47px;
  }
}
.secureback4_case .tab_panel h3 {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .secureback4_case .tab_panel h3 {
    font-size: 18px;
    line-height: 1.3;
  }
}

.secureback4_case .tab_panel p {
  margin-top: 10px;
  color: rgba(29, 39, 49, 0.75);
  letter-spacing: -0.05rem;
}

@media screen and (max-width: 768px) {
  .secureback4_case .tab_panel p {
    line-height: 1.5;
  }
}
.secureback4_case .tab_panel .case_kaiketsu {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .secureback4_case .tab_panel .case_kaiketsu {
    width: 90vw;
    margin: 20px calc(50% - 45vw) 0;
    padding: 5%;
    background: #01b6c9;
    color: #fff;
  }
}
.secureback4_case .tab_panel .case_kaiketsu h3,
.secureback4_case .tab_panel .case_kaiketsu p {
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .secureback4_case .tab_panel .case_kaiketsu h3,
  .secureback4_case .tab_panel .case_kaiketsu p {
    color: #01b6c9;
  }
}
.secureback4_case .tab_panel .case_kaiketsu h3 {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .secureback4_case .tab_panel .case_kaiketsu h3 {
    font-size: 12px;
  }
}

.secureback4_case .tab_panel .case_kaiketsu p {
  margin-top: 5px;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .secureback4_case .tab_panel .case_kaiketsu p {
    font-size: 15px;
    color: #fff;
  }
}
.secureback4_spec {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .secureback4_spec .spec_list {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .secureback4_spec .spec_block p {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_spec .spec_block p:first-of-type {
    width: 22.2222222222%;
    margin-right: 2.2222222222%;
    padding: 15px 20px 15px 30px;
  }
}
@media screen and (min-width: 769px) {
  .secureback4_spec .spec_block p:last-of-type {
    width: 75.5555555556%;
  }
}
@media screen and (max-width: 768px) {
  .secureback4_security_contact .security_contact_last {
    margin-bottom: 0;
  }
}
.antivirus .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .antivirus .lower_mv {
    height: 500px;
    background-image: url(../img/security/antivirus/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.antivirus .lower_mv_wrap {
  max-width: 1000px;
  margin: -40px auto 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .antivirus .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus .lower_mv_wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .antivirus .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .antivirus .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .antivirus .mv_title01 {
    width: 34.6666666667%;
  }
}
@media screen and (min-width: 769px) {
  .antivirus .mv_title02 {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus .mv_title02 {
    width: 43.2%;
    margin-top: 6px;
  }
}
@media screen and (min-width: 769px) {
  .antivirus .mv_title03 {
    margin-top: 28px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus .mv_title03 {
    width: 31.7333333333%;
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus .mv_text {
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .antivirus .mv_right {
    transform: translateX(-165px) translateY(25px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .antivirus .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus .mv_right img {
    width: 100%;
  }
}
.antivirus h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.antivirus h2::before {
  content: none;
}

.antivirus h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .antivirus .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.antivirus .antivirus_title {
  padding: 34px 45px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .antivirus .antivirus_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus .antivirus_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.antivirus .antivirus_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .antivirus .antivirus_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.antivirus_top {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .antivirus_top {
    background-image: url(../img/security/antivirus/trouble_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 22.8571428571%;
  }
}
.antivirus_top::before {
  content: "";
  width: 1920px;
  height: 1470px;
  position: absolute;
  left: 50%;
  bottom: -235px;
  transform: translateX(-50%);
  background-image: url(../img/security/antivirus/trouble_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .antivirus_top::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_top .wrapper {
    padding: 0;
  }
}
.antivirus_about {
  margin-top: 60px;
  padding: 50px 50px 55px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .antivirus_about {
    margin: 30px auto 0;
    padding: 8% 5% 13%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.antivirus_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

.antivirus_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .antivirus_about h2 {
    width: 74.3333333333%;
    margin: 0 auto;
  }
}

.antivirus_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .antivirus_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    font-feature-settings: "palt";
    letter-spacing: 0.05rem;
  }
}
.antivirus_about .antivirus_about_img {
  margin-top: 35px;
  text-align: center;
}
.antivirus_about .antivirus_about_img picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .antivirus_about .antivirus_about_img {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_about .antivirus_about_img img {
    width: 90.3333333333%;
  }
}
.antivirus_trouble {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 55px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .antivirus_trouble {
    padding-top: 30px;
  }
}

.antivirus_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .antivirus_trouble h2 {
    width: 62.2250666667vw;
    margin: 0 auto;
  }
}

.antivirus_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px 15px;
  margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
  .antivirus_trouble_list {
    width: 90vw;
    gap: 5px;
    margin: 20px auto 0;
  }
}
.antivirus_trouble_list li {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .antivirus_trouble_list li {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_trouble_list li img {
    width: 100%;
    height: auto;
  }
}
.antivirus_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .antivirus_solution {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_solution {
    margin-top: -20vw;
  }
}
.antivirus_solution .solution_top .solution_img {
  flex-shrink: 0;
  width: 81vw;
  max-width: 616px;
}
.antivirus_solution .solution_top .solution_img img {
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 769px) {
  .antivirus_solution .solution_top .solution_img {
    width: 45.5136540962vw;
    margin-left: -115px;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_solution .solution_top .solution_img img {
    max-width: 95%;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_solution .solution_text {
    margin-top: -5px;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_solution .solution_text {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_solution .solution_text h2 span {
    font-size: 4.8vw;
  }
}
.antivirus_solution .solution_text p {
  margin-top: 25px;
  color: #717479;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .antivirus_solution .solution_text p {
    max-width: 89.0207715134%;
    margin: 20px auto 0;
    font-size: 15px;
    text-align: left;
    line-height: 1.7;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_kinou_list {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_kinou_list {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_kinou_list .tab_panel {
    min-height: 88vw;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_kinou_list .tab_panel {
    padding: 20px 30px 45px 30px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_kinou_list h3 {
    margin-top: 5px;
  }
}
.antivirus_kinou_list .text {
  color: #717479;
  font-weight: 700;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .antivirus_kinou_list .text {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_kinou_list .kinou_no {
    width: 21.4022140221%;
    margin: 25px auto 0;
    line-height: 1;
  }
}
.antivirus_reason_list {
  max-width: 900px;
  margin: 80px auto 0;
  display: flex;
}

@media screen and (max-width: 768px) {
  .antivirus_reason_list {
    flex-direction: column;
    margin: 35px auto 0;
  }
}
.antivirus_reason_list li {
  width: 32.2222222222%;
  padding: 35px 18px 25px 18px;
  position: relative;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .antivirus_reason_list li {
    width: 100%;
    padding: 35px 8.5% 25px 8.5%;
  }
}
.antivirus_reason_list li:not(:nth-child(3n)) {
  margin-right: 1.6666666667%;
}

@media screen and (max-width: 768px) {
  .antivirus_reason_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.antivirus_reason_list .reason_no {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
}

.antivirus_reason_img {
  text-align: center;
}

.antivirus_reason_img picture {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 147px;
}
@media screen and (max-width: 768px) {
  .antivirus_reason_img picture {
    min-height: 0;
  }
}

.antivirus_reason_img h3 {
  margin-top: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .antivirus_reason_img h3 {
    margin-top: 15px;
    font-size: 16px;
  }
}

.antivirus_reason_text p {
  margin-top: 15px;
  color: #939699;
  font-size: 14px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.5;
  letter-spacing: 0.05rem;
}

@media screen and (max-width: 768px) {
  .antivirus_reason_text p {
    margin-top: 10px;
  }
}
.antivirus_record_area {
  margin-top: 100px;
  padding: 50px 0 125px;
  background-image: url(../img/security/antivirus/record_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .antivirus_record_area {
    margin-top: 40px;
    padding: 30px 0 50px;
    background-image: url(../img/security/antivirus/record_bg_sp.jpg);
  }
}
.antivirus_record {
  max-width: 900px;
  margin: 0 auto;
}

.antivirus_record h2 {
  width: 84%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .antivirus_record h2 {
    width: 88.8%;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_record .packetix_tab li {
    width: 24.6666666667%;
  }
}
.antivirus_record .packetix_tab li:not(:last-child) {
  margin-right: 0.3333333333%;
}

.antivirus_record .record_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .antivirus_record .record_list {
    margin-top: 20px;
  }
}
.antivirus_record .record_list li {
  width: 48.8888888889%;
  position: relative;
  padding: 45px 60px 30px 60px;
  background: #fff;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .antivirus_record .record_list li {
    width: 100%;
    min-height: 360px;
    padding: 25px;
    background: rgba(255, 255, 255, 0.9);
    box-sizing: border-box;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_record .record_list li:nth-child(odd) {
    margin-right: 2.2222222222%;
  }
}
.antivirus_record .record_list li:nth-child(n+2) {
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .antivirus_record .record_list li:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_record .record_list li:nth-child(1) .record_list_inner div img {
    width: 85.2%;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_record .record_list li:nth-child(2) .record_list_inner div img {
    width: 96.4%;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_record .record_list li:nth-child(3) .record_list_inner div img {
    width: 87.6%;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_record .record_list li:nth-child(4) .record_list_inner div img {
    width: 95.2%;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_record .record_list li::before {
    width: 55px;
    height: 53px;
    top: -5px;
    left: -7px;
  }
}
.antivirus_record .record_list .record_list_inner h3 {
  font-weight: bold;
  text-align: left;
  font-feature-settings: "palt";
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .antivirus_record .record_list .record_list_inner h3 {
    font-size: 16px;
  }
}

.antivirus_record .record_list .record_list_inner p {
  margin-top: 15px;
  color: #939699;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .antivirus_record .record_list .record_list_inner p {
    font-feature-settings: "palt";
  }
}
.antivirus_record .record_list .record_list_inner div img {
  display: block;
  margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
  .antivirus_record .record_list .record_list_inner div img {
    mix-blend-mode: multiply;
  }
}
.antivirus_tokuchou {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .antivirus_tokuchou {
    margin-top: 0;
  }
}
.tokuchou_list_antivirus {
  max-width: 900px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .tokuchou_list_antivirus {
    margin: 35px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(odd) .tokuchou_list_box {
    padding: 0 66px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(odd) .tokuchou_list_img {
    top: -20px;
    left: 390px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(even) .tokuchou_list_box {
    padding: 0 48px 0 152px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(even) .tokuchou_list_img {
    top: -40px;
    right: 435px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(1) .tokuchou_list_box h4 .tokuchou_nb {
    left: -35px;
    bottom: calc(100% - 3px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_antivirus li:nth-child(1) .tokuchou_list_box .tokuchou_ttl {
    width: 69.6369636964%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(2) .tokuchou_list_box h4 .tokuchou_nb {
    right: -19px;
    bottom: calc(100% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_antivirus li:nth-child(2) .tokuchou_list_box .tokuchou_ttl {
    width: 70.6270627063%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(3) .tokuchou_list_box h4 .tokuchou_nb {
    left: -40px;
    bottom: calc(100% + 22px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_antivirus li:nth-child(3) .tokuchou_list_box .tokuchou_ttl {
    width: 74.2574257426%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(3) .tokuchou_list_img {
    top: -10px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(4) .tokuchou_list_box h4 .tokuchou_nb {
    right: -25px;
    bottom: calc(100% + 28px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_antivirus li:nth-child(4) .tokuchou_list_box .tokuchou_ttl {
    width: 57.7557755776%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus li:nth-child(4) .tokuchou_list_img {
    top: 0;
    right: 395px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_antivirus .tokuchou_list_box {
    height: 350px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_antivirus .tokuchou_list_box h4 {
    height: 26.7vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_antivirus .tokuchou_list_box picture {
    line-height: 1;
  }
}
.tokuchou_list_antivirus .tokuchou_list_box .toggle_div {
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .tokuchou_list_antivirus .tokuchou_list_box .toggle_div {
    display: none;
    max-width: 100%;
    padding: 8% 13% 10% 13%;
  }
}

.tokuchou_list_antivirus .tokuchou_list_box p {
  font-feature-settings: "palt";
}

.tokuchou_list_antivirus .tokuchou_list_box .color_blue {
  align-items: flex-start;
  margin-bottom: 10px;
  color: #01b6c9;
  opacity: 1;
}

.antivirus_case_area {
  margin-top: 100px;
  padding: 60px 0 105px 0;
  background-image: url(../img/security/antivirus/case_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .antivirus_case_area {
    margin-top: 40px;
    padding: 15px 0 30px;
    background-image: url(../img/security/antivirus/case_bg_sp.jpg);
  }
}
.antivirus_case_area .tab_label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 20px 0;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  background: #8c8c8c;
  transition: all ease 0.3s;
}
@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_label {
    padding: 10px 0;
  }
}
.antivirus_case_area .tab_label .title_en {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_label .title_en {
    font-size: 12px;
  }
}
.antivirus_case_area .tab_label .title_ja {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_label .title_ja {
    font-size: 13px;
    line-height: 1.2;
  }
}
.antivirus_case_area .tab_label.active {
  background: #01b6c9;
}

.antivirus_case_area .l-wrapper {
  max-width: 920px;
}

.antivirus_case_area .case_title {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .antivirus_case_area .case_title img {
    width: 66.7647058824%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_case_area .case_tab {
    max-width: 900px;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_area button .title_ja {
    margin-top: 5px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_case_area .tab_panel {
    padding: 25px 50px 30px 50px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_panel {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_panel ul {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_case_area .tab_panel:nth-of-type(1) ul,
  .antivirus_case_area .tab_panel:nth-of-type(3) ul {
    margin-top: 47px;
  }
}
.antivirus_case_area .tab_panel h3 {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_panel h3 {
    font-size: 18px;
    line-height: 1.3;
  }
}

.antivirus_case_area .tab_panel p {
  margin-top: 10px;
  color: rgba(29, 39, 49, 0.75);
  letter-spacing: -0.05rem;
}

@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_panel p {
    line-height: 1.5;
  }
}
.antivirus_case_area .tab_panel .case_kaiketsu {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_panel .case_kaiketsu {
    width: 90vw;
    margin: 50px calc(50% - 45vw) 0;
    padding: 5%;
    background: #01b6c9;
    color: #fff;
  }
}
.antivirus_case_area .tab_panel .case_kaiketsu h3,
.antivirus_case_area .tab_panel .case_kaiketsu p {
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .antivirus_case_area .tab_panel .case_kaiketsu h3,
  .antivirus_case_area .tab_panel .case_kaiketsu p {
    color: #01b6c9;
  }
}
.antivirus_case_area .tab_panel .case_kaiketsu h3 {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_panel .case_kaiketsu h3 {
    font-size: 12px;
  }
}

.antivirus_case_area .tab_panel .case_kaiketsu p {
  margin-top: 5px;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .antivirus_case_area .tab_panel .case_kaiketsu p {
    font-size: 15px;
    color: #fff;
  }
}
.antivirus_security_contact {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .antivirus_security_contact {
    margin-top: 30px;
  }
}

.antivirus_security_contact .security_contact_last {
  margin-bottom: 0;
}

.antivirus_spec {
  margin-top: 100px;
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .antivirus_spec {
    margin-top: 40px;
    padding-bottom: 60px;
  }
}
.antivirus_spec_box {
  margin-top: 90px;
}

@media screen and (max-width: 768px) {
  .antivirus_spec_box {
    margin-top: 40px;
  }
}
.antivirus_spec_block {
  max-width: 900px;
  margin: 0 auto;
}

.antivirus_spec_block:nth-child(n+2) {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .antivirus_spec_block:nth-child(n+2) {
    margin-top: 20px;
  }
}
.antivirus_spec_list {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .antivirus_spec_list {
    margin-top: 20px;
  }
}
.antivirus_spec_list li:nth-child(n+2) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .antivirus_spec_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_spec_list li:hover {
    cursor: pointer;
  }
}
.antivirus_spec_list .toggle_ttl {
  padding: 15px 13px 15px 30px;
  position: relative;
  background: #f1efef;
  pointer-events: visible;
}

@media screen and (max-width: 768px) {
  .antivirus_spec_list .toggle_ttl {
    padding: 10px 10px 6px 10px;
    color: #eff0ef;
    background: #01b6c9;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_spec_list .toggle_ttl::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 31px;
    width: 5px;
    height: 20px;
    background: #01b6c9;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_spec_list .toggle_ttl::after {
    content: "";
    display: inline-block;
    margin: 8px 0 0 0;
    background-color: #78d3dc;
    width: 51px;
    height: 14px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    transition: ease all 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_spec_list .toggle_ttl.open::after {
    transform: scale(1, -1);
  }
}
.antivirus_spec_list .toggle_ttl.open .acd_visual_btn_icon span:nth-of-type(1) {
  rotate: -45deg;
}

.antivirus_spec_list .toggle_ttl.open .acd_visual_btn_icon span:nth-of-type(2) {
  transform: translateY(4px);
  rotate: 135deg;
}

.antivirus_spec_list .toggle_ttl h4 {
  display: inline-block;
  padding-left: 18px;
  font-weight: bold;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .antivirus_spec_list .toggle_ttl h4 {
    padding-left: 0;
    line-height: 1.2;
    font-size: 17px;
  }
}
.antivirus_spec_list .toggle_ttl h4 span {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .antivirus_spec_list .toggle_ttl h4 span {
    font-size: 15px;
  }
}
.antivirus_spec_list .toggle_ttl h4 span span {
  font-size: 10px;
}

.antivirus_spec_list .toggle_div {
  display: none;
  margin-top: 2px;
}

@media screen and (max-width: 768px) {
  .antivirus_spec_list .toggle_div {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .antivirus_spec_list .toggle_div .spec_block p {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_spec_list .toggle_div .spec_block p:first-of-type {
    width: 33.3333333333%;
    margin-right: 2%;
    font-size: 15px;
  }
}
.antivirus_spec_list .toggle_div .spec_block p:last-of-type {
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .antivirus_spec_list .toggle_div .spec_block p:last-of-type {
    padding: 8px 0 12px 0;
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_spec_list .toggle_div .spec_block p:last-of-type {
    width: 75.7777777778%;
    font-size: 15px;
  }
}
.antivirus_spec_list .acd_visual_btn_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  padding: 4px;
  background: #01b6c9;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .antivirus_spec_list .acd_visual_btn_icon:hover {
    cursor: pointer;
  }
}
.antivirus_spec_list .acd_visual_btn_icon p,
.antivirus_spec_list .acd_visual_btn_icon span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

.antivirus_spec_list .acd_visual_btn_icon p {
  position: relative;
  width: 100%;
  height: 100%;
}

.antivirus_spec_list .acd_visual_btn_icon span {
  position: absolute;
  top: 50%;
  right: 0;
  background: #fff;
}

.antivirus_spec_list .acd_visual_btn_icon span:nth-of-type(1) {
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}

.antivirus_spec_list .acd_visual_btn_icon span:nth-of-type(2) {
  width: 2px;
  height: 100%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 768px) {
  .antivirus_spec_list .toggle_ttl_pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .antivirus_spec_list .toggle_ttl_sp {
    display: none;
  }
}
.usbencryption .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .usbencryption .lower_mv {
    height: 500px;
    background-image: url(../img/security/usbencryption/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.usbencryption .lower_mv_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
}

@media screen and (min-width: 769px) {
  .usbencryption .lower_mv_wrap {
    width: 1000px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption .lower_mv_wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption .mv_left {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption .mv_title01 {
    width: 40%;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption .mv_title02 {
    width: 52%;
    margin-top: 6px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption .mv_title03 {
    width: 76.5333333333%;
    margin-top: 8px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption .mv_text {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption .mv_text {
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .usbencryption .mv_list {
    margin-top: 25px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption .mv_list li {
    padding: 0 15px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption .mv_list li:first-child {
    padding-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption .mv_list li:last-child {
    padding-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption .mv_right {
    transform: translateX(45px) translateY(-25px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption .mv_right {
    position: relative;
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption .mv_right img {
    width: 100%;
  }
}
.usbencryption h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.usbencryption h2::before {
  content: none;
}

.usbencryption h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .usbencryption .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.usbencryption .usbencryption_title {
  padding: 34px 45px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .usbencryption .usbencryption_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption .usbencryption_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.usbencryption .usbencryption_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .usbencryption .usbencryption_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.usbencryption_top {
  padding: 60px 0 350px;
  background-image: url(../img/security/usbencryption/trouble_bg.png);
  background-size: 1920px;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .usbencryption_top {
    padding: 30px 0 37.3333333333%;
    background-image: url(../img/security/usbencryption/trouble_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    overflow: hidden;
  }
}
.usbencryption_top::after {
  content: "";
  width: 37.711313394vw;
  max-width: 407px;
  height: 447px;
  position: absolute;
  background-image: url(../img/security/usbencryption/trouble_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: 109px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .usbencryption_top::after {
    width: 38.6666666667%;
    height: 42vw;
    bottom: 2.5vw;
    left: 50%;
    transform: translateX(-53%);
    background-image: url(../img/security/usbencryption/trouble_bg_obj_sp.png);
    z-index: 3;
  }
}

.usbencryption_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .usbencryption_trouble h2 {
    width: 80.4154302671%;
    margin: 0 auto;
  }
}

.usbencryption_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .usbencryption_trouble_list {
    margin-top: 15px;
  }
}
.usbencryption_trouble_list::after {
  display: none;
}

.usbencryption_trouble_list li {
  position: relative;
  width: 402px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  font-feature-settings: "palt";
  box-sizing: border-box;
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .usbencryption_trouble_list li {
    width: 48.9614243323%;
    margin-top: 10px;
    padding: 16px 18px 12px 23px;
    font-size: 13px;
    line-height: 1.6;
    background-size: 35px;
  }
}
.usbencryption_trouble_list li:first-child {
  margin-left: auto;
  margin-top: 35px;
}

@media screen and (min-width: 769px) {
  .usbencryption_trouble_list li:first-child {
    width: 450px;
    margin-right: 280px;
    padding: 30px 44px 26px 62px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_trouble_list li:first-child {
    width: 59.3471810089%;
    margin-top: 0;
    margin-right: auto;
    padding: 22px 5px 16px 14px;
  }
}
.usbencryption_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .usbencryption_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 6px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_trouble_list li:nth-child(2) {
    padding: 24px 56px 22px 53px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_trouble_list li:nth-child(2) {
    padding: 14px 7px 14px 15px;
  }
}
.usbencryption_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/datamigration/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .usbencryption_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_trouble_list li:nth-child(3) {
    padding: 24px 50px 22px 77px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_trouble_list li:nth-child(3) {
    padding: 14px 3px 14px 19px;
  }
}
.usbencryption_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .usbencryption_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
    left: 3px;
  }
}
.usbencryption_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .usbencryption_trouble_list li::before {
    top: -2px;
  }
}
.usbencryption_trouble_list li b {
  color: #e60012;
}

.usbencryption_solution {
  position: relative;
  z-index: 2;
  margin-top: -100px;
}

@media screen and (max-width: 768px) {
  .usbencryption_solution {
    margin-top: -10px;
  }
}
.usbencryption_solution .solution_top {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .usbencryption_solution .solution_top {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_solution .solution_img {
    margin-left: -30px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_solution .solution_text {
    margin: -80px 0 0 -100px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_solution .solution_text {
    margin-top: -20px;
  }
}
.usbencryption_solution_problem {
  text-align: center;
}
.usbencryption_solution_problem picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .usbencryption_solution_problem {
    width: 100%;
    margin: 0 auto;
  }
}
.usbencryption_about {
  margin-top: -30px;
  padding: 55px 50px 60px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .usbencryption_about {
    margin: 20px auto 0;
    padding: 8% 5%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.usbencryption_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

.usbencryption_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .usbencryption_about h2 {
    width: 69.6666666667%;
    margin: 0 auto;
  }
}

.usbencryption_about p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .usbencryption_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    font-feature-settings: "palt";
    letter-spacing: 0.05rem;
  }
}
.usbencryption_about .usbencryption_about_img {
  margin-top: 25px;
  text-align: center;
  position: relative;
}
.usbencryption_about .usbencryption_about_img picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .usbencryption_about .usbencryption_about_img {
    margin-top: 20px;
  }
}
.usbencryption_about .usbencryption_about_img::after {
  content: "";
  width: 773px;
  height: 227px;
  position: absolute;
  top: 20px;
  left: 0;
  background-image: url(../img/security/usbencryption/about_img_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  mix-blend-mode: screen;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .usbencryption_about .usbencryption_about_img::after {
    width: 100%;
    height: 26.7vw;
    top: 10px;
  }
}
.usbencryption_about .usbencryption_about_img img {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .usbencryption_about .usbencryption_about_img img {
    width: 38.6666666667%;
  }
}
.usbencryption_merit {
  margin-top: 60px;
}

.usbencryption_merit_list {
  max-width: 900px;
  display: flex;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .usbencryption_merit_list {
    flex-wrap: wrap;
    margin: 35px auto 0;
  }
}
.usbencryption_merit_list li {
  width: 32.2222222222%;
  display: flex;
  padding: 35px 10px;
  text-align: center;
  position: relative;
  font-weight: bold;
}
.usbencryption_merit_list li picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .usbencryption_merit_list li {
    width: 100%;
    height: 26.7vw;
    align-items: center;
    padding: 0 14px 0 34px;
    background: #f8f8f8;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_merit_list li {
    flex-direction: column;
    justify-content: space-around;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li div {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_merit_list li:nth-child(n+2) {
    margin-left: 1.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_merit_list li:nth-child(1) .merit_no {
    left: 55px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li:nth-child(1) .merit_no {
    width: 7.1216617211%;
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li:nth-child(1) div {
    width: 28.3737024221%;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_merit_list li:nth-child(1) figure {
    transform: translateX(10px);
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li:nth-child(2) {
    padding: 0 14px 0 38px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_merit_list li:nth-child(2) .merit_no {
    left: 35px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li:nth-child(2) .merit_no {
    width: 12.4629080119%;
    left: -4px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li:nth-child(2) div {
    width: 24.2214532872%;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_merit_list li:nth-child(2) figure {
    transform: translateX(15px);
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li:nth-child(3) {
    padding: 0 14px 0 38px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_merit_list li:nth-child(3) .merit_no {
    left: 45px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li:nth-child(3) .merit_no {
    width: 11.2759643917%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_merit_list li:nth-child(3) div {
    width: 24.2214532872%;
  }
}
.usbencryption_merit_list .merit_no {
  position: absolute;
  top: -6px;
}

@media screen and (max-width: 768px) {
  .usbencryption_merit_list .merit_no {
    top: 50%;
    transform: translateY(-50%);
  }
}
.usbencryption_merit_list h3 {
  margin-top: 5px;
  font-size: 20px;
  font-feature-settings: "palt";
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .usbencryption_merit_list h3 {
    margin-left: 17px;
    font-size: 15px;
    text-align: left;
  }
}
.usbencryption_tokuchou {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .usbencryption_tokuchou {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_tokuchou .usbencryption_title {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_tokuchou .usbencryption_title::after {
    top: 35px;
  }
}
.tokuchou_list_usbencryption {
  max-width: 900px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption {
    margin: 35px auto 0;
  }
}
.tokuchou_list_usbencryption li .tokuchou_list_box ul {
  margin-top: 20px;
}

.tokuchou_list_usbencryption li .tokuchou_list_box li {
  margin-top: 0;
  padding-left: 1.4em;
  font-size: 15px;
  text-indent: -1.4em;
  font-weight: 700;
  line-height: 1.6;
  opacity: 0.75;
}

.tokuchou_list_usbencryption li .tokuchou_list_box li::before {
  content: "";
  width: 16px;
  height: 12px;
  display: inline-block;
  margin: 0 6px -1px 0;
  background-image: url(../img/security/idauthentication/check.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.tokuchou_list_usbencryption li .tokuchou_list_box li:nth-child(n+2) {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li .tokuchou_list_box .toggle_ttl {
    height: 26.7vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li .tokuchou_list_box .toggle_ttl picture {
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li .tokuchou_list_box .toggle_div {
    padding: 8% 13% 10% 13%;
  }
}
.tokuchou_list_usbencryption li .tokuchou_list_box p {
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(odd) .tokuchou_list_box {
    padding: 0 78px 0 60px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(odd) .tokuchou_list_img {
    top: -45px;
    left: 415px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(even) .tokuchou_list_box {
    padding: 0 50px 0 77px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(even) .tokuchou_list_img {
    top: -50px;
    right: 435px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(1) .tokuchou_list_box {
    height: 300px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(1) .tokuchou_list_box h4 .tokuchou_nb {
    left: -70px;
    bottom: calc(100% - 17px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(1) .tokuchou_list_box .tokuchou_ttl {
    width: 70.9570957096%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(2) .tokuchou_list_box h4 .tokuchou_nb {
    right: -35px;
    bottom: calc(100% - 15px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(2) .tokuchou_list_box .tokuchou_ttl {
    width: 76.897689769%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(3) .tokuchou_list_box h4 .tokuchou_nb {
    left: -82px;
    bottom: calc(100% - 30px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(3) .tokuchou_list_box .tokuchou_ttl {
    width: 72.6072607261%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(3) .tokuchou_list_img {
    top: -55px;
    left: 430px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(4) .tokuchou_list_box {
    height: 400px;
    padding: 0 50px 0 100px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(4) .tokuchou_list_box h4 .tokuchou_nb {
    right: -35px;
    bottom: calc(100% - 2px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(4) .tokuchou_list_box .tokuchou_ttl {
    width: 76.2376237624%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(4) .tokuchou_list_img {
    top: 0;
    right: 435px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(5) .tokuchou_list_box h4 .tokuchou_nb {
    left: -2px !important;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(5) .tokuchou_list_box h4 .tokuchou_nb {
    left: -70px;
    bottom: calc(100% + 5px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(5) .tokuchou_list_box .tokuchou_ttl {
    width: 55.7755775578%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(5) .tokuchou_list_img {
    top: -55px;
    left: 430px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(6) .tokuchou_list_box {
    padding: 0 50px 0 100px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(6) .tokuchou_list_box h4 .tokuchou_nb {
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(6) .tokuchou_list_box h4 .tokuchou_nb {
    right: -30px;
    bottom: calc(100% + 5px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(6) .tokuchou_list_box .tokuchou_ttl {
    width: 69.6369636964%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(6) .tokuchou_list_img {
    top: -45px;
    right: 440px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(7) .tokuchou_list_box h4 .tokuchou_nb {
    left: -2px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(7) .tokuchou_list_box h4 .tokuchou_nb {
    left: -70px;
    bottom: calc(100% + 20px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_usbencryption li:nth-child(7) .tokuchou_list_box .tokuchou_ttl {
    width: 60.7260726073%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_usbencryption li:nth-child(7) .tokuchou_list_img {
    top: -30px;
    left: 430px;
  }
}
.usbencryption_function {
  margin-top: 70px;
  padding: 50px 0 125px;
  background-image: url(../img/security/usbencryption/function_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .usbencryption_function {
    width: 100vw;
    margin: 40px calc(50% - 50vw) 0;
    padding: 30px 5% 55px;
    background-color: #01b6c9;
    background-image: url(../img/security/usbencryption/function_bg_sp.jpg);
    background-position: center bottom;
  }
}
.function_option {
  text-align: center;
}

.function_option span {
  padding: 10px 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}

@media screen and (max-width: 768px) {
  .function_option span {
    font-size: 12px;
  }
}
.function_option span::after,
.function_option span::before {
  content: "";
  width: calc(100% + 42px);
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
}

@media screen and (max-width: 768px) {
  .function_option span::after,
  .function_option span::before {
    width: 100%;
  }
}
.function_option span::before {
  top: 0;
}

.function_option span::after {
  bottom: 0;
}

.usbencryption_function_wrap {
  max-width: 900px;
  margin: 0 auto;
}

.usbencryption_function_wrap h2 {
  margin-top: 35px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .usbencryption_function_wrap h2 {
    margin-top: 18px;
  }
}
.usbencryption_function_wrap h2 picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .usbencryption_function_wrap h2 img {
    width: 79.2284866469%;
  }
}
.usbencryption_function_text {
  margin-top: 10px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .usbencryption_function_text {
    font-size: 13px;
  }
}
.usbencryption_function_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 55px;
}

@media screen and (max-width: 768px) {
  .usbencryption_function_list {
    margin-top: 20px;
  }
}
.usbencryption_function_list > li {
  width: 100%;
  padding: 50px;
  background: #fff;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .usbencryption_function_list > li {
    width: 100%;
    padding: 0;
  }
}
.usbencryption_function_list > li:nth-child(n+2) {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .usbencryption_function_list > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.usbencryption_function_list > li:nth-of-type(1) .toggle_div div {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .usbencryption_function_list > li:nth-of-type(1) .toggle_div div {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list > li:nth-of-type(1) h3 {
    width: 66.46884273%;
    left: 10px;
  }
}
.usbencryption_function_list > li:nth-of-type(2) .toggle_div div {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .usbencryption_function_list > li:nth-of-type(2) .toggle_div div {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list > li:nth-of-type(2) h3 {
    width: 85.1632047478%;
    left: -3px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list > li:nth-of-type(3) h3 {
    width: 72.7002967359%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list > li:nth-of-type(3) .toggle_div {
    padding: 25px 5% 20px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list > li:nth-of-type(3) .toggle_div > p {
    padding: 0 9%;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list > li:nth-of-type(4) h3 {
    width: 68.5459940653%;
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_ttl {
    position: relative;
    height: 26.7vw;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_function_list .toggle_ttl {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    flex-grow: 1;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_ttl h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_div {
    display: none;
    position: relative;
    padding: 25px 13% 40px 13%;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_div::after,
  .usbencryption_function_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background: #bc9727;
  }
}
.usbencryption_function_list .toggle_div p {
  color: #939699;
  font-weight: 700;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_div p {
    line-height: 1.7;
  }
}
.usbencryption_function_list .toggle_div .usbencryption_function_img img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .usbencryption_function_list .toggle_div .usbencryption_function_img img {
    width: 100%;
    height: auto;
  }
}
.tab_box_usbencryption .password_tab_list {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .tab_box_usbencryption .password_tab_list {
    margin-top: -25px;
  }
}
.tab_box_usbencryption .password_tab_list .tab_panel {
  margin-top: 13px;
  padding: 35px 72px 35px 53px;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .tab_box_usbencryption .password_tab_list .tab_panel {
    margin-top: 0;
    padding: 50px 8.5% 40px 8.5%;
  }
}
.tab_box_usbencryption .password_tab_list .tab_panel p {
  margin-top: 5px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .tab_box_usbencryption .password_tab_list .tab_panel p {
    margin-top: 10px;
  }
}
.tab_box_usbencryption .password_tab_list .tab_panel.active {
  display: flex;
}

@media screen and (max-width: 768px) {
  .tab_box_usbencryption .password_tab_list .tab_panel.active {
    flex-direction: column;
  }
}
.tab_box_usbencryption .password_list_tab {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .tab_box_usbencryption .password_list_tab {
    margin-top: 20px;
    justify-content: center;
  }
}
.tab_box_usbencryption .password_list_tab .tab_btn {
  width: 19.75%;
  margin-right: 0.125%;
  padding: 14px 0;
  font-size: 15px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .tab_box_usbencryption .password_list_tab .tab_btn {
    width: 33.00330033%;
    margin-right: 0.3300330033%;
    padding: 8px 0;
    font-size: 12px;
    font-feature-settings: "palt";
  }
}
.tab_box_usbencryption .password_list_tab .tab_btn:first-child {
  border-radius: 5px 0 0 5px;
}

.tab_box_usbencryption .password_list_tab .tab_btn:last-child {
  margin-right: 0;
  border-radius: 0 5px 5px 0;
}

@media screen and (max-width: 768px) {
  .tab_box_usbencryption .password_list_tab .tab_btn:nth-child(3) {
    margin-right: 0;
    border-radius: 0 5px 5px 0;
  }
}
@media screen and (max-width: 768px) {
  .tab_box_usbencryption .password_list_tab .tab_btn:nth-child(4) {
    border-radius: 5px 0 0 5px;
  }
}
.tab_box_usbencryption .password_list_tab .tab_btn:nth-child(3n+2) {
  width: 20%;
}

@media screen and (max-width: 768px) {
  .tab_box_usbencryption .password_list_tab .tab_btn:nth-child(3n+2) {
    width: 33.00330033%;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_usbencryption .password_list_tab .tab_btn:hover {
    opacity: 0.8;
    cursor: pointer;
  }
}
.password_tab_img {
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .password_tab_img {
    width: 67.6%;
    margin: 0 auto;
  }
}
.password_tab_img picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .password_tab_text {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .password_tab_text {
    text-align: left;
    margin-left: 46px;
  }
}
.password_tab_text .password_no {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .password_tab_text .password_no {
    display: block;
    width: 28%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .password_tab_text .password_no picture {
    display: flex;
    justify-content: center;
  }
}

.password_tab_text h4 {
  margin-top: 12px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .password_tab_text h4 {
    margin-top: 6px;
    font-size: 18px;
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  .usbencryption_lineup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    background-image: url(../img/security/usbencryption/lineup_bg.jpg);
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_lineup h2 {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_faq {
    margin-top: 60px;
  }
}
.usbencryption_spec {
  padding-bottom: 20px;
}

@media screen and (min-width: 769px) {
  .usbencryption_spec {
    margin-top: 140px;
  }
}
.usbencryption_spec .spec_list {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .usbencryption_spec .spec_list {
    margin-top: 25px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_spec .spec_block p:first-of-type {
    width: 33.3333333333%;
    padding: 20px 20px 20px 30px;
  }
}
@media screen and (min-width: 769px) {
  .usbencryption_spec .spec_block p:last-of-type {
    width: 68.1818181818%;
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .usbencryption_spec .spec_block p:last-of-type {
    padding: 8px 0 12px 0;
    font-size: 12px;
  }
}
.virtualdesktop .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .virtualdesktop .lower_mv {
    height: 500px;
    background-image: url(../img/security/virtualdesktop/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.virtualdesktop .lower_mv_wrap {
  max-width: 1000px;
  margin: -30px auto 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .virtualdesktop .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop .lower_mv_wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop .mv_title01 {
    width: 32%;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop .mv_title02 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop .mv_title02 {
    width: 76.8%;
    margin-top: 6px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop .mv_title03 {
    width: 82.9333333333%;
    margin-top: 12px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop .mv_text {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop .mv_text {
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop .mv_list {
    margin-top: 25px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop .mv_list li {
    padding: 0 15px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop .mv_list li:first-child {
    padding-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop .mv_list li:last-child {
    padding-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop .mv_right {
    transform: translateX(20px) translateY(20px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop .mv_right {
    position: relative;
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop .mv_right img {
    width: 100%;
  }
}
.virtualdesktop h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.virtualdesktop h2::before {
  content: none;
}

.virtualdesktop h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .virtualdesktop .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.virtualdesktop .virtualdesktop_title {
  padding: 34px 45px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .virtualdesktop .virtualdesktop_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop .virtualdesktop_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.virtualdesktop .virtualdesktop_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .virtualdesktop .virtualdesktop_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.virtualdesktop_top {
  padding: 60px 0 300px;
  background-image: url(../img/security/virtualdesktop/trouble_bg.png);
  background-size: 1920px;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_top {
    padding: 30px 0 34.6666666667%;
    background-image: url(../img/security/virtualdesktop/trouble_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    overflow: hidden;
  }
}
.virtualdesktop_top::after {
  content: "";
  width: 37.0611183355vw;
  max-width: 386px;
  height: 424px;
  position: absolute;
  background-image: url(../img/security/virtualdesktop/trouble_bg_obj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
  bottom: 89px;
  left: 50%;
  transform: translateX(-51%);
}

@media screen and (max-width: 768px) {
  .virtualdesktop_top::after {
    content: "";
    width: 38.6666666667%;
    height: 42vw;
    position: absolute;
    bottom: 2.5vw;
    left: 50%;
    transform: translateX(-58%);
    background-image: url(../img/security/virtualdesktop/trouble_bg_obj_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 3;
  }
}
.virtualdesktop_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_trouble h2 {
    width: 76.8545994065%;
    margin: 0 auto;
  }
}

.virtualdesktop_trouble_list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list {
    gap: 0;
  }
}

@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list {
    margin-top: 10px;
  }
}
.virtualdesktop_trouble_list::after {
  display: none;
}

.virtualdesktop_trouble_list li {
  position: relative;
  width: 400px;
  background: #434343 url(../img/security/datamigration/trouble_list_bg.svg) no-repeat;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.5;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li {
    width: 48.9614243323%;
    margin-top: 10px;
    padding: 16px 18px 12px 23px;
    font-size: 13px;
    line-height: 1.6;
    background-size: 35px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_trouble_list li:first-child {
    width: 485px;
    padding: 25px 50px 20px 87px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li:first-child {
    padding: 22px 15px 16px 13px;
  }
}
.virtualdesktop_trouble_list li:first-child::before {
  left: 20px;
  width: 23px;
  height: 49px;
  background-image: url(../img/security/datamigration/trouble_list_number01.png);
}

@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li:first-child::before {
    width: 10px;
    height: 20px;
    left: 6px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_trouble_list li:nth-child(2) {
    width: 485px;
    padding: 40px 50px 22px 90px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li:nth-child(2) {
    padding: 22px 14px 16px 14px;
  }
}
.virtualdesktop_trouble_list li:nth-child(2):before {
  left: 4px;
  width: 44px;
  height: 50px;
  background-image: url(../img/security/datamigration/trouble_list_number02.png);
}

@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li:nth-child(2):before {
    width: 19px;
    height: 21px;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_trouble_list li:nth-child(3) {
    padding: 23px 50px 22px 65px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li:nth-child(3) {
    padding: 22px 15px 16px 13px;
  }
}
.virtualdesktop_trouble_list li:nth-child(3):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number03.png);
}

@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li:nth-child(3):before {
    width: 17px;
    height: 21px;
    left: 3px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_trouble_list li:nth-child(4) {
    padding: 23px 50px 22px 89px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li:nth-child(4) {
    padding: 22px 12px 16px 16px;
  }
}
.virtualdesktop_trouble_list li:nth-child(4):before {
  left: 5px;
  width: 40px;
  height: 51px;
  background-image: url(../img/security/datamigration/trouble_list_number04.png);
}

@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li:nth-child(4):before {
    width: 17px;
    height: 21px;
    left: 3px;
  }
}
.virtualdesktop_trouble_list li::before {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_trouble_list li::before {
    top: -2px;
  }
}
.virtualdesktop_trouble_list li b {
  color: #e60012;
}

.virtualdesktop_solution {
  position: relative;
  z-index: 2;
  margin-top: -230px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_solution {
    margin-top: -30px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_solution .solution_top {
    max-width: 900px;
    margin: 0 auto;
  }
}
.virtualdesktop_solution .solution_img {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-height: 356px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_solution .solution_img {
    max-width: 67.0623145401%;
    min-height: 0;
    margin-left: 0;
  }
}
.virtualdesktop_solution .solution_img img {
  width: 29.9089726918vw;
  max-width: 389px;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_solution .solution_img img {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .virtualdesktop_solution .solution_text {
    margin: 20px 0 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_solution .solution_text {
    margin-top: -10px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_solution .solution_text h2 span {
    font-size: 4.8vw;
    letter-spacing: 0;
  }
}
.virtualdesktop_whats_top {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_whats_top {
    margin-top: 30px;
  }
}
.virtualdesktop_whats_top h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_whats_top h2 {
    max-width: 59.6439169139%;
    margin: 0 auto;
  }
}

.virtualdesktop_whats_top p {
  margin: 25px 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  color: #717479;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_whats_top p {
    margin: 10px 0 0 0;
    font-size: 13px;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .whats_img {
    margin-top: 30px;
  }
}
.whats_img img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .whats_img img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_whats {
    max-width: 900px;
    margin: 0 auto;
  }
}
.virtualdesktop_whats .security_border_title {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_whats .security_border_title {
    margin-top: 30px;
  }
}
.virtualdesktop_merit {
  max-width: 810px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_merit {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
  }
}

.virtualdesktop_merit li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_merit li {
    flex-direction: row;
    width: 100%;
    padding: 16px 18px;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
.virtualdesktop_merit li:first-child {
  padding-right: 35px;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_merit li:first-child {
    padding-right: 0;
  }
}
.virtualdesktop_merit li .virtualdesktop_merit_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_merit li .virtualdesktop_merit_text {
    align-items: flex-start;
  }
}

@media screen and (min-width: 769px) {
  .virtualdesktop_merit li:nth-child(1) .virtualdesktop_merit_text h4 {
    margin-top: 26px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_merit_img {
    width: 22.5913621262%;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_merit_text {
    width: 85.3820598007%;
    margin-left: 3.9867109635%;
    text-align: left;
  }
}
.virtualdesktop_merit_text p {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_merit_text p {
    width: 30.5676855895%;
    margin-top: 0;
    line-height: 1;
  }
}
.virtualdesktop_merit_text h4 {
  margin-top: 15px;
  font-size: 20px;
  font-feature-settings: "palt";
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_merit_text h4 {
    margin-top: 5px;
    font-size: 15px;
  }
}
.virtualdesktop_about {
  margin-top: 40px;
  padding: 55px 50px 95px 50px;
  background-image: url(../img/security/ups/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_about {
    margin: 30px auto 0;
    padding: 8% 7%;
    background-image: url(../img/security/ups/about_bg_sp.png);
  }
}
.virtualdesktop_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

.virtualdesktop_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_about h2 {
    width: 85.8620689655%;
    margin: 0 auto;
  }
}

.virtualdesktop_about p {
  margin-top: 20px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.05rem;
  }
}
.virtualdesktop_about .virtualdesktop_about_img {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_about .virtualdesktop_about_img {
    margin-top: 20px;
  }
}
.virtualdesktop_about .virtualdesktop_about_img img {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_about .virtualdesktop_about_img img {
    width: 100%;
  }
}
.solution_shadow_virtualdesktop {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .solution_shadow_virtualdesktop {
    margin-top: 30px;
  }
}
.shadow_list_virtualdesktop {
  max-width: 900px;
  margin: 45px auto 0;
}

@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop {
    margin: 20px auto 0;
  }
}
.shadow_list_virtualdesktop li {
  background: #f8f8f8;
  position: relative;
}

@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li {
    height: 280px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li:nth-child(odd) {
    padding: 40px 24px 20px 73px;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li:nth-child(odd) .shadow_no {
    left: 25px;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li:nth-child(even) {
    flex-direction: row-reverse;
    align-items: center;
    padding: 40px 75px 28px 40px;
  }
}
.shadow_list_virtualdesktop li:nth-child(even) .shadow_no {
  right: 27px;
}

.shadow_list_virtualdesktop li:nth-child(n+2) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(1) .shadow_no {
    width: 7.1216617211%;
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(1) h4 {
    width: 43.9169139466%;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(2) .shadow_no {
    width: 12.4629080119%;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(2) h4 {
    width: 68.5459940653%;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li:nth-child(2) .toggle_ttl {
    width: 57.3248407643%;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(2) .toggle_div div {
    width: 82.8382838284%;
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li:nth-child(3) {
    padding: 50px 75px 25px 75px;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(3) .shadow_no {
    width: 11.2759643917%;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(3) h4 {
    width: 58.7537091988%;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li:nth-child(3) .toggle_ttl {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(3) .toggle_div div {
    width: 63.0363036304%;
    margin: 10px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li:nth-child(3) .toggle_div div {
    margin-top: -25px;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li:nth-child(4) {
    padding: 25px 75px 28px 75px;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(4) .shadow_no {
    width: 12.7596439169%;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(4) h4 {
    width: 54.0059347181%;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop li:nth-child(4) .toggle_ttl {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop li:nth-child(4) .toggle_div div {
    width: 56.4356435644%;
    margin: 10px auto 0;
  }
}
.shadow_list_virtualdesktop .shadow_no {
  position: absolute;
  top: -5px;
}

@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .shadow_no {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_ttl {
    width: 100%;
    position: relative;
    height: 26.7vw;
  }
}
@media screen and (min-width: 769px) {
  .shadow_list_virtualdesktop .toggle_ttl {
    width: 56.0398505604%;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_ttl h4 {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    line-height: 1;
  }
}
.shadow_list_virtualdesktop .toggle_ttl p {
  margin-top: 25px;
  color: #6e7276;
  font-weight: 700;
  line-height: 1.6;
}

.shadow_list_virtualdesktop .toggle_div {
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_div {
    display: none;
    padding: 30px 5%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_div::after,
  .shadow_list_virtualdesktop .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_div p {
    padding: 0 9%;
    color: #787c80;
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .shadow_list_virtualdesktop .toggle_div div {
    margin-top: 20px;
  }
}
.virtualdesktop_reason {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_reason {
    margin-top: 30px;
  }
}
.virtualdesktop_reason_list {
  max-width: 900px;
  display: flex;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list {
    flex-wrap: wrap;
    margin: 35px auto 0;
  }
}
.virtualdesktop_reason_list li {
  width: 32.2222222222%;
  padding: 30px 20px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li {
    width: 100%;
    padding: 0;
    background: #f8f8f8;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_reason_list li {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li div {
    flex-shrink: 0;
  }
}
.virtualdesktop_reason_list li .toggle_ttl {
  display: flex;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li .toggle_ttl {
    width: 100%;
    height: 26.7vw;
    align-items: center;
    position: relative;
    padding: 0 20px 0 42px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_reason_list li .toggle_ttl {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li .toggle_div {
    display: none;
    padding: 30px 13%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li .toggle_div::after,
  .virtualdesktop_reason_list li .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
.virtualdesktop_reason_list li .toggle_div p {
  margin-top: 10px;
  color: #939699;
  font-weight: 700;
  font-feature-settings: "palt";
  text-align: left;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li .toggle_div p {
    margin-top: 0;
    line-height: 1.8;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_reason_list li:nth-child(n+2) {
    margin-left: 1.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_reason_list li:nth-child(1) {
    padding: 45px 20px 30px 20px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_reason_list li:nth-child(1) .reason_no {
    left: 50px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li:nth-child(1) .reason_no {
    width: 7.1216617211%;
    left: 7px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li:nth-child(1) .toggle_ttl div {
    width: 26.1818181818%;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_reason_list li:nth-child(2) .reason_no {
    left: 35px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li:nth-child(2) .reason_no {
    width: 12.4629080119%;
    left: -4px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li:nth-child(2) .toggle_ttl div {
    width: 26.1818181818%;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_reason_list li:nth-child(3) {
    padding: 40px 20px 30px 20px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_reason_list li:nth-child(3) .reason_no {
    left: 45px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li:nth-child(3) .reason_no {
    width: 11.2759643917%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list li:nth-child(3) .toggle_ttl div {
    width: 26.1818181818%;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_reason_list li:nth-child(3) figure {
    transform: translateX(5px);
  }
}
.virtualdesktop_reason_list .reason_no {
  position: absolute;
  top: -6px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list .reason_no {
    top: 50%;
    transform: translateY(-50%);
  }
}
.virtualdesktop_reason_list h3 {
  margin-top: 5px;
  font-size: 20px;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .virtualdesktop_reason_list h3 {
    margin-left: 17px;
    font-size: 15px;
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .contact_btn_virtualdesktop_sp {
    margin: 30px calc(-50vw + 50%) 0;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_comparison {
    margin-top: 55px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_comparison .virtualdesktop_title {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_comparison .virtualdesktop_title::after {
    top: 35px;
  }
}
.comparison_img {
  max-width: 900px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .comparison_img {
    margin: 30px auto 0;
  }
}
.virtualdesktop_function {
  margin-top: 60px;
  padding: 70px 0 150px;
  background-image: url(../img/security/virtualdesktop/function_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function {
    width: 100vw;
    margin: 30px calc(50% - 50vw) 0;
    padding: 30px 5% 40px;
    background-color: #01b6c9;
    background-image: url(../img/security/virtualdesktop/function_bg_sp.jpg);
    background-position: center top;
  }
}
.virtualdesktop_function_wrap {
  max-width: 900px;
  margin: 0 auto;
}

.virtualdesktop_function_wrap h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function_wrap h2 img {
    width: 78.6350148368%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_function_wrap .packetix_tab {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_function_wrap .packetix_tab .tab_btn {
    padding: 10px 8px;
    font-size: 12px;
  }
}
.usbencryption_function_text {
  margin-top: 10px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .usbencryption_function_text {
    font-size: 13px;
  }
}
.virtualdesktop_function_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 55px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function_list {
    margin-top: 10px;
  }
}
.virtualdesktop_function_list > li {
  width: 100%;
  padding: 40px 50px 35px 50px;
  background: #fff;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li {
    width: 100%;
    padding: 30px 26px;
  }
}
.virtualdesktop_function_list > li:nth-child(n+2) {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li:nth-child(n+2) {
    margin-top: 0;
  }
}
.virtualdesktop_function_list > li:nth-of-type(1) .virtualdesktop_function_img {
  margin-top: 15px;
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .virtualdesktop_function_list > li:nth-of-type(1) .virtualdesktop_function_img {
    width: 87.7192982456%;
    margin: 5px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li:nth-of-type(1) h3 {
    width: 96.4912280702%;
  }
}
.virtualdesktop_function_list > li:nth-of-type(2) .virtualdesktop_function_img {
  margin-top: 23px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li:nth-of-type(2) .virtualdesktop_function_img {
    width: 89.8245614035%;
    margin: 65px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li:nth-of-type(2) h3 {
    width: 70.1754385965%;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_function_list > li:nth-of-type(3) {
    padding: 40px 50px 70px 50px;
  }
}
.virtualdesktop_function_list > li:nth-of-type(3) .virtualdesktop_function_img {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li:nth-of-type(3) .virtualdesktop_function_img {
    width: 94.3859649123%;
    margin: 55px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li:nth-of-type(3) h3 {
    width: 52.6315789474%;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li h3 {
    margin: 0 auto;
    line-height: 1;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_function_list > li h3 {
    width: fit-content;
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    flex-grow: 1;
    flex-shrink: 0;
  }
}
.virtualdesktop_function_list > li h4 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li h4 {
    margin-top: 13px;
    font-size: 18px;
    font-feature-settings: "palt";
    line-height: 1.6;
  }
}
.virtualdesktop_function_list > li p {
  margin-top: 8px;
  color: #939699;
  font-feature-settings: "palt";
  letter-spacing: 0.04rem;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function_list > li p {
    padding: 0 6%;
    letter-spacing: 0;
  }
}
.virtualdesktop_function_img img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_function_img img {
    width: 100%;
    height: auto;
  }
}
.virtualdesktop_option {
  padding: 70px 0 105px;
  background-image: url(../img/security/virtualdesktop/option_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_option {
    width: 100vw;
    margin: calc(50% - 50vw) 0;
    padding: 30px 5% 35px;
    background-image: url(../img/security/virtualdesktop/option_bg_sp.jpg);
    background-position: center top;
  }
}
.virtualdesktop_option_wrap {
  max-width: 900px;
  margin: 0 auto;
}

.virtualdesktop_option_wrap h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_option_wrap h2 img {
    width: 61.7210682493%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_option_wrap .packetix_tab {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_option_wrap .packetix_tab .tab_btn {
    width: calc(50% - 0.5px);
    padding: 17px 8px;
    font-size: 12px;
  }
}
.virtualdesktop_option_wrap .packetix_tab .tab_btn.active {
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}

.virtualdesktop_option_list {
  display: flex;
  margin-top: 65px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_option_list {
    margin-top: 10px;
  }
}
.virtualdesktop_option_list li {
  width: 50%;
  padding: 45px 30px 30px 30px;
  background: #fff;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_option_list li {
    width: 100%;
    padding: 30px 30px 40px 30px;
  }
}
.virtualdesktop_option_list li:nth-child(n+2) {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_option_list li:nth-child(n+2) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_option_list li:nth-of-type(1) h3 {
    width: 81.5884476534%;
  }
}
.virtualdesktop_option_list li div picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_option_list li:nth-of-type(1) div {
    margin-top: 55px;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_option_list li:nth-of-type(2) h3 {
    width: 90.6137184116%;
  }
}
.virtualdesktop_option_list .option_list_grad {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .virtualdesktop_option_list .option_list_grad {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_option_list h3 {
    margin: 0 auto;
  }
}
.virtualdesktop_option_list h3 img {
  display: block;
  margin: 0 auto;
}

.virtualdesktop_option_list p {
  margin-top: 20px;
  color: #939699;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .virtualdesktop_option_list p {
    padding: 0 5%;
  }
}
.virtualdesktop_option_list div {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_faq {
    padding: 0 0 50px 0;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_faq {
    margin-top: 60px;
  }
}
.virtualdesktop_spec {
  padding-bottom: 30px;
}

@media screen and (min-width: 769px) {
  .virtualdesktop_spec {
    margin-top: 60px;
  }
}
.virtualdesktop_spec .spec_list {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .virtualdesktop_spec .spec_list {
    margin-top: 25px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_spec .spec_block p:first-of-type {
    width: 33.3333333333%;
    padding: 20px 20px 20px 50px;
  }
}
@media screen and (min-width: 769px) {
  .virtualdesktop_spec .spec_block p:last-of-type {
    width: 68.1818181818%;
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .virtualdesktop_spec .spec_block p:last-of-type {
    padding: 8px 0 12px 0;
    font-size: 12px;
  }
}
.accessloganalysis .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .accessloganalysis .lower_mv {
    height: 500px;
    background-image: url(../img/security/accessloganalysis/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.accessloganalysis .lower_mv_wrap {
  max-width: 1000px;
  margin: -30px auto 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .accessloganalysis .lower_mv_wrap {
    width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis .lower_mv_wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis .mv_title01 {
    width: 28.2666666667%;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis .mv_title02 {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis .mv_title02 {
    width: 65.3333333333%;
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis .mv_text {
    margin-top: 10px;
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis .mv_list {
    margin-top: 50px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis .mv_right {
    transform: translateX(5px) translateY(35px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis .mv_right {
    position: relative;
    z-index: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis .mv_right img {
    width: 100%;
  }
}
.accessloganalysis h2 {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.accessloganalysis h2::before {
  content: none;
}

.accessloganalysis h2 span {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.accessloganalysis .accessloganalysis_title {
  padding: 34px 45px;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .accessloganalysis .accessloganalysis_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis .accessloganalysis_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.accessloganalysis .accessloganalysis_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .accessloganalysis .accessloganalysis_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
.accessloganalysis_top {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_top {
    background-image: url(../img/security/accessloganalysis/trouble_bg_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 15.2380952381%;
  }
}
.accessloganalysis_top::before {
  content: "";
  width: 1920px;
  height: 1530px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/accessloganalysis/trouble_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  bottom: -185px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_top::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_top .wrapper {
    padding: 0;
  }
}
.accessloganalysis_about {
  margin-top: 85px;
  padding: 50px 6px 55px 48px;
  background-image: url(../img/security/accessloganalysis/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_about {
    margin: 20px auto 0;
    padding: 8% 5% 11% 5%;
    background-image: url(../img/security/accessloganalysis/about_bg_sp.png);
  }
}
.accessloganalysis_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 946px;
  margin: 0 auto;
}

.accessloganalysis_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_about h2 {
    width: 59.3333333333%;
    margin: 0 auto;
  }
}

.accessloganalysis_about h3 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_about h3 {
    font-size: 17px;
    text-align: center;
  }
}

.accessloganalysis_about p {
  margin-top: 28px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_about p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    font-feature-settings: "palt";
    letter-spacing: 0.05rem;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_about .itreport_about_box {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_about .itreport_about_box {
    align-items: center;
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_about .itreport_about_text {
    margin: 0 24px 0 0;
  }
}
.accessloganalysis_about .itreport_about_img {
  text-align: center;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_about .itreport_about_img {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_about .itreport_about_img img {
    width: 82.6666666667%;
    margin: 0 auto;
  }
}
.accessloganalysis_trouble {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 65px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_trouble {
    padding-top: 20px;
  }
}

.accessloganalysis_trouble h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_trouble h2 {
    width: 83.0541333333vw;
    margin: 0 auto;
  }
}

.accessloganalysis_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_trouble_list {
    width: 90vw;
    margin: 20px auto 0;
  }
}
.accessloganalysis_trouble_list li {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .accessloganalysis_trouble_list li {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_trouble_list li:nth-child(n+2) {
    margin-top: 5px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_trouble_list li:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_trouble_list li:not(:nth-child(3n)) {
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_trouble_list li img {
    width: 100%;
    height: auto;
  }
}
.accessloganalysis_trouble_problem {
  padding: 60px 0;
  text-align: center;
}
.accessloganalysis_trouble_problem picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_trouble_problem {
    width: 90vw;
    margin: 0 auto;
    padding: 20px 0 25px 0;
  }
}
.accessloganalysis_solution {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .accessloganalysis_solution {
    margin-top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_solution {
    margin-top: -10vw;
  }
}
.accessloganalysis_solution .solution_top .solution_img {
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_solution .solution_top .solution_img {
    max-width: 79.5252225519%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_solution .solution_top .solution_img {
    margin-left: -160px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_solution .solution_top .solution_img img {
    width: 46.8140442133vw;
    max-width: 616px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_solution .solution_text {
    margin-top: -10px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_solution .solution_text {
    margin-left: -100px;
  }
}
.accessloganalysis_solution .solution_text h2 {
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .accessloganalysis_solution .solution_text h2 {
    line-height: 2.2;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_solution .solution_text h2 span {
    font-size: 3.9vw;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_solution .solution_text h2 span {
    font-size: 30px;
  }
}
.accessloganalysis_solution .solution_text p {
  margin-top: 25px;
  color: #717479;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_solution .solution_text p {
    margin-bottom: 0;
    font-size: 15px;
    text-align: left;
    line-height: 1.7;
  }
}
.accessloganalysis_record {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_record {
    margin-top: 40px;
  }
}
.accessloganalysis_record_list {
  max-width: 900px;
  margin: 90px auto 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_record_list {
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list > li {
    background: #f8f8f8;
  }
}
.accessloganalysis_record_list > li:nth-child(n+2) {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_record_list > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list > li:nth-child(1) .tokuchou_ttl {
    width: 75.9643916914%;
    left: 8px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list > li:nth-child(2) .tokuchou_ttl {
    width: 69.4362017804%;
    left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list > li:nth-child(3) .tokuchou_ttl {
    width: 78.3382789318%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .toggle_ttl {
    position: relative;
    height: 26.7vw;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .toggle_ttl .tokuchou_ttl {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .toggle_div {
    display: none;
    padding: 30px 5%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .toggle_div::after,
  .accessloganalysis_record_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
.accessloganalysis_record_list .toggle_div p {
  margin-top: 25px;
  color: #717479;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .toggle_div p {
    margin-top: 0;
  }
}
.accessloganalysis_record_list .record_list01 {
  max-width: 835px;
  margin: 45px auto 0;
  display: flex;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .record_list01 {
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px auto 0;
  }
}
.accessloganalysis_record_list .record_list01 li {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .record_list01 li {
    width: 32.3432343234%;
    margin-right: 0.9900990099%;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
  }
}
.accessloganalysis_record_list .record_list01 li picture {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .accessloganalysis_record_list .record_list01 li:nth-child(1) {
    margin-right: 73px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_record_list .record_list01 li:nth-child(2) {
    margin-right: 61px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_record_list .record_list01 li:nth-child(3) {
    margin-right: 58px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_record_list .record_list01 li:nth-child(4) {
    margin-right: 62px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .record_list01 li:last-child,
  .accessloganalysis_record_list .record_list01 li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_record_list .record_list01 li:nth-child(n+4) {
    margin-top: 5px;
  }
}
.record_list02 {
  display: flex;
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .record_list02 {
    flex-direction: column;
    margin-top: 20px;
  }
}
.record_list02 li {
  width: 32.2222222222%;
  padding: 27px;
  position: relative;
  text-align: center;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .record_list02 li {
    width: 100%;
    padding: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .record_list02 li:nth-child(n+2) {
    margin-top: 5px;
  }
}
@media screen and (min-width: 769px) {
  .record_list02 li:nth-child(n+2) {
    margin-left: 1.6666666667%;
  }
}
.record_list02 .log_no {
  display: block;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .log_list_img img {
    width: 100%;
    height: auto;
  }
}
.record_list03 {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .record_list03 {
    margin-top: 20px;
  }
}
.accessloganalysis_reason {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_reason {
    margin-top: 40px;
  }
}
.accessloganalysis_reason_list {
  max-width: 900px;
  margin: 80px auto 0;
  display: flex;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_reason_list {
    flex-direction: column;
    margin: 35px auto 0;
  }
}
.accessloganalysis_reason_list li {
  width: 32.2222222222%;
  padding: 45px 18px 25px 18px;
  position: relative;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 768px) {
  .accessloganalysis_reason_list li {
    width: 100%;
    padding: 30px 5% 15px;
  }
}
.accessloganalysis_reason_list li:not(:nth-child(3n)) {
  margin-right: 1.6666666667%;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_reason_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_reason_list li:nth-child(1) .accessloganalysis_reason_img figure {
    width: 54.5454545455%;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_reason_list li:nth-child(2) .accessloganalysis_reason_img figure {
    width: 75.0841750842%;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_reason_list li:nth-child(3) .accessloganalysis_reason_img figure {
    width: 50.5050505051%;
  }
}
.accessloganalysis_reason_list .reason_no {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
}

.accessloganalysis_reason_img {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_reason_img figure {
    margin: 0 auto;
  }
}
.accessloganalysis_reason_img picture {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .accessloganalysis_reason_img picture {
    min-height: 139px;
  }
}
.accessloganalysis_reason_img h3 {
  margin-top: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  font-feature-settings: "palt";
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_reason_img h3 {
    margin-top: 10px;
    font-size: 15px;
    text-align: center;
  }
}

.accessloganalysis_reason_text p {
  margin-top: 15px;
  color: #939699;
  font-size: 14px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.5;
  letter-spacing: 0.05rem;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_reason_text p {
    margin-top: 5px;
    font-size: 15px;
    text-align: center;
    letter-spacing: -0.05rem;
  }
}
.accessloganalysis_case_area {
  margin-top: 100px;
  padding: 60px 0 105px 0;
  background-image: url(../img/security/antivirus/case_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_case_area {
    margin-top: 40px;
    padding: 15px 0 30px;
    background-image: url(../img/security/antivirus/case_bg_sp.jpg);
  }
}
.accessloganalysis_case_area .tab_label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 20px 0;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  background: #8c8c8c;
  transition: all ease 0.3s;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_label {
    padding: 10px 0;
  }
}
.accessloganalysis_case_area .tab_label .title_en {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_label .title_en {
    font-size: 12px;
  }
}
.accessloganalysis_case_area .tab_label .title_ja {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_label .title_ja {
    font-size: 13px;
    line-height: 1.2;
  }
}
.accessloganalysis_case_area .tab_label.active {
  background: #01b6c9;
}

.accessloganalysis_case_area .wrapper {
  max-width: 900px;
}

.accessloganalysis_case_area .case_title {
  text-align: center;
}
.accessloganalysis_case_area .case_title picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .case_title img {
    width: 66.7647058824%;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_case_area .case_tab {
    max-width: 900px;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_area button .title_ja {
    margin-top: 5px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_case_area .tab_panel {
    padding: 25px 50px 30px 50px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_panel {
    padding-bottom: 0;
  }
}
.accessloganalysis_case_area .tab_panel ul {
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_panel ul {
    margin-top: 20px;
  }
}
.accessloganalysis_case_area .tab_panel ul li {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_panel ul {
    margin-top: 20px;
  }
}
.accessloganalysis_case_area .tab_panel h3 {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_panel h3 {
    font-size: 18px;
    line-height: 1.3;
  }
}

.accessloganalysis_case_area .tab_panel p {
  margin-top: 10px;
  color: rgba(29, 39, 49, 0.75);
  letter-spacing: -0.05rem;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_panel p {
    line-height: 1.5;
  }
}
.accessloganalysis_case_area .tab_panel .case_kaiketsu {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_panel .case_kaiketsu {
    width: 90vw;
    margin: 12px calc(50% - 45vw) 0;
    padding: 5%;
    background: #01b6c9;
    color: #fff;
  }
}
.accessloganalysis_case_area .tab_panel .case_kaiketsu h3,
.accessloganalysis_case_area .tab_panel .case_kaiketsu p {
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .accessloganalysis_case_area .tab_panel .case_kaiketsu h3,
  .accessloganalysis_case_area .tab_panel .case_kaiketsu p {
    color: #01b6c9;
  }
}
.accessloganalysis_case_area .tab_panel .case_kaiketsu h3 {
  font-size: 15px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_panel .case_kaiketsu h3 {
    font-size: 12px;
  }
}
.accessloganalysis_case_area .tab_panel .case_kaiketsu p {
  margin-top: 5px;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_case_area .tab_panel .case_kaiketsu p {
    font-size: 15px;
    color: #fff;
  }
}
.accessloganalysis_security_contact {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .accessloganalysis_security_contact {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .accessloganalysis_security_contact .security_contact_last {
    margin-bottom: 0;
  }
}
.accessloganalysis_kinou {
  margin-top: 90px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_kinou {
    margin-top: 20px;
  }
}
.accessloganalysis_kinou_list {
  max-width: 900px;
  margin: 90px auto 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list {
    margin: 35px auto 0;
  }
}
.accessloganalysis_kinou_list > li {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li {
    margin-top: 10px;
    background: #f8f8f8;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li .gf1000_list03_title {
    font-size: 15px;
  }
}
.accessloganalysis_kinou_list > li:nth-child(1) .kinou_list_top {
  width: 49.4444444444%;
  margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li:nth-child(1) .kinou_list_top {
    width: 88.1188118812%;
    margin: 15px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li:nth-child(1) .tokuchou_ttl {
    width: 70.3264094955%;
    left: 8px;
  }
}
.accessloganalysis_kinou_list > li:nth-child(2) .kinou_list_top {
  width: 49.3333333333%;
  margin: 10px auto 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li:nth-child(2) .kinou_list_top {
    width: 92.4092409241%;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li:nth-child(2) .tokuchou_ttl {
    width: 61.4243323442%;
    left: -3px;
  }
}
.accessloganalysis_kinou_list > li:nth-child(3) .kinou_list_top {
  width: 44.4444444444%;
  margin: 10px auto 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li:nth-child(3) .kinou_list_top {
    width: 85.8085808581%;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li:nth-child(3) .tokuchou_ttl {
    width: 82.1958456973%;
    left: 0;
  }
}
.accessloganalysis_kinou_list > li:nth-child(4) .kinou_list_top {
  width: 42.2222222222%;
  margin: 15px auto 0;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li:nth-child(4) .kinou_list_top {
    width: 94.0594059406%;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list > li:nth-child(4) .tokuchou_ttl {
    width: 56.3798219585%;
    left: -3px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list .toggle_ttl {
    position: relative;
    height: 26.7vw;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list .toggle_ttl .tokuchou_ttl {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list .toggle_div {
    display: none;
    padding: 30px 5%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list .toggle_div::after,
  .accessloganalysis_kinou_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background-image: linear-gradient(-180deg, #016199 0, #0199b9 99%);
  }
}
.accessloganalysis_kinou_list .toggle_div p {
  margin-top: 25px;
  color: #717479;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_kinou_list .toggle_div p {
    margin-top: 0;
  }
}
.accessloganalysis_kinou_list .popup_img a {
  display: flex;
  justify-content: center;
  cursor: zoom-in !important;
}

@media screen and (min-width: 769px) {
  .accessloganalysis_kinou_list .popup_img a:hover {
    cursor: zoom-in !important;
  }
}
.tab_box_accessloganalysis {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_list_tab {
    justify-content: normal;
  }
}
.tab_box_accessloganalysis .tab_btn {
  width: 19.5555555556%;
  margin-bottom: 0;
  font-feature-settings: "palt";
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .tab_btn {
    width: 49.504950495%;
    padding: 14px 0;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_btn {
    font-size: 15px;
    background: #fff;
    border: 1px solid #aeaeae;
    box-shadow: 2px 2px 2px 0.04px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_btn::after {
    content: "";
    display: block;
    margin: 0 auto;
    background-color: #8c8c8c;
    width: 12px;
    height: 6px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    transition: ease all 0.3s;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_btn:first-child,
  .tab_box_accessloganalysis .tab_btn:last-child {
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .tab_btn:nth-child(2) {
    border-radius: 0 5px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .tab_btn:nth-child(9) {
    border-radius: 0 0 0 5px;
  }
}
.tab_box_accessloganalysis .tab_btn:nth-child(3n+2) {
  width: 19.5555555556%;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .tab_btn:nth-child(3n+2) {
    width: 49.504950495%;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_btn:not(:nth-child(5n)) {
    margin-right: 0.5555555556%;
  }
}
@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .tab_btn:nth-child(n+3) {
    margin-top: 1px;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_btn:nth-child(n+6) {
    margin-top: 5px;
  }
}
.tab_box_accessloganalysis .tab_btn:nth-child(odd) {
  margin-right: 0.3300330033%;
}

@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_btn.active {
    background: #01b6c9;
    border: 1px solid #01b6c9;
    box-shadow: none;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_btn.active::after {
    background: #fff;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_btn:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
.tab_box_accessloganalysis .log_tab_list {
  padding: 0;
}

.tab_box_accessloganalysis .tab_panel {
  margin-top: 5px;
  padding: 0;
  background: #eee;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .tab_panel {
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_panel {
    min-height: 515px;
    border: 1px solid #aeaeae;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_panel:nth-child(10) .log_tab_bottom li:nth-child(n+2),
  .tab_box_accessloganalysis .tab_panel:nth-child(2) .log_tab_bottom li:nth-child(n+2),
  .tab_box_accessloganalysis .tab_panel:nth-child(3) .log_tab_bottom li:nth-child(n+2),
  .tab_box_accessloganalysis .tab_panel:nth-child(5) .log_tab_bottom li:nth-child(n+2),
  .tab_box_accessloganalysis .tab_panel:nth-child(6) .log_tab_bottom li:nth-child(n+2),
  .tab_box_accessloganalysis .tab_panel:nth-child(7) .log_tab_bottom li:nth-child(n+2),
  .tab_box_accessloganalysis .tab_panel:nth-child(8) .log_tab_bottom li:nth-child(n+2) {
    margin-top: 109px;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .tab_panel:nth-child(9) .log_tab_bottom li:nth-child(n+2) {
    margin-top: 82px;
  }
}
.tab_box_accessloganalysis .log_tab_top {
  display: flex;
  align-items: center;
  padding: 25px 0;
  background: #8c8c8c;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_top {
    padding: 18px 6%;
    background: #1d2731;
  }
}
.tab_box_accessloganalysis .log_tab_top p {
  margin-top: 0;
  color: #fff;
  text-align: left;
  box-sizing: border-box;
}

.tab_box_accessloganalysis .log_tab_top p:first-of-type {
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_top p:first-of-type {
    margin-right: 18px;
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .log_tab_top p:first-of-type {
    width: 19.5991091314%;
    margin-right: 2.4498886414%;
    padding-left: 54px;
  }
}
.tab_box_accessloganalysis .log_tab_top p:last-of-type {
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_top p:last-of-type {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .log_tab_top p:last-of-type {
    width: 77.9510022272%;
  }
}
.tab_box_accessloganalysis .log_tab_bottom ul {
  flex-direction: column;
  max-width: 100%;
  margin-top: 0;
  padding: 30px 55px 45px 55px;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_bottom ul {
    padding: 20px 8% 25px 8%;
  }
}
.tab_box_accessloganalysis .log_tab_bottom li {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_bottom li {
    flex-direction: column;
    align-items: normal;
  }
}
.tab_box_accessloganalysis .log_tab_bottom li:first-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_bottom li:first-child {
    margin-bottom: 0;
  }
}
.tab_box_accessloganalysis .log_tab_bottom li:nth-child(n+2) {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_bottom li:nth-child(n+2) {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 25px;
  }
}

.tab_box_accessloganalysis .log_tab_bottom p {
  margin-top: 0;
  font-weight: 400;
  text-align: left;
  color: #1d2731;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_bottom p {
    font-weight: 700;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .log_tab_bottom p {
    width: 15.3553299492%;
    margin-right: 2.7918781726%;
  }
}
.tab_box_accessloganalysis .log_tab_bottom div {
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_bottom div {
    margin-top: 5px;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .tab_box_accessloganalysis .log_tab_bottom div {
    width: 81.8527918782%;
  }
}
.tab_box_accessloganalysis .log_tab_bottom .popup_img {
  width: fit-content;
}

@media screen and (max-width: 768px) {
  .tab_box_accessloganalysis .log_tab_bottom .popup_img {
    min-height: auto;
  }
}
.tab_box_accessloganalysis .log_tab_bottom .popup_img a {
  box-shadow: none;
}

.mfp-image-holder .mfp-close {
  display: none;
}

.mfp-image-holder .mfp-img {
  padding: 0;
}

.accessloganalysis_spec {
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_spec {
    margin-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_spec {
    margin-top: 90px;
  }
}
.accessloganalysis_spec .spec_list {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .accessloganalysis_spec .spec_list {
    margin-top: 25px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_spec .spec_block p:first-of-type {
    width: 33.3333333333%;
    padding: 20px 20px 20px 50px;
  }
}
@media screen and (min-width: 769px) {
  .accessloganalysis_spec .spec_block p:last-of-type {
    width: 68.1818181818%;
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_spec .spec_block p:last-of-type {
    padding: 8px 0 12px 0;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .accessloganalysis_contact {
    margin: 30px 0 50px 0;
  }
}
.securefile .lower_mv {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .securefile .lower_mv {
    height: 500px;
    background-image: url(../img/security/securefile/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.securefile .lower_mv_wrap {
  max-width: 1000px;
  margin: -30px auto 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .securefile .lower_mv_wrap {
    width: 1000px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .securefile .lower_mv_wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .securefile .mv_left {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .securefile .mv_left {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .securefile .mv_title01 {
    width: 40%;
  }
}
@media screen and (min-width: 769px) {
  .securefile .mv_title02 {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .securefile .mv_title02 {
    width: 52.8%;
    margin-top: 7px;
  }
}
@media screen and (min-width: 769px) {
  .securefile .mv_title03 {
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .securefile .mv_title03 {
    width: 64%;
    margin-top: 12px;
  }
}
.securefile .mv_text {
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  .securefile .mv_text {
    margin-top: 30px;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .securefile .mv_text {
    margin-top: 14px;
  }
}
@media screen and (min-width: 769px) {
  .securefile .mv_list {
    margin-top: 30px;
  }
}
.securefile .mv_list li {
  padding: 0 12px;
}

.securefile .mv_right {
  position: relative;
}

@media screen and (min-width: 769px) {
  .securefile .mv_right {
    transform: translateX(-82px) translateY(17px);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .securefile .mv_right {
    z-index: 0;
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .securefile .mv_right img {
    width: 100%;
  }
}
.securefile h2 {
  display: flex;
  justify-content: center;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}

.securefile h2::before {
  content: none;
}

.securefile h2 span {
  margin: 0;
}

.security_securefile {
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .securefile .security_contact:not(.security_contact_bottom) {
    margin-top: 0;
  }
}
.securefile .securefile_title {
  padding: 34px 45px;
  font-weight: bold;
  line-height: 1.1;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 769px) {
  .securefile .securefile_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .securefile .securefile_title {
    margin: 0 calc(-50vw + 50%);
    padding: 26px 0;
    font-size: 4.8vw;
    line-height: 1;
    text-align: center;
  }
}
.securefile .securefile_title::after {
  content: "";
  display: block;
  width: 262px;
  height: 162px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/security/common/title_triangle.png) no-repeat center/cover;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .securefile .securefile_title::after {
    width: 36.5333333333%;
    height: 22.5vw;
  }
}
@media screen and (max-width: 768px) {
  .securefile .security_border_title {
    font-size: 5.3333333333vw;
  }
}
.network_top_price {
  padding: 25px 0 20px 0;
  background: linear-gradient(0deg, #bebebe 0, #d6d6d6 8%, #eee 50%, #e0e0e0 89%, #d2d2d2 100%);
}

@media screen and (max-width: 768px) {
  .network_top_price {
    padding: 15px 5%;
  }
}
.network_top_price div {
  max-width: 1000px;
  margin: 0 auto;
}

.securefile_top {
  position: relative;
  z-index: 2;
}

.securefile_about {
  margin-top: 65px;
  padding: 55px 50px;
  background-image: url(../img/security/securefile/about_bg.png);
  background-size: cover;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .securefile_about {
    margin: 25px auto 0;
    padding: 8% 5% 8% 5%;
    background-image: url(../img/security/securefile/about_bg_sp.png);
  }
}
.securefile_about .about_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 946px;
  margin: 0 auto;
}

.securefile_about h2 {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .securefile_about h2 {
    width: 77.2277227723%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .securefile_about .itreport_about_box {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .securefile_about .itreport_about_box {
    max-width: 780px;
    align-items: flex-start;
    margin: 35px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .securefile_about .itreport_about_text {
    margin: 0 35px 0 0;
  }
}
.securefile_about .itreport_about_text h3 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .securefile_about .itreport_about_text h3 {
    font-size: 17px;
    text-align: center;
  }
}
.securefile_about .itreport_about_text p {
  margin-top: 35px;
  color: #bfe2e6;
  font-size: 20px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.6;
  text-align: left;
  letter-spacing: 0.1px;
}

@media screen and (max-width: 768px) {
  .securefile_about .itreport_about_text p {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
  }
}
.securefile_about .itreport_about_img {
  margin-top: 30px;
  text-align: center;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .securefile_about .itreport_about_img {
    width: 76.897689769%;
    margin: 20px auto 0;
  }
}
.securefile_top_detail .security_border_title {
  margin-top: 60px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .securefile_top_detail .security_border_title {
    margin-top: 30px;
  }
}
.securefile_difference_img {
  max-width: 900px;
  margin: 40px auto 0;
}

.securefile_difference_sp .packetix_tab {
  width: 100%;
  margin: 20px auto 0;
}

.securefile_difference_sp .packetix_tab li {
  width: calc(50% - 2px);
  font-size: 12px;
}

.securefile_difference_sp .packetix_tab li:last-child {
  border-radius: 0 5px 5px 0;
}

.securefile_difference_sp .packetix_tab li.active {
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}

.securefile_difference_list {
  margin-top: 15px;
}

.securefile_difference_list .tab_panel {
  padding: 0;
}

.securefile_onlineserver {
  margin-top: 60px;
  padding: 70px 0 310px;
  background-image: url(../img/security/securefile/onlineserver_bg.jpg);
  background-size: cover;
  background-position: bottom center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .securefile_onlineserver {
    margin-top: 40px;
    padding: 30px 0 70px;
    background-image: url(../img/security/securefile/onlineserver_bg_sp.jpg);
  }
}

.securefile_onlineserver_wrap {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .securefile_onlineserver_wrap {
    padding: 0 5%;
  }
}

.onlineserver_top_grad {
  display: inline-block;
  padding: 5px 25px;
  font-size: 20px;
  font-weight: 700;
  font-feature-settings: "palt";
  color: #fff;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .onlineserver_top_grad {
    padding: 5px 13px;
    font-size: 3.2vw;
  }
}

.onlineserver_top_title {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .onlineserver_top_title {
    width: 67.3590504451%;
    margin: 15px auto 0;
  }
}

.onlineserver_list {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .onlineserver_list {
    margin-top: 20px;
  }
}

.onlineserver_list li {
  padding: 15px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .onlineserver_list li {
    padding: 10px;
    box-shadow: 4px 3px 8px 0.2px rgba(0, 0, 0, 0.2);
  }
}
.onlineserver_list li:nth-child(n+2) {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .onlineserver_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.onlineserver_list h3 {
  padding: 5px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .onlineserver_list h3 {
    font-size: 12px;
  }
}
.onlineserver_list div {
  display: flex;
  justify-content: center;
  padding: 50px 0 40px 0;
}
@media screen and (max-width: 768px) {
  .onlineserver_list div {
    padding: 20px 8px;
  }
}

.securefile_solution {
  position: relative;
  z-index: 2;
}

.securefile_solution::before {
  content: "";
  width: 100vw;
  height: 302px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/security/securefile/securefile_solution_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .securefile_solution::before {
    content: none;
  }
}
@media screen and (min-width: 769px) {
  .securefile_solution .l-wrapper {
    margin-top: -190px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_solution .l-wrapper {
    margin-top: -40px;
    position: relative;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .securefile_solution .l-wrapper::before {
    content: "";
    width: 116vw;
    height: 27.5vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/security/securefile/securefile_solution_bg_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    z-index: -1;
  }
}
.securefile_solution .solution_top {
  justify-content: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .securefile_solution .solution_top {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .securefile_solution .solution_img {
    margin-left: -120px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_solution .solution_text {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .securefile_solution .solution_text h2 span::after {
    height: 1px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_merit_title {
    margin-top: 30px;
  }
}
.securefile_merit {
  max-width: 875px;
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .securefile_merit {
    flex-wrap: wrap;
    margin: 20px auto 0;
  }
}
.securefile_merit li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .securefile_merit li {
    width: 100%;
    flex-direction: row;
    box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  }
}

@media screen and (min-width: 769px) {
  .securefile_merit li:nth-child(1) {
    margin-right: 80px;
  }
}
@media screen and (min-width: 769px) {
  .securefile_merit li:nth-child(1) .virtualdesktop_merit_text h4 {
    margin-top: 26px;
  }
}
@media screen and (min-width: 769px) {
  .securefile_merit li:nth-child(2) {
    margin-right: 45px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_merit li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.securefile_merit p {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .securefile_merit p {
    width: 26.2008733624%;
    margin-top: 0;
    line-height: 1;
  }
}
.securefile_merit h4 {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .securefile_merit h4 {
    margin-top: 5px;
    font-size: 3.2vw;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .securefile_merit_img {
    width: 32.6409495549%;
    flex-shrink: 0;
    margin-right: 5.0445103858%;
  }
}
@media screen and (max-width: 768px) {
  .securefile_merit_text {
    width: 67.3590504451%;
  }
}
.securefile_scene_title {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .securefile_scene_title {
    margin-top: 40px;
  }
}
.securefile_scene_list {
  max-width: 900px;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .securefile_scene_list {
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .securefile_scene_list .tab_panel.active {
    display: flex;
  }
}
.securefile_scene_list li {
  width: 48.8888888889%;
  padding: 0;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .securefile_scene_list li {
    width: 100%;
    box-shadow: 3px 4px 10px 0.2px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 769px) {
  .securefile_scene_list li {
    display: flex !important;
    max-height: 202px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
  }
}
@media screen and (min-width: 769px) {
  .securefile_scene_list li:nth-child(odd) {
    margin-right: 2.2222222222%;
  }
}
@media screen and (max-width: 768px) {
  .securefile_scene_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .securefile_scene_list li:nth-child(n+3) {
    margin-top: 20px;
  }
}
.securefile_scene_list .toggle_div,
.securefile_scene_list .toggle_ttl {
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .securefile_scene_list .toggle_ttl {
    padding: 7.5% 6%;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .securefile_scene_list .toggle_ttl {
    width: 59.0909090909%;
    padding: 25px 18px;
  }
}
.securefile_scene_list .toggle_ttl::after {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/security/common/tokuchou_arrow.png);
  background-size: 100%;
  transition: ease all 0.5s;
}

@media screen and (min-width: 769px) {
  .securefile_scene_list .toggle_ttl::after {
    display: none;
  }
}
.securefile_scene_list .toggle_ttl.open::after {
  background-image: url(../img/security/common/tokuchou_arrow_open.png);
}

@media screen and (max-width: 768px) {
  .securefile_scene_list .toggle_div {
    display: none;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .securefile_scene_list .toggle_div {
    width: 40.9090909091%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eee;
  }
}
@media screen and (max-width: 768px) {
  .securefile_scene_list .toggle_div img {
    width: 100%;
    height: auto;
  }
}
.securefile_scene_list .function_no {
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .securefile_scene_list .function_no {
    width: 24.5791245791%;
    text-align: center;
  }
}
.securefile_scene_list .function_large {
  font-size: 18px;
  font-weight: 700;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .securefile_scene_list .function_large {
    margin-top: 5px;
    font-size: 4vw;
  }
}
.securefile_scene_list .function_small {
  margin-top: 3px;
  color: #717479;
  line-height: 1.6;
  font-size: 15px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .securefile_scene_list .function_small {
    width: 74.7774480712%;
    margin: 25px auto;
    font-size: 4vw;
    font-feature-settings: "palt";
  }
}
.securefile_tokuchou_title {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .securefile_tokuchou_title {
    margin-top: 40px;
  }
}
.tokuchou_list_securefile {
  max-width: 900px;
  margin: 60px auto 0;
}

@media screen and (max-width: 768px) {
  .tokuchou_list_securefile {
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li .tokuchou_list_box {
    height: 250px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_securefile li .tokuchou_list_box .toggle_ttl {
    height: 26.7vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_securefile li .tokuchou_list_box .toggle_ttl picture {
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_securefile li .tokuchou_list_box .toggle_div {
    padding: 8% 13% 10% 13%;
  }
}
.tokuchou_list_securefile li .tokuchou_list_box p {
  font-feature-settings: "palt";
}

@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li .tokuchou_list_img {
    z-index: 1;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li:nth-child(odd) .tokuchou_list_box {
    padding: 0 78px 0 72px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li:nth-child(odd) .tokuchou_list_img {
    top: -70px;
    left: 425px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li:nth-child(even) .tokuchou_list_box {
    padding: 0 50px 0 77px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li:nth-child(even) .tokuchou_list_img {
    top: -70px;
    right: 435px;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li:nth-child(1) .tokuchou_list_box h4 .tokuchou_nb {
    left: -83px;
    bottom: calc(100% - 5px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_securefile li:nth-child(1) .tokuchou_list_box .tokuchou_ttl {
    width: 47.1947194719%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li:nth-child(2) .tokuchou_list_box h4 .tokuchou_nb {
    right: -35px;
    bottom: calc(100% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_securefile li:nth-child(2) .tokuchou_list_box .tokuchou_ttl {
    width: 61.7161716172%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li:nth-child(3) .tokuchou_list_box h4 .tokuchou_nb {
    left: -95px;
    bottom: calc(100% + 5px);
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_securefile li:nth-child(3) .tokuchou_list_box .tokuchou_ttl {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 769px) {
  .tokuchou_list_securefile li:nth-child(3) .tokuchou_list_img {
    top: -70px;
    left: 440px;
  }
}
@media screen and (max-width: 768px) {
  .tokuchou_list_securefile li:nth-child(3) .tokuchou_list_img_sp {
    width: 71.4859437751%;
    margin: 20px auto 0;
  }
}
.other_company_title {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .other_company_title {
    margin: 40px calc(-50vw + 50%) 0 !important;
  }
}
.other_company_difference {
  max-width: 900px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .other_company_difference {
    margin: 40px auto 0;
  }
}
.securefile_kinou_title {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .securefile_kinou_title {
    margin: 45px calc(-50vw + 50%) 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .securefile_kinou_list_tab {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_kinou_list_tab li {
    height: 55px;
    font-size: 3.2vw;
  }
}
.securefile_kinou_list {
  max-width: 900px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .securefile_kinou_list {
    margin: 5px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .securefile_kinou_list li {
    min-height: 113vw !important;
    padding: 20px 42px 20px !important;
  }
}
.securefile_kinou_list li:nth-child(3n):after {
  width: calc(100% - 30px);
}

.securefile_kinou_list li:nth-child(3n+1):nth-child(n+4):after {
  width: calc(100% - 30px);
  left: 5px;
}

.securefile_kinou_list figcaption h4 {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .securefile_kinou_list figcaption h4 {
    height: auto;
    margin-top: 15px;
    font-size: 4.8vw;
  }
}

.securefile_kinou_list figcaption .text {
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .securefile_kinou_list figcaption .text {
    margin-top: 15px;
    font-size: 4vw;
  }
}

.securefile_kinou_list .popup_img a {
  display: block;
  cursor: zoom-in !important;
}

@media screen and (max-width: 768px) {
  .securefile_kinou_list .popup_img img {
    width: 100%;
  }
}
.securefile_function {
  margin-top: 60px;
  padding: 70px 0 100px;
  background-image: url(../img/security/securefile/function_bg.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .securefile_function {
    width: 100vw;
    margin: 40px calc(50% - 50vw) 0;
    padding: 30px 5% 60px;
    background-color: #01b6c9;
    background-image: url(../img/security/securefile/function_bg_sp.jpg);
    background-position: center bottom;
  }
}
.securefile_function_wrap {
  max-width: 900px;
  margin: 0 auto;
}

.securefile_function_wrap h2 {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .securefile_function_wrap h2 img {
    width: 97.3293768546%;
  }
}
.securefile_function_text {
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .securefile_function_text {
    margin-top: 10px;
    font-size: 3.4666666667vw;
  }
}
.securefile_function_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .securefile_function_list {
    margin-top: 20px;
  }
}
.securefile_function_list li {
  width: 48.8888888889%;
  padding: 40px 28px 40px 28px;
  background: #fff;
  position: relative;
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .securefile_function_list li {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .securefile_function_list li:nth-child(even) {
    margin-right: 2.2222222222%;
  }
}
.securefile_function_list li:nth-child(n+2) {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .securefile_function_list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .securefile_function_list li:nth-of-type(1) {
    width: 100%;
    margin-right: 0;
    padding: 35px 50px 35px 45px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list li:nth-of-type(2) .function_nb {
    left: -4px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list li:nth-of-type(3) .function_nb {
    left: 0;
  }
}
.securefile_function_list .toggle_ttl {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_ttl {
    position: relative;
    height: 26.7vw;
  }
}

@media screen and (min-width: 769px) {
  .securefile_function_list .toggle_ttl {
    width: fit-content;
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    flex-grow: 1;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/common/tokuchou_arrow.png);
    background-size: 100%;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_ttl h3 {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 14%;
    font-size: 4vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 769px) {
  .securefile_function_list .toggle_ttl h3 {
    padding: 3px 18px;
    font-size: 18px;
    color: #fff;
    background: #bc9727;
    border: 1px solid #8a6f1d;
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list .function_nb {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    bottom: auto;
    width: auto;
    height: 43px;
  }
}
@media screen and (min-width: 769px) {
  .securefile_function_list .function_nb {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_div {
    display: none;
    position: relative;
    padding: 10px 16% 25px 16%;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_div::after,
  .securefile_function_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 4px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_div::after {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_div::before {
    z-index: 1;
    width: 55px;
    background: #bc9727;
  }
}
.securefile_function_list .toggle_div p {
  color: #939699;
  font-weight: 700;
  font-feature-settings: "palt";
}

.securefile_function_list .toggle_div div {
  margin-top: 5px;
  text-align: center;
}
.securefile_function_list .toggle_div div picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_div div {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_function_list .toggle_div div img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 769px) {
  .securefile_price {
    margin-top: 60px;
  }
}
.securefile_price_box {
  max-width: 900px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .securefile_price_box {
    margin: 40px auto 0;
  }
}
.securefile_price_img {
  max-width: 900px;
  margin: 60px auto 0;
}

@media screen and (max-width: 768px) {
  .securefile_price_img {
    margin: 30px auto 0;
  }
}
.contact_btn_securefile_sp {
  margin: 40px calc(-50vw + 50%) 0;
}

@media screen and (min-width: 769px) {
  .securefile_faq {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_faq {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 769px) {
  .securefile_faq .panel_area {
    max-width: 960px;
    margin: 90px auto 0;
  }
}
.securefile_faq .tab_panel {
  padding: 0;
  background: 0 0;
}

@media screen and (min-width: 769px) {
  .securefile_faq .tab_panel {
    display: block;
  }
}
.securefile_faq .spec_h3 {
  margin-top: 40px;
}

@media screen and (min-width: 769px) {
  .securefile_faq .lower_faq_list {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .securefile_faq .lower_faq_list {
    margin: 20px auto 0;
  }
}
.securefile_faq .utm_kinou_list_tab {
  width: 100%;
  margin: 40px auto 0;
}

.securefile_faq .utm_kinou_list_tab li {
  width: calc(50% - 2px);
  font-size: 12px;
}

.securefile_faq .utm_kinou_list_tab li:last-child {
  border-radius: 0 5px 5px 0;
}

.securefile_faq .utm_kinou_list_tab li.active {
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}

@media screen and (max-width: 768px) {
  .securefile_spec .spec_block p:last-of-type {
    padding: 8px 0 12px 0;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_spec .spec_list {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 769px) {
  .securefile_contact_last .remotesupport_cyberboxpro {
    margin-top: 90px;
  }
}
@media screen and (min-width: 769px) {
  .securefile_contact_last .security_contact {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .securefile_contact_last .security_contact_last {
    margin-bottom: 0;
  }
}
.securefile_products_list {
  margin-bottom: 60px;
}

.network_products_list {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .network_products_list {
    margin-top: 0;
  }
}
.network_products_list .security_five_acd {
  max-width: 900px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  .network_products_list .security_five_acd {
    margin: 35px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd > li {
    width: 47.7777777778%;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd > li:nth-child(odd) {
    margin-right: 39px;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd > li:nth-child(n+3) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .network_products_list .security_five_acd .security_five05 .acd_content li {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_head {
    padding: 0;
    background: 0 0;
    pointer-events: none;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_head::after {
    content: none;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_head_title {
    padding: 12px 30px;
    font-size: 20px;
    line-height: 1;
    background-image: url(../img/security/network/network_products_title.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content {
    display: block;
    margin-top: 20px;
    padding: 0;
    background: 0 0;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content li {
    width: 32.5581395349%;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content li:nth-child(odd) {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content li:nth-child(n+3) {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content li:not(:nth-child(3n)) {
    margin-right: 5px;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content li:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content .network_products_max {
    width: 58.6046511628%;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content a {
    height: 30px;
    background: #eeefef;
    font-feature-settings: "palt";
    border-radius: 30px;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 768px) {
  .network_products_list .security_five_acd .acd_content a::after {
    position: absolute;
    right: 10px;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content a::after {
    content: none;
  }
}
@media screen and (min-width: 769px) {
  .network_products_list .security_five_acd .acd_content a:hover {
    color: #fff;
    background: #01b6c9;
    box-shadow: none;
  }
}
.network_warning {
  margin-top: 165px;
  background-image: url(../img/security/network/warning_bg.jpg);
  background-size: cover;
  background-position: top;
  position: relative;
}
@media screen and (max-width: 768px) {
  .network_warning {
    margin-top: 50px;
    background-image: url(../img/security/network/warning_bg_sp.jpg);
  }
}
.network_warning .l-wrapper {
  max-width: 920px;
  padding-bottom: 90px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .network_warning .l-wrapper {
    padding-bottom: 40px;
  }
}
.network_warning .l-wrapper::after {
  content: "";
  position: absolute;
  width: min(38.3615084525vw, 415px);
  height: 333px;
  right: -95px;
  bottom: 0;
  background-image: url(../img/security/network/warning_need_human.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media screen and (max-width: 768px) {
  .network_warning .l-wrapper::after {
    width: 39.2vw;
    height: 37.4vw;
    right: 5px;
    background-image: url(../img/security/network/warning_need_human_sp.png);
  }
}
.network_warning .exclamation_icon {
  display: flex;
  justify-content: center;
  margin-bottom: -70px;
}
@media screen and (max-width: 768px) {
  .network_warning .exclamation_icon {
    margin-bottom: -40px;
  }
}
.network_warning .exclamation_icon img {
  transform: translateY(-70px);
}
@media screen and (max-width: 768px) {
  .network_warning .exclamation_icon img {
    width: 82px;
    transform: translateY(-40px);
  }
}
.network_warning h2 {
  width: 87.2222222222%;
  font-weight: bold;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .network_warning h2 {
    width: 100%;
    margin-top: 15px;
  }
}

.network_warning_type .security_border_title {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .network_warning_type .security_border_title {
    margin-top: 15px;
    white-space: nowrap;
    font-size: 4vw;
    font-feature-settings: "palt";
  }
}

.warning_type_list {
  display: flex;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .warning_type_list {
    flex-wrap: wrap;
    margin-top: 20px;
  }
}
.warning_type_list li {
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .warning_type_list li {
    width: 48.1049562682%;
  }
}
.warning_type_list li img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .warning_type_list li:nth-child(odd) {
    margin-right: 2.915451895%;
  }
}
.warning_type_list li:nth-child(n+2) {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .warning_type_list li:nth-child(n+2) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .warning_type_list li:nth-child(n+3) {
    margin-top: 10px;
  }
}

.network_warning_cases .security_border_title {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .network_warning_cases .security_border_title {
    margin-top: 30px;
    font-size: 4vw;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
}

.cases_tab {
  margin: 35px auto 0;
  box-shadow: 3px 4px 9px 0.2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .cases_tab {
    margin-top: 20px;
  }
}
.cases_tab .tab_area {
  column-gap: 10px;
  border-bottom: 3px solid #e60012;
}
@media screen and (max-width: 768px) {
  .cases_tab .tab_area {
    border-bottom: 5px solid #e60012;
  }
}
.cases_tab .tab_area label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 25px 0;
  font-size: 18px;
  font-weight: 700;
  color: #cbcbcb;
  line-height: 1.4;
  text-align: center;
  background: #8c8c8c;
  transition: all ease 0.3s;
}
@media screen and (max-width: 768px) {
  .cases_tab .tab_area label {
    max-height: 70px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 3.7333333333vw;
    line-height: 1.3;
  }
}
.cases_tab .tab_area label.active {
  color: #fff;
  background: linear-gradient(90deg, #e60012 0, #87000b 100%);
}
.cases_tab .tab_panel {
  padding: 45px 40px;
}
@media screen and (max-width: 768px) {
  .cases_tab .tab_panel {
    padding: 25px 0 35px;
  }
}

.cases_panel_flex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .cases_panel_flex {
    flex-direction: column;
  }
}
.cases_panel_flex h4 {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .cases_panel_flex h4 {
    font-size: 4vw;
    text-align: center;
  }
}
.cases_panel_flex p {
  margin-top: 15px;
  color: #717479;
}
@media screen and (max-width: 768px) {
  .cases_panel_flex p {
    max-width: 80.118694362%;
    margin: 15px auto 0;
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 0.08em;
  }
}

.cases_panel_text {
  width: 50.243902439%;
  margin-right: 48px;
  line-height: 1.6;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .cases_panel_text {
    width: 100%;
    margin-right: 0;
  }
}

.cases_panel_img {
  width: 43.9024390244%;
}
@media screen and (max-width: 768px) {
  .cases_panel_img {
    width: 80.118694362%;
    margin: 20px auto 0;
  }
}

.network_warning_need {
  margin: 70px 0 0 85px;
}
@media screen and (max-width: 768px) {
  .network_warning_need {
    width: 71.5133531157%;
    margin: 30px 0 0 0;
  }
}

.network_construction {
  padding: 60px 0 130px 0;
  background-image: url(../img/security/telework/checkpoint_bg.jpg);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .network_construction {
    padding: 20px 0 25px 0;
    background-image: url(../img/security/telework/checkpoint_bg_sp.jpg);
  }
}
.network_construction .l-wrapper {
  max-width: 920px;
}
.network_construction h2 {
  max-width: 782px;
  margin: 0 auto;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .network_construction h2 {
    width: 100%;
  }
}

.network_construction_list {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .network_construction_list {
    margin-top: 18px;
  }
}

.network_construction_list > li {
  padding: 0 0 0 52px;
  background: #fff;
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 6px 7px 9px 0.2px rgba(0, 0, 0, 0.5);
  box-shadow: 6px 7px 9px 0.2px rgba(0, 0, 0, 0.5);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .network_construction_list > li {
    padding: 0;
  }
}
@media screen and (min-width: 769px), print {
  .network_construction_list > li {
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.network_construction_list > li::before {
  content: "";
  width: 123px;
  height: 119px;
  position: absolute;
  top: -12px;
  left: -15px;
  background-image: url(../img/security/network/construction_ribbon.png);
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .network_construction_list > li::before {
    width: 56px;
    height: 55px;
    top: -5px;
    left: -7px;
    background-image: url(../img/security/network/construction_ribbon_sp.png);
    background-size: contain;
  }
}
@media screen and (min-width: 769px), print {
  .network_construction_list > li:nth-child(1) {
    background-image: url(../img/security/network/construction01_bg.png);
  }
}
@media screen and (min-width: 769px), print {
  .network_construction_list > li:nth-child(2) {
    background-image: url(../img/security/network/construction02_bg.png);
  }
}
@media screen and (min-width: 769px), print {
  .network_construction_list > li:nth-child(3) {
    background-image: url(../img/security/network/construction03_bg.png);
  }
}
@media screen and (min-width: 769px), print {
  .network_construction_list > li:nth-child(even) {
    padding: 0 40px 0 0;
  }
}
@media screen and (min-width: 769px), print {
  .network_construction_list > li:nth-child(even):before {
    left: auto;
    right: -14px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media screen and (min-width: 769px), print {
  .network_construction_list > li:nth-child(even) .toggle_ttl {
    max-width: 345px;
    margin-left: auto;
  }
}
.network_construction_list > li:nth-child(n+2) {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .network_construction_list > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.network_construction_list .toggle_ttl {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .network_construction_list .toggle_ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 21.4vw;
    padding-left: 35px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_ttl::after {
    content: "";
    position: absolute;
    right: 6%;
    top: calc(50% - 5px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/security/network/checkpoint_arrow.png);
    background-size: 100%;
    -webkit-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_ttl.open::after {
    background-image: url(../img/security/common/tokuchou_arrow_open.png);
  }
}
.network_construction_list .toggle_ttl h3 {
  font-size: 24px;
  font-weight: bold;
  color: #bc9727;
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_ttl h3 {
    font-size: 4vw;
    line-height: 1.6;
  }
}

.network_construction_list .toggle_ttl p {
  max-width: 345px;
  margin-top: 10px;
  font-weight: 700;
  color: #939699;
  line-height: 1.9;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div {
    display: none;
    padding: 0 8.5% 9% 8.5%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div::after,
  .network_construction_list .toggle_div::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 3px;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div::after {
    z-index: 0;
    width: 89.0207715134%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div::before {
    z-index: 1;
    width: 16.3204747774%;
    left: 5%;
    background: #bc9727;
  }
}
.network_construction_list .toggle_div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
  }
}
.network_construction_list .toggle_div li {
  width: 20%;
  text-align: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li {
    width: 49.8349834983%;
    position: relative;
  }
}
@media screen and (min-width: 769px), print {
  .network_construction_list .toggle_div li:not(:last-child) {
    border-right: 1px solid #ebebeb;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(1) {
    width: 100%;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(1):after {
    content: "";
    width: 85.8085808581%;
    height: 1px;
    background: #ebebeb;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(2) div {
    width: 51.6556291391%;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(3) div {
    width: 44.3708609272%;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(4) div {
    width: 43.0463576159%;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(5) {
    padding-top: 6px !important;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(5) div {
    width: 60.9271523179%;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(n+2) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(2):after,
  .network_construction_list .toggle_div li:nth-child(4):after {
    content: "";
    width: 1px;
    height: 90%;
    background: #ebebeb;
    position: absolute;
    top: 10px;
    right: -2px;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(4),
  .network_construction_list .toggle_div li:nth-child(5) {
    margin-top: 10px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div li:nth-child(4):before,
  .network_construction_list .toggle_div li:nth-child(5):before {
    content: "";
    width: 80.7947019868%;
    height: 1px;
    background: #ebebeb;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div div {
    margin: 15px auto 0;
  }
}
.network_construction_list .toggle_div p {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #717479;
}

@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div p {
    margin-top: 0;
    padding-top: 20px;
    font-size: 15px;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div .checkpoint_text {
    margin-top: 0;
    padding-top: 35px;
    font-size: 15px;
  }
}
.network_construction_list .toggle_div h4 {
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .network_construction_list .toggle_div h4 {
    font-size: 12px;
  }
}

.security {
  color: #1d2731;
}
.security__bnr {
  display: block;
}
@media screen and (max-width: 768px) {
  .security__bnr {
    margin: 0 calc(50% - 50vw);
  }
}
.security__bnr picture {
  display: block;
  height: 100%;
}
.security__bnr img {
  width: 100%;
}
.security__bnr.-full {
  margin: 0 calc(50% - 50vw);
}
.security__bnr.-full picture {
  height: min(30.5591677503vw, 250px);
}
@media screen and (max-width: 768px) {
  .security__bnr.-full picture {
    height: auto;
  }
}
.security__bnr.-full img {
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .security__bnr.-narrow {
    margin: 0;
  }
}
.security__construction {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .security__construction {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .security__rows {
    margin-top: 20px;
  }
}
.security__row img {
  width: 100%;
}
.security__row:not(:first-child) {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .security__row:not(:first-child) {
    margin-top: 20px;
  }
}
.security__diagnosis {
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .security__diagnosis {
    margin-top: 8vw;
  }
}
.security__heading {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .security__heading {
    width: 85%;
    margin: 0 auto 13.3333333333vw;
  }
}
.security__heading picture {
  display: flex;
  justify-content: center;
}
.security__heading img {
  width: 100%;
  max-width: fit-content;
}
.security__foot {
  display: block;
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .security__foot {
    margin-top: var(--_margin-top-SP, 0);
  }
}
.security__foot img {
  width: 100%;
}
.security__contact {
  margin-top: var(--_margin-top-PC, 60px);
}
@media screen and (max-width: 768px) {
  .security__contact {
    margin-top: calc(var(--box-SP-margin-top, 0) / 365 * 100vw);
  }
}
.security__cbp img {
  border-radius: 10px;
  box-shadow: 5px 6px 9px rgba(0, 0, 0, 0.5);
}

.security-contact {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  margin-top: var(--_margin-top-PC, 50px);
  padding: 80px 0;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .security-contact {
    gap: 5.3333333333vw;
    margin-top: var(--_margin-top-SP, 5.3333333333vw);
    padding: 7vw 0;
  }
}
.security-contact::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(114deg, #c82090 0, #6a14d1 100%);
  z-index: -1;
}
.security-contact__head {
  width: 222px;
}
@media screen and (max-width: 768px) {
  .security-contact__head {
    width: 24.5333333333vw;
  }
}
.security-contact__head img {
  width: 100%;
}
.security-contact__txt {
  font-size: 30px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-contact__txt {
    font-size: 4vw;
  }
}
.security-contact__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 652px;
  height: 97px;
  font-size: 26px;
  font-weight: bold;
  border: 5px solid #fff;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 768px) {
  .security-contact__more {
    width: 88vw;
    height: 18.6666666667vw;
    font-size: 4vw;
    border-width: 0.5333333333vw;
    border-radius: 9.3333333333vw;
  }
}
.security-contact__more i {
  position: absolute;
  width: 20px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .security-contact__more i {
    width: 2.6666666667vw;
    right: 4%;
  }
}
.security-contact__more i img {
  width: 100%;
}

.security-reason {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .security-reason {
    margin-top: 40px;
  }
}
.security-reason.-page {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .security-reason.-page {
    margin-top: 0;
  }
}
.security-reason__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  max-width: 960px;
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .security-reason__columns {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 15px;
  }
}
.-page > .security-reason__columns {
  max-width: 885px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .-page > .security-reason__columns {
    gap: 6.6666666667vw;
    margin-top: 16vw;
  }
}
.security-reason__column {
  position: relative;
  padding: 0 20px 20px;
  box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .security-reason__column {
    padding: 15px 15px 15px 0;
    box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);
  }
}
.security-reason__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .security-reason__column dt {
    flex-direction: row;
    gap: 14px;
    margin: 0;
  }
}
.security-reason__column dt::after {
  content: "";
  width: 45px;
  height: 3px;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}
@media screen and (max-width: 768px) {
  .security-reason__column dt::after {
    content: none;
  }
}
.security-reason__column dt i {
  flex-shrink: 0;
  width: fit-content;
  min-height: 152px;
  max-width: 174px;
  margin: -15px 0 8px;
}
@media screen and (max-width: 768px) {
  .security-reason__column dt i {
    width: 86px;
    min-height: 0;
    margin: 0;
  }
}
.security-reason__column dt i img {
  width: 100%;
}
.security-reason__column dt i.-telework {
  transform: translateX(-25px);
}
.security-reason__column dt span {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-reason__column dt span {
    flex-grow: 1;
    margin: 0;
    font-size: 18px;
    text-align: left;
    background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.security-reason__column dd {
  font-size: 15px;
  color: #666;
  line-height: 1.6;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .security-reason__column dd {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}
.security-reason__column.-type-3 dt i {
  max-width: 181px;
}
@media screen and (max-width: 768px) {
  .security-reason__column.-type-3 dt i {
    width: 86px;
  }
}
@media screen and (max-width: 768px) {
  .security-reason__column.-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 15px 8vw 20px;
  }
}
@media screen and (max-width: 768px) {
  .security-reason__column.-page dt {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .security-reason__column.-page dt::after {
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .security-reason__column.-page dt i {
    width: 174px;
    margin: -30px 0 5px;
    transform: none;
  }
}
@media screen and (max-width: 768px) {
  .security-reason__column.-page dt span {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .security-reason__column.-page dd {
    position: inherit;
    width: auto;
    height: auto;
    font-size: min(4vw, 18px);
  }
}
.security-reason__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .security-reason__links {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 25px;
  }
}
.security-reason__link a {
  display: block;
  border-radius: 10px;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
}
.security-reason__link a picture {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
.security-reason__link a img {
  width: 100%;
}

.security-cyber {
  position: relative;
  padding-top: 50px;
}
@media screen and (max-width: 768px) {
  .security-cyber {
    margin-top: 30px;
    padding: 7vw 0 12vw;
  }
}
@media screen and (max-width: 768px) {
  .security-cyber::after {
    content: "";
    position: absolute;
    width: 120vw;
    height: 30vw;
    bottom: -22vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #fff;
    z-index: -1;
  }
}
.security-cyber__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.security-cyber__head {
  width: 671px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .security-cyber__head {
    width: 72.2666666667vw;
    margin-bottom: 4vw;
  }
}
.security-cyber__head img {
  width: 100%;
}
.security-cyber__lead {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  height: 55px;
  margin-bottom: 6px;
  padding: 5px;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  border-radius: 30px;
  background: #000;
}
@media screen and (max-width: 768px) {
  .security-cyber__lead {
    margin-bottom: 1.6vw;
    padding: 2.6666666667vw 4.2666666667vw;
    font-size: 3.2vw;
    letter-spacing: -0.05em;
  }
}
.security-cyber__note {
  font-size: 12px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-cyber__note {
    font-size: 3.3vw;
    font-weight: bold;
    color: #50575f;
    letter-spacing: -0.05em;
  }
}
.security-cyber__note small {
  font-size: inherit;
}
.security-cyber__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .security-cyber__items {
    grid-template-columns: 1fr;
    gap: 2.6666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.security-cyber__item {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
}
.security-cyber__item img {
  width: 100%;
}
.security-cyber__heading {
  max-width: 900px;
  margin: 35px auto 0;
}
@media screen and (max-width: 768px) {
  .security-cyber__heading {
    margin-top: 4vw;
  }
}
.security-cyber__heading img {
  width: 100%;
}
.security-cyber__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 920px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .security-cyber__columns {
    margin: 4vw 0;
  }
}
.security-cyber__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: min(2.3407022107vw, 20px);
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-cyber__column {
    font-size: 3.2vw;
  }
}
.security-cyber__column b {
  color: #a40000;
}
.security-cyber__image img {
  width: 100%;
}
.security-cyber__foot {
  font-size: min(3.3810143043vw, 35px);
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-cyber__foot {
    font-size: 4.8vw;
    line-height: 1.4;
  }
}
.security-cyber__bg {
  position: absolute;
  width: 100vw;
  min-width: 1920px;
  height: 100%;
  min-height: 1372px;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-cyber__bg {
    min-width: 0;
    min-height: 0;
    top: 0;
  }
}
.security-cyber__bg picture {
  height: 100%;
}
.security-cyber__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
}
@media screen and (max-width: 768px) {
  .security-cyber__bg img {
    object-position: top center;
  }
}

.security-case {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .security-case {
    margin-top: 0;
    padding-bottom: 5.8666666667vw;
  }
}
.security-case__head {
  max-width: 720px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .security-case__head {
    margin-bottom: 30px;
  }
}
.security-case__head img {
  width: 100%;
}
.security-case__content {
  position: relative;
  padding: 30px 50px 40px;
}
@media screen and (max-width: 768px) {
  .security-case__content {
    margin: 0 calc(50% - 50vw);
    padding: 6vw 5vw 0;
  }
}
.security-case__lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
  font-weight: bold;
}
.security-case__lead small {
  font-size: 15px;
  color: #9bb9d2;
}
@media screen and (max-width: 768px) {
  .security-case__lead small {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}
.security-case__lead em {
  font-size: 36px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .security-case__lead em {
    font-size: 4.8vw;
    line-height: 1.4;
  }
}
.security-case__tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  border-bottom: 5px solid #01b6c9;
}
.security-case__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 92px;
  padding: 0 2px;
  font-weight: bold;
  background: #8c8c8c;
}
@media screen and (max-width: 768px) {
  .security-case__btn {
    min-height: 72px;
  }
}
.security-case__btn [lang=en] {
  font-size: min(3.2vw, 15px);
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
}
.security-case__btn [lang=ja] {
  font-size: clamp(13px, 2.3407022107vw, 20px);
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .security-case__btn [lang=ja] {
    text-align: center;
  }
}
.security-case__btn:hover {
  opacity: 0.8;
}
.security-case__btn[aria-selected=true] {
  pointer-events: none;
  background: #01b6c9;
}
.security-case__items {
  background: #fff;
}
.security-case__item {
  padding: 25px 50px 50px;
}
@media screen and (max-width: 768px) {
  .security-case__item {
    padding: 4.5vw 5.4vw 5.4vw;
  }
}
.security-case__item[aria-hidden=true] {
  display: none;
}
.security-case__heading {
  display: inline-block;
  margin-bottom: 6px;
  padding: 2px 18px;
  font-size: min(3.2vw, 15px);
  font-weight: bold;
  color: #e6e6e6;
  background: #a40000;
}
@media screen and (max-width: 768px) {
  .security-case__heading {
    margin-bottom: 10px;
    padding: 2px 10px;
  }
}
.security-case__txt {
  font-size: 15px;
  line-height: 1.8;
  font-weight: bold;
  color: #1d2731;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .security-case__txt {
    letter-spacing: 0;
    line-height: 1.7;
  }
}
.security-case__txt em {
  font-size: min(4.8vw, 20px);
  line-height: 1.8;
  color: inherit;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .security-case__txt em {
    display: block;
    line-height: 1.4;
  }
}
.security-case__txt + .security-case__txt {
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  .security-case__txt + .security-case__txt {
    margin-top: 10px;
  }
}
.security-case__images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .security-case__images {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.security-case__image img {
  width: 100%;
}
.security-case__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-case__bg {
    height: calc(100% + 42.6666666667vw);
  }
}
.security-case__bg picture {
  height: 100%;
}
.security-case__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.security-case__warning {
  width: max(100% - 1.9505851756vw, 102%);
  margin-left: max(-1.9505851756vw, -20px);
}
@media screen and (max-width: 768px) {
  .security-case__warning {
    position: relative;
    width: 92.6666666667vw;
    margin: -10.8vw 0 0 -2.6666666667vw;
  }
}

.security-point {
  position: relative;
  margin-top: 60px;
  padding: 42px 0 80px;
}
@media screen and (max-width: 768px) {
  .security-point {
    margin-top: 0.5333333333vw;
    padding: 5vw 0 7vw;
  }
}
.security-point__head {
  max-width: 780px;
  margin: 0 auto;
}
.security-point__head img {
  width: 100%;
}
.security-point__fig {
  max-width: 930px;
  margin: 0 auto;
}
.security-point__fig img {
  width: 100%;
}
.security-point__fig:first-child {
  margin-top: 15px;
}
.security-point__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.security-point__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.security-point__item {
  margin-top: 4vw;
  background: #fff;
}
.security-point__heading {
  position: relative;
  padding: 9vw 4.5vw;
}
@media screen and (max-width: 768px) {
  .security-point__heading {
    padding: 10% 5% 6%;
  }
}
.security-point__heading > i {
  position: absolute;
  width: 27.4666666667vw;
  top: 1.8666666667vw;
  left: -1.8666666667vw;
}
.security-point__heading > i img {
  width: 100%;
}
.security-point__heading span {
  display: flex;
  align-items: center;
  gap: 2.6666666667vw;
  font-size: min(4vw, 22px);
  font-weight: bold;
  color: #01b6c9;
  line-height: 1.6;
}
.security-point__heading span i {
  flex-shrink: 0;
  width: 5.3333333333vw;
  margin-left: auto;
}
.security-point__heading span i img {
  width: 100%;
}
[open] > .security-point__heading span i {
  rotate: 180deg;
}
.security-point__detail {
  padding: 0 4.5vw 9vw;
}
.security-point__txt {
  font-size: 15px;
  font-weight: bold;
  color: #50575f;
  letter-spacing: 0.05em;
}

.security-products {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .security-products {
    margin-top: 10vw;
  }
}
.security-products__wrap {
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .security-products__wrap {
    margin-top: 20px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
}
.security-products__nav {
  margin-top: 65px;
}
.security-products__links {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.security-products__link a {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100px;
  padding: 0 8px 12px;
  font-size: min(2.0806241873vw, 18px);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  background: #ebebeb;
}
.security-products__link a::after {
  content: "";
  margin-top: auto;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #515860 transparent transparent transparent;
}
.security-products__link a i {
  aspect-ratio: 1;
  max-width: 40px;
  margin: -20px 0 10px;
}
.security-products__link a i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.security-products__link a span {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.security-products__link a:hover {
  opacity: 1;
  color: #fff;
}
.security-products__link a:hover::after {
  border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent;
}
.security-products__link.-type-1 a:hover {
  background: linear-gradient(#01b6c9 0, #013e85 100%);
}
.security-products__link.-type-2 a:hover {
  background: linear-gradient(#601986 0, #013e85 100%);
}
.security-products__link.-type-3 a:hover {
  background: linear-gradient(#a40000 0, #013e85 100%);
}
.security-products__link.-type-4 a:hover {
  background: linear-gradient(#007130 0, #013e85 100%);
}
.security-products__link.-type-5 a:hover {
  background: linear-gradient(#de5b00 0, #013e85 100%);
}
.security-products__items {
  margin-top: 35px;
}
.security-products__item:not(:first-child) {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .security-products__item:not(:first-child) {
    margin-top: 0;
  }
}
.security-products__head i {
  display: block;
}
.security-products__head i img {
  width: 100%;
}
.security-products__columns {
  display: grid;
  grid-template-columns: repeat(var(--box-column, 2), 1fr);
  gap: 20px;
  padding: 30px;
  background: #ebebeb;
}
@media screen and (max-width: 768px) {
  .security-products__columns {
    gap: 2.6666666667vw;
    padding: 4.5vw;
  }
}
.security-products__columns[style="--box-column: 3;"] {
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .security-products__columns[style="--box-column: 3;"] {
    gap: 2.6666666667vw;
  }
}
@media screen and (max-width: 1020px) {
  .security-products__columns:not([style="--box-column: 1;"]) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .security-products__columns[style="--box-column: 1;"] {
    gap: 2.6666666667vw;
  }
}
.security-products__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  padding: 25px 22px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .security-products__column {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.1333333333vw;
    height: 16vw;
    max-height: 90px;
    padding: 0 10px;
    font-size: 3.2vw;
    font-weight: bold;
    letter-spacing: -0.08em;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .security-products__column::after {
    content: "";
    border-style: solid;
    border-width: 1.2vw 0 1.2vw 1.2vw;
    border-color: transparent transparent transparent #bbb;
  }
}
.security-products__heading {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .security-products__heading {
    min-height: 67px;
    margin-bottom: 0;
    padding: 20px 4.2666666667vw;
    font-size: min(4vw, 18px);
    color: #fff;
  }
}
.security-products__heading i {
  flex-shrink: 0;
  width: 28px;
}
@media screen and (max-width: 768px) {
  .security-products__heading i {
    width: 5.3333333333vw;
    margin-left: auto;
  }
}
.security-products__heading i img {
  width: 100%;
}
.security-products__heading i + span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.security-products__heading em {
  font-size: 20px;
  line-height: 1.2;
  color: #01b6c9;
}
.security-products__heading em span {
  font-size: 15px;
}
.security-products__heading small {
  font-size: 15px;
}
.-type-1 > .security-products__heading em {
  color: #01b6c9;
}
.-type-2 > .security-products__heading em {
  color: #601986;
}
.-type-3 > .security-products__heading em {
  color: #a30000;
}
.-type-4 > .security-products__heading em {
  color: #094;
}
.-type-5 > .security-products__heading em {
  color: #f39700;
}
.-type-6 > .security-products__heading em {
  color: #01b6c9;
}
@media screen and (max-width: 768px) {
  .security-products__heading.-type-1 {
    background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  }
}
@media screen and (max-width: 768px) {
  .security-products__heading.-type-2 {
    background: linear-gradient(90deg, #8f15d3 0, #690f9b 69%, #420863 100%);
  }
}
@media screen and (max-width: 768px) {
  .security-products__heading.-type-3 {
    background: linear-gradient(90deg, #e60012 0, #6f0009 100%);
  }
}
@media screen and (max-width: 768px) {
  .security-products__heading.-type-4 {
    background: linear-gradient(90deg, #22ac38 0, #1b852b 69%, #135d1e 100%);
  }
}
@media screen and (max-width: 768px) {
  .security-products__heading.-type-5 {
    background: linear-gradient(90deg, #eb6100 0, #813602 100%);
  }
}
@media screen and (max-width: 768px) {
  .security-products__heading.-type-6 {
    background: linear-gradient(90deg, #a0a0a0 0, #626262 100%);
  }
}
.security-products__heading.-narrow em {
  letter-spacing: -0.075em;
}
[open] > .security-products__heading i {
  rotate: 180deg;
}
.security-products__txt {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.security-products__more {
  display: block;
  width: fit-content;
  padding: 3px 22px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border-radius: 30px;
  background: #01b6c9;
}
.-type-1 > .security-products__more {
  background: #013e85;
}
.-type-2 > .security-products__more {
  background: #601986;
}
.-type-3 > .security-products__more {
  background: #a40001;
}
.-type-4 > .security-products__more {
  background: #007030;
}
.-type-5 > .security-products__more {
  background: #f34a00;
}

.security-flow {
  margin-top: 50px;
}
.security-flow.-page {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .security-flow.-page {
    margin: 40px 0 26px;
  }
}
.security-flow__columns {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 40px;
  max-width: 900px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .security-flow__columns {
    position: relative;
    gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .security-flow__columns::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #d8d9e0;
  }
}
.security-flow__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .security-flow__column {
    padding: 20px 0;
  }
}
.security-flow__column i {
  width: 85.4700854701%;
}
@media screen and (max-width: 768px) {
  .security-flow__column i {
    width: 26.6666666667vw;
  }
}
.security-flow__column i img {
  width: 100%;
}
.security-flow__column span {
  font-size: min(1.6905071521vw, 15px);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-flow__column span {
    font-size: min(4vw, 18px);
  }
}
.security-flow__column:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 110px;
  left: -25px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #a0a0a0;
}
@media screen and (max-width: 768px) {
  .security-flow__column:not(:first-child)::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .security-flow__column:nth-child(-n+4) {
    border-bottom: 1px solid #d8d9e0;
  }
}

.security-faq-mv {
  padding: 62px 0;
  background: url(../img/security/faq/mv_bg.jpg) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .security-faq-mv {
    padding: 50px 0 0;
    background: none;
  }
}
.security-faq-mv__wrap {
  display: flex;
}
@media screen and (max-width: 768px) {
  .security-faq-mv__wrap {
    flex-direction: column;
    gap: max(1.3333333333vw, 5px);
  }
}
.security-faq-mv__item {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .security-faq-mv__item {
    align-items: center;
    gap: 18px;
    margin-right: 0;
  }
}
.security-faq-mv__head {
  width: 416px;
}
@media screen and (max-width: 768px) {
  .security-faq-mv__head {
    width: 56.5333333333vw;
  }
}
.security-faq-mv__head img {
  width: 100%;
}
.security-faq-mv__txt {
  font-size: clamp(14px, 3.7333333333vw, 20px);
  font-weight: bold;
  color: #565d65;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .security-faq-mv__txt {
    color: #7c8083;
    font-feature-settings: "palt";
    text-align: center;
  }
}
.security-faq-mv__image {
  display: block;
  flex-shrink: 0;
}
.security-faq-mv__image.-type-1 {
  width: 134px;
  margin-top: auto;
  padding-bottom: 10px;
  mix-blend-mode: multiply;
  transform: translateX(40px);
}
@media screen and (max-width: 768px) {
  .security-faq-mv__image.-type-1 {
    display: none;
  }
}
.security-faq-mv__image.-type-2 {
  width: 217px;
}
@media screen and (max-width: 768px) {
  .security-faq-mv__image.-type-2 {
    width: 100vw;
    margin: 0 -4vw;
  }
}
.security-faq-mv__image img {
  width: 100%;
}

.security-faq {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .security-faq {
    margin-top: 40px;
  }
}
.security-faq__items {
  max-width: 960px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .security-faq__items {
    margin-top: 20px;
  }
}
.security-faq__item:not(:first-child) {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .security-faq__item:not(:first-child) {
    margin-top: 1.3333333333vw;
  }
}
.security-faq__heading {
  display: flex;
  align-items: center;
  gap: 30px;
  min-height: 100px;
  padding: 8px 20px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}
@media screen and (max-width: 768px) {
  .security-faq__heading {
    gap: 12px;
    min-height: 0;
    padding: 3.7333333333vw;
    font-size: 15px;
  }
}
.security-faq__heading i {
  flex-shrink: 0;
}
.security-faq__heading i img {
  width: 100%;
}
.security-faq__heading i.-icon {
  width: 40px;
}
@media screen and (max-width: 768px) {
  .security-faq__heading i.-icon {
    width: 20px;
  }
}
.security-faq__heading i.-arrow {
  position: relative;
  aspect-ratio: 1;
  width: 30px;
  margin-left: auto;
  border: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .security-faq__heading i.-arrow {
    width: 25px;
  }
}
.security-faq__heading i.-arrow::before, .security-faq__heading i.-arrow::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  top: 50%;
  left: 50%;
  translate: -50%;
  background: #fff;
  transition: rotate 0.3s;
}
@media screen and (max-width: 768px) {
  .security-faq__heading i.-arrow::before, .security-faq__heading i.-arrow::after {
    width: 13px;
  }
}
.security-faq__heading i.-arrow::after {
  rotate: 90deg;
}
[open] > .security-faq__heading i.-arrow::before {
  rotate: 45deg;
}
[open] > .security-faq__heading i.-arrow::after {
  rotate: -45deg;
}
.security-faq__detail {
  display: flex;
  gap: 22px;
  padding: 30px;
  background: #f1efef;
}
@media screen and (max-width: 768px) {
  .security-faq__detail {
    gap: 12px;
    padding: 4.2666666667vw 3.7333333333vw;
  }
}
.security-faq__detail i {
  flex-shrink: 0;
  width: 38px;
}
@media screen and (max-width: 768px) {
  .security-faq__detail i {
    width: 20px;
  }
}
.security-faq__detail i img {
  width: 100%;
}
.security-faq__txt {
  font-size: 20px;
  font-weight: bold;
  color: #5c6269;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .security-faq__txt {
    font-size: 15px;
  }
}

.security-mv {
  position: relative;
}
@media screen and (max-width: 768px) {
  .security-mv {
    padding-top: 8vw;
  }
}
.security-mv__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: var(--_min-width-PC, 0);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-mv__wrap {
    flex-direction: column;
    min-width: 0;
  }
}
.security-mv__item {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  width: var(--_width-PC, 580px);
  max-width: calc(100vw - 30px);
  min-height: 500px;
  padding-top: var(--_padding-top-PC, 70px);
}
@media screen and (max-width: 768px) {
  .security-mv__item {
    justify-content: center;
    width: 100%;
    min-height: 0;
    max-width: 100%;
    padding-top: 0;
  }
}
.security-mv__item.-center {
  justify-content: center;
  padding-top: 0;
}
.security-mv__head {
  display: flex;
  flex-direction: column;
  gap: var(--_gap-PC, 35px);
}
@media screen and (max-width: 768px) {
  .security-mv__head {
    align-items: center;
    gap: 2.6666666667vw;
  }
}
.security-mv__head small {
  width: var(--box-PC-width, auto);
}
@media screen and (max-width: 768px) {
  .security-mv__head small {
    width: calc(var(--box-SP-width) / 375 * 100vw);
  }
}
.security-mv__head small img {
  width: 100%;
}
.security-mv__head em {
  display: flex;
  flex-direction: column;
  gap: var(--_gap-PC, 10px);
}
@media screen and (max-width: 768px) {
  .security-mv__head em {
    align-items: center;
    gap: 3.2vw;
  }
}
.security-mv__head em span {
  width: var(--box-PC-width, auto);
}
@media screen and (max-width: 768px) {
  .security-mv__head em span {
    width: calc(var(--box-SP-width) / 375 * 100vw);
  }
}
.security-mv__head em img {
  width: 100%;
}
.security-mv__txt {
  margin-top: var(--_margin-top-PC, 33px);
  font-size: 20px;
  font-weight: bold;
  color: #565d65;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .security-mv__txt {
    margin-top: 3.2vw;
    font-size: calc(var(--box-font-size, 15) / 375 * 100vw);
    line-height: 1.5;
    text-align: center;
  }
}
.security-mv__side {
  position: absolute;
  width: var(--box-width, auto);
  top: var(--_top, 50%);
  right: var(--_right, 0);
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-mv__side {
    position: inherit;
    width: 100vw;
    top: auto;
    right: auto;
    transform: none;
    margin: calc(var(--box-margin-top, 0) / 375 * 100vw) calc(50% - 50vw) 0;
  }
}
.security-mv__image {
  width: 100%;
}
.security-mv__image img {
  width: 100%;
}
.security-mv__image.-flow-2 {
  position: absolute;
  width: 255px;
  top: 50%;
  right: 220px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .security-mv__image.-flow-2 {
    display: none;
  }
}
.security-mv__image.-faq-2 {
  position: absolute;
  width: 134px;
  bottom: 10px;
  left: -75px;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
  .security-mv__image.-faq-2 {
    display: none;
  }
}
.security-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-mv__bg {
    display: none;
  }
}
.security-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.security-mv__list {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 38px;
}
@media screen and (max-width: 768px) {
  .security-mv__list {
    display: none;
  }
}
.security-mv__list li {
  display: flex;
  align-items: center;
  width: var(--box-PC-width, auto);
  min-height: 50px;
  box-sizing: content-box;
}
.security-mv__list li img {
  width: 100%;
}
.security-mv__list li:first-child {
  padding-right: 20px;
}
.security-mv__list li:not(:first-child) {
  padding: 0 20px;
  border-left: 1px solid #1d2731;
}
.security-mv__list li:last-child {
  padding-right: 0;
}
.security-mv__list.-type-1 {
  flex-wrap: wrap;
  gap: 10px 20px;
}
.security-mv__list.-type-1 li {
  padding-left: 0;
  border-left: none;
}
.security-mv__list.-type-1 li:not(:last-child) {
  border-right: 1px solid #1d2731;
}
.security-mv__flow {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .security-mv__flow {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}

.p-security-reason-nav {
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  .p-security-reason-nav {
    padding: 30px 0;
  }
}
.p-security-reason-nav__head {
  width: var(--box-PC-width, auto);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-security-reason-nav__head {
    width: calc(var(--box-SP-width) / 375 * 100vw);
  }
}
.p-security-reason-nav__head img {
  width: 100%;
}
.p-security-reason-nav__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px 15px;
  max-width: 960px;
  margin: 55px auto 0;
}
@media screen and (max-width: 768px) {
  .p-security-reason-nav__items {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}
.p-security-reason-nav__item {
  width: min(31.0793237971vw, 310px);
}
.p-security-reason-nav__item a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 125px 0 35px;
  box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.2);
}
.p-security-reason-nav__item a span {
  font-size: min(2.3407022107vw, 20px);
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  background: linear-gradient(145deg, #01b6c9 50%, #013e85 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-security-reason-nav__item a picture {
  position: absolute;
  width: 154px;
  top: -15px;
  left: 45%;
  transform: translateX(-50%);
  z-index: -1;
}
.p-security-reason-nav__item a picture img {
  width: 100%;
}
.p-security-reason-nav__item a i {
  position: absolute;
  width: 30px;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.p-security-reason-nav__item a i img {
  width: 100%;
}

.p-security-reason {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-security-reason {
    margin-bottom: 30px;
  }
}
.p-security-reason__sect {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: var(--_padding-PC, 40px 0 50px);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-security-reason__sect {
    padding: 20px 0 40px;
  }
}
.p-security-reason__heading {
  width: min(var(--box-PC-width) / 920 * 100vw, var(--box-PC-width) * 1px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-security-reason__heading {
    width: calc(var(--box-SP-width) / 375 * 100vw);
  }
}
.p-security-reason__heading img {
  width: 100%;
}
.p-security-reason__rows {
  max-width: 900px;
  margin: min(6.6666666667vw, 50px) auto 0;
}
.p-security-reason__row + .p-security-reason__row {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-security-reason__row + .p-security-reason__row {
    margin-top: 2.6666666667vw;
  }
}
.p-security-reason__summary {
  position: relative;
  pointer-events: none;
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 4px 20px 4px 125px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-security-reason__summary {
    pointer-events: all;
    padding: 1.0666666667vw 1.6vw 1.0666666667vw 13.3333333333vw;
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .p-security-reason__summary h3 {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
  }
}
.p-security-reason__summary i {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-security-reason__summary i {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    padding: 0 7px;
    border-radius: 50%;
    background: #bdbdbd;
    fill: #fff;
  }
}
.p-security-reason__summary i svg {
  width: 100%;
  rotate: 90deg;
}
.p-security-reason__summary picture {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-security-reason__summary picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center left;
}
[open] > .p-security-reason__summary i {
  rotate: 180deg;
  background: #1d2a2d;
}
.p-security-reason__content {
  background: var(--box-background, #fff);
}
.p-security-reason__item {
  position: relative;
  padding: 45px 40px 65px;
  box-shadow: 1px 2px 10px rgba(75, 75, 75, 0.5);
  border-radius: 0 0 5px 5px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-security-reason__item {
    padding: 30px 5.3333333333vw 20px;
  }
}
.p-security-reason__item.-type-1 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-security-reason__item.-type-1 {
    flex-direction: column;
    align-items: center;
  }
}
.p-security-reason__item.-type-3 {
  box-shadow: none;
}
.p-security-reason__item.-type-11 {
  padding: 30px 40px 50px;
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .p-security-reason__item.-type-11 {
    padding: 30px 5.3333333333vw 20px;
  }
}
.p-security-reason__txt {
  font-weight: bold;
  color: #717171;
  line-height: 2;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-security-reason__txt {
    line-height: 1.8;
  }
}
.p-security-reason__txt em {
  font-size: 26px;
  color: #1d2731;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .p-security-reason__txt em {
    font-size: 15px;
    line-height: 1.6;
  }
}
.p-security-reason__txt + .p-security-reason__txt {
  margin-top: 10px;
}
.p-security-reason__txt.-type-1 {
  line-height: 1.6;
}
.-type-1 > .p-security-reason__fig {
  position: absolute;
  width: min(39.7919375813vw, 326px);
  top: max(-2.6007802341vw, -45px);
  right: 35px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .-type-1 > .p-security-reason__fig {
    position: inherit;
    top: auto;
    right: auto;
    width: 257px;
  }
}
.p-security-reason__fig img {
  width: 100%;
}
.p-security-reason__link {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-security-reason__link {
    margin-top: 2.6666666667vw;
  }
}
.p-security-reason__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -10;
}
@media screen and (max-width: 768px) {
  .p-security-reason__bg {
    background: #f8f8f8;
  }
}
.p-security-reason__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-security-reason__bnr {
  display: block;
  margin-top: 20px;
  box-shadow: 4px 3px 6px 0.1px rgba(0, 0, 0, 0.2);
}
.p-security-reason__bnr img {
  width: 100%;
}
.p-security-reason__lead {
  margin-top: 15px;
  font-weight: bold;
  color: #717171;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-security-reason__lead {
    width: 80vw;
    margin: 15px auto 0;
  }
}
.p-security-reason__btn {
  margin-top: min(5.3333333333vw, 40px);
}
.p-security-reason__btn img {
  width: 100%;
}
.p-security-reason__image {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-security-reason__image {
    width: 80vw;
    margin: 20px auto 0;
  }
}
.p-security-reason__image img {
  width: 100%;
}

.security-products-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
  gap: 53px 35px;
}
@media screen and (max-width: 768px) {
  .security-products-links {
    grid-template-columns: 1fr;
    gap: 0;
    border-radius: 5px;
    overflow: hidden;
  }
}
.security-products-links__heading {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 4px 30px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-products-links__heading {
    justify-content: space-between;
    padding: 23px 4vw;
    font-size: min(4vw, 18px);
    color: #fff;
  }
}
.security-products-links__heading i.-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-products-links__heading i.-bg {
    display: none;
  }
}
.security-products-links__heading i.-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.security-products-links__heading i.-arrow {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-products-links__heading i.-arrow {
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.3333333333vw;
    border-radius: 50%;
    background: #bdbdbd;
    transition: 0.3s;
  }
}
.security-products-links__heading i.-arrow svg {
  width: 1.3333333333vw;
  rotate: 90deg;
}
[open] > .security-products-links__heading i.-arrow {
  background: #1d2931;
  fill: #fff;
  rotate: -180deg;
}
@media screen and (max-width: 768px) {
  .-type-1 > .security-products-links__heading {
    background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
  }
}
@media screen and (max-width: 768px) {
  .-type-2 > .security-products-links__heading {
    background: linear-gradient(90deg, #8f15d3 0, #690f9b 69%, #420863 100%);
  }
}
@media screen and (max-width: 768px) {
  .-type-3 > .security-products-links__heading {
    background: linear-gradient(90deg, #e60012 0, #6f0009 100%);
  }
}
@media screen and (max-width: 768px) {
  .-type-4 > .security-products-links__heading {
    background: linear-gradient(90deg, #22ac38 0, #1b852b 69%, #135d1e 100%);
  }
}
@media screen and (max-width: 768px) {
  .-type-5 > .security-products-links__heading {
    background: linear-gradient(90deg, #eb6100 0, #813602 100%);
  }
}
@media screen and (max-width: 768px) {
  .-type-6 > .security-products-links__heading {
    background: linear-gradient(90deg, #a0a0a0 0, #626262 100%);
  }
}
.security-products-links__items {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 5px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .security-products-links__items {
    justify-content: space-between;
    gap: 10px;
    margin-top: 0;
    padding: 4vw;
    background: #eeefef;
  }
}
@media screen and (max-width: 768px) {
  .security-products-links__item {
    flex-grow: 1;
    width: calc(50% - 5px);
  }
}
.security-products-links__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  min-height: 27px;
  padding: 0 19px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  letter-spacing: -0.08em;
  font-feature-settings: "palt";
  border-radius: 30px;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.15);
  background: #eeefef;
}
@media screen and (max-width: 768px) {
  .security-products-links__item a {
    position: relative;
    min-width: 0;
    height: 60px;
    padding: 0 12px;
    font-size: min(2.4vw, 16px);
    border-radius: 0;
    box-shadow: none;
    background: #fff;
  }
}
@media screen and (max-width: 768px) {
  .security-products-links__item a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 1.2vw 0 1.2vw 1.2vw;
    border-color: transparent transparent transparent #bbb;
  }
}

.p-security-reason-check {
  max-width: 980px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .p-security-reason-check {
    max-width: 100vw;
    padding: 0;
  }
}
.p-security-reason-check__wrap {
  position: relative;
  padding: 30px 50px;
  border: 5px solid #8c8c8c;
  border-radius: 5px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .p-security-reason-check__wrap {
    padding: 56px 4.2666666667vw;
    border: none;
  }
}
.p-security-reason-check__head {
  font-size: 30px;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-security-reason-check__head {
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-security-reason-check__txt {
  font-weight: bold;
  color: #565d65;
  text-align: center;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 768px) {
  .p-security-reason-check__txt {
    letter-spacing: 0.08em;
  }
}
.p-security-reason-check__img {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-security-reason-check__img {
    margin-top: 5.3333333333vw;
  }
}
.p-security-reason-check__img img {
  width: 100%;
}
.p-security-reason-check__foot {
  max-width: 662px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .p-security-reason-check__foot {
    width: 68.8vw;
  }
}
.p-security-reason-check__foot img {
  width: 100%;
}
.p-security-reason-check__btn {
  position: absolute;
  aspect-ratio: 1;
  display: block;
  width: 40px;
  top: 10px;
  right: 20px;
  color: #494c5e;
}
@media screen and (max-width: 768px) {
  .p-security-reason-check__btn {
    width: 30px;
    right: 15px;
  }
}
.p-security-reason-check__btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  font-size: 72px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-security-reason-check__btn i {
    font-size: 50px;
  }
}

.p-security-reason-point {
  max-width: 900px;
  margin: 40px auto 0;
}
.p-security-reason-point__row {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding: 46px 52px;
  box-shadow: 1px 2px 10px rgba(75, 75, 75, 0.5);
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-security-reason-point__row {
    justify-content: center;
    min-height: 0;
    padding: 0;
  }
}
.p-security-reason-point__row:not(:first-child) {
  margin-top: 15px;
}
.p-security-reason-point__row.-type-1 {
  padding: 53px 40px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .p-security-reason-point__row.-type-1 {
    padding: 0;
  }
}
.p-security-reason-point__summary {
  pointer-events: none;
  display: contents;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-security-reason-point__summary {
    position: relative;
    pointer-events: all;
    display: flex;
    align-items: center;
    min-height: 100px;
    padding: 0 5.3333333333vw 0 8vw;
    font-size: 15px;
    line-height: 1.6;
  }
}
.p-security-reason-point__summary > i {
  position: absolute;
  width: 123px;
  top: -12px;
  left: -15px;
}
@media screen and (max-width: 768px) {
  .p-security-reason-point__summary > i {
    width: 62px;
    top: -5px;
    left: -7px;
  }
}
.p-security-reason-point__summary > i img {
  width: 100%;
}
.p-security-reason-point__summary h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.p-security-reason-point__summary h3 i {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-security-reason-point__summary h3 i {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    padding: 0 7px;
    border-radius: 50%;
    background: #bdbdbd;
    fill: #fff;
  }
}
.p-security-reason-point__summary h3 i svg {
  width: 100%;
  rotate: 90deg;
}
[open] > .p-security-reason-point__summary h3 i {
  rotate: 180deg;
  background: #1d2a2d;
}
.p-security-reason-point__content {
  display: contents;
}
@media screen and (max-width: 768px) {
  .p-security-reason-point__content {
    position: relative;
    display: block;
    padding: 24px 5.3333333333vw 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-security-reason-point__content::before {
    content: "";
    position: absolute;
    width: 80vw;
    height: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #8c8c8c;
  }
}
.p-security-reason-point__txt {
  width: var(--box-width, 345px);
  margin-top: 10px;
  font-weight: bold;
  color: #939699;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .p-security-reason-point__txt {
    width: 100%;
    margin-top: 0;
  }
}
.p-security-reason-point__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-security-reason-point__image {
    position: inherit;
    height: auto;
    top: auto;
    left: auto;
    margin-top: 15px;
  }
}
.p-security-reason-point__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-security-reason-point__bnr {
  display: block;
  margin-top: 25px;
}
.p-security-reason-point__bnr img {
  width: 100%;
}

.security-diagnose-free {
  position: relative;
  margin: min(10.6666666667vw, 80px) 0 90px;
  padding: 60px 0 50px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-free {
    margin-bottom: 0;
    padding: 6.6666666667vw 0 8vw;
  }
}
.security-diagnose-free__head {
  max-width: 804px;
  margin: 0 auto min(5.3333333333vw, 40px);
}
.security-diagnose-free__head img {
  width: 100%;
}
.security-diagnose-free__image {
  display: block;
  max-width: 900px;
  margin: 0 auto;
}
.security-diagnose-free__image img {
  width: 100%;
}
.security-diagnose-free__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.security-diagnose-free__bg picture {
  display: block;
  height: 100%;
}
.security-diagnose-free__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.security-diagnose-about {
  position: relative;
  margin-bottom: 15px;
  padding: 75px 50px 70px 50px;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-about {
    margin-top: 6.6666666667vw;
    padding: 7.2vw 4.2666666667vw 4.2666666667vw;
  }
}
.security-diagnose-about__head {
  max-width: 889px;
  margin: 0 auto 35px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-about__head {
    width: 66.1333333333vw;
    margin-bottom: 3.2vw;
  }
}
.security-diagnose-about__head picture {
  display: block;
}
.security-diagnose-about__head img {
  width: 100%;
}
.security-diagnose-about__wrap {
  position: relative;
  display: flex;
  max-width: 860px;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-diagnose-about__wrap {
    flex-direction: column;
    align-items: center;
  }
}
.security-diagnose-about__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(2.6666666667vw, 25px);
  max-width: 390px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-about__item {
    align-items: center;
    max-width: 100%;
  }
}
.security-diagnose-about__lead {
  font-size: min(4.2666666667vw, 28px);
  line-height: 1.5;
  font-weight: bold;
  color: #d4e9ef;
}
@media screen and (max-width: 768px) {
  .security-diagnose-about__lead {
    text-align: center;
  }
}
.security-diagnose-about__txt {
  font-size: min(4vw, 20px);
  font-weight: bold;
  color: #bfe2e6;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .security-diagnose-about__txt {
    font-weight: 400;
    line-height: 1.8;
  }
}
.security-diagnose-about__image {
  position: absolute;
  max-width: 500px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-diagnose-about__image {
    position: inherit;
    width: 65.6vw;
    max-width: 100%;
    top: auto;
    right: auto;
    margin: 0 auto;
  }
}
.security-diagnose-about__image img {
  width: 100%;
}
.security-diagnose-about__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.security-diagnose-about__bg picture {
  display: block;
  height: 100%;
}
.security-diagnose-about__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.security-diagnose-warning {
  margin-bottom: 75px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-warning {
    margin-bottom: 8vw;
  }
}
.security-diagnose-warning__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 595px;
  margin: 0 auto min(5.3333333333vw, 35px);
}
@media screen and (max-width: 768px) {
  .security-diagnose-warning__head {
    width: 80vw;
    gap: 10px;
  }
}
.security-diagnose-warning__head i {
  width: min(21.8666666667vw, 126px);
}
.security-diagnose-warning__head img {
  width: 100%;
}
.security-diagnose-warning__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(2.6666666667vw, 20px);
  max-width: 900px;
  margin: 0 auto min(8vw, 60px);
}
@media screen and (max-width: 768px) {
  .security-diagnose-warning__columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
.security-diagnose-warning__column {
  position: relative;
  box-shadow: 3px 4px 10px 0.2px rgba(0, 0, 0, 0.25);
}
.security-diagnose-warning__column i {
  position: absolute;
  width: min(16vw, 80px);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.security-diagnose-warning__column i img {
  width: 100%;
}
.security-diagnose-warning__fig img {
  width: 100%;
}
.security-diagnose-warning__fig figcaption {
  padding: 15px 4px;
  font-size: min(1.6905071521vw, 15px);
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .security-diagnose-warning__fig figcaption {
    font-size: 3.2vw;
  }
}
.security-diagnose-warning__foot {
  max-width: 709px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .security-diagnose-warning__foot {
    width: 61.3333333333vw;
  }
}
.security-diagnose-warning__foot img {
  width: 100%;
}

.security-diagnose-recommend {
  position: relative;
  padding: min(8vw, 45px) 0 95px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend {
    padding-bottom: 37.3333333333vw;
  }
}
.security-diagnose-recommend__head {
  max-width: 680px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend__head {
    width: 84.5333333333vw;
  }
}
.security-diagnose-recommend__head img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend__wrap {
    position: relative;
    padding: 6.6666666667vw 3.2vw 5.3333333333vw;
    background: #fff;
  }
}
.security-diagnose-recommend__icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend__icon {
    position: absolute;
    display: block;
    width: 32vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.security-diagnose-recommend__icon img {
  width: 100%;
}
.security-diagnose-recommend__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend__columns {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.security-diagnose-recommend__column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
  padding-top: 30px;
  box-shadow: 4px 3px 5px 0.1px rgba(0, 0, 0, 0.2);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend__column {
    justify-content: flex-start;
    height: auto;
    padding: 2.1333333333vw 0 2.1333333333vw 6.9333333333vw;
    box-shadow: none;
  }
}
.security-diagnose-recommend__column i {
  position: absolute;
  width: 140px;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend__column i {
    width: 4.2666666667vw;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.security-diagnose-recommend__column i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend__column + .security-diagnose-recommend__column {
    border-top: 1px dotted #c9c9c9;
  }
}
.security-diagnose-recommend__txt {
  font-size: min(1.9505851756vw, 18px);
  font-weight: bold;
  color: #8d8d8d;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend__txt {
    font-size: 3.4666666667vw;
    text-align: left;
  }
}
.security-diagnose-recommend__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.security-diagnose-recommend__bg picture {
  display: block;
  height: 100%;
}
.security-diagnose-recommend__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.security-diagnose-recommend__image {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-diagnose-recommend__image {
    position: absolute;
    display: block;
    width: 68.8vw;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.security-diagnose-recommend__image img {
  width: 100%;
}

.security-diagnose-effect {
  position: relative;
  padding: 60px 0 40px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-effect {
    padding: 8vw 0;
  }
}
.security-diagnose-effect__head {
  max-width: 222px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-effect__head {
    width: 30.1333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.security-diagnose-effect__head img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .security-diagnose-effect__image {
    width: 76.2666666667vw;
    margin: 0 auto 4vw;
  }
}
.security-diagnose-effect__image img {
  width: 100%;
}
.security-diagnose-effect__items {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-diagnose-effect__items {
    display: grid;
    gap: 2.6666666667vw;
  }
}
.security-diagnose-effect__item {
  position: relative;
}
.security-diagnose-effect__item i img {
  width: 100%;
}
.security-diagnose-effect__item span {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  top: 50%;
  left: 20vw;
  transform: translateY(-50%);
  font-size: 4vw;
  color: #60676e;
}
.security-diagnose-effect__item span em {
  font-size: 4.8vw;
  font-weight: bold;
  background: linear-gradient(to right, #01b6c9, #013e85);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.security-diagnose-effect__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.security-diagnose-effect__bg picture {
  display: block;
  height: 100%;
}
.security-diagnose-effect__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.security-diagnose-flow {
  padding: var(--_margin-top-PC, 55px) 0 70px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow {
    padding: var(--_margin-top-SP, 0) 0 40px;
  }
}
.security-diagnose-flow.-type-1 {
  margin-top: 40px;
}
.security-diagnose-flow__columns {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__columns {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 15px;
  }
}
.security-diagnose-flow__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column {
    gap: 20px;
    width: 50%;
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column i {
    width: 26.6666666667vw;
  }
}
.security-diagnose-flow__column i img {
  width: 100%;
}
.security-diagnose-flow__column span {
  word-break: auto-phrase;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column span {
    font-size: 4vw;
  }
}
.security-diagnose-flow__column:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 205px;
  left: -10px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #a0a0a0;
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column:not(:first-child)::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column:nth-child(even)::before {
    content: "";
    width: 1px;
    height: 90%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: none;
    background: #ebebeb;
  }
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column:nth-child(n+3)::after {
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #d8d9e0;
  }
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column:last-child {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column:last-child::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column:last-child i {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .security-diagnose-flow__column:last-child span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}
.-type-1 > .security-diagnose-flow__column i {
  width: 100px;
}
@media screen and (max-width: 768px) {
  .-type-1 > .security-diagnose-flow__column i {
    width: 26.6666666667vw;
  }
}
.-type-1 > .security-diagnose-flow__column:not(:first-child)::before {
  top: 110px;
}
@media screen and (max-width: 768px) {
  .-type-1 > .security-diagnose-flow__column:not(:first-child)::before {
    top: 50%;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .security-diagnose-flow__column:last-child i {
    width: 100%;
  }
}

.security-products-data {
  padding: var(--_padding-PC, 60px 0 40px);
}
@media screen and (max-width: 768px) {
  .security-products-data {
    padding: 0 0 var(--_padding-bottom-SP, 30px);
  }
}
@media screen and (max-width: 768px) {
  .security-products-data:has(> .security-products-data__foot) {
    padding-bottom: 10px;
  }
}
.security-products-data__wrap {
  max-width: 900px;
  margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
  .security-products-data__wrap {
    margin-top: 12vw;
  }
}
.security-products-data__foot {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .security-products-data__foot {
    margin-top: 30px;
  }
}

.security-diagnose {
  /* --_color-blue: #44ACED; */
  /* --_color-pink: #F569AF; */
  /* --_color-yellow: #FFFF00; */
  --_color-blue: 68, 172, 237;
  --_color-pink: 245, 105, 175;
  --_color-red: 232, 68, 43;
  --_color-yellow: 255, 255, 0;
  --_color-gray: 155, 155, 155 ;
  --_color-black: 29, 39, 49;
  --_bg-blue: 240, 249, 255;
  --_bg-blue-02: 221, 242, 255;
  --_bg-pink: 255, 244, 249;
  --_bg-pink-02: 255, 226, 240;
  --_bg-green: 221, 255, 226;
  --_border-gray: 209, 209, 209;
  --_font-ja: "Noto Sans JP", sans-serif;
  --_font-en: "Josefin Sans", sans-serif;
  --_viewport-width: 1;
  --_base-unit: 1px;
  --_viewport-all-width: 1366;
  --_base-all-unit: 100vw;
  font-size: 18px;
  color: #1d2731;
  line-height: 1.75;
  letter-spacing: 0.08em;
  font-family: var(--_font-ja);
  font-feature-settings: "palt" 1;
  font-variant-numeric: lining-nums;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .security-diagnose {
    --_viewport-width: 390;
    --_base-unit: 100vw;
    --_viewport-all-width: 390;
    --_base-all-unit: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .security-diagnose {
    font-size: 16px;
  }
}
.security-diagnose h2 {
  font-weight: bold;
  line-height: 1.34;
}
.security-diagnose h3 {
  font-weight: bold;
}
.security-diagnose h4 {
  font-weight: bold;
}
.security-diagnose p {
  font-size: inherit;
  line-height: inherit;
}
.security-diagnose .c_blue {
  color: rgb(var(--_color-blue));
}
.security-diagnose .c_pink {
  color: rgb(var(--_color-pink));
}
.security-diagnose .c_red {
  color: rgb(var(--_color-red));
}
.security-diagnose .marker {
  background: linear-gradient(transparent 65%, rgb(var(--_color-yellow)) 65%);
}
@keyframes imageSwitch {
  0% {
    background-image: url("../img/security/diagnose/ttl_kazari01.svg");
  }
  33% {
    background-image: url("../img/security/diagnose/ttl_kazari02.svg");
  }
  66% {
    background-image: url("../img/security/diagnose/ttl_kazari03.svg");
  }
}
@keyframes floatFade {
  0% {
    opacity: 0.7;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px);
  }
  100% {
    opacity: 0.7;
    transform: translateY(0px);
  }
}
@keyframes Fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.security-diagnose__interval {
  position: relative;
  display: block;
  width: 100vw;
  height: 530px;
  margin: 200px calc(50% - 50vw) 0;
}
@media screen and (max-width: 768px) {
  .security-diagnose__interval {
    height: auto;
    margin-top: 120px;
  }
}
.security-diagnose__interval video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.security-diagnose-image {
  position: relative;
  z-index: 1;
  padding: 30px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .security-diagnose-image {
    padding: 20px;
  }
}
.security-diagnose-image:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .security-diagnose-image:before {
    border-radius: 20px;
  }
}
.security-diagnose-image__item img {
  width: 100%;
}

.security-diagnose-mv {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-diagnose-mv {
    margin-bottom: 30px;
  }
}
.security-diagnose-mv__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1000px;
  height: 530px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-diagnose-mv__wrap {
    justify-content: flex-start;
    height: auto;
    padding-top: 10.2564102564vw;
  }
}
.security-diagnose-mv__head {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .security-diagnose-mv__head {
    width: 83.3333333333vw;
    margin: 0 auto 7.6923076923vw;
    text-align: center;
  }
}
.security-diagnose-mv__head img {
  width: 100%;
}
.security-diagnose-mv__items {
  display: flex;
  gap: 30px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-mv__items {
    order: 1;
    flex-direction: column;
    gap: 20px;
    margin-top: 0;
  }
}
.security-diagnose-mv__items__topics {
  padding: 0;
  background: rgba(var(--_color-blue), 0.9);
}
.security-diagnose-mv__items__topics a {
  display: block;
  padding: 20px;
  color: #fff;
}
.security-diagnose-mv__items__topics__txt {
  margin-top: 10px;
}
.security-diagnose-mv__item {
  flex-grow: 1;
  width: 100%;
  max-width: 260px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .security-diagnose-mv__item {
    max-width: 100%;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
  }
}
.security-diagnose-mv__item a {
  display: flex;
  justify-content: center;
}
.security-diagnose-mv__item.-pack {
  padding: 20px;
  text-align: center;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.9);
}
.security-diagnose-mv__item.-topics {
  background: rgba(var(--_color-blue), 0.9);
}
.security-diagnose-mv__item.-topics a {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  color: #fff;
}
.security-diagnose-mv__topics {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 9px 15px 4px;
  font-weight: bold;
  color: #44aced;
  font-family: "Josefin Sans", sans-serif;
  border-radius: 15px;
  text-transform: uppercase;
  background: #fff;
}
.security-diagnose-mv__txt {
  font-size: 16px;
  line-height: 1.75;
}
.security-diagnose-mv__image {
  position: absolute;
  right: 50px;
  bottom: 22px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-diagnose-mv__image {
    position: inherit;
    width: 68.7179487179vw;
    right: auto;
    bottom: auto;
    margin: 0 auto 10.2564102564vw;
  }
}
.security-diagnose-mv__image img {
  width: 100%;
}
.security-diagnose-mv__bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .security-diagnose-mv__bg {
    height: 158.9743589744vw;
  }
}
.security-diagnose-mv__bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.security-diagnose-intro {
  display: grid;
  grid-template-columns: 450fr 620fr;
  align-items: flex-start;
  gap: 50px;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
    gap: 60px;
    margin-top: 80px;
  }
}
.security-diagnose-intro__item {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__item {
    margin-top: 0;
  }
}
.security-diagnose-intro__head {
  font-size: min(5.4616384915vw, 50px);
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__head {
    font-size: 30px;
  }
}
.security-diagnose-intro__lead {
  margin-top: 30px;
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__lead {
    margin-top: 20px;
    font-size: inherit;
  }
}
.security-diagnose-intro__txt {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__txt {
    margin-top: 20px;
  }
}
.security-diagnose-intro__foot {
  display: grid;
  gap: 20px;
  margin-top: 40px;
  padding: 20px;
  background: rgb(var(--_bg-blue));
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__foot {
    margin-top: 30px;
  }
}
.security-diagnose-intro__caution {
  text-indent: -2em;
  padding-left: 2em;
}
.security-diagnose-intro__caution:not(:root) {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__caution:not(:root) {
    font-size: 14px;
  }
}
.security-diagnose-intro__btn {
  display: inline-block;
  width: fit-content;
  padding: 5px 20px;
  background: #fff;
  color: rgb(var(--_color-blue));
  font-size: 16px;
  font-weight: bold;
  border-radius: 20px;
  transition: background 0.3s, opacity 0.3s;
}
.security-diagnose-intro__btn:hover {
  opacity: 1;
  background: rgb(var(--_color-blue));
  color: #fff;
}
.security-diagnose-intro__btn:hover:after {
  background: #fff;
}
.security-diagnose-intro__btn:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 12px;
  margin-left: 10px;
  background: rgb(var(--_color-blue));
  mask-image: url("../img/security/diagnose/arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: ease all 0.3s;
}
.security-diagnose-intro__mv {
  position: relative;
  order: -1;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__mv {
    order: 1;
  }
}
.security-diagnose-intro__mv:before, .security-diagnose-intro__mv:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -2;
  width: 122px;
  height: 118px;
  background-image: url("../img/security/diagnose/obj_blue01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateZ(-1);
  animation: floatFade 3s ease-in-out infinite;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__mv:before, .security-diagnose-intro__mv:after {
    width: 100px;
    height: 97px;
  }
}
.security-diagnose-intro__mv:before {
  left: -88px;
  bottom: -61px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__mv:before {
    left: -70px;
    bottom: -53px;
  }
}
.security-diagnose-intro__mv:after {
  background-image: url("../img/security/diagnose/obj_pink01.svg");
  right: -92px;
  top: -66px;
  animation: floatFade 3s ease-in-out infinite;
  animation-delay: 1.5s;
}
@media screen and (max-width: 768px) {
  .security-diagnose-intro__mv:after {
    right: -71px;
    top: -56px;
  }
}

.security-diagnose-features__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__wrap {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.security-diagnose-features__contents {
  position: relative;
  width: 50.8928571429%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__contents {
    width: 100%;
  }
}
.security-diagnose-features__content {
  margin-bottom: 500px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__content {
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
  }
}
.security-diagnose-features__heading {
  margin-bottom: 20px;
  font-size: 20px;
  color: rgb(var(--_color-blue));
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__heading {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.security-diagnose-features__lead {
  margin-bottom: 50px;
  font-weight: bold;
  line-height: 1.34;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__lead {
    margin-bottom: 30px;
  }
}
.security-diagnose-features__lead:not(:root) {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__lead:not(:root) {
    font-size: 30px;
  }
}
.security-diagnose-features__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__fig {
    display: block;
    order: -1;
    margin-bottom: 30px;
  }
}
.security-diagnose-features__fig img {
  width: 100%;
}
.security-diagnose-features__fig::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -2;
  width: 120px;
  height: 116px;
  background-image: url("../img/security/diagnose/obj_blue02.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateZ(-1);
  animation: floatFade 3s ease-in-out infinite;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__fig::before {
    width: 80px;
    height: 77px;
    left: -57px;
    top: -43px;
    bottom: auto;
  }
}
.security-diagnose-features__fig.-type-1:before {
  left: -98px;
  bottom: -50px;
}
.security-diagnose-features__fig.-type-2:before {
  bottom: -50px;
  right: -63px;
  background-image: url("../img/security/diagnose/obj_pink02.svg");
}
.security-diagnose-features__fig.-type-3:before {
  top: -67px;
  left: -88px;
}
.security-diagnose-features__images {
  position: sticky;
  top: 50px;
  width: 44.6428571429%;
  height: 500px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__images {
    display: none;
  }
}
.security-diagnose-features__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: ease all 0.3s;
}
.security-diagnose-features__image:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -2;
  width: 120px;
  height: 116px;
  background-image: url("../img/security/diagnose/obj_blue02.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateZ(-1);
  left: -98px;
  bottom: -50px;
  animation: floatFade 3s ease-in-out infinite;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features__image:before {
    width: 80px;
    height: 77px;
    left: -57px;
    top: -43px;
    bottom: auto;
  }
}
.security-diagnose-features__image:nth-child(3n+2):before {
  left: auto;
  right: -63px;
  background-image: url("../img/security/diagnose/obj_pink02.svg");
}
.security-diagnose-features__image:nth-child(3n+3):before {
  bottom: auto;
  top: -67px;
  left: -88px;
}
.is-observe-01 .security-diagnose-features__image.-type-1 {
  opacity: 1;
  visibility: visible;
}
.is-observe-02 .security-diagnose-features__image.-type-2 {
  opacity: 1;
  visibility: visible;
}
.is-observe-03 .security-diagnose-features__image.-type-3 {
  opacity: 1;
  visibility: visible;
}

.security-diagnose-features-detail {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features-detail {
    margin-top: 70px;
  }
}
.security-diagnose-features-detail__head {
  position: relative;
  margin-bottom: 20px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features-detail__head {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.security-diagnose-features-detail__head:before {
  position: absolute;
  left: -20px;
  top: -25px;
  content: "";
  display: block;
  width: 89px;
  height: 78px;
  background-image: url("../img/security/diagnose/ttl_obj.svg");
  background-size: contain;
  background-repeat: no-repeat;
  animation: Fade 3s ease-in-out infinite;
}
.security-diagnose-features-detail__lead {
  position: relative;
  margin-bottom: 20px;
  padding-left: 23px;
  color: rgb(var(--_color-gray));
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features-detail__lead {
    margin-bottom: 15px;
  }
}
.security-diagnose-features-detail__lead i {
  position: absolute;
  left: 0;
  top: 6px;
  width: 18px;
  height: 18px;
  background-image: url("../img/security/diagnose/exclamation.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.security-diagnose-features-detail__list li {
  position: relative;
  padding-left: 18px;
}
.security-diagnose-features-detail__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  background: rgb(var(--_color-blue));
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features-detail__list li::before {
    top: 11px;
  }
}

@media screen and (max-width: 768px) {
  .security-diagnose-features-other {
    padding-bottom: 35px;
  }
}
.security-diagnose-features-other.is-initialized:not(.is-active) .splide__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}
.security-diagnose-features-other .splide__pagination {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  bottom: 0;
  right: auto;
  padding: 0;
}
.security-diagnose-features-other .splide__pagination li {
  position: relative;
  width: 15px;
  height: 5px;
}
.security-diagnose-features-other .splide__pagination li button {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  border-radius: 0;
  background: #000;
  opacity: 0.2;
}
.security-diagnose-features-other .splide__pagination li button.is-active {
  background: rgb(var(--_color-blue));
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features-other__wrap {
    overflow: visible;
  }
}
.security-diagnose-features-other__item {
  display: flex;
  flex-direction: column;
}
.security-diagnose-features-other__heading {
  margin-bottom: 20px;
  font-size: 20px;
  color: rgb(var(--_color-blue));
}
@media screen and (max-width: 768px) {
  .security-diagnose-features-other__heading {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.security-diagnose-features-other__image {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features-other__image {
    border-radius: 10px;
  }
}
.security-diagnose-features-other__image img {
  width: 100%;
}
.security-diagnose-features-other__lead {
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.75;
}
.security-diagnose-features-other__lead em {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-features-other__lead em {
    font-size: 20px;
  }
}
.security-diagnose-features-other__txt {
  line-height: 1.75;
}

.security-diagnose-nav {
  margin-bottom: 100px;
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .security-diagnose-nav {
    width: 100vw;
    margin: 0 -4vw 100px;
    padding: 0 20px;
  }
}
.security-diagnose-nav__items {
  display: flex;
  justify-content: center;
  gap: 15px 20px;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .security-diagnose-nav__items {
    gap: 10px;
  }
}
.security-diagnose-nav__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  background: #DDF2FF;
  border-radius: 30px;
  white-space: nowrap;
  transition: background 0.3s, color 0.3s;
}
@media screen and (max-width: 768px) {
  .security-diagnose-nav__item a {
    padding: 5px 15px;
  }
}
.security-diagnose-nav__item a:hover {
  opacity: 1;
  background: rgb(var(--_color-blue));
  color: #fff;
}
.security-diagnose-nav__item a:hover:after {
  background: #fff;
}
.security-diagnose-nav__item a:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 12px;
  margin-left: 10px;
  background: rgb(var(--_color-blue));
  mask-image: url("../img/security/diagnose/arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  transform: rotate(90deg);
  transition: ease background 0.3s;
}

.security-diagnose-voice__note {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-voice__note {
    margin-bottom: 60px;
    text-align: center;
  }
}
.security-diagnose-voice__slide {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-voice__slide {
    padding-bottom: 35px;
  }
}
.security-diagnose-voice__slide .splide__pagination {
  gap: 8px;
  bottom: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .security-diagnose-voice__slide .splide__pagination {
    gap: 5px;
    right: auto;
  }
}
.security-diagnose-voice__slide .splide__pagination li {
  position: relative;
  width: 60px;
  height: 10px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-voice__slide .splide__pagination li {
    width: 15px;
    height: 5px;
  }
}
.security-diagnose-voice__slide .splide__pagination li button {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  border-radius: 0;
  background: #000;
  opacity: 0.2;
}
.security-diagnose-voice__slide .splide__pagination li button.is-active {
  background: rgb(var(--_color-blue));
  opacity: 1;
  transform: none;
}
.security-diagnose-voice__slide .splide__arrow {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: rgb(var(--_color-blue));
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .security-diagnose-voice__slide .splide__arrow {
    width: 30px;
    height: 30px;
    top: 12.8205128205vw;
  }
}
.security-diagnose-voice__slide .splide__arrow::after {
  content: "";
  width: 20px;
  height: 19px;
  background: #fff;
  mask-image: url("../img/security/diagnose/arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
}
@media screen and (max-width: 768px) {
  .security-diagnose-voice__slide .splide__arrow::after {
    width: 10px;
    height: 10px;
  }
}
.security-diagnose-voice__slide .splide__arrow svg {
  display: none;
}
.security-diagnose-voice__slide .splide__arrow--prev {
  left: auto;
  right: calc(100% + 20px);
}
@media screen and (max-width: 768px) {
  .security-diagnose-voice__slide .splide__arrow--prev {
    left: -10px;
    right: auto;
  }
}
.security-diagnose-voice__slide .splide__arrow--prev::after {
  rotate: 180deg;
}
.security-diagnose-voice__slide .splide__arrow--next {
  left: calc(100% + 20px);
  right: auto;
}
@media screen and (max-width: 768px) {
  .security-diagnose-voice__slide .splide__arrow--next {
    left: auto;
    right: -10px;
  }
}
.security-diagnose-voice__wrap {
  overflow: visible;
}
.security-diagnose-voice__item {
  display: flex;
  flex-direction: column;
}
.security-diagnose-voice__heading {
  margin-bottom: 20px;
  font-size: 24px;
}
.security-diagnose-voice__image {
  order: -1;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-voice__image {
    border-radius: 10px;
  }
}
.security-diagnose-voice__image img {
  width: 100%;
}
.security-diagnose-voice__data {
  display: flex;
  order: -1;
  gap: 1em;
  margin-bottom: 10px;
  font-size: 14px;
}
.security-diagnose-voice__detail {
  display: flex;
}
.security-diagnose-voice__detail dt {
  display: flex;
}
.security-diagnose-voice__detail dt::after {
  content: "：";
}
.security-diagnose-step__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-step__items {
    grid-template-columns: 1fr;
    gap: 60px;
  }
}
.security-diagnose-step__item {
  display: flex;
  flex-direction: column;
}
.security-diagnose-step__heading {
  margin-bottom: 20px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-step__heading {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.security-diagnose-step__image {
  position: relative;
  order: -1;
  margin-bottom: 20px;
}
.security-diagnose-step__image img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-step__image img {
    border-radius: 10px;
  }
}
.security-diagnose-step__image figcaption {
  position: absolute;
  left: -20px;
  top: -20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  font-family: var(--_font-en);
  font-weight: bold;
  line-height: 1;
  border-radius: 50%;
  background: transparent linear-gradient(137deg, rgba(68, 172, 237, 0.5960784314) 0%, #43ACED 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .security-diagnose-step__image figcaption {
    left: -10px;
    top: -10px;
    width: 50px;
    height: 50px;
  }
}
.security-diagnose-step__image figcaption [lang=en] {
  margin-top: 9px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-step__image figcaption [lang=en] {
    font-size: 10px;
  }
}
.security-diagnose-step__image figcaption span:not([lang]) {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-step__image figcaption span:not([lang]) {
    font-size: 18px;
  }
}
.security-diagnose-step__list li {
  position: relative;
  padding-left: 18px;
}
.security-diagnose-step__list li:before {
  position: absolute;
  left: 0;
  top: 12px;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: rgb(var(--_color-black));
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .security-diagnose-step__list li:before {
    top: 11px;
  }
}

.security-diagnose-price__head {
  margin-bottom: 50px;
  text-align: center;
  font-size: 30px !important;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .security-diagnose-price__head {
    margin-bottom: 30px;
    font-size: 20px !important;
  }
}
.security-diagnose-price__head em {
  font-size: 60px;
  font-family: var(--_font-en);
}
@media screen and (max-width: 768px) {
  .security-diagnose-price__head em {
    font-size: 40px !important;
  }
}
.security-diagnose-price__note {
  margin-top: 50px;
  padding: 50px;
  background: rgb(var(--_bg-blue));
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-price__note {
    margin-top: 20px;
    padding: 30px 20px;
  }
}
.security-diagnose-price__note li {
  text-indent: -1em;
  padding-left: 1em;
}
.security-diagnose-price__note li:not(:first-child) {
  margin-top: 30px;
}

.security-diagnose-topics {
  margin-top: 50px;
  padding: 50px;
  background: rgb(var(--_bg-pink));
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics {
    margin-top: 20px;
    padding: 30px 20px;
  }
}
.security-diagnose-topics__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__head {
    gap: 20px;
    margin-bottom: 30px;
  }
}
.security-diagnose-topics__head [lang=en] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: fit-content;
  line-height: 1;
  padding: 9px 15px 4px;
  background: #fff;
  font-family: var(--_font-en);
  font-weight: bold;
  color: rgb(var(--_color-pink));
  text-transform: uppercase;
  border-radius: 15px;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__head [lang=en] {
    font-size: 16px;
  }
}
.security-diagnose-topics__head [lang=ja] {
  font-size: 28px;
  line-height: 1.34;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__head [lang=ja] {
    font-size: 20px;
  }
}
.security-diagnose-topics__head [lang=ja] em {
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__head [lang=ja] em {
    font-size: 20px;
  }
}
.security-diagnose-topics__data {
  display: flex;
  gap: 30px;
  line-height: 1.34;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__data {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
  }
}
.security-diagnose-topics__detail {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__detail {
    gap: 25px;
  }
}
.security-diagnose-topics__detail dt {
  position: relative;
  padding: 20px;
  background: #000;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__detail dt {
    min-width: 80px;
    padding: 20px 10px;
    font-size: 14px;
  }
}
.security-diagnose-topics__detail dt:after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  width: 10px;
  height: 100%;
  background: #000;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.security-diagnose-topics__detail dd {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__detail dd {
    font-size: 16px;
  }
}
.security-diagnose-topics__detail dd small {
  font-size: 16px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__detail dd small {
    font-size: 14px;
  }
}
.security-diagnose-topics__rows {
  margin-bottom: 50px;
  border-bottom: 1px solid rgb(var(--_border-gray));
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__rows {
    margin-bottom: 30px;
  }
}
.security-diagnose-topics__row {
  display: grid;
  grid-template-columns: 176fr 824fr;
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__row {
    grid-template-columns: 1fr;
  }
}
.security-diagnose-topics__row dt, .security-diagnose-topics__row dd {
  padding: 20px 0;
  border-top: 1px solid rgb(var(--_border-gray));
}
.security-diagnose-topics__row dt {
  padding-right: 30px;
  font-weight: bold;
  color: rgb(var(--_color-gray));
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__row dt {
    padding-bottom: 10px;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .security-diagnose-topics__row dd {
    padding-top: 0;
    border-top: none;
  }
}
.security-diagnose-topics__txt {
  margin-bottom: 30px;
}
.security-diagnose-topics__txt em {
  font-weight: bold;
}
.security-diagnose-topics__image {
  width: fit-content;
}
.security-diagnose-topics__image img {
  width: 100%;
}

.security-diagnose-message__wrap {
  display: grid;
  grid-template-columns: 570fr 500fr;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-message__wrap {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
  }
}
.security-diagnose-message__item p:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-message__item p:not(:first-child) {
    margin-top: 20px;
  }
}
.security-diagnose-message__image img {
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-message__image img {
    border-radius: 10px;
  }
}
.security-diagnose-message__image figcaption {
  margin-top: 5px;
  text-align: right;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-message__image figcaption {
    font-size: 12px;
  }
}

.security-diagnose-faq__details {
  margin-top: 20px;
}
.security-diagnose-faq__heading, .security-diagnose-faq__content {
  position: relative;
}
@media screen and (max-width: 768px) {
  .security-diagnose-faq__heading, .security-diagnose-faq__content {
    font-size: 16px;
  }
}
.security-diagnose-faq__heading:before, .security-diagnose-faq__content:before {
  position: absolute;
  left: 50px;
  font-family: var(--_font-en);
  font-weight: bold;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-faq__heading:before, .security-diagnose-faq__content:before {
    left: 20px;
    font-size: 20px;
  }
}
.security-diagnose-faq__heading {
  padding: 40px 60px 40px 128px;
  font-weight: bold;
  background: rgb(var(--_bg-blue));
}
@media screen and (max-width: 768px) {
  .security-diagnose-faq__heading {
    padding: 30px 45px 30px 60px;
  }
}
.security-diagnose-faq__heading::before {
  content: "Q";
  top: 35px;
  color: rgb(var(--_color-blue));
}
@media screen and (max-width: 768px) {
  .security-diagnose-faq__heading::before {
    top: 30px;
  }
}
.security-diagnose-faq__heading i {
  position: absolute;
  right: 30px;
  top: 48px;
  display: block;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-faq__heading i {
    right: 20px;
    top: 38px;
    width: 15px;
    height: 15px;
  }
}
.security-diagnose-faq__heading i:before, .security-diagnose-faq__heading i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 3px;
  background: rgb(var(--_color-black));
  transition: ease all 0.3s;
}
.security-diagnose-faq__heading i:after {
  transform: translateY(-50%) rotate(90deg);
}
[open] > .security-diagnose-faq__heading i:after {
  opacity: 0;
  transform: translateY(-50%) rotate(0deg);
}
.security-diagnose-faq__content {
  padding: 0 60px 0 128px;
}
@media screen and (max-width: 768px) {
  .security-diagnose-faq__content {
    padding: 0 20px 0 60px;
  }
}
.security-diagnose-faq__content::before {
  content: "A";
  top: 30px;
  color: rgb(var(--_color-pink));
}
.security-diagnose-faq__answer {
  padding: 30px 0;
}
.security-diagnose-faq__answer:not(:first-child) {
  margin-top: 25px;
}

.security-diagnose-cta {
  position: relative;
  margin-top: 200px;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .security-diagnose-cta {
    margin-top: 120px;
    padding: 60px 0;
  }
}
.security-diagnose-cta__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  max-width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .security-diagnose-cta__wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.security-diagnose-cta__btn {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 16px;
  background: rgb(var(--_bg-blue-02));
  border: 1px solid rgb(var(--_color-black));
  font-weight: bold;
  line-height: 1;
  transition: ease all 0.3s;
}
@media screen and (max-width: 768px) {
  .security-diagnose-cta__btn {
    padding: 30px 20px;
  }
}
.security-diagnose-cta__btn:hover {
  opacity: 1;
  transform: translateY(-10px);
}
.security-diagnose-cta__btn em {
  font-size: 28px;
}
.security-diagnose-cta__btn small {
  margin-top: 15px;
  text-transform: uppercase;
  font-family: var(--_font-en);
  font-size: 14px;
}
.security-diagnose-cta__btn i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: rgb(var(--_color-black));
  border-radius: 50%;
}
.security-diagnose-cta__btn i:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 13px;
  background: #fff;
  mask-image: url("../img/security/diagnose/arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.security-diagnose-cta__btn.-type-2 {
  background: rgb(var(--_bg-pink-02));
}
.security-diagnose-cta__btn.-type-2 i {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-diagnose-cta__btn.-type-2 i {
    display: flex;
  }
}
.security-diagnose-cta__btn.-type-3 {
  background: rgb(var(--_bg-green));
}
.security-diagnose-cta__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.security-diagnose-cta__bg picture {
  width: 100%;
  height: 100%;
}
.security-diagnose-cta__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.security-entry {
  /* --_color-blue: #44ACED; */
  /* --_color-pink: #F569AF; */
  /* --_color-yellow: #FFFF00; */
  --_color-blue: 68, 172, 237;
  --_color-pink: 245, 105, 175;
  --_color-red: 232, 68, 43;
  --_color-yellow: 255, 255, 0;
  --_color-gray: 155, 155, 155 ;
  --_color-black: 29, 39, 49;
  --_bg-blue: 240, 249, 255;
  --_bg-blue-02: 221, 242, 255;
  --_bg-pink: 255, 244, 249;
  --_bg-pink-02: 255, 226, 240;
  --_bg-green: 221, 255, 226;
  --_border-gray: 209, 209, 209;
  --_font-ja: "Noto Sans JP", sans-serif;
  --_font-en: "Josefin Sans", sans-serif;
  --_viewport-width: 1;
  --_base-unit: 1px;
  --_viewport-all-width: 1366;
  --_base-all-unit: 100vw;
  font-size: 18px;
  color: #1d2731;
  line-height: 1.75;
  letter-spacing: 0.08em;
  font-family: var(--_font-ja);
  font-feature-settings: "palt" 1;
  font-variant-numeric: lining-nums;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .security-entry {
    --_viewport-width: 390;
    --_base-unit: 100vw;
    --_viewport-all-width: 390;
    --_base-all-unit: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .security-entry {
    font-size: 16px;
  }
}
.security-entry h2 {
  font-weight: bold;
  line-height: 1.34;
}
.security-entry h3 {
  font-weight: bold;
}
.security-entry h4 {
  font-weight: bold;
}
.security-entry p {
  font-size: inherit;
  line-height: inherit;
}
@keyframes Fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.security-entry__lead {
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-entry__lead {
    margin-bottom: 30px;
    text-align: left;
  }
}
.security-entry__lead em {
  display: block;
  margin-bottom: 18px;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .security-entry__lead em {
    margin-bottom: 161px;
    font-size: 18px;
  }
}
.security-entry__tel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  max-width: 502px;
  margin: 0 auto;
  padding: 25px 20px;
  font-weight: bold;
  border: 1px solid rgb(var(--_color-black));
  border-radius: 16px;
  background: rgb(var(--_bg-pink-02));
}
.security-entry__tel em {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 28px;
  line-height: 1.1785714286;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .security-entry__tel em {
    line-height: 1;
  }
}
.security-entry__tel em::before {
  content: "";
  display: inline-block;
  width: 31px;
  height: 31px;
  background: #000;
  mask-image: url("../img/security/diagnose/phone.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: ease all 0.3s;
}
@media screen and (max-width: 768px) {
  .security-entry__tel em::before {
    width: 20px;
    height: 20px;
  }
}
.security-entry__tel small {
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .security-entry__tel small {
    font-size: 14px;
  }
}
.security-entry__wrap {
  margin-top: 150px;
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .security-entry__wrap {
    margin-top: 90px;
    padding-bottom: 100px;
  }
}
.security-entry__heading {
  position: relative;
  margin-bottom: 50px;
  font-size: 34px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-entry__heading {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.security-entry__heading i {
  position: absolute;
  width: 89px;
  height: 78px;
  top: -25px;
  left: -20px;
  z-index: -1;
  animation: Fade 3s ease-in-out infinite;
}
.security-entry__heading i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left top;
}
.security-entry__heading:not(:root) {
  line-height: 1.75;
}
.security-entry__note {
  display: block;
  margin-bottom: 50px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .security-entry__note {
    margin-bottom: 30px;
    font-size: 16px;
  }
}
.security-entry__back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  height: 80px;
  margin: 0 auto;
  border: none;
  background: rgb(var(--_color-blue));
  color: #fff;
  font-size: 22px;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .security-entry__back {
    height: 60px;
    border-radius: 30px;
    font-size: 18px;
  }
}

.security-entry-form__data {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .security-entry-form__data {
    margin-top: 60px;
  }
}
.security-entry-form__head {
  margin-bottom: 20px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .security-entry-form__head {
    font-size: 20px;
  }
}
.security-entry-form__items {
  border-top: 1px solid rgb(var(--_border-gray));
}
@media screen and (max-width: 768px) {
  .security-entry-form__items {
    margin-bottom: 30px;
  }
}
.security-entry-form__item {
  display: grid;
  grid-template-columns: 257px 1fr;
  border-bottom: 1px solid rgb(var(--_border-gray));
}
@media screen and (max-width: 768px) {
  .security-entry-form__item {
    grid-template-columns: 1fr;
    padding-bottom: 20px;
  }
}
.security-entry-form__heading {
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: flex-start;
  gap: 10px;
  padding: 30px 0;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .security-entry-form__heading {
    grid-template-columns: 32px 1fr;
    padding: 20px 0 10px;
  }
}
.security-entry-form__heading span {
  padding: 2px 0 3px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #9B9B9B;
}
@media screen and (max-width: 768px) {
  .security-entry-form__heading span {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1;
  }
}
.security-entry-form__heading.-required span {
  background: rgb(var(--_color-red));
}
.security-entry-form__detail {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .security-entry-form__detail {
    padding: 0;
  }
}
.security-entry-form__detail .wpcf7-form-control-wrap {
  width: 100%;
}
.security-entry-form__detail input[type=radio] {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.security-entry-form__detail input[type=text], .security-entry-form__detail input[type=email], .security-entry-form__detail input[type=tel] {
  max-width: 100%;
  height: 52px;
  padding: 12px 15px;
  font-size: inherit;
  border: 1px solid rgb(var(--_border-gray));
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .security-entry-form__detail input[type=text], .security-entry-form__detail input[type=email], .security-entry-form__detail input[type=tel] {
    height: 50px;
  }
}
.security-entry-form__detail input[type=text]:focus, .security-entry-form__detail input[type=email]:focus, .security-entry-form__detail input[type=tel]:focus {
  outline: none;
}
.security-entry-form__detail input[type=text]::placeholder, .security-entry-form__detail input[type=email]::placeholder, .security-entry-form__detail input[type=tel]::placeholder {
  color: rgba(var(--_color-black), 0.5);
}
.security-entry-form__detail textarea {
  height: 180px;
  padding: 12px 15px;
  font-size: inherit;
  vertical-align: middle;
  border: 1px solid rgb(var(--_border-gray));
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .security-entry-form__detail textarea {
    height: 150px;
  }
}
.security-entry-form__detail textarea::placeholder {
  color: rgba(var(--_color-black), 0.5);
}
.security-entry-form__caution {
  margin-bottom: 50px;
}
.security-entry-form__caution li {
  text-indent: -1em;
  padding-left: 1em;
}
.security-entry-form__caution li a {
  color: rgb(var(--_color-blue));
  text-decoration: underline;
}
.security-entry-form__caution li a:hover {
  opacity: 1;
  text-decoration: none;
}
.security-entry-form__buttons {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px 30px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .security-entry-form__buttons {
    flex-direction: column;
    margin-top: 60px;
  }
}
.security-entry-form__buttons .wpcf7-spinner {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.security-entry-form__buttons input[type=submit], .security-entry-form__buttons input[type=button] {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 400px;
  height: 80px;
  font-size: 22px;
  color: #fff;
  text-align: center;
  border: none;
  border-radius: 40px;
  background: rgb(var(--_color-blue));
}
@media screen and (max-width: 768px) {
  .security-entry-form__buttons input[type=submit], .security-entry-form__buttons input[type=button] {
    height: 60px;
    font-size: 18px;
    border-radius: 30px;
  }
}
.security-entry-form__buttons input[type=submit]:hover, .security-entry-form__buttons input[type=button]:hover {
  opacity: 0.7;
}
.security-entry-form__buttons input[type=submit] {
  background: rgb(var(--_color-blue));
}
.security-entry-form__buttons input[type=button] {
  background: rgba(0, 0, 0, 0.2);
}
.p-security-flow {
  margin-bottom: 40px;
  padding-top: 70px;
}
@media screen and (max-width: 768px) {
  .p-security-flow {
    margin-bottom: 30px;
    padding-top: 8vw;
  }
}
.p-security-flow__head {
  max-width: 567px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .p-security-flow__head {
    width: 67.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.p-security-flow__head img {
  width: 100%;
}
.p-security-flow__lead {
  margin-bottom: min(5.3333333333vw, 30px);
  line-height: 1.8;
  font-weight: bold;
  color: #666;
  text-align: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-security-flow__lead {
    font-size: min(3.4666666667vw, 16px);
  }
}
.p-security-flow__wrap {
  position: relative;
}
.p-security-flow__rows {
  position: relative;
  padding: 75px 0 105px;
}
@media screen and (max-width: 768px) {
  .p-security-flow__rows {
    padding: 40px 0 50px;
  }
}
.p-security-flow__rows::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #f8f8f8;
  z-index: -1;
}
.p-security-flow__row {
  position: relative;
  display: grid;
  grid-template-columns: 185px 1fr min(18.855656697vw, 260px);
  align-items: center;
  column-gap: 30px;
}
@media screen and (max-width: 768px) {
  .p-security-flow__row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-security-flow__row:not(:first-child) {
  padding-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-security-flow__row:not(:first-child) {
    margin-top: 40px;
    padding-top: 0;
  }
}
.p-security-flow__row:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  background: #ebebeb;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-security-flow__row:not(:first-child)::before {
    content: none;
  }
}
.p-security-flow__row:not(:last-child) {
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-security-flow__row:not(:last-child) {
    padding-bottom: 0;
  }
}
.p-security-flow__intro {
  display: contents;
}
@media screen and (max-width: 768px) {
  .p-security-flow__intro {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4.2666666667vw;
    width: 100%;
    margin-bottom: 2.6666666667vw;
    padding: 0 5.3333333333vw 2.6666666667vw 0;
  }
}
@media screen and (max-width: 768px) {
  .p-security-flow__intro::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #8f9295;
  }
}
@media screen and (max-width: 768px) {
  .p-security-flow__intro::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: var(--box-color, #01b6c9);
  }
}
.p-security-flow__heading {
  grid-column: 2/3;
  margin-top: auto;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-security-flow__heading {
    flex-grow: 1;
    margin-top: 0;
    font-size: min(4.8vw, 28px);
    color: var(--box-color, inherit);
    line-height: 1.4;
  }
}
.p-security-flow__image {
  display: flex;
  align-items: center;
  grid-column: 1/2;
  grid-row: 1/3;
}
@media screen and (max-width: 768px) {
  .p-security-flow__image {
    order: -1;
    flex-shrink: 0;
  }
}
.p-security-flow__image i {
  width: 70px;
  height: 75px;
}
@media screen and (max-width: 768px) {
  .p-security-flow__image i {
    width: 11.2vw;
    max-width: 70px;
    height: 12vw;
    max-height: 75px;
  }
}
.p-security-flow__image i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-security-flow__image span {
  width: 110px;
}
@media screen and (max-width: 768px) {
  .p-security-flow__image span {
    width: 17.6vw;
    max-width: 110px;
  }
}
.p-security-flow__image img {
  width: 100%;
}
.p-security-flow__txt {
  grid-column: 2/3;
  margin-bottom: auto;
  font-weight: bold;
  color: #8f9295;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .p-security-flow__txt {
    margin-bottom: 5.3333333333vw;
    font-size: 15px;
    line-height: 1.8;
  }
}
.p-security-flow__txt a {
  text-decoration: underline;
}
.p-security-flow__pic {
  grid-column: 3/4;
  grid-row: 1/3;
}
.p-security-flow__pic img {
  width: 100%;
}
.p-security-flow__bg {
  position: absolute;
  width: 3px;
  height: calc(100% - 375px);
  top: 170px;
  left: 124px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-security-flow__bg {
    display: none;
  }
}
.p-security-flow__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-security-flow-nav {
  position: relative;
  margin-bottom: 105px;
}
@media screen and (max-width: 768px) {
  .p-security-flow-nav {
    margin-bottom: 8vw;
  }
}
.p-security-flow-nav__columns {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .p-security-flow-nav__columns {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.3333333333vw;
  }
}
.p-security-flow-nav__column {
  position: relative;
  padding-top: min(22.1066319896vw, 223px);
}
@media screen and (max-width: 768px) {
  .p-security-flow-nav__column {
    padding-top: 0;
  }
}
.p-security-flow-nav__column a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  font-size: clamp(14px, 2.0806241873vw, 18px);
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #01b6c9;
}
@media screen and (max-width: 768px) {
  .p-security-flow-nav__column a {
    height: 70px;
  }
}
.p-security-flow-nav__column a i {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #808080;
  fill: #fff;
}
@media screen and (max-width: 768px) {
  .p-security-flow-nav__column a i {
    width: 18px;
    bottom: -8px;
  }
}
.p-security-flow-nav__column a i svg {
  width: 6px;
  rotate: 90deg;
}
@media screen and (max-width: 768px) {
  .p-security-flow-nav__column a i svg {
    width: 5px;
  }
}
.p-security-flow-nav__column.-type-1 a {
  background: #01b6c9;
}
.p-security-flow-nav__column.-type-2 a {
  background: #679dd0;
}
.p-security-flow-nav__column.-type-3 a {
  background: #5b6fcc;
}
.p-security-flow-nav__column.-type-4 a {
  background: #9d7ac1;
}
.p-security-flow-nav__column.-type-5 a {
  background: #bd7d88;
}
.p-security-flow-nav__column.-type-6 a {
  background: #b2497e;
}
.p-security-flow-nav__image {
  position: absolute;
  width: 100%;
  max-width: 135px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-security-flow-nav__image {
    display: none;
  }
}
.p-security-flow-nav__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-security-flow-nav__bg {
  position: absolute;
  top: min(17.6853055917vw, 172px);
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-security-flow-nav__bg {
    display: none;
  }
}
.p-security-flow-nav__bg img {
  width: 100%;
}

.security-warranty-about {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: min(8vw, 60px) 0;
}
@media screen and (max-width: 768px) {
  .security-warranty-about {
    padding-bottom: 0;
  }
}
.security-warranty-about__head {
  max-width: 559px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .security-warranty-about__head {
    width: 76.2666666667vw;
    max-width: 559px;
  }
}
.security-warranty-about__head img {
  width: 100%;
}
.security-warranty-about__lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
  font-size: 25px;
  font-weight: bold;
  font-feature-settings: "palt";
  color: #bc9727;
  text-align: center;
  position: relative;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .security-warranty-about__lead {
    margin-top: 5px;
    font-size: min(4vw, 18px);
  }
}
.security-warranty-about__lead::after {
  content: "";
  width: 80px;
  height: 5px;
  background: #bc9727;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .security-warranty-about__lead::after {
    width: 16vw;
    max-width: 80px;
    height: 0.8vw;
    max-height: 5px;
  }
}
.security-warranty-about__txt {
  margin-top: 25px;
  text-align: center;
  font-weight: 700;
  font-feature-settings: "palt";
  color: #666;
}
@media screen and (max-width: 768px) {
  .security-warranty-about__txt {
    width: 80vw;
    margin: 25px auto 0;
    font-size: min(4vw, 18px);
    text-align: left;
  }
}
.security-warranty-about__image {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-warranty-about__image {
    display: block;
    margin: 0 -4vw;
  }
}
.security-warranty-about__image img {
  width: 100%;
}
.security-warranty-about__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.security-warranty-about__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.security-warranty-maintenance {
  position: relative;
  padding: min(8vw, 60px) 0;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance {
    padding-bottom: 75px;
  }
}
.security-warranty-maintenance__head {
  max-width: 621px;
  margin: 0 auto 25px;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__head {
    width: 81.3333333333vw;
    max-width: 621px;
    margin-bottom: 1.3333333333vw;
  }
}
.security-warranty-maintenance__head img {
  width: 100%;
}
.security-warranty-maintenance__row + .security-warranty-maintenance__row {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__row + .security-warranty-maintenance__row {
    margin-top: 9.3333333333vw;
  }
}
.security-warranty-maintenance__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  font-size: 25px;
  font-weight: bold;
  font-feature-settings: "palt";
  color: #01b6c9;
  text-align: center;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__heading {
    font-size: min(4vw, 25px);
  }
}
.security-warranty-maintenance__heading::after {
  content: "";
  width: 80px;
  height: 5px;
  border-radius: 5px;
  background: #01b6c9;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__heading::after {
    width: 16vw;
    max-width: 80px;
    height: 0.8vw;
    max-height: 5px;
  }
}
.security-warranty-maintenance__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__columns {
    grid-template-columns: 1fr;
    gap: 2.6666666667vw;
  }
}
.security-warranty-maintenance__summary {
  position: relative;
  pointer-events: none;
  box-shadow: 1px 2px 10px rgba(75, 75, 75, 0.5);
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__summary {
    pointer-events: auto;
  }
}
.security-warranty-maintenance__summary h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  padding: 8px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  background: #01b6c9;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__summary h4 {
    font-size: min(4vw, 24px);
  }
}
.security-warranty-maintenance__summary h4 i {
  flex-shrink: 0;
  width: 27px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__summary h4 i {
    width: 3.4666666667vw;
    max-width: 27px;
    margin-right: 2.1333333333vw;
  }
}
.security-warranty-maintenance__summary h4 i img {
  width: 100%;
}
.security-warranty-maintenance__summary h4 span {
  margin-left: 5px;
  font-size: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__summary h4 span {
    margin-left: 0.8vw;
    font-size: min(4vw, 24px);
  }
}
[open] > .security-warranty-maintenance__summary > i {
  rotate: 180deg;
  background: #1d2a2d;
}
.security-warranty-maintenance__arrow {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-warranty-maintenance__arrow {
    position: absolute;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 20px;
    translate: 0 -50%;
    padding: 0 7px;
    border-radius: 50%;
    background: #bdbdbd;
    fill: #fff;
  }
}
.security-warranty-maintenance__arrow svg {
  width: 100%;
  rotate: 90deg;
}
.security-warranty-maintenance__item {
  position: relative;
  padding: 30px 40px;
  box-shadow: 1px 2px 10px rgba(75, 75, 75, 0.5);
  background: #fff;
}
.security-warranty-maintenance__txt {
  font-weight: bold;
  color: #666;
  font-feature-settings: "palt";
  line-height: 2;
}
.security-warranty-maintenance__note {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #6d6e6e;
  text-align: center;
}
.security-warranty-maintenance__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.security-warranty-maintenance__bg picture {
  height: 100%;
}
.security-warranty-maintenance__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.security-warranty-types {
  max-width: 900px;
  margin: 0 auto;
}
.security-warranty-types__tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  margin-top: 25px;
  border-bottom: 5px solid #01b6c9;
}
.security-warranty-types__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 76px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #8c8c8c;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__btn {
    height: 100%;
    min-height: 60px;
    padding: 10px 0;
    font-size: min(4vw, 20px);
    line-height: 1.3;
  }
}
.security-warranty-types__btn[aria-selected=true] {
  background: #01b6c9;
}
.security-warranty-types__items {
  background: #fff;
}
.security-warranty-types__item {
  padding: 25px 50px 50px;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__item {
    padding: 9.0666666667vw 10.1333333333vw 8vw;
  }
}
.security-warranty-types__item[aria-hidden=true] {
  display: none;
}
.security-warranty-types__row + .security-warranty-types__row {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__row + .security-warranty-types__row {
    margin-top: 4vw;
  }
}
.security-warranty-types__heading {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__heading {
    font-size: min(4.8vw, 26px);
  }
}
.security-warranty-types__desc {
  margin-top: 25px;
  font-weight: bold;
  color: #717479;
  text-align: center;
  font-feature-settings: "palt";
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__desc {
    font-size: min(4vw, 18px);
    text-align: left;
  }
}
.security-warranty-types__columns {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__columns {
    flex-wrap: wrap;
    gap: 1.3333333333vw;
    margin-top: 4vw;
  }
}
.security-warranty-types__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 23.125%;
  padding: 0 8px 20px;
  box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
  .security-warranty-types__column {
    flex-direction: row;
    gap: 3.7333333333vw;
    width: 100%;
    padding: 6.6666666667vw 4vw 5.3333333333vw;
  }
}
.security-warranty-types__column + .security-warranty-types__column::before {
  content: "";
  position: absolute;
  top: 80px;
  left: -10px;
  border-style: solid;
  border-width: 13px 0 13px 13px;
  border-color: transparent transparent transparent #e7e7e7;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__column + .security-warranty-types__column::before {
    content: none;
  }
}
.security-warranty-types__icon {
  width: 70px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__icon {
    position: absolute;
    width: 72px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.security-warranty-types__icon img {
  width: 100%;
}
.security-warranty-types__data {
  display: flex;
  order: 1;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: min(1.6905071521vw, 16px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__data {
    align-items: flex-start;
    text-align: left;
  }
}
.security-warranty-types__data dt {
  color: #01b6c9;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__data dt {
    font-size: min(4vw, 20px);
  }
}
.security-warranty-types__data dd {
  font-size: 15px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__data dd {
    font-size: min(3.4666666667vw, 18px);
  }
}
.security-warranty-types__image {
  max-width: 111px;
}
@media screen and (max-width: 768px) {
  .security-warranty-types__image {
    flex-shrink: 0;
    width: 16.5333333333vw;
  }
}
.security-warranty-types__image img {
  width: 100%;
}

.security-warranty-products {
  padding-top: 60px;
}
.security-warranty-products__wrap {
  max-width: 900px;
  margin: 80px auto 0;
}
.security-warranty-products__links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__links {
    display: none;
  }
}
.security-warranty-products__link a {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  justify-items: center;
  align-content: center;
  gap: 0;
  height: 100px;
  font-weight: bold;
  line-height: 1.5;
  font-feature-settings: "palt";
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  background: #f1efef;
}
.security-warranty-products__link a small {
  font-size: 15px;
  color: #5c636a;
}
.security-warranty-products__link a em {
  font-size: 22px;
  color: #1d2731;
}
.security-warranty-products__link a i {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 7px;
  border-radius: 50%;
  background: #bcbcbd;
}
.security-warranty-products__link a i svg {
  width: 100%;
  rotate: 90deg;
}
.security-warranty-products__link a:hover {
  opacity: 1;
  border-color: #01b6c9;
  background: #ecf3fb;
}
.security-warranty-products__link a:hover i {
  background: #01b6c9;
  fill: #fff;
}
.security-warranty-products__rows {
  position: relative;
  margin-top: 50px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__rows {
    margin-top: 6.6666666667vw;
  }
}
.security-warranty-products__row {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 15px;
  padding: 15px 15px 15px 35px;
  border: 1px solid #01b6c9;
  border-radius: 5px;
  background: #ecf3fb;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__row {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
  }
}
.security-warranty-products__row:not(:first-child) {
  margin-top: 20px;
}
.security-warranty-products__summary {
  pointer-events: none;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__summary {
    pointer-events: auto;
    flex-direction: row;
    align-items: center;
    gap: 0;
    width: 100%;
    padding: 10px 4.2666666667vw;
  }
}
[open] > .security-warranty-products__summary i[aria-hidden] {
  rotate: 180deg;
  background: #1d2a2d;
  fill: #fff;
}
.security-warranty-products__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__heading {
    flex-grow: 1;
    align-items: flex-start;
    text-align: left;
  }
}
.security-warranty-products__heading small {
  color: #01b6c9;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__heading small {
    font-size: min(3.2vw, 15px);
    line-height: 1.2307692308;
  }
}
.security-warranty-products__heading em {
  word-break: auto-phrase;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__heading em {
    font-size: min(4.8vw, 26px);
    line-height: 1.2777777778;
  }
}
.security-warranty-products__image {
  order: -1;
  width: 169px;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__image {
    flex-shrink: 0;
    width: 24.5333333333vw;
    height: 20.8vw;
    margin-right: 12px;
  }
}
.security-warranty-products__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__image img {
    height: 100%;
    object-fit: contain;
  }
}
.security-warranty-products__arrow {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__arrow {
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    padding: 0 7px;
    border-radius: 50%;
    background: #bdbdbd;
  }
}
.security-warranty-products__arrow svg {
  width: 100%;
  rotate: 90deg;
}
.security-warranty-products__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 618px;
  height: 100%;
  margin-left: auto;
  padding: 30px 30px 25px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__content {
    max-width: 100%;
    margin: 0 auto;
    padding: 4.2666666667vw 5.3333333333vw;
    overflow: hidden;
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .security-warranty-products__items {
    padding: 5.3333333333vw 4.5333333333vw;
    background: #fff;
  }
}
.security-warranty-products__item {
  position: relative;
  display: flex;
  gap: 13px;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__item {
    flex-direction: column;
    align-items: center;
    gap: 5px;
    text-align: center;
  }
}
.security-warranty-products__item dt {
  position: relative;
  flex-shrink: 0;
  width: 83px;
  font-size: 16px;
  color: #6b7278;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__item dt {
    width: auto;
    font-size: min(4.2666666667vw, 20px);
  }
}
.security-warranty-products__item dt::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #c9c9c9;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__item dt::before {
    content: none;
  }
}
.security-warranty-products__item dd {
  font-size: 15px;
  color: #80868b;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__item dd {
    font-size: min(3.4666666667vw, 16px);
    line-height: 1.5;
  }
}
.security-warranty-products__item + .security-warranty-products__item {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__item + .security-warranty-products__item {
    margin-top: 2.6666666667vw;
    padding-top: 2.6666666667vw;
    border-top: 1px solid #c9c9c9;
  }
}
.security-warranty-products__item + .security-warranty-products__item dt::before {
  height: calc(100% + 10px);
}
.security-warranty-products__txt small {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__txt small {
    font-size: min(3.4666666667vw, 16px);
  }
}
.security-warranty-products__txt + .security-warranty-products__txt {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__txt + .security-warranty-products__txt {
    margin-top: 20px;
  }
}
.security-warranty-products__contact {
  display: block;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__contact {
    margin-top: 40px;
  }
}
.security-warranty-products__contact img {
  width: 100%;
}
.security-warranty-products__pages {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 55px;
  padding: 55px 0 75px;
}
@media screen and (max-width: 768px) {
  .security-warranty-products__pages {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 0;
    padding: 5.3333333333vw 0;
  }
}
.security-warranty-products__pages::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #f1efef;
  z-index: -1;
}
.security-warranty-products__page a {
  display: block;
}
.security-warranty-products__page a img {
  width: 100%;
}

.p-security-faq {
  margin: 85px 0 40px;
}
@media screen and (max-width: 768px) {
  .p-security-faq {
    margin: 0 0 30px;
  }
}
.p-security-faq__wrap {
  max-width: 900px;
  margin: 70px auto 0;
}
@media screen and (max-width: 768px) {
  .p-security-faq__wrap {
    margin-top: 9.3333333333vw;
  }
}
.p-security-faq__heading {
  position: relative;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-security-faq__heading {
    font-size: min(4vw, 24px);
    padding-bottom: 2.6666666667vw;
  }
}
.p-security-faq__heading::before, .p-security-faq__heading::after {
  content: "";
  position: absolute;
  height: 3px;
  bottom: 0;
  left: 0;
}
.p-security-faq__heading::before {
  width: 100%;
  background: #8c8c8c;
}
.p-security-faq__heading::after {
  width: 55px;
  background: linear-gradient(90deg, #01b6c9 0, #013e85 100%);
}
.p-security-faq__rows {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .p-security-faq__rows {
    margin-top: 8vw;
  }
}
.p-security-faq__row + .p-security-faq__row {
  margin-top: 25px;
}
.p-security-faq__child {
  max-width: 800px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-security-faq__child {
    margin-top: 30px;
  }
}
.p-security-faq__term {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #8c8c8c;
}
@media screen and (max-width: 768px) {
  .p-security-faq__term {
    gap: 2.6666666667vw;
    font-size: min(3.7333333333vw, 20px);
  }
}
.p-security-faq__term::before, .p-security-faq__term::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #d9dae0;
}
.p-security-faq__details {
  position: relative;
  max-width: 800px;
  margin: 30px auto 0;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-security-faq__details {
    margin-top: 2.6666666667vw;
  }
}
.p-security-faq__details + .p-security-faq__details {
  margin-top: 0;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-security-faq__details + .p-security-faq__details {
    padding-top: 0;
  }
}
.p-security-faq__details + .p-security-faq__details::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d9dae0;
}
@media screen and (max-width: 768px) {
  .p-security-faq__details + .p-security-faq__details::before {
    width: 80vw;
  }
}
.p-security-faq__summary {
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  gap: 17px;
  font-size: 15px;
  line-height: 2;
  font-weight: bold;
  color: #01b6c9;
}
@media screen and (max-width: 768px) {
  .p-security-faq__summary {
    pointer-events: auto;
    gap: 2.6666666667vw;
    padding: 20px 0;
    font-size: min(3.4666666667vw, 18px);
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .p-security-faq__summary::after {
    content: "";
    flex-shrink: 0;
    width: 2.6666666667vw;
    height: 1.6vw;
    margin: auto 0 auto auto;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: #d9dae0;
  }
}
.p-security-faq__summary span {
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border-radius: 50%;
  background: #01b6c9;
}
@media screen and (max-width: 768px) {
  .p-security-faq__summary span {
    width: 6.6666666667vw;
    font-size: min(3.7333333333vw, 18px);
    transform: translateY(-5px);
  }
}
[open] > .p-security-faq__summary::after {
  rotate: 180deg;
}
@media screen and (max-width: 768px) {
  .p-security-faq__content {
    overflow: hidden;
  }
}
.p-security-faq__item {
  display: flex;
  align-items: flex-start;
  gap: 17px;
  padding: 15px 0 25px;
}
@media screen and (max-width: 768px) {
  .p-security-faq__item {
    gap: 2.6666666667vw;
    padding-top: 0;
  }
}
.p-security-faq__item i {
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border-radius: 50%;
  background: #8c8c8c;
}
@media screen and (max-width: 768px) {
  .p-security-faq__item i {
    width: 6.6666666667vw;
    font-size: min(3.7333333333vw, 18px);
  }
}
.p-security-faq__answer {
  flex-grow: 1;
  padding-top: 5px;
  font-size: 15px;
  color: #8c8c8c;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-security-faq__answer {
    font-size: min(3.2vw, 16px);
  }
}

.p-security-faq-taxonomy {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 15px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-security-faq-taxonomy {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6666666667vw 1.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.p-security-faq-taxonomy__item a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  padding: 8px 12px;
  font-size: 20px;
  line-height: 1.3;
  font-feature-settings: "palt";
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  background: #f1efef;
  transition: border 0.3s, background 0.3s;
}
@media screen and (max-width: 768px) {
  .p-security-faq-taxonomy__item a {
    height: 15.68vw;
    max-height: 100px;
    border: none;
    background: #ecf3fb;
  }
}
.p-security-faq-taxonomy__item a span {
  word-break: auto-phrase;
  font-weight: bold;
  text-align: center;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .p-security-faq-taxonomy__item a span {
    font-size: min(3.2vw, 20px);
    font-weight: 400;
    color: #01b6c9;
  }
}
.p-security-faq-taxonomy__item a small {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .p-security-faq-taxonomy__item a small {
    font-size: min(2.6666666667vw, 20px);
  }
}
.p-security-faq-taxonomy__item a i {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 7px;
  border-radius: 50%;
  background: #bcbcbd;
  transition: background 0.3s, fill 0.3s;
}
@media screen and (max-width: 768px) {
  .p-security-faq-taxonomy__item a i {
    display: none;
  }
}
.p-security-faq-taxonomy__item a i svg {
  width: 100%;
  rotate: 90deg;
}
.p-security-faq-taxonomy__item a:hover {
  opacity: 1;
  border-color: #01b6c9;
  background: #ecf3fb;
}
.p-security-faq-taxonomy__item a:hover span {
  color: #01b6c9;
}
.p-security-faq-taxonomy__item a:hover i {
  background: #01b6c9;
  fill: #fff;
}

.security-issue {
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .security-issue {
    margin-top: 6.6666666667vw;
  }
}
.security-issue__wrap {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .security-issue__wrap {
    margin-top: 6.6666666667vw;
  }
}
.security-issue__row + .security-issue__row {
  margin-top: var(--_margin-top-PC, 60px);
}
@media screen and (max-width: 768px) {
  .security-issue__row + .security-issue__row {
    margin-top: 5.3333333333vw;
  }
}
.security-issue__heading {
  padding: 4px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .security-issue__heading {
    padding: 1.0666666667vw;
    font-size: min(4.8vw, 28px);
  }
}
@media screen and (max-width: 768px) {
  .security-issue__heading.-network {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .security-issue__heading.-telework {
    font-size: 20px;
  }
}
.security-issue__item {
  margin-top: var(--_margin-top-PC, 40px);
}
@media screen and (max-width: 768px) {
  .security-issue__item {
    margin-top: 15px;
  }
}
.security-issue__pic {
  max-width: 909px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .security-issue__pic {
    width: 83.7333333333vw;
    max-width: 500px;
  }
}
.security-issue__pic img {
  width: 100%;
}
.security-issue__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  max-height: 849px;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-issue__bg {
    display: none;
  }
}
.security-issue__bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.security-issue-intro {
  position: relative;
  padding: 55px 0 40px 50px;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .security-issue-intro {
    padding: 7.2vw 4.2666666667vw 0;
  }
}
@media screen and (max-width: 768px) {
  .security-issue-intro.-telework {
    padding-bottom: 45vw;
  }
}
.security-issue-intro__head {
  width: var(--box-PC-width, auto);
  margin: var(--_margin-PC, 0 auto 28px);
}
@media screen and (max-width: 768px) {
  .security-issue-intro__head {
    width: calc(var(--box-SP-width, 335) / 375 * 100vw);
    margin-bottom: 4vw;
  }
}
.security-issue-intro__head img {
  width: 100%;
}
.security-issue-intro__lead {
  margin-bottom: 18px;
  font-size: 28px;
  font-weight: bold;
  color: #d4e4ec;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-issue-intro__lead {
    margin-bottom: 4vw;
    font-size: min(4.2666666667vw, 24px);
  }
}
.security-issue-intro__wrap {
  position: relative;
  min-height: 226px;
  margin-right: 70px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-issue-intro__wrap {
    min-height: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .security-issue-intro__wrap.-network {
    padding-bottom: 7.2vw;
  }
}
.security-issue-intro__txt {
  width: 44.2132639792vw;
  max-width: 513px;
  font-size: 20px;
  font-weight: bold;
  color: #bfe2e6;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .security-issue-intro__txt {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2.6666666667vw;
    font-size: min(4vw, 18px);
  }
}
.security-issue-intro__image {
  position: absolute;
  width: 292px;
  top: -50px;
  right: var(--_right, 0);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-issue-intro__image {
    position: inherit;
    width: 100%;
    top: auto;
    right: auto;
    transform: none;
    margin-bottom: -14.6666666667vw;
  }
}
.-network > .security-issue-intro__image {
  width: min(39.0117035111vw, 335px);
  top: 30px;
}
@media screen and (max-width: 768px) {
  .-network > .security-issue-intro__image {
    width: 60.5333333333vw;
    top: auto;
    margin: 5.3333333333vw auto 0;
  }
}
.security-issue-intro__image img {
  width: 100%;
}
.security-issue-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.security-issue-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.security-issue-intro__bg.-telework picture {
  height: 100%;
}
.security-issue-intro__bg.-telework img {
  object-position: bottom;
}

.security-telework-issue {
  max-width: 885px;
  margin: 55px auto 0;
}
@media screen and (max-width: 768px) {
  .security-telework-issue {
    margin-top: 20px;
    padding-bottom: 13.3333333333vw;
  }
}
.security-telework-issue__wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__wrap {
    justify-content: center;
  }
}
.security-telework-issue__items {
  width: 426px;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__items {
    width: 80vw;
  }
}
.security-telework-issue__item {
  padding-left: 70px;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__item {
    padding: 4.8vw 6.6666666667vw;
    box-shadow: 4px 3px 5px 0.1px rgba(0, 0, 0, 0.15);
  }
}
.security-telework-issue__item dt {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 19px;
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__item dt {
    display: flex;
    align-items: center;
    gap: 1.3333333333vw;
    margin-bottom: 2.6666666667vw;
    padding-bottom: 1.8666666667vw;
    font-size: min(4vw, 22px);
  }
}
.security-telework-issue__item dt::before, .security-telework-issue__item dt::after {
  content: "";
  position: absolute;
  height: 4px;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__item dt::before, .security-telework-issue__item dt::after {
    height: 2px;
  }
}
.security-telework-issue__item dt::before {
  width: 100%;
  background: #8c8c8c;
}
.security-telework-issue__item dt::after {
  width: 55px;
  background: linear-gradient(120deg, #01b6c9 0, #013e85 100%);
}
.security-telework-issue__item dt i {
  position: absolute;
  width: 56px;
  height: 58px;
  top: 0;
  left: -70px;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__item dt i {
    position: inherit;
    width: 9.6vw;
    max-width: 56px;
    height: 9.8666666667vw;
    max-height: 58px;
    top: auto;
    left: auto;
  }
}
.security-telework-issue__item dt i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.security-telework-issue__item dt span {
  display: inline-block;
  background: linear-gradient(120deg, #01b6c9 0, #013e85 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.security-telework-issue__item dd {
  font-size: 15px;
  font-weight: bold;
  color: #707478;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__item dd {
    font-size: min(4vw, 18px);
  }
}
.security-telework-issue__item + .security-telework-issue__item {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__item + .security-telework-issue__item {
    margin-top: 4vw;
  }
}
.security-telework-issue__image {
  width: 414px;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__image {
    display: none;
  }
}
.security-telework-issue__image img {
  width: 100%;
}
.security-telework-issue__foot {
  margin-top: 40px;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.8;
  font-feature-settings: "palt";
  text-align: center;
  background: linear-gradient(120deg, #01b6c9 45%, #013e85 55%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .security-telework-issue__foot {
    margin-top: 5.3333333333vw;
    font-size: min(4.8vw, 28px);
  }
}

.security-telework-risk {
  position: relative;
  padding-bottom: 105px;
}
@media screen and (max-width: 768px) {
  .security-telework-risk {
    padding-bottom: 6.6666666667vw;
  }
}
.security-telework-risk__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 960px;
  margin: 0 auto 45px;
}
@media screen and (max-width: 768px) {
  .security-telework-risk__head {
    gap: 4vw;
    width: 67.7333333333vw;
    margin-bottom: max(-5.3333333333vw, -30px);
    transform: translateY(max(-10.6666666667vw, -60px));
  }
}
.security-telework-risk__head i {
  width: 126px;
}
@media screen and (max-width: 768px) {
  .security-telework-risk__head i {
    width: 21.8666666667vw;
    max-width: 126px;
  }
}
.security-telework-risk__head img {
  width: 100%;
}
.security-telework-risk__lead {
  max-width: 900px;
  margin: 0 auto 30px;
  font-size: 20px;
  font-weight: bold;
  color: #64696d;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-telework-risk__lead {
    width: 72vw;
    margin-bottom: 4vw;
    font-size: min(4vw, 18px);
    text-align: left;
  }
}
.security-telework-risk__pic {
  max-width: 902px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .security-telework-risk__pic {
    width: 72vw;
    margin-bottom: min(10.6666666667vw, 60px);
  }
}
.security-telework-risk__pic img {
  width: 100%;
}
.security-telework-risk__item {
  max-width: 900px;
  margin: 0 auto;
}
.security-telework-risk__heading {
  max-width: 691px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .security-telework-risk__heading {
    max-width: 100%;
    margin-bottom: 5.3333333333vw;
  }
}
.security-telework-risk__heading img {
  width: 100%;
}
.security-telework-risk__bg {
  position: absolute;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}
.security-telework-risk__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.security-telework-risk__bg.-type-1 {
  height: 302px;
  top: -240px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-telework-risk__bg.-type-1 {
    display: none;
  }
}
.security-telework-risk__bg.-type-2 {
  min-width: 1920px;
  height: 100%;
  top: 0;
  z-index: -2;
}
@media screen and (max-width: 768px) {
  .security-telework-risk__bg.-type-2 {
    min-width: 0;
  }
}
.security-telework-risk__bg.-type-2 picture {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .security-issue-tab {
    box-shadow: 2px 3px 4px 0.1px rgba(0, 0, 0, 0.3);
  }
}
.security-issue-tab__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 3px solid #e60012;
}
@media screen and (max-width: 768px) {
  .security-issue-tab__tabs {
    border-bottom: 5px solid #e60012;
  }
}
.security-issue-tab__tabs.-col-4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
.security-issue-tab__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #cbcbcb;
  line-height: 1.3;
  text-align: center;
  background: #8c8c8c;
}
@media screen and (max-width: 768px) {
  .security-issue-tab__btn {
    height: 80px;
    padding: 8px 4px;
    font-size: min(3.7333333333vw, 18px);
  }
}
.security-issue-tab__btn[aria-selected=true] {
  color: #fff;
  background: linear-gradient(90deg, #e60012 0, #87000b 100%);
}
.security-issue-tab__items {
  background: #fff;
}
.security-issue-tab__item {
  display: none;
  padding: 40px min(2.6007802341vw, 50px) 20px;
}
@media screen and (max-width: 768px) {
  .security-issue-tab__item {
    padding: 5.3333333333vw 6.6666666667vw 8vw;
  }
}
.security-issue-tab__item[aria-hidden=false] {
  display: block;
}

@media screen and (max-width: 768px) {
  .security-telework-tab {
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .security-telework-tab::before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(var(--box-height, 320) / 375 * 100vw);
    top: 0;
    left: min(13.3333333333vw, 110px);
    background: linear-gradient(0deg, #e60012 0, #0075a9 100%);
  }
}
.security-telework-tab__row {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 0 10px 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__row {
    align-items: flex-start;
    gap: 1.6vw;
    padding: 0 0 3.2vw;
    overflow: visible;
  }
}
.security-telework-tab__row dt {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__row dt {
    flex-shrink: 0;
  }
}
.security-telework-tab__row dt i {
  width: 7.6723016905vw;
  max-width: 79px;
  height: 9.8829648895vw;
  max-height: 90px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__row dt i {
    flex-shrink: 0;
    width: 7.2vw;
    height: 8.2666666667vw;
    margin-right: 0;
  }
}
.security-telework-tab__row dt i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.security-telework-tab__row dd {
  flex-grow: 1;
  max-width: 394px;
}
.security-telework-tab__row + .security-telework-tab__row {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__row + .security-telework-tab__row {
    padding-top: 5.8666666667vw;
  }
}
.security-telework-tab__row + .security-telework-tab__row::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  background: #ebebeb;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__row + .security-telework-tab__row::before {
    z-index: -1;
  }
}
.security-telework-tab__heading {
  order: 1;
  white-space: nowrap;
  font-size: 25px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__heading {
    font-size: min(4vw, 20px);
  }
}
.security-telework-tab__fig {
  position: relative;
  flex-shrink: 0;
  width: 110px;
  margin-right: 30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__fig {
    flex-shrink: 0;
    width: 14.6666666667vw;
    margin-right: 1.6vw;
  }
}
.security-telework-tab__fig::before, .security-telework-tab__fig::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #01b6c9;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__fig::before, .security-telework-tab__fig::after {
    content: none;
  }
}
.security-telework-tab__fig::before {
  bottom: 100%;
}
.security-telework-tab__fig::after {
  top: 100%;
}
.security-telework-tab__fig img {
  width: 100%;
}
.security-telework-tab__fig.-first::before {
  content: none;
}
.security-telework-tab__fig.-last::after {
  content: none;
}
.security-telework-tab__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__columns {
    grid-template-columns: 1fr;
    gap: 2.6666666667vw;
  }
}
.security-telework-tab__columns:has(> :only-child) {
  grid-template-columns: 1fr;
}
.security-telework-tab__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 23px;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__column {
    flex-direction: row;
    gap: 1.6vw;
  }
}
.security-telework-tab__column + .security-telework-tab__column::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 23px;
  top: 45px;
  left: -20px;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background: #ebebeb;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__column + .security-telework-tab__column::before {
    content: none;
  }
}
.security-telework-tab__column.-horizontal {
  flex-direction: row;
}
.security-telework-tab__image {
  width: 110px;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__image {
    width: 14.6666666667vw;
  }
}
.security-telework-tab__image img {
  width: 100%;
}
.security-telework-tab__txt {
  display: flex;
  align-items: center;
  min-height: 42px;
  font-size: min(1.4304291287vw, 12.5px);
  font-weight: bold;
  color: #939699;
  line-height: 1.4;
  font-feature-settings: "palt";
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-telework-tab__txt {
    white-space: nowrap;
    font-size: min(3.2vw, 16px);
    text-align: left;
  }
}
.-horizontal > .security-telework-tab__txt {
  max-width: 140px;
  text-align: left;
}

.security-telework-cyber {
  position: relative;
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  .security-telework-cyber {
    padding: 8vw 0 10.6666666667vw;
  }
}
.security-telework-cyber__wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-telework-cyber__wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.security-telework-cyber__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-left: auto;
  max-width: 528px;
  padding: min(5.2015604681vw, 60px) 0 min(14.3042912874vw, 156px);
  white-space: nowrap;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .security-telework-cyber__item {
    gap: 2.6666666667vw;
    max-width: 100%;
    margin: 0;
    padding: 0;
    white-space: normal;
    text-align: center;
  }
}
.security-telework-cyber__head {
  font-size: min(3.3810143043vw, 32px);
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .security-telework-cyber__head {
    white-space: nowrap;
    font-size: min(5.3333333333vw, 28px);
  }
}
.security-telework-cyber__txt {
  font-size: min(2.6007802341vw, 25px);
  font-weight: bold;
  color: #717479;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .security-telework-cyber__txt {
    font-size: min(4vw, 18px);
  }
}
.security-telework-cyber__note {
  font-size: 15px;
  color: #717479;
}
@media screen and (max-width: 768px) {
  .security-telework-cyber__note {
    margin-top: 1.3333333333vw;
    font-size: min(3.4666666667vw, 15px);
  }
}
.security-telework-cyber__image {
  position: absolute;
  width: 59.8179453836vw;
  max-width: 683px;
  top: 0;
  left: -120px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-telework-cyber__image {
    position: inherit;
    order: -1;
    width: 100vw;
    margin: 0 -4vw;
    top: auto;
    left: auto;
  }
}
.security-telework-cyber__image img {
  width: 100%;
}
.security-telework-cyber__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-telework-cyber__bg {
    display: none;
  }
}
.security-telework-cyber__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.security-telework-point {
  position: relative;
  padding: 60px 0 80px;
}
@media screen and (max-width: 768px) {
  .security-telework-point {
    padding: 5.3333333333vw 0 6.6666666667vw;
  }
}
.security-telework-point__head {
  max-width: 782px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .security-telework-point__head {
    margin-bottom: 4.8vw;
  }
}
.security-telework-point__head img {
  width: 100%;
}
.security-telework-point__rows {
  display: grid;
  gap: 30px;
  max-width: 900px;
  margin: 0 auto;
}
.security-telework-point__row {
  position: relative;
  padding: 65px 30px 30px 35px;
  border-radius: 5px;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-telework-point__row {
    padding: 0;
  }
}
.security-telework-point__summary {
  pointer-events: none;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .security-telework-point__summary {
    pointer-events: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 10.6666666667vw 4.2666666667vw 6.6666666667vw;
  }
}
[open] > .security-telework-point__summary > i {
  rotate: 180deg;
  background: #1d2a2d;
}
.security-telework-point__heading {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  color: #01b6c9;
  line-height: 1.7;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .security-telework-point__heading {
    font-size: min(4vw, 22px);
    font-feature-settings: "palt";
  }
}
.security-telework-point__heading i {
  position: absolute;
  width: 207px;
  top: -50px;
  left: -70px;
}
@media screen and (max-width: 768px) {
  .security-telework-point__heading i {
    width: 27.4666666667vw;
    top: -8.8vw;
    left: -6.1333333333vw;
  }
}
.security-telework-point__heading i img {
  width: 100%;
}
.security-telework-point__arrow {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-telework-point__arrow {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 20px;
    height: 20px;
    padding: 0 7px;
    border-radius: 50%;
    background: #bdbdbd;
    fill: #fff;
  }
}
.security-telework-point__arrow svg {
  width: 100%;
  rotate: 90deg;
}
.security-telework-point__content {
  display: contents;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .security-telework-point__content {
    position: relative;
    display: block;
    padding: 0 4.2666666667vw 6.6666666667vw;
  }
}
.security-telework-point__txt {
  font-weight: bold;
  color: #666;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .security-telework-point__txt {
    position: relative;
    padding-top: 8vw;
    font-size: min(4vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .security-telework-point__txt::before, .security-telework-point__txt::after {
    content: "";
    position: absolute;
    height: 3px;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .security-telework-point__txt::before {
    width: 100%;
    background: #8c8c8c;
  }
}
@media screen and (max-width: 768px) {
  .security-telework-point__txt::after {
    width: 55px;
    background: linear-gradient(120deg, #01b6c9 0, #013e85 100%);
  }
}
.security-telework-point__columns {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .security-telework-point__columns {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.6666666667vw;
    row-gap: 2.6666666667vw;
  }
}
.security-telework-point__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .security-telework-point__column {
    position: relative;
    width: 50%;
    gap: 1.8666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
.security-telework-point__column i {
  width: 125px;
  height: 100px;
}
.security-telework-point__column i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.security-telework-point__column span {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: min(1.300390117vw, 12px);
  font-weight: bold;
  color: #717479;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .security-telework-point__column span {
    font-size: min(3.2vw, 16px);
  }
}
.security-telework-point__column span em {
  font-size: min(1.6905071521vw, 15px);
  color: #494c5e;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .security-telework-point__column span em {
    font-size: min(3.2vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .security-telework-point__column::after {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #ebebeb;
  }
}
.security-telework-point__column:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #ebebeb;
}
@media screen and (max-width: 768px) {
  .security-telework-point__column:not(:first-child)::before {
    height: 90%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .security-telework-point__column:not(:nth-child(odd))::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .security-telework-point__column:nth-last-child(2)::after, .security-telework-point__column:last-child::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .security-telework-point__column.-full {
    width: 100%;
    padding-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .security-telework-point__column.-full i {
    width: 88px;
    height: 100px;
  }
}
.security-telework-point__image {
  position: absolute;
  width: 430px;
  top: 0;
  right: 0;
  overflow: hidden;
  border-radius: 0 5px 0 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-telework-point__image {
    display: none;
  }
}
.security-telework-point__image img {
  width: 100%;
}
.security-telework-point__fig {
  position: absolute;
  width: 333px;
  top: -15px;
  right: 20px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .security-telework-point__fig {
    position: inherit;
    width: 81.0666666667vw;
    max-width: 380px;
    top: auto;
    right: auto;
    margin: 5.3333333333vw auto 0;
  }
}
.security-telework-point__fig img {
  width: 100%;
}
.security-telework-point__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.security-telework-point__bg picture {
  height: 100%;
}
.security-telework-point__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.security-telework-products {
  margin-top: 50px;
}
.security-telework-products.-type-1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .security-telework-products.-type-1 {
    margin: 0 0 30px;
  }
}
.security-telework-products__rows {
  display: grid;
  gap: 25px;
  max-width: 900px;
  margin: 75px auto 0;
}
@media screen and (max-width: 768px) {
  .security-telework-products__rows {
    gap: 1.3333333333vw;
    margin-top: 22px;
  }
}
.security-telework-products__summary {
  position: relative;
}
@media screen and (max-width: 768px) {
  .security-telework-products__summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-right: 10px;
  }
}
[open] > .security-telework-products__summary .security-telework-products__arrow {
  rotate: 180deg;
  background: #1d2a2d;
}
.security-telework-products__heading {
  display: flex;
  align-items: center;
  min-height: 60px;
  padding-left: 155px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .security-telework-products__heading {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 80px;
    padding-left: 12vw;
    font-size: min(4.2666666667vw, 22px);
  }
}
.security-telework-products__heading span {
  display: contents;
}
@media screen and (max-width: 768px) {
  .security-telework-products__heading span {
    display: block;
    font-size: min(3.2vw, 15px);
  }
}
.security-telework-products__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.security-telework-products__bg picture {
  height: 100%;
}
.security-telework-products__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}
.security-telework-products__arrow {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-telework-products__arrow {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    padding: 0 7px;
    border-radius: 50%;
    background: #bdbdbd;
    fill: #fff;
  }
}
.security-telework-products__arrow svg {
  width: 100%;
  rotate: 90deg;
}
.security-telework-products__content {
  padding: 40px min(3.2509752926vw, 40px);
  background: #ebebeb;
}
.security-telework-products__pages {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .security-telework-products__pages {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.security-telework-products__page a {
  display: block;
}
.security-telework-products__page a img {
  width: 100%;
}
.security-telework-products__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .security-telework-products__columns {
    grid-template-columns: 1fr;
  }
}
.security-telework-products__columns.-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .security-telework-products__columns.-col-2 {
    grid-template-columns: 1fr;
  }
}
.security-telework-products__columns.-col-1 {
  grid-template-columns: 1fr;
}
.security-telework-products__column a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 25px min(2.6007802341vw, 30px) 30px;
  border: 1px solid #fff;
  background: #fff;
  transition: 0.3s;
}
.security-telework-products__column a:hover {
  opacity: 1;
  border-color: #47b6c9;
  border-image: linear-gradient(160deg, #01b6c9 20%, #013e85 100%);
  border-image-slice: 1;
}
.security-telework-products__column a:hover > i {
  color: #fff;
  border-color: #013e85;
  background: #013e85;
}
.-col-2 > .security-telework-products__column a {
  padding: 25px;
}
.security-telework-products__product {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .security-telework-products__product {
    align-items: center;
    gap: 2.6666666667vw;
  }
}
.security-telework-products__product i {
  flex-shrink: 0;
  width: 22px;
  height: 41.5px;
}
@media screen and (max-width: 768px) {
  .security-telework-products__product i {
    width: 5.8666666667vw;
    height: 7.4666666667vw;
  }
}
.security-telework-products__product i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.security-telework-products__product > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-weight: bold;
  font-feature-settings: "palt";
}
.security-telework-products__product > span em {
  white-space: nowrap;
  font-size: 18px;
  color: #01b6c9;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .security-telework-products__product > span em {
    white-space: normal;
    font-size: min(4vw, 18px);
  }
}
.security-telework-products__product > span em span {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .security-telework-products__product > span em span {
    font-size: min(4vw, 18px);
  }
}
.security-telework-products__product > span small {
  font-size: 15px;
  line-height: 1.3;
}
.security-telework-products__product.-type-1 {
  gap: 6px;
}
@media screen and (max-width: 768px) {
  .security-telework-products__product.-type-1 {
    gap: 0.8vw;
  }
}
.security-telework-products__product.-type-1 i {
  width: 26px;
}
@media screen and (max-width: 768px) {
  .security-telework-products__product.-type-1 i {
    width: 7.7333333333vw;
  }
}
.security-telework-products__txt {
  margin: 10px 0;
  font-weight: 600;
  color: #565d65;
  line-height: 1.6;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .security-telework-products__txt {
    margin: 2.6666666667vw 0;
    font-size: min(4vw, 18px);
  }
}
.-type-1 + .security-telework-products__txt {
  letter-spacing: 0;
}
.security-telework-products__more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-top: auto;
  padding: 3px 22px;
  font-size: 15px;
  font-weight: bold;
  color: #737373;
  line-height: 1.42857143;
  border: 1px solid #959595;
  border-radius: 30px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .security-telework-products__more {
    padding: 0.8vw 5.8666666667vw;
    font-size: min(4vw, 18px);
  }
}

.security-telework-products-data {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .security-telework-products-data {
    margin-top: 0;
  }
}
.security-telework-products-data__wrap {
  max-width: 900px;
  margin: 80px auto 40px;
}
@media screen and (max-width: 768px) {
  .security-telework-products-data__wrap {
    margin: 9.3333333333vw auto 30px;
  }
}

.security-network-merit {
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .security-network-merit {
    margin-top: 40px;
  }
}
.security-network-merit__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 90px auto 0;
}
@media screen and (max-width: 768px) {
  .security-network-merit__columns {
    position: relative;
    grid-template-columns: 1fr;
    gap: 4vw;
    margin-top: 8vw;
    z-index: 1;
  }
}
.security-network-merit__column {
  box-shadow: 3px 3px 9px 0.2px rgba(0, 0, 0, 0.25);
}
.security-network-merit__column dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 60px;
  color: #fff;
  background: #01b6c9;
}
@media screen and (max-width: 768px) {
  .security-network-merit__column dt {
    height: auto;
    padding: 14px;
  }
}
.security-network-merit__column dt small {
  padding: 0 11px;
  font-size: 15px;
  line-height: 1.8;
  text-transform: uppercase;
  border-radius: 15px;
  background: #0096a1;
}
@media screen and (max-width: 768px) {
  .security-network-merit__column dt small {
    padding: 0 1.6vw;
    font-size: min(3.2vw, 16px);
  }
}
.security-network-merit__column dt span {
  font-size: min(1.9505851756vw, 18px);
}
@media screen and (max-width: 768px) {
  .security-network-merit__column dt span {
    font-size: min(4vw, 18px);
  }
}
.security-network-merit__column dd {
  padding: 30px 25px 20px 30px;
}
@media screen and (max-width: 768px) {
  .security-network-merit__column dd {
    padding: 2.6666666667vw 5.3333333333vw;
  }
}
.security-network-merit__item {
  display: flex;
  gap: 4px;
  padding: 10px 0;
  font-size: min(1.9505851756vw, 18px);
  line-height: 1.6;
  font-weight: bold;
  color: #7c8083;
}
@media screen and (max-width: 768px) {
  .security-network-merit__item {
    padding: 2.6666666667vw 0;
    font-size: min(4vw, 18px);
  }
}
.security-network-merit__item i {
  flex-shrink: 0;
  width: 16px;
  height: 28px;
}
@media screen and (max-width: 768px) {
  .security-network-merit__item i {
    height: 24px;
  }
}
.security-network-merit__item i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.security-network-merit__item + .security-network-merit__item {
  border-top: 1px dotted grey;
}

.security-network-products {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 25px;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .security-network-products {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2.4vw;
    width: 89.6vw;
  }
}
.security-network-products__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .security-network-products__item {
    flex-direction: row;
    padding: 0 3.4666666667vw;
  }
}
.security-network-products__item i {
  width: 135px;
}
@media screen and (max-width: 768px) {
  .security-network-products__item i {
    width: 16vw;
  }
}
.security-network-products__item i img {
  width: 100%;
}
.security-network-products__item span {
  font-size: min(2.210663199vw, 20px);
  font-weight: bold;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .security-network-products__item span {
    font-size: 3.4666666667vw;
  }
}
.security-network-products__item span small {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .security-network-products__item span small {
    font-size: 3.4666666667vw;
  }
}
.security-network-products__item:not(:nth-child(5n+1))::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #ebebeb;
}
.security-network-products__item:nth-child(n+6) {
  margin-top: 25px;
}
.security-network-products__item:nth-child(n+6)::after {
  content: "";
  position: absolute;
  width: 88%;
  height: 1px;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: #ebebeb;
}
@media screen and (max-width: 768px) {
  .security-network-products__item:nth-child(odd)::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .security-network-products__item:nth-child(even)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: #ebebeb;
  }
}
@media screen and (max-width: 768px) {
  .security-network-products__item:nth-child(n+3) {
    margin-top: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .security-network-products__item:nth-child(n+3)::after {
    content: "";
    position: absolute;
    width: 88%;
    height: 1px;
    top: -2.4vw;
    left: 50%;
    transform: translateX(-50%);
    background: #ebebeb;
  }
}

.security-network-point {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 27px 20px;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .security-network-point {
    grid-template-columns: 1fr;
    gap: 0;
    width: 80vw;
  }
}
.security-network-point__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 5px 18px 30px;
  box-shadow: 3px 4px 9px 0.2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .security-network-point__item {
    flex-direction: row;
    gap: 3.7333333333vw;
    padding: 2.6666666667vw 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 768px) {
  .security-network-point__item + .security-network-point__item {
    border-top: 1px solid #e6e6e6;
  }
}
.security-network-point__num {
  position: absolute;
  width: 59px;
  height: 58px;
  top: -11px;
  left: 15px;
}
@media screen and (max-width: 768px) {
  .security-network-point__num {
    width: 8.8vw;
    height: 8vw;
    top: 2.6666666667vw;
    left: -3.4666666667vw;
  }
}
.security-network-point__num img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.security-network-point__heading {
  order: 1;
  font-size: min(1.8205461638vw, 16px);
  font-weight: bold;
  line-height: 1.5;
  font-feature-settings: "palt";
  text-align: center;
  background: linear-gradient(140deg, #01b6c9 10%, #013e85 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .security-network-point__heading {
    font-size: min(3.4666666667vw, 24px);
    text-align: left;
  }
}
.security-network-point__image {
  flex-shrink: 0;
  width: 111px;
}
@media screen and (max-width: 768px) {
  .security-network-point__image {
    width: 19.7333333333vw;
    max-width: 111px;
  }
}
.security-network-point__image img {
  width: 100%;
}

.security-product-faq {
  position: relative;
  padding: 60px 0 50px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .security-product-faq {
    padding: 0 0 clamp(20px, 5.3333333333vw, 30px);
  }
}
.security-product-faq::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #f1efef;
  z-index: -1;
}
.security-product-faq__wrap {
  max-width: 960px;
  margin: 90px auto 0;
}
@media screen and (max-width: 768px) {
  .security-product-faq__wrap {
    margin-top: 10.6666666667vw;
  }
}
.security-product-faq__details {
  font-weight: bold;
  background: #fff;
}
.security-product-faq__details + .security-product-faq__details {
  margin-top: 20px;
}
.security-product-faq__summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 100px;
  padding: 16px 30px 16px 40px;
}
@media screen and (max-width: 768px) {
  .security-product-faq__summary {
    gap: 10px;
    min-height: 0;
    padding: 0 20px;
  }
}
.security-product-faq__summary > i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 29px;
  background: #f1efef;
}
.security-product-faq__summary > i span {
  position: relative;
  display: block;
  transition: rotate 0.3s;
}
.security-product-faq__summary > i span::before, .security-product-faq__summary > i span::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: #1d2731;
}
.security-product-faq__summary > i span::after {
  rotate: 90deg;
}
.security-product-faq__summary span {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 780px;
  padding-left: 60px;
  font-size: 20px;
  color: #1d2731;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .security-product-faq__summary span {
    padding: 27px 0;
    font-size: clamp(15px, 4vw, 20px);
  }
}
.security-product-faq__summary span i {
  position: absolute;
  height: 17px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .security-product-faq__summary span i {
    top: -8px;
    transform: none;
  }
}
.security-product-faq__summary span i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
[open] > .security-product-faq__summary > i {
  background: #1d2731;
}
[open] > .security-product-faq__summary > i span {
  rotate: 45deg;
}
[open] > .security-product-faq__summary > i span::before, [open] > .security-product-faq__summary > i span::after {
  background: #fff;
}
@media screen and (max-width: 768px) {
  .security-product-faq__content {
    border-top: 2px solid #f1efef;
  }
}
.security-product-faq__item {
  padding: 0 120px 40px 100px;
  font-size: 15px;
  color: #60676e;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .security-product-faq__item {
    padding: 5% 6% min(9%, 40px);
  }
}
.security-product-faq__item p {
  font-size: 15px;
  color: #60676e;
  line-height: 1.8;
}
.security-product-faq__item p + p {
  margin-top: 40px;
}
.security-product-faq__txt {
  padding: 0 120px 40px 100px;
  font-size: 15px;
  color: #60676e;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .security-product-faq__txt {
    padding: 5% 6% min(9%, 40px);
  }
}
.security-product-faq__buttons {
  display: none;
}
@media screen and (max-width: 768px) {
  .security-product-faq__buttons {
    display: grid;
    grid-template-columns: repeat(var(--_columns, 1), 1fr);
    gap: 4px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px;
  }
}
.security-product-faq__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: bold;
  background: #e0e2e2;
}
.security-product-faq__btn[aria-expanded=true] {
  color: #fff;
  background: linear-gradient(90deg, rgb(1, 182, 201) 0%, rgb(1, 62, 133) 100%);
}
@media screen and (max-width: 768px) {
  .security-product-faq__row {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .security-product-faq__row[aria-hidden=false] {
    display: block;
  }
}
.security-product-faq__row + .security-product-faq__row {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .security-product-faq__row + .security-product-faq__row {
    margin-top: 0;
  }
}
.security-product-faq__heading {
  width: 100%;
  height: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .security-product-faq__heading {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}
.security-product-faq__heading img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.security-cbp-faq__head {
  margin: 0 calc(50% - 50vw) 40px;
}
@media screen and (max-width: 768px) {
  .security-cbp-faq__head {
    margin-bottom: max(5.3333333333vw, 20px);
  }
}
.security-cbp-faq__head picture {
  width: 100%;
}
.security-cbp-faq__head img {
  width: 100%;
}
.security-cbp-faq__wrap {
  max-width: 960px;
  margin: 0 auto;
}
.security-cbp-faq__details + .security-cbp-faq__details {
  margin-top: 20px;
}
.security-cbp-faq__summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  min-height: 100px;
  padding: 14px 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  background: linear-gradient(90deg, rgb(243, 151, 0) 0%, rgb(243, 74, 0) 100%);
}
@media screen and (max-width: 768px) {
  .security-cbp-faq__summary {
    gap: 15px;
    min-height: 0;
    padding: 3.7333333333vw;
    font-size: clamp(15px, 4vw, 20px);
  }
}
.security-cbp-faq__summary > span {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 30px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .security-cbp-faq__summary > span {
    gap: 3.2vw;
  }
}
.security-cbp-faq__summary > span i {
  flex-shrink: 0;
  width: 40px;
}
@media screen and (max-width: 768px) {
  .security-cbp-faq__summary > span i {
    width: 5.3333333333vw;
    min-width: 20px;
  }
}
.security-cbp-faq__summary > span i img {
  width: 100%;
}
.security-cbp-faq__summary > i {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  border: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .security-cbp-faq__summary > i {
    width: 6.6666666667vw;
    min-width: 25px;
    max-width: 31px;
    height: 6.6666666667vw;
    min-height: 25px;
    max-height: 31px;
  }
}
.security-cbp-faq__summary > i span {
  position: relative;
  transition: rotate 0.3s;
}
.security-cbp-faq__summary > i span::before, .security-cbp-faq__summary > i span::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .security-cbp-faq__summary > i span::before, .security-cbp-faq__summary > i span::after {
    width: 13px;
  }
}
.security-cbp-faq__summary > i span::after {
  rotate: 90deg;
}
[open] > .security-cbp-faq__summary > i span {
  rotate: 45deg;
}
.security-cbp-faq__item {
  display: flex;
  gap: 32px;
  padding: 30px;
  background: #f1efef;
}
@media screen and (max-width: 768px) {
  .security-cbp-faq__item {
    gap: 3.2vw;
    padding: 4.2666666667vw 3.7333333333vw;
  }
}
.security-cbp-faq__item i {
  flex-shrink: 0;
  width: 38px;
}
@media screen and (max-width: 768px) {
  .security-cbp-faq__item i {
    width: 5.3333333333vw;
    min-width: 20px;
  }
}
.security-cbp-faq__item i img {
  width: 100%;
}
.security-cbp-faq__detail p {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .security-cbp-faq__detail p {
    font-size: clamp(15px, 4vw, 20px);
  }
}

.security-product-spec {
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .security-product-spec {
    padding-top: 0;
    margin-bottom: var(--_margin-bottom-SP, 60px);
  }
}
.security-product-spec__wrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .security-product-spec__wrap {
    margin-top: 50px;
  }
}
.security-product-spec__table {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.security-product-spec__table th, .security-product-spec__table td {
  font-size: 16px;
  line-height: 1.8;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .security-product-spec__table th, .security-product-spec__table td {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: clamp(15px, 4vw, 16px);
  }
}
.security-product-spec__table th {
  width: 335px;
  padding: 15px 50px;
  background: #f1efef;
}
@media screen and (max-width: 768px) {
  .security-product-spec__table th {
    width: 100%;
    padding: 8px 15px;
    text-align: center;
  }
}
.security-product-spec__table td {
  padding: 15px 20px;
}
@media screen and (max-width: 768px) {
  .security-product-spec__table td {
    padding: 8px 15px;
  }
}
.security-product-spec__table td p {
  line-height: 1.3;
}
.security-product-spec__table td p a {
  text-decoration: underline;
}
.security-product-spec__table td p a:hover {
  opacity: 1;
  text-decoration: none;
}
.security-product-spec__table td p + p {
  margin-top: 1em;
}
.security-product-spec__table.-type-1 th, .security-product-spec__table.-type-1 td {
  font-size: 15px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .security-product-spec__table.-type-1 td {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .security-product-spec__table.-type-1 td p {
    font-size: 12px;
  }
}

.pbx-page.-information {
  margin: 60px 0 90px;
}
@media screen and (max-width: 768px) {
  .pbx-page.-information {
    margin: clamp(30px, 8vw, 60px) 0;
  }
}
.pbx-page__intro {
  margin-bottom: var(--_margin-bottom-PC, 40px);
}
@media screen and (max-width: 768px) {
  .pbx-page__intro {
    margin-bottom: var(--_margin-bottom-SP, 40px);
  }
}
.pbx-page__lead {
  display: flex;
  justify-content: center;
  margin-top: var(--_margin-top-PC, 40px);
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-page__lead {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 40px));
    font-size: 14px;
    text-align: left;
  }
}
.pbx-page__lead.-center {
  text-align: center;
}
.pbx-page__row + .pbx-page__row {
  margin-top: clamp(30px, 8vw, 60px);
}
.pbx-page__h2 {
  display: flex;
  align-items: center;
  min-height: 72px;
  margin-bottom: 30px;
  padding: 12px 25px;
  font-size: 18px;
  line-height: 1.2222222222;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to right, #1a91c1, #0e4f8d);
}
@media screen and (max-width: 768px) {
  .pbx-page__h2 {
    position: relative;
    min-height: 0;
    margin-bottom: max(5.3333333333vw, 20px);
    padding: 22px 6.4vw;
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .pbx-page__h2::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 16px;
    top: 50%;
    left: 4vw;
    transform: translateY(-50%);
    background: #fff;
  }
}

.pbx-page-mv {
  position: relative;
  padding: 35px 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-page-mv {
    padding: 50px 0;
  }
}
.pbx-page-mv__wrap.-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.pbx-page-mv__head {
  width: var(--_width-PC, auto);
}
@media screen and (max-width: 768px) {
  .pbx-page-mv__head {
    width: 80vw;
  }
}
.pbx-page-mv__head img {
  width: 100%;
}
.pbx-page-mv__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: var(--_max-width-PC, 520px);
}
@media screen and (max-width: 768px) {
  .pbx-page-mv__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5%;
  }
}
.pbx-page-mv__item {
  max-width: 200px;
}
.pbx-page-mv__item img {
  width: 100%;
}
.pbx-page-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.pbx-information-intro {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-information-intro {
    flex-direction: column;
    gap: max(2.6666666667vw, 10px);
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .pbx-information-intro.-type-1 {
    flex-direction: column-reverse;
  }
}
.pbx-information-intro__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-start;
  max-width: 600px;
}
@media screen and (max-width: 768px) {
  .pbx-information-intro__item {
    max-width: 100%;
  }
}
.pbx-information-intro__lead {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-information-intro__lead {
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
.pbx-information-intro__txt {
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .pbx-information-intro__txt {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.pbx-information-intro__image {
  flex-shrink: 0;
  width: min(48%, var(--_width-PC, 320px));
}
@media screen and (max-width: 768px) {
  .pbx-information-intro__image {
    width: 100%;
  }
}
.pbx-information-intro__image img {
  width: 100%;
}

.pbx-information-feature {
  counter-reset: conunt;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pbx-information-feature {
    grid-template-columns: 1fr;
    gap: max(5.3333333333vw, 20px);
  }
}
.pbx-information-feature__column {
  counter-increment: count;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px 15px 25px;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .pbx-information-feature__column {
    gap: clamp(15px, 4vw, 22px);
    padding: max(3.7333333333vw, 14px);
  }
}
.pbx-information-feature__column::before {
  content: "0" counter(count);
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  top: -10px;
  left: -10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  background: linear-gradient(to right, #f9833a 0%, #f54f23 100%);
}
@media screen and (max-width: 768px) {
  .pbx-information-feature__column::before {
    width: 13.3333333333vw;
    top: -4vw;
    left: -4vw;
    font-size: 6.1333333333vw;
  }
}
.pbx-information-feature__column.-type-1 {
  gap: 20px;
  border: none;
  box-shadow: 0 0 5px #c0c0c0;
}
.pbx-information-feature__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.pbx-information-feature__item dt {
  font-size: 16px;
  color: #0597f2;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-information-feature__item dt {
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
.pbx-information-feature__item dd {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .pbx-information-feature__item dd {
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
.-type-1 > .pbx-information-feature__item dd {
  padding: 0 15px;
  font-size: 14px;
  line-height: 1.6;
}
.pbx-information-feature__image {
  order: -1;
}
.pbx-information-feature__image img {
  width: 100%;
}

.pbx-recording-case {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-recording-case {
    padding: 0;
  }
}
.pbx-recording-case__row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 14px;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .pbx-recording-case__row {
    flex-wrap: wrap;
    gap: clamp(15px, 4vw, 20px);
    padding: max(3.7333333333vw, 14px);
  }
}
.pbx-recording-case__row + .pbx-recording-case__row {
  margin-top: 20px;
}
.pbx-recording-case__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding-top: 10px;
  max-width: 715px;
}
@media screen and (max-width: 768px) {
  .pbx-recording-case__item {
    align-items: center;
    gap: 15px;
    max-width: 100%;
  }
}
.pbx-recording-case__heading {
  font-size: 16px;
  font-weight: bold;
  color: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-recording-case__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: clamp(16px, 4.2666666667vw, 20px);
    text-align: center;
  }
}
.pbx-recording-case__heading span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 20px;
  margin-right: 10px;
  font-size: 12px;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  border-radius: 10px;
  background: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-recording-case__heading span {
    width: 96px;
    height: auto;
    min-height: 20px;
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.pbx-recording-case__txt {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .pbx-recording-case__txt {
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
.pbx-recording-case__image {
  order: -1;
  flex-shrink: 0;
  width: 195px;
}
@media screen and (max-width: 768px) {
  .pbx-recording-case__image {
    width: 100%;
  }
}
.pbx-recording-case__image img {
  width: 100%;
}

.pbx-information-recommend {
  max-width: 960px;
  margin: 0 auto;
}
.pbx-information-recommend__lead {
  margin-bottom: 30px;
}
.pbx-information-recommend__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-information-recommend__columns {
    gap: clamp(15px, 4vw, 20px);
  }
}
.pbx-information-recommend__column {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 14px;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .pbx-information-recommend__column {
    flex-direction: column;
    align-items: center;
    gap: clamp(15px, 4vw, 20px) 4%;
    padding: max(3.7333333333vw, 14px);
  }
}
.pbx-information-recommend__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  .pbx-information-recommend__item {
    align-items: center;
    gap: clamp(15px, 4vw, 20px);
  }
}
.pbx-information-recommend__heading {
  font-size: 16px;
  font-weight: bold;
  color: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-information-recommend__heading {
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
.pbx-information-recommend__txt {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .pbx-information-recommend__txt {
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
.pbx-information-recommend__image {
  order: -1;
  flex-shrink: 0;
  width: 120px;
}
@media screen and (max-width: 768px) {
  .pbx-information-recommend__image {
    width: 100%;
  }
}
.pbx-information-recommend__image img {
  width: 100%;
}

.pbx-information-structure {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-information-structure {
    padding: 0;
  }
}
.pbx-information-structure__lead {
  font-size: 16px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-information-structure__lead {
    margin-bottom: max(5.3333333333vw, 20px);
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.pbx-information-structure__row + .pbx-information-structure__row {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-information-structure__row + .pbx-information-structure__row {
    margin-top: 8vw;
  }
}
.pbx-information-structure__heading {
  margin-bottom: 30px;
  padding: 15px 0;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #0597f2;
  text-align: center;
  border-top: 1px solid #0597f2;
  border-bottom: 1px solid #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-information-structure__heading {
    margin-bottom: clamp(30px, 8vw, 50px);
    padding: max(4vw, 15px) 0;
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
.pbx-information-structure__image img {
  width: 100%;
}
.pbx-information-structure__table {
  width: 100%;
  border: 1px solid #d1d1d1;
}
.pbx-information-structure__table th, .pbx-information-structure__table td {
  padding: 15px;
  font-size: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .pbx-information-structure__table th, .pbx-information-structure__table td {
    padding: max(2.6666666667vw, 10px);
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
.pbx-information-structure__table th {
  width: 290px;
  text-align: center;
  background: #fafdff;
}
@media screen and (max-width: 768px) {
  .pbx-information-structure__table th {
    width: 36%;
  }
}
.pbx-information-structure__table td {
  border-left: 1px solid #d1d1d1;
}
.pbx-information-structure__note {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .pbx-information-structure__note {
    display: flex;
    flex-direction: column;
    margin-top: clamp(10px, 2.6666666667vw, 15px);
  }
}
.pbx-information-structure__note li {
  display: inline-block;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .pbx-information-structure__note li {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}

.pbx-information-cost {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-information-cost {
    padding: 0;
  }
}
.pbx-information-cost__table {
  width: 100%;
  border: 1px solid #d1d1d1;
}
.pbx-information-cost__table th, .pbx-information-cost__table td {
  padding: 5px 10px;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .pbx-information-cost__table th, .pbx-information-cost__table td {
    padding: max(2.6666666667vw, 10px);
  }
}
.pbx-information-cost__table th {
  width: 260px;
  white-space: nowrap;
  font-size: 18px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .pbx-information-cost__table th {
    width: 36%;
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
.pbx-information-cost__table td {
  font-size: 14px;
  font-weight: bold;
  color: #e8442b;
  border-left: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .pbx-information-cost__table td {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.pbx-information-cost__table td small {
  font-size: 100%;
}
@media screen and (max-width: 768px) {
  .pbx-information-cost__table td small {
    display: block;
    font-size: 11px;
  }
}
.pbx-information-cost__table td span {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .pbx-information-cost__table td span {
    font-size: clamp(20px, 5.3333333333vw, 22px);
  }
}
@media screen and (max-width: 768px) {
  .pbx-information-cost__table td.-left {
    text-align: left;
  }
}
.pbx-information-cost__table tr:not(:first-child) th, .pbx-information-cost__table tr:not(:first-child) td {
  border-top: 1px solid #d1d1d1;
}
.pbx-information-cost__table.-type-1 th, .pbx-information-cost__table.-type-1 td {
  padding: 15px 10px;
}
.pbx-information-cost__table.-type-1 th {
  font-size: 16px;
}
.pbx-information-cost__table.-type-1 td span {
  font-size: 20px;
}
.pbx-information-cost__table.-type-2 td span {
  font-size: 24px;
}

.pbx-cv {
  position: relative;
  margin-top: 130px;
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .pbx-cv {
    margin-top: 16vw;
    padding: max(8vw, 30px) 0;
  }
}
.pbx-cv.-top {
  margin: 30px 0 5px;
  padding-top: 72px;
}
@media screen and (max-width: 768px) {
  .pbx-cv.-top {
    margin-top: 0;
    padding-top: 45px;
  }
}
.pbx-cv__head {
  position: relative;
  margin-bottom: 35px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-cv__head {
    margin-bottom: 85px;
  }
}
.pbx-cv__head span {
  display: block;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-cv__head span {
    font-size: 24px;
  }
}
.pbx-cv__head i {
  position: absolute;
  width: 290px;
  top: 22px;
  right: min(65.0195058518vw, 665px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .pbx-cv__head i {
    width: 170px;
    top: 85px;
    right: auto;
    left: 15px;
  }
}
.pbx-cv__head i img {
  width: 100%;
}
.pbx-cv__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding: 50px min(3.9011703511vw, 50px);
  border-radius: 10px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-cv__columns {
    grid-template-columns: 1fr;
    gap: max(2.6666666667vw, 10px);
    padding: 8vw max(4vw, 15px);
  }
}
.pbx-cv__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .pbx-cv__column {
    gap: max(2.6666666667vw, 10px);
    padding: max(5.3333333333vw, 20px);
  }
}
.pbx-cv__column.-type-1 {
  background: linear-gradient(to right, #6FD544 0%, #60AE3F 100%);
}
.pbx-cv__column.-type-2 {
  background: linear-gradient(to right, #0AB5F6 0%, #0A7AEF 100%);
}
.pbx-cv__column.-type-3 {
  background: linear-gradient(to right, #E87B2B 0%, #E8442B 100%);
}
.pbx-cv__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-cv__heading {
    gap: 14px;
  }
}
.pbx-cv__heading small {
  position: relative;
  width: 100%;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-cv__heading small {
    width: fit-content;
    font-size: clamp(14px, 3.7333333333vw, 18px);
  }
}
.pbx-cv__heading small::before, .pbx-cv__heading small::after {
  content: "";
  position: absolute;
  width: calc(50% - 10px);
  height: 1px;
  bottom: 0;
  background: #fff;
}
.pbx-cv__heading small::before {
  left: 0;
}
.pbx-cv__heading small::after {
  right: 0;
}
.pbx-cv__heading small span {
  position: relative;
  display: inline-block;
  width: 100%;
}
.pbx-cv__heading small span::before {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  left: calc(50% + 5px);
  width: 1px;
  height: 15px;
  rotate: 40deg;
  background: #fff;
}
.pbx-cv__heading em {
  font-size: min(2.6007802341vw, 24px);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pbx-cv__heading em {
    font-size: clamp(24px, 6.4vw, 28px);
  }
}
.pbx-cv__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 40px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-cv__more {
    height: max(12.2666666667vw, 46px);
    font-size: clamp(16px, 4.2666666667vw, 20px);
    border-radius: 12.2666666667vw;
  }
}
.pbx-cv__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: 50%;
  right: 20px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translateY(-50%) rotate(-135deg);
}
@media screen and (max-width: 768px) {
  .pbx-cv__more::before {
    width: 2.4vw;
    min-width: 7px;
    right: 5.3333333333vw;
  }
}
.-type-1 > .pbx-cv__more {
  color: #60AE3F;
}
.-type-1 > .pbx-cv__more::before {
  border-color: #60AE3F;
}
.-type-2 > .pbx-cv__more {
  color: #0597F2;
}
.-type-2 > .pbx-cv__more::before {
  border-color: #0597F2;
}
.-type-3 > .pbx-cv__more {
  color: #E8442B;
}
.-type-3 > .pbx-cv__more::before {
  border-color: #E8442B;
}
.pbx-cv__foot {
  display: block;
  margin-top: 10px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-cv__foot {
    margin-top: max(2.6666666667vw, 10px);
    padding: 2.6666666667vw 4vw 4vw;
  }
}
.pbx-cv__tel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-cv__tel {
    gap: max(2.6666666667vw, 10px);
  }
}
.pbx-cv__tel dt {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-cv__tel dt {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(20px, 5.3333333333vw, 26px);
  }
}
.pbx-cv__tel dt small {
  font-size: 14px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .pbx-cv__tel dt small {
    font-size: clamp(10px, 2.6666666667vw, 16px);
  }
}
.pbx-cv__tel dd {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-cv__tel dd {
    width: 64vw;
    max-width: 400px;
  }
}
.pbx-cv__tel dd::before {
  content: "";
  flex-shrink: 0;
  width: 30px;
  height: 2px;
  background: #26455C;
}
@media screen and (max-width: 768px) {
  .pbx-cv__tel dd::before {
    content: none;
  }
}
.pbx-cv__tel dd img {
  width: 100%;
}
.pbx-cv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.pbx-cv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-information-links {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px 14px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-information-links {
    grid-template-columns: repeat(2, 1fr);
    gap: max(5.3333333333vw, 20px);
    padding: 0;
  }
}
.pbx-information-links__item a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border-radius: 22px;
  background: linear-gradient(to right, #07b5f6 0%, #0379ee 100%);
}
@media screen and (max-width: 768px) {
  .pbx-information-links__item a {
    height: 10.6666666667vw;
    min-width: 40px;
    font-size: clamp(12px, 3.2vw, 18px);
    border-radius: 10.6666666667vw;
  }
}
.pbx-information-links__item a::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 7px;
  top: 50%;
  right: 15px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  translate: 0 -50%;
  rotate: -135deg;
}
@media screen and (max-width: 768px) {
  .pbx-information-links__item a::before {
    width: 1.3333333333vw;
    right: 4vw;
  }
}

.pbx-nav {
  position: relative;
  padding: 55px 0;
}
@media screen and (max-width: 768px) {
  .pbx-nav {
    padding: max(12vw, 45px) 0;
  }
}
.pbx-nav__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-nav__wrap {
    gap: clamp(20px, 5.3333333333vw, 30px);
  }
}
.pbx-nav__head {
  font-size: 32px;
  line-height: 0.6875;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .pbx-nav__head {
    font-size: clamp(18px, 4.8vw, 26px);
  }
}
.pbx-nav__items {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .pbx-nav__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6666666667vw 20px;
  }
}
.pbx-nav__item a {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-nav__item a {
    font-size: clamp(13px, 3.4666666667vw, 16px);
  }
}
.pbx-nav__item a::before {
  content: "";
  aspect-ratio: 1;
  width: 7px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  rotate: -135deg;
}
.pbx-nav__item a[aria-current] {
  text-decoration: underline;
}
.pbx-nav__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.pbx-information-merit {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-information-merit {
    grid-template-columns: 1fr;
    gap: max(5.3333333333vw, 20px);
    padding: 0;
  }
}
.pbx-information-merit__column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 14px;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .pbx-information-merit__column {
    gap: clamp(15px, 4vw, 22px);
    padding: max(3.7333333333vw, 14px);
  }
}
.pbx-information-merit__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  line-height: 1.6;
}
.pbx-information-merit__item dt {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  font-size: min(1.8205461638vw, 16px);
  color: #0597f2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-information-merit__item dt {
    min-height: 0;
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
.pbx-information-merit__item dd {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .pbx-information-merit__item dd {
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
.pbx-information-merit__image {
  order: -1;
}
.pbx-information-merit__image img {
  width: 100%;
}

.pbx-fax-information {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-fax-information {
    padding: 0;
  }
}
.pbx-fax-information__lead {
  margin-bottom: 20px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-fax-information__lead {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.pbx-fax-information__row + .pbx-fax-information__row {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-fax-information__row + .pbx-fax-information__row {
    margin-top: 8vw;
  }
}
.pbx-fax-information__heading {
  margin-bottom: 30px;
  padding: 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #0597f2;
  text-align: center;
  border-top: 1px solid #0597f2;
  border-bottom: 1px solid #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-fax-information__heading {
    margin-bottom: clamp(30px, 8vw, 50px);
    padding: max(4vw, 15px) 0;
    font-size: clamp(16px, 4.2666666667vw, 20px);
    font-style: italic;
  }
}
.pbx-fax-information__image {
  max-width: 885px;
  margin: 0 auto;
}
.pbx-fax-information__image img {
  width: 100%;
}
.pbx-fax-information__table {
  width: 100%;
  border: 1px solid #d1d1d1;
}
.pbx-fax-information__table th, .pbx-fax-information__table td {
  padding: 15px;
  font-size: 15px;
  line-height: 1.6;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .pbx-fax-information__table th, .pbx-fax-information__table td {
    padding: max(2.6666666667vw, 10px);
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
.pbx-fax-information__table tr:not(:last-child) th, .pbx-fax-information__table tr:not(:last-child) td {
  border-bottom: 1px solid #d1d1d1;
}
.pbx-fax-information__table th {
  width: 300px;
  text-align: center;
  background: #fafdff;
}
@media screen and (max-width: 768px) {
  .pbx-fax-information__table th {
    width: 36%;
  }
}
.pbx-fax-information__table td {
  border-left: 1px solid #d1d1d1;
}

.pbx-ivr-information {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-ivr-information {
    padding: 0;
  }
}
.pbx-ivr-information__lead {
  margin-bottom: 20px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-ivr-information__lead {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.pbx-ivr-information__image img {
  width: 100%;
}

.pbx-attendance-management {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management {
    padding: 0;
  }
}
.pbx-attendance-management__lead {
  margin-bottom: 30px;
}
.pbx-attendance-management__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 22px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__columns {
    grid-template-columns: 1fr;
    gap: max(2.6666666667vw, 10px);
  }
}
.pbx-attendance-management__column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 14px;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    padding: max(2.4vw, 9px);
  }
}
.pbx-attendance-management__detail {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__detail {
    gap: 0;
    width: 71%;
  }
}
.pbx-attendance-management__heading {
  font-size: 16px;
  font-weight: bold;
  color: #0597f2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
.pbx-attendance-management__heading.-row {
  margin-bottom: 15px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__heading.-row {
    align-items: center;
    font-size: clamp(18px, 4.8vw, 22px);
  }
}
.pbx-attendance-management__desc {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__desc {
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
.pbx-attendance-management__image {
  order: -1;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__image {
    flex-shrink: 0;
    width: 25%;
  }
}
.pbx-attendance-management__image img {
  width: 100%;
}
.pbx-attendance-management__row {
  padding: 40px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__row {
    padding: 5.3333333333vw;
  }
}
.pbx-attendance-management__row + .pbx-attendance-management__row {
  margin-top: 30px;
}
.pbx-attendance-management__items {
  display: grid;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__items {
    row-gap: 40px;
  }
}
.pbx-attendance-management__items.-col-2 {
  grid-template-columns: repeat(2, min(50%, 280px));
  max-width: 680px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__items.-col-2 {
    grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
    max-width: 100%;
  }
}
.pbx-attendance-management__items.-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .pbx-attendance-management__items.-col-3 {
    grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
  }
}
.pbx-attendance-management__item dt {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.pbx-attendance-management__item dt img {
  width: 100%;
}
.pbx-attendance-management__item dt span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.pbx-attendance-management__item dd {
  font-size: 16px;
}

.pbx-tablet-information {
  max-width: 960px;
  margin: 0 auto;
}
.pbx-tablet-information__lead {
  margin-bottom: 20px;
  line-height: 2;
}
.pbx-tablet-information__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(3.9011703511vw, 60px);
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .pbx-tablet-information__columns {
    grid-template-columns: 1fr;
    gap: clamp(20px, 5.3333333333vw, 30px);
    margin-top: 0;
  }
}
.pbx-tablet-information__column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: clamp(15px, 4vw, 30px) clamp(15px, 4vw, 30px) clamp(15px, 4vw, 40px);
  border: 1px solid #999;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-information__column {
    gap: clamp(10px, 2.6666666667vw, 15px);
  }
}
.pbx-tablet-information__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.pbx-tablet-information__detail dt {
  font-size: 16px;
  font-weight: bold;
  color: #0597f2;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-information__detail dt {
    font-size: clamp(16px, 4.2666666667vw, 18px);
    text-align: center;
  }
}
.pbx-tablet-information__detail dd {
  font-size: 12px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-information__detail dd {
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.pbx-tablet-information__image {
  order: -1;
  width: 100%;
}
.pbx-tablet-information__image img {
  width: 100%;
}
.pbx-tablet-information__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-information__items {
    grid-template-columns: 1fr;
    gap: clamp(20px, 5.3333333333vw, 30px);
  }
}
.pbx-tablet-information__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 15px;
  border: 1px solid #999;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-information__item {
    gap: max(2.6666666667vw, 10px);
    padding: clamp(15px, 4vw, 30px);
  }
}
.pbx-tablet-information__heading {
  font-size: 16px;
  font-weight: bold;
  color: #0597f2;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-information__heading {
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}

.pbx-tablet-system {
  max-width: 960px;
  margin: 0 auto;
}
.pbx-tablet-system__intro {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.pbx-tablet-system__lead {
  line-height: 2;
}
.pbx-tablet-system__lead em {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #0597f2;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-system__lead em {
    font-size: 16px;
  }
}
.pbx-tablet-system__tabs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  border-bottom: 1px solid #fff;
}
.pbx-tablet-system__tab {
  background: #a8b5be;
}
.pbx-tablet-system__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 49px;
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-system__btn {
    height: 100%;
    font-size: min(2.6666666667vw, 12px);
  }
}
.pbx-tablet-system__btn[aria-selected=true] {
  background: #26455c;
}
.pbx-tablet-system__items {
  background: #f5f5f5;
}
.pbx-tablet-system__item {
  display: none;
  padding: 20px 15px 30px;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-system__item {
    padding: clamp(20px, 5.3333333333vw, 30px);
  }
}
.pbx-tablet-system__item[aria-hidden=false] {
  display: block;
}
.pbx-tablet-system__heading {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #0597f2;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-system__heading {
    margin-bottom: clamp(10px, 2.6666666667vw, 15px);
    font-size: clamp(18px, 4.8vw, 20px);
  }
}
.pbx-tablet-system__txt {
  font-size: 16px;
  margin-bottom: 20px;
}
.pbx-tablet-system__images {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-system__images {
    flex-direction: column;
    align-items: center;
  }
}
.pbx-tablet-system__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 237px;
}
@media screen and (max-width: 768px) {
  .pbx-tablet-system__image {
    width: 100%;
    max-width: 237px;
  }
}
.pbx-tablet-system__image img {
  width: 100%;
}
.pbx-tablet-system__image figcaption {
  font-size: 16px;
  font-weight: bold;
  line-height: 3;
  text-align: center;
}

.pbx-cti-data__tabs {
  display: grid;
  grid-template-columns: repeat(var(--_columns, 2), 1fr);
  gap: 1px;
  border-bottom: 1px solid #fff;
}
.pbx-cti-data__tab {
  background: #a8b5be;
}
.pbx-cti-data__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-cti-data__btn {
    height: 100%;
    min-height: 74px;
    padding: 10px;
    font-size: min(2.6666666667vw, 14px);
  }
}
.pbx-cti-data__btn[aria-selected=true] {
  background: #26455c;
}
.pbx-cti-data__items {
  background: #f5f5f5;
}
.pbx-cti-data__item {
  display: none;
  padding: 30px 20px;
}
@media screen and (max-width: 768px) {
  .pbx-cti-data__item {
    padding: clamp(20px, 5.3333333333vw, 30px);
  }
}
.pbx-cti-data__item[aria-hidden=false] {
  display: block;
}
.pbx-cti-data__data {
  display: flex;
  justify-content: center;
}
.pbx-cti-data__pic img {
  width: 100%;
}
.pbx-cti-data__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pbx-cti-data__heading {
  width: 100%;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-cti-data__heading {
    margin-bottom: 20px;
    font-size: clamp(18px, 4.8vw, 22px);
  }
}
.pbx-cti-data__txt {
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-cti-data__txt {
    margin-bottom: clamp(20px, 5.3333333333vw, 30px);
  }
}
.pbx-cti-data__image {
  max-width: 100%;
}
.pbx-cti-data__image img {
  width: 100%;
}

.pbx-cti-intro {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
  padding: 50px min(5.3333333333vw, 30px) 40px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .pbx-cti-intro {
    gap: clamp(10px, 2.6666666667vw, 20px);
    margin-bottom: clamp(30px, 8vw, 50px);
  }
}
.pbx-cti-intro__head {
  font-size: 24px;
  font-weight: bold;
  color: #0597f2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-cti-intro__head {
    font-size: clamp(16px, 4.2666666667vw, 20px);
    text-align: left;
  }
}
.pbx-cti-intro__txt {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-cti-intro__txt {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.pbx-cti-intro__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(10px, 2.6666666667vw, 20px);
}
@media screen and (max-width: 768px) {
  .pbx-cti-intro__columns {
    grid-template-columns: 1fr;
  }
}
.pbx-cti-intro__column {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding-left: 50px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border-radius: 44px;
  background: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-cti-intro__column {
    padding-left: 40px;
  }
}
.pbx-cti-intro__column i {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  width: 22px;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.pbx-cti-intro__column i svg {
  width: 100%;
}

.pbx-cti-merit__columns {
  counter-reset: conunt;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 40px;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pbx-cti-merit__columns {
    grid-template-columns: 1fr;
    gap: max(8vw, 40px);
  }
}
.pbx-cti-merit__column {
  counter-increment: count;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 29px;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .pbx-cti-merit__column {
    gap: clamp(25px, 6.6666666667vw, 30px);
    padding: max(7.7333333333vw, 29px);
  }
}
.pbx-cti-merit__column::before {
  content: "0" counter(count);
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  top: -15px;
  left: -15px;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  background: linear-gradient(to right, #f9833a 0%, #f54f23 100%);
}
@media screen and (max-width: 768px) {
  .pbx-cti-merit__column::before {
    width: 16vw;
    top: -4vw;
    left: -4vw;
    font-size: 6.6666666667vw;
  }
}
.pbx-cti-merit__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  line-height: 1.6;
}
.pbx-cti-merit__item dt {
  word-break: auto-phrase;
  font-size: 18px;
  font-weight: bold;
  color: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-cti-merit__item dt {
    font-size: clamp(16px, 4.2666666667vw, 20px);
    text-align: center;
  }
}
.pbx-cti-merit__item dd {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-cti-merit__item dd {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.pbx-cti-merit__image {
  order: -1;
}
.pbx-cti-merit__image img {
  width: 100%;
}

.pbx-detail-intro {
  position: relative;
}
@media screen and (max-width: 768px) {
  .pbx-detail-intro {
    border-bottom: 2px solid #0597f2;
  }
}
.pbx-detail-intro__wrap {
  display: grid;
  grid-template-columns: 420px auto;
  justify-content: space-between;
  max-width: 800px;
  min-height: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pbx-detail-intro__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 0;
  }
}
.pbx-detail-intro__item {
  flex-shrink: 0;
  width: fit-content;
  max-width: 420px;
  margin: auto 0;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-detail-intro__item {
    width: 100vw;
    max-width: 100vw;
    margin: 0 -4vw;
    border-radius: 0;
  }
}
.pbx-detail-intro__head {
  padding: 15px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  background: #0597f2;
}
.pbx-detail-intro__detail {
  padding: 17px 32px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-intro__detail {
    padding: 15px 6.6666666667vw;
  }
}
.pbx-detail-intro__row {
  display: grid;
  grid-template-columns: 5em 1fr;
  gap: 10px;
  font-size: 14px;
  line-height: 1.6;
}
.pbx-detail-intro__row dt {
  color: #0597f2;
}
.pbx-detail-intro__row + .pbx-detail-intro__row {
  margin-top: 2px;
}
.pbx-detail-intro__image {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .pbx-detail-intro__image {
    order: -1;
  }
}
.pbx-detail-intro__image img {
  width: 100%;
}
.pbx-detail-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.pbx-detail-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-detail-lead {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-lead {
    margin-top: 30px;
  }
}
.pbx-detail-lead__wrap {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.pbx-detail-lead__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pbx-detail-lead__head {
  font-size: 20px;
  font-weight: bold;
  color: #0597f2;
}
.pbx-detail-lead__txt p {
  font-size: 16px;
  line-height: 2;
}
.pbx-detail-lead__image {
  flex-shrink: 0;
  width: 260px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-lead__image {
    display: none;
  }
}
.pbx-detail-lead__image img {
  width: 100%;
}

.pbx-detail-nav {
  margin-top: 50px;
  padding: 45px 0;
  background: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-detail-nav {
    margin-top: 30px;
  }
}
.pbx-detail-nav__item a {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
}
.pbx-detail-nav__item a i {
  flex-shrink: 0;
  width: 26px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-nav__item a i {
    width: 16px;
  }
}
.pbx-detail-nav__item a i img {
  width: 100%;
}
.pbx-detail-nav__item + .pbx-detail-nav__item {
  margin-top: 15px;
}

.pbx-detail-content {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-content {
    margin-top: 45px;
  }
}
.pbx-detail-content__row + .pbx-detail-content__row {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-content__row + .pbx-detail-content__row {
    margin-top: 45px;
  }
}
.pbx-detail-content__heading {
  display: flex;
  justify-content: center;
  font-size: 24px;
  line-height: 1.8333333333;
  font-weight: bold;
  color: #eb4d31;
}
@media screen and (max-width: 768px) {
  .pbx-detail-content__heading {
    line-height: 1.5;
  }
}
.pbx-detail-content__item {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-content__item {
    margin-top: 30px;
  }
}
.pbx-detail-content__txt {
  margin-top: 15px;
  font-size: 16px;
  line-height: 2;
}
.pbx-detail-content__txt.-interviewer {
  position: relative;
  margin-top: 30px;
  padding-left: 35px;
  font-weight: bold;
  color: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-detail-content__txt.-interviewer {
    line-height: 1.6;
  }
}
.pbx-detail-content__txt.-interviewer::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  top: 14px;
  left: 0;
  background: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-detail-content__txt.-interviewer::before {
    top: 50%;
    transform: translateY(-50%);
  }
}
.pbx-detail-content__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  max-width: 600px;
  margin: 30px auto 0;
}
.pbx-detail-content__image img {
  width: 100%;
}
.pbx-detail-content__image figcaption {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-detail-content__image figcaption {
    font-size: 14px;
  }
}

.pbx-precedent-mv {
  position: relative;
  margin: 0 calc(50% - 50vw);
}
.pbx-precedent-mv__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
.pbx-precedent-mv__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .pbx-precedent-mv__head {
    gap: 20px;
  }
}
.pbx-precedent-mv__head span {
  width: 470px;
}
@media screen and (max-width: 768px) {
  .pbx-precedent-mv__head span {
    width: 100%;
    max-width: 470px;
  }
}
.pbx-precedent-mv__head em {
  width: 248px;
}
@media screen and (max-width: 768px) {
  .pbx-precedent-mv__head em {
    width: 39.4666666667vw;
    min-width: 148px;
    max-width: 248px;
  }
}
.pbx-precedent-mv__head img {
  width: 100%;
}
.pbx-precedent-mv__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
}
.pbx-precedent-mv__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-precedent-archive__lead {
  display: flex;
  justify-content: center;
  margin-top: var(--_margin-top-PC, 50px);
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-precedent-archive__lead {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 30px));
    text-align: left;
  }
}
.pbx-precedent-archive__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  max-width: 940px;
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .pbx-precedent-archive__wrap {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
}
.pbx-precedent-archive__column a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px 15px 25px;
  box-shadow: #ccc 0 0 3px;
}
@media screen and (max-width: 768px) {
  .pbx-precedent-archive__column a {
    padding: 15px;
  }
}
.pbx-precedent-archive__column a:hover img {
  rotate: 25deg;
  scale: 2;
}
.pbx-precedent-archive__column a:hover p {
  color: #eb4d31;
}
.pbx-precedent-archive__heading {
  display: flex;
  order: 1;
  justify-content: center;
  margin-top: auto;
  font-size: 14px;
  line-height: 2;
  background: #f5f5f5;
}
.pbx-precedent-archive__image {
  aspect-ratio: 9/5;
  margin-bottom: 10px;
  overflow: hidden;
}
.pbx-precedent-archive__image img {
  width: 100%;
  transition: rotate 0.3s, scale 0.3s;
}
.pbx-precedent-archive__text {
  margin-bottom: 15px;
  word-break: auto-phrase;
  font-weight: bold;
  color: #0597f2;
  text-align: center;
  transition: color 0.3s;
}

.pbx-detail-slide {
  margin-top: 50px;
}
.pbx-detail-slide__slide {
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .pbx-detail-slide__slide {
    width: 62.6666666667vw;
    margin: 0 auto;
  }
}
.pbx-detail-slide__arrow {
  width: 40px;
  height: 40px;
}
.pbx-detail-slide__arrow img {
  width: 100%;
}
.pbx-detail-slide__arrow.-prev {
  left: -45px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-slide__arrow.-prev {
    left: -15px;
  }
}
.pbx-detail-slide__arrow.-next {
  right: -45px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-slide__arrow.-next {
    right: -15px;
  }
}
.pbx-detail-slide__wrap {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .pbx-detail-slide__wrap {
    overflow: visible;
  }
}
.pbx-detail-slide__column a {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 20px;
  box-shadow: #ccc 0 0 3px;
}
.pbx-detail-slide__column a:hover img {
  rotate: 25deg;
  scale: 2;
}
.pbx-detail-slide__column a:hover p {
  color: #eb4d31;
}
.pbx-detail-slide__heading {
  display: flex;
  justify-content: center;
  order: 1;
  font-size: 12px;
  line-height: 2.1666666667;
  background: #f5f5f5;
}
.pbx-detail-slide__image {
  aspect-ratio: 9/5;
  margin-bottom: 10px;
  overflow: hidden;
}
.pbx-detail-slide__image img {
  width: 100%;
  transition: rotate 0.3s, scale 0.3s;
}
.pbx-detail-slide__text {
  margin-bottom: 15px;
  word-break: auto-phrase;
  font-size: 12px;
  line-height: 1.5833333333;
  font-weight: bold;
  color: #0597f2;
  text-align: center;
  transition: color 0.3s;
}

.pbx-faq {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .pbx-faq {
    margin-top: 40px;
  }
}
.pbx-faq__item {
  border: 2px solid #edeff4;
}
.pbx-faq__item + .pbx-faq__item {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-faq__item + .pbx-faq__item {
    margin-top: 20px;
  }
}
.pbx-faq__heading {
  display: flex;
  align-items: baseline;
  flex-shrink: 0;
  gap: 5px;
  padding: 35px;
  font-size: 18px;
  font-weight: bold;
  color: #0597f2;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-faq__heading {
    align-items: center;
    padding: 15px;
    font-size: 16px;
  }
}
.pbx-faq__heading i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 16px;
  color: #fff;
  border-radius: 50%;
  background: #0597f2;
}
.pbx-faq__detail {
  display: flex;
  align-items: baseline;
  gap: 5px;
  padding: 0 35px 35px;
}
@media screen and (max-width: 768px) {
  .pbx-faq__detail {
    padding: 0 15px 15px;
  }
}
.pbx-faq__detail i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 16px;
  color: #fff;
  line-height: 1.6;
  border-radius: 50%;
  background: #e8442b;
}
.pbx-faq__data {
  font-size: 16px;
  line-height: 1.6;
}

.pbx-flow-mv {
  position: relative;
}
.pbx-flow-mv__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 300px;
  gap: 30px;
  padding: 55px 0;
}
@media screen and (max-width: 768px) {
  .pbx-flow-mv__wrap {
    justify-content: center;
    width: 90vw;
    margin: 0 auto;
  }
}
.pbx-flow-mv__wrap dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-flow-mv__wrap dt {
    width: 100%;
  }
}
.pbx-flow-mv__wrap dt small {
  width: 470px;
}
@media screen and (max-width: 768px) {
  .pbx-flow-mv__wrap dt small {
    width: 100%;
    max-width: 470px;
  }
}
.pbx-flow-mv__wrap dt small img {
  width: 100%;
}
.pbx-flow-mv__wrap dt span {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .pbx-flow-mv__wrap dt span {
    width: 50%;
    max-width: fit-content;
  }
}
.pbx-flow-mv__wrap dt span img {
  width: 100%;
}
.pbx-flow-mv__items {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.pbx-flow-mv__item {
  width: fit-content;
}
.pbx-flow-mv__item img {
  width: 100%;
}
.pbx-flow-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.pbx-flow-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pbx-flow-mv__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
}
.pbx-flow-mv__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-flow {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .pbx-flow {
    margin-top: 40px;
  }
}
.pbx-flow__head {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  font-size: 18px;
  line-height: 1.2222222222;
  font-weight: bold;
  color: #20a2f3;
  text-transform: uppercase;
  border-top: 1px solid #20a2f3;
  border-bottom: 1px solid #20a2f3;
}
@media screen and (max-width: 768px) {
  .pbx-flow__head {
    line-height: 1.2em;
  }
}
.pbx-flow__lead {
  margin-top: 30px;
  font-size: 16px;
  line-height: 2em;
}
.pbx-flow__rows {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .pbx-flow__rows {
    margin-top: 40px;
  }
}
.pbx-flow__row {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding-left: 45px;
}
@media screen and (max-width: 768px) {
  .pbx-flow__row {
    flex-direction: column;
    gap: 0;
    padding-left: 25px;
  }
}
.pbx-flow__row::before {
  content: attr(data-num);
  position: absolute;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  top: -8px;
  left: -21px;
  padding: 5px 7px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 50%;
  background: linear-gradient(to right, #1a91c1 1%, #0e4f8d 100%);
}
.pbx-flow__row::after {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% - 36px);
  bottom: -8px;
  left: 0;
  background: #c9c7cd;
}
.pbx-flow__row:last-child::after {
  content: none;
}
.pbx-flow__row + .pbx-flow__row {
  margin-top: 40px;
}
.pbx-flow__item {
  max-width: 515px;
}
@media screen and (max-width: 768px) {
  .pbx-flow__item {
    display: contents;
  }
}
.pbx-flow__heading {
  font-size: 18px;
  font-weight: bold;
  color: #26455c;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-flow__heading {
    order: -1;
    font-size: 16px;
  }
}
.pbx-flow__txt {
  margin-top: 20px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-flow__txt {
    font-size: 14px;
  }
}
.pbx-flow__tel {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-flow__tel {
    margin-top: 20px;
  }
}
.pbx-flow__tel span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: bold;
  color: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-flow__tel span {
    font-size: 22px;
  }
}
.pbx-flow__tel span i {
  flex-shrink: 0;
  width: 32px;
}
.pbx-flow__tel span i img {
  width: 100%;
}
.pbx-flow__tel small {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .pbx-flow__tel small {
    padding-left: 40px;
  }
}
.pbx-flow__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 250px;
  margin-top: 30px;
  padding: 5px 15px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  border-radius: 20px;
  background: linear-gradient(to right, #07b5f6 0%, #037aee 100%);
}
@media screen and (max-width: 768px) {
  .pbx-flow__btn {
    padding: 10px 15px;
    font-size: 14px;
  }
}
.pbx-flow__btn i {
  flex-shrink: 0;
  width: 26px;
}
.pbx-flow__image {
  flex-shrink: 0;
  width: 300px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .pbx-flow__image {
    order: -1;
    width: 100%;
    margin: 20px 0 0;
  }
}
.pbx-flow__image img {
  width: 100%;
}
.pbx-flow__detail {
  margin-top: 20px;
}
.pbx-flow__data {
  display: flex;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-flow__data {
    font-size: 14px;
  }
}
.pbx-flow__data dt {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.pbx-flow__data dt::after {
  content: "：";
}
.pbx-flow__data dt i {
  flex-shrink: 0;
  width: 22px;
  margin-right: 8px;
}
.pbx-flow__data dt i img {
  width: 100%;
}
.pbx-what-mv {
  position: relative;
}
.pbx-what-mv__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 533px;
  min-height: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pbx-what-mv__wrap {
    gap: 30px;
    width: 86.9333333333vw;
  }
}
.pbx-what-mv__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
}
.pbx-what-mv__head i {
  width: 470px;
}
@media screen and (max-width: 768px) {
  .pbx-what-mv__head i {
    width: 100%;
  }
}
.pbx-what-mv__head span {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .pbx-what-mv__head span {
    width: 84.2666666667vw;
    max-width: fit-content;
  }
}
.pbx-what-mv__head span img {
  width: 100%;
}
.pbx-what-mv__lead {
  width: fit-content;
  padding: 0 15px;
  font-size: 14px;
  font-weight: bold;
  color: #04c3f6;
  line-height: 1.6;
  letter-spacing: 0.1em;
  transform: skewX(-15deg);
}
@media screen and (max-width: 768px) {
  .pbx-what-mv__lead {
    font-size: 12px;
    line-height: 2.25;
    text-align: center;
  }
}
.pbx-what-mv__lead span {
  background: #fff;
}
.pbx-what-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.pbx-what-intro {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pbx-what-intro {
    flex-direction: column;
    gap: 20px;
  }
}
.pbx-what-intro__item {
  flex-grow: 1;
}
.pbx-what-intro__txt + .pbx-what-intro__txt {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .pbx-what-intro__txt + .pbx-what-intro__txt {
    margin-top: 0;
  }
}
.pbx-what-intro__txt.-color {
  color: #e8442b;
}
.pbx-what-intro__image {
  flex-shrink: 0;
  width: 460px;
  max-width: 48%;
}
@media screen and (max-width: 768px) {
  .pbx-what-intro__image {
    order: -1;
    width: 100%;
    max-width: 100%;
  }
}
.pbx-what-intro__image img {
  width: 100%;
}
.pbx-what-intro__image[href] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 85px 46px;
  border: 2px solid #edeff4;
}
@media screen and (max-width: 768px) {
  .pbx-what-intro__image[href] {
    order: 1;
    padding: 25px 34px;
  }
}

.pbx-what-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
}
.pbx-what-feature__txt {
  font-size: 16px;
  font-weight: bold;
  color: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-what-feature__txt {
    text-align: center;
  }
}
.pbx-what-feature__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  padding: 15px 0;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  border-radius: 22px;
  background: linear-gradient(to right, #07b5f6 0%, #0379ee 100%);
}
@media screen and (max-width: 768px) {
  .pbx-what-feature__btn {
    width: 80%;
  }
}
.pbx-what-feature__btn::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  top: 50%;
  right: 20px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translateY(-50%) rotate(-135deg);
}

.pbx-what-merit-intro {
  display: flex;
  flex-direction: column;
  gap: 85px;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit-intro {
    gap: 0;
    margin: 0 -5.3333333333vw;
  }
}
.pbx-what-merit-intro__head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit-intro__head {
    height: 160px;
  }
}
.pbx-what-merit-intro__head picture {
  width: fit-content;
}
.pbx-what-merit-intro__head picture img {
  width: 100%;
}
.pbx-what-merit-intro__head i {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.pbx-what-merit-intro__lead {
  position: relative;
  order: -1;
  padding: 20px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  background: #e8432b;
}
.pbx-what-merit-intro__lead::before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 25px 80px 0 80px;
  border-color: #e8432b transparent transparent transparent;
}

@media screen and (max-width: 768px) {
  .pbx-what-merit {
    margin-top: 35px;
  }
}
.pbx-what-merit + .pbx-what-merit {
  padding-top: 80px;
  border-top: 4px solid #f5f5f5;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit + .pbx-what-merit {
    padding-top: 50px;
  }
}
.pbx-what-merit__head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.pbx-what-merit__head small {
  position: relative;
  width: 272px;
  height: 74px;
}
.pbx-what-merit__head small span {
  position: absolute;
  top: 52%;
  left: 24px;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  font-style: italic;
  line-height: 1.6;
  text-transform: uppercase;
}
.pbx-what-merit__head small span + span {
  left: auto;
  right: 43px;
}
.pbx-what-merit__head small i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.pbx-what-merit__head small i img {
  width: 100%;
}
.pbx-what-merit__head em {
  font-size: 28px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__head em {
    word-break: auto-phrase;
    font-size: 20px;
  }
}
.pbx-what-merit__head em span {
  color: #0597f2;
}
.pbx-what-merit__rows {
  margin-top: 50px;
  border-top: 4px solid #f5f5f5;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__rows {
    margin-top: 35px;
  }
}
.pbx-what-merit__row {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__row {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}
.pbx-what-merit__row::before {
  content: "";
  flex-grow: 1;
  min-width: 48px;
  height: 1px;
  margin-top: 13px;
  background: #26455c;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__row::before {
    content: none;
  }
}
.pbx-what-merit__row.-type-1::before {
  min-width: 30px;
}
.pbx-what-merit__row + .pbx-what-merit__row {
  border-top: 4px solid #f5f5f5;
}
.pbx-what-merit__heading {
  display: flex;
  order: -1;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__heading {
    flex-direction: row;
    align-items: center;
    font-size: 16px;
  }
}
.-type-1 > .pbx-what-merit__heading {
  color: #0597f2;
}
.pbx-what-merit__item {
  flex-grow: 2;
  max-width: 700px;
}
.pbx-what-merit__lead {
  font-size: 18px;
  font-weight: bold;
  color: #e8442b;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__lead {
    font-size: 14px;
  }
}
.pbx-what-merit__txt {
  margin-top: 10px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__txt {
    margin-top: 20px;
    font-size: 12px;
  }
}
.pbx-what-merit__txt a {
  color: #0597f2;
  text-decoration: underline;
}
.pbx-what-merit__list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}
.pbx-what-merit__list > li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__list > li {
    padding-left: 18px;
    font-size: 12px;
  }
}
.pbx-what-merit__list > li::before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
}
.pbx-what-merit__images {
  margin-top: 10px;
}
.pbx-what-merit__images.-type-1 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__images.-type-1 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pbx-what-merit__images.-type-1 li img {
  width: 100%;
}
.pbx-what-merit__images.-type-2 {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__images.-type-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 290px;
    margin: 20px auto 0;
  }
}
.pbx-what-merit__images.-type-2 li {
  width: 120px;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__images.-type-2 li {
    width: 100%;
  }
}
.pbx-what-merit__images.-type-2 li img {
  width: 100%;
}
.pbx-what-merit__check {
  display: grid;
  gap: 5px;
  margin-top: 5px;
}
.pbx-what-merit__check li {
  display: flex;
  align-items: baseline;
  gap: 7px;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__check li {
    align-items: center;
    gap: 6px;
    font-size: 12px;
  }
}
.pbx-what-merit__check li i {
  flex-shrink: 0;
  width: 13px;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__check li i {
    width: 12px;
  }
}
.pbx-what-merit__check li i img {
  width: 100%;
}
.pbx-what-merit__fig {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__fig {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.pbx-what-merit__fig li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #26455c;
  line-height: 1.6;
  box-shadow: 0 0 5px #c0c0c0;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-what-merit__fig li em {
    padding: 0 10px;
  }
}

.pbx-what-cost {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 680px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .pbx-what-cost {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 20px;
    max-width: 100%;
  }
}
.pbx-what-cost__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 0;
  font-weight: bold;
  font-style: italic;
  line-height: 1.6;
  border: 2px solid #dee0e5;
}
@media screen and (max-width: 768px) {
  .pbx-what-cost__column {
    padding: 20px 0;
  }
}
.pbx-what-cost__column dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-what-cost__column dt {
    font-size: 14px;
  }
}
.pbx-what-cost__column dt::before, .pbx-what-cost__column dt::after {
  content: "";
  width: 25px;
  height: 1px;
  background: #26455c;
}
.pbx-what-cost__column dd {
  font-size: 24px;
  color: #e8442b;
}
@media screen and (max-width: 768px) {
  .pbx-what-cost__column dd {
    font-size: 18px;
  }
}

.pbx-information-mv {
  position: relative;
  overflow: hidden;
}
.pbx-information-mv__wrap {
  position: relative;
  z-index: 1;
}
.pbx-information-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  width: 530px;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .pbx-information-mv__item {
    align-items: center;
    width: 87.4666666667vw;
    margin: 0 auto;
  }
}
.pbx-information-mv__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-information-mv__head {
    align-items: center;
  }
}
.pbx-information-mv__head i {
  width: 470px;
}
@media screen and (max-width: 768px) {
  .pbx-information-mv__head i {
    width: 100%;
    max-width: fit-content;
  }
}
.pbx-information-mv__head i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .pbx-information-mv__head picture {
    width: 150px;
  }
}
.pbx-information-mv__head picture img {
  width: 100%;
}
.pbx-information-mv__columns {
  display: flex;
  gap: 15px;
}
.pbx-information-mv__column {
  width: var(--_width-PC, fit-content);
}
.pbx-information-mv__column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pbx-information-mv__image {
  position: absolute;
  width: 271px;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .pbx-information-mv__image {
    width: 188px;
    bottom: -25px;
    right: -38px;
  }
}
.pbx-information-mv__image img {
  width: 100%;
}
.pbx-information-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.pbx-information-anchor {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .pbx-information-anchor {
    margin-top: 30px;
  }
}
.pbx-information-anchor__items {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-information-anchor__items {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.pbx-information-anchor__item a {
  position: relative;
  display: flex;
  justify-content: center;
  width: 200px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 42px;
  background: linear-gradient(to right, #07b5f6 0%, #0379ee 100%);
}
@media screen and (max-width: 768px) {
  .pbx-information-anchor__item a {
    width: 53.3333333333vw;
  }
}
.pbx-information-anchor__item a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-135deg);
  width: 9px;
  height: 9px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.pbx-information {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .pbx-information {
    margin-top: 60px;
  }
}
.pbx-information__head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 32px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-information__head {
    gap: 36px;
    font-size: 22px;
  }
}
.pbx-information__head::before, .pbx-information__head::after {
  content: "";
  width: 44px;
  height: 3px;
  background: #26455c;
}
@media screen and (max-width: 768px) {
  .pbx-information__head::before, .pbx-information__head::after {
    width: 24px;
  }
}
.pbx-information__wrap {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .pbx-information__wrap {
    margin-top: 40px;
  }
}
.pbx-information__row + .pbx-information__row {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .pbx-information__row + .pbx-information__row {
    margin-top: 40px;
  }
}
.pbx-information__heading {
  padding: 25px;
  font-size: 18px;
  line-height: 1.2222222222;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to right, #1a91c1 1%, #0e4f8d 100%);
}
@media screen and (max-width: 768px) {
  .pbx-information__heading {
    display: flex;
    gap: 7px;
    margin: 0 -4vw;
    padding: 22px 15px;
    font-size: 16px;
    line-height: 1.2em;
  }
}
@media screen and (max-width: 768px) {
  .pbx-information__heading::before {
    content: "";
    border-left: 2px solid #fff;
  }
}
.pbx-information__intro {
  max-width: 960px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .pbx-information__intro {
    margin-top: 20px;
  }
}
.pbx-information__desc {
  margin-top: 40px;
}
.pbx-information__desc dt {
  display: flex;
  justify-content: center;
  padding: 18px 0;
  font-size: 18px;
  font-weight: bold;
  color: #0597f2;
  border-top: 1px solid #0597f2;
  border-bottom: 1px solid #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-information__desc dt {
    font-size: 16px;
    text-align: center;
  }
}
.pbx-information__desc dd {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-information__desc dd {
    margin-top: 20px;
  }
}
.pbx-information__desc dd ul {
  display: flex;
  justify-content: center;
  gap: 55px;
}
@media screen and (max-width: 768px) {
  .pbx-information__desc dd ul {
    flex-wrap: wrap;
    gap: 20px;
    width: 238px;
    margin: 0 auto;
  }
}
.pbx-information__desc dd ul li {
  width: 151px;
}
@media screen and (max-width: 768px) {
  .pbx-information__desc dd ul li {
    width: 109px;
  }
}
.pbx-information__desc dd ul li img {
  width: 100%;
}

.pbx-information-price__intro {
  display: flex;
  justify-content: center;
  width: fit-content;
  max-width: 640px;
  margin: 48px auto 0;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__intro {
    margin-top: 30px;
  }
}
.pbx-information-price__intro img {
  width: 100%;
}
.pbx-information-price__wrap {
  margin: 75px auto 0;
  max-width: 960px;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__wrap {
    margin-top: 40px;
  }
}
.pbx-information-price__row {
  border: 1px solid #edeff4;
}
.pbx-information-price__heading {
  display: flex;
  justify-content: center;
  padding: 13px 0;
  font-size: 16px;
  font-weight: bold;
  color: #26455c;
  background: #edeff4;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__heading {
    font-size: 14px;
  }
}
.pbx-information-price__content {
  position: relative;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__content {
    padding: 10px;
  }
}
.pbx-information-price__lead {
  font-weight: bold;
}
.pbx-information-price__lead em {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__lead em {
    font-size: 16px;
  }
}
.pbx-information-price__lead small {
  font-size: 12px;
}
.pbx-information-price__detail {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 10px;
  line-height: 1.6;
}
.pbx-information-price__detail dt {
  flex-shrink: 0;
  padding: 3px 10px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background: #26455c;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__detail dt {
    padding: 1px 5px;
    font-size: 12px;
  }
}
.pbx-information-price__list li {
  display: flex;
  gap: 5px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__list li {
    font-size: 12px;
  }
}
.pbx-information-price__list li::before {
  content: "●";
}
.pbx-information-price__fig {
  position: absolute;
  width: 130px;
  top: 15px;
  right: 15px;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__fig {
    width: 103px;
    top: auto;
    bottom: -50px;
    right: 14px;
  }
}
.pbx-information-price__fig img {
  width: 100%;
}
.pbx-information-price__txt {
  position: relative;
  margin-top: 30px;
  padding: 10px 0;
  font-size: 16px;
  color: #e8442b;
  text-align: center;
  border: 1px solid #e8442b;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__txt {
    font-size: 14px;
  }
}
.pbx-information-price__table {
  width: 100%;
  margin-top: 70px;
  border-collapse: separate;
  border-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table {
    margin-top: 20px;
  }
}
.pbx-information-price__table th, .pbx-information-price__table td {
  height: 48px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.6;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table th, .pbx-information-price__table td {
    font-size: 10px;
  }
}
.pbx-information-price__table thead th {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table thead th {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table thead th[data-device=pc] {
    display: none;
  }
}
.pbx-information-price__table thead th[data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table thead th[data-device=sp] {
    display: table-cell;
  }
}
.pbx-information-price__table thead th.-type-1 {
  color: #fff;
  background: #777779;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table thead th.-type-1 {
    width: 90px;
  }
}
.pbx-information-price__table thead th.-type-2 {
  color: #fff;
  background: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table thead th.-type-2 {
    width: 90px;
  }
}
.pbx-information-price__table tbody tr[aria-hidden=true] {
  display: none;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table tbody tr[aria-hidden=true] {
    display: table-row;
  }
}
.pbx-information-price__table tbody tr[aria-hidden=true] td {
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #26455c;
}
.pbx-information-price__table tbody tr.-odd th, .pbx-information-price__table tbody tr.-odd td {
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table tbody tr th {
    padding-right: 0;
  }
}
.pbx-information-price__table tbody tr th[rowspan] {
  color: #fff;
  background: #26455c;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table tbody tr th[rowspan] {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table tbody tr td {
    white-space: nowrap;
  }
}
.pbx-information-price__table tbody tr td[rowspan] {
  color: #fff;
  background: #0597f2;
}
.pbx-information-price__table tbody tr td[rowspan] em {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__table tbody tr td[rowspan] em {
    font-size: 13px;
  }
}
.pbx-information-price__table tbody th, .pbx-information-price__table tbody td {
  color: #26455c;
  background: #f4f4f5;
}
.pbx-information-price__table tbody th {
  font-weight: 400;
}
.pbx-information-price__table tbody td {
  text-align: center;
}
.pbx-information-price__campaign {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
  padding: 20px 0 30px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  background: #e8432b;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__campaign {
    margin-top: 40px;
    padding-bottom: 20px;
  }
}
.pbx-information-price__campaign::before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 25px 80px 0 80px;
  border-color: #e8432b transparent transparent transparent;
}
.pbx-information-price__campaign dt {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__campaign dt {
    font-size: 18px;
  }
}
.pbx-information-price__campaign dd {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-information-price__campaign dd {
    font-size: 12px;
  }
}

.pbx-information-service {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  max-width: 960px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .pbx-information-service {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
  }
}
.pbx-information-service__column {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 30px 40px;
  color: #26455c;
  box-shadow: 0 0 5px #c0c0c0;
}
@media screen and (max-width: 768px) {
  .pbx-information-service__column {
    padding: 10px;
  }
}
.pbx-information-service__heading {
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-information-service__heading {
    margin-top: 15px;
    font-size: 16px;
  }
}
.pbx-information-service__image {
  order: -1;
}
.pbx-information-service__image img {
  width: 100%;
}
.pbx-information-service__device {
  position: absolute;
  display: flex;
  gap: 5px;
  top: 35px;
  right: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-information-service__device {
    position: inherit;
    top: auto;
    right: auto;
    margin-top: 10px;
  }
}
.pbx-information-service__device dd {
  width: 22px;
}
.pbx-information-service__device img {
  width: 100%;
}
.pbx-information-service__txt {
  margin-top: 20px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-information-service__txt {
    margin-top: 10px;
    font-size: 14px;
  }
}
.pbx-information-service__note {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-information-service__note {
    margin-top: 15px;
    font-size: 12px;
  }
}

.pbx-information-function {
  max-width: 960px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .pbx-information-function {
    margin-top: 20px;
  }
}
.pbx-information-function__row {
  display: grid;
  grid-template-columns: 265px 1fr;
  gap: 30px;
  padding: 30px;
  border: 2px solid #edeff4;
}
@media screen and (max-width: 768px) {
  .pbx-information-function__row {
    grid-template-columns: 1fr;
    gap: 15px;
    padding-bottom: 42px;
  }
}
.pbx-information-function__row + .pbx-information-function__row {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-information-function__item {
    display: flex;
    flex-direction: column;
  }
}
.pbx-information-function__intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pbx-information-function__intro {
    display: contents;
  }
}
.pbx-information-function__heading {
  font-size: 18px;
  font-weight: bold;
  color: #0597f2;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-information-function__heading {
    order: -1;
    font-size: 16px;
  }
}
.pbx-information-function__device {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .pbx-information-function__device {
    margin-top: 10px;
  }
}
.pbx-information-function__device dd {
  width: 22px;
}
.pbx-information-function__device dd img {
  width: 100%;
}
.pbx-information-function__lead {
  margin-top: 15px;
  font-size: 14px;
  color: #e8442b;
}
@media screen and (max-width: 768px) {
  .pbx-information-function__lead {
    order: -1;
  }
}
.pbx-information-function__txt {
  max-width: 575px;
  margin-top: 15px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-information-function__txt {
    max-width: 100%;
    font-size: 14px;
  }
}
.pbx-information-function__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 42px;
  margin: 16px 0 0 auto;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 21px;
  background: linear-gradient(to right, #07b4f6 0%, #037bee 100%);
}
@media screen and (max-width: 768px) {
  .pbx-information-function__more {
    width: 50.6666666667vw;
    min-width: 190px;
    margin: 12px auto 0;
  }
}
.pbx-information-function__more::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.pbx-information-function__image {
  order: -1;
}
.pbx-information-function__image img {
  width: 100%;
}

.pbx-information-type {
  max-width: 960px;
  margin: 30px auto 0;
}
.pbx-information-type__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__columns {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.pbx-information-type__column {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  line-height: 1.6;
}
.pbx-information-type__column dt {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__column dt {
    font-size: 14px;
  }
}
.pbx-information-type__column dd {
  display: contents;
}
.pbx-information-type__column dd span {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__column dd span {
    font-size: 12px;
  }
}
.pbx-information-type__image {
  order: -1;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__image {
    margin-bottom: 0;
  }
}
.pbx-information-type__image img {
  width: 100%;
}
.pbx-information-type__note {
  display: block;
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__note {
    margin-top: 20px;
  }
}
.pbx-information-type__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: gray;
  background: #eceaf1;
}
.pbx-information-type__table th, .pbx-information-type__table td {
  vertical-align: middle;
  line-height: 1.6;
}
.pbx-information-type__table th {
  width: 260px;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: #fafdff;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__table th {
    width: 100px;
    font-size: 12px;
  }
}
.pbx-information-type__table td {
  padding: 10px 15px;
  font-size: 15px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__table td {
    padding-right: 0;
    font-size: 12px;
  }
}
.pbx-information-type__table td small {
  display: block;
  margin-top: 10px;
  font-size: inherit;
}
.pbx-information-type__info {
  display: grid;
  grid-template-columns: 227px 1fr;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
  padding: 20px 25px;
  border: 1px solid #eceaf1;
  background: #fefcef;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__info {
    grid-template-columns: 62px 1fr;
  }
}
.pbx-information-type__info i img {
  width: 100%;
}
.pbx-information-type__info span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__info span {
    font-size: 12px;
  }
}
.pbx-information-type__info span em {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__info span em {
    font-size: 14px;
  }
}
.pbx-information-type__fig {
  width: 100%;
  max-width: 406px;
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  .pbx-information-type__fig {
    width: 86.4vw;
  }
}
.pbx-information-type__fig img {
  width: 100%;
}

.pbx-top-mv {
  position: relative;
  z-index: 1;
}
.pbx-top-mv__mv {
  width: 1066px;
  margin-left: 8px;
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  .pbx-top-mv__mv {
    width: 100vw;
    margin: 0 -4vw;
    padding-top: 0;
  }
}
.pbx-top-mv__mv img {
  width: 100%;
}
.pbx-top-mv__bg {
  position: absolute;
  width: 100%;
  height: 590px;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .pbx-top-mv__bg {
    display: none;
  }
}
.pbx-top-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-top-bnr {
  margin-top: 34px;
}
.pbx-top-bnr__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 40px;
}
@media screen and (max-width: 768px) {
  .pbx-top-bnr__columns {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.pbx-top-bnr__column a {
  display: block;
  border: 1px solid #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.pbx-top-bnr__column a img {
  width: 100%;
}

.pbx-top-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
.pbx-top-modal[open] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
.pbx-top-modal__wrap {
  position: relative;
  width: 100%;
  max-width: 820px;
  padding: 10px 60px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .pbx-top-modal__wrap {
    padding: 0;
  }
}
.pbx-top-modal__item {
  aspect-ratio: 820/461;
  width: 100%;
}
.pbx-top-modal__item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pbx-top-modal__close {
  position: absolute;
  aspect-ratio: 1;
  width: 35px;
  top: 10px;
  right: 15px;
}
@media screen and (max-width: 768px) {
  .pbx-top-modal__close {
    top: -40px;
    right: 0;
  }
}
.pbx-top-modal__close::before, .pbx-top-modal__close::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  border-radius: 5px;
  background: #fff;
}
.pbx-top-modal__close::before {
  transform: translateY(-50%) rotate(45deg);
}
.pbx-top-modal__close::after {
  transform: translateY(-50%) rotate(-45deg);
}

.pbx-top {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .pbx-top {
    padding-bottom: 60px;
  }
}
.pbx-top__head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 132px;
  padding-top: 10px;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .pbx-top__head {
    display: block;
    min-height: 0;
    padding: 30px 0 25px;
    font-size: 30px;
    line-height: 1.2em;
    text-align: center;
  }
}
.pbx-top__head::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 10px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #187fcd 0%, #0eb6c9 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top__head::before {
    height: 5px;
  }
}
.pbx-top__head i {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.pbx-top__head i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .pbx-top__head span {
    font-size: 20px;
  }
}
.pbx-top__head.-trial {
  padding: 60px 0 50px;
  font-size: 40px;
  line-height: 1.2em;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .pbx-top__head.-trial {
    padding: 30px 0 25px;
    font-size: 28px;
  }
}
.pbx-top__lead {
  margin-top: 50px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top__lead {
    margin-top: 30px;
    font-size: 15px;
    text-align: left;
  }
}
.pbx-top__lead em {
  color: #D22224;
}
.pbx-top__cost {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .pbx-top__cost {
    margin-top: 60px;
  }
}
.pbx-top__heading {
  position: relative;
  padding-bottom: 25px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top__heading {
    padding-bottom: 20px;
    font-size: 24px;
  }
}
.pbx-top__heading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top__heading::after {
    height: 3px;
  }
}
.pbx-top__heading span {
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pbx-top__table {
  width: 100%;
  margin-top: 50px;
  overflow-wrap: break-word;
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (max-width: 768px) {
  .pbx-top__table {
    margin-top: 30px;
  }
}
.pbx-top__table.-type-1 {
  margin-top: 124px;
}
@media screen and (max-width: 768px) {
  .pbx-top__table.-type-1 {
    margin-top: 84px;
  }
}
.pbx-top__table th, .pbx-top__table td {
  vertical-align: middle;
  border-right: 1px solid #D8D8D8;
}
.pbx-top__table thead {
  font-weight: bold;
  line-height: 1.1;
}
.pbx-top__table thead th {
  position: relative;
  width: 400px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th {
    width: 114px;
  }
}
.pbx-top__table thead th > em {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 12px 0 10px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th > em {
    padding: 10px 0 8px;
    font-size: 11px;
  }
}
.pbx-top__table thead th > span {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th > span {
    gap: 5px;
    margin-bottom: 10px;
    padding: 15px 0;
  }
}
.pbx-top__table thead th > span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  top: calc(100% - 1px);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th > span::before {
    height: 10px;
  }
}
.pbx-top__table thead th > span small {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th > span small {
    font-size: 11px;
  }
}
.pbx-top__table thead th > span span {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th > span span {
    font-size: 10px;
  }
}
.pbx-top__table thead th > span span em {
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th > span span em {
    font-size: 20px;
  }
}
.pbx-top__table thead th.-type-1 {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th.-type-1 {
    width: 128px;
  }
}
.pbx-top__table thead th.-type-1 > small {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  margin-bottom: 22px;
  padding: 10px;
  word-break: auto-phrase;
  font-size: 20px;
  color: #E8442B;
  text-align: center;
  border: 2px solid #E8442B;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th.-type-1 > small {
    width: fit-content;
    padding: 2px 8px 6px;
    white-space: nowrap;
    font-size: 14px;
  }
}
.pbx-top__table thead th.-type-1 > small::before, .pbx-top__table thead th.-type-1 > small::after {
  content: "";
  position: absolute;
  width: calc(50% - 10px);
  height: 2px;
  bottom: 0;
  background: currentColor;
}
.pbx-top__table thead th.-type-1 > small::before {
  left: 0;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th.-type-1 > small::before {
    width: 20px;
  }
}
.pbx-top__table thead th.-type-1 > small::after {
  right: 0;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th.-type-1 > small::after {
    width: calc(100% - 20px - 20px);
  }
}
.pbx-top__table thead th.-type-1 > small span {
  position: relative;
  display: block;
}
.pbx-top__table thead th.-type-1 > small span::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 15px;
  top: calc(100% + 8px);
  left: 52%;
  transform: translateX(-50%) rotate(40deg);
  background: currentColor;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th.-type-1 > small span::before {
    top: calc(100% + 3px);
    left: 27px;
    transform: rotate(40deg);
  }
}
.pbx-top__table thead th.-type-1 > small em {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th.-type-1 > small em {
    font-size: 20px;
  }
}
.pbx-top__table thead th.-type-1 > em {
  background: rgba(5, 151, 242, 0.8);
}
.pbx-top__table thead th.-type-1 > span {
  background: #0597F2;
}
.pbx-top__table thead th.-type-1 > span::before {
  background: #0597F2;
}
.pbx-top__table thead th.-type-2 {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .pbx-top__table thead th.-type-2 {
    width: 128px;
  }
}
.pbx-top__table thead th.-type-2 > em {
  background: rgba(38, 69, 92, 0.8);
}
.pbx-top__table thead th.-type-2 > span {
  background: #26455C;
}
.pbx-top__table thead th.-type-2 > span::before {
  background: #26455C;
}
.pbx-top__table tbody th, .pbx-top__table tbody td {
  padding: 20px;
  font-size: 18px;
  border-top: 1px solid #D8D8D8;
}
@media screen and (max-width: 768px) {
  .pbx-top__table tbody th, .pbx-top__table tbody td {
    padding: 10px;
    line-height: 1.5;
  }
}
.pbx-top__table tbody th {
  font-weight: 400;
  border-left: 1px solid #D8D8D8;
}
@media screen and (max-width: 768px) {
  .pbx-top__table tbody th {
    font-size: 12px;
  }
}
.pbx-top__table tbody td {
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top__table tbody td {
    font-size: 14px;
  }
}
.pbx-top__table tbody td small {
  font-size: 10px;
}
.pbx-top__table tbody tr.-type-1 {
  background: #DEE3E7;
}
.pbx-top__table tbody tr.-type-1 th {
  font-weight: bold;
  line-height: 1.5;
}
.pbx-top__table tbody tr.-type-2 {
  background: #F5F5F6;
}
.pbx-top__note {
  display: block;
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-top__note {
    margin-top: 10px;
    font-size: 10px;
  }
}
.pbx-top__summary {
  margin-top: 15px;
  padding: 25px;
  font-size: 18px;
  text-align: center;
  border: 1px solid #0497F2;
  background: #FCFAF2;
}
@media screen and (max-width: 768px) {
  .pbx-top__summary {
    padding: 20px 15px;
    font-size: 15px;
    text-align: left;
  }
}
.pbx-top__summary em {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #FFFF00 60%);
}
.pbx-top__more {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top__more {
    margin-top: 30px;
  }
}
.pbx-top__control {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .pbx-top__control {
    margin-top: 60px;
  }
}
.pbx-top__media {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 45px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .pbx-top__media {
    gap: 25px;
    margin-top: 55px;
  }
}
.pbx-top__media dt {
  position: relative;
  padding: 8px 60px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
  border: 2px solid;
  border-image: linear-gradient(to right, #0EB6C9, #187FCD);
  border-image-slice: 1;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .pbx-top__media dt {
    padding: 4px 15px;
    font-size: 17px;
  }
}
.pbx-top__media dt::before, .pbx-top__media dt::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 15px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #3399CB;
  clip-path: polygon(56% 100%, 0 0, 100% 0);
}
.pbx-top__media dt::after {
  margin-left: -2px;
  background: #fff;
}
.pbx-top__media dd img {
  width: 100%;
}

.pbx-top-intro {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro {
    margin-top: 40px;
  }
}
.pbx-top-intro__head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 92px;
  margin-bottom: 60px;
  padding: 35px 0;
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__head {
    margin: 0 -4vw 30px;
    padding: 20px 4vw;
    font-size: 24px;
    line-height: 1.2em;
  }
}
.pbx-top-intro__head::before, .pbx-top-intro__head::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  background: #fff;
}
.pbx-top-intro__head::before {
  top: 5px;
}
.pbx-top-intro__head::after {
  bottom: 5px;
}
.pbx-top-intro__intro {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__intro {
    flex-wrap: wrap;
  }
}
.pbx-top-intro__item {
  width: 500px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__item {
    width: 100%;
  }
}
.pbx-top-intro__txt {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__txt {
    font-size: 15px;
  }
}
.pbx-top-intro__txt em {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #FFFF00 60%);
}
.pbx-top-intro__txt + .pbx-top-intro__txt {
  margin-top: 1em;
}
.pbx-top-intro__fig {
  width: 450px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__fig {
    order: -1;
    width: 100%;
  }
}
.pbx-top-intro__fig img {
  width: 100%;
}
.pbx-top-intro__wrap {
  position: relative;
  margin-top: 50px;
  padding: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__wrap {
    margin: 50px -4vw 0;
    padding: 40px 0 0;
  }
}
.pbx-top-intro__columns {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__columns {
    display: flex;
    gap: 15px;
    width: fit-content;
    margin: 0 auto;
    padding: 0 4vw;
  }
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__column {
    flex-shrink: 0;
    width: 315px;
    max-width: 100%;
    padding-bottom: 20px;
  }
}
.pbx-top-intro__heading {
  position: relative;
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  border: 2px solid #fff;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__heading {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.pbx-top-intro__heading::before, .pbx-top-intro__heading::after {
  content: "";
  position: absolute;
  width: calc(50% - 10px);
  height: 2px;
  bottom: 0;
  background: #fff;
}
.pbx-top-intro__heading::before {
  left: 0;
}
.pbx-top-intro__heading::after {
  right: 0;
}
.pbx-top-intro__heading span {
  position: relative;
  display: block;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__heading span {
    padding: 15px 10px;
  }
}
.pbx-top-intro__heading span::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 15px;
  top: calc(100% - 3px);
  left: calc(50% + 5px);
  rotate: 40deg;
  background: #fff;
}
.pbx-top-intro__btn {
  position: relative;
  margin-bottom: 20px;
  box-shadow: 10px 10px 0 rgba(255, 255, 255, 0.35);
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__btn {
    box-shadow: 5px 5px 0 rgba(255, 255, 255, 0.35);
  }
}
.pbx-top-intro__btn span img {
  width: 100%;
}
.pbx-top-intro__btn i {
  position: absolute;
  width: 70px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__btn i {
    width: 54px;
  }
}
.pbx-top-intro__btn i img {
  width: 100%;
}
.pbx-top-intro__desc {
  font-size: 16px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro__desc {
    font-size: 15px;
  }
}
.pbx-top-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.pbx-top-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-top-intro-detail {
  color: #26455C;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail {
    margin-top: 60px;
  }
}
.pbx-top-intro-detail__head {
  position: relative;
  padding-bottom: 25px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__head {
    padding-bottom: 20px;
    font-size: 24px;
  }
}
.pbx-top-intro-detail__head::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__head::after {
    height: 3px;
  }
}
.pbx-top-intro-detail__head em {
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pbx-top-intro-detail__wrap {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__wrap {
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
  }
}
.pbx-top-intro-detail__image {
  width: 450px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__image {
    width: 100%;
  }
}
.pbx-top-intro-detail__image img {
  width: 100%;
}
.pbx-top-intro-detail__item {
  flex-grow: 1;
  max-width: 500px;
}
.pbx-top-intro-detail__txt {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__txt {
    font-size: 15px;
  }
}
.pbx-top-intro-detail__txt em {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #FFFF00 60%);
}
.pbx-top-intro-detail__txt + .pbx-top-intro-detail__txt {
  margin-top: 1em;
}
.pbx-top-intro-detail__lead {
  margin-top: 50px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__lead {
    margin-top: 30px;
    font-size: 15px;
    text-align: left;
  }
}
.pbx-top-intro-detail__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__columns {
    display: flex;
    width: fit-content;
    margin-top: 30px;
  }
}
.pbx-top-intro-detail__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 30px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__column {
    flex-shrink: 0;
    gap: 25px;
    width: 315px;
    padding: 20px 15px;
  }
}
.pbx-top-intro-detail__column dt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 240px;
  padding: 7px 20px;
  font-size: 20px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__column dt {
    max-width: 160px;
    font-size: 17px;
  }
}
.pbx-top-intro-detail__column dt::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 15px;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__column dt::before {
    width: 15px;
    height: 10px;
  }
}
.pbx-top-intro-detail__column dd {
  width: 100%;
}
.pbx-top-intro-detail__column.-merit {
  background: linear-gradient(135deg, #0eb6c9 0%, #187fcd 100%);
}
.pbx-top-intro-detail__column.-merit dt {
  color: #139ACB;
}
.pbx-top-intro-detail__column.-demerit {
  background: linear-gradient(135deg, #e87b2b 0%, #e8442b 100%);
}
.pbx-top-intro-detail__column.-demerit dt {
  color: #E8442B;
}
.pbx-top-intro-detail__list {
  border-top: 1px dashed #fff;
}
.pbx-top-intro-detail__list li {
  position: relative;
  padding: 15px 10px 15px 42px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-bottom: 1px dashed #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__list li {
    padding: 15px 0 15px 28px;
    font-size: 15px;
  }
}
.pbx-top-intro-detail__list li em {
  text-decoration: underline;
}
.pbx-top-intro-detail__list.-merit li::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 22px;
  top: 18px;
  left: 10px;
  border: 4px solid #fff;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__list.-merit li::before {
    width: 18px;
    top: 17px;
    left: 0;
  }
}
.pbx-top-intro-detail__list.-merit li em {
  color: #ffff00;
}
.pbx-top-intro-detail__list.-demerit li {
  color: rgba(255, 255, 255, 0.73);
}
.pbx-top-intro-detail__list.-demerit li::before, .pbx-top-intro-detail__list.-demerit li::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 22px;
  height: 4px;
  top: 26px;
  left: 10px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__list.-demerit li::before, .pbx-top-intro-detail__list.-demerit li::after {
    width: 20px;
    top: 24px;
    left: 0;
  }
}
.pbx-top-intro-detail__list.-demerit li::before {
  rotate: 45deg;
}
.pbx-top-intro-detail__list.-demerit li::after {
  rotate: -45deg;
}
.pbx-top-intro-detail__list.-demerit li em {
  color: #fff;
}
.pbx-top-intro-detail__more {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-intro-detail__more {
    margin-top: 30px;
  }
}

.pbx-top-cv {
  position: relative;
  margin: 100px 0 5px;
  padding: 50px 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-top-cv {
    margin-top: 60px;
    padding: 30px 0;
  }
}
.pbx-top-cv__head {
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pbx-top-cv__head {
    width: 80vw;
  }
}
.pbx-top-cv__head img {
  width: 100%;
}
.pbx-top-cv__wrap {
  position: relative;
  margin-top: 50px;
  padding: 30px 40px;
  border-radius: 90px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top-cv__wrap {
    margin-top: 95px;
    padding: 30px 15px 15px;
    border-radius: 10px;
  }
}
.pbx-top-cv__fig {
  position: absolute;
  width: 290px;
  bottom: calc(100% - 23px);
  right: min(65.0195058518vw, 665px);
}
@media screen and (max-width: 768px) {
  .pbx-top-cv__fig {
    width: 170px;
    right: auto;
    left: 15px;
  }
}
.pbx-top-cv__fig img {
  width: 100%;
}
.pbx-top-cv__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-top-cv__items {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.pbx-top-cv__item {
  font-weight: bold;
  color: #fff;
}
.pbx-top-cv__item a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 18px;
  border-radius: 30px;
  background: linear-gradient(to right, #6FD544 0%, #60AE3F 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-cv__item a {
    height: 46px;
    font-size: 15px;
  }
}
.pbx-top-cv__item a::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-135deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}
.pbx-top-cv__item a small {
  position: absolute;
  width: fit-content;
  bottom: calc(100% - 20px);
  right: 47px;
}
@media screen and (max-width: 768px) {
  .pbx-top-cv__item a small {
    width: 57px;
    bottom: calc(100% - 15px);
    right: 15px;
  }
}
.pbx-top-cv__item a small img {
  width: 100%;
}
.pbx-top-cv__item button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 18px;
  border-radius: 30px;
  background: linear-gradient(to right, #0AB5F6 0%, #0A7AEF 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-cv__item button {
    height: 46px;
    font-size: 15px;
  }
}
.pbx-top-cv__item button::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-135deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}
.pbx-top-cv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.pbx-top-cv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-top-feature__slide {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__slide {
    width: 87.4666666667vw;
    margin-top: 30px;
    padding-bottom: 30px;
  }
}
.pbx-top-feature__slide.is-initialized:not(.is-active) .splide__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.pbx-top-feature__slide .splide__pagination {
  justify-content: flex-start;
  gap: 8px;
  bottom: 0;
  padding: 0 4px;
}
.pbx-top-feature__slide .splide__pagination li button {
  width: 10px;
  height: 10px;
  margin: 0;
  border-radius: 0;
  background: #26455C;
  opacity: 1;
}
.pbx-top-feature__slide .splide__pagination li button.is-active {
  transform: none;
  background: #0597F2;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__wrap {
    overflow: visible;
  }
}
.pbx-top-feature__item {
  padding-bottom: 20px;
  color: #26455C;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__item {
    padding-bottom: 20px;
  }
}
.pbx-top-feature__item dt {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 15px;
}
.pbx-top-feature__item dt i img {
  width: 100%;
}
.pbx-top-feature__item dd {
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__item dd {
    font-size: 15px;
  }
}
.pbx-top-feature__item dd em {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #FFFF00 60%);
}
.pbx-top-feature__heading {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__heading {
    gap: 15px;
  }
}
.pbx-top-feature__heading small {
  position: relative;
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 53px;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  background: #0597F2;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__heading small {
    font-size: 12px;
  }
}
.pbx-top-feature__heading small::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.2;
  clip-path: polygon(0 100%, 0 0, 100% 0);
  mix-blend-mode: overlay;
}
.pbx-top-feature__heading small::after {
  content: attr(data-num);
  font-size: 21px;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__heading small::after {
    font-size: 18px;
  }
}
.pbx-top-feature__heading span {
  font-size: 21px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__heading span {
    font-size: 18px;
    line-height: 1.4;
  }
}
.pbx-top-feature__heading span em {
  color: #0497F2;
}
.pbx-top-feature__device {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  padding: 0 30px 30px;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__device {
    margin-top: 30px;
    padding: 0 15px 20px;
  }
}
.pbx-top-feature__device dt {
  width: fit-content;
  margin: -0.7em auto 30px;
  padding: 0 1em;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.6;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top-feature__device dt {
    margin-bottom: 20px;
    padding: 0 10px;
    font-size: 20px;
    line-height: 1.3;
  }
}
.pbx-top-feature__device dd {
  width: fit-content;
}
.pbx-top-feature__device dd img {
  width: 100%;
}

.pbx-top-reason {
  position: relative;
  margin-bottom: 5px;
  padding: 100px 0;
  font-size: 18px;
  color: #26455C;
  line-height: 1.6;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-top-reason {
    padding: 55px 0 60px;
    font-size: 15px;
  }
}
.pbx-top-reason__head {
  font-size: 50px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .pbx-top-reason__head {
    font-size: 30px;
  }
}
.pbx-top-reason__head span {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .pbx-top-reason__head span {
    font-size: 20px;
  }
}
.pbx-top-reason__lead {
  margin-top: 50px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-reason__lead {
    margin-top: 30px;
    font-size: 15px;
    text-align: left;
  }
}
.pbx-top-reason__lead em {
  color: #D22224;
}
.pbx-top-reason__slide {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-reason__slide {
    width: 88vw;
    margin-top: 30px;
    padding-bottom: 30px;
  }
}
.pbx-top-reason__slide.is-initialized:not(.is-active) .splide__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.pbx-top-reason__slide .splide__pagination {
  justify-content: flex-start;
  gap: 8px;
  bottom: 0;
  padding: 0 4px;
}
.pbx-top-reason__slide .splide__pagination li button {
  width: 10px;
  height: 10px;
  margin: 0;
  border-radius: 0;
  background: #fff;
  opacity: 1;
}
.pbx-top-reason__slide .splide__pagination li button.is-active {
  transform: none;
  background: #0597F2;
}
@media screen and (max-width: 768px) {
  .pbx-top-reason__wrap {
    overflow: visible;
  }
}
.pbx-top-reason__item {
  padding: 20px;
  background: #fff;
}
.pbx-top-reason__item dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .pbx-top-reason__item dt {
    gap: 15px;
  }
}
.pbx-top-reason__item dt i {
  width: 100%;
}
.pbx-top-reason__item dt i img {
  width: 100%;
}
.pbx-top-reason__item dd em {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #FFFF00 60%);
}
.pbx-top-reason__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pbx-top-reason__heading small {
  display: flex;
  align-items: center;
  font-size: 22px;
  line-height: 2.1818181818;
}
@media screen and (max-width: 768px) {
  .pbx-top-reason__heading small {
    font-size: 17px;
    line-height: 2.2352941176;
  }
}
.pbx-top-reason__heading small::before, .pbx-top-reason__heading small::after {
  content: "";
  width: 30px;
  height: 1px;
  margin: 0 10px;
  background: #26455C;
}
.pbx-top-reason__heading small em {
  margin-left: 0.25em;
  font-size: 30px;
  line-height: 1;
  transform: translateY(-2px);
}
@media screen and (max-width: 768px) {
  .pbx-top-reason__heading small em {
    font-size: 24px;
  }
}
.pbx-top-reason__heading span {
  font-size: 24px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .pbx-top-reason__heading span {
    font-size: 18px;
  }
}
.pbx-top-reason__heading span em {
  color: #0497F2;
}
.pbx-top-reason__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.pbx-top-reason__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-top-function {
  position: relative;
  margin-bottom: 5px;
  padding: 100px 0;
  line-height: 1.6;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-top-function {
    padding: 55px 0 60px;
  }
}
.pbx-top-function__head {
  font-weight: bold;
  color: #fff;
  font-size: 50px;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__head {
    font-size: 30px;
  }
}
.pbx-top-function__head span {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__head span {
    font-size: 20px;
  }
}
.pbx-top-function__lead {
  margin-top: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__lead {
    margin-top: 30px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
  }
}
.pbx-top-function__rows {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__rows {
    margin-top: 30px;
  }
}
.pbx-top-function__row {
  padding: 30px 50px 50px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__row {
    padding: 15px 15px 20px;
  }
}
.pbx-top-function__row + .pbx-top-function__row {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__row + .pbx-top-function__row {
    margin-top: 20px;
  }
}
.pbx-top-function__heading {
  position: relative;
  padding-bottom: 25px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__heading {
    padding-bottom: 20px;
    font-size: 24px;
  }
}
.pbx-top-function__heading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-function__heading::after {
    height: 3px;
  }
}
.pbx-top-function__heading span {
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pbx-top-function__basics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__basics {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}
.pbx-top-function__basic {
  padding: 15px;
  color: #fff;
  border-radius: 10px;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
}
.pbx-top-function__basic dt {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__basic dt {
    grid-template-columns: 16px 1fr;
    font-size: 17px;
  }
}
.pbx-top-function__basic dt i {
  width: 100%;
}
.pbx-top-function__basic dt i img {
  width: 100%;
}
.pbx-top-function__basic dd {
  font-size: 14px;
}
.pbx-top-function__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__columns {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
  }
}
.pbx-top-function__column {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 5px 15px;
  color: #26455C;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__column {
    grid-template-columns: 70px 1fr;
    gap: 3px 10px;
  }
}
.pbx-top-function__column dt {
  grid-column: 2/3;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__column dt {
    font-size: 17px;
  }
}
.pbx-top-function__column dd {
  display: contents;
}
.pbx-top-function__column dd i {
  order: -1;
  grid-row: 1/3;
  width: 100%;
}
.pbx-top-function__column dd i img {
  width: 100%;
}
.pbx-top-function__item {
  grid-column: 2/3;
}
.pbx-top-function__txt {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__txt {
    font-size: 14px;
  }
}
.pbx-top-function__more {
  display: flex;
  width: fit-content;
  font-size: 15px;
  color: #06a;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .pbx-top-function__more {
    font-size: 14px;
  }
}
.pbx-top-function__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.pbx-top-function__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-top-control {
  margin-top: 50px;
  font-size: 18px;
  color: #26455C;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-top-control {
    margin-top: 30px;
    font-size: 15px;
  }
}
.pbx-top-control__tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 920px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pbx-top-control__tabs {
    gap: 5px;
    padding: 0 15px;
  }
}
.pbx-top-control__btn {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 30px 20px;
  font-weight: bold;
  color: #fff;
  background: #26455C;
}
@media screen and (max-width: 768px) {
  .pbx-top-control__btn {
    padding: 10px;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
  }
}
.pbx-top-control__btn[aria-selected=true] {
  background: linear-gradient(180deg, #0AB5F6 0%, #0A7AEF 100%);
}
.pbx-top-control__items {
  margin-top: 3px;
  border-top: 3px solid #0597F2;
  background: #E6F3FA;
}
@media screen and (max-width: 768px) {
  .pbx-top-control__items {
    margin-top: 1px;
    border-top: 1px solid #0597F2;
  }
}
.pbx-top-control__item {
  padding: 50px 30px;
}
@media screen and (max-width: 768px) {
  .pbx-top-control__item {
    padding: 30px 0;
  }
}
.pbx-top-control__item[aria-hidden=true] {
  display: none;
}
.pbx-top-control__slide.is-initialized:not(.is-active) .splide__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.pbx-top-control__arrow {
  opacity: 1;
  background: #0597F2;
}
.pbx-top-control__arrow img {
  width: 14px;
}
.pbx-top-control__arrow.-prev {
  left: -5px;
}
.pbx-top-control__arrow.-next {
  right: -5px;
}
.pbx-top-control__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  align-items: center;
  gap: 0;
}
.pbx-top-control__column::before {
  content: attr(data-num);
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  margin: 0 auto 20px;
  font-size: 22px;
  color: #fff;
  border-radius: 50%;
  background: #26455C;
}
@media screen and (max-width: 768px) {
  .pbx-top-control__column::before {
    width: 40px;
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.pbx-top-control__column span {
  margin-bottom: auto;
  font-weight: bold;
  text-align: center;
}
.pbx-top-control__column span img {
  display: inline-block;
  transform: translateY(-5px);
}
.pbx-top-control__fig {
  max-width: 300px;
  margin: 30px auto 0;
}
.pbx-top-control__fig.-type-1 {
  max-width: 250px;
}
@media screen and (max-width: 768px) {
  .pbx-top-control__fig.-type-1 {
    width: 180px;
    max-width: 100%;
  }
}
.pbx-top-control__fig img {
  width: 100%;
}

.pbx-top-control-app {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 65px;
  padding: 0 30px 30px;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 768px) {
  .pbx-top-control-app {
    margin-top: 40px;
    padding: 0 15px 20px;
  }
}
.pbx-top-control-app__head {
  display: flex;
  justify-content: center;
  width: fit-content;
  margin: -0.7em 0 30px;
  padding: 0 1em;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.6;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top-control-app__head {
    margin-bottom: 20px;
    padding: 0 10px;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
  }
}
.pbx-top-control-app__txt {
  margin-bottom: 30px;
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-control-app__txt {
    margin-bottom: 20px;
    font-size: 15px;
    text-align: left;
  }
}
.pbx-top-control-app__image {
  width: fit-content;
}
.pbx-top-control-app__image img {
  width: 100%;
}

.pbx-top-flow {
  margin-top: 50px;
  font-size: 18px;
  color: #26455c;
  line-height: 1.6;
}
.pbx-top-flow__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 920px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__tabs {
    gap: 5px;
    padding: 0 15px;
  }
}
.pbx-top-flow__btn {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 30px 20px;
  font-weight: bold;
  color: #fff;
  background: #26455c;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__btn {
    padding: 10px;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
  }
}
.pbx-top-flow__btn[aria-selected=true] {
  background: linear-gradient(180deg, #0ab5f6 0%, #0a7aef 100%);
}
.pbx-top-flow__items {
  margin-top: 3px;
  border-top: 3px solid #0597f2;
  background: #e6f3fa;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__items {
    margin-top: 1px;
    border-top: 1px solid #0597F2;
  }
}
.pbx-top-flow__item {
  padding: 50px 30px;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__item {
    padding: 30px 20px;
  }
}
.pbx-top-flow__item[aria-hidden=true] {
  display: none;
}
.pbx-top-flow__columns {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  padding: 0 25px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__columns {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0;
  }
}
.pbx-top-flow__columns::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 15px;
  left: 0;
  border-top: 1px dashed #0497F2;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__columns::before {
    width: 1px;
    height: 100%;
    top: 0;
    border-top: none;
    border-left: 1px dashed #0497F2;
  }
}
.pbx-top-flow__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  align-items: center;
  gap: 0;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__column {
    padding-left: 25px;
  }
}
.pbx-top-flow__column small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 30px;
  margin: 0 auto 25px;
  padding: 0 15px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 15px;
  background: linear-gradient(to right, #0EB6C9 0%, #0A7AEF 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__column small {
    height: 24px;
    margin: 0 0 20px -26px;
    font-size: 12px;
    border-radius: 0 15px 15px 0;
  }
}
.pbx-top-flow__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__heading {
    flex-direction: row;
    gap: 20px;
    font-size: 17px;
    line-height: 1.4;
  }
}
.pbx-top-flow__heading i {
  width: 80px;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__heading i {
    flex-shrink: 0;
    width: 60px;
  }
}
.pbx-top-flow__heading i img {
  width: 100%;
}
.pbx-top-flow__heading em span {
  color: #D22224;
}
.pbx-top-flow__txt {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__txt {
    font-size: 14px;
  }
}
.pbx-top-flow__more {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-flow__more {
    margin-top: 30px;
  }
}

.pbx-top-trial {
  position: relative;
  margin-bottom: 5px;
  padding: 100px 0;
  font-size: 18px;
  color: #26455c;
  line-height: 1.6;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial {
    padding: 40px 0;
    font-size: 15px;
  }
}
.pbx-top-trial__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #fff;
}
.pbx-top-trial__head small {
  position: relative;
  padding: 10px 30px;
  font-size: 18px;
  border: 2px solid #fff;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__head small {
    padding: 5px 15px;
    font-size: 15px;
  }
}
.pbx-top-trial__head small::before, .pbx-top-trial__head small::after {
  content: "";
  position: absolute;
  width: calc(50% - 10px);
  height: 2px;
  bottom: 0;
  background: currentColor;
}
.pbx-top-trial__head small::before {
  left: 0;
}
.pbx-top-trial__head small::after {
  right: 0;
}
.pbx-top-trial__head small span {
  position: relative;
  display: block;
}
.pbx-top-trial__head small span::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 15px;
  top: calc(100% + 8px);
  left: 52%;
  transform: translateX(-50%) rotate(40deg);
  background: currentColor;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__head small span::before {
    top: calc(100% + 2px);
  }
}
.pbx-top-trial__head em {
  font-size: 50px;
  line-height: 1.3;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__head em {
    font-size: 30px;
    letter-spacing: 0;
  }
}
.pbx-top-trial__lead {
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__lead {
    margin-top: 20px;
    font-size: 15px;
    text-align: left;
  }
}
.pbx-top-trial__row {
  margin-top: 50px;
  padding: 30px 50px 50px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__row {
    margin-top: 20px;
    padding: 15px 15px 20px;
  }
}
.pbx-top-trial__row.-type-2 {
  position: relative;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__row.-type-2 {
    padding: 30px 15px;
  }
}
.pbx-top-trial__row.-type-2::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 70px;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(98, 177, 64, 0) 0%, rgb(98, 177, 64) 100%);
  clip-path: polygon(56% 100%, 0 0, 100% 0);
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__row.-type-2::before {
    width: 170px;
    height: 40px;
    top: -20px;
  }
}
.pbx-top-trial__heading {
  position: relative;
  padding-bottom: 25px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__heading {
    padding-bottom: 20px;
    font-size: 24px;
  }
}
.pbx-top-trial__heading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__heading::after {
    height: 3px;
  }
}
.pbx-top-trial__heading span {
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pbx-top-trial__columns {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 50px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__columns {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
  }
}
.pbx-top-trial__columns::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 15px;
  left: 0;
  border-top: 1px dashed #0497F2;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__columns::before {
    width: 1px;
    height: 100%;
    top: 0;
    border-top: none;
    border-left: 1px dashed #0497F2;
  }
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__column {
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__item {
    display: flex;
    flex-direction: column;
  }
}
.pbx-top-trial__item dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__item dt {
    display: contents;
  }
}
.pbx-top-trial__item dt small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 30px;
  padding: 0 15px;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  border-radius: 16px;
  background: linear-gradient(to right, #0EB6C9 0%, #0A7AEF 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__item dt small {
    order: -3;
    height: 24px;
    margin: 0 0 20px -21px;
    font-size: 12px;
    border-radius: 0 15px 15px 0;
  }
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__item dt em {
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 1.3;
    text-align: center;
  }
}
.pbx-top-trial__item dd {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__item dd {
    display: contents;
    font-size: 14px;
  }
}
.pbx-top-trial__item dd i {
  display: block;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__item dd i {
    order: -1;
    margin-bottom: 20px;
  }
}
.pbx-top-trial__item dd i img {
  width: 100%;
}
.pbx-top-trial__cv {
  margin-bottom: 25px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial__cv {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 1.3;
  }
}
.pbx-top-trial__cv em {
  background: linear-gradient(90deg, #e87b2b 0%, #e8442b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pbx-top-trial__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.pbx-top-trial__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pbx-top-trial-cv {
  position: relative;
  z-index: 1;
}
.pbx-top-trial-cv__image {
  position: absolute;
  width: 220px;
  left: -36px;
  top: -10px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__image {
    display: none;
  }
}
.pbx-top-trial-cv__image img {
  width: 100%;
}
.pbx-top-trial-cv__columns {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding-left: 60px;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__columns {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding-left: 0;
  }
}
.pbx-top-trial-cv__column {
  width: 340px;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 66.6666666667vw;
    min-width: 250px;
  }
}
.pbx-top-trial-cv__column dt {
  position: relative;
  margin-bottom: 22px;
  padding: 0 10px 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__column dt {
    width: fit-content;
    font-size: 13px;
    padding: 0 0 8px;
  }
}
.pbx-top-trial-cv__column dt::before, .pbx-top-trial-cv__column dt::after {
  content: "";
  position: absolute;
  width: calc(50% - 10px);
  height: 1px;
  bottom: 0;
  background: #60AE3F;
}
.pbx-top-trial-cv__column dt::before {
  left: 0;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__column dt::before {
    width: 35px;
  }
}
.pbx-top-trial-cv__column dt::after {
  right: 0;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__column dt::after {
    width: calc(100% - 35px - 10px);
  }
}
.pbx-top-trial-cv__column dt span {
  position: relative;
}
.pbx-top-trial-cv__column dt span::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: calc(100% + 14px);
  left: 52.5%;
  transform: translateX(-50%) rotate(40deg);
  background: #60AE3F;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__column dt span::before {
    top: calc(100% + 10px);
    left: 38px;
    transform: none;
    rotate: -40deg;
  }
}
.pbx-top-trial-cv__column dt span em {
  color: #60AE3F;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__column dd {
    width: 100%;
  }
}
.pbx-top-trial-cv__btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 10px;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__btn {
    padding: 13px 10px;
  }
}
.pbx-top-trial-cv__btn.-contact {
  gap: 3px;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
  background: linear-gradient(90deg, #6fd544 0%, #60ae3f 100%);
}
.pbx-top-trial-cv__btn.-contact::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-135deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}
.pbx-top-trial-cv__btn.-contact small {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__btn.-contact small {
    font-size: 11px;
  }
}
.pbx-top-trial-cv__btn.-contact span {
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__btn.-contact span {
    font-size: 18px;
  }
}
.pbx-top-trial-cv__btn.-tel {
  padding: 16px 10px;
  border: 1px solid #62B140;
}
.pbx-top-trial-cv__btn.-tel img {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .pbx-top-trial-cv__btn.-tel img {
    width: 210px;
  }
}

.pbx-cv-modal {
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .pbx-cv-modal {
    padding: 0;
  }
}
.pbx-cv-modal__wrap {
  position: relative;
  max-height: 80vh;
  margin: auto;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-cv-modal__wrap {
    width: 100vw;
    padding: 60px 25px;
  }
}
.pbx-cv-modal__image {
  height: 80vh;
}
@media screen and (max-width: 768px) {
  .pbx-cv-modal__image {
    display: none;
  }
}
.pbx-cv-modal__image img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.pbx-cv-modal__link {
  display: none;
}
@media screen and (max-width: 768px) {
  .pbx-cv-modal__link {
    display: block;
    margin: auto;
  }
}
.pbx-cv-modal__link img {
  width: 100%;
}
.pbx-cv-modal__close {
  position: absolute;
  aspect-ratio: 1;
  width: 60px;
  top: 0;
  right: 0;
  border-radius: 50%;
  background: #222;
}
@media screen and (max-width: 768px) {
  .pbx-cv-modal__close {
    position: inherit;
    display: block;
    width: 50px;
    top: auto;
    right: auto;
    margin: -10px auto 0;
  }
}
.pbx-cv-modal__close::before, .pbx-cv-modal__close::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 25px;
  top: 50%;
  left: 50%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pbx-cv-modal__close::before, .pbx-cv-modal__close::after {
    height: 23px;
  }
}
.pbx-cv-modal__close::before {
  transform: translateY(-50%) rotate(45deg);
}
.pbx-cv-modal__close::after {
  transform: translateY(-50%) rotate(-45deg);
}

.pbx-top-voice {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice {
    width: 84vw;
    margin: 30px auto 0;
  }
}
.pbx-top-voice__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: #0597F2;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__arrow {
    width: 30px;
    height: 30px;
  }
}
.pbx-top-voice__arrow img {
  width: 22px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__arrow img {
    width: 12px;
  }
}
.pbx-top-voice__arrow.-prev {
  left: -30px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__arrow.-prev {
    left: -20px;
  }
}
.pbx-top-voice__arrow.-next {
  right: -30px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__arrow.-next {
    right: -20px;
  }
}
.pbx-top-voice__wrap {
  overflow: visible;
}
.pbx-top-voice__item:not(.is-active) {
  transform-origin: left;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__item:not(.is-active) {
    transform: none;
  }
}
.pbx-top-voice__item:not(.is-active) > * {
  transform: scale(0.8);
  transform-origin: left;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__item:not(.is-active) > * {
    transform: none;
  }
}
.pbx-top-voice__item:not(.is-active).is-prev > * {
  transform-origin: right;
}
.pbx-top-voice__inner {
  padding: 30px 50px 50px;
  border: 1px solid #D8D8D8;
  box-shadow: 10px 10px 0 rgba(38, 69, 92, 0.1);
  transition: transform 1s, transform-origin 0s;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__inner {
    padding: 20px 15px 30px;
    box-shadow: 5px 5px 0 rgba(38, 69, 92, 0.1);
  }
}
.pbx-top-voice__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__heading {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.pbx-top-voice__heading::before {
  content: attr(data-attr);
  padding: 5px 20px;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 22px;
  background: linear-gradient(to right, #0EB6C9 0%, #0A7AEF 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__heading::before {
    font-size: 14px;
  }
}
.pbx-top-voice__heading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__heading::after {
    height: 3px;
  }
}
.pbx-top-voice__heading span {
  font-size: 32px;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__heading span {
    font-size: 22px;
  }
}
.pbx-top-voice__content {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__content {
    flex-wrap: wrap;
  }
}
.pbx-top-voice__intro {
  width: 430px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__intro {
    width: 100%;
  }
}
.pbx-top-voice__image {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__image {
    margin-bottom: 10px;
  }
}
.pbx-top-voice__image img {
  width: 100%;
}
.pbx-top-voice__business {
  display: flex;
  align-items: baseline;
  gap: 10px;
  line-height: 1.6;
}
.pbx-top-voice__business dt {
  flex-shrink: 0;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #26455C;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__business dt {
    display: flex;
    align-items: center;
    height: 19px;
    padding: 3px 5px;
    font-size: 13px;
    line-height: 1;
  }
}
.pbx-top-voice__business dd {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__business dd {
    font-size: 14px;
  }
}
.pbx-top-voice__detail {
  width: 428px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__detail {
    width: 100%;
  }
}
.pbx-top-voice__data {
  line-height: 1.6;
}
.pbx-top-voice__data dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #0597F2;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__data dt {
    font-size: 17px;
  }
}
.pbx-top-voice__data dd {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__data dd {
    font-size: 15px;
  }
}
.pbx-top-voice__data + .pbx-top-voice__data {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .pbx-top-voice__data + .pbx-top-voice__data {
    margin-top: 30px;
  }
}

.pbx-top-faq {
  margin: 50px 0;
}
@media screen and (max-width: 768px) {
  .pbx-top-faq {
    margin: 30px 0;
  }
}
.pbx-top-faq__details + .pbx-top-faq__details {
  margin-top: 10px;
}
.pbx-top-faq__summary {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 20px 20px 20px 80px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  transition: background-color 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .pbx-top-faq__summary {
    padding: 15px 35px 15px 50px;
    font-size: 15px;
  }
}
.pbx-top-faq__summary i {
  aspect-ratio: 1;
}
.pbx-top-faq__summary i.-icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  top: 15px;
  left: 20px;
  color: #fff;
  border-radius: 50%;
  background: linear-gradient(180deg, #0eb6c9 0%, #187fcd 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-faq__summary i.-icon {
    width: 30px;
    left: 10px;
  }
}
.pbx-top-faq__summary i.-state {
  position: relative;
  width: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-top-faq__summary i.-state {
    position: absolute;
    width: 10px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }
}
.pbx-top-faq__summary i.-state::before, .pbx-top-faq__summary i.-state::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 50%;
  background: #0497F2;
}
.pbx-top-faq__summary i.-state::before {
  transform: translate(-50%, -50%);
}
.pbx-top-faq__summary i.-state::after {
  transition: transform 0.3s;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.pbx-top-faq__summary span {
  flex-grow: 1;
}
[open] > .pbx-top-faq__summary {
  color: #fff;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
}
[open] > .pbx-top-faq__summary i.-icon {
  color: #0597F2;
  background: #fff;
}
[open] > .pbx-top-faq__summary i.-state::before, [open] > .pbx-top-faq__summary i.-state::after {
  background: #fff;
}
[open] > .pbx-top-faq__summary i.-state::after {
  transform: translate(-50%, -50%);
}
.pbx-top-faq__detail {
  position: relative;
  padding: 20px 0 20px 80px;
}
@media screen and (max-width: 768px) {
  .pbx-top-faq__detail {
    padding: 20px 15px 10px 50px;
  }
}
.pbx-top-faq__detail dt {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  top: 14px;
  left: 20px;
  font-size: 18px;
  color: #fff;
  border-radius: 50%;
  background: linear-gradient(180deg, #e87b2b 0%, #e8442b 100%);
}
@media screen and (max-width: 768px) {
  .pbx-top-faq__detail dt {
    width: 30px;
    left: 10px;
    font-size: 15px;
  }
}
.pbx-top-faq__detail dd {
  font-size: 18px;
  color: #26455C;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-top-faq__detail dd {
    font-size: 15px;
  }
}

.pbx-top-knowledge {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin: 50px 0;
}
@media screen and (max-width: 768px) {
  .pbx-top-knowledge {
    grid-template-columns: 1fr;
    gap: 30px;
    width: 84vw;
    margin: 30px auto;
  }
}
.pbx-top-knowledge__item a {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.pbx-top-knowledge__item a::before {
  content: attr(data-num);
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  top: -10px;
  left: -10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .pbx-top-knowledge__item a::before {
    font-size: 15px;
  }
}
.pbx-top-knowledge__item.-type-1 a::before {
  background: linear-gradient(to right, #bfa219 0%, #8f5c0f 100%);
}
.pbx-top-knowledge__item.-type-2 a::before {
  background: linear-gradient(to right, #c4c4c4 0%, #989797 100%);
}
.pbx-top-knowledge__item.-type-3 a::before {
  background: linear-gradient(to right, #a67b5e 0%, #674938 100%);
}
.pbx-top-knowledge__heading {
  font-size: 18px;
  font-weight: bold;
  color: #26455C;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-top-knowledge__heading {
    font-size: 15px;
  }
}
.pbx-top-knowledge__image {
  order: -1;
}
.pbx-top-knowledge__image img {
  width: 100%;
}

.pbx-trial-mv {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .pbx-trial-mv {
    margin-bottom: 30px;
  }
}
.pbx-trial-mv__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pbx-trial-mv__item {
    height: auto;
    padding: 25px 0;
  }
}
.pbx-trial-mv__head {
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .pbx-trial-mv__head {
    font-size: 28px;
  }
}
.pbx-trial-mv__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.pbx-trial-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pbx-trial-mv__txt {
  margin-top: 50px;
  font-size: 18px;
  color: #26455C;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-trial-mv__txt {
    margin-top: 30px;
    font-size: 15px;
    text-align: left;
  }
}

.pbx-trial {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .pbx-trial {
    margin-bottom: 60px;
  }
}
.pbx-trial__row {
  padding: 50px 20px;
}
@media screen and (max-width: 768px) {
  .pbx-trial__row {
    margin: 0 -4vw;
    padding: 30px 4vw;
  }
}
.pbx-trial__row.-flow {
  background: #E6F3FA;
}
.pbx-trial__row.-form {
  background: #F8F7F9;
}
@media screen and (max-width: 768px) {
  .pbx-trial__row.-form {
    padding-bottom: 0;
    background: none;
  }
}
.pbx-trial__content {
  max-width: 800px;
  margin: 0 auto;
}
.pbx-trial__heading {
  position: relative;
  padding-bottom: 25px;
  font-size: 32px;
  font-weight: bold;
  color: #26455C;
  line-height: 1.3;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-trial__heading {
    padding-bottom: 20px;
    font-size: 20px;
  }
}
.pbx-trial__heading::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: #26455C;
}
@media screen and (max-width: 768px) {
  .pbx-trial__heading::before {
    height: 3px;
  }
}
.pbx-trial__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-trial__steps {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
  }
}
.pbx-trial__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-trial__step {
    gap: 10px;
  }
}
.pbx-trial__step small {
  display: flex;
  align-items: center;
  width: 100%;
}
.pbx-trial__step small::before, .pbx-trial__step small::after {
  content: "";
  flex-grow: 1;
  border-top: 1px dashed #0497F2;
}
.pbx-trial__step small span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 0 15px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  border-radius: 15px;
  background: linear-gradient(to right, #0EB6C9 0%, #0A7AEF 100%);
}
@media screen and (max-width: 768px) {
  .pbx-trial__step small span {
    height: 20px;
    font-size: 10px;
  }
}
.pbx-trial__step em {
  font-size: 20px;
  font-weight: bold;
  color: #26455C;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .pbx-trial__step em {
    font-size: 16px;
    line-height: 1.4;
  }
}
.pbx-trial__step i {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .pbx-trial__step i {
    width: 80px;
  }
}
.pbx-trial__step i img {
  width: 100%;
}
.pbx-trial__bnr {
  display: flex;
  margin-top: 17px;
}
.pbx-trial__bnr picture {
  width: 100%;
}
.pbx-trial__bnr img {
  width: 100%;
}

.pbx-trial-form {
  margin-top: 30px;
}
.pbx-trial-form.-confirm {
  margin-top: 0;
}
.pbx-trial-form__items {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__items {
    border-bottom: none;
  }
}
.pbx-trial-form__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__item {
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
  }
}
.pbx-trial-form__item + .pbx-trial-form__item {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__item + .pbx-trial-form__item {
    margin-top: 20px;
  }
}
.pbx-trial-form__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
  font-size: 18px;
  font-weight: bold;
  color: #26455C;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__heading {
    font-size: 16px;
  }
}
.pbx-trial-form__heading small {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 20px;
  font-size: 14px;
  line-height: 1.4285714286;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__heading small {
    width: 34px;
    font-size: 12px;
    line-height: 1.5;
  }
}
.pbx-trial-form__heading.-required small {
  background: #E8442B;
}
.pbx-trial-form__detail {
  flex-shrink: 0;
  width: 550px;
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__detail {
    width: 100%;
  }
}
.pbx-trial-form__detail input, .pbx-trial-form__detail textarea {
  width: 100%;
  max-width: 100%;
  background: #fff;
}
.pbx-trial-form__detail input::placeholder, .pbx-trial-form__detail textarea::placeholder {
  color: rgba(38, 69, 92, 0.5);
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__detail textarea {
    height: 120px;
  }
}
.pbx-trial-form__buttons {
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__buttons {
    flex-direction: column;
  }
}
.pbx-trial-form__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 348px;
  height: 60px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  background: #60AE3F;
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__btn {
    width: 100%;
    height: 50px;
    font-size: 18px;
  }
}
.pbx-trial-form__btn input {
  max-width: 100%;
  height: 100%;
  border-radius: 30px;
}
.pbx-trial-form__btn .wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pbx-trial-form__btn.-back {
  width: 302px;
  background: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__btn.-back {
    width: 100%;
  }
}
.pbx-trial-form__note {
  margin-top: 30px;
  font-size: 14px;
  color: #26455C;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-trial-form__note {
    font-size: 10px;
  }
}
.pbx-trial-form__note a {
  text-decoration: underline;
}

.pbx-trial-links {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .pbx-trial-links {
    margin-top: 60px;
  }
}
.pbx-trial-links__head {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 25px;
  font-size: 32px;
  font-weight: bold;
  color: #26455C;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pbx-trial-links__head {
    margin-bottom: 30px;
    padding-bottom: 20px;
    font-size: 24px;
  }
}
.pbx-trial-links__head::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
}
@media screen and (max-width: 768px) {
  .pbx-trial-links__head::before {
    height: 3px;
  }
}
.pbx-trial-links__head span {
  background: linear-gradient(90deg, #0eb6c9 0%, #187fcd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pbx-trial-links__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}
@media screen and (max-width: 768px) {
  .pbx-trial-links__items {
    grid-template-columns: 1fr;
    gap: 30px;
    width: 84vw;
    margin: 0 auto;
  }
}
.pbx-trial-links__item a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #26455C;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pbx-trial-links__item a {
    font-size: 15px;
  }
}
.pbx-trial-links__item a i {
  width: 100%;
}
.pbx-trial-links__item a i img {
  width: 100%;
}
.pbx-trial-thanks {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
  padding: 50px 20px;
  color: #26455C;
  text-align: center;
  background: #F8F7F9;
}
@media screen and (max-width: 768px) {
  .pbx-trial-thanks {
    margin-bottom: 60px;
    padding: 20px 0 0;
  }
}
.pbx-trial-thanks__lead {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pbx-trial-thanks__lead {
    margin-bottom: 18px;
    font-size: 18px;
  }
}
.pbx-trial-thanks__txt {
  margin-bottom: 18px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .pbx-trial-thanks__txt {
    margin-bottom: 15px;
    font-size: 15px;
  }
}
.pbx-trial-thanks__back {
  font-size: 18px;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .pbx-trial-thanks__back {
    font-size: 15px;
  }
}

.page-mv {
  position: relative;
  margin-top: var(--_margin-top-PC, 0);
  z-index: 1;
  background: var(--_background, none);
}
@media screen and (max-width: 768px) {
  .page-mv {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
  }
}
.page-mv__simple {
  width: var(--_width-PC, 100%);
}
@media screen and (max-width: 768px) {
  .page-mv__simple {
    width: 100vw;
    margin: 0 -4vw;
  }
}
.page-mv__simple picture {
  width: 100%;
}
.page-mv__simple img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page-mv__simple.-narrow {
    width: 92vw;
    margin: 0 auto;
  }
}
.page-mv__simple.-type-1 {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .page-mv__simple.-type-1 {
    margin-top: 0;
  }
}
.page-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-mv__wrap {
  position: relative;
  display: flex;
}
.page-mv__item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--_min-height, 0);
}
.page-mv__head span {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: var(--_width-PC, auto);
  color: var(--_color, currentColor);
}
.page-mv__head span i {
  width: var(--_width-PC, auto);
  margin-top: var(--_margin-top-PC, 0);
}
.page-mv__head span i img {
  width: 100%;
}
.page-mv__head.-center {
  text-align: center;
}
.page-mv__head.-center span {
  align-items: center;
}
.page-mv__image {
  position: absolute;
  top: 0;
  right: 0;
}

.mobile-page {
  margin-top: 50px;
}
.mobile-page__row + .mobile-page__row {
  margin-top: 50px;
}
.mobile-page__cv {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .mobile-page__cv {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
  }
}
.mobile-page__content {
  max-width: 960px;
  margin: 25px auto 0;
}
.mobile-page__txt {
  margin-bottom: var(--_margin-bottom-PC, 20px);
}
.mobile-page__txt b {
  text-decoration: underline;
}
.mobile-page__lead {
  max-width: 960px;
  margin: 25px auto 0;
}
@media screen and (max-width: 768px) {
  .mobile-page__lead {
    font-size: 15px;
  }
}
.mobile-page__lead b {
  color: #e8442a;
}
.mobile-page__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 235px;
  height: 48px;
  margin: 20px auto 0;
  font-size: 14px;
  color: #fff;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .mobile-page__more {
    width: 100%;
    color: inherit;
    border: 1px solid #e7e7e7;
    background: #f9f9fa;
  }
}
.mobile-page__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media screen and (max-width: 768px) {
  .mobile-page__more::before {
    border-top: 2px solid #e8442a;
    border-right: 2px solid #e8442a;
  }
}
.mobile-page__bnr {
  display: block;
}
.mobile-page__bnr img {
  width: 100%;
}
.mobile-page__control-number {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-page__control-number {
    margin-top: 35px;
  }
}

.mobile-commitment-intro {
  position: relative;
  max-width: 960px;
  margin: 25px auto 40px;
  padding: 30px;
  background: #f5f6f8;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-commitment-intro {
    margin-bottom: 20px;
  }
}
.mobile-commitment-intro__item {
  width: 430px;
}
@media screen and (max-width: 768px) {
  .mobile-commitment-intro__item {
    width: 100%;
  }
}
.mobile-commitment-intro__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}
.mobile-commitment-intro__head small {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 20px;
  border-radius: 19px;
  background: #0b7ecd;
}
@media screen and (max-width: 768px) {
  .mobile-commitment-intro__head small {
    justify-content: center;
    border-radius: 69px;
  }
}
.mobile-commitment-intro__head small i {
  aspect-ratio: 21/20;
  display: flex;
  width: 21px;
}
.mobile-commitment-intro__head small i img {
  width: 100%;
}
.mobile-commitment-intro__head small span {
  position: relative;
  padding-left: 9px;
  word-break: auto-phrase;
  font-size: 15px;
  color: #fff;
}
.mobile-commitment-intro__head small span::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 11px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #fff;
}
.mobile-commitment-intro__head em {
  font-size: 23px;
  line-height: 1.5;
  font-weight: bold;
  color: #0b7ecd;
}
@media screen and (max-width: 768px) {
  .mobile-commitment-intro__head em {
    text-align: center;
  }
}
.mobile-commitment-intro__txt {
  font-weight: bold;
  color: #434343;
}
@media screen and (max-width: 768px) {
  .mobile-commitment-intro__txt {
    font-size: 15px;
  }
}
.mobile-commitment-intro__bg {
  position: absolute;
  width: 450px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-commitment-intro__bg {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mobile-commitment-intro__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
  }
}
.mobile-commitment-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobile-page-feature {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 960px;
  margin: 25px auto 0;
}
@media screen and (max-width: 768px) {
  .mobile-page-feature {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}
.mobile-page-feature__column {
  border: 1px solid #e7e7e7;
}
.mobile-page-feature__column.-difference {
  background: #f6f7f9;
}
.mobile-page-feature__heading {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  min-height: 60px;
  font-weight: bold;
  background: #e5e5e5;
}
.mobile-page-feature__heading small {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: var(--_font-size-PC, 16px);
  color: #fff;
  text-transform: uppercase;
  background: #0b7ecd;
}
.mobile-page-feature__heading span {
  padding: 6px 6px 6px 20px;
  font-size: 18px;
}
.-difference > .mobile-page-feature__heading small {
  background: #902f44;
}
.-difference > .mobile-page-feature__heading span {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .-difference > .mobile-page-feature__heading span {
    font-size: 18px;
  }
}
.mobile-page-feature__image img {
  width: 100%;
}
.mobile-page-feature__txt {
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-page-feature__txt {
    font-size: 15px;
  }
}
.mobile-page-feature__txt b {
  font-weight: bold;
  color: #2685bc;
}
.-difference > .mobile-page-feature__txt b {
  color: #902f44;
}

.mobile-page-flow {
  max-width: 960px;
  margin: 25px auto 0;
}
.mobile-page-flow__columns {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 30px;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-page-flow__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-page-flow__column + .mobile-page-flow__column {
  border-left: 1px solid #e7e7e7;
}
.mobile-page-flow__column + .mobile-page-flow__column dd::before, .mobile-page-flow__column + .mobile-page-flow__column dd::after {
  content: "";
  aspect-ratio: 1;
  position: absolute;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .mobile-page-flow__column + .mobile-page-flow__column dd::before, .mobile-page-flow__column + .mobile-page-flow__column dd::after {
    content: none;
  }
}
.mobile-page-flow__column + .mobile-page-flow__column dd::before {
  width: 21px;
  top: 50%;
  left: -10px;
  border-radius: 5px;
  background: #b9b9b9;
}
.mobile-page-flow__column + .mobile-page-flow__column dd::after {
  width: 9px;
  top: calc(50% - 1px);
  left: -9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}
.mobile-page-flow__item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mobile-page-flow__item dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-bottom: 20px;
  background: #fff;
}
.mobile-page-flow__item dt small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 27px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .mobile-page-flow__item dt small {
    width: 26.6666666667vw;
    min-width: 100px;
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.mobile-page-flow__item dt small i {
  display: none;
}
.mobile-page-flow__item dt > i {
  display: flex;
  height: 81px;
}
@media screen and (max-width: 768px) {
  .mobile-page-flow__item dt > i {
    height: 21.6vw;
    min-height: 81px;
  }
}
.mobile-page-flow__item dt > i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile-page-flow__item dd {
  position: relative;
  flex-grow: 1;
  padding: 20px 10px 25px;
  background: #f9f9fa;
}
.mobile-page-flow__data {
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-page-flow__data {
    max-width: 313px;
    margin: 0 auto;
  }
}
.mobile-page-flow__data li {
  position: relative;
  padding-left: 1em;
}
.mobile-page-flow__data li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.mobile-page-flow__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 252px;
  height: 48px;
  margin: 0 auto;
  font-weight: bold;
  color: #fff;
  border-radius: 24px;
  background: #0A7ECD;
}
.mobile-page-flow__more::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.mobile-voice {
  position: relative;
  margin: 25px 0 30px;
  padding: 40px 50px 60px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-voice {
    padding: 40px 4vw 60px;
  }
}
.mobile-voice__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 35px;
  color: var(--_color, #fff);
}
.mobile-voice__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.mobile-voice__head small {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}
.mobile-voice__head small i {
  display: flex;
  width: 23px;
}
.mobile-voice__head small i img {
  width: 100%;
}
.mobile-voice__head em {
  font-size: var(--_font-size-PC, 38px);
}
@media screen and (max-width: 768px) {
  .mobile-voice__head em {
    font-size: var(--_font-size-SP, var(--_font-size-PC, 38px));
  }
}
.mobile-voice__lead {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-voice__lead {
    text-align: center;
  }
}
.mobile-voice__tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.mobile-voice__tab + .mobile-voice__tab {
  border-left: 2px solid #fff;
}
.mobile-voice__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 66px;
  height: 100%;
  padding: 20px 8px;
  font-weight: bold;
  color: #fff;
  background: #9c9c9c;
}
@media screen and (max-width: 768px) {
  .mobile-voice__btn {
    padding: 20px 2px;
    font-size: 15px;
    text-align: center;
  }
}
.mobile-voice__btn[aria-selected=true] {
  background: #25ace5;
}
.mobile-voice__item {
  display: none;
}
.mobile-voice__item[aria-hidden=false] {
  display: block;
}
.mobile-voice__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-voice__bg {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.mobile-voice__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-voice-detail {
  padding: 30px 50px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail {
    padding: 20px 4vw;
  }
}
.mobile-voice-detail__intro {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__intro {
    flex-direction: column;
    gap: 15px;
  }
}
.mobile-voice-detail__item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__item {
    gap: 15px;
  }
}
.mobile-voice-detail__head {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__head {
    justify-content: center;
    font-size: 18px;
  }
}
.mobile-voice-detail__head i {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 15px;
  font-size: 12px;
  line-height: 1.9166666667;
  color: #fff;
  border-radius: 16px;
  background: #25ace5;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__head i {
    display: none;
  }
}
.mobile-voice-detail__head i span {
  flex-shrink: 0;
  width: 14px;
}
.mobile-voice-detail__head i span img {
  width: 100%;
}
.mobile-voice-detail__detail {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__detail {
    gap: 5px;
  }
}
.mobile-voice-detail__data {
  display: inline-flex;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__data {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.3571428571;
  }
}
.mobile-voice-detail__data dt {
  display: inline-flex;
  flex-shrink: 0;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__data dt {
    position: relative;
    padding-left: 30px;
  }
}
.mobile-voice-detail__data dt::after {
  content: "：";
}
.mobile-voice-detail__data dt i {
  flex-shrink: 0;
  width: auto;
  height: 17px;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__data dt i {
    position: absolute;
    min-width: 20px;
    top: 0;
    left: 0;
  }
}
.mobile-voice-detail__data dt i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile-voice-detail__image {
  order: -1;
  flex-shrink: 0;
  width: 210px;
  margin-bottom: auto;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__image {
    width: 100%;
  }
}
.mobile-voice-detail__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__details + .mobile-voice-detail__details {
    margin-top: 1px;
  }
}
.mobile-voice-detail__summary {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  font-weight: bold;
  color: #fff;
  background: #25ace5;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__summary {
    font-size: 17px;
  }
}
.mobile-voice-detail__content {
  padding: 30px 20px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-voice-detail__content {
    padding: 15px 4vw;
  }
}
.mobile-voice-detail__txt {
  font-size: 14px;
  line-height: 1.6;
}

.mobile-page-knowledge {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .mobile-page-knowledge {
    margin-top: 40px;
  }
}
.mobile-page-knowledge__lead {
  margin-top: 25px;
  padding: 10px;
  line-height: 1.25;
  color: #fff;
  text-align: center;
  background: #707070;
}
@media screen and (max-width: 768px) {
  .mobile-page-knowledge__lead {
    padding: 5px;
  }
}
.mobile-page-knowledge__columns {
  counter-reset: item;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(326px, 1fr));
  gap: 10px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-page-knowledge__columns {
    gap: clamp(5px, 1.3333333333vw, 10px);
    margin-top: 0;
  }
}
.mobile-page-knowledge__column a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  height: 100%;
  padding: 13px;
  border: 1px solid #d9dae0;
}
.mobile-page-knowledge__item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mobile-page-knowledge__heading {
  font-size: 11px;
  line-height: 1.6363636364;
  font-weight: bold;
  color: #707070;
  text-decoration: underline;
}
.mobile-page-knowledge__data {
  display: flex;
  gap: 5px;
  font-size: 10px;
  line-height: 1.6;
  color: #D9DAE0;
}
.mobile-page-knowledge__data dt {
  display: flex;
  gap: 4px;
  padding-right: 5px;
  font-weight: 400;
  border-right: 1px solid #D9DAE0;
}
.mobile-page-knowledge__data dt i {
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  width: 10px;
}
.mobile-page-knowledge__data dt i img {
  width: 100%;
}
.mobile-page-knowledge__image {
  position: relative;
  order: -1;
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 65px;
}
.mobile-page-knowledge__image::before {
  content: counter(item);
  counter-increment: item;
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  font-size: 14px;
  color: #fff;
  background: #4A4C5F;
}
.mobile-page-knowledge__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-page-knowledge__image.-type-1::before {
  background: #CCA12A;
}
.mobile-page-knowledge__image.-type-2::before {
  background: #9C9C9C;
}
.mobile-page-knowledge__image.-type-3::before {
  background: #C0420A;
}
.mobile-page-knowledge__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 235px;
  height: 48px;
  margin: 20px auto 0;
  font-size: 14px;
  color: #fff;
  background: #e8442a;
}
.mobile-page-knowledge__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.mobile-page-knowledge__cv {
  display: block;
  margin-top: 30px;
}
.mobile-page-knowledge__cv img {
  width: 100%;
}

.mobile-area {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .mobile-area {
    margin-top: 40px;
  }
}
.mobile-area__wrap {
  display: flex;
  gap: min(7.8431372549vw, 80px);
  margin-top: 25px;
  padding-right: 30px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .mobile-area__wrap {
    flex-wrap: wrap;
    margin-top: 20px;
    padding: 0 8vw 8vw;
  }
}
.mobile-area__item {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .mobile-area__item {
    width: 100%;
    padding: 0;
  }
}
.mobile-area__lead {
  font-size: 25px;
  font-weight: bold;
  color: #0b7ecd;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .mobile-area__lead {
    text-align: center;
  }
}
.mobile-area__detail {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-area__detail {
    align-items: center;
  }
}
.mobile-area__detail dt {
  font-size: 18px;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #0b7ecd;
}
.mobile-area__detail dd {
  font-size: 18px;
  line-height: 1.5555555556;
}
@media screen and (max-width: 768px) {
  .mobile-area__detail dd {
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.mobile-area__image {
  order: -1;
  flex-shrink: 0;
  width: clamp(280px, 35vw, 357px);
}
@media screen and (max-width: 768px) {
  .mobile-area__image {
    width: 100%;
  }
}
.mobile-area__image img {
  width: 100%;
}

.mobile-difference-special {
  max-width: 960px;
  margin: 25px auto 0;
}
@media screen and (max-width: 768px) {
  .mobile-difference-special {
    margin-top: 20px;
  }
}
.mobile-difference-special__lead {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .mobile-difference-special__lead {
    font-size: 15px;
  }
}
.mobile-difference-special__lead b {
  color: #902F44;
}
.mobile-difference-special__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-difference-special__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-difference-special__column {
  display: flex;
  flex-direction: column;
  border: 1px solid #e7e7e7;
}
.mobile-difference-special__column dt {
  position: relative;
}
.mobile-difference-special__column dt span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 134px;
  height: 32px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #131311;
}
@media screen and (max-width: 768px) {
  .mobile-difference-special__column dt span {
    width: 35.7333333333vw;
    min-width: 134px;
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
.mobile-difference-special__column dt i img {
  width: 100%;
}
.mobile-difference-special__column dd {
  padding: 20px;
  font-size: 15px;
  background: #fcfcfc;
}

.mobile-page-mv {
  position: relative;
  background: linear-gradient(to bottom, rgb(61, 114, 211) 0%, rgb(14, 138, 190) 100%);
}
.mobile-page-mv__wrap {
  position: relative;
  z-index: 1;
}
.mobile-page-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
  width: 550px;
  min-height: 300px;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .mobile-page-mv__item {
    width: 100vw;
    min-height: 0;
    margin: 0 calc(50% - 50vw);
    padding: 0;
  }
}
.mobile-page-mv__head {
  width: 100%;
  max-width: var(--_width-PC, 500px);
}
@media screen and (max-width: 768px) {
  .mobile-page-mv__head {
    max-width: 100%;
  }
}
.mobile-page-mv__head img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-page-mv__fig {
    display: none;
  }
}
.mobile-page-mv__fig img {
  width: 100%;
}
.mobile-page-mv__lead {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 36px;
  font-size: 16px;
  font-weight: bold;
  color: var(--_color, #37c4ff);
  border-radius: 80px;
  background: var(--_background, #041127);
}
@media screen and (max-width: 768px) {
  .mobile-page-mv__lead {
    display: none;
  }
}
.mobile-page-mv__lead.-wide {
  width: 348px;
  height: 51px;
  font-size: 17px;
}
.mobile-page-mv__image {
  position: absolute;
  width: var(--_width-PC, 423px);
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-page-mv__image {
    display: none;
  }
}
.mobile-page-mv__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 15%;
}
.mobile-page-mv__image img {
  width: 100%;
}
.mobile-page-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.mobile-page-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobile-page-cv {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-page-cv {
    display: grid;
    grid-template-columns: 78.4373333333vw 1fr;
    margin: 30px -4vw 0;
  }
}
.mobile-page-cv__cv {
  display: block;
}
.mobile-page-cv__cv img {
  width: 100%;
}
.mobile-page-cv__cv.-tel {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-page-cv__cv.-tel {
    display: block;
  }
}
.mobile-page-cv__cv.-mail {
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .mobile-page-cv__cv.-mail {
    width: 100%;
  }
}

.mobile-contract-flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  max-width: 960px;
  margin: 24px auto 30px;
}
.mobile-contract-flow__column {
  display: flex;
  flex-direction: column;
  width: calc(50% - 10px);
}
@media screen and (max-width: 768px) {
  .mobile-contract-flow__column {
    width: 100%;
  }
}
.mobile-contract-flow__column.-wide {
  width: 100%;
}
.mobile-contract-flow__heading {
  display: grid;
  grid-template-columns: 135px 1fr;
  min-height: 50px;
  font-weight: bold;
  background: #dcdcdc;
}
.mobile-contract-flow__heading small {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #fff;
  background: #25ace5;
}
.mobile-contract-flow__heading small i {
  position: relative;
  display: flex;
  width: 23px;
  height: 20px;
  padding-right: 10px;
  box-sizing: content-box;
}
.mobile-contract-flow__heading small i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile-contract-flow__heading small i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.mobile-contract-flow__heading span {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-size: 18px;
  color: #2d2c2d;
}
.mobile-contract-flow__wrap {
  flex-grow: 1;
  background: #f6f7f9;
}
.mobile-contract-flow__wrap.-wide {
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .mobile-contract-flow__wrap.-wide {
    flex-direction: column;
  }
}
.mobile-contract-flow__image img {
  width: 100%;
}
.-wide > .mobile-contract-flow__image {
  flex-shrink: 0;
  width: calc(50% - 10px);
  height: 100%;
}
@media screen and (max-width: 768px) {
  .-wide > .mobile-contract-flow__image {
    width: 100%;
    height: auto;
  }
}
.-wide > .mobile-contract-flow__image img {
  height: 100%;
  object-fit: cover;
}
.mobile-contract-flow__detail {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 25px;
}
.mobile-contract-flow__item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: bold;
  color: #25ace5;
}
.mobile-contract-flow__item i {
  flex-shrink: 0;
  width: 18px;
}
.mobile-contract-flow__item i img {
  width: 100%;
}
.mobile-example-data {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(470px, 100%), 1fr));
  gap: 20px;
  max-width: 960px;
  margin: 25px auto 30px;
}
@media screen and (max-width: 768px) {
  .mobile-example-data {
    margin-bottom: 20px;
  }
}
.mobile-example-data__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  border: 1px solid #e7e7e7;
}
.mobile-example-data__heading {
  display: grid;
  grid-template-columns: 115px 1fr;
  align-items: center;
  gap: 20px;
  padding: 20px;
  font-weight: bold;
  color: #fff;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .mobile-example-data__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding-bottom: 15px;
  }
}
.mobile-example-data__heading small {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 1.9166666667;
  border-radius: 23px;
  background: #25ace5;
}
@media screen and (max-width: 768px) {
  .mobile-example-data__heading small {
    width: 115px;
  }
}
.mobile-example-data__heading small i {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 14px;
  height: 12px;
  padding-right: 6px;
  box-sizing: content-box;
}
.mobile-example-data__heading small i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #fff;
}
.mobile-example-data__heading small i img {
  width: 100%;
}
.mobile-example-data__heading span {
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .mobile-example-data__heading span {
    font-size: clamp(17px, 4.5333333333vw, 20px);
  }
}
.mobile-example-data__intro {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px 30px;
  padding: 30px;
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-example-data__intro {
    flex-direction: column;
    align-items: center;
    padding: 15px 15px 20px;
  }
}
.mobile-example-data__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 43px;
}
@media screen and (max-width: 768px) {
  .mobile-example-data__image {
    width: 23.4666666667vw;
    min-width: 88px;
    height: 11.4666666667vw;
    min-height: 43px;
  }
}
.mobile-example-data__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile-example-data__data {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 3px;
}
.mobile-example-data__items {
  display: flex;
  gap: 0.5em;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-example-data__items {
    justify-content: center;
    font-size: clamp(15px, 4vw, 18px);
  }
}
.mobile-example-data__item {
  display: flex;
  gap: 0.5em;
}
.mobile-example-data__item dt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
}
.mobile-example-data__item dt i {
  flex-shrink: 0;
  width: 13px;
}
.mobile-example-data__item dt i img {
  width: 100%;
}
.mobile-example-data__item + .mobile-example-data__item::before {
  content: "|";
}
.mobile-example-data__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
@media screen and (max-width: 768px) {
  .mobile-example-data__categories {
    justify-content: center;
  }
}
.mobile-example-data__category {
  padding: 0 10px;
  font-size: 13px;
  line-height: 1.5384615385;
  color: #fff;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .mobile-example-data__category {
    font-size: clamp(13px, 3.4666666667vw, 16px);
  }
}
.mobile-example-data__category.-type-1 {
  background: #1782b7;
}
.mobile-example-data__category.-type-2 {
  background: #fc515d;
}
.mobile-example-data__category.-type-3 {
  background: #4eaa00;
}
.mobile-example-data__detail {
  padding: 30px;
  background: #f9f9fa;
}
.mobile-example-data__lead {
  margin-bottom: 18px;
  font-size: 17px;
  font-weight: bold;
  color: #2685bc;
}
@media screen and (max-width: 768px) {
  .mobile-example-data__txt {
    font-size: 15px;
  }
}

.mobile-contract-reason {
  max-width: 960px;
  margin: 25px auto 0;
}
.mobile-contract-reason__txt {
  margin-bottom: 50px;
}
.mobile-contract-reason__txt b {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .mobile-contract-reason__txt b {
    font-weight: bold;
    text-decoration: underline;
  }
}
.mobile-contract-reason__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-reason__columns {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}
.mobile-contract-reason__column {
  position: relative;
  padding: 24px 14px 30px;
  font-weight: bold;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .mobile-contract-reason__column {
    padding: 25px 19px 15px;
  }
}
.mobile-contract-reason__column dt {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 135px;
  height: 30px;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  color: #fff;
  background: #dc1b32;
}
@media screen and (max-width: 768px) {
  .mobile-contract-reason__column dt {
    width: 36vw;
    min-width: 135px;
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.mobile-contract-reason__column dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  font-size: clamp(14px, 1.8205461638vw, 15px);
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-contract-reason__column dd {
    gap: 16px;
    font-size: 14px;
  }
}
.mobile-contract-reason__image img {
  width: 100%;
}

.mobile-contract-intro__head {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom, rgb(62, 109, 198) 23%, rgb(79, 155, 228) 100%);
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__head {
    padding: 15px 4vw;
    word-break: auto-phrase;
    font-size: 20px;
  }
}
.mobile-contract-intro__wrap {
  position: relative;
  min-height: 278px;
  padding: 30px 40px;
  overflow: hidden;
  border: 1px solid #4090e0;
  background: #f0f0f0;
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0;
    padding: 25px 6.6666666667vw 35px;
  }
}
.mobile-contract-intro__content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__content {
    flex-direction: column;
    gap: 10px;
    width: fit-content;
  }
}
.mobile-contract-intro__items {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 290px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__items {
    gap: 10px;
    width: fit-content;
  }
}
.mobile-contract-intro__item {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__item {
    font-size: 16px;
    line-height: 1.625;
    color: inherit;
    text-align: left;
  }
}
.mobile-contract-intro__item span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: var(--_left, 50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__item span {
    position: inherit;
    display: flex;
    align-items: center;
    gap: 10px;
    top: auto;
    left: auto;
    transform: none;
  }
}
.mobile-contract-intro__item span i {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__item span i {
    display: block;
    flex-shrink: 0;
    width: 20px;
  }
}
.mobile-contract-intro__item i {
  display: block;
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__item i {
    display: none;
  }
}
.mobile-contract-intro__item i img {
  width: 100%;
}
.-type-1 > .mobile-contract-intro__item.-type-1 {
  width: 256px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .-type-1 > .mobile-contract-intro__item.-type-1 {
    width: 100%;
    margin-left: 0;
  }
}
.-type-1 > .mobile-contract-intro__item.-type-2 {
  width: 259px;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .-type-1 > .mobile-contract-intro__item.-type-2 {
    width: 100%;
  }
}
.-type-1 > .mobile-contract-intro__item.-type-3 {
  width: 249px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .-type-1 > .mobile-contract-intro__item.-type-3 {
    width: 100%;
    margin-left: 0;
  }
}
.-type-2 > .mobile-contract-intro__item.-type-1 {
  width: 256px;
}
@media screen and (max-width: 768px) {
  .-type-2 > .mobile-contract-intro__item.-type-1 {
    width: 100%;
  }
}
.-type-2 > .mobile-contract-intro__item.-type-2 {
  width: 259px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .-type-2 > .mobile-contract-intro__item.-type-2 {
    width: 100%;
    margin-left: 0;
  }
}
.-type-2 > .mobile-contract-intro__item.-type-3 {
  width: 249px;
}
@media screen and (max-width: 768px) {
  .-type-2 > .mobile-contract-intro__item.-type-3 {
    width: 100%;
  }
}
.mobile-contract-intro__bg {
  position: absolute;
  width: 264px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__bg {
    width: 100%;
    height: 100%;
  }
}
.mobile-contract-intro__bg img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-contract-intro__bg img {
    height: 100%;
    object-fit: cover;
  }
}
.mobile-contract-intro__bg.-narrow {
  bottom: auto;
  top: 55%;
  transform: translate(-50%, -50%);
}

.mobile-contract-solution {
  position: relative;
  margin-top: 80px;
}
.mobile-contract-solution__head {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom, rgb(220, 27, 50) 0%, rgb(229, 66, 86) 100%);
}
@media screen and (max-width: 768px) {
  .mobile-contract-solution__head {
    padding: 15px 4vw;
    word-break: auto-phrase;
    font-size: 20px;
  }
}
.mobile-contract-solution__wrap {
  padding: 30px 40px;
  border: 1px solid #d01030;
  background: #f0f0f0;
}
@media screen and (max-width: 768px) {
  .mobile-contract-solution__wrap {
    padding: 20px 5.3333333333vw;
  }
}
.mobile-contract-solution__lead {
  display: flex;
  justify-content: center;
  gap: 0.5em;
  margin-bottom: 35px;
  font-size: 22px;
  font-weight: bold;
  color: #d01030;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-contract-solution__lead {
    margin-bottom: 30px;
    align-items: center;
    font-size: 18px;
  }
}
.mobile-contract-solution__lead::before, .mobile-contract-solution__lead::after {
  content: "";
}
.mobile-contract-solution__lead::before {
  border-width: 0 9px 33px 0;
  border-color: transparent #dc1b31 transparent transparent;
  transform: skew(10deg);
}
@media screen and (max-width: 768px) {
  .mobile-contract-solution__lead::before {
    border-width: 0 9px 40px 0;
  }
}
.mobile-contract-solution__lead::after {
  border-width: 33px 9px 0 0;
  border-color: #dc1b31 transparent transparent transparent;
  transform: skew(-10deg);
}
@media screen and (max-width: 768px) {
  .mobile-contract-solution__lead::after {
    border-width: 40px 9px 0 0;
  }
}
.mobile-contract-solution__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-solution__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-contract-solution__column {
  position: relative;
  border: 1px solid #e0e0e0;
  box-shadow: 0 0 4px 2px #ebebeb;
  background: #fff;
}
.mobile-contract-solution__column dt {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 115px;
  height: 23px;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  border-radius: 23px;
  background: #d01030;
}
@media screen and (max-width: 768px) {
  .mobile-contract-solution__column dt {
    width: 30.6666666667vw;
    min-width: 115px;
    font-size: clamp(11px, 2.9333333333vw, 14px);
  }
}
.mobile-contract-solution__column dt i {
  flex-shrink: 0;
  width: 12px;
}
.mobile-contract-solution__column dt i img {
  width: 100%;
}
.mobile-contract-solution__column dd i img {
  width: 100%;
}
.mobile-contract-solution__column dd span {
  display: block;
  padding: 15px 0;
  font-size: clamp(13px, 1.6905071521vw, 16px);
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-contract-solution__column dd span {
    padding: clamp(15px, 4vw, 25px) 0;
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.mobile-contract-solution__txt b {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .mobile-contract-solution__txt b {
    font-weight: bold;
    text-decoration: underline;
  }
}
.mobile-contract-solution__txt em {
  font-weight: bold;
  text-decoration: underline;
}
.mobile-contract-solution__arrow {
  position: absolute;
  width: 200px;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
.mobile-contract-solution__arrow img {
  width: 100%;
}

.mobile-contract-summary {
  position: relative;
  margin-top: 110px;
}
.mobile-contract-summary__head {
  position: absolute;
  width: 880px;
  top: -62px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .mobile-contract-summary__head {
    width: min(318px, 95%);
    top: -40px;
  }
}
.mobile-contract-summary__head img {
  width: 100%;
}
.mobile-contract-summary__wrap {
  position: relative;
  padding: 75px 35px 35px;
  border: 4px solid #c03;
  background: #f0f0f0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-contract-summary__wrap {
    padding: 65px 4vw 15px;
  }
}
.mobile-contract-summary__lead {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
  color: #d01030;
}
@media screen and (max-width: 768px) {
  .mobile-contract-summary__lead {
    margin-bottom: 15px;
    font-size: clamp(18px, 4.8vw, 22px);
  }
}
.mobile-contract-summary__txt {
  width: 555px;
  line-height: 1.8;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .mobile-contract-summary__txt {
    width: 100%;
  }
}
.mobile-contract-summary__txt b {
  text-decoration: underline;
}
.mobile-contract-summary__image {
  position: absolute;
  width: 398px;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-contract-summary__image {
    display: none;
  }
}
.mobile-contract-summary__image img {
  width: 100%;
}
.mobile-contract-summary__arrow {
  position: absolute;
  width: 200px;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
}
.mobile-contract-summary__arrow img {
  width: 100%;
}

.mobile-contract-price {
  max-width: 960px;
  margin: 25px auto 0;
}
.mobile-contract-price__lead {
  margin-bottom: 20px;
}
.mobile-contract-price__lead b {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .mobile-contract-price__lead b {
    font-weight: bold;
    text-decoration: underline;
  }
}
.mobile-contract-price__wrap {
  margin-bottom: clamp(20px, 5.3333333333vw, 30px);
}
.mobile-contract-price__head {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 13px 0;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom, rgb(229, 66, 85) 0%, rgb(229, 66, 85) 100%);
}
@media screen and (max-width: 768px) {
  .mobile-contract-price__head {
    font-size: 22px;
  }
}
.mobile-contract-price__head b {
  color: #ffe600;
}
.mobile-contract-price__head i {
  position: absolute;
  width: 102px;
  top: 50%;
  right: 75px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .mobile-contract-price__head i {
    display: none;
  }
}
.mobile-contract-price__head i img {
  width: 100%;
}
.mobile-contract-price__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, 425px);
  justify-content: center;
  gap: 28px;
  padding: 40px;
  border: 1px solid #dc1b32;
}
@media screen and (max-width: 768px) {
  .mobile-contract-price__columns {
    grid-template-columns: 1fr;
    padding: 30px 8vw;
  }
}
.mobile-contract-price__column {
  position: relative;
  display: flex;
  box-shadow: 0 0 6px 1px #f0f0f0;
}
@media screen and (max-width: 768px) {
  .mobile-contract-price__column {
    flex-direction: column;
  }
}
.mobile-contract-price__item {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 225px;
  padding: 55px 0;
}
@media screen and (max-width: 768px) {
  .mobile-contract-price__item {
    width: 100%;
    padding: 30px 0;
  }
}
.mobile-contract-price__heading {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-contract-price__heading {
    margin-bottom: 15px;
  }
}
.mobile-contract-price__date {
  order: -1;
  margin-bottom: 10px;
  color: #c1c1c2;
}
.mobile-contract-price__color {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-price__color {
    margin-bottom: 15px;
  }
}
.mobile-contract-price__color dd {
  width: 28px;
  height: 4px;
  background: var(--_background);
}
.mobile-contract-price__txt {
  text-align: center;
}
.mobile-contract-price__image {
  display: flex;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 200px;
  background: #efefef;
}
@media screen and (max-width: 768px) {
  .mobile-contract-price__image {
    width: 100%;
    padding: 20px;
  }
}
.mobile-contract-price__image span {
  width: 73px;
}
.mobile-contract-price__image img {
  width: 100%;
}
.mobile-contract-price__tag {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 25px;
  top: 0;
  left: 0;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom, rgb(61, 110, 198) 0%, rgb(80, 154, 229) 100%);
}
.mobile-contract-price__foot {
  max-width: 912px;
  margin: 0 auto;
}
.mobile-contract-price__foot img {
  width: 100%;
}

.mobile-contract-cost {
  margin: 30px 0 40px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-cost {
    margin-top: 20px;
  }
}
.mobile-contract-cost__wrap {
  max-width: 960px;
  margin: 0 auto;
}
.mobile-contract-cost__txt {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-cost__txt {
    margin-top: 25px;
  }
}
.mobile-contract-cost__txt b {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .mobile-contract-cost__txt b {
    font-weight: bold;
    text-decoration: underline;
  }
}
.mobile-contract-cost__image {
  max-width: 880px;
  margin: 40px auto 0;
}
.mobile-contract-cost__image img {
  width: 100%;
}
.mobile-contract-cost__foot {
  margin-top: 40px;
}

.mobile-contract-desc {
  position: relative;
  max-width: 960px;
  margin: 40px auto 0;
  padding: 30px;
  border: 1px solid #bfbfbf;
  background: #f8faff;
}
@media screen and (max-width: 768px) {
  .mobile-contract-desc {
    margin-top: 20px;
    padding: 30px 4vw 15px;
  }
}
.mobile-contract-desc__item {
  position: relative;
  max-width: 548px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-contract-desc__item {
    max-width: 100%;
  }
}
.mobile-contract-desc__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
  color: #3c72d2;
}
@media screen and (max-width: 768px) {
  .mobile-contract-desc__head {
    font-size: clamp(18px, 4.8vw, 22px);
  }
}
.mobile-contract-desc__head i {
  flex-shrink: 0;
  width: 65px;
}
.mobile-contract-desc__head i img {
  width: 100%;
}
.mobile-contract-desc__txt b {
  font-weight: bold;
  text-decoration: underline;
}
.mobile-contract-desc__image {
  position: absolute;
  width: 425px;
  height: 100%;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .mobile-contract-desc__image {
    width: 100%;
  }
}
.mobile-contract-desc__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobile-contract-merit {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 960px;
  margin: 25px auto 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit {
    grid-template-columns: 1fr;
    margin-top: var(--_margin-top-SP, 25px);
  }
}
.mobile-contract-merit__column {
  border: 1px solid #d9dae0;
  background: #f5f5f5;
}
.mobile-contract-merit__intro {
  position: relative;
  padding: 25px 20px 20px;
  background: var(--_color);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit__intro {
    padding: 20px 4vw;
  }
}
.mobile-contract-merit__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit__heading {
    font-size: clamp(18px, 4.8vw, 22px);
  }
}
.mobile-contract-merit__heading span {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 0 10px;
  height: 24px;
  font-size: 12px;
  color: var(--_color);
  text-transform: uppercase;
  border-radius: 24px;
  background: var(--_background, #ffcf0b);
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit__heading span {
    font-size: 12px;
  }
}
.mobile-contract-merit__heading span i {
  flex-shrink: 0;
  width: var(--_width-PC, 18px);
}
.mobile-contract-merit__heading span i img {
  width: 100%;
}
.mobile-contract-merit__heading.-type-1 span {
  min-width: 115px;
}
.mobile-contract-merit__heading.-type-1 span i {
  position: relative;
  padding-right: 7px;
  box-sizing: content-box;
}
.mobile-contract-merit__heading.-type-1 span i::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #D94641;
}
.mobile-contract-merit__image {
  position: absolute;
  width: var(--_width);
  bottom: 0;
  right: var(--_right, 20px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit__image {
    width: auto;
    height: 70%;
    right: var(--_right, 10px);
  }
}
.mobile-contract-merit__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit__image img {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit__image.-type-1 {
    max-width: var(--_width);
    height: 70%;
  }
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit__image.-type-1 img {
    height: 100%;
    object-fit: contain;
  }
}
@media screen and (max-width: 768px) {
  .-wide > .mobile-contract-merit__image {
    width: var(--_width);
    height: auto;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .-wide > .mobile-contract-merit__image img {
    width: 100%;
    height: auto;
  }
}
.mobile-contract-merit__item {
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit__item {
    padding: 20px 4vw;
  }
}
@media screen and (max-width: 768px) {
  .mobile-contract-merit__item.-wide {
    padding: 20px 5.3333333333vw;
  }
}
.mobile-contract-merit__txt b {
  color: var(--_color);
}
@media screen and (max-width: 768px) {
  .-wide > .mobile-contract-merit__txt {
    font-size: 15px;
  }
}

.mobile-contract-difference {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-difference {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
  }
}
.mobile-contract-difference__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 14px;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
  .mobile-contract-difference__column {
    padding: 3.7333333333vw;
  }
}
.mobile-contract-difference__heading {
  font-size: 16px;
  font-weight: bold;
  color: #d94641;
}
@media screen and (max-width: 768px) {
  .mobile-contract-difference__heading {
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
.mobile-contract-difference__image {
  order: -1;
  width: 100%;
}
.mobile-contract-difference__image img {
  width: 100%;
}
.mobile-contract-service {
  max-width: 960px;
  margin: 25px auto 0;
}
.mobile-contract-service__row + .mobile-contract-service__row {
  margin-top: 40px;
}
.mobile-contract-service__details {
  margin-top: 25px;
}
.mobile-contract-service__details + .mobile-contract-service__details {
  margin-top: 40px;
}
.mobile-contract-service__summary {
  pointer-events: none;
  padding: 10px 20px;
  background: #707070;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__summary {
    pointer-events: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 70px;
  }
}
.mobile-contract-service__summary i {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__summary i {
    position: relative;
    display: block;
    aspect-ratio: 1;
    flex-shrink: 0;
    width: 22px;
    border-radius: 2px;
    background: #fff;
  }
}
.mobile-contract-service__summary i::before, .mobile-contract-service__summary i::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: #707070;
}
.mobile-contract-service__summary i::after {
  rotate: 90deg;
  transition: rotate 0.3s;
}
[open] > .mobile-contract-service__summary i::after {
  rotate: 180deg;
}
.mobile-contract-service__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__heading {
    word-break: auto-phrase;
    font-size: clamp(15px, 4vw, 16px);
  }
}
.mobile-contract-service__heading::before {
  content: "";
  flex-shrink: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #ffffff;
}
.mobile-contract-service__item {
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__item {
    padding: 25px 4vw 35px;
    background: #f5f5f5;
  }
}
.mobile-contract-service__lead {
  margin-bottom: 20px;
}
.mobile-contract-service__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-contract-service__column {
  display: flex;
  align-items: center;
  min-height: 112px;
  border: 1px solid #d9dae0;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__column {
    min-height: 110px;
  }
}
.mobile-contract-service__detail {
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__detail {
    padding: 4vw;
  }
}
.mobile-contract-service__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-weight: bold;
}
.mobile-contract-service__data span {
  padding: 0 15px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid var(--_border);
  border-radius: 20px;
  background: var(--_background);
}
.mobile-contract-service__data em {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__data em {
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.mobile-contract-service__list {
  margin-top: 20px;
}
.mobile-contract-service__list li {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: 14px;
  line-height: 1.6;
}
.mobile-contract-service__list li i {
  flex-shrink: 0;
  width: 13px;
}
.mobile-contract-service__list li i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__list li:not(:first-child) {
    margin-top: 5px;
  }
}
.mobile-contract-service__image {
  display: flex;
  order: -1;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 148px;
  height: 100%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-contract-service__image {
    width: 29.3333333333vw;
  }
}
.mobile-contract-service__image span {
  width: calc(var(--_width) * 1px);
}
.mobile-contract-service__image img {
  width: 100%;
}

.mobile-contract-requirement {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 960px;
  margin: 25px auto 0;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-contract-requirement {
    grid-template-columns: repeat(2, 1fr);
  }
}
.mobile-contract-requirement__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.mobile-contract-requirement__column::before {
  content: attr(data-attr);
  order: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 27px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .mobile-contract-requirement__column::before {
    width: 26.6666666667vw;
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.mobile-contract-requirement__column + .mobile-contract-requirement__column {
  border-left: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-contract-requirement__column + .mobile-contract-requirement__column {
    border-left: none;
  }
}
@media screen and (max-width: 768px) {
  .mobile-contract-requirement__column:nth-of-type(even) {
    border-left: 1px solid #e7e7e7;
  }
}
.mobile-contract-requirement__item {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 20px 6px 25px;
  background: #f9f9fa;
}
.mobile-contract-requirement__item::before {
  content: "";
  position: absolute;
  width: 75%;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px dotted #dbdbdb;
}
.mobile-contract-requirement__item dt {
  font-size: 17px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-contract-requirement__item dt {
    font-size: clamp(17px, 4.5333333333vw, 18px);
  }
}
.mobile-contract-requirement__item dd {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-requirement__item dd {
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.mobile-contract-requirement__image {
  order: -1;
  width: 97px;
}
@media screen and (max-width: 768px) {
  .mobile-contract-requirement__image {
    width: 25.8666666667vw;
    min-width: 97px;
  }
}
.mobile-contract-requirement__image img {
  width: 100%;
}

.mobile-contract-step {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 960px;
  margin: 25px auto 0;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-contract-step {
    grid-template-columns: repeat(2, 1fr);
  }
}
.mobile-contract-step__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.mobile-contract-step__column::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 27px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .mobile-contract-step__column::before {
    width: 26.6666666667vw;
    min-width: 100px;
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.mobile-contract-step__column:not(:first-child) {
  border-left: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-contract-step__column:not(:first-child) {
    border-left: none;
  }
}
.mobile-contract-step__column:not(:first-child) p::before, .mobile-contract-step__column:not(:first-child) p::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .mobile-contract-step__column:not(:first-child) p::before, .mobile-contract-step__column:not(:first-child) p::after {
    content: none;
  }
}
.mobile-contract-step__column:not(:first-child) p::before {
  width: 21px;
  top: 50%;
  left: -10px;
  border-radius: 5px;
  background: #b9b9b9;
}
.mobile-contract-step__column:not(:first-child) p::after {
  width: 9px;
  top: calc(50% - 1px);
  left: -9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}
@media screen and (max-width: 768px) {
  .mobile-contract-step__column:nth-of-type(even) {
    border-left: 1px solid #e7e7e7;
  }
}
.mobile-contract-step__heading {
  position: relative;
  order: 1;
  width: 100%;
  margin-top: auto;
  background: #f9f9fa;
}
.mobile-contract-step__heading span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 25px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-contract-step__heading span {
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.mobile-contract-step__heading span::before {
  content: "";
  position: absolute;
  width: 75%;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px dotted #dbdbdb;
}
@media screen and (max-width: 768px) {
  .mobile-contract-step__image {
    width: 30.9333333333vw;
  }
}
.mobile-contract-step__image img {
  width: 100%;
}

.mobile-transfer-intro__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 22px;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .mobile-transfer-intro__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-transfer-intro__column img {
  width: 100%;
}
.mobile-transfer-intro__lead {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: bold;
  color: #230000;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .mobile-transfer-intro__lead {
    font-size: 24px;
  }
}
.mobile-transfer-intro__lead span {
  color: #fe7c02;
}
.mobile-transfer-intro__txt b {
  text-decoration: underline;
}

.mobile-transfer-merit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 18px;
}
@media screen and (max-width: 768px) {
  .mobile-transfer-merit {
    grid-template-columns: 1fr;
  }
}
.mobile-transfer-merit__column {
  border: 1px solid #d9dae0;
}
.mobile-transfer-merit__column dt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.mobile-transfer-merit__column dt::before, .mobile-transfer-merit__column dt::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mobile-transfer-merit__column dt::before {
  content: attr(data-attr);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 135px;
  height: 32px;
  top: 0;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  background: #000;
}
@media screen and (max-width: 768px) {
  .mobile-transfer-merit__column dt::before {
    width: 36vw;
    min-width: 135px;
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.mobile-transfer-merit__column dt::after {
  content: "";
  width: 90%;
  height: 1px;
  bottom: 0;
  background: #f1f1f1;
}
.mobile-transfer-merit__column dt i {
  width: 100%;
}
.mobile-transfer-merit__column dt i img {
  width: 100%;
}
.mobile-transfer-merit__column dt span {
  padding: 30px 15px;
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-transfer-merit__column dt span {
    font-size: clamp(18px, 4.8vw, 20px);
  }
}
.mobile-transfer-merit__column dd {
  padding: 15px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-transfer-merit__column dd {
    font-size: clamp(14px, 3.7333333333vw, 15px);
  }
}
.mobile-transfer-merit__column dd b {
  text-decoration: underline;
}

.mobile-phs-intro {
  position: relative;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-phs-intro {
    padding: 10px;
  }
}
.mobile-phs-intro__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 480px;
  max-width: 55%;
}
@media screen and (max-width: 768px) {
  .mobile-phs-intro__item {
    width: 100%;
    max-width: 100%;
  }
}
.mobile-phs-intro__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-phs-intro__head {
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
  }
}
.mobile-phs-intro__head span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 210px;
  height: 37px;
  color: #fff;
  border-radius: 37px;
  background: #40a390;
}
@media screen and (max-width: 768px) {
  .mobile-phs-intro__head span {
    width: 58.6666666667vw;
    min-width: 220px;
  }
}
.mobile-phs-intro__head span i {
  flex-shrink: 0;
  width: 26px;
}
.mobile-phs-intro__head span i img {
  width: 100%;
}
.mobile-phs-intro__head em {
  font-size: 24px;
  color: #40a390;
}
@media screen and (max-width: 768px) {
  .mobile-phs-intro__head em {
    font-size: 27px;
  }
}
.mobile-phs-intro__txt b {
  text-decoration: underline;
}
.mobile-phs-intro__image {
  width: 452px;
}
@media screen and (max-width: 768px) {
  .mobile-phs-intro__image {
    width: 84vw;
  }
}
.mobile-phs-intro__image img {
  width: 100%;
}
.mobile-phs-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-phs-intro__bg {
    display: none;
  }
}
.mobile-phs-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobile-change-plan__lead {
  margin-top: 30px;
}
.mobile-change-plan__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-change-plan__columns {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
  }
}
.mobile-change-plan__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
  border: 1px solid #d9dae0;
}
.mobile-change-plan__tag {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 115px;
  height: 23px;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-transform: uppercase;
  border-radius: 23px;
  background: #dc1b32;
}
@media screen and (max-width: 768px) {
  .mobile-change-plan__tag {
    width: 30.6666666667vw;
    min-width: 115px;
  }
}
.mobile-change-plan__tag i {
  flex-shrink: 0;
  width: 12px;
}
.mobile-change-plan__tag i img {
  width: 100%;
}
.mobile-change-plan__image {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-change-plan__image {
    height: 28.8vw;
    background: #f5f4f4;
  }
}
.mobile-change-plan__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile-change-plan__heading {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  font-size: clamp(15px, 1.9505851756vw, 16px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-change-plan__heading {
    padding: 4vw 0;
    font-size: clamp(14px, 3.7333333333vw, 18px);
  }
}

.mobile-change-support {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-change-support {
    margin-top: 40px;
  }
}
.mobile-change-support__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 16px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-change-support__columns {
    grid-template-columns: 1fr;
    gap: clamp(20px, 5.3333333333vw, 30px);
    margin-top: clamp(25px, 6.6666666667vw, 30px);
  }
}
.mobile-change-support__column {
  border: 1px solid #d1d1d1;
}
.mobile-change-support__column dt {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 20px 15px;
  font-weight: bold;
  background: #dc1b32;
}
@media screen and (max-width: 768px) {
  .mobile-change-support__column dt {
    position: relative;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px 10px;
  }
}
.mobile-change-support__column dt span {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 108px;
  height: 18px;
  white-space: nowrap;
  font-size: 12px;
  color: #e8442a;
  border-radius: 18px;
  background: #ffcf0b;
}
@media screen and (max-width: 768px) {
  .mobile-change-support__column dt span {
    position: absolute;
    width: 29.3333333333vw;
    height: 22px;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.mobile-change-support__column dt span i {
  flex-shrink: 0;
  width: 17px;
}
.mobile-change-support__column dt span i img {
  width: 100%;
}
.mobile-change-support__column dt em {
  color: #fff;
}
.mobile-change-support__column dd {
  display: grid;
  grid-template-columns: 99px 1fr;
  gap: 16px;
  padding: 19px;
}
@media screen and (max-width: 768px) {
  .mobile-change-support__column dd {
    display: flex;
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.mobile-change-support__image {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-change-support__image {
    display: none;
  }
}
.mobile-change-support__image img {
  width: 100%;
}
.mobile-change-type {
  display: grid;
  grid-template-columns: repeat(auto-fit, 470px);
  justify-content: center;
  gap: 20px 16px;
}
@media screen and (max-width: 768px) {
  .mobile-change-type {
    grid-template-columns: 1fr;
  }
}
.mobile-change-type__column {
  display: flex;
  border: 1px solid #c9c9c9;
}
.mobile-change-type__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 25px;
  color: #fff;
  background: #00479d;
}
.mobile-change-type__heading {
  font-size: 22px;
  font-weight: bold;
}
.mobile-change-type__txt {
  font-size: 14px;
}
.mobile-change-type__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 20px;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .mobile-change-type__more {
    width: 50.6666666667vw;
    min-width: 190px;
  }
}
.mobile-change-type__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: calc(50% - 1px);
  right: 20px;
  transform: translateY(-50%);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}
.mobile-change-type__image {
  display: flex;
  order: -1;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 168px;
}
@media screen and (max-width: 768px) {
  .mobile-change-type__image {
    display: none;
  }
}
.mobile-change-type__image span {
  width: 78px;
}
.mobile-change-type__image span img {
  width: 100%;
}

.mobile-phone-mv {
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv {
    background: none;
  }
}
.mobile-phone-mv__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__wrap {
    min-height: 0;
  }
}
.mobile-phone-mv__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 450px;
  padding: 30px 0;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__item {
    margin: 0 calc(50% - 50vw);
    padding: 0;
  }
}
.mobile-phone-mv__head {
  width: 100%;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__head {
    margin-bottom: 0;
  }
}
.mobile-phone-mv__head [data-device=pc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__head [data-device=pc] {
    display: none;
  }
}
.mobile-phone-mv__head [data-device=pc] span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.mobile-phone-mv__head [data-device=pc] span i {
  flex-shrink: 0;
  width: 28px;
}
.mobile-phone-mv__head [data-device=pc] em {
  width: 100%;
}
.mobile-phone-mv__head [data-device=pc] em img {
  width: 100%;
}
.mobile-phone-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__head [data-device=sp] {
    display: block;
    width: 100vw;
  }
}
.mobile-phone-mv__head [data-device=sp] img {
  width: 100%;
}
.mobile-phone-mv__columns {
  display: flex;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__columns {
    display: none;
  }
}
.mobile-phone-mv__column {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  font-weight: bold;
}
.mobile-phone-mv__column i {
  width: var(--_width);
}
.mobile-phone-mv__column i img {
  width: 100%;
}
.mobile-phone-mv__column + .mobile-phone-mv__column {
  border-left: 1px dotted #fff;
}
.mobile-phone-mv__copy {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 387px;
  height: 47px;
  font-size: 18px;
  font-weight: bold;
  color: var(--_color);
  border-radius: 47px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__copy {
    display: none;
  }
}
.mobile-phone-mv__image {
  width: var(--_width);
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__image {
    display: none;
  }
}
.mobile-phone-mv__image img {
  width: 100%;
}
.mobile-phone-mv__foot {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__foot {
    display: block;
  }
}
.mobile-phone-mv__txt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__txt {
    font-size: min(3.7333333333vw, 16px);
  }
}
.mobile-phone-mv__txt::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #ff2f3e;
  z-index: -1;
}
.mobile-phone-mv__txt span {
  display: inline-block;
  margin-right: 8px;
  padding: 1px 4px;
  font-size: 13px;
  color: #ff2f3e;
  border-radius: 2px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__txt span {
    font-size: min(3.4666666667vw, 14px);
  }
}
.mobile-phone-mv__txt em {
  font-size: 21px;
  padding: 0 2px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-mv__txt em {
    padding: 0 0.5333333333vw;
    font-size: min(5.6vw, 23px);
  }
}
.mobile-phone-mv__links {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 20px 0;
}
.mobile-phone-mv__links::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #f5f5f5;
  z-index: -1;
}
.mobile-phone-mv__link a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  font-size: 17px;
  font-weight: bold;
  background: #fff;
}
.mobile-phone-mv__link a::before {
  content: "";
  position: absolute;
  bottom: 2px;
  right: -2px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #e4e1e1 transparent transparent transparent;
  rotate: -45deg;
}

.mobile-phone-intro {
  position: relative;
  padding: 40px;
  background: var(--_background, none);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro {
    padding: 30px 20px 20px;
  }
}
.mobile-phone-intro__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro__head {
    align-items: center;
    gap: 20px;
  }
}
.mobile-phone-intro__copy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  width: 236px;
  height: 44px;
  font-size: 19px;
  color: #fff;
  border-radius: 22px;
  background: var(--_background);
}
.mobile-phone-intro__copy i {
  flex-shrink: 0;
  width: 28px;
}
.mobile-phone-intro__copy i img {
  width: 100%;
}
.mobile-phone-intro__copy span {
  position: relative;
  padding-left: 9px;
}
.mobile-phone-intro__copy span::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 11px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #fff;
}
.mobile-phone-intro__fig {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.mobile-phone-intro__fig img {
  width: 100%;
}
.mobile-phone-intro__fig.-type-1 {
  width: 352px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro__fig.-type-1 {
    width: 100%;
  }
}
.mobile-phone-intro__fig.-type-2 {
  width: 462px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro__fig.-type-2 {
    width: 100%;
  }
}
.mobile-phone-intro__fig + .mobile-phone-intro__fig {
  margin-top: 10px;
}
.mobile-phone-intro__lead {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 460px;
  margin-bottom: 35px;
  padding: 7px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #fe9143;
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro__lead {
    width: 100%;
  }
}
.mobile-phone-intro__links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro__links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.mobile-phone-intro__link {
  background: #fff;
}
.mobile-phone-intro__link a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro__link a {
    height: 70px;
    font-size: 18px;
  }
}
.mobile-phone-intro__link + .mobile-phone-intro__link {
  border-left: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro__link:nth-of-type(1n+3) {
    border-top: 1px solid #e7e7e7;
  }
}
.mobile-phone-intro__bg {
  position: absolute;
  width: 550px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro__bg {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mobile-phone-intro__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(250, 251, 254, 0.85);
  }
}
.mobile-phone-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-phone-intro__bg.-type-1 {
  width: 100%;
}

.mobile-phone-plan-intro {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan-intro {
    flex-direction: column;
  }
}
.mobile-phone-plan-intro__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 50%;
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan-intro__item {
    width: 100%;
    padding: 30px 20px;
  }
}
.mobile-phone-plan-intro__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.mobile-phone-plan-intro__head span {
  color: #aac8df;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan-intro__head span {
    font-size: 18px;
  }
}
.mobile-phone-plan-intro__head em {
  max-width: 405px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan-intro__head em {
    width: 78.6666666667vw;
  }
}
.mobile-phone-plan-intro__head em img {
  width: 100%;
}
.mobile-phone-plan-intro__head.-type-1 {
  max-width: 429px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan-intro__head.-type-1 {
    width: 78.6666666667vw;
  }
}
.mobile-phone-plan-intro__head.-type-1 span {
  color: #feb6ba;
}
.mobile-phone-plan-intro__txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px 13px;
}
.mobile-phone-plan-intro__txt span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 148px;
  padding: 7px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan-intro__txt span {
    width: 36.2666666667vw;
    font-size: 16px;
  }
}
.mobile-phone-plan-intro__txt em {
  max-width: 382px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan-intro__txt em {
    width: 78.6666666667vw;
  }
}
.mobile-phone-plan-intro__txt em img {
  width: 100%;
}
.mobile-phone-plan-intro__bg {
  order: -1;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan-intro__bg {
    width: 100%;
  }
}
.mobile-phone-plan-intro__bg img {
  width: 100%;
}

.mobile-phone-plan__row + .mobile-phone-plan__row {
  margin-top: clamp(20px, 5.3333333333vw, 30px);
}
.mobile-phone-plan__image {
  width: fit-content;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan__image {
    width: 100%;
  }
}
.mobile-phone-plan__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan__image.-type-1 {
    width: 78.6666666667vw;
    margin: 30px auto 0;
  }
}
.mobile-phone-plan__image.-type-2 {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan__image.-type-2 {
    display: block;
  }
}
.mobile-phone-plan__fig {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-plan__fig {
    display: none;
  }
}
.mobile-phone-plan__fig span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 87px;
  background: var(--_background, #4d4d4d);
}
.mobile-phone-plan__fig span img {
  width: auto;
  height: 47px;
}
.mobile-phone-plan__fig span.-type-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  border-style: solid;
  border-width: 43px 0 43px 33px;
  border-color: transparent transparent transparent #4d4d4d;
  z-index: 1;
}
.mobile-phone-free__bnr img {
  width: 100%;
}
.mobile-phone-free__row {
  margin-top: 30px;
}
.mobile-phone-free__points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 21px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-free__points {
    grid-template-columns: 1fr;
  }
}
.mobile-phone-free__point img {
  width: 100%;
}
.mobile-phone-free__lead {
  margin-top: 24px;
  font-size: 29px;
  font-weight: bold;
  color: #230000;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .mobile-phone-free__lead {
    word-break: auto-phrase;
    font-size: min(4.8vw, 26px);
    text-align: center;
  }
}
.mobile-phone-free__lead em {
  color: #fe7c02;
}
.mobile-phone-free__cases {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-free__cases {
    grid-template-columns: 1fr;
  }
}
.mobile-phone-free__case dt {
  display: grid;
  grid-template-columns: 88px 1fr;
  font-weight: bold;
  color: #fff;
  background: #e8602a;
}
@media screen and (max-width: 768px) {
  .mobile-phone-free__case dt {
    grid-template-columns: 22.4vw 1fr;
  }
}
.mobile-phone-free__case dt small {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  background: #d63e02;
}
@media screen and (max-width: 768px) {
  .mobile-phone-free__case dt small {
    font-size: clamp(13px, 3.4666666667vw, 15px);
  }
}
.mobile-phone-free__case dt span {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 65px;
  padding: 8px 12px;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-free__case dt span {
    padding: 8px 4px;
  }
}
.mobile-phone-free__case dd {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-phone-free__case dd {
    padding: 20px 0;
  }
}
.mobile-phone-free__case dd span {
  width: var(--_width);
}
@media screen and (max-width: 768px) {
  .mobile-phone-free__case dd span {
    width: 78.6666666667vw;
  }
}
.mobile-phone-free__case dd img {
  width: 100%;
}
.mobile-phone-free__note {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #1d2731;
}

.mobile-phone-merit-intro {
  position: relative;
  margin-bottom: 30px;
  padding: 48px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit-intro {
    margin-bottom: clamp(20px, 5.3333333333vw, 30px);
    padding: 30px 20px 20px;
  }
}
.mobile-phone-merit-intro__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 432px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit-intro__item {
    width: 100%;
  }
}
.mobile-phone-merit-intro__lead {
  font-size: 24px;
  font-weight: bold;
  color: #2685bc;
}
.mobile-phone-merit-intro__txt {
  font-size: 15px;
  color: #1d2731;
}
.mobile-phone-merit-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit-intro__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(250, 251, 254, 0.85);
  }
}
.mobile-phone-merit-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit-intro__bg img {
    object-position: 95% 50%;
  }
}

.mobile-phone-merit__row + .mobile-phone-merit__row {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__row + .mobile-phone-merit__row {
    margin-top: clamp(20px, 5.3333333333vw, 30px);
  }
}
.mobile-phone-merit__fig {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__fig {
    margin-top: clamp(20px, 5.3333333333vw, 30px);
  }
}
.mobile-phone-merit__fig img {
  width: 100%;
}
.mobile-phone-merit__wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 26px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__wrap {
    flex-direction: column;
  }
}
.mobile-phone-merit__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 540px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__item {
    width: 100%;
  }
}
.mobile-phone-merit__lead {
  font-size: 24px;
  font-weight: bold;
  color: #2685bc;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__lead {
    display: flex;
    justify-content: center;
  }
}
.mobile-phone-merit__txt {
  color: #1d2731;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__txt {
    font-size: 15px;
  }
}
.mobile-phone-merit__image {
  width: 400px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__image {
    width: 100%;
  }
}
.mobile-phone-merit__image img {
  width: 100%;
}
.mobile-phone-merit__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-phone-merit__column {
  display: flex;
  flex-direction: column;
  background: #f3f3f3;
}
.mobile-phone-merit__column dt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: clamp(16px, 2.0806241873vw, 18px);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__column dt {
    font-size: clamp(18px, 4.8vw, 20px);
  }
}
.mobile-phone-merit__column dt::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px 0;
  font-size: 15px;
  color: #fff;
  background: #2880b3;
}
.mobile-phone-merit__column dt i {
  width: 100%;
  margin-bottom: 20px;
}
.mobile-phone-merit__column dt i img {
  width: 100%;
}
.mobile-phone-merit__column dd {
  position: relative;
  margin-top: 15px;
  padding: 15px 20px 20px;
  font-size: clamp(14px, 1.8205461638vw, 15px);
  line-height: 1.6;
  border-top: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-phone-merit__column dd {
    padding-top: min(4vw, 20px);
    font-size: 15px;
  }
}
.mobile-phone-merit__column dd::before {
  content: "";
  position: absolute;
  width: calc(100% - 40px);
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px solid #e7e7e7;
}

.mobile-phone-1gb {
  position: relative;
  margin-top: 40px;
  padding: 30px 40px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-phone-1gb {
    margin-top: clamp(30px, 8vw, 40px);
    padding: 30px 0 20px;
  }
}
.mobile-phone-1gb__item {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-1gb__item {
    margin-bottom: 35px;
  }
}
.mobile-phone-1gb__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-1gb__head {
    align-items: center;
  }
}
.mobile-phone-1gb__head span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 250px;
  height: 38px;
  font-size: 15px;
  color: #fff;
  border-radius: 38px;
  background: #2685bc;
}
.mobile-phone-1gb__head span i {
  flex-shrink: 0;
  width: 22px;
}
.mobile-phone-1gb__head span i img {
  width: 100%;
}
.mobile-phone-1gb__head em {
  font-size: 24px;
  font-weight: bold;
  color: #2685bc;
}
.mobile-phone-1gb__txt {
  width: 480px;
  font-size: 15px;
  color: #1d2731;
}
@media screen and (max-width: 768px) {
  .mobile-phone-1gb__txt {
    width: 100%;
  }
}
.mobile-phone-1gb__heading {
  margin-bottom: 20px;
  font-size: 18px;
  color: #2685bc;
}
@media screen and (max-width: 768px) {
  .mobile-phone-1gb__heading {
    display: flex;
    justify-content: center;
  }
}
.mobile-phone-1gb__table {
  width: 556px;
  border-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-1gb__table {
    width: 100%;
  }
}
.mobile-phone-1gb__table th, .mobile-phone-1gb__table td {
  padding: 10px 10px 8px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e7e7e7;
}
.mobile-phone-1gb__table thead th {
  width: 105px;
  color: #1d2731;
  background: #b3d8ed;
}
.mobile-phone-1gb__table thead th + th {
  width: 150px;
}
.mobile-phone-1gb__table tbody th {
  background: #d3e6f1;
}
.mobile-phone-1gb__table tbody td {
  background: #f5f5f5;
}
.mobile-phone-1gb__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-phone-1gb__bg {
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .mobile-phone-1gb__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(250, 251, 254, 0.85);
  }
}
.mobile-phone-1gb__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .mobile-phone-1gb__bg img {
    object-position: right;
  }
}

.mobile-phone-popular {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-popular {
    margin-top: clamp(20px, 5.3333333333vw, 30px);
  }
}
.mobile-phone-popular__rows {
  max-width: 960px;
  margin: 0 auto 30px;
  overflow: hidden;
}
.mobile-phone-popular__row + .mobile-phone-popular__row {
  margin-top: 30px;
}
.mobile-phone-popular__lead {
  margin: 30px 20px 0;
  font-weight: bold;
  color: #1d2731;
}
@media screen and (max-width: 768px) {
  .mobile-phone-popular__lead {
    margin-top: clamp(20px, 5.3333333333vw, 30px);
  }
}
.mobile-phone-popular__wrap {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-popular__slide {
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .mobile-phone-popular__slide::-webkit-scrollbar {
    width: 5px;
    background: var(--_background, #ccc);
  }
}
@media screen and (max-width: 768px) {
  .mobile-phone-popular__slide::-webkit-scrollbar:horizontal {
    height: 10px;
    background: var(--_background, #ccc);
  }
}
@media screen and (max-width: 768px) {
  .mobile-phone-popular__slide::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: var(--_scrollbar, #e8442a);
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-phone-popular__slide::-webkit-scrollbar-thumb:horizontal {
    background: var(--_scrollbar, #e8442a);
    border-radius: 10px;
  }
}
.mobile-phone-popular__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 21px;
}
@media screen and (max-width: 768px) {
  .mobile-phone-popular__columns {
    display: flex;
    gap: 20px 11px;
  }
}
.mobile-phone-popular__column {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .mobile-phone-popular__column {
    flex-shrink: 0;
    width: 280px;
  }
}
.mobile-phone-popular__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  padding: 30px clamp(12px, 1.5604681404vw, 30px);
  color: #230000;
  border: 1px solid #f0f0f0;
  border-top: none;
}
.mobile-phone-popular__heading {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
}
.mobile-phone-popular__date {
  order: -1;
  margin-bottom: 10px;
  color: #c1c1c2;
}
.mobile-phone-popular__color {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 25px;
}
.mobile-phone-popular__color dd {
  width: 28px;
  height: 4px;
  background: var(--_background);
}
.mobile-phone-popular__color dd[style="--_background: #ffffff;"] {
  border: 1px solid #b7b7b7;
}
.mobile-phone-popular__txt {
  font-size: clamp(14px, 1.8205461638vw, 15px);
  text-align: center;
}
.mobile-phone-popular__image {
  display: flex;
  order: -1;
  justify-content: center;
  align-items: center;
  height: 220px;
  background: #f8f8f8;
}
.mobile-phone-popular__image span {
  width: 71px;
}
.mobile-phone-popular__image span img {
  width: 100%;
}
.mobile-phone-popular__image.-type-1 span {
  width: 155px;
}
.mobile-phone-popular__links {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.mobile-phone-popular__link a {
  display: block;
  max-width: 970px;
}
.mobile-phone-popular__link a img {
  width: 100%;
}

.mobile-phone-bnr {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 30px;
}
.mobile-phone-bnr__links {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.mobile-phone-bnr__item a {
  display: block;
  max-width: 970px;
}
.mobile-phone-bnr__item a img {
  width: 100%;
}

.mobile-voice-slide {
  width: 100%;
  max-width: 778px;
  margin: 0 auto;
}
.mobile-voice-slide__arrow {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #222;
  fill: #fff;
  opacity: 1;
}
.mobile-voice-slide__arrow img {
  width: 16px;
}
.mobile-voice-slide__arrow.-prev {
  left: -15px;
}
.mobile-voice-slide__arrow.-next {
  right: -15px;
}
.mobile-voice-slide__column {
  display: flex;
  flex-direction: column;
}
.mobile-voice-slide__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 5px;
  background: #fff;
}
.mobile-voice-slide__heading {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
.mobile-voice-slide__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-bottom: 12px;
  font-size: 12px;
}
.mobile-voice-slide__item {
  display: flex;
}
.mobile-voice-slide__item dt {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mobile-voice-slide__item dt i {
  flex-shrink: 0;
  width: 15px;
}
.mobile-voice-slide__item dt i img {
  width: 100%;
}
.mobile-voice-slide__categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
.mobile-voice-slide__category {
  font-size: 10px;
  color: #fff;
  padding: 3px 10px;
  border-radius: 3px;
}
.mobile-voice-slide__category.-type-1 {
  background: #1782b7;
}
.mobile-voice-slide__category.-type-2 {
  background: #fc515d;
}
.mobile-voice-slide__category.-type-3 {
  background: #4eaa00;
}
.mobile-voice-slide__image {
  aspect-ratio: 1;
  display: flex;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 130px;
  margin-bottom: 25px;
  overflow: hidden;
  border-radius: 50%;
}
.mobile-voice-slide__image img {
  width: 100%;
}
.mobile-voice-slide__txt {
  flex-grow: 1;
  padding: 25px;
  box-shadow: inset 0 13px 6px -10px #e8e8e8;
  background: #f9f9fa;
}
.mobile-voice-slide__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 235px;
  height: 48px;
  margin: 64px auto 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .mobile-voice-slide__more {
    width: 62.6666666667vw;
    min-width: 235px;
    font-size: clamp(14px, 3.7333333333vw, 15px);
  }
}
.mobile-voice-slide__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}

.mobile-feature-merit__row {
  margin-top: 30px;
}
.mobile-feature-merit__heading {
  display: grid;
  grid-template-columns: 248px 1fr;
  align-items: center;
  gap: 15px;
  margin-bottom: 35px;
  font-size: 15px;
  font-weight: bold;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit__heading {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
.mobile-feature-merit__heading span {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  font-weight: 400;
  color: #fff;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit__heading span {
    width: 100%;
    height: 30px;
    min-height: 0;
  }
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit__heading em {
    padding: 10px;
  }
}
.mobile-feature-merit__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-feature-merit__column {
  display: grid;
  grid-template-columns: 129px 1fr;
  min-height: 118px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit__column {
    display: flex;
    flex-direction: column;
  }
}
.mobile-feature-merit__column i {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit__column i {
    height: 100px;
  }
}
.mobile-feature-merit__column i span {
  width: var(--_width);
}
.mobile-feature-merit__column i span img {
  width: 100%;
}
.mobile-feature-merit__column [data-attr] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  padding: 20px clamp(10px, 1.300390117vw, 20px);
  font-size: clamp(15px, 1.9505851756vw, 18px);
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit__column [data-attr] {
    align-items: center;
    padding: 20px;
    font-size: min(4.8vw, 20px);
  }
}
.mobile-feature-merit__column [data-attr]::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 94px;
  height: 22px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #c12520;
  border-radius: 22px;
  background: #ff2f3e;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit__column [data-attr]::before {
    width: 25.0666666667vw;
    font-size: clamp(12px, 3.2vw, 14px);
  }
}

.mobile-feature-merit-intro {
  position: relative;
  margin-top: 30px;
  padding: 45px 30px;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit-intro {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
  }
}
.mobile-feature-merit-intro__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit-intro__item {
    padding: 20px;
  }
}
.mobile-feature-merit-intro__lead {
  font-size: 24px;
  color: #ff2f3e;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit-intro__lead {
    font-size: clamp(20px, 5.3333333333vw, 24px);
  }
}
.mobile-feature-merit-intro__txt {
  width: 480px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit-intro__txt {
    width: 100%;
  }
}
.mobile-feature-merit-intro__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-feature-merit-intro__image {
    position: inherit;
    top: auto;
    left: auto;
  }
}
.mobile-feature-merit-intro__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobile-guarantee-intro {
  position: relative;
  padding: 50px 40px 60px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-intro {
    padding: 0;
  }
}
.mobile-guarantee-intro__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 30px;
}
.mobile-guarantee-intro__head span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 300px;
  height: 37px;
  color: #fff;
  border-radius: 37px;
  background: #d94641;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-intro__head span {
    justify-content: flex-start;
    width: 100%;
    max-width: 315px;
    padding: 0 15px;
    font-size: 15px;
  }
}
.mobile-guarantee-intro__head span i {
  width: 26px;
}
.mobile-guarantee-intro__head span i img {
  width: 100%;
}
.mobile-guarantee-intro__head em {
  font-size: 24px;
  color: #d94641;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-intro__head em {
    font-size: clamp(18px, 4.8vw, 24px);
  }
}
.mobile-guarantee-intro__txt {
  width: 480px;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-intro__txt {
    width: 100%;
    font-size: 15px;
  }
}
.mobile-guarantee-intro__bg {
  position: absolute;
  width: 526px;
  height: 100%;
  top: 0;
  left: 434px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-intro__bg {
    display: none;
  }
}
.mobile-guarantee-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobile-guarantee-merit {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-merit {
    grid-template-columns: 1fr;
    width: 78.6666666667vw;
    min-width: min(295px, 100%);
    margin: 0 auto;
  }
}
.mobile-guarantee-merit__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 15px;
  border: 1px solid #bfbfbf;
}
.mobile-guarantee-merit__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #e8442a;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-merit__column dt {
    font-size: clamp(16px, 4.2666666667vw, 20px);
  }
}
.mobile-guarantee-merit__column dt small {
  width: 100%;
}
.mobile-guarantee-merit__column dt small img {
  width: 100%;
}
.mobile-guarantee-merit__column dd {
  position: relative;
  padding: 15px 15px 25px;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-merit__column dd {
    padding: clamp(15px, 4vw, 25px) max(4vw, 15px) 25px;
    font-size: 14px;
    line-height: 1.6;
  }
}
.mobile-guarantee-merit__column dd::before {
  content: "";
  position: absolute;
  width: 185px;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #c0bfc0;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-merit__column dd::before {
    width: 49.3333333333vw;
  }
}

.mobile-guarantee-example__image {
  width: fit-content;
  margin: 25px auto 0;
}
.mobile-guarantee-example__image img {
  width: 100%;
}

.mobile-guarantee-package__wrap {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__wrap {
    width: 78.6666666667vw;
    margin: 25px auto 0;
  }
}
.mobile-guarantee-package__details + .mobile-guarantee-package__details {
  margin-top: 20px;
}
.mobile-guarantee-package__summary {
  pointer-events: none;
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  margin-bottom: 15px;
  padding: 0 20px;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__summary {
    pointer-events: auto;
    justify-content: center;
    margin-bottom: 0;
  }
}
.mobile-guarantee-package__summary i {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__summary i {
    position: absolute;
    display: block;
    aspect-ratio: 1;
    width: 13px;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
  }
}
.mobile-guarantee-package__summary i::before, .mobile-guarantee-package__summary i::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: #fff;
}
.mobile-guarantee-package__summary i::after {
  transition: rotate 0.3s;
  rotate: 90deg;
}
[open] > .mobile-guarantee-package__summary i::after {
  rotate: 180deg;
}
.mobile-guarantee-package__head {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__head {
    font-size: clamp(15px, 4vw, 18px);
  }
}
.mobile-guarantee-package__item {
  display: grid;
  grid-template-columns: 148px 1fr;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__item {
    grid-template-columns: 1fr;
    margin-top: 15px;
  }
}
.mobile-guarantee-package__item + .mobile-guarantee-package__item {
  margin-top: 20px;
}
.mobile-guarantee-package__detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 15px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__detail {
    align-items: center;
    padding: 30px max(4vw, 15px);
  }
}
.mobile-guarantee-package__intro {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__intro {
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 2.6666666667vw, 15px);
  }
}
.mobile-guarantee-package__heading {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 160px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: bold;
  color: #fff;
  border: 1px solid var(--_border);
  border-radius: 22px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__heading {
    width: 42.6666666667vw;
    min-width: 160px;
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
.mobile-guarantee-package__lead {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__lead {
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.mobile-guarantee-package__lead b {
  color: #d94641;
}
.mobile-guarantee-package__lead em:has(> i) {
  display: flex;
  align-items: center;
  gap: 1em;
}
.mobile-guarantee-package__lead span:first-child {
  text-align: right;
}
.mobile-guarantee-package__txt {
  font-size: 16px;
  font-feature-settings: "palt";
}
.mobile-guarantee-package__image {
  display: flex;
  order: -1;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__image {
    padding: 30px 20px;
  }
}
.mobile-guarantee-package__image span {
  width: var(--_width-PC);
}
@media screen and (max-width: 768px) {
  .mobile-guarantee-package__image span {
    width: var(--_width-SP);
  }
}
.mobile-guarantee-package__image span img {
  width: 100%;
}

.mobile-digno-recommend {
  border: 1px solid #d9dae0;
}
.mobile-digno-recommend + .mobile-digno-recommend {
  margin-top: 40px;
}
.mobile-digno-recommend__intro {
  display: grid;
  grid-template-columns: 247px 1fr;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .mobile-digno-recommend__intro {
    grid-template-columns: 1fr;
  }
}
.mobile-digno-recommend__head {
  width: 100%;
  margin-bottom: auto;
}
@media screen and (max-width: 768px) {
  .mobile-digno-recommend__head {
    width: 247px;
    max-width: 100%;
  }
}
.mobile-digno-recommend__head img {
  width: 100%;
}
.mobile-digno-recommend__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-recommend__item {
    padding: 30px max(4vw, 15px) 20px;
  }
}
.mobile-digno-recommend__lead {
  width: var(--_width);
}
@media screen and (max-width: 768px) {
  .mobile-digno-recommend__lead {
    width: 100%;
    max-width: var(--_width);
  }
}
.mobile-digno-recommend__lead img {
  width: 100%;
}
.mobile-digno-recommend__detail {
  border-top: 1px solid #d9dae0;
}
.mobile-digno-recommend__detail dt {
  display: flex;
  justify-content: center;
  padding: 5px 0;
  font-size: 17px;
  border-bottom: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .mobile-digno-recommend__detail dt {
    padding: max(1.3333333333vw, 5px) 0;
    font-size: clamp(17px, 4.5333333333vw, 18px);
  }
}
.mobile-digno-recommend__columns {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  padding: 20px 30px 15px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-recommend__columns {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(10px, 2.6666666667vw, 15px);
    padding: max(4vw, 15px);
  }
}
.mobile-digno-recommend__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-recommend__column {
    gap: 0.5333333333vw;
  }
}
.mobile-digno-recommend__column span {
  width: 100%;
}
.mobile-digno-recommend__column span img {
  width: 100%;
}

.mobile-digno-outdoor {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-outdoor {
    flex-direction: column;
    gap: 15px;
    width: 84vw;
    margin: clamp(20px, 5.3333333333vw, 30px) auto 0;
  }
}
.mobile-digno-outdoor__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 25px 0;
}
@media screen and (max-width: 768px) {
  .mobile-digno-outdoor__item {
    padding: 0;
  }
}
.mobile-digno-outdoor__lead {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
}
.mobile-digno-outdoor__lead em {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mobile-digno-outdoor__lead small {
  font-size: 16px;
}
.mobile-digno-outdoor__lead b {
  color: #ff4021;
}
.mobile-digno-outdoor__image {
  order: -1;
  flex-shrink: 0;
  width: 260px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-outdoor__image {
    width: 69.3333333333vw;
  }
}
.mobile-digno-outdoor__image img {
  width: 100%;
}

.mobile-digno-point__row {
  display: grid;
  grid-template-columns: 1fr 237px;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-point__row {
    grid-template-columns: 1fr;
    gap: max(2.6666666667vw, 10px);
    padding: 0 max(4vw, 15px);
  }
}
.mobile-digno-point__row + .mobile-digno-point__row {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-digno-point__row + .mobile-digno-point__row {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-digno-point__item {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
.mobile-digno-point__head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #ff4021;
}
@media screen and (max-width: 768px) {
  .mobile-digno-point__head {
    font-size: clamp(18px, 4.8vw, 22px);
  }
}
.mobile-digno-point__head i {
  flex-shrink: 0;
  width: 44px;
}
.mobile-digno-point__head i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-digno-point__image {
    order: -1;
    width: 63.2vw;
    margin: 0 auto;
  }
}
.mobile-digno-point__image img {
  width: 100%;
}

.mobile-digno-voice__row {
  padding: 2px;
  border: 1px solid #d9dae0;
}
.mobile-digno-voice__intro {
  display: grid;
  grid-template-columns: 174px 1fr;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__intro {
    grid-template-columns: 1fr;
    padding: 0 0 25px;
  }
}
.mobile-digno-voice__info {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__info {
    align-items: center;
    gap: 5px;
    padding: 0;
  }
}
.mobile-digno-voice__info::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__info::before {
    content: none;
  }
}
.mobile-digno-voice__head {
  font-size: 20px;
  font-weight: bold;
}
.mobile-digno-voice__data {
  display: flex;
  align-items: flex-end;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__data {
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
}
.mobile-digno-voice__type {
  display: flex;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__type {
    justify-content: center;
  }
}
.mobile-digno-voice__type dt {
  font-weight: 400;
}
.mobile-digno-voice__type dt::after {
  content: "：";
}
.mobile-digno-voice__categories {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__categories {
    gap: 0.5333333333vw;
  }
}
.mobile-digno-voice__category img {
  width: 100%;
}
.mobile-digno-voice__fig {
  order: -1;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__fig {
    width: 46.4vw;
    min-width: 174px;
    margin: 0 auto;
  }
}
.mobile-digno-voice__fig img {
  width: 100%;
}
.mobile-digno-voice__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 10px;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__heading {
    gap: 4px;
    height: auto;
    min-height: 40px;
    padding: 0;
    font-size: 15px;
  }
}
.mobile-digno-voice__heading i {
  flex-shrink: 0;
  width: 136px;
}
.mobile-digno-voice__heading i img {
  width: 100%;
}
.mobile-digno-voice__content {
  display: flex;
  gap: 20px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__content {
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 2.6666666667vw, 15px);
    padding: 20px max(5.3333333333vw, 20px);
  }
}
.mobile-digno-voice__detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__detail {
    gap: 8px;
  }
}
.mobile-digno-voice__lead {
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__lead {
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.mobile-digno-voice__txt {
  font-size: 14px;
  line-height: 1.6;
}
.mobile-digno-voice__image {
  order: -1;
  flex-shrink: 0;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .mobile-digno-voice__image {
    width: 53.3333333333vw;
    min-width: 200px;
    max-width: 300px;
  }
}
.mobile-digno-voice__image img {
  width: 100%;
}

.mobile-faq-rank {
  margin-top: 25px;
  border-top: 1px solid #d9dae0;
}
.mobile-faq-rank__row {
  display: grid;
  grid-template-columns: 77px 1fr;
  padding: 10px 0;
  border-bottom: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-faq-rank__row {
    grid-template-columns: 1fr;
    padding: 0;
  }
}
.mobile-faq-rank__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-faq-rank__icon {
    margin: 0 25px;
    padding: 13px 0 15px;
    border-right: none;
    border-bottom: 1px dotted #d9dae0;
  }
}
.mobile-faq-rank__icon span {
  width: fit-content;
}
.mobile-faq-rank__icon img {
  width: 100%;
}
.mobile-faq-rank__item {
  padding: 10px 20px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-faq-rank__item {
    padding-bottom: 20px;
  }
}
.mobile-faq-rank__item dt {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #ff4021;
}
.mobile-faq-rank__item dt i {
  flex-shrink: 0;
  width: 23px;
}
.mobile-faq-rank__item dt i img {
  width: 100%;
}
.mobile-faq-rank__item dd {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding-left: 30px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .mobile-faq-rank__item dd {
    padding-left: 0;
  }
}
.mobile-faq-rank__item dd i {
  flex-shrink: 0;
  width: 23px;
}
.mobile-faq-rank__item dd i img {
  width: 100%;
}
.mobile-faq-rank__more {
  position: relative;
  display: flex;
  justify-content: center;
  width: fit-content;
  margin: 20px 0 0 auto;
  padding: 10px 30px 10px 20px;
  font-size: 14px;
  line-height: 1.4285714286;
  border: 1px solid #d9dae0;
  border-radius: 2px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .mobile-faq-rank__more {
    width: 100%;
    padding: 15px 20px;
  }
}
.mobile-faq-rank__more i {
  position: absolute;
  width: 6px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.mobile-faq-rank__more i img {
  width: 100%;
}
.mobile-faq-rank__more:hover {
  opacity: 1;
  color: #ff4021;
  border-color: currentColor;
}

.mobile-career-mv {
  background: var(--_main-color);
}
.mobile-career-mv__wrap {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  padding: 35px 0;
}
.mobile-career-mv__item {
  flex-shrink: 0;
  width: var(--_width-PC, 475px);
}
.mobile-career-mv__item.-softbank {
  margin-top: 15px;
}
.mobile-career-mv__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}
.mobile-career-mv__detail dt {
  width: fit-content;
  font-size: 69px;
  line-height: 1.5072463768;
  color: #434343;
}
.mobile-career-mv__detail dt img {
  width: 100%;
}
.-softbank > .mobile-career-mv__detail {
  gap: 0;
}
.mobile-career-mv__point {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
.mobile-career-mv__point li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mobile-career-mv__point li i {
  flex-shrink: 0;
  width: var(--_width-PC, auto);
}
.mobile-career-mv__point li i img {
  width: 100%;
}
.mobile-career-mv__point li + li {
  padding-left: 10px;
  border-left: 1px dotted #fff;
}
.mobile-career-mv__point.-softbank li {
  gap: 15px;
  font-size: 14px;
  color: #212121;
  line-height: 1.6;
}
.mobile-career-mv__point.-softbank li + li {
  padding-left: 15px;
  border-left: 1px dotted #212121;
}
.mobile-career-mv__txt {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: 12px 0;
  font-weight: bold;
  color: var(--_main-color);
  border-radius: 80px;
  background: #fff;
}
.-softbank > .mobile-career-mv__txt {
  padding: 13px 0;
  color: #fff;
  line-height: 1.5;
  background: #afafb0;
}
.mobile-career-mv__image {
  flex-shrink: 0;
  width: var(--_width-PC, fit-content);
}
.mobile-career-mv__image img {
  width: 100%;
}
.mobile-career-mv__mv {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-career-mv__mv {
    display: block;
    width: 100%;
  }
}
.mobile-career-mv__mv img {
  width: 100%;
}

.mobile-career-intro {
  position: relative;
  padding: 30px;
  background: #f5f6f8;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-career-intro {
    padding: 30px 0;
  }
}
.mobile-career-intro.-type-1 {
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .mobile-career-intro.-type-1 {
    margin-bottom: 0;
    padding: 30px 30px 20px;
  }
}
.mobile-career-intro__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  max-width: var(--_width-PC, 510px);
}
@media screen and (max-width: 768px) {
  .mobile-career-intro__item {
    align-items: center;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .mobile-career-intro__item dt i {
    display: none;
  }
}
.mobile-career-intro__head {
  display: flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  padding: 7px 20px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 1.6;
  border-radius: 38px;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .mobile-career-intro__head {
    line-height: 1.4;
  }
}
.mobile-career-intro__head i {
  position: relative;
  flex-shrink: 0;
  width: 19px;
  padding-right: 3px;
  box-sizing: content-box;
}
.mobile-career-intro__head i::before {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.mobile-career-intro__head i img {
  width: 100%;
}
.mobile-career-intro__detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-career-intro__detail {
    align-items: center;
  }
}
.mobile-career-intro__lead {
  font-size: 21px;
  color: #2685bc;
}
@media screen and (max-width: 768px) {
  .mobile-career-intro__lead {
    width: 84vw;
    margin: 0 auto;
  }
}
.mobile-career-intro__txt {
  font-size: 15px;
}
.mobile-career-intro__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-career-intro__image {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .mobile-career-intro__image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(250, 251, 254, 0.85);
  }
}
.mobile-career-intro__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right;
}
@media screen and (max-width: 768px) {
  .mobile-career-intro__image img {
    object-fit: cover;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .mobile-career-intro__image {
    width: 100%;
  }
}

.mobile-career-plan__intro {
  position: relative;
  padding: var(--_padding-PC, 60px 40px);
  background: #f5f6f8;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__intro {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__intro.-type-1 {
    padding-bottom: 0;
  }
}
.mobile-career-plan__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__head {
    align-items: center;
  }
}
.mobile-career-plan__head small {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 9px;
  padding: 7px 20px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 38px;
  background: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__head small {
    padding: 7px 18px;
    line-height: 1.4;
  }
}
.mobile-career-plan__head small i {
  position: relative;
  flex-shrink: 0;
  width: 22px;
  padding-right: 8px;
  box-sizing: content-box;
}
.mobile-career-plan__head small i::before {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.mobile-career-plan__head small i img {
  width: 100%;
}
.mobile-career-plan__head > span {
  display: flex;
  align-items: center;
  margin-top: 15px;
  color: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__head > span {
    order: 1;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 18px;
  }
}
.mobile-career-plan__head > span span {
  padding: 0 15px;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.6;
  border: 2px solid currentColor;
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__head > span span {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 19px;
  }
}
.mobile-career-plan__head > span span.-icon {
  margin: 0 7px;
  padding: 0;
  border: none;
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__head > span span.-icon {
    margin: 4px 0;
  }
}
.mobile-career-plan__head > span:has(> em) {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin-top: 20px;
}
.mobile-career-plan__head > span em {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__head > span em {
    margin: 0 auto;
  }
}
.mobile-career-plan__head > span em img {
  width: 100%;
}
.mobile-career-plan__head > em {
  margin-top: 20px;
  font-size: 27px;
  font-weight: bold;
  color: var(--_main-color);
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__head > em {
    margin-top: 15px;
    text-align: center;
  }
}
.mobile-career-plan__txt {
  width: var(--_width-PC, 400px);
  margin-top: 15px;
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__txt {
    width: 100%;
    margin-top: 23px;
  }
}
.mobile-career-plan__txt em {
  color: var(--_main-color);
}
.mobile-career-plan__image {
  position: absolute;
  width: fit-content;
  bottom: 0;
  right: var(--_right, 0);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__image {
    position: relative;
    bottom: auto;
    right: auto;
  }
}
.mobile-career-plan__image img {
  width: 100%;
}
.mobile-career-plan__foot {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 20px 40px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__foot {
    flex-direction: column;
    gap: 20px;
    padding: 30px;
  }
}
.mobile-career-plan__foot dt {
  flex-shrink: 0;
  width: 53%;
  word-break: auto-phrase;
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  .mobile-career-plan__foot dt {
    width: 100%;
    font-size: 28px;
    line-height: 1.4;
    text-align: center;
  }
}
.mobile-career-plan__foot dd {
  font-size: 15px;
}

.mobile-docomo-plan {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-plan {
    grid-template-columns: 1fr;
  }
}
.mobile-docomo-plan__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-plan__column {
    padding-bottom: 20px;
  }
}
.mobile-docomo-plan__column.-type-1 {
  border: 1px solid #fdeabe;
}
.mobile-docomo-plan__column.-type-2 {
  border: 1px solid #eee;
}
.mobile-docomo-plan__heading {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px 0;
}
.mobile-docomo-plan__heading img {
  width: fit-content;
}
.-type-1 > .mobile-docomo-plan__heading {
  background: #fdeabe;
}
.-type-2 > .mobile-docomo-plan__heading {
  background: #eee;
}
.mobile-docomo-plan__data {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 76px;
  margin: 15px 20px 0;
}
.mobile-docomo-plan__data img {
  width: 100%;
}
.mobile-docomo-plan__tel {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 368px;
  margin: 15px 50px 0;
  padding: 10px 0;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-plan__tel {
    width: 62.1333333333vw;
  }
}
.mobile-docomo-plan__tel dt {
  font-size: 15px;
}
.mobile-docomo-plan__tel dd {
  font-size: 30px;
}
.-type-1 > .mobile-docomo-plan__tel {
  background: #fdf5e2;
}
.-type-2 > .mobile-docomo-plan__tel {
  background: #a9d6cb;
}
.mobile-docomo-plan__price {
  margin-top: 15px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.mobile-docomo-plan__price em {
  display: inline-block;
  min-width: 2.5em;
  font-size: 53px;
  text-align: right;
}
.-type-1 > .mobile-docomo-plan__price em {
  color: #b97851;
}
.-type-2 > .mobile-docomo-plan__price em {
  color: #3ab395;
}
.mobile-docomo-plan__fig {
  margin: 15px 20px 0;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-plan__fig {
    margin: 15px 0 0;
  }
}
.mobile-docomo-plan__fig img {
  width: 100%;
}

.mobile-docomo-service + .mobile-docomo-service {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-service + .mobile-docomo-service {
    margin-top: 20px;
  }
}
.mobile-docomo-service__wrap {
  position: relative;
  margin-top: 30px;
  padding: 30px;
  background: #f5f6f8;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-service__wrap {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-docomo-service__wrap.-type-2 {
    padding: 30px 20px 0;
  }
}
.-type-2 > .mobile-docomo-service__item {
  width: 400px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .-type-2 > .mobile-docomo-service__item {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .mobile-docomo-service__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.mobile-docomo-service__label {
  display: flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin-bottom: 15px;
  padding: 7px 20px;
  color: #fff;
  line-height: 1.6;
  border-radius: 38px;
  background: #cc0033;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-service__label {
    padding: 7px 18px;
    line-height: 1.4;
  }
}
.mobile-docomo-service__label span {
  position: relative;
  flex-shrink: 0;
  width: 22px;
  padding-right: 8px;
  box-sizing: content-box;
}
.mobile-docomo-service__label span::before {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.mobile-docomo-service__label span img {
  width: 100%;
}
.mobile-docomo-service__lead {
  max-width: 450px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-service__lead {
    max-width: 100%;
    text-align: center;
  }
}
.mobile-docomo-service__lead span {
  color: #cc0033;
}
.mobile-docomo-service__row {
  margin-top: 15px;
}
.mobile-docomo-service__row + .mobile-docomo-service__row {
  margin-top: 20px;
}
.mobile-docomo-service__heading {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #cc0033;
  line-height: 1.6;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-service__heading {
    font-size: 14px;
    text-align: center;
  }
}
.mobile-docomo-service__points {
  max-width: 450px;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-service__points {
    max-width: 100%;
  }
}
.mobile-docomo-service__point {
  font-size: 14px;
  line-height: 1.6;
}
.mobile-docomo-service__point dt {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}
.mobile-docomo-service__point dt i {
  flex-shrink: 0;
  width: 18px;
}
.mobile-docomo-service__point dt i img {
  width: 100%;
}
.mobile-docomo-service__point dd {
  padding-left: 26px;
}
.mobile-docomo-service__point + .mobile-docomo-service__point {
  margin-top: 5px;
}
.mobile-docomo-service__table {
  width: 660px;
  border-collapse: separate;
  border-spacing: 1px;
}
.mobile-docomo-service__table th, .mobile-docomo-service__table td {
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
}
.mobile-docomo-service__table thead th {
  font-weight: bold;
  color: #fff;
  background: #cc0033;
}
.mobile-docomo-service__table tbody th, .mobile-docomo-service__table tbody td {
  font-weight: 400;
  background: #fff;
}
.mobile-docomo-service__image {
  position: absolute;
  height: 100%;
  top: 0;
  z-index: -1;
}
.mobile-docomo-service__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.-type-1 > .mobile-docomo-service__image {
  width: 100%;
  right: 0;
}
@media screen and (max-width: 768px) {
  .-type-1 > .mobile-docomo-service__image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(250, 251, 254, 0.85);
  }
}
.-type-1 > .mobile-docomo-service__image img {
  object-position: right;
}
@media screen and (max-width: 768px) {
  .-type-1 > .mobile-docomo-service__image img {
    object-fit: cover;
  }
}
.-type-2 > .mobile-docomo-service__image {
  width: fit-content;
  left: 30px;
}
@media screen and (max-width: 768px) {
  .-type-2 > .mobile-docomo-service__image {
    position: inherit;
    top: auto;
    left: auto;
    margin-top: 14px;
  }
}
.-type-2 > .mobile-docomo-service__image img {
  object-position: left;
}

.mobile-docomo-business {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business {
    margin-top: 20px;
  }
}
.mobile-docomo-business__wrap {
  max-width: 920px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business__wrap {
    margin-top: 20px;
  }
}
.mobile-docomo-business__lead {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.6;
}
.mobile-docomo-business__lead em {
  color: #cc0033;
}
.mobile-docomo-business__rows {
  margin-top: 24px;
}
.mobile-docomo-business__row + .mobile-docomo-business__row {
  margin-top: 50px;
}
.mobile-docomo-business__heading {
  display: grid;
  grid-template-columns: 130px 1fr;
  min-height: 50px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #cc0033;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business__heading {
    grid-template-columns: 1fr;
  }
}
.mobile-docomo-business__heading small {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: #7e0120;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business__heading small {
    padding: 10px 0;
  }
}
.mobile-docomo-business__heading span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business__heading span {
    padding: 10px 0;
    word-break: auto-phrase;
    text-align: center;
  }
}
.mobile-docomo-business__item {
  position: relative;
  padding: 30px;
  background: #eee;
  z-index: 1;
}
.mobile-docomo-business__item + .mobile-docomo-business__item {
  margin-top: 1px;
}
.mobile-docomo-business__item.-type-1 {
  min-height: 219px;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business__item.-type-1 {
    min-height: 0;
    padding: 30px 20px 0;
  }
}
.mobile-docomo-business__point {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #cc0033;
  line-height: 1.6;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business__point {
    font-size: 14px;
    text-align: center;
  }
}
.mobile-docomo-business__txt {
  font-size: 15px;
}
.mobile-docomo-business__txt em {
  color: #cc0033;
}
.mobile-docomo-business__note {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.6;
}
.mobile-docomo-business__fig {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business__fig {
    position: inherit;
    display: flex;
    justify-content: flex-end;
    width: 92vw;
    height: 48.5042666667vw;
    top: auto;
    right: auto;
    margin: 18px -20px 0;
    overflow: hidden;
  }
}
.mobile-docomo-business__fig img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business__fig img {
    width: 130%;
    max-width: 130%;
    object-fit: cover;
    transform: translateX(5.3333333333vw);
  }
}
.mobile-docomo-business__pic {
  max-width: 840px;
  margin-top: 15px;
}
.mobile-docomo-business__pic img {
  width: 100%;
}
.mobile-docomo-business__images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 840px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-docomo-business__images {
    grid-template-columns: 1fr;
  }
}
.mobile-docomo-business__image img {
  width: 100%;
}

.mobile-career-product + .mobile-career-product {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-career-product + .mobile-career-product {
    margin-top: 20px;
  }
}
.mobile-career-product__lead {
  max-width: 920px;
  margin: 30px auto 0;
  font-weight: bold;
  color: #1d2731;
}
@media screen and (max-width: 768px) {
  .mobile-career-product__lead {
    width: 78.6666666667vw;
    margin-top: 20px;
  }
}
.mobile-career-product__wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .mobile-career-product__content {
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .mobile-career-product__content::-webkit-scrollbar {
    width: 5px;
    background: var(--_background, #ccc);
  }
}
@media screen and (max-width: 768px) {
  .mobile-career-product__content::-webkit-scrollbar:horizontal {
    height: 10px;
    background: var(--_background, #ccc);
  }
}
@media screen and (max-width: 768px) {
  .mobile-career-product__content::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: var(--_scrollbar, #e8442a);
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-career-product__content::-webkit-scrollbar-thumb:horizontal {
    background: var(--_scrollbar, #e8442a);
    border-radius: 10px;
  }
}
.mobile-career-product__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-career-product__columns {
    display: flex;
  }
}
.mobile-career-product__column {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .mobile-career-product__column {
    flex-shrink: 0;
    width: 280px;
    max-width: 100%;
  }
}
.mobile-career-product__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  padding: 30px 10px;
  border: 1px solid #f0f0f0;
  border-top: none;
}
.mobile-career-product__heading {
  margin-bottom: 23px;
  font-size: 18px;
  font-weight: bold;
  color: #230000;
  line-height: 1.6;
  text-align: center;
}
.mobile-career-product__date {
  order: -1;
  margin-bottom: 10px;
  font-size: 15px;
  color: #c1c1c1;
  line-height: 1.6;
}
.mobile-career-product__color {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-bottom: 15px;
}
.mobile-career-product__color dd {
  width: 28px;
  height: 4px;
  background: var(--_background);
}
.mobile-career-product__desc {
  font-size: 15px;
  color: #230000;
  text-align: center;
}
.mobile-career-product__image {
  aspect-ratio: 306/220;
  display: flex;
  order: -1;
  justify-content: center;
  align-items: center;
  background: #f8f8f8;
}
.mobile-career-product__image span {
  width: fit-content;
  max-height: 148px;
}
.mobile-career-product__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mobile-au-plan {
  margin-top: 50px;
}
.mobile-au-plan__lead {
  margin-top: 25px;
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-au-plan__lead {
    margin-top: 20px;
  }
}
.mobile-au-plan__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2.6007802341vw, 30px);
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .mobile-au-plan__columns {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.mobile-au-plan__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  border: 1px solid #dcdcdc;
}
.mobile-au-plan__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 min(1.9505851756vw, 20px);
  padding: 4px 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  background: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .mobile-au-plan__heading {
    width: 72.8vw;
    margin: 0 auto;
  }
}
.mobile-au-plan__item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  padding: 13px min(1.9505851756vw, 25px) 25px;
}
@media screen and (max-width: 768px) {
  .mobile-au-plan__item {
    padding: 13px 15px 15px;
  }
}
.mobile-au-plan__price {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.mobile-au-plan__price dt {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.6;
}
.mobile-au-plan__price dd {
  font-size: 20px;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-au-plan__price dd {
    font-size: 18px;
  }
}
.mobile-au-plan__price dd em {
  margin: 0 2px;
  font-size: 39px;
  color: var(--_main-color);
}
.mobile-au-plan__price dd small {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .mobile-au-plan__price dd:not(:has(> small)) {
    padding-bottom: 22px;
  }
}
.mobile-au-plan__point {
  display: flex;
  justify-content: center;
  margin-top: auto;
  padding: 8px 0;
  font-size: 20px;
  font-weight: bold;
  color: var(--_main-color);
  line-height: 1.6;
  background: var(--_sub-color);
}

.career-au-option {
  margin-top: 50px;
}
.career-au-option__rows {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .career-au-option__rows {
    margin-top: 20px;
  }
}
.career-au-option__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .career-au-option__row {
    gap: 20px;
  }
}
.career-au-option__row + .career-au-option__row {
  margin-top: 45px;
}
.career-au-option__heading {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  width: 100%;
  min-height: 50px;
  font-weight: bold;
  color: #fff;
  background: #eb5505;
}
@media screen and (max-width: 768px) {
  .career-au-option__heading {
    grid-template-columns: 104px 1fr;
    min-height: 40px;
  }
}
.career-au-option__heading small {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 15px;
  background: #a43900;
}
.career-au-option__heading em {
  padding: 4px 20px;
  font-size: 17px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .career-au-option__heading em {
    padding: 4px 10px;
  }
}
.career-au-option__txt {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .career-au-option__txt {
    margin-bottom: 10px;
    font-size: 15px;
  }
}
.career-au-option__txt em {
  color: #eb5505;
}
.career-au-option__image {
  width: fit-content;
}
.career-au-option__image img {
  width: 100%;
}
.career-au-option__image.-type-1 {
  margin-left: 90px;
}
@media screen and (max-width: 768px) {
  .career-au-option__image.-type-1 {
    margin-left: 0;
  }
}
.career-au-option__image.-type-4 {
  margin-left: 190px;
}
@media screen and (max-width: 768px) {
  .career-au-option__image.-type-4 {
    margin-left: 0;
  }
}

.mobile-y-anchor {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 35px 0 -180px;
}
@media screen and (max-width: 768px) {
  .mobile-y-anchor {
    grid-template-columns: 1fr;
    margin: 20px 0 0;
  }
}
.mobile-y-anchor__column a {
  display: block;
}
.mobile-y-anchor__column a img {
  width: 100%;
}

.mobile-y-task__lead {
  margin-bottom: 24px;
}
.mobile-y-task__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-y-task__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-y-task__column {
  position: relative;
  border: 1px solid #e7e7e7;
}
.mobile-y-task__item {
  font-weight: bold;
}
.mobile-y-task__item dt {
  padding: 12px 12px 12px 100px;
  font-size: 20px;
  color: #fff;
  line-height: 1.4;
  background: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .mobile-y-task__item dt {
    padding: 12px 80px;
    text-align: center;
  }
}
.mobile-y-task__item dd {
  padding: 12px 12px 12px 100px;
  font-size: 18px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-y-task__item dd {
    padding: 12px 80px;
    text-align: center;
  }
}
.mobile-y-task__item dd em {
  font-size: 33px;
  color: var(--_main-color);
}
.mobile-y-task__image {
  position: absolute;
  width: fit-content;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
.mobile-y-task__image img {
  width: 100%;
}
.mobile-y-task__types {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .mobile-y-task__types {
    grid-template-columns: 1fr;
  }
}
.mobile-y-task__type {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.mobile-y-task__type dt {
  width: fit-content;
}
.mobile-y-task__type img {
  width: 100%;
}

.mobile-y-plan__lead {
  margin-bottom: 24px;
}
.mobile-y-plan__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-y-plan__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-y-plan__column {
  padding: 0 27px 5px;
  border: 1px solid #e7e7e7;
}
.mobile-y-plan__heading {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 138px;
  margin: 0 auto 10px;
  padding: 5px 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: var(--_main-color);
}
.mobile-y-plan__price {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 12px;
  font-weight: bold;
}
.mobile-y-plan__price::after {
  content: "";
  margin-top: 7px;
  border-style: solid;
  border-width: 11px 10px 0 10px;
  border-color: #d9dae0 transparent transparent transparent;
}
.mobile-y-plan__price dt {
  font-size: 15px;
  line-height: 1.6;
}
.mobile-y-plan__price dd {
  font-size: 18px;
  line-height: 1.2;
}
.mobile-y-plan__price dd em {
  font-size: 31px;
}
.mobile-y-plan__set {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.mobile-y-plan__set dt {
  width: 100%;
  padding: 7px 0;
  font-size: 15px;
  color: var(--_main-color);
  line-height: 1.6;
  text-align: center;
  background: var(--_sub-color);
}
@media screen and (max-width: 768px) {
  .mobile-y-plan__set dt {
    font-size: 14px;
  }
}
.mobile-y-plan__set dd {
  font-size: 20px;
  line-height: 1.6;
}
.mobile-y-plan__set dd em {
  font-size: 38px;
  color: var(--_main-color);
}
.mobile-y-plan__spec {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
  line-height: 1.6;
}
.mobile-y-plan__spec dt {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 8px 0;
  font-size: 16px;
  border-radius: 42px;
  background: #eee;
}
.mobile-y-plan__spec dd {
  font-size: 36px;
  color: var(--_main-color);
}
.mobile-y-plan__spec dd em {
  font-size: 53px;
}
.mobile-y-plan__note {
  margin-top: 24px;
}
.mobile-y-plan__note small {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-y-plan__note small {
    font-size: 14px;
  }
}
.mobile-y-plan__rows {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-y-plan__rows {
    margin-top: 20px;
  }
}
.mobile-y-plan__row + .mobile-y-plan__row {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-y-plan__row + .mobile-y-plan__row {
    margin-top: 20px;
  }
}
.mobile-y-plan__txt {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-y-plan__txt {
    margin-top: 20px;
  }
}
.mobile-y-plan__txt em {
  font-size: 21px;
  font-weight: bold;
  color: #c50409;
}
.mobile-y-plan__image {
  width: fit-content;
  margin: 20px auto 0;
}
.mobile-y-plan__image img {
  width: 100%;
}
.mobile-y-plan__service {
  position: relative;
  margin-top: 30px;
  padding: 40px 35px;
  background: #d6e8f2;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-y-plan__service {
    padding: 30px 30px 0;
  }
}
.mobile-y-plan__desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  max-width: 470px;
}
@media screen and (max-width: 768px) {
  .mobile-y-plan__desc {
    align-items: center;
    max-width: 100%;
  }
}
.mobile-y-plan__desc dt {
  display: flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  padding: 7px 18px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 1.6;
  border-radius: 38px;
  background: #2685bc;
}
.mobile-y-plan__desc dt i {
  position: relative;
  flex-shrink: 0;
  width: 29px;
  padding-right: 9px;
  box-sizing: content-box;
}
.mobile-y-plan__desc dt i::before {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.mobile-y-plan__desc dt i img {
  width: 100%;
}
.mobile-y-plan__desc dd {
  font-size: 15px;
  line-height: 1.6;
}
.mobile-y-plan__fig {
  position: absolute;
  width: fit-content;
  bottom: 0;
  right: 40px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-y-plan__fig {
    position: inherit;
    bottom: auto;
    right: auto;
    margin: 30px auto 0;
  }
}
.mobile-y-plan__fig img {
  width: 100%;
}

.mobile-y-option {
  max-width: 920px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .mobile-y-option {
    width: 78.6666666667vw;
  }
}
.mobile-y-option + .mobile-y-option {
  margin-top: 24px;
}
.mobile-y-option__head {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  min-height: 50px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #c50409;
}
@media screen and (max-width: 768px) {
  .mobile-y-option__head {
    grid-template-columns: 1fr;
  }
}
.mobile-y-option__head small {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 15px;
  background: #940004;
}
@media screen and (max-width: 768px) {
  .mobile-y-option__head small {
    padding: 10px 20px;
  }
}
.mobile-y-option__head em {
  padding: 4px 40px;
}
@media screen and (max-width: 768px) {
  .mobile-y-option__head em {
    padding: 10px 20px;
    font-size: 17px;
  }
}
.mobile-y-option__lead {
  margin-top: 24px;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
.mobile-y-option__lead em {
  color: #c50409;
}
.mobile-y-option__image {
  width: fit-content;
  margin: 24px auto 0;
}
.mobile-y-option__image img {
  width: 100%;
}
.mobile-y-option__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .mobile-y-option__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-y-option__column {
  padding: 0 20px 20px;
  border: 1px solid #e7e7e7;
}
.mobile-y-option__column dt {
  display: flex;
  justify-content: center;
  max-width: 200px;
  margin: 0 auto 20px;
  padding: 5px 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: var(--_main-color);
}
.mobile-y-option__column dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.mobile-y-option__data {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 50px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  background: var(--_sub-color);
}
.mobile-y-option__data::before {
  content: "";
  order: 1;
  border-style: solid;
  border-width: 10px 0 10px 11px;
  border-color: transparent transparent transparent #c9c9c9;
}
.mobile-y-option__data span {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.mobile-y-option__data span em {
  font-size: 22px;
}
.mobile-y-option__data span + span {
  order: 2;
  font-size: 21px;
}
.mobile-y-option__data span + span em {
  min-width: 1em;
  font-size: 32px;
  text-align: right;
}
.mobile-y-option__fig {
  width: fit-content;
  margin: 0 auto;
}
.mobile-y-option__fig img {
  width: 100%;
}

.mobile-softbank-plan__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 20px;
}
@media screen and (max-width: 979px) {
  .mobile-softbank-plan__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__items {
    grid-template-columns: 1fr;
  }
}
.mobile-softbank-plan__item a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 15px 30px;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__item a {
    flex-direction: row;
    align-items: stretch;
    padding: 0 35px 0 0;
  }
}
.mobile-softbank-plan__type {
  display: flex;
  justify-content: center;
  width: 108px;
  margin-bottom: 15px;
  padding: 3px 0;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__type {
    width: auto;
    margin: 0 35px 0 0;
    padding: 0 2px;
    writing-mode: vertical-rl;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__detail {
    flex-grow: 1;
    padding: 15px 0;
  }
}
.mobile-softbank-plan__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 66px;
  margin-bottom: 15px;
  white-space: nowrap;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.03em;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__heading {
    min-height: 0;
    margin-bottom: 5px;
    border-bottom: none;
  }
}
.mobile-softbank-plan__price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin-bottom: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__price {
    align-items: center;
    gap: 10px;
  }
}
.mobile-softbank-plan__price span {
  display: flex;
  justify-content: center;
  align-items: baseline;
  width: 100%;
  padding: 5px 14px;
  white-space: nowrap;
  font-size: 16px;
  color: var(--_main-color);
  line-height: 1;
  border-radius: 3px;
  background: var(--_sub-color);
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__price span {
    width: fit-content;
    min-width: 70%;
    padding: 10px 0;
    font-size: 14px;
  }
}
.mobile-softbank-plan__price span em {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__price span em {
    font-size: 24px;
  }
}
.mobile-softbank-plan__price small {
  font-size: 11px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__price small {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__txt {
    text-align: center;
  }
}
.mobile-softbank-plan__arrow {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  bottom: -21px;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 6px;
  border-radius: 50%;
  background: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__arrow {
    width: 22px;
    bottom: auto;
    left: auto;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    padding-bottom: 3px;
  }
}
.mobile-softbank-plan__arrow::before {
  content: "";
  aspect-ratio: 1;
  width: 15px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  rotate: 135deg;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan__arrow::before {
    width: 8px;
  }
}

.mobile-softbank-plan-detail {
  --grad: linear-gradient(to bottom, rgb(59, 115, 210) 0%, rgb(20, 135, 193) 100%);
  --color-heading: #0b5bce;
  margin-top: 50px;
}
.mobile-softbank-plan-detail.-type-1 {
  --grad: linear-gradient(to bottom, rgb(212, 44, 20) 0%, rgb(232, 68, 43) 100%);
  --color-heading: #E84429;
}
.mobile-softbank-plan-detail__intro {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 10px;
  background: #e4e4e4;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__intro {
    flex-direction: column;
    gap: 0;
    padding: 0 0 10px;
  }
}
.mobile-softbank-plan-detail__head {
  display: grid;
  flex-shrink: 0;
  grid-template-columns: 150px 1fr;
  align-items: center;
  gap: 20px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__head {
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
  }
}
.mobile-softbank-plan-detail__head small {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 55px;
  font-size: 15px;
  color: #fff;
  background: var(--grad);
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__head small {
    min-height: 0;
    padding: 10px;
  }
}
.mobile-softbank-plan-detail__head span {
  font-size: 21px;
  color: var(--color-heading);
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__head span {
    padding: 0 10px;
    text-align: center;
  }
}
.mobile-softbank-plan-detail__lead {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__lead {
    padding: 0 10px;
    text-align: center;
  }
}
.mobile-softbank-plan-detail__wrap {
  padding: 40px;
  background: #F8F8F8;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__wrap {
    padding: 20px;
  }
}
.mobile-softbank-plan-detail__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 45px;
  margin-bottom: var(--_margin-bottom-PC, 20px);
}
@media screen and (max-width: 979px) {
  .mobile-softbank-plan-detail__columns {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
}
.mobile-softbank-plan-detail__column {
  display: flex;
  flex-direction: column;
}
.mobile-softbank-plan-detail__column > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: var(--grad);
}
.mobile-softbank-plan-detail__column > dd {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: #fff;
}
.-type-1 > .mobile-softbank-plan-detail__column > dd {
  padding: 10px 40px;
}
@media screen and (max-width: 768px) {
  .-type-1 > .mobile-softbank-plan-detail__column > dd {
    padding: 10px;
  }
}
.-type-2 > .mobile-softbank-plan-detail__column > dd {
  padding: 25px;
}
@media screen and (max-width: 768px) {
  .-type-2 > .mobile-softbank-plan-detail__column > dd {
    padding: 15px 10px;
  }
}
.mobile-softbank-plan-detail__gb {
  display: grid;
  grid-template-columns: 85px 1fr;
  align-items: center;
  gap: 20px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__gb {
    gap: 8px;
    grid-template-columns: 56px 1fr;
    font-size: 14px;
    line-height: 1.6;
  }
}
.mobile-softbank-plan-detail__gb dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  color: #fff;
  border-radius: 7px;
  background: var(--grad);
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__gb dt {
    padding: 3px 0;
  }
}
.mobile-softbank-plan-detail__gb dd {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}
.mobile-softbank-plan-detail__gb dd span {
  color: #de0645;
}
.mobile-softbank-plan-detail__gb dd em {
  font-size: 41px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__gb dd em {
    font-size: 28px;
  }
}
.mobile-softbank-plan-detail__gb + .mobile-softbank-plan-detail__gb {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__gb + .mobile-softbank-plan-detail__gb {
    margin-top: 0;
  }
}
.mobile-softbank-plan-detail__choice {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
  line-height: 1.6;
}
.mobile-softbank-plan-detail__choice dt {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__choice dt {
    font-size: 20px;
  }
}
.mobile-softbank-plan-detail__choice dd {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__choice dd {
    align-items: center;
    min-height: 57px;
  }
}
.mobile-softbank-plan-detail__choice dd span {
  font-size: 32px;
  color: #de0645;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__choice dd span {
    font-size: 20px;
  }
}
.mobile-softbank-plan-detail__choice dd span em {
  font-size: 62px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__choice dd span em {
    font-size: 36px;
  }
}
.mobile-softbank-plan-detail__choice dd span.-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 50%;
  background: #DE0645;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__choice dd span.-circle {
    width: 35px;
    height: 35px;
    font-size: 15px;
  }
}
.mobile-softbank-plan-detail__point {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__point {
    gap: 20px;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
  }
}
.mobile-softbank-plan-detail__point span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  width: 100%;
  padding: 15px;
  font-size: 20px;
  color: #fff;
  line-height: 1;
  background: var(--grad);
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__point span {
    display: block;
    padding: 12px 0;
    font-size: 15px;
    line-height: 1.4;
  }
}
.mobile-softbank-plan-detail__point span::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 30px;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #1687C2 0%, #3974D2 100%);
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__point span::after {
    width: 48px;
    height: 18px;
    bottom: -15px;
  }
}
.mobile-softbank-plan-detail__point span em {
  font-size: 35px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__point span em {
    font-size: 32px;
  }
}
.mobile-softbank-plan-detail__basic {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.mobile-softbank-plan-detail__basic.-type-1 {
  white-space: nowrap;
}
.mobile-softbank-plan-detail__basic.-type-1 dt {
  font-size: 21px;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__basic.-type-1 dt {
    font-size: 14px;
    text-align: left;
  }
}
.mobile-softbank-plan-detail__basic.-type-1 dd {
  display: flex;
  gap: 5px;
}
.mobile-softbank-plan-detail__basic.-type-1 dd em {
  font-size: 60px;
  color: #de0645;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__basic.-type-1 dd em {
    font-size: 36px;
  }
}
.mobile-softbank-plan-detail__basic.-type-1 dd > span {
  font-size: 21px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__basic.-type-1 dd > span {
    font-size: 14px;
  }
}
.mobile-softbank-plan-detail__basic.-type-1 dd > span span {
  font-size: 30px;
  color: #de0645;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__basic.-type-1 dd > span span {
    font-size: 20px;
  }
}
.mobile-softbank-plan-detail__basic.-type-2 {
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__basic.-type-2 {
    font-size: 15px;
  }
}
.mobile-softbank-plan-detail__basic.-type-2 dt::after {
  content: "：";
}
.mobile-softbank-plan-detail__basic.-type-2 dd em {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__basic.-type-2 dd em {
    font-size: 21px;
  }
}
.mobile-softbank-plan-detail__desc {
  font-weight: bold;
  letter-spacing: -0.5px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__desc {
    font-size: 13px;
    line-height: 1.3;
  }
}
.mobile-softbank-plan-detail__note {
  margin-top: var(--_margin-top-PC, 37px);
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__note {
    margin-top: 20px;
  }
}
.mobile-softbank-plan-detail__note small {
  display: block;
  font-size: 10px;
}
.mobile-softbank-plan-detail__basic-price {
  display: flex;
  justify-content: center;
  align-items: baseline;
  white-space: nowrap;
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__basic-price {
    font-size: 20px;
  }
}
.mobile-softbank-plan-detail__basic-price span {
  color: #de0645;
}
.mobile-softbank-plan-detail__basic-price span em {
  font-size: 62px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__basic-price span em {
    font-size: 36px;
  }
}
.mobile-softbank-plan-detail__basic-price small {
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__basic-price small {
    font-size: 20px;
  }
}
.mobile-softbank-plan-detail__unlimited dt {
  font-size: 62px;
  line-height: 1.1159354839;
  font-weight: bold;
  color: #de0645;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__unlimited dt {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 1.5998333333;
  }
}
.mobile-softbank-plan-detail__unlimited dd {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
}
.mobile-softbank-plan-detail__unlimited dd::before {
  content: "・";
}
.mobile-softbank-plan-detail__capacity {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__capacity {
    font-size: 20px;
  }
}
.mobile-softbank-plan-detail__capacity span {
  color: #de0645;
}
.mobile-softbank-plan-detail__capacity em {
  font-size: 62px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__capacity em {
    font-size: 36px;
  }
}
.mobile-softbank-plan-detail__plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__plan {
    font-size: 20px;
  }
}
.mobile-softbank-plan-detail__plan dd span {
  color: #E84429;
}
.mobile-softbank-plan-detail__plan dd span em {
  font-size: 41px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__plan dd span em {
    font-size: 36px;
  }
}
.mobile-softbank-plan-detail__model {
  margin-top: 37px;
  font-size: 15px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-plan-detail__model {
    margin-top: 20px;
  }
}
.mobile-softbank-plan-detail__model dt {
  font-weight: bold;
}

.mobile-softbank-option {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-option {
    margin-top: 20px;
  }
}
.mobile-softbank-option__lead {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
.mobile-softbank-option__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-option__columns {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
.mobile-softbank-option__column {
  position: relative;
  border: 1px solid #0b5bce;
}
.mobile-softbank-option__column > dt {
  display: flex;
  justify-content: center;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: linear-gradient(to bottom, rgb(59, 115, 210) 0%, rgb(20, 135, 193) 100%);
}
.mobile-softbank-option__column > dd {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 26px;
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-option__column > dd {
    padding-bottom: 0;
  }
}
.mobile-softbank-option__column > dd em {
  flex-shrink: 0;
  width: 84px;
}
.mobile-softbank-option__column > dd em img {
  width: 100%;
}
.mobile-softbank-option__column + .mobile-softbank-option__column::before {
  content: "";
  position: absolute;
  width: 46px;
  height: 26px;
  top: 50%;
  left: -60px;
  transform: translateY(-50%);
  background: url(../img/business-mobile/softbank/or-blue.png) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-option__column + .mobile-softbank-option__column::before {
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.mobile-softbank-option__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile-softbank-option__detail dt {
  font-size: 21px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.mobile-softbank-option__detail dt em {
  font-weight: bold;
  color: #df0044;
}
.mobile-softbank-option__detail dd {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
.mobile-softbank-option__detail dd em {
  font-size: 40px;
  color: #0b5bce;
}
.mobile-softbank-option__note {
  display: block;
  margin-top: 37px;
  font-size: 10px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-option__note {
    margin-top: 24px;
  }
}

.mobile-softbank-service {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service {
    margin-top: 35px;
  }
}
.mobile-softbank-service__head {
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: center;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__head {
    grid-template-columns: 1fr;
  }
}
.mobile-softbank-service__head > small {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 45px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom, rgb(59, 115, 210) 0%, rgb(20, 135, 193) 100%);
}
.mobile-softbank-service__head span {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__head span {
    flex-direction: column;
    gap: 0;
    padding: 10px 20px;
    text-align: center;
  }
}
.mobile-softbank-service__head span em {
  flex-shrink: 0;
  font-size: 18px;
  color: #0b5bce;
}
.mobile-softbank-service__head span small {
  font-size: 15px;
}
.mobile-softbank-service__lead {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__lead {
    font-size: 15px;
    text-align: center;
  }
}
.mobile-softbank-service__image {
  width: fit-content;
  margin: 24px auto 0;
}
.mobile-softbank-service__image img {
  width: 100%;
}
.mobile-softbank-service__fig {
  margin-top: 24px;
  padding: 30px;
  background: #f7f7f7;
}
.mobile-softbank-service__fig picture {
  width: fit-content;
  margin: 0 auto;
}
.mobile-softbank-service__fig img {
  width: 100%;
}
.mobile-softbank-service__item {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__item {
    margin-top: 40px;
  }
}
.mobile-softbank-service__item > dt {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__item > dt {
    margin-bottom: 20px;
    font-size: 15px;
  }
}
.mobile-softbank-service__item > dd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__item > dd {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.mobile-softbank-service__plan {
  font-weight: bold;
  line-height: 1.6;
  border: 1px solid #4772ca;
}
.mobile-softbank-service__plan dt {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  font-size: 18px;
  color: #fff;
  background: linear-gradient(to bottom, rgb(59, 115, 210) 0%, rgb(20, 135, 193) 100%);
}
.mobile-softbank-service__plan dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 20px 25px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__plan dd {
    padding: 10px 10px 20px;
  }
}
.mobile-softbank-service__plan dd > span {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__plan dd > span {
    font-size: 15px;
  }
}
.mobile-softbank-service__plan dd > span span {
  color: #0a5bce;
}
.mobile-softbank-service__plan dd > span span em {
  font-size: 41px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__plan dd > span span em {
    font-size: 36px;
  }
}
.mobile-softbank-service__plan dd small {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__plan dd small {
    font-size: 15px;
  }
}
.mobile-softbank-service__note {
  display: block;
  margin-top: 29px;
  font-size: 10px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__note {
    margin-top: 20px;
  }
}
.mobile-softbank-service__wrap {
  display: grid;
  gap: 24px;
  max-width: 920px;
  margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__wrap {
    width: 78.6666666667vw;
  }
}
.mobile-softbank-service__txt {
  font-size: 15px;
}
.mobile-softbank-service__area {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  padding: 30px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__area {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.mobile-softbank-service__area span {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.mobile-softbank-service__area span img {
  width: 100%;
}
.mobile-softbank-service__area span + span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 31px;
  top: 50%;
  left: -45px;
  transform: translateY(-50%);
  background: url(../img/business-mobile/softbank/plus.png) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-service__area span + span::before {
    content: none;
  }
}

.mobile-softbank-basic {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-basic {
    margin-top: 20px;
  }
}
.mobile-softbank-basic__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  line-height: 1.6;
}
.mobile-softbank-basic__intro dt {
  font-size: 21px;
  font-weight: bold;
}
.mobile-softbank-basic__intro dd {
  font-size: 15px;
}
.mobile-softbank-basic__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-basic__wrap {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.mobile-softbank-basic__details {
  border: 1px solid #f0f0f0;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-basic__details[open]:not(:last-child) {
    margin-bottom: 20px;
  }
}
.mobile-softbank-basic__summary {
  pointer-events: none;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .mobile-softbank-basic__summary {
    pointer-events: auto;
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px 70px 20px 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    visibility: visible;
    transition: background 0.3s, color 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .mobile-softbank-basic__summary i {
    position: absolute;
    aspect-ratio: 1;
    width: 20px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    transition: transform 0.3s;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .mobile-softbank-basic__summary i::before, .mobile-softbank-basic__summary i::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background: #a4a4a4;
    transition: background 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .mobile-softbank-basic__summary i::after {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
}
@media screen and (max-width: 768px) {
  [open] > .mobile-softbank-basic__summary {
    color: #fff;
    background: #2B81C1;
  }
}
[open] > .mobile-softbank-basic__summary i {
  transform: translateY(-50%) rotate(-45deg);
}
[open] > .mobile-softbank-basic__summary i::before, [open] > .mobile-softbank-basic__summary i::after {
  background: #fff;
}
.mobile-softbank-basic__image img {
  width: 100%;
}
.mobile-softbank-basic__detail {
  display: grid;
  gap: 15px;
  padding: 15px 20px 20px;
}
.mobile-softbank-basic__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding-bottom: 12px;
  box-sizing: content-box;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  border-bottom: 1px solid #f0f0f0;
}
.mobile-softbank-basic__txt {
  font-size: 15px;
}

.mobile-ranking-career {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-career {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 0;
  }
}
.mobile-ranking-career__column {
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-career__column:nth-child(even) {
    border-left: none;
  }
}
.mobile-ranking-career__head {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.mobile-ranking-career__head img {
  width: fit-content;
}
.mobile-ranking-career__lead {
  min-height: 110px;
  padding: 10px min(1.300390117vw, 15px);
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  border-top: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-career__lead {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 130px;
    padding: 10px 15px;
    font-size: 14px;
  }
}
.mobile-ranking-career__items {
  border-top: 1px solid #d9dae0;
}
.mobile-ranking-career__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px;
}
.mobile-ranking-career__item + .mobile-ranking-career__item {
  border-top: 1px dotted #d9dae0;
}
.mobile-ranking-career__heading {
  display: flex;
  gap: 10px;
  min-height: 40px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
.mobile-ranking-career__heading span {
  flex-shrink: 0;
  color: #ff4021;
}
.mobile-ranking-career__heading em {
  word-break: auto-phrase;
}
.mobile-ranking-career__image {
  position: relative;
  order: -1;
  width: fit-content;
  height: 100px;
}
.mobile-ranking-career__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile-ranking-career__image i {
  position: absolute;
  width: 44px;
  top: -12px;
  left: -33px;
  z-index: -1;
}
.mobile-ranking-career__image.-type-1 {
  height: 133px;
}
.mobile-ranking-career__txt {
  min-height: 39px;
  font-size: 12px;
  line-height: 1.6;
}
.mobile-ranking-career__foot {
  width: 100%;
}
.mobile-ranking-career__maker {
  width: fit-content;
  height: 18px;
}
.mobile-ranking-career__maker img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}
.mobile-ranking-career__release {
  font-size: 12px;
  line-height: 1.6;
}

.mobile-ranking-intro__head img {
  width: 100%;
}
.mobile-ranking-intro__wrap {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #d9dae0;
}
.mobile-ranking-intro__rank {
  display: flex;
  gap: 15px 25px;
  padding: 30px;
  border-bottom: 1px solid #d9dae0;
  border-right: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-intro__rank {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 15px;
  }
}
.mobile-ranking-intro__rank.-type-1 {
  width: 100%;
}
.mobile-ranking-intro__rank.-type-2 {
  width: 50%;
}
.mobile-ranking-intro__rank.-type-3 {
  flex-direction: column;
  align-items: center;
  width: 25%;
  padding: 20px 30px;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-intro__rank.-type-3 {
    gap: 15px;
    width: 50%;
  }
}
.mobile-ranking-intro__icon {
  flex-shrink: 0;
  width: fit-content;
}
.mobile-ranking-intro__icon img {
  width: 100%;
}
.mobile-ranking-intro__heading {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: bold;
  color: #ff4021;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-intro__heading {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.mobile-ranking-intro__heading em {
  flex-shrink: 0;
}
.mobile-ranking-intro__heading small {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-intro__heading small {
    display: none;
  }
}
.mobile-ranking-intro__heading small img {
  width: 100%;
}
.mobile-ranking-intro__heading.-type-1 {
  font-size: 14px;
  color: inherit;
}
.mobile-ranking-intro__desc {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 5px;
  line-height: 1.6;
}
.mobile-ranking-intro__desc dt {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-intro__desc dt {
    font-size: 16px;
    text-align: center;
  }
}
.mobile-ranking-intro__desc dd {
  max-width: 340px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-intro__desc dd {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .mobile-ranking-intro__desc dt {
    font-size: 18px;
  }
}

.mobile-ranking-point {
  margin-top: 60px;
  padding: 2px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-point {
    margin-top: 24px;
  }
}
.mobile-ranking-point__head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 260px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-point__head {
    padding-left: 80px;
  }
}
.mobile-ranking-point__head i {
  position: absolute;
  width: fit-content;
  bottom: 0;
  left: 10px;
}
.mobile-ranking-point__head i img {
  width: 100%;
}
.mobile-ranking-point__head span {
  position: absolute;
  width: fit-content;
  bottom: 0;
  left: 80px;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-point__head span {
    width: 1px;
    height: 1px;
    overflow: hidden;
    left: 0;
  }
}
.mobile-ranking-point__head span img {
  width: 100%;
}
.mobile-ranking-point__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px 30px 15px 70px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-point__item {
    padding: 15px 15px 15px 55px;
  }
}
.mobile-ranking-point__item::before {
  content: attr(data-num);
  position: absolute;
  width: 22px;
  top: 15px;
  left: 30px;
  padding: 3px 7px;
  font-size: 12px;
  color: #fff;
  line-height: 1.6;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-point__item::before {
    top: 20px;
    left: 15px;
    line-height: 1;
  }
}
.mobile-ranking-point__item dt {
  font-size: 18px;
  font-weight: bold;
}
.mobile-ranking-point__item dd {
  font-size: 14px;
}
.mobile-ranking-point__item + .mobile-ranking-point__item {
  border-top: 1px dotted #d9dae0;
}

.mobile-ranking-flow {
  margin-top: 40px;
  padding: 0 40px 30px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-flow {
    padding: 0 15px 15px;
  }
}
.mobile-ranking-flow__head {
  width: fit-content;
  margin: -15px auto 25px;
  padding: 0 10px;
  background: #fff;
}
.mobile-ranking-flow__fig {
  margin-bottom: 25px;
}
.mobile-ranking-flow__fig img {
  width: 100%;
}
.mobile-ranking-flow__wrap {
  display: grid;
  grid-template-columns: 1fr 164px;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-flow__wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-ranking-flow__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
}
.mobile-ranking-flow__lead {
  font-size: 18px;
  font-weight: bold;
}
.mobile-ranking-flow__txt {
  font-size: 14px;
}
.mobile-ranking-flow__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  margin-top: 20px;
  padding: 10px;
  font-size: 14px;
  line-height: 1.4285714286;
  border: 1px solid #d9dae0;
  border-radius: 2px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .mobile-ranking-flow__more {
    height: 52px;
    margin-top: 0;
    padding: 15px 30px 15px 20px;
  }
}
.mobile-ranking-flow__more i {
  position: absolute;
  width: fit-content;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.mobile-ranking-flow__more i img {
  width: 100%;
}

.mobile-top-mv__links {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 10px;
  height: 65px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-mv__links {
    display: none;
  }
}
.mobile-top-mv__links::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e4e1e1;
  z-index: -1;
}
.mobile-top-mv__link a {
  display: block;
}
.mobile-top-mv__link a img {
  width: 100%;
}
.mobile-top-mv__banners {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .mobile-top-mv__banners {
    margin-top: clamp(16px, 4.2666666667vw, 30px);
    gap: max(1.3333333333vw, 10px);
  }
}
.mobile-top-mv__bnr a {
  display: block;
}
.mobile-top-mv__bnr a img {
  width: 100%;
}

.mobile-top-intro {
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding: 40px clamp(20px, 2.6007802341vw, 40px);
  overflow: hidden;
  background: #f5f6f8;
}
@media screen and (max-width: 768px) {
  .mobile-top-intro {
    gap: 20px;
    padding: 0;
    background: none;
  }
}
.mobile-top-intro__wrap {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-intro__wrap {
    display: flex;
    flex-direction: column;
  }
}
.mobile-top-intro__item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 55%;
  max-width: 445px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-top-intro__item {
    width: 100%;
    max-width: 100%;
  }
}
.mobile-top-intro__lead {
  word-break: auto-phrase;
  font-size: 21px;
  color: #e8442a;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-intro__lead {
    word-break: break-all;
    font-size: clamp(18px, 4.8vw, 21px);
  }
}
.mobile-top-intro__lead b {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .mobile-top-intro__lead b {
    text-decoration: none;
  }
}
.mobile-top-intro__txt {
  color: #434343;
}
@media screen and (max-width: 768px) {
  .mobile-top-intro__txt {
    font-size: 15px;
    text-align: center;
  }
}
.mobile-top-intro__image {
  position: absolute;
  width: 55%;
  max-width: 467px;
  top: -30px;
  right: -30px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-top-intro__image {
    position: relative;
    order: -1;
    width: 100%;
    max-width: 100%;
    height: 53.3333333333vw;
    top: auto;
    right: auto;
    margin-bottom: -4vw;
  }
}
.mobile-top-intro__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-top-intro__image img {
    height: 100%;
    object-fit: cover;
  }
}
.mobile-top-intro__columns {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-intro__columns {
    grid-template-columns: repeat(2, 43.0541333333vw);
    gap: max(2.6666666667vw, 10px);
  }
}
.mobile-top-intro__column img {
  width: 100%;
}

.mobile-top-difference {
  padding: 30px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-top-difference {
    margin-top: 25px;
    padding: 30px max(4vw, 15px);
    background: #af3e54;
  }
}
.mobile-top-difference__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-top-difference__columns {
    grid-template-columns: 1fr;
  }
}
.mobile-top-difference__column {
  display: grid;
  grid-template-columns: 130px 1fr;
}
@media screen and (max-width: 768px) {
  .mobile-top-difference__column {
    grid-template-columns: 1fr;
  }
}
.mobile-top-difference__image {
  height: 100%;
}
.mobile-top-difference__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-top-difference__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px 20px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-top-difference__item {
    flex-direction: row;
    align-items: center;
    gap: 1.3333333333vw;
    padding: 0 max(1.3333333333vw, 5px);
  }
}
.mobile-top-difference__item::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 24px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  border-radius: 24px;
  background: #af3e54;
}
@media screen and (max-width: 768px) {
  .mobile-top-difference__item::before {
    content: none;
  }
}
.mobile-top-difference__item i {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-top-difference__item i {
    display: block;
    width: 13.3333333333vw;
    min-width: 50px;
    margin: auto 0;
  }
}
.mobile-top-difference__item i img {
  width: 100%;
}
.mobile-top-difference__heading {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-difference__heading {
    width: 44.2666666667vw;
    font-size: min(4.8vw, 22px);
  }
}
@media screen and (max-width: 768px) {
  .mobile-top-difference__heading em {
    color: #9a364a;
  }
}
.mobile-top-difference__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 252px;
  height: 48px;
  margin: 30px auto 0;
  font-weight: bold;
  color: #fff;
  border-radius: 48px;
  background: #AF3E54;
}
@media screen and (max-width: 768px) {
  .mobile-top-difference__more {
    color: inherit;
    background: #fff;
  }
}
.mobile-top-difference__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: calc(50% - 1px);
  right: 25px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .mobile-top-difference__more::before {
    border-color: currentColor currentColor transparent transparent;
  }
}

.mobile-top-plan {
  display: grid;
  grid-template-columns: repeat(auto-fit, 470px);
  justify-content: center;
  gap: 30px 20px;
}
@media screen and (max-width: 768px) {
  .mobile-top-plan {
    grid-template-columns: 1fr;
  }
}
.mobile-top-plan__heading {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 20px;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  border-bottom: 4px solid var(--_background);
  background: var(--_color);
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__heading {
    justify-content: center;
    padding: max(4vw, 15px);
    font-size: clamp(17px, 4.5333333333vw, 24px);
  }
}
.mobile-top-plan__heading::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 101px;
  height: 23px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 23px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__heading::before {
    width: 24vw;
    min-width: 90px;
    max-width: 101px;
    font-size: clamp(10px, 2.6666666667vw, 12px);
  }
}
.mobile-top-plan__wrap {
  padding: 20px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__wrap {
    padding: 20px 5.3333333333vw;
  }
}
.mobile-top-plan__intro {
  position: relative;
  display: grid;
  grid-template-columns: 148px 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__intro {
    display: flex;
    justify-content: center;
    gap: max(2.6666666667vw, 10px);
    margin-bottom: 20px;
  }
}
.mobile-top-plan__item {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.mobile-top-plan__icon {
  position: absolute;
  width: 125px;
  top: -95px;
  right: -20px;
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__icon {
    width: 62px;
    top: -50px;
    right: -4vw;
  }
}
.mobile-top-plan__icon img {
  width: 100%;
}
.mobile-top-plan__lead {
  max-width: 241px;
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__lead {
    width: 50.1333333333vw;
  }
}
.mobile-top-plan__lead img {
  width: 100%;
}
.mobile-top-plan__rows {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mobile-top-plan__row {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__row {
    font-size: clamp(14px, 3.7333333333vw, 17px);
  }
}
.mobile-top-plan__row i {
  flex-shrink: 0;
  width: 19px;
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__row i {
    width: 3.7333333333vw;
    min-width: 14px;
    max-width: 19px;
  }
}
.mobile-top-plan__row i img {
  width: 100%;
}
.mobile-top-plan__row b {
  color: var(--_color);
}
.mobile-top-plan__image {
  order: -1;
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__image {
    flex-shrink: 0;
    width: 25.3333333333vw;
    max-width: 130px;
  }
}
.mobile-top-plan__image img {
  width: 100%;
}
.mobile-top-plan__txt {
  margin-bottom: 20px;
}
.mobile-top-plan__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 178px;
  height: 40px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 40px;
  background: var(--_color);
}
@media screen and (max-width: 768px) {
  .mobile-top-plan__more {
    width: 78.1333333333vw;
    font-size: clamp(14px, 3.7333333333vw, 15px);
  }
}
.mobile-top-plan__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  top: calc(50% - 1px);
  right: 20px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.mobile-top-point__wrap {
  position: relative;
  background: #F5F5F5;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__wrap {
    background: none;
  }
}
.mobile-top-point__intro {
  position: relative;
  padding: 40px 34px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__intro {
    margin-bottom: 20px;
    padding: 25px max(6.6666666667vw, 25px);
    background: #F5F5F5;
  }
}
.mobile-top-point__head {
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: bold;
  color: #0B7ECD;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__head {
    margin-bottom: 10px;
    font-size: clamp(18px, 4.8vw, 21px);
  }
}
.mobile-top-point__lead {
  width: 380px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__lead {
    width: 100%;
    font-size: 15px;
  }
}
.mobile-top-point__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 400px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__bg {
    min-height: 0;
  }
}
.mobile-top-point__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__bg img {
    height: auto;
  }
}
.mobile-top-point__body {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
  gap: 15px;
  padding: 0 30px 30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__body {
    grid-template-columns: 1fr;
    gap: 1px;
    padding: 0;
  }
}
.mobile-top-point__details {
  border: 1px solid #d1d1d1;
  background: #fff;
}
.mobile-top-point__summary {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__summary {
    pointer-events: auto;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 4.8vw;
    background: #0A7ECD;
  }
}
.mobile-top-point__summary i {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__summary i {
    position: relative;
    aspect-ratio: 1;
    display: block;
    flex-shrink: 0;
    width: 12px;
    transition: rotate 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .mobile-top-point__summary i::before, .mobile-top-point__summary i::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background: #fff;
  }
}
@media screen and (max-width: 768px) {
  .mobile-top-point__summary i::after {
    rotate: 90deg;
  }
}
.mobile-top-point__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #0B7ECD;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__heading {
    align-items: flex-start;
    gap: 3px;
    font-size: 17px;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .mobile-top-point__heading::before {
    content: attr(data-attr);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15px;
    padding: 0 max(1.3333333333vw, 5px);
    font-size: clamp(8px, 2.1333333333vw, 12px);
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 20px;
    background: #0C639F;
  }
}
.mobile-top-point__heading i {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__heading i {
    display: none;
  }
}
.mobile-top-point__heading i img {
  width: 100%;
}
.mobile-top-point__content {
  position: relative;
  margin-top: 10px;
  padding: 17px 24px 30px;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__content {
    margin-top: 0;
    padding: 0;
  }
}
.mobile-top-point__content::before {
  content: "";
  position: absolute;
  width: calc(100% - 88px);
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d1d1d1;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__content::before {
    content: none;
  }
}
.mobile-top-point__image {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__image {
    display: block;
  }
}
.mobile-top-point__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mobile-top-point__txt {
    padding: 20px 5.3333333333vw;
    font-size: 15px;
  }
}
.mobile-top-point__txt em {
  color: #007BD9;
  text-decoration: underline;
}
.mobile-top-point__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 252px;
  height: 48px;
  margin: 30px auto 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 48px;
  background: #0A7ECD;
}
.mobile-top-point__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  top: calc(50% - 1px);
  right: 25px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.mobile-top-change__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__columns {
    gap: 10px;
    grid-template-columns: 1fr;
  }
}
.mobile-top-change__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__column {
    position: relative;
    display: block;
  }
}
.mobile-top-change__heading {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  min-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .mobile-top-change__heading {
    display: flex;
    gap: 20px;
    padding: 0 20px 0 0;
    height: 70px;
    font-size: 20px;
  }
}
.mobile-top-change__heading::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  background: #2d2c2d;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__heading::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .mobile-top-change__heading::after {
    content: "";
    aspect-ratio: 1;
    width: 9px;
    margin-left: auto;
    rotate: 45deg;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
.mobile-top-change__heading i {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__heading i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
  }
}
.mobile-top-change__heading i img {
  width: 35px;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__heading.-type-3 i img {
    width: 20px;
  }
}
.mobile-top-change__image {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 160px;
  padding: 10px 15px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__image {
    display: none;
  }
}
.mobile-top-change__image span {
  max-width: 180px;
}
.mobile-top-change__image img {
  width: 100%;
}
.mobile-top-change__image.-type-2 span {
  max-width: 158px;
  margin-left: auto;
}
.mobile-top-change__item {
  display: flex;
  flex-direction: column;
  padding: 10px 15px 20px;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__item {
    display: contents;
  }
}
.mobile-top-change__lead {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border-bottom: 1px solid #2d2c2d;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__lead {
    display: none;
  }
}
.mobile-top-change__txt {
  margin-bottom: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__txt {
    display: none;
  }
}
.mobile-top-change__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin-top: auto;
  border: 1px solid #2d2c2d;
  border-radius: 36px;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__more {
    position: absolute;
    width: 100%;
    height: 70px;
    top: 0;
    left: 0;
    border: none;
    border-radius: 0;
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  .mobile-top-change__more:hover {
    opacity: 0;
  }
}
.mobile-top-change__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 12px;
  top: calc(50% - 1px);
  right: 30px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 2px solid #2d2c2d;
  border-right: 2px solid #2d2c2d;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__more::before {
    content: none;
  }
}
.mobile-top-change__pic {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .mobile-top-change__pic {
    margin-top: clamp(20px, 5.3333333333vw, 30px);
  }
}
.mobile-top-change__pic img {
  width: 100%;
}

.mobile-top-merit-rank {
  padding: 40px 30px 30px;
  background: #fff0c9;
}
@media screen and (max-width: 768px) {
  .mobile-top-merit-rank {
    padding: 0;
    background: none;
  }
}
.mobile-top-merit-rank__intro {
  position: relative;
  padding: 0 5px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-merit-rank__intro {
    margin-bottom: max(1.3333333333vw, 5px);
    padding: 0;
    background: #fff0c9;
  }
}
.mobile-top-merit-rank__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .mobile-top-merit-rank__item {
    display: contents;
  }
}
.mobile-top-merit-rank__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-top-merit-rank__head {
    padding: 15px 4vw;
  }
}
.mobile-top-merit-rank__head small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 255px;
  height: 32px;
  font-size: 15px;
  color: #fff;
  border-radius: 32px;
  background: #d86600;
}
@media screen and (max-width: 768px) {
  .mobile-top-merit-rank__head small {
    width: auto;
    padding: 3px 10px;
    font-size: 14px;
  }
}
.mobile-top-merit-rank__head span {
  font-size: 30px;
  color: #d86600;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-merit-rank__head span {
    font-size: clamp(20px, 5.3333333333vw, 30px);
    line-height: 1.3;
  }
}
.mobile-top-merit-rank__lead {
  width: 432px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-merit-rank__lead {
    width: 100%;
    padding: 20px max(5.3333333333vw, 20px);
    font-size: 15px;
    color: #fff;
    background: #d86500;
  }
}
.mobile-top-merit-rank__image {
  position: absolute;
  width: 50%;
  max-width: 420px;
  top: -80px;
  right: 10px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-top-merit-rank__image {
    width: 33%;
    min-width: 110px;
    max-width: 160px;
    top: 30px;
    right: 5px;
  }
}
.mobile-top-merit-rank__image img {
  width: 100%;
}
.mobile-top-merit-rank__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 252px;
  height: 48px;
  margin: 35px auto 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 48px;
  background: #D86500;
}
.mobile-top-merit-rank__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  top: calc(50% - 1px);
  right: 25px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.mobile-top-demerit {
  padding: 40px 30px 30px;
  background: #c1c1c1;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit {
    margin-top: 35px;
    padding: 0;
    background: none;
  }
}
.mobile-top-demerit__intro {
  position: relative;
  padding: 0 5px 30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__intro {
    margin-bottom: max(1.3333333333vw, 5px);
    padding: 0;
    background: #c1c1c1;
  }
}
.mobile-top-demerit__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__item {
    display: contents;
  }
}
.mobile-top-demerit__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__head {
    gap: 7px;
    padding: 10px 4vw;
  }
}
.mobile-top-demerit__head small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 255px;
  height: 32px;
  font-size: 15px;
  color: #fff;
  border-radius: 32px;
  background: #494c5e;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__head small {
    width: auto;
    height: 26px;
    padding: 3px 15px;
    font-size: 12px;
  }
}
.mobile-top-demerit__head span {
  font-size: 30px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__head span {
    font-size: clamp(20px, 5.3333333333vw, 30px);
    line-height: 1.3;
  }
}
.mobile-top-demerit__lead {
  width: 432px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__lead {
    width: 100%;
    padding: 20px max(5.3333333333vw, 20px);
    font-size: 15px;
    color: #fff;
    background: #4a4c5f;
  }
}
.mobile-top-demerit__image {
  position: absolute;
  width: 50%;
  max-width: 410px;
  top: -70px;
  right: 10px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__image {
    width: 32vw;
    min-width: 120px;
    max-width: 160px;
    top: 20px;
    right: 0;
  }
}
.mobile-top-demerit__image img {
  width: 100%;
}
.mobile-top-demerit__columns {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
  gap: 22px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__columns {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}
.mobile-top-demerit__summary {
  background: #494c5e;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__summary {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 25px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__summary > i {
    position: relative;
    aspect-ratio: 1;
    width: 13px;
  }
}
.mobile-top-demerit__summary > i::before, .mobile-top-demerit__summary > i::after {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__summary > i::before, .mobile-top-demerit__summary > i::after {
    content: "";
  }
}
.mobile-top-demerit__summary > i::after {
  rotate: 90deg;
}
[open] > .mobile-top-demerit__summary > i {
  rotate: 45deg;
}
.mobile-top-demerit__heading {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 73px;
  padding: 0 8px 0 60px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__heading {
    gap: 15px;
    min-height: 0;
    padding: 0;
  }
}
.mobile-top-demerit__heading span {
  display: block;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__heading span {
    font-size: clamp(15px, 4vw, 18px);
  }
}
.mobile-top-demerit__heading i {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__heading i {
    position: inherit;
  }
}
.mobile-top-demerit__heading i img {
  width: 100%;
}
.mobile-top-demerit__heading i.-num {
  width: 60px;
  top: -8px;
  left: -8px;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__heading i.-num {
    width: 37px;
    top: auto;
    left: auto;
  }
}
.mobile-top-demerit__heading i.-icon {
  width: 73px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__heading i.-icon {
    display: none;
  }
}
.mobile-top-demerit__txt {
  padding: 15px 20px;
  font-size: 14px;
  line-height: 1.6;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__txt {
    padding: 20px max(4vw, 20px);
    font-size: 15px;
    border: 1px solid #c9c9c9;
  }
}
.mobile-top-demerit__arrow {
  position: relative;
  display: block;
  width: 112px;
  margin: 0 auto -10px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__arrow {
    display: none;
  }
}
.mobile-top-demerit__arrow img {
  width: 100%;
}
.mobile-top-demerit__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 15px 20px 60px;
  color: #fff;
  background: #d86500;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__link {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__link::after {
    content: ">";
  }
}
.mobile-top-demerit__title {
  position: relative;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__title {
    font-size: clamp(18px, 4.8vw, 22px);
  }
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__title em {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
.mobile-top-demerit__title small {
  position: absolute;
  width: 72px;
  top: -25px;
  left: -75px;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__title small {
    position: inherit;
    width: 47px;
    top: auto;
    left: auto;
  }
}
.mobile-top-demerit__title small img {
  width: 100%;
}
.mobile-top-demerit__title i {
  font-style: italic;
}
.mobile-top-demerit__more {
  display: flex;
  gap: 10px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 550;
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 768px) {
  .mobile-top-demerit__more {
    display: none;
  }
}
.mobile-top-demerit__more::after {
  content: ">";
}

.mobile-top-reason__row {
  position: relative;
  padding-top: 25px;
  z-index: 1;
}
.mobile-top-reason__row + .mobile-top-reason__row {
  margin-top: 45px;
}
.mobile-top-reason__item {
  width: 495px;
}
@media screen and (max-width: 768px) {
  .mobile-top-reason__item {
    width: 100%;
    background: #fff4f2;
  }
}
.mobile-top-reason__heading {
  position: relative;
  padding: 20px 30px;
  font-size: 23px;
  font-weight: bold;
  color: #fff;
  background: #E8442B;
}
@media screen and (max-width: 768px) {
  .mobile-top-reason__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 10px;
    word-break: auto-phrase;
    font-size: clamp(17px, 4.5333333333vw, 23px);
    text-align: center;
  }
}
.mobile-top-reason__heading::before {
  content: attr(data-attr);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 23px;
  top: -11px;
  left: 30px;
  font-size: 13px;
  line-height: 1.7692307692;
  color: #E8442B;
  text-transform: uppercase;
  border-radius: 23px;
  background: #FFCF09;
}
@media screen and (max-width: 768px) {
  .mobile-top-reason__heading::before {
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
  }
}
.mobile-top-reason__txt {
  padding: 20px 50px 20px 30px;
  line-height: 1.6;
  background: rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 768px) {
  .mobile-top-reason__txt {
    padding: 20px max(4vw, 15px);
    font-size: 15px;
  }
}
.mobile-top-reason__image {
  position: absolute;
  width: 55%;
  max-width: 504px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .mobile-top-reason__image {
    position: inherit;
    width: 100%;
    max-width: 100%;
    top: auto;
    right: auto;
  }
}
.mobile-top-reason__image img {
  width: 100%;
}

.mobile-top-career {
  display: grid;
  grid-template-columns: repeat(4, 220px);
  gap: 26px;
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .mobile-top-career {
    display: flex;
    gap: 20px;
    overflow-x: visible;
  }
}
.mobile-top-career__column {
  width: 220px;
  padding-bottom: 25px;
  border: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .mobile-top-career__column {
    flex-shrink: 0;
  }
}
.mobile-top-career__head {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.6;
}
.mobile-top-career__lead {
  padding: 23px 12px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.01em;
  background: #eee;
}
@media screen and (max-width: 768px) {
  .mobile-top-career__lead {
    padding: 20px 10px;
  }
}
.mobile-top-career__rows {
  margin-bottom: 20px;
}
.mobile-top-career__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.mobile-top-career__row + .mobile-top-career__row {
  border-top: 1px solid #eee;
}
.mobile-top-career__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
  gap: 15px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .mobile-top-career__heading {
    line-height: 1.6;
  }
}
.mobile-top-career__heading i {
  width: 27px;
}
.mobile-top-career__heading i img {
  width: 100%;
}
.mobile-top-career__image {
  display: flex;
  order: -1;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.mobile-top-career__image span {
  height: 132px;
}
.mobile-top-career__image span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile-top-career__desc {
  width: 145px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
  border-bottom: 2px solid #efefef;
}
.mobile-top-career__date {
  font-size: 10px;
  line-height: 1.6;
}
.mobile-top-career__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 48px;
  margin: 0 auto;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 38px;
  background: var(--_background);
}
.mobile-top-career__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 9px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.mobile-top-pbx__image {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .mobile-top-pbx__image {
    margin-bottom: max(5.3333333333vw, 20px);
  }
}
.mobile-top-pbx__image img {
  width: 100%;
}
.mobile-top-pbx__columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px 15px;
}
@media screen and (max-width: 768px) {
  .mobile-top-pbx__columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.mobile-top-pbx__column {
  position: relative;
  width: 290px;
  padding: 30px 20px 20px;
  background: #F5F5F5;
}
@media screen and (max-width: 768px) {
  .mobile-top-pbx__column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 0 10px 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  }
}
.mobile-top-pbx__column::before {
  content: attr(data-attr);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 25px;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .mobile-top-pbx__column::before {
    position: inherit;
    width: 100%;
    height: 20px;
    top: auto;
    left: auto;
    transform: none;
    font-size: clamp(10px, 2.6666666667vw, 12px);
  }
}
.mobile-top-pbx__column span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.mobile-top-pbx__column i {
  width: var(--_width);
}
@media screen and (max-width: 768px) {
  .mobile-top-pbx__column i {
    display: none;
  }
}
.mobile-top-pbx__column i img {
  width: 100%;
}
.mobile-top-pbx__column em {
  font-size: 23px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .mobile-top-pbx__column em {
    font-size: clamp(16px, 4.2666666667vw, 22px);
    text-align: center;
  }
}
.mobile-top-pbx__column em b {
  color: #007BD9;
}
.mobile-top-pbx__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 252px;
  height: 48px;
  margin: 30px auto 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 48px;
  background: #0A7ECD;
}
.mobile-top-pbx__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  top: calc(50% - 1px);
  right: 25px;
  transform: translateY(-50%);
  rotate: 45deg;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.mobile-top-only {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media screen and (max-width: 768px) {
  .mobile-top-only {
    grid-template-columns: 1fr;
  }
}
.mobile-top-only__column {
  border: 1px solid #bfbfbf;
}
.mobile-top-only__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.mobile-top-only__column dt i {
  width: 100%;
}
.mobile-top-only__column dt i img {
  width: 100%;
}
.mobile-top-only__column dt span {
  font-size: 16px;
  font-weight: bold;
  color: #e8442a;
  font-feature-settings: "palt";
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mobile-top-only__column dt span {
    font-size: clamp(17px, 4.5333333333vw, 22px);
  }
}
.mobile-top-only__column dd {
  position: relative;
  margin-top: 15px;
  padding: 15px 15px 25px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mobile-top-only__column dd {
    padding: clamp(15px, 4vw, 20px) max(4vw, 15px) 20px;
  }
}
.mobile-top-only__column dd::before {
  content: "";
  position: absolute;
  width: 185px;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #c0bfc0;
}

.product-ranking-detail {
  display: grid;
  grid-template-columns: repeat(3, minmax(216px, 1fr));
  gap: 20px 30px;
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .product-ranking-detail {
    grid-template-columns: 1fr;
  }
}
.product-ranking-detail__product {
  display: grid;
  grid-template-columns: 300px 1fr;
  border: 1px solid #e7e7e7;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__product {
    display: flex;
    flex-direction: column;
  }
}
.product-ranking-detail__product.-wide {
  grid-column: span 3;
}
.product-ranking-detail__product.-narrow {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__product.-narrow {
    display: none;
  }
}
.product-ranking-detail__product.-tab {
  grid-template-columns: 260px 1fr;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__product.-cordless {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .product-ranking-detail__product {
    display: flex;
  }
}
.product-ranking-detail__item {
  padding: 35px;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__item {
    display: contents;
  }
}
.-narrow > .product-ranking-detail__item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 18px;
}
@media screen and (max-width: 768px) {
  .-type-1 > .-narrow > .product-ranking-detail__item {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .-cordless > .product-ranking-detail__item {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
.product-ranking-detail__intro {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__intro {
    padding: 0 20px;
  }
}
.product-ranking-detail__data {
  position: relative;
  margin-bottom: 7px;
  padding: 7px 0 7px 70px;
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__data {
    margin-bottom: 15px;
    padding: 11px 0 11px 70px;
  }
}
.-narrow > .product-ranking-detail__data {
  margin-bottom: 0;
  padding: 0;
  border-bottom: none;
}
.product-ranking-detail__data.-copy {
  margin-bottom: 0;
  border-bottom: none;
}
.product-ranking-detail__rank {
  position: absolute;
  width: 60px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.product-ranking-detail__rank img {
  width: 100%;
}
.product-ranking-detail__detail.-narrow {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-ranking-detail__heading {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.-narrow > .product-ranking-detail__heading {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
}
.-narrow > .product-ranking-detail__heading i {
  width: 25px;
}
.-narrow > .product-ranking-detail__heading i img {
  width: 100%;
}
.product-ranking-detail__term {
  display: flex;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.6;
}
.product-ranking-detail__term dt::after {
  content: "：";
}
.-narrow > .product-ranking-detail__term {
  margin-bottom: 7px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.product-ranking-detail__other {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__other {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product-ranking-detail__other.-narrow {
  flex-direction: column;
  gap: 3px;
}
.product-ranking-detail__rate {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
  font-size: 11px;
  font-weight: bold;
  color: #e8442a;
  line-height: 1.6;
}
.product-ranking-detail__rate dt::after {
  content: "：";
}
.product-ranking-detail__rate dd em {
  font-size: 14px;
}
.product-ranking-detail__rate dd i {
  margin-left: 5px;
  font-size: 14px;
}
.product-ranking-detail__rate dd i .-half {
  position: relative;
  color: #b3b2b2;
}
.product-ranking-detail__rate dd i .-half::before {
  content: attr(data-inverted);
  position: absolute;
  width: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #e8442a;
  overflow: hidden;
}
.product-ranking-detail__rate dd i .-down {
  color: #b3b2b2;
}
.product-ranking-detail__campaign {
  position: relative;
  display: flex;
  z-index: 2;
}
.product-ranking-detail__campaign::before {
  content: "|";
  font-size: 14px;
  margin: 0.25em;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__campaign::before {
    content: none;
  }
}
.product-ranking-detail__campaign:hover a {
  opacity: 1;
  visibility: visible;
}
.product-ranking-detail__campaign button {
  display: block;
  width: 150px;
  transform: translateY(-5px);
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__campaign button {
    transform: none;
  }
}
.product-ranking-detail__campaign button img {
  width: 100%;
}
.product-ranking-detail__campaign a {
  position: absolute;
  width: 296px;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 0 35px;
  background: #fff;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.product-ranking-detail__campaign a::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 8px 13px 8px;
  border-color: transparent transparent #fff transparent;
}
.product-ranking-detail__campaign a:hover {
  opacity: 1;
}
.-narrow > .product-ranking-detail__campaign::before {
  content: none;
}
.product-ranking-detail__campaign.-copy button {
  transform: none;
}
.product-ranking-detail__maker {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 133px;
  height: 54px;
  top: -35px;
  right: -35px;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__maker {
    display: none;
  }
}
.product-ranking-detail__maker img {
  width: 100%;
  max-width: fit-content;
}
.product-ranking-detail__lead {
  display: flex;
  order: -1;
  align-items: center;
  gap: 4px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: bold;
}
.product-ranking-detail__lead i {
  flex-shrink: 0;
  width: 16px;
}
.product-ranking-detail__lead i img {
  width: 100%;
}
.-narrow > .product-ranking-detail__lead {
  justify-content: center;
  margin-bottom: 4px;
  font-size: 11px;
}
.product-ranking-detail__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__info {
    padding: 0 20px 20px;
    order: 10;
  }
}
.product-ranking-detail__prices {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__prices {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
}
.product-ranking-detail__prices.-narrow {
  flex-direction: column;
}
.product-ranking-detail__price {
  display: flex;
  font-size: 12px;
  font-weight: bold;
  color: #434343;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    background: #e6e5e5;
  }
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price dt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 8px 13px;
    text-align: center;
  }
}
.product-ranking-detail__price dt::after {
  content: "：";
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price dt::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price dd {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 8px 13px;
    background: #f4f4f4;
  }
}
.product-ranking-detail__price + .product-ranking-detail__price::before {
  content: "|";
  margin: 0 0.25em;
  font-size: 12px;
  color: #434343;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price + .product-ranking-detail__price::before {
    content: none;
  }
}
.product-ranking-detail__price.-campaign {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #e8442a;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price.-campaign {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background: #e8442a;
  }
}
.product-ranking-detail__price.-campaign dt, .product-ranking-detail__price.-campaign dd {
  text-decoration: underline;
}
.product-ranking-detail__price.-campaign dt::after {
  content: "：";
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price.-campaign dt::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price.-campaign dd {
    color: #e8442a;
    background: #fdeae7;
  }
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price.-copy dt::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__price.-copy dd {
    color: #e8442a;
    background: #fdeae7;
  }
}
.-new > .product-ranking-detail__price.-campaign dt::after {
  content: none;
}
.-new > .product-ranking-detail__price.-campaign dd {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .-new > .product-ranking-detail__price.-campaign dd {
    position: inherit;
    width: auto;
    height: auto;
  }
}
.-new > .product-ranking-detail__price.-campaign.-copy::before {
  content: none;
}
.-new > .product-ranking-detail__price.-campaign.-copy dt::after {
  content: "：";
}
@media screen and (max-width: 768px) {
  .-new > .product-ranking-detail__price.-campaign.-copy dt::after {
    content: none;
  }
}
.-new > .product-ranking-detail__price.-campaign.-copy dd {
  position: inherit;
  width: auto;
  height: auto;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .-new > .product-ranking-detail__price.-campaign.-copy dd {
    height: 100%;
  }
}
.-narrow > .product-ranking-detail__price {
  flex-wrap: wrap;
  justify-content: center;
}
.-narrow > .product-ranking-detail__price.-campaign::before {
  content: none;
}
.product-ranking-detail__desc {
  margin-bottom: 10px;
  font-size: 13px;
  color: #434343;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__desc {
    display: none;
  }
}
.product-ranking-detail__desc.-narrow {
  margin: 10px 0 12px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__desc.-copy {
    display: block;
    order: -1;
  }
}
.product-ranking-detail__function {
  display: grid;
  grid-template-columns: repeat(4, auto);
  row-gap: 4px;
  max-width: 398px;
  margin-bottom: 10px;
  font-size: 11px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__function {
    display: none;
  }
}
.product-ranking-detail__function li {
  position: relative;
  padding-left: 13px;
}
.product-ranking-detail__function li i {
  position: absolute;
  width: 20px;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
}
.product-ranking-detail__function li i img {
  width: 100%;
}
.product-ranking-detail__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  margin-top: auto;
  padding: 8px 0;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 2px;
  background: var(--_background, #e8442a);
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__more {
    width: 100%;
    padding: 12px;
    font-size: 12px;
    border-radius: 3px;
  }
}
.-narrow + .product-ranking-detail__more {
  width: 100%;
}
.product-ranking-detail__more[target=_blank] {
  width: 100%;
}
.product-ranking-detail__more[target=_blank] i {
  position: absolute;
  width: 12px;
  top: 6px;
  right: 6px;
}
.product-ranking-detail__more[target=_blank] i img {
  width: 100%;
}
.product-ranking-detail__more.-copy {
  width: 100%;
  background: #e8442a;
}
.product-ranking-detail__more + .product-ranking-detail__more {
  margin-top: 10px;
}
.product-ranking-detail__side {
  position: relative;
  order: -1;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__side {
    margin-bottom: 20px;
  }
}
.product-ranking-detail__state {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 20px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: var(--_background, none);
}
.product-ranking-detail__state.-used {
  background: #2a4673;
}
.product-ranking-detail__state.-new {
  background: #e8442a;
}
.product-ranking-detail__image {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__image {
    width: 75%;
    margin: 0 auto;
  }
}
.product-ranking-detail__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-ranking-detail__image.-tab {
  height: 100%;
}
.product-ranking-detail__image.-tab img {
  height: 100%;
  object-fit: cover;
}
.product-ranking-detail__image.-square {
  aspect-ratio: 1;
}
.product-ranking-detail__image.-square img {
  object-fit: contain;
}
.product-ranking-detail__copy-function {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__copy-function {
    order: -2;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 0;
    font-size: 10px;
    border: none;
  }
}
.product-ranking-detail__copy-function dt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background: #e7e7e7;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__copy-function dt {
    position: absolute;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    overflow: hidden;
  }
}
.product-ranking-detail__copy-function dd {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  padding: 0 4px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__copy-function dd {
    padding: 20px 0;
  }
}
.product-ranking-detail__copy-function dd i {
  width: var(--_width-PC, fit-content);
  height: 22px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__copy-function dd i {
    width: 20px;
    height: 20px;
  }
}
.product-ranking-detail__copy-function dd i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__copy-function dd i img {
    height: 100%;
    object-fit: contain;
  }
}
.product-ranking-detail__copy-function dd span {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  display: -webkit-box;
  max-height: 20px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
}
.product-ranking-detail__copy-function dd + dd::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #e7e7e7;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .product-ranking-detail__copy-function dd + dd::before {
    height: 100%;
  }
}
.product-ranking-detail__copy-function dd[aria-hidden=true]::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.9;
}
.product-ranking-detail__copy-function.-narrow {
  grid-template-columns: repeat(4, 1fr);
  margin: 10px 0;
  font-size: 10px;
  border: none;
}
.product-ranking-detail__copy-function.-narrow dd {
  height: 50px;
  padding-top: 10px;
}

.phone-product-tab {
  margin-top: 25px;
  padding: var(--_padding-PC, 0);
}
.phone-product-tab__tabs {
  display: grid;
  grid-template-columns: repeat(var(--_grid-column, 2), 1fr);
  align-items: flex-end;
  gap: 2px;
}
@media screen and (max-width: 768px) {
  .phone-product-tab__tabs {
    gap: 4px;
  }
}
.phone-product-tab__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 10px;
  font-size: 18px;
  font-weight: bold;
  color: #7B7E80;
  line-height: 1.6;
  background: #DADADA;
}
@media screen and (max-width: 768px) {
  .phone-product-tab__btn {
    padding: 12px 0;
    line-height: 1.3;
  }
}
.phone-product-tab__btn[aria-selected=true] {
  padding: 18.5px 10px;
  color: #fff;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .phone-product-tab__btn[aria-selected=true] {
    padding: 15px 0;
  }
}
@media screen and (max-width: 768px) {
  .phone-product-tab__btn span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    color: transparent;
  }
}
@media screen and (max-width: 768px) {
  .phone-product-tab__btn.-copy-maker {
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 768px) {
  .phone-product-tab__btn.-copy-maker span {
    position: inherit;
    width: auto;
    height: auto;
    font-size: 18px;
    color: inherit;
  }
}
.phone-product-tab__item {
  position: relative;
  padding: 30px 20px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .phone-product-tab__item {
    padding: 15px;
  }
}
.phone-product-tab__item[aria-hidden=true] {
  display: none;
}
.phone-product-tab__mv img {
  width: 100%;
}
.phone-product-tab__more {
  position: absolute;
  bottom: var(--_bottom, -40px);
  right: 0;
}
@media screen and (max-width: 768px) {
  .phone-product-tab__more {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.phone-product-tab__more.-center {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .phone-product-tab__more:not(.-center) a {
    padding: 0;
    font-size: 15px;
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .phone-product-tab__more:not(.-center) a span {
    text-decoration: underline;
  }
}
@media screen and (max-width: 768px) {
  .phone-product-tab__more:not(.-center) a::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .phone-product-tab__more:not(.-center) a::after {
    content: ">";
    font-size: 10px;
  }
}

.phone-download-mv {
  position: relative;
}
.phone-download-mv__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px;
  padding-left: 70px;
  color: #434343;
}
.phone-download-mv__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 16px;
}
.phone-download-mv__head em {
  width: 320px;
}
.phone-download-mv__head em img {
  width: 100%;
}
.phone-download-mv__head span {
  font-size: 14px;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 0.7em;
}
.phone-download-mv__txt {
  font-size: 19px;
  line-height: 1.7;
}
.phone-download-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-download-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phone-download-mv__image {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-download-mv__image {
    display: block;
  }
}
.phone-download-mv__image img {
  width: 100%;
}

.phone-download__row + .phone-download__row {
  margin-top: 30px;
}
.phone-download__columns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  padding: 20px 25px;
  border: 1px solid #d9dae0;
  border-top: none;
}
@media screen and (max-width: 768px) {
  .phone-download__columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    padding: 0;
    border-right: none;
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .phone-download__column {
    border-right: 1px solid #d9dae0;
    border-bottom: 1px solid #d9dae0;
  }
}
.phone-download__column a {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #0066aa;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-download__column a {
    justify-content: space-between;
    padding: 10px 15px;
    color: #333;
  }
}
.phone-download__column a i {
  order: -1;
  width: 4px;
}
@media screen and (max-width: 768px) {
  .phone-download__column a i {
    order: 1;
  }
}
.phone-download__column a i img {
  width: 100%;
}

.page-flow-mv {
  background: #144699;
}
.page-flow-mv__wrap {
  position: relative;
  display: flex;
  z-index: 1;
}
.page-flow-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
}
@media screen and (max-width: 768px) {
  .page-flow-mv__item {
    height: auto;
    margin: 0 calc(50% - 50vw);
  }
}
.page-flow-mv__head {
  font-size: 46px;
  line-height: 1.5652173913;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
.page-flow-mv__head [data-device=pc] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .page-flow-mv__head [data-device=pc] {
    display: none;
  }
}
.page-flow-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-flow-mv__head [data-device=sp] {
    display: block;
  }
}
.page-flow-mv__head i {
  width: 100px;
}
.page-flow-mv__head i img {
  width: 100%;
}
.page-flow-mv__fig {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 566px;
}
@media screen and (max-width: 768px) {
  .page-flow-mv__fig {
    display: none;
  }
}
.page-flow-mv__fig figcaption {
  font-size: 18px;
  line-height: 2.1111111111;
  font-weight: bold;
  color: #d0e0fc;
  letter-spacing: 0.08em;
}
.page-flow-mv__fig figcaption span {
  font-size: 24px;
  color: #fff;
}
.page-flow-mv__fig span img {
  width: 100%;
}
.page-flow-mv__image {
  position: absolute;
  width: 434px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .page-flow-mv__image {
    display: none;
  }
}
.page-flow-mv__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-flow__wrap {
  max-width: 960px;
  margin: 25px auto 50px;
}
.page-flow__intro {
  position: relative;
  display: flex;
  padding-bottom: 44px;
}
@media screen and (max-width: 768px) {
  .page-flow__intro {
    margin-bottom: 20px;
    padding-bottom: 0;
  }
}
.page-flow__lead {
  width: calc(100% - 200px);
}
@media screen and (max-width: 768px) {
  .page-flow__lead {
    width: 100%;
    font-size: 15px;
  }
}
.page-flow__lead em {
  font-weight: bold;
  color: #e8442a;
}
.page-flow__bg {
  position: absolute;
  width: 169px;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .page-flow__bg {
    display: none;
  }
}
.page-flow__bg img {
  width: 100%;
}
.page-flow__step + .page-flow__step {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .page-flow__step + .page-flow__step {
    margin-top: max(5.3333333333vw, 20px);
  }
}
.page-flow__heading {
  display: grid;
  grid-template-columns: 110px 1fr;
  margin-bottom: 30px;
  font-weight: bold;
  color: #fff;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .page-flow__heading {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }
}
.page-flow__heading small {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding-top: 4px;
  font-size: 15px;
  background: #206892;
}
@media screen and (max-width: 768px) {
  .page-flow__heading small {
    align-items: center;
    height: 39px;
    padding: 0;
  }
}
.page-flow__heading small::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .page-flow__heading small::before {
    top: auto;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 9px 6px 0 6px;
    border-color: #206892 transparent transparent transparent;
    background: none;
  }
}
.page-flow__heading small b {
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  .page-flow__heading small b {
    font-size: 15px;
  }
}
.page-flow__heading span {
  display: flex;
  align-items: center;
  padding: 12px 0;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .page-flow__heading span {
    justify-content: center;
    padding: 16px 20px 14px;
    font-size: 16px;
    font-weight: 400;
  }
}
.page-flow__heading span i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
}
@media screen and (max-width: 768px) {
  .page-flow__heading span i {
    display: none;
  }
}
.page-flow__heading span i img {
  width: var(--_width, 20px);
}
.page-flow__item {
  display: flex;
  background: #eee;
}
@media screen and (max-width: 768px) {
  .page-flow__item {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px max(5.3333333333vw, 20px);
  }
}
.page-flow__image {
  flex-shrink: 0;
  width: 250px;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  .page-flow__image {
    margin: 0 auto;
  }
}
.page-flow__image img {
  width: 100%;
}
.page-flow__detail {
  flex-grow: 1;
  padding: 16px 20px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-flow__detail {
    padding: 0;
  }
}
.page-flow__detail:has(> .page-flow-detail) {
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page-flow__detail:has(> .page-flow-detail) {
    padding-bottom: 10px;
  }
}
.page-flow__check {
  margin-bottom: 9px;
}
.page-flow__check li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-weight: bold;
  color: #206892;
}
.page-flow__check li i {
  flex-shrink: 0;
  width: 18px;
}
.page-flow__check li i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page-flow__txt {
    font-size: 15px;
  }
}
.page-flow__txt b {
  margin-right: 5px;
  padding: 2px 7px;
  font-weight: 400;
  color: #206892;
  border: 1px solid #206892;
}
@media screen and (max-width: 768px) {
  .page-flow__txt b {
    display: flex;
    justify-content: center;
    margin: 0 0 10px;
    padding: 6px;
  }
}
@media screen and (max-width: 768px) {
  .page-flow__cv {
    display: none;
  }
}
.page-flow__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  padding: 5px 0;
  color: #fff;
  border-radius: 80px;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .page-flow__more {
    padding: 12px 0 10px;
    font-size: 15px;
  }
}
.page-flow__more::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}
.page-flow__note {
  margin-top: 20px;
}
.page-flow__note li {
  position: relative;
  padding-left: 1em;
  font-size: 13px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-flow__note li {
    font-size: clamp(13px, 1vw, 14px);
  }
}
.page-flow__note li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.page-flow-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin-top: 18px;
}
.page-flow-detail__head {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #d05615;
}
.page-flow-detail__head::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #f26419;
}
@media screen and (max-width: 768px) {
  .page-flow-detail__txt {
    font-size: 15px;
  }
}
.page-flow-detail__fig {
  max-width: 418px;
}
.page-flow-detail__fig img {
  width: 100%;
}
.page-flow-detail__check li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: 15px;
  color: #434343;
  line-height: 1.5;
}
.page-flow-detail__check li i {
  flex-shrink: 0;
  width: 18px;
}
.page-flow-detail__check li i img {
  width: 100%;
}

.page-report-archive__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 25px 0 30px;
}
@media screen and (max-width: 768px) {
  .page-report-archive__items {
    grid-template-columns: 1fr;
    margin-bottom: clamp(20px, 5.3333333333vw, 30px);
  }
}
.page-report-archive__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 6;
  padding: 0 7px;
}
@media screen and (max-width: 768px) {
  .page-report-archive__item {
    position: relative;
    display: flex;
    gap: clamp(15px, 4vw, 25px);
    margin-top: max(2.6666666667vw, 10px);
    padding: 0 20px max(2.6666666667vw, 10px) 0;
    border-bottom: 1px solid #d9dae0;
  }
}
.page-report-archive__item + .page-report-archive__item {
  border-left: 1px dotted #777;
}
@media screen and (max-width: 768px) {
  .page-report-archive__item + .page-report-archive__item {
    border-left: none;
  }
}
.page-report-archive__detail {
  display: contents;
}
@media screen and (max-width: 768px) {
  .page-report-archive__detail {
    display: flex;
    flex-direction: column;
  }
}
.page-report-archive__heading {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #428ec0;
}
@media screen and (max-width: 768px) {
  .page-report-archive__heading {
    margin-bottom: 5px;
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.page-report-archive__heading a {
  display: block;
}
.page-report-archive__heading a:hover {
  opacity: 1;
  text-decoration: underline;
}
.page-report-archive__rows {
  padding: 0 5px;
}
.page-report-archive__row {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-report-archive__row {
    font-size: clamp(12px, 3.2vw, 14px);
  }
}
.page-report-archive__row dt {
  display: inline;
  font-weight: 400;
}
.page-report-archive__row dt::after {
  content: "：";
}
.page-report-archive__row dd {
  display: inline;
}
.page-report-archive__data {
  padding: 0 5px;
}
@media screen and (max-width: 768px) {
  .page-report-archive__data {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 3px;
    width: 100%;
    padding: 0;
  }
}
.page-report-archive__date {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-report-archive__date {
    display: flex;
    min-width: 110px;
    padding: 2px 5px;
    font-size: clamp(11px, 2.9333333333vw, 14px);
    border: 1px solid #d9dae0;
    background: #f9f9fa;
  }
}
.page-report-archive__date dt {
  font-weight: 400;
}
.page-report-archive__date dt::after {
  content: "：";
}
.page-report-archive__categories {
  display: flex;
  gap: 6px;
}
@media screen and (max-width: 768px) {
  .page-report-archive__categories {
    gap: 3px;
  }
}
.page-report-archive__category {
  width: 61px;
}
@media screen and (max-width: 768px) {
  .page-report-archive__category {
    width: 16.2666666667vw;
    min-width: 61px;
    max-width: 80px;
  }
}
.page-report-archive__category img {
  width: 100%;
}
.page-report-archive__image {
  order: -1;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .page-report-archive__image {
    width: 20vw;
    min-width: 75px;
    margin-bottom: 0;
  }
}
.page-report-archive__image img {
  width: 100%;
}
.page-report-archive__more {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 15px 5px 0;
  font-size: 13px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-report-archive__more {
    position: absolute;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.page-report-archive__more i {
  flex-shrink: 0;
  width: 4px;
}
@media screen and (max-width: 768px) {
  .page-report-archive__more i {
    width: 6px;
  }
}
.page-report-archive__more i img {
  width: 100%;
}
.page-report-archive__more span {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .page-report-archive__more span {
    position: absolute;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    overflow: hidden;
    top: 0;
    left: 0;
  }
}
.page-report-archive__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 220px;
  height: 40px;
  padding: 0 16px;
  margin-left: auto;
  font-size: 14px;
  border: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .page-report-archive__link {
    position: relative;
    width: 100%;
    height: 52px;
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.page-report-archive__link i {
  flex-shrink: 0;
  width: 6px;
}
@media screen and (max-width: 768px) {
  .page-report-archive__link i {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }
}
.page-report-archive__link i img {
  width: 100%;
}
.page-report-archive__link:hover {
  opacity: 1;
  color: #ff4021;
  border-color: currentColor;
}

.page-inquiry-data {
  padding: 23px 0;
  border-top: 3px dotted #d9dae0;
  border-bottom: 3px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  .page-inquiry-data {
    padding: 20px 0;
  }
}
.page-inquiry-data__wrap {
  border: 1px solid #d9dae0;
}
.page-inquiry-data__head {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 51px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .page-inquiry-data__head {
    height: clamp(38px, 10.1333333333vw, 51px);
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.page-inquiry-data__items {
  height: 300px;
  padding: 0 20px 7px;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .page-inquiry-data__items {
    height: clamp(200px, 53.3333333333vw, 300px);
    padding: 15px 20px;
  }
}
.page-inquiry-data__item {
  display: flex;
  flex-direction: column;
  padding: 15px 0;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-inquiry-data__item {
    padding: 0;
    font-size: clamp(12px, 3.2vw, 14px);
    line-height: 1.5833333333;
  }
}
.page-inquiry-data__item time {
  color: #06a;
}
.page-inquiry-data__item + .page-inquiry-data__item {
  border-top: 1px dashed #d9dae0;
}
@media screen and (max-width: 768px) {
  .page-inquiry-data__item + .page-inquiry-data__item {
    margin-top: max(1.3333333333vw, 5px);
    padding-top: max(1.3333333333vw, 5px);
  }
}

.page-phone-flow__wrap {
  max-width: 960px;
  margin: 25px auto 0;
}
.page-phone-flow__lead {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__lead {
    font-size: 15px;
    line-height: 1.7;
  }
}
.page-phone-flow__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__columns {
    grid-template-columns: 1fr;
  }
}
.page-phone-flow__column {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #e7e7e7;
  box-shadow: 10px 10px 15px -10px #e7e7e7;
  background: #f9f9f9;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__column {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    border: none;
    box-shadow: none;
    background: none;
  }
}
.page-phone-flow__column + .page-phone-flow__column::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 6px 0 6px 10.4px;
  border-color: transparent transparent transparent #e8442a;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__column + .page-phone-flow__column::before {
    top: -15px;
    left: 50px;
    transform: none;
    rotate: 90deg;
  }
}
.page-phone-flow__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.page-phone-flow__heading {
  height: 44px;
  margin-bottom: 8px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.5714285714;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__heading {
    height: auto;
    padding: 0;
    font-size: clamp(16px, 4.2666666667vw, 18px);
    line-height: 1.3;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .page-phone-flow__heading.-last {
    color: #e8442a;
  }
}
.page-phone-flow__heading span {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__heading span {
    display: inline-block;
  }
}
.page-phone-flow__list {
  display: grid;
  flex-grow: 1;
  justify-content: center;
  padding: 20px 12px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__list {
    display: block;
    flex-grow: 0;
    padding: 0;
  }
}
.page-phone-flow__list li {
  width: fit-content;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__list li {
    position: relative;
    padding-left: 1em;
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .page-phone-flow__list li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
}
.page-phone-flow__image {
  display: flex;
  order: -1;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__image {
    margin-bottom: 0;
  }
}
.page-phone-flow__image span {
  width: 54px;
  transform: translateY(-7px);
}
@media screen and (max-width: 768px) {
  .page-phone-flow__image span {
    display: none;
  }
}
.page-phone-flow__image picture {
  width: 60px;
}
@media screen and (max-width: 768px) {
  .page-phone-flow__image picture {
    width: 118px;
  }
}
.page-phone-flow__image img {
  width: 100%;
}
.page-phone-flow__more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 17px;
  font-size: 14px;
  line-height: 1.6;
  text-decoration: underline;
}
.page-phone-flow__more i {
  flex-shrink: 0;
  width: 4px;
}
.page-phone-flow__more i img {
  width: 100%;
}
.page-phone-flow__more:hover {
  text-decoration: none;
}

.page-price-payment-method__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .page-price-payment-method__columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
}
.page-price-payment-method__column {
  border: 1px solid #d9dae0;
}
.page-price-payment-method__column dt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  font-size: 14px;
  border-bottom: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .page-price-payment-method__column dt {
    height: auto;
    min-height: 35px;
    font-size: min(3.7333333333vw, 16px);
  }
}
.page-price-payment-method__column dd {
  display: grid;
  grid-template-columns: 1fr;
}
.page-price-payment-method__column dd i {
  width: 100%;
}
.page-price-payment-method__column dd i img {
  width: 100%;
}
.page-price-payment-method__column dd span {
  padding: 10px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-price-payment-method__column dd span {
    display: flex;
    justify-content: center;
    padding: 10px 10px max(2.6666666667vw, 10px);
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .page-price-payment-method__column:nth-child(even) {
    border-left: none;
  }
}
@media screen and (max-width: 768px) {
  .page-price-payment-method__column:nth-child(n+3) {
    border-top: none;
  }
}

.page-service-area-data__wrap {
  margin-top: 25px;
  padding: 20px;
  background: #d9f2f9;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__wrap {
    position: relative;
    padding: 0 max(4vw, 15px) max(4vw, 15px);
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .page-service-area-data__wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 100px);
    bottom: 0;
    left: 0;
    background: #d9f2f9;
  }
}
.page-service-area-data__intro {
  position: relative;
  margin-bottom: 30px;
  padding-right: 280px;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__intro {
    display: grid;
    margin-bottom: clamp(20px, 5.3333333333vw, 30px);
    padding-right: 0;
  }
}
.page-service-area-data__item {
  min-height: 195px;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__item {
    min-height: 0;
  }
}
.page-service-area-data__lead {
  display: grid;
  gap: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__lead {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 2.6666666667vw, 15px);
  }
}
.page-service-area-data__lead span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 218px;
  height: 35px;
  color: #fff;
  border-radius: 35px;
  background: #84b200;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__lead span {
    width: 58.1333333333vw;
    min-width: 218px;
    font-size: clamp(15px, 4vw, 16px);
  }
}
.page-service-area-data__lead span i {
  position: relative;
  flex-shrink: 0;
  width: 20px;
}
.page-service-area-data__lead span i::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  border-left: 1px dashed #fff;
}
.page-service-area-data__lead span i img {
  width: 100%;
}
.page-service-area-data__lead em {
  font-size: 21px;
  font-weight: bold;
  color: #2685bc;
  line-height: 1.6;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__lead em {
    word-break: auto-phrase;
    font-size: 20px;
    text-align: center;
  }
}
.page-service-area-data__txt {
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__txt {
    font-size: clamp(15px, 4vw, 16px);
  }
}
.page-service-area-data__bg {
  position: absolute;
  top: -60px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__bg {
    position: inherit;
    order: -1;
    top: auto;
    right: auto;
    margin: 0 min(-4vw, -15px);
  }
}
.page-service-area-data__bg img {
  width: 100%;
}
.page-service-area-data__content {
  position: relative;
  padding: 25px 30px;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__content {
    display: grid;
    gap: 25px;
    padding: 25px 18px;
  }
}
.page-service-area-data__area {
  display: flex;
  gap: 10px;
  font-size: 12px;
  line-height: 1.6;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__area {
    font-size: clamp(10px, 2.6666666667vw, 14px);
  }
}
.page-service-area-data__area dt {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__area dt {
    width: 10.6666666667vw;
    min-width: 40px;
  }
}
.page-service-area-data__area:nth-child(4n+1) dt {
  background: #206892;
}
.page-service-area-data__area:nth-child(4n+2) dt {
  background: #204e91;
}
.page-service-area-data__area:nth-child(4n+3) dt {
  background: #2d70c1;
}
.page-service-area-data__area:nth-child(4n+4) dt {
  background: #4f98c1;
}
.page-service-area-data__area + .page-service-area-data__area {
  margin-top: 5px;
}
.page-service-area-data__fig {
  position: absolute;
  width: 233px;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__fig {
    position: inherit;
    order: -1;
    width: 37.3333333333vw;
    top: auto;
    right: auto;
    transform: none;
    margin: 0 auto;
  }
}
.page-service-area-data__fig img {
  width: 100%;
}
.page-service-area-data__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  width: 200px;
  height: 35px;
  margin: 20px auto 0;
  font-size: 12px;
  font-weight: bold;
  color: #2685bc;
  border: 1px solid #2685bc;
  border-radius: 35px;
  transition: color 0.3s, background-color 0.3s;
}
@media screen and (max-width: 768px) {
  .page-service-area-data__more {
    width: 69.8666666667vw;
    min-width: 262px;
    height: 47px;
    font-size: 17px;
  }
}
.page-service-area-data__more::before {
  content: "▶︎";
}
.page-service-area-data__more:hover {
  opacity: 1;
  color: #fff;
  background: #2685bc;
}

.page-payment-mv {
  position: relative;
}
.page-payment-mv__wrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 300px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-payment-mv__wrap {
    height: auto;
    margin: 0 calc(50% - 50vw);
  }
}
.page-payment-mv__head {
  width: 403px;
}
.page-payment-mv__head img {
  width: 100%;
}
.page-payment-mv__image {
  position: absolute;
  width: 602px;
  max-width: 60%;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .page-payment-mv__image {
    display: none;
  }
}
.page-payment-mv__image img {
  width: 100%;
}
.page-payment-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-payment-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-payment-method {
  max-width: 960px;
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  .page-payment-method {
    margin-top: 25px;
  }
}
.page-payment-method__columns {
  display: grid;
  grid-template-columns: var(--_columns-PC, repeat(2, 1fr));
  gap: var(--_gap-PC, 20px);
}
@media screen and (max-width: 768px) {
  .page-payment-method__columns {
    display: flex;
    padding-bottom: 20px;
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-method__columns::-webkit-scrollbar {
    width: 5px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-method__columns::-webkit-scrollbar:horizontal {
    height: 10px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-method__columns::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: #e8442a;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-method__columns::-webkit-scrollbar-thumb:horizontal {
    background: #e8442a;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-method__columns.-vertical {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.page-payment-method__column {
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .page-payment-method__column {
    flex-shrink: 0;
    width: 250px;
  }
}
.-vertical > .page-payment-method__column {
  width: 100%;
}
.page-payment-method__heading {
  display: grid;
  grid-template-columns: 50px 1fr;
  color: #fff;
  background: #2685bc;
}
.page-payment-method__heading::before {
  content: attr(data-num) ".";
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  font-size: 20px;
  background: #206892;
}
.page-payment-method__heading span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .page-payment-method__heading span {
    font-size: 14px;
  }
}
.page-payment-method__heading small {
  font-size: 10px;
  background: #206892;
  padding: 3px 10px;
  border-radius: 22px;
}
.page-payment-method__heading small:first-child {
  margin-left: 15px;
}
.page-payment-method__heading small:not(:first-child) {
  margin-left: 5px;
}
.page-payment-method__image img {
  width: 100%;
}
.page-payment-method__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  line-height: 1.6;
}
.page-payment-method__lead {
  padding-bottom: 10px;
  word-break: auto-phrase;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .page-payment-method__lead {
    font-size: 16px;
  }
}
.page-payment-method__txt {
  font-size: 14px;
}

.page-payment-merit {
  max-width: 960px;
  margin: var(--_margin-top-PC, 0) auto 0;
}
@media screen and (max-width: 768px) {
  .page-payment-merit {
    margin-top: var(--_margin-top-SP, 0);
  }
}
.page-payment-merit__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 920px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .page-payment-merit__columns {
    display: flex;
    padding-bottom: 20px;
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-merit__columns::-webkit-scrollbar {
    width: 5px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-merit__columns::-webkit-scrollbar:horizontal {
    height: 10px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-merit__columns::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: #e8442a;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-merit__columns::-webkit-scrollbar-thumb:horizontal {
    background: #e8442a;
    border-radius: 10px;
  }
}
.page-payment-merit__column {
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .page-payment-merit__column {
    flex-shrink: 0;
    width: 250px;
  }
}
.page-payment-merit__heading {
  display: grid;
  grid-template-columns: 74px 1fr;
  color: #fff;
  background: #5e9e2e;
}
.page-payment-merit__heading [lang=en] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  font-size: 12px;
  text-transform: capitalize;
  background: #4e8127;
}
.page-payment-merit__heading [lang=en] i {
  position: absolute;
  width: 30px;
  height: 1px;
  top: 50%;
  right: -25px;
  transform: translateY(-50%);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .page-payment-merit__heading [lang=en] i {
    width: 20px;
    right: -16px;
  }
}
.page-payment-merit__heading [lang=en] i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 9px;
  bottom: -1px;
  right: 3px;
  rotate: -45deg;
  background: #fff;
}
.page-payment-merit__heading [lang=ja] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.page-payment-merit__heading.-demerit {
  background: #555;
}
.page-payment-merit__heading.-demerit [lang=en] {
  background: #444;
}
.page-payment-merit__image img {
  width: 100%;
}
.page-payment-merit__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}
.page-payment-merit__lead {
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .page-payment-merit__lead {
    word-break: auto-phrase;
    font-size: 16px;
    line-height: 1.5;
  }
}
.page-payment-merit__txt {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .page-payment-merit__txt {
    line-height: 1.5;
  }
}

.page-payment-reason {
  max-width: 960px;
  margin: var(--_margin-top-PC, 45px) auto 0;
}
.page-payment-reason__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .page-payment-reason__columns {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .page-payment-reason__columns.-vertical {
    flex-direction: column;
    gap: 20px;
  }
}
.page-payment-reason__column {
  font-size: 15px;
  line-height: 1.6;
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .page-payment-reason__column {
    flex-shrink: 0;
    width: 250px;
  }
}
.page-payment-reason__column dt {
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr;
  font-weight: 400;
  color: #fff;
  background: var(--_color, #2685bc);
}
.page-payment-reason__column dt::before {
  content: attr(data-num) ".";
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  font-size: 20px;
  background: var(--_sub-color, #206892);
}
.page-payment-reason__column dt span {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .-vertical > .page-payment-reason__column {
    width: 100%;
  }
}
.page-payment-reason__image img {
  width: 100%;
}
.page-payment-reason__txt {
  padding: 30px 20px 20px;
}
@media screen and (max-width: 768px) {
  .page-payment-reason__txt {
    font-size: 15px;
  }
}

.page-payment-message {
  position: relative;
  display: grid;
  gap: 10px;
  margin-top: 20px;
  padding: 36px 40px 38px;
}
@media screen and (max-width: 768px) {
  .page-payment-message {
    padding: clamp(20px, 5.3333333333vw, 30px);
    background: #f7faff;
  }
}
.page-payment-message__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.page-payment-message__tag {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 30px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  border-radius: 44px;
  background: var(--_background, #2685bc);
}
@media screen and (max-width: 768px) {
  .page-payment-message__tag {
    gap: max(1.3333333333vw, 5px);
    padding: max(0.8vw, 3px) max(4vw, 15px);
    font-size: clamp(12px, 3.2vw, 15px);
  }
}
.page-payment-message__tag i {
  position: relative;
  flex-shrink: 0;
  padding-right: 10px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .page-payment-message__tag i {
    padding-right: max(1.3333333333vw, 5px);
  }
}
.page-payment-message__tag i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #fff;
}
.page-payment-message__tag i img {
  width: 100%;
}
.page-payment-message__tag.-type-1 i {
  width: 36px;
}
@media screen and (max-width: 768px) {
  .page-payment-message__tag.-type-1 i {
    width: 6.9333333333vw;
    min-width: 26px;
    max-width: 36px;
  }
}
.page-payment-message__tag.-type-2 i {
  width: 22px;
}
@media screen and (max-width: 768px) {
  .page-payment-message__tag.-type-2 i {
    width: 4.2666666667vw;
    min-width: 16px;
    max-width: 22px;
  }
}
.page-payment-message__lead {
  font-size: 27px;
  font-weight: bold;
  color: #2685bc;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-payment-message__lead {
    font-size: clamp(22px, 5.8666666667vw, 27px);
  }
}
.page-payment-message__lead span {
  position: relative;
}
.page-payment-message__lead span::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(0.15em 0.15em at center center, #2685bc, #2685bc 100%, rgba(0, 0, 0, 0));
}
@media screen and (max-width: 768px) {
  .page-payment-message__lead span::before {
    content: none;
  }
}
.page-payment-message__txt {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .page-payment-message__txt {
    font-size: 15px;
    font-weight: 400;
  }
}
.page-payment-message__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .page-payment-message__bg {
    display: none;
  }
}
.page-payment-message__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-payment-message__list li {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .page-payment-message__list li {
    font-size: 15px;
  }
}
.page-payment-message__list li span {
  color: #e8442a;
  background: linear-gradient(transparent 60%, #fff100 60%);
}

.page-knowledge-ranking__columns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(326px, 1fr));
  gap: 20px;
  max-width: 960px;
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  .page-knowledge-ranking__columns {
    margin-top: 25px;
  }
}
.page-knowledge-ranking__column a {
  display: grid;
  grid-template-columns: 87px 1fr;
  height: 100%;
  border: 1px solid #e7e7e7;
  background: #f9f9f9;
}
.page-knowledge-ranking__heading {
  padding: 16px 18px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6;
}
.page-knowledge-ranking__image {
  position: relative;
  order: -1;
}
.page-knowledge-ranking__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-knowledge-ranking__image::before {
  content: attr(data-num);
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  font-size: 14px;
  color: #fff;
  background: #4A4C5F;
}
.page-knowledge-ranking__image.-type-1::before {
  background: #CCA12A;
}
.page-knowledge-ranking__image.-type-2::before {
  background: #9C9C9C;
}
.page-knowledge-ranking__image.-type-3::before {
  background: #C0420A;
}

.phone-reason-mv {
  background: #2682a4;
}
.phone-reason-mv__wrap {
  position: relative;
  z-index: 1;
}
.phone-reason-mv__head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 500px;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .phone-reason-mv__head {
    width: 100vw;
    margin: 0 -4vw;
  }
}
.phone-reason-mv__head span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-reason-mv__head span {
    width: 100%;
  }
}
.phone-reason-mv__head span img {
  width: 100%;
}
.phone-reason-mv__head small {
  font-size: 18px;
  color: #b4deed;
  line-height: 1.6;
}
.phone-reason-mv__head em {
  font-size: 45px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  text-align: center;
}
.phone-reason-mv__head i {
  width: 116px;
}
.phone-reason-mv__head i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .phone-reason-mv__head [data-device=pc] {
    display: none;
  }
}
.phone-reason-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-reason-mv__head [data-device=sp] {
    display: flex;
  }
}
.phone-reason-mv__image {
  position: absolute;
  width: 520px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
.phone-reason-mv__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-phone-reason {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  gap: 20px;
  max-width: 960px;
  margin: 25px auto 0;
}
.p-phone-reason__column {
  display: flex;
  flex-direction: column;
  background: #f3f3f3;
}
.p-phone-reason__heading {
  display: grid;
  grid-template-columns: 50px 1fr;
  font-size: 15px;
  color: #fff;
  background: #2685bc;
}
.p-phone-reason__heading::before {
  content: attr(data-num) ".";
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  font-size: 20px;
  background: #206892;
}
.p-phone-reason__heading span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-phone-reason__image img {
  width: 100%;
}
.p-phone-reason__item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
}
.p-phone-reason__txt {
  margin-bottom: auto;
  color: #333;
}
.p-phone-reason__more {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  padding: 10px 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  box-shadow: -3px 3px 0 #185781;
  background: #206892;
}
.p-phone-reason__more::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #fff;
}

.phone-function-mv {
  background: #1d94b4;
}
.phone-function-mv__wrap {
  position: relative;
  z-index: 1;
}
.phone-function-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 434px;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .phone-function-mv__item {
    width: 100vw;
    min-height: 0;
    margin: 0 -4vw;
  }
}
.phone-function-mv__icon {
  width: 135px;
}
@media screen and (max-width: 768px) {
  .phone-function-mv__icon {
    display: none;
  }
}
.phone-function-mv__icon img {
  width: 100%;
}
.phone-function-mv__head {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-function-mv__head {
    margin-top: 0;
  }
}
.phone-function-mv__head em {
  position: relative;
  display: block;
  width: 100%;
  font-size: 43px;
  font-weight: bold;
  color: #e4ba42;
  line-height: 1.2;
  text-align: center;
}
.phone-function-mv__head em i {
  position: absolute;
  width: 44px;
  top: 0;
}
.phone-function-mv__head em i img {
  width: 100%;
}
.phone-function-mv__head em i:first-child {
  left: -45px;
}
.phone-function-mv__head em i:last-child {
  right: -45px;
}
.phone-function-mv__head small {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 424px;
  height: 35px;
  margin-top: 35px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  z-index: 1;
}
.phone-function-mv__head small i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-function-mv__head small i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phone-function-mv__head img {
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .phone-function-mv__head [data-device=pc] {
    display: none;
  }
}
.phone-function-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-function-mv__head [data-device=sp] {
    display: block;
    width: 100vw;
  }
}
.phone-function-mv__image {
  position: absolute;
  width: 424px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-function-mv__image {
    display: none;
  }
}
.phone-function-mv__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-function-intro {
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 960px;
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  .page-function-intro {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .page-function-intro.-copy {
    flex-direction: column;
    align-items: center;
  }
}
.page-function-intro__item {
  flex-grow: 1;
}
.page-function-intro__lead {
  font-size: 21px;
  font-weight: bold;
  color: #e84429;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-function-intro__lead {
    font-size: clamp(19px, 5.0666666667vw, 21px);
  }
}
.page-function-intro__txt {
  line-height: 2;
}
.page-function-intro__image {
  flex-shrink: 0;
  width: 270px;
}
@media screen and (max-width: 768px) {
  .page-function-intro__image {
    display: none;
  }
}
.page-function-intro__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .-copy > .page-function-intro__image {
    order: -1;
    display: block;
    width: 100%;
    max-width: fit-content;
  }
}

.page-function-nav {
  max-width: 960px;
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  .page-function-nav {
    margin-top: 25px;
  }
}
.page-function-nav__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 768px) {
  .page-function-nav__items.-copy {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 -4vw;
  }
}
.page-function-nav__item {
  position: relative;
}
.page-function-nav__item::after {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% - 15px);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #dad9df;
}
.page-function-nav__item:nth-child(n+6)::before {
  content: "";
  position: absolute;
  width: calc(100% - 15px);
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #dad9df;
}
.page-function-nav__item:nth-child(5n+1)::after {
  content: none;
}
.page-function-nav__item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 10px;
  line-height: 1.6;
}
.page-function-nav__item a:hover {
  opacity: 1;
}
.page-function-nav__item a:hover i:not([data-attr]) {
  transform: rotateY(360deg);
  background: #0067a8;
}
.-copy > .page-function-nav__item {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .-copy > .page-function-nav__item:nth-child(n+6)::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .-copy > .page-function-nav__item:nth-child(n+3)::before {
    content: "";
    position: absolute;
    width: calc(100% - 60px);
    height: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #dad9df;
  }
}
@media screen and (max-width: 768px) {
  .-copy > .page-function-nav__item:nth-child(5n+1)::after {
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .-copy > .page-function-nav__item:nth-child(odd)::after {
    content: none;
  }
}
.page-function-nav__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 10px;
  color: #e84429;
}
@media screen and (max-width: 768px) {
  .page-function-nav__icon {
    font-size: min(2.6666666667vw, 12px);
  }
}
.page-function-nav__icon::after {
  content: attr(data-attr);
  text-transform: uppercase;
}
.page-function-nav__icon span {
  width: 23px;
}
.page-function-nav__icon img {
  width: 100%;
}
.page-function-nav__icon.-type-1 {
  color: #cca12a;
}
.page-function-nav__icon.-type-2 {
  color: #bbb;
}
.page-function-nav__icon.-type-3 {
  color: #b46a49;
}
.page-function-nav__heading {
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-function-nav__heading {
    font-size: clamp(11px, 2.9333333333vw, 14px);
  }
}
.page-function-nav__arrow {
  position: relative;
  aspect-ratio: 1;
  width: 25px;
  margin-top: 15px;
  border-radius: 50%;
  background: #dad9df;
  transition: 0.5s;
}
.page-function-nav__arrow::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  top: 8px;
  left: 9px;
  width: 8px;
  rotate: 45deg;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.phone-function {
  max-width: 770px;
  margin: 30px auto 0;
  border: 1px solid #dad9df;
}
.phone-function__head {
  display: flex;
  align-items: center;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  border-bottom: 1px solid #dad9df;
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .phone-function__head {
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.phone-function__head i {
  flex-shrink: 0;
  width: 25px;
  margin-right: 12px;
}
.phone-function__head i img {
  width: 100%;
}
.phone-function__head span {
  margin-right: 20px;
  color: #e84429;
}
.phone-function__head.-type-1 span {
  color: #c29928;
}
.phone-function__head.-type-2 span {
  color: #bbb;
}
.phone-function__head.-type-3 span {
  color: #b46a49;
}
.phone-function__wrap {
  padding: 30px 20px;
}
.phone-function__intro {
  display: grid;
  grid-template-columns: 1fr 286px;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .phone-function__intro {
    display: flex;
  }
}
.phone-function__lead {
  font-size: 18px;
  font-weight: bold;
}
.phone-function__txt {
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  .phone-function__txt {
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .phone-function__image {
    display: none;
  }
}
.phone-function__image img {
  width: 100%;
}

.phone-function-example {
  position: relative;
  margin-top: 20px;
  padding: 35px 25px 35px 385px;
}
@media screen and (max-width: 768px) {
  .phone-function-example {
    margin-top: 30px;
    padding: 20px 15px;
    background: #f9f9f9;
  }
}
.phone-function-example.-type-1 {
  padding-left: 285px;
}
@media screen and (max-width: 768px) {
  .phone-function-example.-type-1 {
    padding-left: 20px;
  }
}
.phone-function-example__head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 260px;
  height: 34px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #fff;
  border-radius: 34px;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-function-example__head {
    width: 100%;
    max-width: 260px;
    transform: translateY(-37px);
    margin-bottom: -27px;
    font-size: min(4vw, 15px);
  }
}
.phone-function-example__head i {
  position: relative;
  width: 22px;
  padding-right: 10px;
  box-sizing: content-box;
}
.phone-function-example__head i img {
  width: 100%;
}
.phone-function-example__head i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.phone-function-example__lead {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-function-example__lead {
    font-size: clamp(18px, 4.8vw, 20px);
  }
}
.phone-function-example__txt {
  margin-bottom: 20px;
  line-height: 1.8;
}
.phone-function-example__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #e84429;
}
@media screen and (max-width: 768px) {
  .phone-function-example__more {
    font-size: clamp(12px, 3.2vw, 15px);
  }
}
.phone-function-example__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  rotate: -45deg;
}
.phone-function-example__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-function-example__bg {
    display: none;
  }
}
.phone-function-example__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-function-item {
  margin-top: 30px;
}
.phone-function-item__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-function-item__columns {
    display: flex;
    padding-bottom: 20px;
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .phone-function-item__columns::-webkit-scrollbar {
    width: 5px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .phone-function-item__columns::-webkit-scrollbar:horizontal {
    height: 10px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .phone-function-item__columns::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: #e8442a;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .phone-function-item__columns::-webkit-scrollbar-thumb:horizontal {
    background: #e8442a;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .phone-function-item__column {
    flex-shrink: 0;
    width: 250px;
  }
}
.phone-function-item__column a {
  position: relative;
  display: grid;
  border: 1px solid #dfe0e1;
}
.phone-function-item__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.phone-function-item__heading {
  font-size: 13px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-function-item__heading {
    font-weight: bold;
  }
}
.phone-function-item__maker {
  display: flex;
  order: -1;
  justify-content: center;
  height: 15px;
  font-size: 14px;
  font-weight: bold;
}
.phone-function-item__maker img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.phone-function-item__image {
  order: -1;
}
.phone-function-item__image img {
  width: 100%;
}
.phone-function-item__categories {
  position: absolute;
  top: 0;
  left: 0;
}
.phone-function-item__category {
  padding: 3px 10px;
  font-size: 12px;
  color: #fff;
  background: #2685bc;
}
.phone-function-item__category.-new {
  background: #e84429;
}

.phone-expansion-mv {
  background: radial-gradient(ellipse at center, #4eaa00 1%, #479a00 50%, #479a00 100%);
}
.phone-expansion-mv.-relocation {
  background: linear-gradient(to right, rgb(22, 116, 168) 0%, rgb(23, 130, 183) 15%, rgb(23, 130, 183) 50%, rgb(23, 130, 183) 85%, rgb(22, 116, 168) 100%);
}
.phone-expansion-mv__wrap {
  position: relative;
  min-width: 980px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-expansion-mv__wrap {
    width: 100vw;
    min-width: 0;
    margin: 0 -4vw;
  }
}
.phone-expansion-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 545px;
  min-height: 300px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .phone-expansion-mv__item {
    width: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-mv__head {
    width: 100%;
  }
}
.phone-expansion-mv__head img {
  width: 100%;
}
.phone-expansion-mv__head small {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  text-decoration: underline;
}
.phone-expansion-mv__head small i {
  width: 20px;
}
.phone-expansion-mv__head small i img {
  width: 100%;
}
.phone-expansion-mv__head em {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 39px;
  font-weight: bold;
}
.phone-expansion-mv__head em i {
  width: 95px;
}
.phone-expansion-mv__head em i img {
  width: 100%;
}
.phone-expansion-mv__head [data-device=pc] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .phone-expansion-mv__head [data-device=pc] {
    display: none;
  }
}
.phone-expansion-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-expansion-mv__head [data-device=sp] {
    display: block;
  }
}
.phone-expansion-mv__points {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-expansion-mv__points {
    display: none;
  }
}
.phone-expansion-mv__point {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 168px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
.phone-expansion-mv__point small {
  display: flex;
  padding: 3px 12px;
  font-size: 12px;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 20px;
}
.phone-expansion-mv__point small i {
  flex-shrink: 0;
  width: 17px;
}
.phone-expansion-mv__point small i img {
  width: 100%;
}
.phone-expansion-mv__point + .phone-expansion-mv__point {
  border-left: 1px solid #fff;
}
.phone-expansion-mv__lead {
  width: 400px;
  margin: 20px auto 0;
  padding: 5px 0;
  font-size: 18px;
  font-weight: bold;
  color: #4da900;
  text-align: center;
  border-radius: 38px;
  background: #222b2e;
}
@media screen and (max-width: 768px) {
  .phone-expansion-mv__lead {
    display: none;
  }
}
.phone-expansion-mv__lead.-relocation {
  width: 360px;
  padding: 10px 0;
  font-size: 15px;
  color: #1782b7;
}
.phone-expansion-mv__image {
  position: absolute;
  width: fit-content;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-expansion-mv__image {
    display: none;
  }
}
.phone-expansion-mv__image img {
  width: 100%;
}

.phone-expansion-intro {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 960px;
  margin: 25px auto 0;
  padding: 52px 40px;
}
@media screen and (max-width: 768px) {
  .phone-expansion-intro {
    padding: 20px;
    background: #f5f9fc;
  }
}
.phone-expansion-intro__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.phone-expansion-intro__item {
  display: flex;
  justify-content: center;
  align-content: center;
  gap: 10px;
  padding: 10px 30px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  border-radius: 44px;
  background: #e53930;
}
@media screen and (max-width: 768px) {
  .phone-expansion-intro__item {
    padding: 10px 20px;
  }
}
.phone-expansion-intro__item i {
  position: relative;
  width: 15px;
  padding-right: 10px;
  box-sizing: content-box;
}
.phone-expansion-intro__item i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.phone-expansion-intro__item i img {
  width: 100%;
}
.phone-expansion-intro__lead {
  font-size: 22px;
  font-weight: bold;
  color: #e53930;
}
.phone-expansion-intro__txt {
  max-width: 368px;
  font-size: 17px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .phone-expansion-intro__txt {
    max-width: 100%;
  }
}
.phone-expansion-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-expansion-intro__bg {
    display: none;
  }
}
.phone-expansion-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-expansion-reason {
  max-width: 960px;
  margin: 25px auto 0;
}
.phone-expansion-reason__intro {
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.6;
}
.phone-expansion-reason__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-expansion-reason__columns {
    display: flex;
    padding-bottom: 20px;
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-reason__columns::-webkit-scrollbar {
    width: 5px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-reason__columns::-webkit-scrollbar:horizontal {
    height: 10px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-reason__columns::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: #e8442a;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-reason__columns::-webkit-scrollbar-thumb:horizontal {
    background: #e8442a;
    border-radius: 10px;
  }
}
.phone-expansion-reason__column {
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .phone-expansion-reason__column {
    flex-shrink: 0;
    width: 230px;
  }
}
.phone-expansion-reason__heading {
  display: grid;
  align-items: center;
  grid-template-columns: 32px 1fr;
  gap: 15px;
  font-size: 13px;
  color: #fff;
  line-height: 1.6;
  background: #2685bc;
}
.phone-expansion-reason__heading::before {
  content: attr(data-num) ".";
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  background: #206892;
}
.phone-expansion-reason__image img {
  width: 100%;
}
.phone-expansion-reason__item {
  padding: 20px;
}
.phone-expansion-reason__lead {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #2685bc;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
.phone-expansion-reason__txt {
  margin-top: 10px;
  font-size: 15px;
}

.phone-expansion-example {
  max-width: 960px;
  margin: 30px auto 0;
}
.phone-expansion-example__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-expansion-example__columns {
    display: flex;
    padding-bottom: 20px;
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-example__columns::-webkit-scrollbar {
    width: 5px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-example__columns::-webkit-scrollbar:horizontal {
    height: 10px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-example__columns::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: #e8442a;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-example__columns::-webkit-scrollbar-thumb:horizontal {
    background: #e8442a;
    border-radius: 10px;
  }
}
.phone-expansion-example__column {
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .phone-expansion-example__column {
    flex-shrink: 0;
    width: 285px;
  }
}
.phone-expansion-example__column dt {
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  font-weight: 400;
  color: #fff;
  background: #2685bc;
}
.phone-expansion-example__column dt::before {
  content: attr(data-num) ".";
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  background: #206892;
}
.phone-expansion-example__column dt span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-expansion-example__column dt span {
    gap: maw(1.3333333333vw, 5px);
    font-size: clamp(13px, 3.4666666667vw, 15px);
  }
}
.phone-expansion-example__column dt small {
  padding: 3px 10px;
  font-size: 10px;
  border-radius: 22px;
  background: #206892;
}
.phone-expansion-example__column dd {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-expansion-example__column dd {
    font-size: clamp(14px, 3.7333333333vw, 15px);
  }
}
.phone-expansion-example__column dd span {
  display: block;
  padding: 20px;
}
.phone-expansion-example__column.-flow dt {
  gap: 20px;
  background: #f26419;
}
.phone-expansion-example__column.-flow dt::before {
  background: #d05615;
}
.phone-expansion-example__column.-flow dt span {
  justify-content: flex-start;
}
.phone-expansion-example__column.-flow dd {
  text-align: left;
}
.phone-expansion-example__image img {
  width: 100%;
}

.phone-expansion-example-intro {
  position: relative;
  margin-top: 20px;
  padding: 25px;
}
@media screen and (max-width: 768px) {
  .phone-expansion-example-intro {
    background: #f7faff;
  }
}
.phone-expansion-example-intro__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .phone-expansion-example-intro__wrap {
    display: grid;
    gap: 20px;
  }
}
.phone-expansion-example-intro__item {
  display: grid;
  gap: 20px;
}
.phone-expansion-example-intro__lead {
  width: 300px;
  padding: 10px 0;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  border-radius: 44px;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-expansion-example-intro__lead {
    width: 100%;
    max-width: 300px;
  }
}
.phone-expansion-example-intro__lead em {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.phone-expansion-example-intro__lead i {
  position: relative;
  flex-shrink: 0;
  width: 16px;
  padding-right: 10px;
  box-sizing: content-box;
}
.phone-expansion-example-intro__lead i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #fff;
}
.phone-expansion-example-intro__lead i img {
  width: 100%;
}
.phone-expansion-example-intro__image {
  width: 261px;
  padding-right: 24px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .phone-expansion-example-intro__image {
    width: 69.6vw;
    margin: 0 auto;
    padding-right: 0;
  }
}
.phone-expansion-example-intro__image img {
  width: 100%;
}
.phone-expansion-example-intro__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0 10px;
  margin-top: 10px;
}
.phone-expansion-example-intro__column img {
  width: 100%;
}
.phone-expansion-example-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-expansion-example-intro__bg {
    display: none;
  }
}
.phone-expansion-example-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-expansion-step {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 960px;
  margin: 25px auto 0;
}
@media screen and (max-width: 768px) {
  .phone-expansion-step {
    display: flex;
    padding-bottom: 20px;
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-step::-webkit-scrollbar {
    width: 5px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-step::-webkit-scrollbar:horizontal {
    height: 10px;
    background: #ccc;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-step::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background: #e8442a;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .phone-expansion-step::-webkit-scrollbar-thumb:horizontal {
    background: #e8442a;
    border-radius: 10px;
  }
}
.phone-expansion-step__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-expansion-step__column {
    flex-shrink: 0;
    width: 188px;
  }
}
.phone-expansion-step__heading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 10px 15px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  text-align: center;
}
.phone-expansion-step__heading::before {
  content: attr(data-attr);
  position: absolute;
  width: 80px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 0;
  text-transform: uppercase;
  background: #206892;
}
.phone-expansion-step__heading.-last {
  background: #206892;
}
.phone-expansion-step__heading.-last::before {
  background: #2685bc;
}
.phone-expansion-step__image {
  order: -1;
}
.phone-expansion-step__image img {
  width: 100%;
}

.page-office110-information {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page-office110-information {
    margin: 0 -4vw;
  }
}
.page-office110-information__head {
  display: grid;
  grid-template-columns: 195px 1fr;
  gap: 20px;
  align-items: center;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.6;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .page-office110-information__head {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-bottom: 10px;
    font-size: clamp(18px, 4.8vw, 23px);
    text-align: center;
  }
}
.page-office110-information__head i {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 110px;
  background: #d12b10;
}
@media screen and (max-width: 768px) {
  .page-office110-information__head i {
    height: 13.3333333333vw;
    min-height: 50px;
  }
}
.page-office110-information__head i span {
  width: 130px;
}
@media screen and (max-width: 768px) {
  .page-office110-information__head i span {
    width: 21.3333333333vw;
    min-width: 80px;
  }
}
.page-office110-information__head i img {
  width: 100%;
}
.page-office110-information__wrap {
  position: relative;
  display: grid;
  gap: 20px;
  padding: 50px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page-office110-information__wrap {
    padding: 30px 8vw;
  }
}
.page-office110-information__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 530px;
}
@media screen and (max-width: 768px) {
  .page-office110-information__list {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.page-office110-information__list li {
  display: flex;
  align-items: center;
  gap: 9px;
}
.page-office110-information__list li i {
  flex-shrink: 0;
  width: 15px;
}
.page-office110-information__list li i img {
  width: 100%;
}
.page-office110-information__txt {
  font-weight: bold;
}
.page-office110-information__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-office110-information__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-age {
  max-width: 960px;
  margin: 25px auto 0;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .page-age {
    border: none;
  }
}
.page-age__tabs {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .page-age__tabs {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 20px;
    border-bottom: none;
    border-top: 1px solid #d9dae0;
    border-left: 1px solid #d9dae0;
  }
}
.page-age__tab {
  display: contents;
}
.page-age__tab + .page-age__tab [role=tab] {
  border-left: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .page-age__tab + .page-age__tab [role=tab] {
    border-left: none;
  }
}
.page-age__btn {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-rows: subgrid;
  grid-row: span 2;
  padding: 20px 15px 15px;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.25;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-age__btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding: 0;
    white-space: normal;
    border-bottom: 1px solid #d9dae0;
    border-right: 1px solid #d9dae0;
  }
}
.page-age__btn::after {
  content: attr(data-attr);
  font-size: 9px;
  line-height: 1.3333333333;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .page-age__btn::after {
    font-size: 10px;
    line-height: 1.6;
  }
}
.page-age__btn:hover {
  opacity: 1;
  color: #fff;
  background: #06a;
}
.page-age__btn[aria-selected=true] {
  color: #fff;
  background: #06a;
}
@media screen and (max-width: 768px) {
  .page-age__items {
    border-top: 1px solid #d9dae0;
  }
}
.page-age__item {
  padding: 20px 34px;
}
@media screen and (max-width: 768px) {
  .page-age__item {
    padding: 0 15px;
  }
}
.page-age__item[aria-hidden=true] {
  display: none;
}
.page-age__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 640px;
  margin: 0 auto;
  padding: 15px 0 25px;
  font-size: 33px;
  border-bottom: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .page-age__heading {
    gap: 10px;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 20px 0 0;
    word-break: auto-phrase;
    font-size: min(4.8vw, 33px);
    line-height: 1.8333333333;
    font-weight: bold;
    border-bottom: none;
  }
}
.page-age__heading span {
  flex-shrink: 0;
  width: fit-content;
}
.page-age__heading span img {
  width: 100%;
}
.page-age__content {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page-age__content {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page-age__fig {
    display: none;
  }
}
.page-age__fig img {
  width: 100%;
}
.page-age__columns {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .page-age__columns {
    position: inherit;
    display: grid;
    grid-template-columns: repeat(var(--_columns, 3), 1fr);
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    border-left: 1px solid #d9dae0;
  }
}
.page-age__column {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .page-age__column {
    position: inherit;
    border-top: 1px solid #d9dae0;
    border-right: 1px solid #d9dae0;
    border-bottom: 1px solid #d9dae0;
  }
}
@media screen and (max-width: 768px) {
  .page-age__column:nth-child(n+4) {
    border-top: none;
  }
}
[data-maker=NTT] > .page-age__column.-type-1 {
  top: 63px;
  left: 455px;
}
@media screen and (max-width: 768px) {
  [data-maker=NTT] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff9021;
  }
}
[data-maker=NTT] > .page-age__column.-type-2 {
  top: 135px;
  left: 130px;
}
@media screen and (max-width: 768px) {
  [data-maker=NTT] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff8021;
  }
}
[data-maker=NTT] > .page-age__column.-type-3 {
  top: 240px;
  left: 415px;
}
@media screen and (max-width: 768px) {
  [data-maker=NTT] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff7021;
  }
}
[data-maker=NTT] > .page-age__column.-type-4 {
  top: 260px;
  left: 130px;
}
@media screen and (max-width: 768px) {
  [data-maker=NTT] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff6521;
  }
}
[data-maker=NTT] > .page-age__column.-type-5 {
  top: 425px;
  left: 415px;
}
@media screen and (max-width: 768px) {
  [data-maker=NTT] > .page-age__column.-type-5 {
    top: 0;
    left: 0;
    background: #ff6021;
  }
}
[data-maker=NTT] > .page-age__column.-type-6 {
  top: 390px;
  left: 130px;
}
@media screen and (max-width: 768px) {
  [data-maker=NTT] > .page-age__column.-type-6 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker=NTT] > .page-age__column.-type-7 {
  top: 505px;
  left: 130px;
}
@media screen and (max-width: 768px) {
  [data-maker=NTT] > .page-age__column.-type-7 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=NTT] > .page-age__column.-type-8 {
  top: 600px;
  left: 415px;
}
@media screen and (max-width: 768px) {
  [data-maker=NTT] > .page-age__column.-type-8 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=NTT] > .page-age__column.-type-9 {
  top: 625px;
  left: 130px;
}
@media screen and (max-width: 768px) {
  [data-maker=NTT] > .page-age__column.-type-9 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=SAXA] > .page-age__column.-type-1 {
  top: 70px;
  left: 440px;
}
@media screen and (max-width: 768px) {
  [data-maker=SAXA] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff7021;
  }
}
[data-maker=SAXA] > .page-age__column.-type-2 {
  top: 115px;
  left: 140px;
}
@media screen and (max-width: 768px) {
  [data-maker=SAXA] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff6521;
  }
}
[data-maker=SAXA] > .page-age__column.-type-3 {
  top: 275px;
  left: 140px;
}
@media screen and (max-width: 768px) {
  [data-maker=SAXA] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff6021;
  }
}
[data-maker=SAXA] > .page-age__column.-type-4 {
  top: 450px;
  left: 440px;
}
@media screen and (max-width: 768px) {
  [data-maker=SAXA] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker=SAXA] > .page-age__column.-type-5 {
  top: 435px;
  left: 140px;
}
@media screen and (max-width: 768px) {
  [data-maker=SAXA] > .page-age__column.-type-5 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=SAXA] > .page-age__column.-type-6 {
  top: 570px;
  left: 440px;
}
@media screen and (max-width: 768px) {
  [data-maker=SAXA] > .page-age__column.-type-6 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=SAXA] > .page-age__column.-type-7 {
  top: 600px;
  left: 140px;
}
@media screen and (max-width: 768px) {
  [data-maker=SAXA] > .page-age__column.-type-7 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=IWATSU] > .page-age__column.-type-1 {
  top: 70px;
  left: 450px;
}
@media screen and (max-width: 768px) {
  [data-maker=IWATSU] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff9021;
  }
}
[data-maker=IWATSU] > .page-age__column.-type-2 {
  top: 135px;
  left: 110px;
}
@media screen and (max-width: 768px) {
  [data-maker=IWATSU] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff8021;
  }
}
[data-maker=IWATSU] > .page-age__column.-type-3 {
  top: 210px;
  left: 450px;
}
@media screen and (max-width: 768px) {
  [data-maker=IWATSU] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff7021;
  }
}
[data-maker=IWATSU] > .page-age__column.-type-4 {
  top: 420px;
  left: 110px;
}
@media screen and (max-width: 768px) {
  [data-maker=IWATSU] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff6521;
  }
}
[data-maker=IWATSU] > .page-age__column.-type-5 {
  top: 325px;
  left: 450px;
}
@media screen and (max-width: 768px) {
  [data-maker=IWATSU] > .page-age__column.-type-5 {
    top: 0;
    left: 0;
    background: #ff6021;
  }
}
[data-maker=IWATSU] > .page-age__column.-type-6 {
  top: 270px;
  left: 110px;
}
@media screen and (max-width: 768px) {
  [data-maker=IWATSU] > .page-age__column.-type-6 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker=IWATSU] > .page-age__column.-type-7 {
  top: 615px;
  left: 110px;
}
@media screen and (max-width: 768px) {
  [data-maker=IWATSU] > .page-age__column.-type-7 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=IWATSU] > .page-age__column.-type-8 {
  top: 590px;
  left: 450px;
}
@media screen and (max-width: 768px) {
  [data-maker=IWATSU] > .page-age__column.-type-8 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=IWATSU] > .page-age__column.-type-9 {
  top: 445px;
  left: 450px;
}
@media screen and (max-width: 768px) {
  [data-maker=IWATSU] > .page-age__column.-type-9 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=NAKAYO] > .page-age__column.-type-1 {
  top: 80px;
  left: 140px;
}
@media screen and (max-width: 768px) {
  [data-maker=NAKAYO] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker=NAKAYO] > .page-age__column.-type-2 {
  top: 360px;
  left: 440px;
}
@media screen and (max-width: 768px) {
  [data-maker=NAKAYO] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=NAKAYO] > .page-age__column.-type-3 {
  top: 590px;
  left: 140px;
}
@media screen and (max-width: 768px) {
  [data-maker=NAKAYO] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=NAKAYO] > .page-age__column.-type-4 {
  top: 630px;
  left: 440px;
}
@media screen and (max-width: 768px) {
  [data-maker=NAKAYO] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=HITACHI] > .page-age__column.-type-1 {
  top: 140px;
  left: 140px;
}
@media screen and (max-width: 768px) {
  [data-maker=HITACHI] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker=HITACHI] > .page-age__column.-type-2 {
  top: 320px;
  left: 430px;
}
@media screen and (max-width: 768px) {
  [data-maker=HITACHI] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=HITACHI] > .page-age__column.-type-3 {
  top: 540px;
  left: 140px;
}
@media screen and (max-width: 768px) {
  [data-maker=HITACHI] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=HITACHI] > .page-age__column.-type-4 {
  top: 640px;
  left: 430px;
}
@media screen and (max-width: 768px) {
  [data-maker=HITACHI] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=NEC] > .page-age__column.-type-1 {
  top: 150px;
  left: 130px;
}
@media screen and (max-width: 768px) {
  [data-maker=NEC] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=NEC] > .page-age__column.-type-2 {
  top: 320px;
  left: 440px;
}
@media screen and (max-width: 768px) {
  [data-maker=NEC] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=NEC] > .page-age__column.-type-3 {
  top: 590px;
  left: 130px;
}
@media screen and (max-width: 768px) {
  [data-maker=NEC] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=Panasonic] > .page-age__column.-type-1 {
  top: 320px;
  left: 140px;
}
@media screen and (max-width: 768px) {
  [data-maker=Panasonic] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=Panasonic] > .page-age__column.-type-2 {
  top: 590px;
  left: 430px;
}
@media screen and (max-width: 768px) {
  [data-maker=Panasonic] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=Canon] > .page-age__column.-type-1 {
  top: 85px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=Canon] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker=Canon] > .page-age__column.-type-2 {
  top: 220px;
  left: 420px;
}
@media screen and (max-width: 768px) {
  [data-maker=Canon] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=Canon] > .page-age__column.-type-3 {
  top: 360px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=Canon] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=Canon] > .page-age__column.-type-4 {
  top: 490px;
  left: 420px;
}
@media screen and (max-width: 768px) {
  [data-maker=Canon] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=SHARP] > .page-age__column.-type-1 {
  top: 100px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=SHARP] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff6021;
  }
}
[data-maker=SHARP] > .page-age__column.-type-2 {
  top: 225px;
  left: 420px;
}
@media screen and (max-width: 768px) {
  [data-maker=SHARP] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker=SHARP] > .page-age__column.-type-3 {
  top: 330px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=SHARP] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=SHARP] > .page-age__column.-type-4 {
  top: 365px;
  left: 420px;
}
@media screen and (max-width: 768px) {
  [data-maker=SHARP] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=SHARP] > .page-age__column.-type-5 {
  top: 550px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=SHARP] > .page-age__column.-type-5 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=TOSHIBA] > .page-age__column.-type-1 {
  top: 100px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=TOSHIBA] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff6521;
  }
}
[data-maker=TOSHIBA] > .page-age__column.-type-2 {
  top: 180px;
  left: 420px;
}
@media screen and (max-width: 768px) {
  [data-maker=TOSHIBA] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff6021;
  }
}
[data-maker=TOSHIBA] > .page-age__column.-type-3 {
  top: 255px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=TOSHIBA] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=TOSHIBA] > .page-age__column.-type-4 {
  top: 365px;
  left: 420px;
}
@media screen and (max-width: 768px) {
  [data-maker=TOSHIBA] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=TOSHIBA] > .page-age__column.-type-5 {
  top: 415px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=TOSHIBA] > .page-age__column.-type-5 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=RICOH] > .page-age__column.-type-1 {
  top: 100px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=RICOH] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff6021;
  }
}
[data-maker=RICOH] > .page-age__column.-type-2 {
  top: 175px;
  left: 400px;
}
@media screen and (max-width: 768px) {
  [data-maker=RICOH] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker=RICOH] > .page-age__column.-type-3 {
  top: 280px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=RICOH] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=RICOH] > .page-age__column.-type-4 {
  top: 365px;
  left: 400px;
}
@media screen and (max-width: 768px) {
  [data-maker=RICOH] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=RICOH] > .page-age__column.-type-5 {
  top: 490px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker=RICOH] > .page-age__column.-type-5 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=KYOCERA] > .page-age__column.-type-1 {
  top: 85px;
  left: 125px;
}
@media screen and (max-width: 768px) {
  [data-maker=KYOCERA] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff6021;
  }
}
[data-maker=KYOCERA] > .page-age__column.-type-2 {
  top: 225px;
  left: 420px;
}
@media screen and (max-width: 768px) {
  [data-maker=KYOCERA] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff6521;
  }
}
[data-maker=KYOCERA] > .page-age__column.-type-3 {
  top: 380px;
  left: 125px;
}
@media screen and (max-width: 768px) {
  [data-maker=KYOCERA] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=KYOCERA] > .page-age__column.-type-4 {
  top: 450px;
  left: 400px;
}
@media screen and (max-width: 768px) {
  [data-maker=KYOCERA] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=KYOCERA] > .page-age__column.-type-5 {
  top: 600px;
  left: 125px;
}
@media screen and (max-width: 768px) {
  [data-maker=KYOCERA] > .page-age__column.-type-5 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker="KONICA MINOLTA"] > .page-age__column.-type-1 {
  top: 100px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker="KONICA MINOLTA"] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff6021;
  }
}
[data-maker="KONICA MINOLTA"] > .page-age__column.-type-2 {
  top: 180px;
  left: 420px;
}
@media screen and (max-width: 768px) {
  [data-maker="KONICA MINOLTA"] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker="KONICA MINOLTA"] > .page-age__column.-type-3 {
  top: 360px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker="KONICA MINOLTA"] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker="KONICA MINOLTA"] > .page-age__column.-type-4 {
  top: 450px;
  left: 420px;
}
@media screen and (max-width: 768px) {
  [data-maker="KONICA MINOLTA"] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker="KONICA MINOLTA"] > .page-age__column.-type-5 {
  top: 505px;
  left: 120px;
}
@media screen and (max-width: 768px) {
  [data-maker="KONICA MINOLTA"] > .page-age__column.-type-5 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
[data-maker=fujifilm] > .page-age__column.-type-1 {
  top: 105px;
  left: 110px;
}
@media screen and (max-width: 768px) {
  [data-maker=fujifilm] > .page-age__column.-type-1 {
    top: 0;
    left: 0;
    background: #ff6021;
  }
}
[data-maker=fujifilm] > .page-age__column.-type-2 {
  top: 225px;
  left: 400px;
}
@media screen and (max-width: 768px) {
  [data-maker=fujifilm] > .page-age__column.-type-2 {
    top: 0;
    left: 0;
    background: #ff5521;
  }
}
[data-maker=fujifilm] > .page-age__column.-type-3 {
  top: 325px;
  left: 110px;
}
@media screen and (max-width: 768px) {
  [data-maker=fujifilm] > .page-age__column.-type-3 {
    top: 0;
    left: 0;
    background: #ff5021;
  }
}
[data-maker=fujifilm] > .page-age__column.-type-4 {
  top: 365px;
  left: 400px;
}
@media screen and (max-width: 768px) {
  [data-maker=fujifilm] > .page-age__column.-type-4 {
    top: 0;
    left: 0;
    background: #ff4521;
  }
}
[data-maker=fujifilm] > .page-age__column.-type-5 {
  top: 550px;
  left: 110px;
}
@media screen and (max-width: 768px) {
  [data-maker=fujifilm] > .page-age__column.-type-5 {
    top: 0;
    left: 0;
    background: #ff4021;
  }
}
.page-age__detail {
  position: absolute;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .page-age__detail {
    position: inherit;
    display: contents;
    width: auto;
    height: auto;
    white-space: normal;
  }
}
.page-age__data {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  font-weight: bold;
  color: #fff;
}
.page-age__data span {
  font-size: clamp(15px, 4vw, 18px);
}
.page-age__data em {
  font-size: clamp(12px, 3.2vw, 16px);
  line-height: 1.1666666667;
}
.page-age__image {
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #d9dae0;
  background: #fff;
}
.page-age__image span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20vw;
}
.page-age__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-age__more {
  position: relative;
  display: flex;
  align-items: center;
  width: 148px;
  padding: 5px 25px 3px 30px;
  font-size: 13px;
  line-height: 1.6;
  border: 1px solid #d9dae0;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .page-age__more {
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    font-size: min(3.4666666667vw, 16px);
    border: none;
  }
}
.page-age__more::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 6px;
  top: calc(50% - 1px);
  left: 15px;
  transform: translateY(-50%);
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  rotate: 45deg;
}
@media screen and (max-width: 768px) {
  .page-age__more::before {
    content: none;
  }
}
.page-age__more:hover {
  opacity: 1;
  color: #fff;
  background: #494c5f;
}
.page-age__more:hover::before {
  border-top: 1px solid #fb4022;
  border-right: 1px solid #fb4022;
}

.phone-construction-mv {
  overflow: hidden;
  background: linear-gradient(to bottom, #c5c5c5 0%, #efefef 42%, #efefef 42%, #efefef 64%, #c5c5c5 100%);
}
.phone-construction-mv__wrap {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-construction-mv__wrap {
    width: 100vw;
    margin: 0 -4vw;
  }
}
.phone-construction-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 545px;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .phone-construction-mv__item {
    max-width: 100%;
    min-height: 0;
  }
}
.phone-construction-mv__head {
  width: 410px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .phone-construction-mv__head {
    width: 100%;
  }
}
.phone-construction-mv__head span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.phone-construction-mv__head small {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.phone-construction-mv__head em {
  width: 100%;
}
.phone-construction-mv__head img {
  width: 100%;
}
.phone-construction-mv__head [data-device=pc] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .phone-construction-mv__head [data-device=pc] {
    display: none;
  }
}
.phone-construction-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-construction-mv__head [data-device=sp] {
    display: block;
  }
}
.phone-construction-mv__columns {
  display: grid;
  grid-template-columns: repeat(3, 130px);
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-construction-mv__columns {
    display: none;
  }
}
.phone-construction-mv__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}
.phone-construction-mv__column i {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
}
.phone-construction-mv__column i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.phone-construction-mv__column.-type-1 {
  color: #2685bc;
}
.phone-construction-mv__column.-type-1 i {
  width: 28px;
}
.phone-construction-mv__column.-type-2 {
  color: #d05615;
}
.phone-construction-mv__column.-type-2 i {
  width: 17px;
}
.phone-construction-mv__column.-type-3 {
  color: #709851;
}
.phone-construction-mv__column.-type-3 i {
  width: 13px;
}
.phone-construction-mv__column + .phone-construction-mv__column {
  position: relative;
}
.phone-construction-mv__column + .phone-construction-mv__column::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
}
.phone-construction-mv__lead {
  width: 350px;
  margin: 20px auto 0;
  padding: 15px 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 38px;
  background: #222b2e;
}
@media screen and (max-width: 768px) {
  .phone-construction-mv__lead {
    display: none;
  }
}
.phone-construction-mv__image {
  position: absolute;
  width: 379px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-construction-mv__image {
    display: none;
  }
}
.phone-construction-mv__image img {
  width: 100%;
}

.phone-construction-merit {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-construction-merit {
    display: flex;
  }
}
.phone-construction-merit__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 15px;
  line-height: 1.6;
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .phone-construction-merit__item {
    flex-shrink: 0;
    width: 230px;
  }
}
.phone-construction-merit__item dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.phone-construction-merit__item dt::before {
  content: attr(data-attr);
  width: 100%;
  padding: 10px 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #2685bc;
}
.phone-construction-merit__item dt i {
  width: 100%;
  margin-bottom: 20px;
}
.phone-construction-merit__item dt i img {
  width: 100%;
}
.phone-construction-merit__item dd {
  position: relative;
  padding: 10px 20px 20px;
}
.phone-construction-merit__item dd::before {
  content: "";
  position: absolute;
  width: calc(100% - 40px);
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e7e7e7;
}

.phone-construction-intro {
  position: relative;
  display: grid;
  gap: 10px;
  min-height: var(--_height-PC, 0);
  margin-top: 20px;
  padding: 36px 40px 38px;
  background: var(--_backgrond-PC, none);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-construction-intro {
    min-height: var(--_height-SP, var(--_height-PC, 0));
    padding: 25px clamp(25px, 6.6666666667vw, 40px);
    background: var(--_backgrond-SP, var(--_background-PC, #eee));
  }
}
@media screen and (max-width: 768px) {
  .phone-construction-intro.-type-1 {
    padding: 35px clamp(20px, 5.3333333333vw, 40px);
  }
}
.phone-construction-intro__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.phone-construction-intro__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 30px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  border-radius: 44px;
  background: var(--_color, #2685bc);
}
@media screen and (max-width: 768px) {
  .phone-construction-intro__list li {
    padding: max(0.8vw, 3px) 15px;
    font-size: clamp(12px, 3.2vw, 15px);
  }
}
.phone-construction-intro__list li i {
  position: relative;
  flex-shrink: 0;
  width: var(--_width-PC, 20px);
  padding-right: 10px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .phone-construction-intro__list li i {
    width: var(--_width-SP, 14px);
  }
}
.phone-construction-intro__list li i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.phone-construction-intro__list li i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__list {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__list li {
    font-size: 15px;
  }
}
.phone-construction-intro__lead {
  font-size: 20px;
  font-weight: bold;
  color: var(--_color, #2685bc);
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-construction-intro__lead {
    font-size: clamp(17px, 4.5333333333vw, 20px);
  }
}
.-type-1 > .phone-construction-intro__lead {
  position: relative;
  text-indent: 30px;
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__lead {
    font-size: clamp(19px, 5.0666666667vw, 20px);
  }
}
.-type-1 > .phone-construction-intro__lead i {
  position: absolute;
  width: 24px;
  top: 5px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__lead i {
    top: 4px;
  }
}
.-type-1 > .phone-construction-intro__lead i img {
  width: 100%;
}
.-type-1 > .phone-construction-intro__lead em {
  background: linear-gradient(transparent 60%, #f0e000 60%);
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__lead em {
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__lead.-type-1 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__lead.-type-1 i {
    top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__lead.-type-1 em {
    font-size: 24px;
    text-align: center;
  }
}
.phone-construction-intro__txt {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .phone-construction-intro__txt {
    font-size: clamp(13px, 3.4666666667vw, 15px);
  }
}
.-type-1 > .phone-construction-intro__txt {
  width: 440px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__txt {
    width: 100%;
    font-size: 15px;
  }
}
.phone-construction-intro__bg {
  position: absolute;
  width: 100%;
  max-width: var(--_width-PC, 100%);
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-construction-intro__bg {
    display: none;
  }
}
.phone-construction-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phone-construction-intro__bg.-right img {
  object-position: right top;
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__bg {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-construction-intro__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
  }
}
.phone-construction-intro__links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 30px 10px;
  margin-top: 48px;
}
.phone-construction-intro__link {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}
.phone-construction-intro__link span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 28px 20px 16px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  background: #2685bc;
}
.phone-construction-intro__link span small {
  position: absolute;
  width: 193px;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 0;
  font-size: 13px;
  text-align: center;
  background: #206892;
}
.phone-construction-intro__link span i {
  flex-shrink: 0;
  width: 18px;
}
.phone-construction-intro__link span i img {
  width: 100%;
}
.phone-construction-intro__link a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 15px;
  font-size: 24px;
  color: #2685bc;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-construction-intro__link a {
    font-size: 22px;
  }
}
.phone-construction-intro__link a i {
  position: relative;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  padding-right: 2px;
  border-radius: 50%;
  background: #2685bc;
}
.phone-construction-intro__link a i::before {
  content: "";
  aspect-ratio: 1;
  width: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}

.phone-construction-point {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-construction-point {
    display: flex;
  }
}
.phone-construction-point__item {
  font-size: 15px;
  line-height: 1.6;
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .phone-construction-point__item {
    flex-shrink: 0;
    width: 230px;
  }
}
.phone-construction-point__item dt {
  position: relative;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  text-align: center;
  background: #e5e5e5;
}
.phone-construction-point__item dt::before {
  content: attr(data-attr);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 44px;
  top: 0;
  left: 0;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  background: var(--_color, #2685bc);
}
@media screen and (max-width: 768px) {
  .phone-construction-point__item dt::before {
    width: 116px;
  }
}
.phone-construction-point__item dt i img {
  width: 100%;
}
.phone-construction-point__item dt span {
  padding: 10px 0;
}
.phone-construction-point__item dd {
  padding: 15px;
}

.phone-construction-data {
  margin-top: 30px;
}
.phone-construction-data__tabs {
  display: grid;
  grid-template-columns: repeat(var(--_columns, 3), 1fr);
  gap: 2px;
  border-bottom: 10px solid var(--_color, #206791);
}
@media screen and (max-width: 768px) {
  .phone-construction-data__tabs {
    grid-template-columns: 1fr;
    border-bottom: none;
  }
}
.phone-construction-data__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  background: var(--_sub-color, #2685bc);
  transition: background-color 0.3s;
}
@media screen and (max-width: 768px) {
  .phone-construction-data__btn {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .phone-construction-data__btn::after {
    content: "";
    position: absolute;
    aspect-ratio: 1;
    width: 12px;
    top: 50%;
    right: 20px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(225deg);
  }
}
.phone-construction-data__btn:hover {
  opacity: 1;
  background: var(--_color, #206791);
}
.phone-construction-data__btn[aria-selected=true] {
  background: var(--_color, #206791);
}
@media screen and (max-width: 768px) {
  .phone-construction-data__btn[aria-selected=true]::after {
    transform: translateY(-50%) rotate(45deg);
  }
}
.phone-construction-data__item {
  padding: 45px 35px 30px;
  background: #eee;
}
@media screen and (max-width: 768px) {
  .phone-construction-data__item {
    padding: 30px 20px 20px;
  }
}
.phone-construction-data__item[aria-hidden=true] {
  display: none;
}
.phone-construction-data__heading {
  display: grid;
  align-items: center;
  grid-template-columns: 20px 1fr;
  gap: 7px;
  font-size: 18px;
  font-weight: bold;
  color: var(--_color, #206791);
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-construction-data__heading {
    font-size: clamp(16px, 4.2666666667vw, 18px);
  }
}
.phone-construction-data__heading i img {
  width: 100%;
}
.phone-construction-data__txt {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .phone-construction-data__txt {
    margin-top: 10px;
  }
}
.phone-construction-data__txt em {
  color: var(--_sub-color, #2685bc);
}
.phone-construction-data__row {
  margin-top: 30px;
}
.phone-construction-data__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-construction-data__columns {
    display: flex;
    gap: 20px;
  }
}
.phone-construction-data__column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-construction-data__column {
    flex-shrink: 0;
    width: 230px;
  }
}
.phone-construction-data__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.phone-construction-data__column dt i {
  display: grid;
  align-items: center;
  grid-template-columns: 35px 1fr;
  gap: 30px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1.6;
  text-transform: uppercase;
  background: var(--_sub-color, #2685bc);
}
.phone-construction-data__column dt i::before {
  content: attr(data-num) ".";
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  background: var(--_color, #206791);
}
.phone-construction-data__column dt span {
  color: var(--_color, #2685bc);
  text-align: center;
}
.phone-construction-data__column dd {
  position: relative;
  padding: 10px 10px 15px;
}
@media screen and (max-width: 768px) {
  .phone-construction-data__column dd {
    font-size: 14px;
    line-height: 1.6;
  }
}
.phone-construction-data__column dd::before {
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #ccc;
}

.phone-ip-intro__image {
  max-width: 770px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .phone-ip-intro__image {
    margin-bottom: 20px;
  }
}
.phone-ip-intro__image img {
  width: 100%;
}
.phone-ip-intro__txt {
  margin-top: 30px;
  word-break: auto-phrase;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-ip-intro__txt {
    margin-top: 20px;
    word-break: break-all;
    text-align: left;
  }
}
.phone-ip-intro__txt em {
  font-size: 18px;
  color: #ff4021;
}
@media screen and (max-width: 768px) {
  .phone-ip-intro__txt em {
    font-size: 14px;
    color: currentColor;
  }
}
.phone-ip-intro__fig {
  max-width: 770px;
  margin: 30px auto 0;
}
.phone-ip-intro__fig img {
  width: 100%;
}

.phone-ip-merit {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 30px;
}
@media screen and (max-width: 768px) {
  .phone-ip-merit {
    grid-template-columns: 1fr;
  }
}
.phone-ip-merit__column {
  padding: 2px;
  border: 1px solid #d9dae0;
}
.phone-ip-merit__column dt {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.25;
  font-weight: bold;
  color: #fff;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  .phone-ip-merit__column dt {
    padding: clamp(7px, 1.8666666667vw, 10px) 0;
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.phone-ip-merit__column dd {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px 20px;
  font-size: 13px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-ip-merit__column dd {
    gap: 10px;
    padding: 20px;
    font-size: 14px;
  }
}
.phone-ip-merit__column dd i {
  width: 155px;
  margin: 0 auto;
}
.phone-ip-merit__column dd i img {
  width: 100%;
}
.phone-ip-merit__column dd span {
  width: 100%;
  padding-top: 15px;
  border-top: 1px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-ip-merit__column dd span {
    padding-top: 10px;
  }
}

.phone-ip-about {
  display: grid;
  grid-template-columns: 225px 1fr;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .phone-ip-about {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.phone-ip-about__image {
  padding: 20px;
  border-right: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-ip-about__image {
    width: 60vw;
    min-width: 225px;
    border-right: none;
  }
}
.phone-ip-about__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .phone-ip-about__txt {
    padding-top: 20px;
    border-top: 1px solid #d9dae0;
  }
}
.phone-ip-about__txt em {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-ip-about__txt em {
    font-size: 14px;
  }
}

.phone-ip-scene {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .phone-ip-scene {
    grid-template-columns: 1fr;
  }
}
.phone-ip-scene__column {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 2px;
  border: 1px solid #d9dae0;
}
.phone-ip-scene__column dt {
  display: flex;
  justify-content: center;
  padding: 7px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  .phone-ip-scene__column dt {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.phone-ip-scene__column dd {
  display: flex;
  flex-direction: column;
}
.phone-ip-scene__column dd i img {
  width: 100%;
}
.phone-ip-scene__column dd span {
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-ip-scene__column dd span {
    padding: max(2.6666666667vw, 10px);
    font-size: 14px;
  }
}

.phone-telline-intro__columns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
  max-width: 710px;
  margin: 0 auto 30px;
  border-top: 1px solid #d9dae0;
  border-left: 1px solid #d9dae0;
}
.phone-telline-intro__column {
  display: flex;
  align-items: center;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #ff4021;
  line-height: 1.6;
  border-bottom: 1px solid #d9dae0;
  border-right: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-telline-intro__column {
    padding: 10px;
    gap: 10px;
  }
}
.phone-telline-intro__column i {
  flex-shrink: 0;
  width: 30px;
}
.phone-telline-intro__column i img {
  width: 100%;
}
.phone-telline-intro__column span {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .phone-telline-intro__column span {
    justify-content: flex-start;
  }
}
.phone-telline-intro__item {
  border: 1px solid #d9dae0;
}
.phone-telline-intro__item dt {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  font-size: 22px;
  line-height: 1.3636363636;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-telline-intro__item dt {
    font-size: clamp(16px, 4.2666666667vw, 22px);
  }
}
.phone-telline-intro__item dt::before {
  content: "";
  position: absolute;
  width: calc(100% - 100px);
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-telline-intro__item dt::before {
    width: 100%;
  }
}
.phone-telline-intro__item dd {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 40px 50px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-telline-intro__item dd {
    display: flow-root;
    padding: max(4vw, 15px);
  }
}
.phone-telline-intro__item.-vertical dd {
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .phone-telline-intro__item.-vertical dd {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
}
.phone-telline-intro__image {
  flex-shrink: 0;
  width: 110px;
}
@media screen and (max-width: 768px) {
  .phone-telline-intro__image {
    float: left;
    margin-right: 15px;
  }
}
.phone-telline-intro__image img {
  width: 100%;
}
.phone-telline-intro__txt em {
  font-weight: bold;
  color: #ff4021;
}
.phone-telline-intro__txt b {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-telline-intro__txt.-type-1 em {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .phone-telline-intro__txt.-type-1 b {
    font-size: 16px;
  }
}
.phone-telline-intro__links {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.phone-telline-intro__link a {
  display: block;
}
.phone-telline-intro__link img {
  width: 100%;
}

.phone-telline-point__lead {
  display: flex;
  justify-content: center;
  font-size: 18px;
  line-height: 1.1111111111;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-telline-point__lead {
    margin-bottom: 25px;
    line-height: 1.3888888889;
  }
}
.phone-telline-point__lead em {
  padding: 12px 30px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-telline-point__lead em {
    padding: 12px 15px;
  }
}
.phone-telline-point__lead span {
  font-size: 23px;
  color: #ff4021;
}
@media screen and (max-width: 768px) {
  .phone-telline-point__lead span {
    font-size: 20px;
  }
}
.phone-telline-point__lead.-type-1 {
  font-size: 14px;
  line-height: 1.7857142857;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-telline-point__lead.-type-1 {
    text-align: left;
  }
}
.phone-telline-point__lead.-type-1 em {
  padding: 10px 20px;
}
.phone-telline-point__lead.-type-1 span {
  font-size: 16px;
  line-height: 1.5625;
}
.phone-telline-point__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .phone-telline-point__columns {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 25px;
  }
}
.phone-telline-point__column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0 20px 5px;
}
@media screen and (max-width: 768px) {
  .phone-telline-point__column {
    align-items: center;
    gap: 10px;
    padding: 20px 15px 30px;
    border: 1px solid #d9dae0;
  }
}
.phone-telline-point__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  line-height: 1.6;
}
.phone-telline-point__column dt::before {
  content: attr(data-attr);
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 400;
  color: red;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .phone-telline-point__column dt::before {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.phone-telline-point__column dt i {
  order: -1;
  width: 126px;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .phone-telline-point__column dt i {
    margin-bottom: 20px;
  }
}
.phone-telline-point__column dt i img {
  width: 100%;
}
.phone-telline-point__column dd {
  font-size: 14px;
  color: #8b8ea4;
  line-height: 1.6;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .phone-telline-point__column dd {
    color: #494c5f;
  }
}
.phone-telline-point__column + .phone-telline-point__column {
  border-left: 1px dotted #999;
}
.phone-telline-point__image {
  max-width: var(--_width-PC, 100%);
  margin: 20px auto 0;
}
.phone-telline-point__image img {
  width: 100%;
}

.phone-telline-select__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  max-width: 770px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__columns {
    grid-template-columns: 1fr;
    gap: 2px;
    margin-bottom: 20px;
  }
}
.phone-telline-select__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 15px;
  font-size: 18px;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .phone-telline-select__column {
    flex-direction: row;
    padding: 15px;
  }
}
.phone-telline-select__column::before {
  content: attr(data-attr);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.6;
  text-transform: uppercase;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__column::before {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 100%;
    font-size: 12px;
    border-right: 1px solid #fff;
  }
}
@media screen and (max-width: 768px) {
  .phone-telline-select__column span {
    flex-grow: 1;
  }
}
.phone-telline-select__lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__lead {
    align-items: flex-start;
    margin-bottom: 30px;
  }
}
.phone-telline-select__lead i {
  width: 531px;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__lead i {
    display: none;
  }
}
.phone-telline-select__lead i img {
  width: 100%;
}
.phone-telline-select__lead span {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__lead span {
    text-align: left;
  }
}
.phone-telline-select__lead span em {
  font-size: 18px;
  font-weight: bold;
  color: #ff4021;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__lead span em {
    font-size: 14px;
  }
}
.phone-telline-select__rows {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__rows {
    display: grid;
    gap: 20px;
    margin-top: 30px;
  }
}
.phone-telline-select__row {
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__row {
    border: 1px solid #ddd;
  }
}
.phone-telline-select__row a {
  display: flex;
  gap: 30px;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__row a {
    flex-direction: column;
    align-items: center;
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  .phone-telline-select__item {
    width: 100%;
    padding-top: 10px;
    border-top: 1px dotted #d9dae0;
  }
}
.phone-telline-select__heading {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.1111111111;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__heading {
    font-size: clamp(15px, 4vw, 18px);
    line-height: 1.6;
  }
}
.phone-telline-select__txt {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.6;
}
.phone-telline-select__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 255px;
  height: 40px;
  margin-left: auto;
  font-size: 14px;
  color: #fff;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__more {
    width: 68vw;
    min-width: 255px;
    margin: 0 auto;
  }
}
.phone-telline-select__more span {
  position: absolute;
  width: 7px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.phone-telline-select__more span img {
  width: 100%;
}
.phone-telline-select__image {
  order: -1;
  flex-shrink: 0;
  width: 220px;
  border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .phone-telline-select__image {
    width: 230px;
    border: none;
  }
}
.phone-telline-select__image img {
  width: 100%;
}

.phone-telline-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-telline-plan {
    margin-top: 15px;
  }
}
.phone-telline-plan__image {
  max-width: 770px;
  margin: 0 auto 50px;
}
.phone-telline-plan__image img {
  width: 100%;
}
.phone-telline-plan__txt {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-telline-plan__txt {
    width: 76vw;
  }
}
.phone-telline-plan__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 342px;
  height: 50px;
  font-size: 16px;
  color: #ff4021;
  border: 1px solid currentColor;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .phone-telline-plan__more {
    width: 100%;
    height: 54px;
    font-weight: bold;
    border-width: 2px;
  }
}
.phone-telline-plan__more:hover {
  opacity: 1;
  text-decoration: underline;
}

.phone-telline-data {
  margin-top: 30px;
}
.phone-telline-data__row + .phone-telline-data__row {
  margin-top: 40px;
}
.phone-telline-data__wrap {
  display: grid;
  gap: 40px;
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.6666666667;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__wrap {
    gap: 20px;
    font-size: 14px;
    line-height: 1.6;
  }
}
.phone-telline-data__image {
  max-width: var(--_width-PC, 100%);
  margin: 0 auto;
}
.phone-telline-data__image img {
  width: 100%;
}
.phone-telline-data__list li {
  position: relative;
  padding-left: 15px;
}
.phone-telline-data__list li::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 6px;
  top: 8px;
  left: 0;
  rotate: 45deg;
  background: #ff4121;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__list li + li {
    margin-top: 5px;
  }
}
.phone-telline-data__list.-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 500px;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__list.-columns {
    gap: 5px;
  }
}
.phone-telline-data__list.-columns li::before {
  top: 10px;
  width: 4px;
  rotate: 0deg;
  background: currentColor;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__list.-columns li + li {
    margin-top: 0;
  }
}
.phone-telline-data__table {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.phone-telline-data__table th, .phone-telline-data__table td {
  padding: 10px 15px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__table th, .phone-telline-data__table td {
    padding: 10px 8px;
  }
}
.phone-telline-data__table th {
  font-size: var(--_font-size-PC, 16px);
  line-height: 1.25;
  font-weight: bold;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__table th {
    padding: 10px 15px;
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.phone-telline-data__table th small {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__table th small {
    font-size: 11px;
  }
}
.phone-telline-data__table td {
  font-size: 14px;
  line-height: 1.4285714286;
  background: var(--_background, none);
}
@media screen and (max-width: 768px) {
  .phone-telline-data__table td {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}
.phone-telline-data__table td span {
  color: #ff4021;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__table td span {
    display: inline-block;
    font-weight: bold;
    text-align: left;
  }
}
.phone-telline-data__table td small {
  display: inline-block;
  max-width: 300px;
  font-size: 12px;
  line-height: 1.3333333333;
  color: var(--_color, currentColor);
}
@media screen and (max-width: 768px) {
  .phone-telline-data__table td small {
    text-align: left;
  }
}
.phone-telline-data__table td [row-span="3"] {
  width: 112px;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__table.-fix th {
    padding: 10px 0;
    font-size: 13px;
  }
}
.phone-telline-data__dl dt {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .phone-telline-data__dl dt {
    font-weight: bold;
  }
}
.phone-telline-data__dl dt::before {
  content: "【";
}
.phone-telline-data__dl dt::after {
  content: "】";
}
.phone-telline-data__desc {
  border: 1px solid #d9dae0;
}
.phone-telline-data__desc dt {
  display: flex;
  justify-content: center;
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.6;
  border-bottom: 1px solid #d9dae0;
  background: #f9f9fa;
}
.phone-telline-data__desc dd {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 15px 20px;
}
.phone-telline-data__desc dd span {
  max-width: var(--_width-PC, 100%);
}
.phone-telline-data__desc dd span img {
  width: 100%;
}

.phone-otokuline-merit {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-merit {
    margin-top: 35px;
  }
}
.phone-otokuline-merit__rows {
  margin-top: 35px;
}
.phone-otokuline-merit__row {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-merit__row {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
}
.phone-otokuline-merit__row + .phone-otokuline-merit__row {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-merit__row + .phone-otokuline-merit__row {
    margin-top: 30px;
  }
}
.phone-otokuline-merit__image {
  flex-shrink: 0;
  width: 162px;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-merit__image {
    padding-bottom: 0;
  }
}
.phone-otokuline-merit__image img {
  width: 100%;
}
.phone-otokuline-merit__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-top: 12px;
  border-bottom: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-merit__item {
    gap: 5px;
    padding: 0 0 15px;
  }
}
.phone-otokuline-merit__item dt {
  font-size: 18px;
  font-weight: bold;
  color: #ff4021;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-merit__item dt {
    word-break: auto-phrase;
    text-align: center;
  }
}
.phone-otokuline-merit__item dd {
  font-size: 14px;
  line-height: 1.6;
}
.phone-otokuline-merit__item dd em {
  font-size: 18px;
  font-weight: bold;
}

.phone-otokuline-example {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example {
    margin-top: 35px;
  }
}
.phone-otokuline-example__intro {
  display: flex;
  gap: 25px;
  margin-bottom: 15px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example__intro {
    margin-bottom: 25px;
  }
}
.phone-otokuline-example__head {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 250px;
  padding: 7px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  border-right: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example__head {
    width: 28.8vw;
    min-width: 108px;
    max-width: 250px;
    word-break: auto-phrase;
    font-size: clamp(14px, 3.7333333333vw, 18px);
    text-align: center;
  }
}
.phone-otokuline-example__lead {
  display: flex;
  flex-grow: 1;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example__lead {
    padding-right: 10px;
    font-size: clamp(14px, 3.7333333333vw, 18px);
  }
}
.phone-otokuline-example__row + .phone-otokuline-example__row {
  margin-top: 25px;
}
.phone-otokuline-example__heading {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  max-width: 900px;
  margin: 0 auto 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
.phone-otokuline-example__heading::before {
  content: "";
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 8px;
  transform: translateY(7px);
  background: #000;
}
.phone-otokuline-example__wrap {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example__wrap {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.phone-otokuline-example__table {
  flex-grow: 1;
}
.phone-otokuline-example__table th, .phone-otokuline-example__table td {
  padding: 5px 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  vertical-align: middle;
  border: 1px solid #d9dae0;
}
.phone-otokuline-example__table thead th {
  padding: 3px 30px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example__table thead th {
    font-size: clamp(14px, 3.7333333333vw, 16px);
  }
}
.phone-otokuline-example__image {
  flex-shrink: 0;
  width: 242px;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example__image {
    width: 100%;
  }
}
.phone-otokuline-example__image img {
  width: 100%;
}
.phone-otokuline-example__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 25px 40px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example__columns {
    grid-template-columns: 1fr;
    padding: 10px 25px;
  }
}
.phone-otokuline-example__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.phone-otokuline-example__column dt {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.phone-otokuline-example__column dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.6;
}
.phone-otokuline-example__column dd i {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  height: 34px;
}
.phone-otokuline-example__column dd i img {
  width: 100%;
}
.phone-otokuline-example__column dd em {
  position: relative;
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px dotted #ccc;
}
.phone-otokuline-example__column dd em::after {
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example__column dd em::after {
    top: auto;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 28px;
  }
}
.phone-otokuline-example__column dd span {
  margin-top: 13px;
  padding: 0 5px;
  font-size: 12px;
}
.phone-otokuline-example__column.-type-1 dd em::after {
  content: "+";
}
.phone-otokuline-example__column.-type-2 dd em::after {
  content: "-";
}
.phone-otokuline-example__column.-type-3 dd {
  color: #ff4121;
}
.phone-otokuline-example__column.-type-3 dd em::after {
  content: "=";
}
.phone-otokuline-example__column.-type-4 dd em {
  padding-top: 10px;
  font-size: 61px;
  color: #ff4121;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-example__column.-type-4 dd em {
    padding-top: 0;
  }
}

.phone-otokuline-plan {
  margin-top: 60px;
}
.phone-otokuline-plan__row {
  padding: 15px 30px 30px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-plan__row {
    padding: 15px;
  }
}
.phone-otokuline-plan__row + .phone-otokuline-plan__row {
  margin-top: 30px;
}
.phone-otokuline-plan__heading {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  border-bottom: 2px dotted #505365;
}
.phone-otokuline-plan__txt {
  margin-bottom: 25px;
  padding: 0 20px;
  font-size: 14px;
}
.phone-otokuline-plan__table {
  table-layout: fixed;
  width: 100%;
}
.phone-otokuline-plan__table th, .phone-otokuline-plan__table td {
  padding: 11px 12px;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d9dae0;
}
.phone-otokuline-plan__table thead th {
  font-size: 16px;
  background: #f9f9fa;
}

.phone-otokuline-flow {
  margin-top: 30px;
}
.phone-otokuline-flow__item {
  display: flex;
  border: 1px solid #d9dae0;
}
.phone-otokuline-flow__item + .phone-otokuline-flow__item {
  margin-top: 20px;
}
.phone-otokuline-flow__item dt {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 175px;
  padding: 12px 10px;
  border-right: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-flow__item dt {
    width: 24vw;
    padding: 10px;
    min-width: 90px;
    max-width: 175px;
    font-size: clamp(14px, 3.7333333333vw, 16px);
    text-align: center;
  }
}
.phone-otokuline-flow__item dd {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 12px 10px;
}
.phone-otokuline-flow__item dd span {
  width: 477px;
}
@media screen and (max-width: 768px) {
  .phone-otokuline-flow__item dd span {
    width: 100%;
    max-width: 477px;
  }
}
.phone-otokuline-flow__item dd img {
  width: 100%;
}

.phone-troubleshooting-case {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-case {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: 20px;
  }
}
.phone-troubleshooting-case__column {
  background: #f3f3f3;
}
.phone-troubleshooting-case__intro {
  position: relative;
  min-height: 140px;
  padding: 25px 120px 25px 30px;
  background: #2685bc;
  z-index: 1;
}
.phone-troubleshooting-case__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  font-weight: bold;
  color: #fff;
}
.phone-troubleshooting-case__heading small {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.6;
  border-radius: 80px;
  background: #000;
}
.phone-troubleshooting-case__heading small i {
  position: relative;
  width: 15px;
  padding-right: 6px;
  box-sizing: content-box;
}
.phone-troubleshooting-case__heading small i::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  border-right: 1px dotted #fff;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.phone-troubleshooting-case__heading small i img {
  width: 100%;
}
.phone-troubleshooting-case__heading span {
  font-size: 20px;
  line-height: 1.3;
}
.phone-troubleshooting-case__image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.phone-troubleshooting-case__image img {
  width: 100%;
}
.phone-troubleshooting-case__wrap {
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-case__wrap {
    padding: 30px 28px;
  }
}
.phone-troubleshooting-case__wrap dt {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 145px;
  margin-bottom: 15px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.6;
  color: #fff;
  border-radius: 80px;
  background: #4eaa00;
}
.phone-troubleshooting-case__wrap dt i {
  position: relative;
  flex-shrink: 0;
  width: 16px;
  padding-right: 6px;
  box-sizing: content-box;
}
.phone-troubleshooting-case__wrap dt i::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  border-right: 1px dotted #fff;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.phone-troubleshooting-case__wrap dt i img {
  width: 100%;
}
.phone-troubleshooting-case__list li {
  display: flex;
  align-items: baseline;
  gap: 9px;
  font-size: 14px;
  line-height: 1.6;
  color: #222;
}
.phone-troubleshooting-case__list li i {
  flex-shrink: 0;
  width: 15px;
}
.phone-troubleshooting-case__list li i img {
  width: 100%;
}
.phone-troubleshooting-case__list li + li {
  margin-top: 10px;
}

.phone-troubleshooting-flow__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 17px;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-flow__columns {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.phone-troubleshooting-flow__column {
  position: relative;
  border: 1px solid #e7e7e7;
  background: #434343;
}
.phone-troubleshooting-flow__step {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-flow__step {
    width: 26.6666666667vw;
    min-width: 100px;
  }
}
.phone-troubleshooting-flow__step small {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 32px;
  background: #206892;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-flow__step small {
    width: 9.0666666667vw;
    min-width: 34px;
  }
}
.phone-troubleshooting-flow__step span {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  font-size: 13px;
  line-height: 1.6;
}
.phone-troubleshooting-flow__image img {
  width: 100%;
}
.phone-troubleshooting-flow__heading {
  display: block;
  padding: 15px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-flow__heading {
    padding: 20px 0;
  }
}

.phone-troubleshooting-pbx__link {
  display: block;
  margin-top: 20px;
}
.phone-troubleshooting-pbx__link img {
  width: 100%;
}
.phone-troubleshooting-pbx__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 40px;
}
.phone-troubleshooting-pbx__column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 70px;
  padding-top: 15px;
  font-size: min(4.8vw, 18px);
  font-weight: bold;
  line-height: 1.6;
  box-shadow: 0 2px 7px 1px #ccc;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-pbx__column {
    height: auto;
    padding: 35px 10px 15px;
    text-align: center;
  }
}
.phone-troubleshooting-pbx__column::before {
  content: attr(data-attr);
  position: absolute;
  width: 100px;
  padding: 2px 0;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-pbx__column::before {
    top: 0;
    width: 21.3333333333vw;
    max-width: 80px;
    font-size: 12px;
  }
}
.phone-troubleshooting-pbx__column i {
  flex-shrink: 0;
  width: var(--_width-PC, auto);
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-pbx__column i {
    display: none;
  }
}
.phone-troubleshooting-pbx__column i img {
  width: 100%;
}
.phone-troubleshooting-pbx__column span b {
  color: #007bd9;
}

.phone-troubleshooting-faq {
  margin: 0 auto;
  padding: 20px 20px 55px;
  background: #f5f5f5;
}
.phone-troubleshooting-faq__head {
  width: 684px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-faq__head {
    width: 100%;
    margin-bottom: 0;
  }
}
.phone-troubleshooting-faq__head img {
  width: 100%;
}
.phone-troubleshooting-faq__items {
  max-width: 660px;
  margin: 0 auto;
}
.phone-troubleshooting-faq__item {
  position: relative;
  padding: 30px 28px 20px;
  font-feature-settings: "palt";
  box-shadow: 0 -3px 10px 3px #c9c9c9;
  background: #f2e2b0;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-faq__item {
    padding: 30px 20px 20px;
  }
}
.phone-troubleshooting-faq__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  top: 0;
  left: 0;
  background: url(../img/copy/used/faq_bg_top.png) repeat-x;
}
.phone-troubleshooting-faq__item dt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 5px;
  padding-bottom: 3px;
  font-size: 22px;
  font-weight: bold;
  color: #d71518;
  line-height: 1.3;
  border-bottom: 1px dotted #daba72;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-faq__item dt {
    font-size: clamp(18px, 4.8vw, 22px);
    line-height: 1.4;
  }
}
.phone-troubleshooting-faq__item dt small {
  display: flex;
  align-items: center;
  width: 100px;
  height: 24px;
  padding-left: 15px;
  font-size: 14px;
  color: #e60012;
  box-shadow: 0 2px 6px #c6b990;
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 76%, rgb(215, 21, 24) 76%, rgb(215, 21, 24) 100%);
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-faq__item dt small {
    transform: translateX(-25px);
  }
}
.phone-troubleshooting-faq__item dd {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-troubleshooting-faq__item dd {
    font-size: 15px;
  }
}
.phone-troubleshooting-faq__item + .phone-troubleshooting-faq__item {
  margin-top: 25px;
}

.phone-dressup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .phone-dressup {
    grid-template-columns: repeat(2, 1fr);
    gap: max(3.2vw, 12px);
  }
}
.phone-dressup__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  padding: 10px 20px 20px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-dressup__column {
    padding: 15px;
  }
}
.phone-dressup__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: break-all;
  font-size: 16px;
  font-weight: bold;
  color: #0066aa;
  line-height: 1.6;
}
.phone-dressup__heading::before {
  content: attr(data-attr);
  font-size: 10px;
}
.phone-dressup__image {
  margin-top: 10px;
  padding-top: 16px;
  border-top: 1px dotted #d9dae0;
}
.phone-dressup__image img {
  width: 100%;
}
.phone-dressup__txt {
  margin-top: 16px;
  padding-top: 12px;
  font-size: 15px;
  line-height: 1.1333333333;
  border-top: 1px dotted #d9dae0;
}

.bnr-links__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.bnr-links__column a {
  display: block;
}
.bnr-links__column a img {
  width: 100%;
}

.phone-choice-mv {
  position: relative;
}
.phone-choice-mv__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .phone-choice-mv__wrap {
    margin: 0 -4vw;
  }
}
.phone-choice-mv__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 472px;
  padding: 35px 0 33px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-choice-mv__item {
    width: 100vw;
    max-width: 100vw;
    padding: 0;
  }
}
.phone-choice-mv__list {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .phone-choice-mv__list {
    display: none;
  }
}
.phone-choice-mv__list li {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px;
  font-size: 10px;
  color: #fff;
  border-radius: 15px;
  background: #2685bc;
}
.phone-choice-mv__list li i {
  flex-shrink: 0;
  width: 15px;
  padding-right: 5px;
  box-sizing: content-box;
  border-right: 1px dotted #fff;
}
.phone-choice-mv__list li i img {
  width: 100%;
}
.phone-choice-mv__lead {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-choice-mv__lead {
    display: none;
  }
}
.phone-choice-mv__lead span {
  min-width: 290px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
  background: #f3c100;
}
.phone-choice-mv__lead em {
  position: absolute;
  width: 72px;
  bottom: 0;
  right: 0;
}
.phone-choice-mv__lead img {
  width: 100%;
}
.phone-choice-mv__head {
  margin-top: 5px;
  font-size: 43px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .phone-choice-mv__head {
    width: 100vw;
    margin-top: 0;
  }
}
.phone-choice-mv__head img {
  width: 100%;
}
.phone-choice-mv__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  max-width: 450px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-choice-mv__columns {
    display: none;
  }
}
.phone-choice-mv__column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-size: 14px;
  line-height: 2.2142857143;
  font-weight: bold;
}
.phone-choice-mv__column i {
  flex-shrink: 0;
}
.phone-choice-mv__column i img {
  width: 100%;
}
.phone-choice-mv__column:nth-child(odd)::before {
  left: 0;
}
.phone-choice-mv__column:nth-child(odd)::after {
  content: "";
  position: absolute;
  height: calc(100% - 5px);
  right: 0;
  border-right: 1px dotted gray;
}
.phone-choice-mv__column:nth-child(even)::before {
  right: 0;
}
.phone-choice-mv__column:nth-child(n+3)::before {
  content: "";
  position: absolute;
  top: 0;
  width: calc(100% - 5px);
  border-top: 1px dotted gray;
}
.phone-choice-mv__column.-type-1::after {
  top: 0;
}
.phone-choice-mv__column.-type-1 i {
  width: 16px;
}
.phone-choice-mv__column.-type-2 i {
  width: 20px;
}
.phone-choice-mv__column.-type-3::after {
  bottom: 0;
}
.phone-choice-mv__column.-type-3 i {
  width: 19px;
}
.phone-choice-mv__column.-type-4 i {
  width: 16px;
}
.phone-choice-mv__foot {
  display: flex;
  justify-content: center;
  width: 85%;
  margin-top: 20px;
  padding: 10px 20px;
  box-sizing: content-box;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border-radius: 20px;
  background: #333;
}
@media screen and (max-width: 768px) {
  .phone-choice-mv__foot {
    display: none;
  }
}
.phone-choice-mv__image {
  width: 258px;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .phone-choice-mv__image {
    display: none;
  }
}
.phone-choice-mv__image img {
  width: 100%;
}
.phone-choice-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-choice-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-choice-point {
  position: relative;
  padding: 40px 20px 20px;
  background: #d9f2f9;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-choice-point {
    padding-top: 20px;
  }
}
.phone-choice-point__intro {
  max-width: 460px;
  padding-left: 25px;
}
@media screen and (max-width: 768px) {
  .phone-choice-point__intro {
    max-width: 100%;
    padding-left: 0;
  }
}
.phone-choice-point__lead {
  display: flex;
  align-items: baseline;
  gap: 5px;
  word-break: auto-phrase;
  font-size: 22px;
  font-weight: bold;
  color: #2685bc;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .phone-choice-point__lead {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
  }
}
.phone-choice-point__lead i {
  flex-shrink: 0;
  width: 24px;
  transform: translateY(4px);
}
@media screen and (max-width: 768px) {
  .phone-choice-point__lead i {
    width: 27px;
    transform: none;
  }
}
.phone-choice-point__lead i img {
  width: 100%;
}
.phone-choice-point__txt {
  font-size: 15px;
  line-height: 1.5;
}
.phone-choice-point__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-choice-point__columns {
    grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  }
}
.phone-choice-point__column {
  background: #fff;
}
.phone-choice-point__column a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 30px;
}
@media screen and (max-width: 768px) {
  .phone-choice-point__column a {
    padding: 20px;
  }
}
.phone-choice-point__column a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: #dadada transparent transparent transparent;
  transition: border-color 0.5s;
}
.phone-choice-point__column a:hover {
  opacity: 1;
}
.phone-choice-point__column a:hover::before {
  border-color: #2685bc transparent transparent transparent;
}
.phone-choice-point__column a:hover em i {
  transform: rotateX(360deg);
  background: #2685bc;
}
.phone-choice-point__heading {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.6;
}
.phone-choice-point__heading i {
  position: relative;
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 20px;
  border-radius: 50%;
  background: #a5a4a4;
  transition: transform 0.5s, background 0.5s;
}
.phone-choice-point__heading i::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: calc(50% - 1px);
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.phone-choice-point__desc {
  font-size: 15px;
  font-weight: bold;
  color: #999;
  line-height: 1;
}
.phone-choice-point__bg {
  position: absolute;
  width: 356px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-choice-point__bg {
    display: none;
  }
}
.phone-choice-point__bg img {
  width: 100%;
}

.phone-choice-intro {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 27px 40px 20px;
}
@media screen and (max-width: 768px) {
  .phone-choice-intro {
    padding: 20px;
    background: #f7faff;
  }
}
.phone-choice-intro__head {
  font-size: 22px;
  font-weight: bold;
  color: #2685bc;
  line-height: 1.6;
}
.phone-choice-intro__txt {
  max-width: 375px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-choice-intro__txt {
    max-width: 100%;
    line-height: 1.6;
  }
}
.phone-choice-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-choice-intro__bg {
    display: none;
  }
}
.phone-choice-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-choice-detail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-choice-detail {
    display: flex;
  }
}
.phone-choice-detail__column {
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .phone-choice-detail__column {
    flex-shrink: 0;
    width: 250px;
  }
}
.phone-choice-detail__heading {
  display: flex;
  color: #fff;
  background: #2685bc;
}
.phone-choice-detail__heading::before {
  content: attr(data-num) ".";
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 52px;
  font-size: 20px;
  background: #206892;
}
.phone-choice-detail__heading > span {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-choice-detail__heading > span {
    gap: 5px;
    font-size: 13px;
  }
}
.phone-choice-detail__heading [lang=en] {
  padding: 3px 10px;
  font-size: 10px;
  line-height: 1.6;
  border-radius: 10px;
  background: #206892;
}
@media screen and (max-width: 768px) {
  .phone-choice-detail__image {
    height: 110px;
  }
}
.phone-choice-detail__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phone-choice-detail__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}
.phone-choice-detail__lead {
  font-size: var(--_font-size-PC, 18px);
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-choice-detail__lead {
    font-size: var(--_font-size-SP, var(--_font-size-PC, 15px));
  }
}
.phone-choice-detail__txt {
  padding-top: 10px;
  font-size: 15px;
  border-top: 1px dotted #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-choice-detail__txt {
    font-size: 13px;
  }
}

.phone-choice-type__row + .phone-choice-type__row {
  margin-top: 20px;
}
.phone-choice-type__intro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.phone-choice-type__heading {
  display: flex;
  align-items: center;
  padding: 0 20px;
  background: #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-choice-type__heading {
    flex-direction: column;
    justify-content: center;
  }
}
.phone-choice-type__heading i {
  flex-shrink: 0;
  width: 22px;
  margin-right: 9px;
}
@media screen and (max-width: 768px) {
  .phone-choice-type__heading i {
    display: none;
  }
}
.phone-choice-type__heading i img {
  width: 100%;
}
.phone-choice-type__heading [lang=ja] {
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  border-left: 1px dotted #666;
}
@media screen and (max-width: 768px) {
  .phone-choice-type__heading [lang=ja] {
    padding-left: 0;
    border-left: none;
  }
}
.phone-choice-type__heading [lang=en] {
  margin-left: 15px;
  padding: 3px 20px;
  font-size: 10px;
  color: #fff;
  line-height: 1.6;
  border-radius: 20px;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .phone-choice-type__heading [lang=en] {
    margin-left: 0;
  }
}
.phone-choice-type__more {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: underline;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-choice-type__more {
    height: 70px;
    font-size: 14px;
    text-align: center;
  }
}
.phone-choice-type__items {
  background: #f3f3f3;
}
.phone-choice-type__item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 25px;
}
@media screen and (max-width: 768px) {
  .phone-choice-type__item {
    padding: 15px;
  }
}
.phone-choice-type__item dt {
  flex-shrink: 0;
  padding: 5px 15px;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
  border-radius: 28px;
  background: var(--_background, #85b200);
}
@media screen and (max-width: 768px) {
  .phone-choice-type__item dt {
    display: flex;
    justify-content: center;
    width: 110px;
    padding: 5px 10px;
  }
}
.phone-choice-type__item dd {
  font-size: 17px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-choice-type__item dd {
    font-size: 14px;
  }
}
.phone-choice-type__item + .phone-choice-type__item {
  border-top: 1px dashed #e0e0e0;
}

.phone-what-mv {
  position: relative;
  z-index: 1;
}
.phone-what-mv__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 820px;
  min-height: 300px;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-what-mv__wrap {
    margin: 0 -4vw;
  }
}
.phone-what-mv__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 450px;
  padding-top: 50px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-what-mv__item {
    max-width: 100vw;
    padding: 0;
  }
}
.phone-what-mv__lead {
  display: flex;
  justify-content: center;
  min-width: 280px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
  border-radius: 5px;
  background: #f3c100;
}
@media screen and (max-width: 768px) {
  .phone-what-mv__lead {
    display: none;
  }
}
.phone-what-mv__head {
  margin-top: 10px;
  font-size: 43px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .phone-what-mv__head {
    width: 100vw;
    margin-top: 0;
  }
}
.phone-what-mv__head img {
  width: 100%;
}
.phone-what-mv__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  max-width: 450px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-what-mv__columns {
    display: none;
  }
}
.phone-what-mv__column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-size: 14px;
  line-height: 2.2142857143;
  font-weight: bold;
}
.phone-what-mv__column i {
  flex-shrink: 0;
}
.phone-what-mv__column i img {
  width: 100%;
}
.phone-what-mv__column:nth-child(odd)::before {
  left: 0;
}
.phone-what-mv__column:nth-child(odd)::after {
  content: "";
  position: absolute;
  height: calc(100% - 5px);
  right: 0;
  border-right: 1px dotted gray;
}
.phone-what-mv__column:nth-child(even)::before {
  right: 0;
}
.phone-what-mv__column:nth-child(n+3)::before {
  content: "";
  position: absolute;
  top: 0;
  width: calc(100% - 5px);
  border-top: 1px dotted gray;
}
.phone-what-mv__column.-type-1::after {
  top: 0;
}
.phone-what-mv__column.-type-1 i {
  width: 16px;
}
.phone-what-mv__column.-type-2 i {
  width: 20px;
}
.phone-what-mv__column.-type-3::after {
  bottom: 0;
}
.phone-what-mv__column.-type-3 i {
  width: 19px;
}
.phone-what-mv__column.-type-4 i {
  width: 16px;
}
@media screen and (max-width: 768px) {
  .phone-what-mv__image {
    display: none;
  }
}
.phone-what-mv__image img {
  width: 100%;
}
.phone-what-mv__image.-type-1 {
  position: absolute;
  width: 293px;
  bottom: 30px;
  right: 110px;
}
.phone-what-mv__image.-type-2 {
  position: relative;
  width: 237px;
  margin-top: auto;
}
.phone-what-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-what-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-maker-links {
  background: #e4e1e1;
}
@media screen and (max-width: 768px) {
  .phone-maker-links {
    display: none;
  }
}
.phone-maker-links__items {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.phone-maker-links__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.phone-maker-links__item a img {
  width: 100%;
  height: 15px;
  object-fit: contain;
}
.phone-maker-links__item:nth-child(odd) {
  background: #d8d6d6;
}

.phone-what-nav {
  padding: 20px;
  background: #e9e9e9;
}
@media screen and (max-width: 768px) {
  .phone-what-nav {
    margin: 0 -4vw;
    padding: 25px 2.6666666667vw;
  }
}
.phone-what-nav__head {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.phone-what-nav__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .phone-what-nav__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.phone-what-nav__item a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  height: 100%;
  padding: 20px 0 30px;
  font-weight: bold;
  color: #222;
  text-align: center;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-what-nav__item a {
    gap: 5px;
    padding: 15px 0 20px;
  }
}
.phone-what-nav__item a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  background: #b1b1b1;
  clip-path: polygon(0 0, 0% 100%, 100% 0%);
}
.phone-what-nav__item a small {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 1.6;
  border-bottom: 2px dotted #222;
}
@media screen and (max-width: 768px) {
  .phone-what-nav__item a small {
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  .phone-what-nav__item a small span {
    display: none;
  }
}
.phone-what-nav__item a em {
  font-size: 19px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-what-nav__item a em {
    font-size: 15px;
  }
}
.phone-what-nav__item a i {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #2685bc;
}
.phone-what-nav__item a i::before {
  content: "";
  width: 10px;
  height: 5px;
  background: #e7e7e7;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.phone-what-nav__item a:hover {
  opacity: 1;
  color: #fff;
  background: #2685bc;
}
.phone-what-nav__item a:hover small {
  border-bottom: 2px dotted #fff;
}
.phone-what-nav__item a:hover i {
  background: #e7e7e7;
}
.phone-what-nav__item a:hover i::before {
  background: #2685bc;
}

.phone-what-intro {
  position: relative;
  margin-top: 25px;
  padding: 35px 50px 40px;
  background: var(--_background, var(--_color, #2685bc));
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-what-intro {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .phone-what-intro:has(> .-type-1) {
    padding-bottom: 10px;
  }
}
.phone-what-intro__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-what-intro__item {
    position: relative;
  }
}
.phone-what-intro__item dt {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 3px 15px;
  font-size: 16px;
  color: #222;
  line-height: 1.6;
  border-radius: 5px;
  background: #fcd03d;
}
@media screen and (max-width: 768px) {
  .phone-what-intro__item dt {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
}
.phone-what-intro__item dt i {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 13px;
  min-height: 15px;
  padding-right: 7px;
  box-sizing: content-box;
  border-right: 1px dotted #494c5e;
}
.phone-what-intro__item dt:has(> span) {
  background: none;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .phone-what-intro__item dt:has(> span) {
    flex-direction: column;
    align-items: center;
  }
}
.phone-what-intro__item dt:has(> span) span {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 3px 15px;
  font-size: 16px;
  color: #222;
  line-height: 1.6;
  border-radius: 5px;
  background: #fcd03d;
}
@media screen and (max-width: 768px) {
  .phone-what-intro__item dt:has(> span) + dd {
    padding-top: 60px;
  }
}
.phone-what-intro__item dd {
  max-width: 60%;
  word-break: auto-phrase;
  font-size: 26px;
  color: #fff;
  line-height: 1.6;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
@media screen and (max-width: 768px) {
  .phone-what-intro__item dd {
    width: 100%;
    max-width: 100%;
    padding: 25px 12px 15px;
    word-break: break-all;
    font-size: 20px;
    text-align: center;
  }
}
.phone-what-intro__item dd:has(> span) {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .phone-what-intro__item dd:has(> span) {
    padding: 0 15px;
  }
}
.phone-what-intro__item dd span {
  display: block;
  font-size: 15px;
  font-weight: 400;
}
.phone-what-intro__image {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-what-intro__image {
    position: inherit;
    height: auto;
    top: auto;
    right: auto;
  }
}
.phone-what-intro__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center right;
}
.phone-what-intro__image.-type-1 {
  height: auto;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .phone-what-intro__image.-type-1 {
    display: flex;
    justify-content: center;
    width: var(--_width, auto);
    top: auto;
    right: auto;
    transform: none;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .phone-what-intro__image.-type-2 {
    display: flex;
    justify-content: center;
    width: var(--_width, auto);
    top: auto;
    right: auto;
    transform: none;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .phone-what-about {
    padding: 15px;
  }
}
.phone-what-about__image {
  max-width: var(--_width-PC, 100%);
  margin: 0 auto;
}
.phone-what-about__image img {
  width: 100%;
}
.phone-what-about__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .phone-what-about__items {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}
.phone-what-about__item {
  line-height: 1.6;
}
.phone-what-about__item dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 25px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: var(--_background, #434343);
}
@media screen and (max-width: 768px) {
  .phone-what-about__item dt {
    justify-content: flex-start;
    margin-bottom: 15px;
    padding: 12px 15px;
    font-size: 16px;
  }
}
.phone-what-about__item dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 25px;
  font-size: 14px;
  background: var(--_background, #f9f9fa);
}
@media screen and (max-width: 768px) {
  .phone-what-about__item dd {
    padding: 0;
    font-size: 15px;
    background: none;
  }
}
.phone-what-about__item dd em {
  font-weight: bold;
}

.phone-what-about-detail {
  margin-top: 30px;
}
.phone-what-about-detail__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
  padding: 15px 20px;
  font-size: 20px;
  font-weight: bold;
  background: #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__head {
    gap: 5px;
    font-size: 12px;
  }
}
.phone-what-about-detail__head i {
  position: relative;
  flex-shrink: 0;
  width: 26px;
  padding-right: 12px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__head i {
    width: 14px;
    padding-right: 10px;
  }
}
.phone-what-about-detail__head i::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  border-left: 2px solid #b1b1b1;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__head i::after {
    height: 12px;
  }
}
.phone-what-about-detail__head i img {
  width: 100%;
}
.phone-what-about-detail__table.-type-1 {
  width: 100%;
  font-weight: bold;
  color: #494c5e;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__table.-type-1 {
    min-width: 510px;
  }
}
.phone-what-about-detail__table.-type-1 th,
.phone-what-about-detail__table.-type-1 td {
  padding: 20px 20px 20px 25px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__table.-type-1 th,
  .phone-what-about-detail__table.-type-1 td {
    padding: 20px 0;
  }
}
.phone-what-about-detail__table.-type-1 thead th {
  font-size: 20px;
  color: #fff;
  background: #434343;
  border: none;
  border-radius: 10px 0 0 0;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__table.-type-1 thead th {
    padding: 10px 0;
    font-size: 15px;
  }
}
.phone-what-about-detail__table.-type-1 thead th:last-of-type {
  background: #e8442b;
  border-radius: 0 10px 0 0;
}
.phone-what-about-detail__table.-type-1 tbody tr.function td {
  padding: 10px 20px 10px 25px;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__table.-type-1 tbody tr.function td {
    padding: 10px 0;
  }
}
.phone-what-about-detail__table.-type-1 tbody tr.function span {
  font-weight: normal;
}
.phone-what-about-detail__table.-type-1 th:first-of-type {
  width: 20%;
  font-size: 18px;
  color: #fff;
  text-align: left;
  padding: 20px;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__table.-type-1 th:first-of-type {
    padding: 15px;
    font-size: 13px;
  }
}
.phone-what-about-detail__table.-type-1 th.blank {
  border: none;
  background: transparent;
}
.phone-what-about-detail__table.-type-1 td {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__table.-type-1 td {
    line-height: 1.3;
  }
}
.phone-what-about-detail__table.-type-1 td:first-of-type {
  background: #f9f9fa;
}
.phone-what-about-detail__table.-type-1 td:last-of-type {
  background: #f8efed;
}
.phone-what-about-detail__table.-type-2 {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .phone-what-about-detail__table.-type-2 {
    min-width: 700px;
  }
}
.phone-what-about-detail__table.-type-2 thead {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
}
.phone-what-about-detail__table.-type-2 thead th {
  padding: 15px;
  text-align: center;
}
.phone-what-about-detail__table.-type-2 thead th:nth-of-type(2) {
  background: #7a7a7a;
}
.phone-what-about-detail__table.-type-2 thead th:nth-of-type(3) {
  background: #2685bc;
}
.phone-what-about-detail__table.-type-2 thead th:last-of-type {
  position: relative;
  font-size: 22px;
  background: #e87121;
}
.phone-what-about-detail__table.-type-2 thead th .matsu {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 102%;
  font-weight: bold;
  padding: 20px 0;
  background: #e87121;
}
.phone-what-about-detail__table.-type-2 thead .blank {
  border: none;
  background: transparent;
}
.phone-what-about-detail__table.-type-2 tbody tr th,
.phone-what-about-detail__table.-type-2 tbody tr td {
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
  border: 1px solid #d9dae0;
}
.phone-what-about-detail__table.-type-2 tbody tr th {
  font-size: 14px;
}
.phone-what-about-detail__table.-type-2 tbody tr td {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.phone-what-about-detail__table.-type-2 tbody tr:nth-of-type(1) th:not(.bg-orange),
.phone-what-about-detail__table.-type-2 tbody tr:nth-of-type(1) td:not(.bg-orange) {
  padding: 8px 0;
  background: #f9f9fA;
}
.phone-what-about-detail__table.-type-2 tbody tr:nth-of-type(1) td:not(.bg-orange) {
  font-size: 20px;
  font-weight: bold;
}
.phone-what-about-detail__table.-type-2 tbody tr:nth-of-type(1) td:not(.bg-orange) span {
  font-size: 15px;
}
.phone-what-about-detail__table.-type-2 tbody tr:nth-of-type(3) th,
.phone-what-about-detail__table.-type-2 tbody tr:nth-of-type(3) td {
  padding: 2px 0;
}
.phone-what-about-detail__table.-type-2 tbody tr .bg-orange {
  font-size: 27px;
  font-weight: bold;
  color: #e87121;
  background: #fbfaf0;
}
.phone-what-about-detail__table.-type-2 tbody tr .bg-orange span {
  font-size: 20px;
}
.phone-what-about-detail__table.-type-2 tbody tr .border-side {
  padding: 0;
  border-right: 3px solid #e87121;
  border-left: 3px solid #e87121;
}
.phone-what-about-detail__table.-type-2 tbody tr .border-side-under {
  border: 3px solid #e87121;
  border-top: none;
}

.phone-what-system-type {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-what-system-type {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.phone-what-system-type__column {
  border: 1px solid #d9dae0;
}
.phone-what-system-type__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 30px 15px 20px;
}
@media screen and (max-width: 768px) {
  .phone-what-system-type__item {
    padding: 20px 20px 0;
  }
}
.phone-what-system-type__heading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  padding-bottom: 10px;
  border-bottom: 2px solid #e9e9e9;
}
@media screen and (max-width: 768px) {
  .phone-what-system-type__heading {
    width: 55%;
  }
}
.phone-what-system-type__heading small {
  position: absolute;
  display: flex;
  gap: 5px;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 5px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  font-family: "DIN 2014", din-2014, sans-serif;
  border: 1px solid #588e2f;
  border-radius: 50px;
  background: #70b53d;
}
@media screen and (max-width: 768px) {
  .phone-what-system-type__heading small {
    top: -30px;
    padding: 0 10px;
  }
}
.phone-what-system-type__heading small::before {
  content: attr(data-num);
  padding-right: 5px;
  border-right: 1px dotted #fff;
}
.phone-what-system-type__heading em {
  font-size: 16px;
  font-weight: bold;
  color: #70b53d;
}
.phone-what-system-type__heading em span {
  font-size: 13px;
}
.phone-what-system-type__image {
  max-width: 190px;
}
.phone-what-system-type__image img {
  width: 100%;
}
.phone-what-system-type__txt {
  padding: 20px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-what-system-type__txt {
    background: none;
  }
}
.phone-what-system-type__txt em {
  font-weight: bold;
}

.phone-what-system {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-what-system {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 10px;
  }
}
.phone-what-system__column {
  border: 1px solid #d9dae0;
}
.phone-what-system__column dt {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  font-weight: bold;
  line-height: 1.6;
  overflow: hidden;
  background: var(--_background);
}
.phone-what-system__column dt small {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 0 10px;
  font-size: 12px;
  color: var(--_color);
  border-radius: 50px;
  background: #fcd03d;
}
.phone-what-system__column dt small i {
  position: relative;
  width: 12px;
  padding-right: 3px;
  box-sizing: content-box;
}
.phone-what-system__column dt small i::after {
  content: "";
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted currentColor;
}
.phone-what-system__column dt span {
  font-size: 18px;
  color: #fff;
}
.phone-what-system__column dt > i {
  position: absolute;
  top: 0;
  right: 0;
}
.phone-what-system__column dd {
  padding: 15px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-what-system__column dd {
    background: none;
  }
}
.phone-what-system__column dd em {
  font-weight: bold;
}

.phone-what-merit {
  margin: 30px 0 20px;
}
.phone-what-merit__row + .phone-what-merit__row {
  margin-top: 30px;
}
.phone-what-merit__heading {
  position: relative;
  padding: 15px 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  background: var(--_color);
}
.phone-what-merit__heading small {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 3px;
  top: -15px;
  left: 20px;
  z-index: 1;
  font-size: 12px;
  color: #d94641;
  padding: 1px 10px;
  border-radius: 100px;
  background: #fcd03d;
}
.phone-what-merit__heading small i {
  position: relative;
  flex-shrink: 0;
  width: 12px;
  padding-right: 3px;
  box-sizing: content-box;
}
.phone-what-merit__heading small i img {
  width: 100%;
}
.phone-what-merit__heading small i::after {
  content: "";
  position: absolute;
  height: 12px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted currentColor;
}
.phone-what-merit__heading span {
  color: #fff;
}
.phone-what-merit__wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 960px;
  margin: 25px auto 0;
}
@media screen and (max-width: 768px) {
  .phone-what-merit__wrap {
    flex-direction: column;
    margin-top: 0;
    padding: 15px;
  }
}
.phone-what-merit__item p {
  font-size: 15px;
}
.phone-what-merit__item p em {
  font-weight: bold;
}
.phone-what-merit__item p em.-color {
  color: var(--_color);
}
.phone-what-merit__item p + p {
  margin-top: 20px;
}
.phone-what-merit__image {
  flex-shrink: 0;
  width: 357px;
}
@media screen and (max-width: 768px) {
  .phone-what-merit__image {
    width: 100%;
  }
}
.phone-what-merit__image img {
  width: 100%;
}
.-reverse > .phone-what-merit__image {
  order: -1;
}
@media screen and (max-width: 768px) {
  .-reverse > .phone-what-merit__image {
    order: 1;
  }
}

.phone-tab {
  margin-top: var(--_margin-top-PC, 0);
}
.phone-tab__tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}
@media screen and (max-width: 768px) {
  .phone-tab__tabs {
    grid-template-columns: 1fr;
  }
}
.phone-tab__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 10px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  border-radius: 5px 5px 0 0;
  background: #b1b1b1;
}
@media screen and (max-width: 768px) {
  .phone-tab__btn {
    justify-content: flex-start;
    padding: 25px;
    font-size: 18px;
    border-radius: 0;
  }
}
.phone-tab__btn[aria-selected=true] {
  background: var(--_background, #2685bc);
}
.phone-tab__items {
  border: 1px solid #d9dae0;
  background: #fbfaf0;
}
.phone-tab__item {
  display: none;
}
.phone-tab__item[aria-hidden=false] {
  display: block;
}

.phone-what-how {
  padding: 30px 40px;
}
@media screen and (max-width: 768px) {
  .phone-what-how {
    padding: 15px;
  }
}
.phone-what-how__lead {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-what-how__lead {
    margin-bottom: 0;
  }
}
.phone-what-how__wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-what-how__wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.phone-what-how__image {
  width: 310px;
}
@media screen and (max-width: 768px) {
  .phone-what-how__image {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 310px;
  }
}
.phone-what-how__image img {
  width: 100%;
}
.phone-what-how__items {
  width: 50%;
  padding: 20px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-what-how__items {
    width: 100%;
  }
}
.phone-what-how__item dt {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #2685bc;
  padding-bottom: 2px;
  border-bottom: 2px solid #e3e1cf;
}
@media screen and (max-width: 768px) {
  .phone-what-how__item dt {
    font-size: 14px;
  }
}
.phone-what-how__item + .phone-what-how__item {
  margin-top: 15px;
}
.phone-what-how__flow {
  list-style-type: decimal;
  padding-left: 25px;
  font-size: 16px;
}
.phone-what-how__flow li {
  list-style: decimal;
  font-size: 14px;
  line-height: 1.6;
}
.phone-what-how__flow li + li {
  margin-top: 3px;
}
.phone-what-how__flow.-type-1 {
  font-weight: bold;
  color: #2685bc;
}
.phone-what-how__note {
  display: block;
  margin-top: 15px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-what-how__note {
    font-size: 14px;
  }
}

.phone-what-function {
  border: 1px solid #d9dae0;
}
.phone-what-function__head {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 25px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  border-bottom: 1px solid #d9dae0;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-what-function__head {
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 10px;
    font-size: 18px;
    line-height: 1.6;
  }
}
.phone-what-function__head i {
  position: absolute;
  flex-shrink: 0;
  width: 50px;
  top: -8px;
  left: -10px;
}
@media screen and (max-width: 768px) {
  .phone-what-function__head i {
    position: inherit;
    top: auto;
    left: auto;
  }
}
.phone-what-function__head i img {
  width: 100%;
}
.phone-what-function__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 20px 15px;
  background: #fbfaf0;
}
@media screen and (max-width: 768px) {
  .phone-what-function__wrap {
    gap: 10px;
    padding: 15px;
  }
}
.phone-what-function__image {
  max-width: 220px;
}
.phone-what-function__image img {
  width: 100%;
}
.phone-what-function__txt em {
  font-weight: bold;
}

.phone-what-use {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 25px 20px;
  border: 1px solid #d9dae0;
  background: #fafafa;
}
@media screen and (max-width: 768px) {
  .phone-what-use {
    padding: 15px 20px;
  }
}
.phone-what-use__head {
  font-size: 17px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-what-use__head {
    font-size: 18px;
  }
}
.phone-what-use__image {
  order: -1;
  max-width: 180px;
}
.phone-what-use__image img {
  width: 100%;
}
.phone-what-use__txt {
  font-size: 15px;
}

.phone-what-price {
  padding: 20px 30px 55px;
  line-height: 1.6;
  background: #FBFAF0;
}
@media screen and (max-width: 768px) {
  .phone-what-price {
    padding: 18px 19px 20px;
  }
}
.phone-what-price dt {
  font-size: 18px;
  font-weight: bold;
  color: #9d29c1;
}
@media screen and (max-width: 768px) {
  .phone-what-price dt {
    font-size: 15px;
  }
}
.phone-what-price dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .phone-what-price dd {
    gap: 15px;
  }
}
.phone-what-price__txt {
  font-size: 15px;
}
.phone-what-price__image {
  max-width: 655px;
}
@media screen and (max-width: 768px) {
  .phone-what-price__image {
    max-width: 570px;
  }
}
.phone-what-price__image img {
  width: 100%;
}

.phone-what-price-point {
  padding: 15px;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-what-price-point {
    padding: 20px 19px;
  }
}
.phone-what-price-point dt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 25px 0 5px;
  border-bottom: 1px solid #e9e9e9;
}
@media screen and (max-width: 768px) {
  .phone-what-price-point dt {
    padding-top: 0;
  }
}
.phone-what-price-point dt i {
  position: absolute;
  top: -25px;
  left: -33px;
  width: 66px;
}
@media screen and (max-width: 768px) {
  .phone-what-price-point dt i {
    top: -30px;
    left: -35px;
  }
}
.phone-what-price-point dt i img {
  width: 100%;
}
.phone-what-price-point dd {
  font-size: 15px;
  line-height: 1.6;
}
.phone-what-price-point dd em {
  font-weight: bold;
}
.phone-what-price-point__head {
  font-size: 20px;
  font-weight: bold;
  color: #9d29c1;
  line-height: 1.6;
}
.phone-what-price-point__image {
  order: -1;
  width: 100%;
  max-width: 170px;
}
.phone-what-price-point__image img {
  width: 100%;
}

.phone-what-reason {
  margin-top: 30px;
}
.phone-what-reason__row + .phone-what-reason__row {
  margin-top: 30px;
}
.phone-what-reason__head {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  padding: 20px 25px;
  font-weight: bold;
  background: #e87121;
}
@media screen and (max-width: 768px) {
  .phone-what-reason__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    padding: 15px;
  }
}
.phone-what-reason__head small {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 2px 10px;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 5px;
  background: #fcd03d;
}
@media screen and (max-width: 768px) {
  .phone-what-reason__head small {
    padding: 3px 15px;
  }
}
.phone-what-reason__head small i {
  position: relative;
  flex-shrink: 0;
  width: 12px;
  padding-right: 6px;
  box-sizing: content-box;
}
.phone-what-reason__head small i::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 12px;
  border-left: 1px dotted #222;
}
.phone-what-reason__head small i img {
  width: 100%;
}
.phone-what-reason__head em {
  word-break: auto-phrase;
  font-size: 23px;
  color: #fff;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .phone-what-reason__head em {
    font-size: 16px;
    line-height: 1.3;
  }
}
.phone-what-reason__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-what-reason__item {
    flex-direction: column;
    gap: 15px;
  }
}
.phone-what-reason__item + .phone-what-reason__item {
  margin-top: 20px;
}
.phone-what-reason__detail {
  flex-grow: 1;
}
.phone-what-reason__detail.-reverse {
  order: 1;
}
@media screen and (max-width: 768px) {
  .phone-what-reason__detail.-reverse {
    order: -1;
  }
}
.phone-what-reason__heading {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .phone-what-reason__heading {
    padding-bottom: 10px;
  }
}
.phone-what-reason__heading::before {
  content: "";
  position: absolute;
  width: calc(100% + 60px);
  height: 2px;
  bottom: 0;
  left: 0;
  background: #e87121;
}
@media screen and (max-width: 768px) {
  .phone-what-reason__heading::before {
    width: 100%;
    height: 1px;
  }
}
.phone-what-reason__heading span {
  flex-shrink: 0;
  width: 50px;
}
.phone-what-reason__heading span img {
  width: 100%;
}
.phone-what-reason__heading em {
  font-size: 18px;
  font-weight: bold;
  color: #e87121;
  line-height: 1.5;
}
.-reverse > .phone-what-reason__heading::before {
  left: auto;
  right: 0;
}
.phone-what-reason__txt {
  font-size: 15px;
}
.phone-what-reason__txt em {
  font-weight: bold;
}
.phone-what-reason__image {
  flex-shrink: 0;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .phone-what-reason__image {
    width: 100%;
  }
}
.phone-what-reason__image img {
  width: 100%;
}

.phone-maker-mv {
  position: relative;
  z-index: 1;
}
.phone-maker-mv__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 740px;
  min-height: 300px;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-maker-mv__wrap {
    margin: 0 -4vw;
  }
}
.phone-maker-mv__wrap.-copy {
  padding-left: 38px;
}
@media screen and (max-width: 768px) {
  .phone-maker-mv__wrap.-copy {
    padding-left: 0;
  }
}
.phone-maker-mv__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 493px;
  padding-top: 45px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-maker-mv__item {
    max-width: 100vw;
    padding: 0;
  }
}
.phone-maker-mv__head {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-maker-mv__head {
    width: 100vw;
  }
}
.phone-maker-mv__head > span {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.phone-maker-mv__head small {
  font-size: 15px;
}
.phone-maker-mv__head em {
  font-size: 40px;
}
.phone-maker-mv__head em span {
  color: #bea357;
}
@media screen and (max-width: 768px) {
  .phone-maker-mv__head [data-device=pc] {
    display: none;
  }
}
.phone-maker-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-maker-mv__head [data-device=sp] {
    display: block;
  }
}
.phone-maker-mv__head img {
  width: 100%;
}
.phone-maker-mv__columns {
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .phone-maker-mv__columns {
    display: none;
  }
}
.phone-maker-mv__column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 98px;
  height: 91px;
  padding-top: 15px;
  font-size: 17px;
  font-weight: bold;
}
.phone-maker-mv__column i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.phone-maker-mv__txt {
  margin-top: 10px;
  padding: 12px 30px;
  font-size: 15px;
  color: #fff;
  line-height: 1;
  background: #bea357;
}
@media screen and (max-width: 768px) {
  .phone-maker-mv__txt {
    display: none;
  }
}
.phone-maker-mv__image {
  order: -1;
  flex-shrink: 0;
  width: 258px;
}
@media screen and (max-width: 768px) {
  .phone-maker-mv__image {
    display: none;
  }
}
.phone-maker-mv__image img {
  width: 100%;
}
.phone-maker-mv__image.-copy {
  order: 1;
  width: 233px;
  margin-top: auto;
}
.phone-maker-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-maker-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-maker-archive + .phone-maker-archive {
  margin-top: 30px;
}
.phone-maker-archive__intro {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__intro {
    gap: 18px;
  }
}
.phone-maker-archive__icon {
  flex-shrink: 0;
  width: 101px;
}
.phone-maker-archive__icon img {
  width: 100%;
}
.phone-maker-archive__lead {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__lead {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__lead br {
    display: none;
  }
}
.phone-maker-archive__wrap {
  display: flex;
  margin-top: 30px;
  border: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__wrap {
    flex-direction: column;
  }
}
.phone-maker-archive__image {
  flex-shrink: 0;
  width: 250px;
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__image {
    width: 100%;
  }
}
.phone-maker-archive__image img {
  width: 100%;
}
.phone-maker-archive__point {
  flex-grow: 1;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__point {
    padding: 15px;
  }
}
.phone-maker-archive__point dt {
  margin-bottom: 10px;
  padding: 5px 15px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #2a4673;
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__point dt {
    font-size: 15px;
  }
}
.phone-maker-archive__point dd {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 1px 0 5px;
  word-break: auto-phrase;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__point dd {
    gap: 9px;
    padding: 10px 0;
    font-size: 14px;
  }
}
.phone-maker-archive__point dd i {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  font-weight: 400;
  line-height: 1.6;
}
.phone-maker-archive__point dd i small {
  font-size: 10px;
  color: #2a4673;
}
.phone-maker-archive__point dd i span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: #fff;
  background: #2a4673;
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__point.-copy dd {
    gap: 20px;
    word-break: break-all;
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__point.-copy dd br {
    display: none;
  }
}
.phone-maker-archive__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 365px;
  margin: 30px auto 0;
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .phone-maker-archive__more {
    width: 100%;
  }
}
.phone-maker-archive__more::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-135deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.phone-maker-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .phone-maker-nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
.phone-maker-nav__item a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px 13px;
  font-size: 17px;
  font-weight: bold;
  color: #06a;
  border: 2px solid #eee;
}
@media screen and (max-width: 768px) {
  .phone-maker-nav__item a {
    font-size: 18px;
  }
}
.phone-maker-nav__item a::after {
  content: "〉";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.-detail > .phone-maker-nav__item a {
  color: #494c5e;
  border: none;
  border-radius: 5px;
}
.-detail > .phone-maker-nav__item a::after {
  content: "▶︎";
  font-size: 10px;
}
.-detail > .phone-maker-nav__item:nth-child(odd) a {
  background: #d8d6d6;
}
.-detail > .phone-maker-nav__item:nth-child(even) a {
  background: #e3e1e1;
}

.phone-maker-detail-mv {
  overflow: hidden;
  background-image: url("../img/copy/maker/copyMaker__Top__01.png"), url("../img/copy/maker/copyMaker__Top__02.png"), url("../img/copy/maker/copyMaker__Top__03.jpg");
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: left top, right bottom;
}
.phone-maker-detail-mv__wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  min-height: 300px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-mv__wrap {
    width: 100vw;
    min-height: 0;
    margin: 0 -4vw;
  }
}
.phone-maker-detail-mv__item {
  --_color: #005bac;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  width: 581px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-mv__item {
    width: 100%;
  }
}
.phone-maker-detail-mv__head i {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.phone-maker-detail-mv__head em {
  padding: 0 15px;
  font-size: 12px;
  line-height: 2;
  color: #fff;
  border: 1px solid #ccc;
  background: var(--_color);
}
.phone-maker-detail-mv__head [data-device=pc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-mv__head [data-device=pc] {
    display: none;
  }
}
.phone-maker-detail-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-mv__head [data-device=sp] {
    display: block;
  }
}
.phone-maker-detail-mv__lead {
  margin-top: 10px;
  font-size: 33px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-mv__lead {
    display: none;
  }
}
.phone-maker-detail-mv__lead span {
  color: var(--_color);
}
.phone-maker-detail-mv__lead.-copy {
  font-size: 30px;
}
.phone-maker-detail-mv__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 100%;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-mv__columns {
    display: none;
  }
}
.phone-maker-detail-mv__column {
  border: 1px solid #ccc;
}
.phone-maker-detail-mv__column dt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-align: center;
  background: var(--_color);
}
.phone-maker-detail-mv__column dt i {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0 8px;
  top: -15px;
  left: 8px;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background: var(--_color);
}
.phone-maker-detail-mv__column dt i img {
  width: 100%;
}
.phone-maker-detail-mv__column dt em {
  font-size: 24px;
  font-family: "Bahnschrift", sans-serif;
}
.phone-maker-detail-mv__column dd {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  background: #fff;
}
.phone-maker-detail-mv__column dd span {
  background: linear-gradient(transparent 60%, #FFD800 60%);
}
.phone-maker-detail-mv__column.-type-1 dt em {
  font-size: 16px;
}
.phone-maker-detail-mv__icon {
  flex-shrink: 0;
  width: 203px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-mv__icon {
    display: none;
  }
}
.phone-maker-detail-mv__icon img {
  width: 100%;
}
.phone-maker-detail-mv__image {
  position: absolute;
  width: fit-content;
  top: 30px;
  right: 10px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-mv__image {
    display: none;
  }
}
.phone-maker-detail-mv__image img {
  width: 100%;
}

.phone-area-mv {
  position: relative;
  overflow: hidden;
}
.phone-area-mv__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 300px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-area-mv__wrap {
    min-height: 0;
    margin: 0 -4vw;
  }
}
.phone-area-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 505px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .phone-area-mv__item {
    width: 100vw;
  }
}
.phone-area-mv__head small {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 16px;
}
.phone-area-mv__head small i {
  height: 16px;
}
.phone-area-mv__head small i img {
  width: 100%;
  height: 100%;
}
.phone-area-mv__head em {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 39px;
  line-height: 1.1025641026;
  font-weight: bold;
}
.phone-area-mv__head em i {
  width: fit-content;
}
.phone-area-mv__head em i img {
  width: 100%;
}
.phone-area-mv__head img {
  width: 100%;
}
.phone-area-mv__head [data-device=pc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-area-mv__head [data-device=pc] {
    display: none;
  }
}
.phone-area-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-area-mv__head [data-device=sp] {
    display: block;
  }
}
.phone-area-mv__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-area-mv__columns {
    display: none;
  }
}
.phone-area-mv__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.phone-area-mv__column span {
  font-size: 15px;
  line-height: 1.6;
}
.phone-area-mv__column em {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 18px;
  line-height: 1.5;
}
.phone-area-mv__column em i {
  width: 17px;
}
.phone-area-mv__column em i img {
  width: 100%;
}
.phone-area-mv__column + .phone-area-mv__column {
  border-left: 1px solid #fff;
}
.phone-area-mv__image {
  position: absolute;
  width: 388px;
  bottom: -5px;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-area-mv__image {
    display: none;
  }
}
.phone-area-mv__image img {
  width: 100%;
}
.phone-area-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-area-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-function-data {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-function-data {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.phone-function-data__column {
  background: #FBFAF0;
}
.phone-function-data__heading {
  display: flex;
  align-items: center;
  padding: 10px 19px;
  background: #68B129;
}
.phone-function-data__heading i {
  flex-shrink: 0;
  width: fit-content;
}
.phone-function-data__heading i img {
  width: 100%;
}
.phone-function-data__heading span {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.phone-function-data__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 30px;
  line-height: 1.6;
}
.phone-function-data__fig {
  width: fit-content;
  margin-bottom: 10px;
}
.phone-function-data__fig img {
  width: 100%;
}
.phone-function-data__lead {
  position: relative;
  margin-bottom: 17px;
  padding-bottom: 5px;
  font-size: 17px;
  font-weight: bold;
  color: #70B53D;
}
.phone-function-data__lead::before {
  content: "";
  position: absolute;
  width: 194px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #D9DAE0;
}
.area-detail-choice {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px 20px;
}
@media screen and (max-width: 768px) {
  .area-detail-choice {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.area-detail-choice__item {
  border: 1px solid #D9DAE0;
  background: #F9F9FA;
}
.area-detail-choice__item dt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  padding-top: 10px;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  border-bottom: 1px solid #D9DAE0;
  background: #2685BC;
}
@media screen and (max-width: 768px) {
  .area-detail-choice__item dt {
    min-height: 75px;
  }
}
.area-detail-choice__item dt i {
  position: absolute;
  width: fit-content;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
}
.area-detail-choice__item dt i img {
  width: 100%;
}
.area-detail-choice__item dd {
  padding: 20px;
  font-size: 14px;
  line-height: 1.6;
}
.area-detail-choice__item dd em {
  font-weight: bold;
  color: #2685bc;
}

.area-voice {
  border: 1px solid #fff;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .area-voice {
    display: flex;
    flex-direction: column;
    padding: 25px;
    color: #222;
  }
}
.area-voice + .area-voice {
  margin-top: 20px;
}
.area-voice__head {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  gap: 20px;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  background: #2685BC;
}
@media screen and (max-width: 768px) {
  .area-voice__head {
    display: block;
    margin-bottom: 15px;
    font-size: 17px;
    color: inherit;
    background: none;
  }
}
.area-voice__head i {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 70px;
  font-size: 11px;
  font-weight: 400;
  background: #535353;
}
@media screen and (max-width: 768px) {
  .area-voice__head i {
    display: none;
  }
}
.area-voice__head i span {
  width: fit-content;
}
.area-voice__head i span img {
  width: 100%;
}
.area-voice__wrap {
  display: grid;
  grid-template-columns: 207px 1fr;
  gap: 25px;
  padding: 24px 22px;
}
@media screen and (max-width: 768px) {
  .area-voice__wrap {
    display: contents;
  }
}
@media screen and (max-width: 768px) {
  .area-voice__intro {
    display: contents;
  }
}
.area-voice__image {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .area-voice__image {
    order: -1;
  }
}
.area-voice__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .area-voice__info {
    margin-bottom: 20px;
  }
}
.area-voice__data {
  display: grid;
  grid-template-columns: 83px 1fr;
  gap: 15px;
  font-size: 12px;
  line-height: 1.6;
}
.area-voice__data dt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #fff;
  background: var(--_background);
}
.area-voice__data + .area-voice__data {
  margin-top: 5px;
}
.area-voice__item + .area-voice__item {
  margin-top: 20px;
}
.area-voice__txt {
  margin-top: 10px;
  font-size: 13px;
}

.area-maker {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .area-maker {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}
.area-maker__column {
  padding: 25px;
  line-height: 1.3;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .area-maker__column {
    padding: 25px 12px;
  }
}
.area-maker__column dt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.area-maker__column dt i {
  width: fit-content;
}
.area-maker__column dt i img {
  width: 100%;
}
.area-maker__column dd {
  font-size: 13px;
}

.area-detail-info + .area-detail-info {
  margin-top: 10px;
}
.area-detail-info__wrap {
  padding: 30px;
  background: #F7F7F7;
}
@media screen and (max-width: 768px) {
  .area-detail-info__wrap {
    padding: 20px 15px 30px;
  }
}
.area-detail-info__detail {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .area-detail-info__detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}
@media screen and (max-width: 768px) {
  .area-detail-info__image {
    aspect-ratio: 1;
    width: 180px;
    overflow: hidden;
    border-radius: 50%;
  }
}
.area-detail-info__image img {
  width: 100%;
}
.area-detail-info__message dt {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #70B53D;
  border-bottom: 1px solid #70B53D;
}
@media screen and (max-width: 768px) {
  .area-detail-info__message dt {
    justify-content: center;
  }
}
.area-detail-info__message dt::before {
  content: "";
  flex-shrink: 0;
  width: 27px;
  background: currentColor;
  mask-image: url("../img/copy/area/detail/person_fukidashi.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.area-detail-info__txt {
  font-size: 15px;
}
.area-detail-info__person {
  display: block;
  margin-top: 15px;
  font-size: 15px;
  line-height: 1.6;
}
.area-detail-info__person span {
  font-weight: bold;
}
.area-detail-info__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .area-detail-info__columns {
    gap: 5px;
  }
}
.area-detail-info__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  font-size: 15px;
  line-height: 1.6;
}
.area-detail-info__column dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-weight: bold;
  color: #fff;
  background: #7B7E80;
}
@media screen and (max-width: 768px) {
  .area-detail-info__column dt {
    padding: 7px 10px;
  }
}
.area-detail-info__column dd {
  padding: 19px 10px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .area-detail-info__column dd {
    padding: 12px 10px;
    font-size: 13px;
  }
}
.area-detail-info__address {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  padding-top: 20px;
  font-size: 15px;
  line-height: 1.6;
  border-top: 1px solid #E6E6E6;
}
@media screen and (max-width: 768px) {
  .area-detail-info__address {
    line-height: 1.3;
  }
}
.area-detail-info__address dt {
  flex-shrink: 0;
}
.area-detail-info__address dt::after {
  content: "｜";
}
.area-detail-info__area {
  display: grid;
}
.area-detail-info__area dt {
  padding: 10px 20px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  background: #E8E8B9;
}
.area-detail-info__area dd {
  padding: 25px 28px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .area-detail-info__area dd {
    padding: 25px 10px;
  }
}
.area-detail-info__area + .area-detail-info__area {
  margin-top: 15px;
}
.area-detail-info__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .area-detail-info__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.area-detail-info__list li {
  position: relative;
  padding-left: 1em;
  font-size: 13px;
  line-height: 1.3;
}
.area-detail-info__list li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.area-detail-info__note {
  display: flex;
  justify-content: center;
  margin-top: 35px;
  word-break: auto-phrase;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .area-detail-info__note {
    margin-top: 15px;
  }
}
.area-detail-info__result {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 17px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .area-detail-info__result {
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
  }
}
.area-detail-info__result dt {
  font-size: 28px;
  font-weight: bold;
}
.area-detail-info__result dd {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .area-detail-info__result dd {
    align-items: center;
    gap: 5px;
  }
}
.area-detail-info__result dd span {
  width: fit-content;
  max-width: 238px;
}
.area-detail-info__result dd span img {
  width: 100%;
}
.area-detail-info__result dd small {
  font-size: 10px;
  line-height: 1.6;
  margin-right: 28px;
}

.area-detail-scene {
  margin-top: 25px;
  padding: 35px 50px 50px;
  background: #D9F2F9;
}
@media screen and (max-width: 768px) {
  .area-detail-scene {
    padding: 0;
    background: none;
  }
}
.area-detail-scene__intro {
  position: relative;
  display: flex;
  min-height: 255px;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__intro {
    flex-direction: column;
    align-items: center;
    min-height: 0;
  }
}
.area-detail-scene__intro.-copy {
  min-height: 0;
}
.area-detail-scene__item {
  background: #D9F2F9;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__item {
    padding: 0 15px;
  }
}
.area-detail-scene__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding-right: 310px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__head {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-right: 0;
  }
}
.area-detail-scene__head span {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 35px;
  padding: 0 20px;
  font-size: 15px;
  color: #fff;
  border-radius: 35px;
  background: #70B53D;
}
.area-detail-scene__head span i {
  width: fit-content;
  padding-right: 7px;
  box-sizing: content-box;
  border-right: 1px dashed #fff;
}
.area-detail-scene__head em {
  font-size: 21px;
  color: #2685BC;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__head em {
    word-break: auto-phrase;
    font-size: 20px;
    text-align: center;
  }
}
.area-detail-scene__lead {
  max-width: 470px;
  margin-top: 15px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__lead {
    max-width: 100%;
  }
}
.area-detail-scene__image {
  position: absolute;
  width: 290px;
  top: 26px;
  right: 9px;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__image {
    position: inherit;
    order: -1;
    width: 100%;
    max-width: 100%;
    top: auto;
    right: auto;
  }
}
.area-detail-scene__image img {
  width: 100%;
}
.area-detail-scene__image.-copy {
  width: 322px;
  top: -93px;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__image.-copy {
    width: 100%;
    top: auto;
  }
}
.area-detail-scene__rows {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__rows {
    margin-top: 0;
    padding: 35px 15px 0;
    background: #D9F2F9;
  }
}
.area-detail-scene__row dt {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 1px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.6;
  background: #FBFAF0;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__row dt {
    padding: 3px 10px;
  }
}
.area-detail-scene__row dt small {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 2px 10px;
  border-radius: 22px;
  background: #FCD03D;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__row dt small {
    justify-content: center;
    width: 48px;
    height: 48px;
  }
}
.area-detail-scene__row dt small i {
  width: 11px;
  height: 11px;
  background: #494C5E;
  mask-image: url("../img/copy/area/detail/star.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__row dt small i {
    display: none;
  }
}
.area-detail-scene__row dt small span {
  padding-left: 5px;
  font-size: 13px;
  line-height: 1.3846153846;
  border-left: 1px dashed #494C5E;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__row dt small span {
    padding: 0;
    white-space: nowrap;
    text-align: center;
    border: none;
  }
}
.area-detail-scene__row dd {
  padding: 20px 50px;
  font-size: 13px;
  line-height: 1.6;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__row dd {
    padding: 20px 15px;
  }
}
.area-detail-scene__row + .area-detail-scene__row {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__row + .area-detail-scene__row {
    margin-top: 10px;
  }
}
.area-detail-scene__txt {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .area-detail-scene__txt {
    margin-top: 0;
    padding: 15px;
    font-size: 13px;
    background: #D9F2F9;
  }
}

.phone-pbx-point {
  margin-top: 40px;
}
.phone-pbx-point__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-bottom: 30px;
}
.phone-pbx-point__item {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 7px 1px #ccc;
}
.phone-pbx-point__item small {
  position: absolute;
  width: 100px;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 0;
  font-size: 15px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .phone-pbx-point__item small {
    width: 75%;
    font-size: 12px;
    line-height: 1.75;
  }
}
.phone-pbx-point__item em {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 25px 0 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-pbx-point__item em {
    word-break: auto-phrase;
    text-align: center;
  }
}
.phone-pbx-point__item em i {
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .phone-pbx-point__item em i {
    display: none;
  }
}
.phone-pbx-point__item em i img {
  width: 100%;
}
.phone-pbx-point__item em b {
  color: #007bd9;
}
.phone-pbx-point__item.-type-1 em i {
  width: 30px;
}
.phone-pbx-point__item.-type-2 em i {
  width: 23px;
}
.phone-pbx-point__item.-type-3 em i {
  width: 14px;
}
.phone-pbx-point__wrap {
  display: flex;
  justify-content: space-between;
  gap: 65px;
  max-width: 730px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .phone-pbx-point__wrap {
    flex-wrap: wrap;
    gap: 25px;
    max-width: 100%;
  }
}
.phone-pbx-point__desc {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .phone-pbx-point__desc {
    width: 100%;
  }
}
.phone-pbx-point__txt {
  font-size: 15px;
}
.phone-pbx-point__txt em {
  font-weight: bold;
  color: #007bd9;
}
.phone-pbx-point__txt em.-color {
  color: var(--_color, inherit);
  text-decoration: underline;
}
.phone-pbx-point__txt + .phone-pbx-point__txt {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-pbx-point__txt + .phone-pbx-point__txt {
    margin-top: 25px;
  }
}
.phone-pbx-point__image {
  flex-shrink: 0;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .phone-pbx-point__image {
    margin: 0 auto;
  }
}
.phone-pbx-point__image img {
  width: 100%;
}

.phone-work-archive-intro {
  max-width: 670px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .phone-work-archive-intro {
    max-width: 100%;
  }
}
.phone-work-archive-intro__lead {
  display: flex;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #e84429;
  line-height: 1.6;
}
.phone-work-archive-intro__wrap {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  margin-top: 15px;
}
.phone-work-archive-intro__item {
  max-width: 325px;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .phone-work-archive-intro__item {
    max-width: 100%;
    padding-top: 0;
  }
}
.phone-work-archive-intro__txt {
  font-size: 15px;
}
.phone-work-archive-intro__txt + .phone-work-archive-intro__txt {
  margin-top: 20px;
}
.phone-work-archive-intro__image {
  flex-shrink: 0;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .phone-work-archive-intro__image {
    display: none;
  }
}
.phone-work-archive-intro__image img {
  width: 100%;
}

.phone-work-archive {
  margin-top: 30px;
}
.phone-work-archive__nav {
  max-width: 920px;
  margin: 30px auto 0;
}
.phone-work-archive__anchor {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-work-archive__anchor {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
}
.phone-work-archive__anchor li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #212121;
  line-height: 1.6;
  border: 1px solid #e7e7e7;
}
.phone-work-archive__wrap {
  max-width: 920px;
  margin: 35px auto 0;
}
@media screen and (max-width: 768px) {
  .phone-work-archive__wrap {
    margin-top: 30px;
  }
}

.phone-work-archive-detail {
  padding: 28px;
  border: 1px solid #b5b5b5;
}
.phone-work-archive-detail + .phone-work-archive-detail {
  margin-top: 50px;
}
.phone-work-archive-detail__wrap {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .phone-work-archive-detail__wrap {
    flex-direction: column;
    align-items: center;
  }
}
.phone-work-archive-detail__item {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .phone-work-archive-detail__item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.phone-work-archive-detail__head {
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: bold;
  color: #2685bc;
  line-height: 1.6;
}
.phone-work-archive-detail__item {
  display: flex;
  flex-direction: column;
}
.phone-work-archive-detail__item dt {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 185px;
  margin-bottom: 15px;
  padding: 7px 18px;
  color: #fff;
  border-radius: 38px;
  background: #2685bc;
}
.phone-work-archive-detail__item dt i {
  position: relative;
  box-sizing: content-box;
}
.phone-work-archive-detail__item dt i::before {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.phone-work-archive-detail__item dt i img {
  width: 100%;
}
.phone-work-archive-detail__item + .phone-work-archive-detail__item {
  margin-top: 25px;
}
.phone-work-archive-detail__item.-type-1 dt i {
  width: 18px;
  padding-right: 9px;
}
.phone-work-archive-detail__item.-type-2 dt i {
  width: 16px;
  padding-right: 12px;
}
.phone-work-archive-detail__request li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 15px;
  font-weight: bold;
  color: #3c3c3c;
  line-height: 1.6;
}
.phone-work-archive-detail__request li i {
  flex-shrink: 0;
  width: 19px;
}
.phone-work-archive-detail__request li i img {
  width: 100%;
}
.phone-work-archive-detail__request li + li {
  margin-top: 5px;
}
.phone-work-archive-detail__function {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.phone-work-archive-detail__function li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: bold;
  color: #222;
  line-height: 1.2;
  text-align: center;
}
.phone-work-archive-detail__fig {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  background: #f5f5f5;
}
.phone-work-archive-detail__fig span {
  width: 80%;
  height: 100%;
  padding: 10px 0;
}
.phone-work-archive-detail__fig img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.phone-work-archive-detail__image {
  order: -1;
  flex-shrink: 0;
  width: 233px;
}
@media screen and (max-width: 768px) {
  .phone-work-archive-detail__image {
    max-width: 100%;
  }
}
.phone-work-archive-detail__image img {
  width: 100%;
}
.phone-work-archive-detail__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 480px;
  margin: 20px auto 0;
  padding: 15px 0;
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  background: #e8442a;
}
.phone-work-archive-detail__more::after {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}

.work-detail-mv {
  position: relative;
  overflow: hidden;
}
.work-detail-mv__wrap {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 300px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .work-detail-mv__wrap {
    min-height: 0;
    margin: 0 -4vw;
  }
}
.work-detail-mv__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 585px;
}
@media screen and (max-width: 768px) {
  .work-detail-mv__item {
    max-width: 100vw;
  }
}
.work-detail-mv__head {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .work-detail-mv__head {
    width: 100vw;
  }
}
.work-detail-mv__head small {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 8px;
  font-size: 20px;
  line-height: 1.8;
  border-radius: 5px;
  background: #fcd03d;
}
.work-detail-mv__head small i {
  flex-shrink: 0;
  width: fit-content;
}
.work-detail-mv__head small i img {
  width: 100%;
}
.work-detail-mv__head em {
  font-size: 55px;
  line-height: 1.3636363636;
}
.work-detail-mv__head [data-device=pc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .work-detail-mv__head [data-device=pc] {
    display: none;
  }
}
.work-detail-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .work-detail-mv__head [data-device=sp] {
    display: block;
  }
}
.work-detail-mv__head [data-device=sp] img {
  width: 100%;
}
.work-detail-mv__table {
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .work-detail-mv__table {
    display: none;
  }
}
.work-detail-mv__table td {
  position: relative;
  padding: 9px 0 7px;
}
.work-detail-mv__table td:not(:last-child)::after {
  content: "";
  position: absolute;
  height: 65%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px dotted #222;
}
.work-detail-mv__table tr:not(:first-child) td::before {
  content: "";
  position: absolute;
  width: 90%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px dotted #222;
}
.work-detail-mv__txt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 20px auto 0;
  padding: 5px 35px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 36px;
  background: #222;
}
@media screen and (max-width: 768px) {
  .work-detail-mv__txt {
    display: none;
  }
}
.work-detail-mv__image {
  position: absolute;
  width: fit-content;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .work-detail-mv__image {
    display: none;
  }
}
.work-detail-mv__image img {
  width: 100%;
}
.work-detail-mv__image.-type-1 {
  bottom: 0;
}
.work-detail-mv__image.-type-2 {
  bottom: 50px;
}
.work-detail-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.work-detail-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.work-detail-nav {
  position: relative;
  padding: 20px;
  background: #ededed;
}
@media screen and (max-width: 768px) {
  .work-detail-nav {
    padding: 20px 0 28px;
  }
}
.work-detail-nav::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #ededed;
  z-index: -1;
}
.work-detail-nav__head {
  margin-bottom: 20px;
  font-size: 23px;
  line-height: 1.5652173913;
  font-weight: bold;
  color: #222;
  font-family: "DIN 2014", din-2014, sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .work-detail-nav__head {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    font-size: 19px;
  }
}
.work-detail-nav__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .work-detail-nav__columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
}
.work-detail-nav__column a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 15px 5px 20px;
  font-weight: bold;
  line-height: 1.6;
  background: #fff;
}
.work-detail-nav__column a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  background: #b1b1b1;
  clip-path: polygon(0 0, 0% 100%, 100% 0%);
}
.work-detail-nav__column a small {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 5px;
  font-size: 12px;
  border-bottom: 1px dotted #222;
}
@media screen and (max-width: 768px) {
  .work-detail-nav__column a small {
    border-bottom: dotted 2px #222;
  }
}
.work-detail-nav__column a em {
  font-size: 15px;
}
.work-detail-nav__column a i {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #2685bc;
}
.work-detail-nav__column a i::before {
  content: "";
  width: 10px;
  height: 5px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.work-detail-nav__column a:hover {
  color: #fff;
  background: #2685bc;
}
.work-detail-nav__column a:hover small {
  border-bottom: 1px dotted #fff;
}
.work-detail-nav__column a:hover i {
  background: #fff;
}
.work-detail-nav__column a:hover i::before {
  background: #2685bc;
}

.work-detail-intro {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .work-detail-intro {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.work-detail-intro__column {
  padding: 10px 20px 20px;
  background: #fbf6e7;
}
.work-detail-intro__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 15px;
}
.work-detail-intro__column dt > i {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .work-detail-intro__column dt > i {
    width: 45.3333333333vw;
    max-width: 220px;
  }
}
.work-detail-intro__column dt > i img {
  width: 100%;
}
.work-detail-intro__column dt span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 20px;
  line-height: 1.7;
  font-weight: bold;
  color: #e8442a;
}
.work-detail-intro__column dt span i {
  width: fit-content;
}
.work-detail-intro__column dt span i img {
  width: 100%;
}
.work-detail-intro__column dd {
  font-size: 15px;
  line-height: 1.7;
  color: #222;
}
.work-detail-intro__column dd em {
  font-weight: bold;
}

.work-detail-task {
  width: 100%;
  max-width: 730px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .work-detail-task {
    width: 100vw;
    max-width: 100vw;
    margin: 0 -4vw;
    overflow: hidden;
  }
}
.work-detail-task__wrap {
  position: relative;
  padding: 20px 30px 100px;
  background: linear-gradient(180deg, #fff, #ececec 70%, #e0e0e0);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .work-detail-task__wrap {
    padding: 20px min(8vw, 30px) 135px;
  }
}
.work-detail-task__lead {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  white-space: nowrap;
  font-size: 19px;
  font-weight: bold;
  color: #222;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .work-detail-task__lead {
    margin-bottom: 50px;
    font-size: 17px;
  }
}
.work-detail-task__lead span {
  position: relative;
  font-size: 28px;
  color: #005bac;
  text-emphasis: filled;
}
@media screen and (max-width: 768px) {
  .work-detail-task__lead span {
    font-size: 25px;
  }
}
.work-detail-task__lead span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/copy/work/underLine_wave.svg);
}
.work-detail-task__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 20px;
}
@media screen and (max-width: 768px) {
  .work-detail-task__items {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 400px;
    margin: 0 auto;
  }
}
.work-detail-task__item {
  position: relative;
  min-width: 194px;
  padding: 20px 30px;
  font-size: 15px;
  font-weight: bold;
  color: #222;
  text-align: center;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .work-detail-task__item {
    margin-top: -20px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
  }
}
.work-detail-task__item::before, .work-detail-task__item::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
}
.work-detail-task__item::before {
  width: 16px;
}
.work-detail-task__item::after {
  width: 10px;
}
.work-detail-task__item span {
  color: #005bac;
}
@media screen and (max-width: 768px) {
  .work-detail-task__item:nth-child(1) {
    margin-top: 0;
  }
}
.work-detail-task__item:nth-child(1)::before {
  bottom: 18px;
  right: 10px;
}
.work-detail-task__item:nth-child(1)::after {
  bottom: 10px;
  right: 2px;
}
.work-detail-task__item:nth-child(2)::before {
  bottom: -3px;
  right: 60px;
}
.work-detail-task__item:nth-child(2)::after {
  bottom: -13px;
  right: 70px;
}
.work-detail-task__item:nth-child(3)::before {
  bottom: 20px;
  left: 10px;
}
.work-detail-task__item:nth-child(3)::after {
  bottom: 15px;
  left: 0;
}
.work-detail-task__item:nth-child(4) {
  margin-right: 30px;
}
.work-detail-task__item:nth-child(4)::before {
  bottom: 18px;
  right: 10px;
}
.work-detail-task__item:nth-child(4)::after {
  bottom: 10px;
  right: 2px;
}
.work-detail-task__item:nth-child(5) {
  margin-left: 30px;
}
.work-detail-task__item:nth-child(5)::before {
  bottom: 15px;
  left: 15px;
}
.work-detail-task__item:nth-child(5)::after {
  bottom: 10px;
  left: 5px;
}
@media screen and (max-width: 768px) {
  .work-detail-task__item:nth-child(odd)::before {
    bottom: -5px;
    right: auto;
    left: 70px;
  }
}
@media screen and (max-width: 768px) {
  .work-detail-task__item:nth-child(odd)::after {
    bottom: -15px;
    left: 85px;
    right: auto;
  }
}
@media screen and (max-width: 768px) {
  .work-detail-task__item:nth-child(even) {
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .work-detail-task__item:nth-child(even)::before {
    bottom: 4px;
    right: 30px;
    left: auto;
  }
}
@media screen and (max-width: 768px) {
  .work-detail-task__item:nth-child(even)::after {
    bottom: -7px;
    right: 42px;
    left: auto;
  }
}
.work-detail-task__fig {
  position: absolute;
  width: 205px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .work-detail-task__fig {
    left: 75%;
  }
}
.work-detail-task__fig img {
  width: 100%;
}
.work-detail-task__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.work-detail-task__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work-detail-task__foot {
  position: relative;
  width: 100%;
  height: 270px;
  margin-top: -70px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .work-detail-task__foot {
    height: 400px;
  }
}
.work-detail-task__foot i {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff9e6;
  clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0, 50% 15%);
}
@media screen and (max-width: 768px) {
  .work-detail-task__foot i {
    clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0, 50% 10%);
  }
}
.work-detail-task__images {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .work-detail-task__images {
    justify-content: center;
    align-items: flex-start;
    padding: 55px 0 0;
  }
}
.work-detail-task__image img {
  width: 100%;
}
.work-detail-task__image.-type-1 {
  width: 190px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .work-detail-task__image.-type-1 {
    position: absolute;
    right: 45%;
    bottom: 15px;
    margin-top: 0;
  }
}
.work-detail-task__image.-type-2 {
  width: 236px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .work-detail-task__image.-type-2 {
    width: 226px;
    margin-top: 0;
  }
}
.work-detail-task__image.-type-3 {
  position: absolute;
  width: 250px;
  bottom: 0;
  right: -8px;
}
@media screen and (max-width: 768px) {
  .work-detail-task__image.-type-3 {
    width: 175px;
    right: auto;
    left: 52%;
  }
}
.work-detail-task__image.-type-4 {
  width: 210px;
}
@media screen and (max-width: 768px) {
  .work-detail-task__image.-type-4 {
    position: absolute;
    bottom: -100px;
    left: 33%;
    transform: translateX(-50%);
  }
}

.work-detail-function {
  --_color: #2685bc;
  margin-top: 25px;
}
.work-detail-function__intro {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: var(--_color);
}
@media screen and (max-width: 768px) {
  .work-detail-function__intro {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    padding: 20px 15px 10px;
  }
}
.work-detail-function__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding-top: 5px;
}
.work-detail-function__item dt {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  padding: 7px 25px;
  border-radius: 18px;
  background: #fcd03d;
}
.work-detail-function__item dt i {
  position: relative;
  flex-shrink: 0;
  width: 13px;
  padding-right: 8px;
  box-sizing: content-box;
}
.work-detail-function__item dt i::before {
  content: "";
  position: absolute;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #222;
}
.work-detail-function__item dt i img {
  width: 100%;
}
.work-detail-function__item dd {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  line-height: 1.6;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
.work-detail-function__fig {
  flex-shrink: 0;
  width: 210px;
}
.work-detail-function__fig img {
  width: 100%;
}
.work-detail-function__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 960px;
  margin: 0 auto 15px;
}
@media screen and (max-width: 768px) {
  .work-detail-function__columns {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
}
.work-detail-function__column {
  display: flex;
  flex-direction: column;
}
.work-detail-function__heading {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 13px 20px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: var(--_color);
}
@media screen and (max-width: 768px) {
  .work-detail-function__heading {
    gap: 15px;
    padding: 10px 20px;
  }
}
.work-detail-function__heading i {
  flex-shrink: 0;
  width: fit-content;
}
.work-detail-function__heading i img {
  width: 100%;
}
.work-detail-function__detail {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  padding: 20px 24px;
  border: 1px solid #d9dae0;
  background: #fbfaf0;
}
.work-detail-function__image {
  width: fit-content;
}
.work-detail-function__image img {
  width: 100%;
}
.work-detail-function__lead {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: var(--_color);
  line-height: 1.6;
}
.work-detail-function__lead::before {
  content: "";
  position: absolute;
  width: 194px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d9dae0;
}
.work-detail-function__txt {
  margin-bottom: auto;
  font-size: 15px;
  line-height: 1.5;
  color: #222;
}
.work-detail-function__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25em;
  width: 75%;
  margin-top: 20px;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 600;
  color: #2685BC;
  border: 1px solid #2685bc;
  border-radius: 100px;
  background: #fff;
  transition: color 0.3s, background 0.3s;
}
.work-detail-function__more::before {
  content: "▶︎";
}
.work-detail-function__more:hover {
  opacity: 1;
  color: #fff;
  background: #2685BC;
}

.phone-faq-tab__wrap {
  margin-top: 25px;
}
.phone-faq-tab__tabs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
}
.phone-faq-tab__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 8px;
  word-break: auto-phrase;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  background: linear-gradient(to bottom, #ff4021 0%, #e93c1f 90%, #da371e 100%);
}
@media screen and (max-width: 768px) {
  .phone-faq-tab__btn {
    position: relative;
    font-size: min(2.9333333333vw, 14px);
    background: #ff613a;
  }
}
.phone-faq-tab__btn[aria-selected=true] {
  color: #222;
  background: linear-gradient(to bottom, #d8d8d8 0%, #e0e0e0 9%, #f3f3f3 100%);
}
.phone-faq-tab__item {
  display: none;
  padding: 35px;
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .phone-faq-tab__item {
    padding: 20px;
  }
}
.phone-faq-tab__item[aria-hidden=false] {
  display: block;
}
.phone-faq-tab__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
  padding: 15px 0;
  font-size: 17px;
  color: #fff;
  line-height: 1.6;
  background: #494c5f;
}
@media screen and (max-width: 768px) {
  .phone-faq-tab__more {
    margin-top: 20px;
    font-size: 16px;
  }
}
.phone-faq-tab__more::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 10px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}

.phone-warranty-mv {
  position: relative;
}
.phone-warranty-mv__wrap {
  display: flex;
  align-items: center;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-mv__wrap {
    min-height: 0;
    margin: 0 -4vw;
  }
}
.phone-warranty-mv__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 470px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-mv__item {
    width: 100vw;
    max-width: 100vw;
  }
}
.phone-warranty-mv__lead {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-warranty-mv__lead {
    display: none;
  }
}
.phone-warranty-mv__head {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-mv__head {
    margin-bottom: 0;
  }
}
.phone-warranty-mv__head img {
  width: 100%;
}
.phone-warranty-mv__fig {
  width: 189px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-mv__fig {
    display: none;
  }
}
.phone-warranty-mv__fig img {
  width: 100%;
}
.phone-warranty-mv__bg {
  position: absolute;
  width: 2000px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.phone-warranty-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-warranty-intro {
  position: relative;
  padding: 30px;
}
.phone-warranty-intro__item {
  max-width: 50%;
  min-width: 397px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-intro__item {
    max-width: 100%;
    min-width: 0;
  }
}
.phone-warranty-intro__lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-intro__lead {
    align-items: center;
  }
}
.phone-warranty-intro__lead span {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 20px;
  color: #fff;
  border-radius: 38px;
  background: #2685bc;
}
.phone-warranty-intro__lead span i {
  position: relative;
  flex-shrink: 0;
  width: 22px;
  padding-right: 9px;
  box-sizing: content-box;
}
.phone-warranty-intro__lead span i::after {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.phone-warranty-intro__lead span i img {
  width: 100%;
}
.phone-warranty-intro__lead em {
  word-break: auto-phrase;
  font-size: 23px;
  font-weight: bold;
  color: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-warranty-intro__lead em {
    text-align: center;
  }
}
.phone-warranty-intro__txt {
  margin-bottom: 40px;
  font-size: 15px;
}
.phone-warranty-intro__fig {
  width: fit-content;
  max-width: 100%;
}
.phone-warranty-intro__fig img {
  width: 100%;
}
.phone-warranty-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-warranty-intro__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
  }
}
.phone-warranty-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right top;
}

.phone-warranty-data {
  margin-top: 30px;
}
.phone-warranty-data__item {
  display: flex;
}
.phone-warranty-data__item dt {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 250px;
  padding: 20px 25px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-warranty-data__item dt {
    gap: 5px;
    width: 35%;
    padding: 15px 10px;
    white-space: nowrap;
    font-size: 15px;
  }
}
.phone-warranty-data__item dt i {
  flex-shrink: 0;
  width: 18px;
}
.phone-warranty-data__item dt i img {
  width: 100%;
}
.phone-warranty-data__item dd {
  display: flex;
  flex-grow: 1;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .phone-warranty-data__item dd {
    display: block;
    font-size: 13px;
    padding: 15px;
  }
}
.phone-warranty-data__item dd span {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 20px 40px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-warranty-data__item dd span {
    display: inline;
    padding: 0;
  }
}
.phone-warranty-data__item dd em {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: baseline;
  width: 190px;
  padding: 20px;
  font-weight: bold;
  color: #fff;
  background: #f26419;
}
@media screen and (max-width: 768px) {
  .phone-warranty-data__item dd em {
    display: inline;
    width: auto;
    padding: 2px 8px;
  }
}
.phone-warranty-data__item dd em b {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-data__item dd em b {
    font-size: 13px;
  }
}
.phone-warranty-data__item dd:not(:has(> span)) {
  padding: 20px 40px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-data__item dd:not(:has(> span)) {
    padding: 15px;
  }
}
.phone-warranty-data__item + .phone-warranty-data__item {
  margin-top: 1px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-data__item.-type-1 dd {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .phone-warranty-data__item.-type-1 dd span {
    flex-grow: 0;
  }
}
@media screen and (max-width: 768px) {
  .phone-warranty-data__item.-type-1 dd em {
    padding: 0 8px;
    line-height: 1.3076923077;
  }
}

.phone-warranty-service {
  margin-top: 30px;
}
.phone-warranty-service__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-height: 270px;
  margin-bottom: 24px;
  padding-top: 55px;
}
@media screen and (max-width: 768px) {
  .phone-warranty-service__wrap {
    min-height: 0;
    padding: 30px 0;
  }
}
.phone-warranty-service__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  font-size: 21px;
  font-weight: bold;
  color: #1d2731;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-warranty-service__head {
    word-break: auto-phrase;
    font-size: 23px;
    text-align: center;
  }
}
.phone-warranty-service__head i {
  width: 136px;
}
.phone-warranty-service__head i img {
  width: 100%;
}
.phone-warranty-service__txt {
  font-size: 15px;
  color: #434343;
}
.phone-warranty-service__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-warranty-service__bg {
    width: 100vw;
  }
}
.phone-warranty-service__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .phone-warranty-service__bg img {
    object-position: left center;
  }
}
@media screen and (max-width: 768px) {
  .phone-warranty-service__image {
    margin: 0 -4vw;
  }
}
.phone-warranty-service__image img {
  width: 100%;
}

.phone-flotation-intro__wrap {
  display: flex;
  gap: 44px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .phone-flotation-intro__wrap {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .phone-flotation-intro__item {
    display: contents;
  }
}
.phone-flotation-intro__lead {
  width: fit-content;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .phone-flotation-intro__lead {
    order: -1;
    margin-bottom: 0;
  }
}
.phone-flotation-intro__lead img {
  width: 100%;
}
.phone-flotation-intro__txt em {
  font-weight: bold;
  color: #e8442a;
}
.phone-flotation-intro__image {
  flex-shrink: 0;
  width: 236px;
}
@media screen and (max-width: 768px) {
  .phone-flotation-intro__image {
    order: -1;
    width: 100%;
  }
}
.phone-flotation-intro__image img {
  width: 100%;
}
.phone-flotation-intro__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-flotation-intro__columns {
    grid-template-columns: 1fr;
  }
}
.phone-flotation-intro__column {
  padding: 0 20px 20px;
  border: 1px solid #efefef;
  background: #fcfcfc;
}
.phone-flotation-intro__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .phone-flotation-intro__column dt {
    align-items: flex-start;
  }
}
.phone-flotation-intro__column dt small {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .phone-flotation-intro__column dt small {
    transform: translateX(-20px);
  }
}
.phone-flotation-intro__column dt small img {
  width: 100%;
}
.phone-flotation-intro__column dt span {
  max-width: 10em;
  margin: 0 auto;
  word-break: auto-phrase;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 1.3;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-flotation-intro__column dt span {
    max-width: 100%;
    word-break: break-all;
    text-align: left;
  }
}
.phone-flotation-intro__column dt span em {
  color: #d65914;
}
.phone-flotation-intro__column dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.phone-flotation-intro__fig {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .phone-flotation-intro__fig {
    display: none;
  }
}
.phone-flotation-intro__fig img {
  width: 100%;
}

.phone-flotation-line {
  position: relative;
  padding: 30px 240px 30px 30px;
  overflow: hidden;
  background: #f8f9fb;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-flotation-line {
    padding: 0;
    background: none;
  }
}
.phone-flotation-line__lead {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #ff3514;
  line-height: 1.3;
}
.phone-flotation-line__txt span {
  text-decoration: underline;
}
.phone-flotation-line__txt em {
  font-weight: bold;
  color: #ff3514;
}
.phone-flotation-line__bg {
  position: absolute;
  width: 380px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-flotation-line__bg {
    display: none;
  }
}
.phone-flotation-line__bg img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .phone-flotation-trouble {
    position: relative;
    padding: 30px 0;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .phone-flotation-trouble::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #005bac;
    z-index: -1;
  }
}
@media screen and (max-width: 768px) {
  .phone-flotation-trouble__lead {
    width: fit-content;
    margin: 0 auto 20px;
  }
}
.phone-flotation-trouble__lead img {
  width: 100%;
}
.phone-flotation-trouble__wrap {
  padding: 0 30px 25px;
  background: #005bac;
}
@media screen and (max-width: 768px) {
  .phone-flotation-trouble__wrap {
    padding: 0;
  }
}
.phone-flotation-trouble__cases {
  margin-bottom: 35px;
  border: 1px solid #dcdcdc;
}
@media screen and (max-width: 768px) {
  .phone-flotation-trouble__cases {
    margin-bottom: 15px;
    border: none;
  }
}
.phone-flotation-trouble__case dt {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 10px;
  font-size: 18px;
  font-weight: bold;
  color: #191919;
  line-height: 1.6;
  border-bottom: 1px solid #dcdcdc;
  background: #e0f0ff;
}
@media screen and (max-width: 768px) {
  .phone-flotation-trouble__case dt {
    position: relative;
    padding: 20px 15px 15px;
  }
}
.phone-flotation-trouble__case dt i {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  gap: 20px;
  width: 110px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 2;
  color: #fff;
  text-transform: uppercase;
  border-radius: 24px;
  background: #005bac;
}
@media screen and (max-width: 768px) {
  .phone-flotation-trouble__case dt i {
    position: absolute;
    top: -10px;
    left: 10px;
  }
}
.phone-flotation-trouble__case dt i span {
  position: absolute;
  width: 28px;
  bottom: 5px;
  left: 5px;
}
.phone-flotation-trouble__case dt i span img {
  width: 100%;
}
.phone-flotation-trouble__case dd {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 10px 20px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-flotation-trouble__case + .phone-flotation-trouble__case {
    margin-top: 15px;
  }
}
.phone-flotation-trouble__case + .phone-flotation-trouble__case dt {
  border-top: 1px solid #dcdcdc;
}
.phone-flotation-trouble__image {
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 115px;
  border-radius: 50%;
  background: #e0f0ff;
}
@media screen and (max-width: 768px) {
  .phone-flotation-trouble__image {
    display: none;
  }
}
.phone-flotation-trouble__image span img {
  width: 100%;
}
.phone-flotation-trouble__image.-type-1 span {
  width: 80px;
}
.phone-flotation-trouble__image.-type-2 span {
  width: 65px;
}
.phone-flotation-trouble__image.-type-3 span {
  width: 70px;
}
.phone-flotation-trouble__image.-type-4 span {
  width: 50px;
}
.phone-flotation-trouble__desc em {
  font-weight: bold;
  color: #005bac;
}
.phone-flotation-trouble__summary {
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .phone-flotation-trouble__summary {
    width: fit-content;
    margin: 0 auto 10px;
  }
}
.phone-flotation-trouble__summary img {
  width: 100%;
}
.phone-flotation-trouble__txt {
  display: flex;
  justify-content: center;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}

.phone-flotation-flow {
  margin-bottom: 30px;
}
.phone-flotation-flow__txt {
  margin-bottom: 30px;
}
.phone-flotation-flow__txt em {
  font-weight: bold;
  text-decoration: underline;
}
.phone-flotation-flow__txt em.-color {
  color: #6fb526;
  text-decoration: none;
}
.phone-flotation-flow__wrap {
  padding-bottom: 30px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-flotation-flow__wrap {
    margin: 0 -4vw;
  }
}
.phone-flotation-flow__lead img {
  width: 100%;
}
.phone-flotation-flow__image {
  padding: 0 35px;
}
@media screen and (max-width: 768px) {
  .phone-flotation-flow__image {
    width: 660px;
    margin: 0 auto;
    box-sizing: content-box;
  }
}
.phone-flotation-flow__image img {
  width: 100%;
}

.phone-flotation-campaign__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-flotation-campaign__links {
    grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr));
  }
}
.phone-flotation-campaign__link a {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.phone-flotation-campaign__link a span img {
  width: 100%;
}
.phone-flotation-campaign__link a small {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .phone-flotation-campaign__link a small {
    font-size: 14px;
  }
}
.phone-flotation-campaign__image {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-flotation-campaign__image {
    display: block;
    margin-top: 20px;
  }
}
.phone-flotation-campaign__image img {
  width: 100%;
}
.phone-flotation-campaign__images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-flotation-campaign__images {
    display: none;
  }
}
.phone-flotation-campaign__images span img {
  width: 100%;
}
.phone-flotation-campaign__lead {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #ff3514;
}
.phone-flotation-campaign__txt {
  margin-top: 10px;
  color: #333;
}
.phone-flotation-campaign__summary {
  margin: 20px auto 0;
  width: fit-content;
}
.phone-flotation-campaign__summary img {
  width: 100%;
}
.phone-flotation-campaign__more {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .phone-flotation-campaign__more {
    margin-top: 20px;
  }
}
.phone-flotation-campaign__more img {
  width: 100%;
}

.phone-new-mv {
  position: relative;
  overflow: hidden;
}
.phone-new-mv__wrap {
  position: relative;
  z-index: 1;
}
.phone-new-mv__intro {
  height: 285px;
}
.phone-new-mv__month {
  position: relative;
  display: flex;
  align-items: center;
  width: 356px;
  height: 50px;
  margin-bottom: 15px;
  padding-left: 58px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
}
.phone-new-mv__month i {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-new-mv__month i img {
  width: 100%;
}
.phone-new-mv__item {
  position: relative;
  width: 735px;
  margin-left: min(1.300390117vw, 60px);
}
.phone-new-mv__lead {
  position: absolute;
  width: 476px;
  top: 15px;
  left: 230px;
}
.phone-new-mv__lead img {
  width: 100%;
}
.phone-new-mv__head {
  width: 735px;
}
.phone-new-mv__head img {
  width: 100%;
}
.phone-new-mv__image {
  position: absolute;
  width: 350px;
  top: 5px;
  left: max(100% - 350px, 614px);
  z-index: -1;
}
.phone-new-mv__image img {
  width: 100%;
}
.phone-new-mv__bottom {
  position: relative;
  display: grid;
  grid-template-columns: 179px auto 337px;
  align-items: center;
  gap: 20px;
  height: 115px;
  z-index: 1;
}
.phone-new-mv__bottom::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #a82f1c;
  z-index: -1;
}
.phone-new-mv__num {
  position: relative;
  padding-left: 70px;
  font-size: 55px;
  font-weight: bold;
  color: #fccd4d;
  line-height: 1;
  z-index: 1;
}
.phone-new-mv__num i {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.phone-new-mv__num i img {
  width: 100%;
}
.phone-new-mv__fig img {
  width: 100%;
}
.phone-new-mv__link {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-new-mv__link {
    display: block;
  }
}
.phone-new-mv__link img {
  width: 100%;
}
.phone-new-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-new-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-new-intro {
  position: relative;
  min-height: 198px;
  margin-top: 25px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .phone-new-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
    padding: 25px 0 0;
  }
}
.phone-new-intro__txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 30px 40px 20px;
}
@media screen and (max-width: 768px) {
  .phone-new-intro__txt {
    position: relative;
    padding: 0;
  }
}
.phone-new-intro__txt span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 198px;
  height: 35px;
  padding: 0 25px;
  white-space: nowrap;
  font-size: 15px;
  font-weight: bold;
  color: #222;
  border-radius: 35px;
  background: #fcd03d;
}
@media screen and (max-width: 768px) {
  .phone-new-intro__txt span {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.phone-new-intro__txt span i {
  position: relative;
  flex-shrink: 0;
  width: 13px;
  padding-right: 8px;
  box-sizing: content-box;
}
.phone-new-intro__txt span i::before {
  content: "";
  position: absolute;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dashed #222;
}
.phone-new-intro__txt span i img {
  width: 100%;
}
.phone-new-intro__txt em {
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-decoration: underline;
  text-underline-offset: 8px;
}
@media screen and (max-width: 768px) {
  .phone-new-intro__txt em {
    font-size: 21px;
    text-align: center;
    text-decoration-thickness: 2px;
  }
}
.phone-new-intro__image {
  position: absolute;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .phone-new-intro__image {
    position: inherit;
  }
}
.phone-new-intro__image img {
  width: 100%;
}
.phone-new-intro__image.-type-1 {
  right: 5%;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .phone-new-intro__image.-type-1 {
    bottom: auto;
    right: auto;
  }
}
.phone-new-intro__image.-type-2 {
  right: 10%;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .phone-new-intro__image.-type-2 {
    bottom: auto;
    right: auto;
  }
}
.phone-new-intro__image.-type-3 {
  right: 15%;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .phone-new-intro__image.-type-3 {
    top: auto;
    right: auto;
    transform: none;
  }
}

.phone-new-feature-point {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .phone-new-feature-point {
    grid-template-columns: 1fr;
  }
}
.phone-new-feature-point__item {
  padding: 30px 18px 20px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-new-feature-point__item {
    padding: 15px 30px 20px;
  }
}
.phone-new-feature-point__item dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
}
@media screen and (max-width: 768px) {
  .phone-new-feature-point__item dt {
    margin-bottom: 10px;
  }
}
.phone-new-feature-point__item dt i {
  width: 145px;
}
.phone-new-feature-point__item dt i img {
  width: 100%;
}
.phone-new-feature-point__item dt span {
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .phone-new-feature-point__item dt span {
    font-size: 18px;
  }
}
.phone-new-feature-point__item dt span em {
  color: #d31c01;
}
.phone-new-feature-point__item dd {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-new-feature-point__item dd {
    line-height: 1.7;
  }
}
.phone-new-feature-point__item dd em {
  font-weight: bold;
  color: #e8442a;
}

.phone-new-market-price {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-new-market-price {
    grid-template-columns: 1fr;
  }
}
.phone-new-market-price__column {
  font-weight: bold;
  border: 1px solid #e7e7e7;
  border-collapse: separate;
  border-spacing: 1px;
}
.phone-new-market-price__item {
  display: grid;
  grid-template-columns: 25% 1fr;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-new-market-price__item {
    grid-template-columns: 30% 1fr;
  }
}
.phone-new-market-price__item dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  font-size: 18px;
  color: #fff;
  border-right: 1px solid #e7e7e7;
  background: #494c5e;
}
@media screen and (max-width: 768px) {
  .phone-new-market-price__item dt {
    padding: 10px 5px;
  }
}
.phone-new-market-price__item dt em {
  font-size: 23px;
}
.phone-new-market-price__item dd {
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 10px 20px;
  font-size: 17px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-new-market-price__item dd {
    padding: 10px 5px;
  }
}
.phone-new-market-price__item dd em {
  font-size: 28px;
}
.phone-new-market-price__item + .phone-new-market-price__item {
  border-top: 1px solid #e7e7e7;
}

.phone-new-offer-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 35px;
}
@media screen and (max-width: 768px) {
  .phone-new-offer-list {
    grid-template-columns: 1fr;
  }
}
.phone-new-offer-list li {
  list-style: disc inside;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-new-offer-list li {
    font-size: 15px;
  }
}

.phone-new-method {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-new-method {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}
.phone-new-method__column {
  padding: 20px 25px 30px;
  line-height: 1.6;
  border: 1px solid #d9dae0;
  background: #fbfaf0;
}
@media screen and (max-width: 768px) {
  .phone-new-method__column {
    padding: 25px 35px;
  }
}
.phone-new-method__column dt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #2685bc;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-new-method__column dt {
    gap: 10px;
  }
}
.phone-new-method__column dt::before {
  content: "";
  position: absolute;
  width: 70%;
  height: 2px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d9dae0;
}
.phone-new-method__column dd {
  font-size: 14px;
}
.phone-new-method__column dd em {
  font-weight: bold;
}
.phone-new-method__icon {
  position: absolute;
  width: 60px;
  top: -35px;
  left: -45px;
}
@media screen and (max-width: 768px) {
  .phone-new-method__icon {
    left: -55px;
  }
}
.phone-new-method__icon img {
  width: 100%;
}
.phone-new-method__fig {
  width: 140px;
}
@media screen and (max-width: 768px) {
  .phone-new-method__fig {
    width: 37.3333333333vw;
    min-width: 140px;
    max-width: 180px;
  }
}
.phone-new-method__fig img {
  width: 100%;
}
.phone-new-method__heading {
  padding-bottom: 15px;
  border-bottom: 2px solid #d9dae0;
}

.phone-new-tab {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.phone-new-tab__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.phone-new-tab__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px;
  font-size: 20px;
  color: #fff;
  line-height: 1.6;
  background: #b1b1b1;
}
.phone-new-tab__btn[aria-selected=true] {
  background: var(--_background);
}
.phone-new-tab__item {
  background: var(--_background);
}
.phone-new-tab__item[aria-hidden=true] {
  display: none;
}
.phone-new-tab__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 6px;
  padding: 28px 30px;
}
@media screen and (max-width: 768px) {
  .phone-new-tab__columns {
    grid-template-columns: 1fr;
    padding: 17px;
  }
}
.phone-new-tab__column {
  background: #fff;
}
.phone-new-tab__column dt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 77px;
  padding: 10px 25px 10px 45px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .phone-new-tab__column dt {
    flex-wrap: wrap;
    padding: 30px 10px 25px 30px;
  }
}
.phone-new-tab__column dt i {
  position: absolute;
  width: 60px;
  top: -2px;
  left: -7px;
}
@media screen and (max-width: 768px) {
  .phone-new-tab__column dt i {
    top: -8px;
    left: -17px;
  }
}
.phone-new-tab__column dt i img {
  width: 100%;
}
.phone-new-tab__column dt span span {
  color: var(--_color);
}
.phone-new-tab__column dd {
  padding: 20px;
  font-size: 15px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .phone-new-tab__column dd {
    padding: 15px;
  }
}
.phone-new-tab__column dd em {
  font-weight: bold;
  color: var(--_color);
}

.phone-new-criteria {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-new-criteria {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.phone-new-criteria__item {
  padding: 25px 33px 30px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-new-criteria__item {
    padding: 25px;
  }
}
.phone-new-criteria__item dt {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border-bottom: 1px solid #b1b1b1;
}
@media screen and (max-width: 768px) {
  .phone-new-criteria__item dt {
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 17px;
  }
}
.phone-new-criteria__item dt i {
  position: absolute;
  width: 60px;
  top: -35px;
  left: -33px;
}
.phone-new-criteria__item dt i img {
  width: 100%;
}
.phone-new-criteria__item dd {
  font-size: 14px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .phone-new-criteria__item dd {
    font-size: 15px;
  }
}
.phone-new-criteria__item dd em {
  font-weight: bold;
  color: #70b53d;
}

.phone-new-lease-price {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-new-lease-price {
    grid-template-columns: 1fr;
    margin-top: 15px;
  }
}
.phone-new-lease-price__table {
  font-weight: bold;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 1px;
}
.phone-new-lease-price__table th, .phone-new-lease-price__table td {
  padding: 15px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ebeaea;
}
.phone-new-lease-price__table thead th {
  font-size: 18px;
  color: #70b53d;
  line-height: 1.4;
  background: #434343;
  border-radius: 10px 10px 0 0;
}
.phone-new-lease-price__table thead th .f_white {
  color: #fff;
}
.phone-new-lease-price__table thead th .f_big {
  font-size: 24px;
}
.phone-new-lease-price__table thead th .f_normal {
  color: #fff;
  font-weight: normal;
}
.phone-new-lease-price__table tbody th {
  font-size: 15px;
  width: 40%;
  color: #fff;
  background: #b1b1b1;
}
.phone-new-lease-price__table tbody th.thick {
  line-height: 1.2;
}
.phone-new-lease-price__table tbody td {
  font-size: 18px;
  color: #494c5e;
}
.phone-new-lease-price__table tbody td.bg_yellow {
  color: #70b53d;
  background: #fff9e6;
}

.phone-new-compare {
  width: 100%;
  margin-top: 20px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .phone-new-compare {
    width: 742px;
  }
}
.phone-new-compare thead th:first-child {
  border: none;
  background-color: #fff;
}
.phone-new-compare .list-tab {
  font-size: 20px;
  font-weight: normal;
}
.phone-new-compare th,
.phone-new-compare td {
  padding: 15px 20px 15px 30px;
  vertical-align: middle;
  border: 0.5px solid #e7e7e7;
}
.phone-new-compare .product td {
  padding: 5px 9px 5px;
}
.phone-new-compare th {
  font-size: 17px;
  color: #fff;
}
.phone-new-compare th:nth-of-type(1) {
  width: 25%;
  text-align: left;
  background: #494c5e;
}
@media screen and (max-width: 768px) {
  .phone-new-compare th:nth-of-type(1) {
    width: auto;
    padding: 10px 30px;
  }
}
.phone-new-compare th:nth-of-type(2) {
  text-align: center;
  background: #e87121;
  border: none;
  border-radius: 10px 0 0 0;
}
.phone-new-compare th:nth-of-type(3) {
  text-align: center;
  background: #005bac;
  border: none;
  border-radius: 0 10px 0 0;
}
.phone-new-compare td:nth-of-type(1) {
  width: 37.5%;
  background: #fff3eb;
}
@media screen and (max-width: 768px) {
  .phone-new-compare td:nth-of-type(1) {
    width: auto;
  }
}
.phone-new-compare td:nth-of-type(2) {
  width: 37.5%;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-new-compare td:nth-of-type(2) {
    width: auto;
  }
}

.phone-merit-demerit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 768px) {
  .phone-merit-demerit {
    grid-template-columns: 1fr;
    margin-top: 15px;
    border-radius: 0;
  }
}
.phone-merit-demerit__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  padding-bottom: 25px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .phone-merit-demerit__column {
    padding-bottom: 15px;
  }
}
.phone-merit-demerit__heading {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .phone-merit-demerit__heading {
    margin-bottom: 15px;
    padding: 20px;
    font-size: 18px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .phone-merit-demerit__heading.-copy {
    justify-content: flex-start;
    gap: 15px;
    background: var(--_background-SP, var(--_background));
  }
}
@media screen and (max-width: 768px) {
  .phone-merit-demerit__heading.-copy::before {
    content: "";
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 50%, #fff 50%, #fff 100%);
  }
}
.phone-merit-demerit__items {
  display: contents;
  padding: 25px 20px;
}
.phone-merit-demerit__item {
  margin: 0 20px;
  background: #fff;
}
.phone-merit-demerit__item dt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 76px;
  padding: 10px 25px 10px 45px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .phone-merit-demerit__item dt {
    padding: 30px 10px 25px 30px;
  }
}
.phone-merit-demerit__item dt i {
  position: absolute;
  width: 60px;
  top: -2px;
  left: -7px;
}
@media screen and (max-width: 768px) {
  .phone-merit-demerit__item dt i {
    top: -8px;
    left: -17px;
  }
}
.phone-merit-demerit__item dt i img {
  width: 100%;
}
.phone-merit-demerit__item dt span span {
  color: var(--_color);
}
.phone-merit-demerit__item dd {
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-merit-demerit__item dd {
    line-height: 1.7;
  }
}
.phone-merit-demerit__item dd em {
  font-weight: bold;
  color: var(--_color);
}
.phone-merit-demerit__item + .phone-merit-demerit__item {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .phone-merit-demerit__item + .phone-merit-demerit__item {
    margin-top: 10px;
  }
}
.phone-merit-demerit__item.-copy dt span {
  color: var(--_color);
}

.phone-maker-rank {
  margin-top: 25px;
}
.phone-maker-rank__intro {
  display: grid;
  grid-template-columns: 124px 1fr;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
}
.phone-maker-rank__intro dt img {
  width: 100%;
}
.phone-maker-rank__intro dd {
  font-weight: bold;
  line-height: 1.6;
}

.phone-used-mv {
  position: relative;
  overflow: hidden;
}
.phone-used-mv__wrap {
  position: relative;
  height: 400px;
  z-index: 1;
}
.phone-used-mv__head {
  position: relative;
  min-width: 880px;
}
.phone-used-mv__head img {
  width: 100%;
}
.phone-used-mv__icon {
  position: absolute;
}
.phone-used-mv__icon img {
  width: 100%;
}
.phone-used-mv__icon.-type-1 {
  width: 206px;
  top: 230px;
  left: -100px;
  transform: translateY(-50%);
  z-index: -1;
}
.phone-used-mv__icon.-type-2 {
  width: 254px;
  top: 15px;
  right: -110px;
}
.phone-used-mv__more {
  position: absolute;
  width: 248px;
  bottom: 25px;
  right: 110px;
}
.phone-used-mv__link {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-used-mv__link {
    display: block;
  }
}
.phone-used-mv__link img {
  width: 100%;
}
.phone-used-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-used-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-used-check-intro {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro {
    margin-top: 100px;
  }
}
.phone-used-check-intro__wrap {
  position: relative;
  background: #70b53d;
  z-index: 1;
}
.phone-used-check-intro__intro {
  position: relative;
  width: 100%;
  max-width: 770px;
  margin: 0 auto;
}
.phone-used-check-intro__head {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  width: 539px;
  padding: 55px 0 25px;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__head {
    gap: 15px;
    width: 100%;
    padding: 20px 10px;
  }
}
.phone-used-check-intro__head em {
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__head em {
    font-size: 23px;
    line-height: 1.3;
  }
}
.phone-used-check-intro__label {
  position: absolute;
  left: 50px;
  top: 0;
  transform: translateY(-50%);
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  white-space: nowrap;
  font-size: 29px;
  font-weight: 700;
  color: #581c00;
  padding: 10px 20px 10px 220px;
  background: linear-gradient(90deg, rgb(204, 152, 54) 0%, rgb(255, 253, 212) 50%, rgb(204, 152, 54) 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__label {
    position: inherit;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 15px 0 15px 2px;
    top: auto;
    left: auto;
    transform: none;
    font-size: 22px;
    line-height: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
}
.phone-used-check-intro__label::before, .phone-used-check-intro__label::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #581c00;
}
.phone-used-check-intro__label::before {
  left: 0;
  top: 5px;
}
.phone-used-check-intro__label::after {
  left: 0;
  bottom: 5px;
}
.phone-used-check-intro__label > small {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff9e6;
  text-align: center;
  line-height: 1;
  padding: 8px 15px;
  background: #581c00;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__label > small {
    position: inherit;
    top: auto;
    left: auto;
    transform: none;
    margin-right: 0.5em;
    padding: 6px;
    font-size: 11px;
  }
}
.phone-used-check-intro__label span small {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__label span small {
    font-size: 12px;
  }
}
.phone-used-check-intro__label span i {
  font-style: italic;
}
.phone-used-check-intro__images {
  position: absolute;
  width: 197px;
  top: -30px;
  right: 50px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__images {
    width: 150px;
    top: -90px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.phone-used-check-intro__images img {
  width: 100%;
}
.phone-used-check-intro__images .-type-1 {
  width: 100%;
}
.phone-used-check-intro__images .-type-2 {
  position: absolute;
  width: 110px;
  bottom: -10px;
  right: -30px;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__images .-type-2 {
    width: 75px;
    right: -25px;
  }
}
.phone-used-check-intro__foot {
  width: 100%;
  max-width: 770px;
  margin: 0 auto;
  padding: 12px 60px;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__foot {
    padding: 10px 0;
  }
}
.phone-used-check-intro__data {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__data {
    flex-direction: column;
    gap: 5px;
  }
}
.phone-used-check-intro__data dt {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5em;
  font-size: 15px;
  line-height: 1.6;
}
.phone-used-check-intro__data dt::after {
  content: attr(data-attr);
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__data dt::after {
    font-size: 9px;
  }
}
.phone-used-check-intro__data dt span {
  font-size: 12px;
}
.phone-used-check-intro__data dd {
  font-size: 10px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .phone-used-check-intro__data dd {
    font-size: 12px;
  }
}

.phone-used-check__row + .phone-used-check__row {
  margin-top: 20px;
}
.phone-used-check__head {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 10px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  background: #70b53d;
}
@media screen and (max-width: 768px) {
  .phone-used-check__head {
    grid-template-columns: 50px 1fr;
    font-size: 17px;
  }
}
.phone-used-check__head i {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  background: #494c5e;
}
.phone-used-check__head i img {
  width: 24px;
}
@media screen and (max-width: 768px) {
  .phone-used-check__head i img {
    width: 15px;
  }
}
.phone-used-check__head span {
  display: flex;
  align-items: center;
}
.phone-used-check__items {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-used-check__items {
    margin-top: 0;
  }
}
.phone-used-check__item + .phone-used-check__item {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-used-check__item + .phone-used-check__item {
    margin-top: 0;
  }
}
.phone-used-check__heading {
  display: grid;
  grid-template-columns: 37px 1fr;
  gap: 12px;
  padding: 15px;
  font-size: 19px;
  font-weight: bold;
  color: #434343;
  letter-spacing: 0.9px;
  background: #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-used-check__heading {
    align-items: center;
    font-size: 15px;
  }
}
.phone-used-check__heading i {
  position: relative;
  padding-right: 12px;
}
.phone-used-check__heading i::before {
  content: "";
  position: absolute;
  height: 20px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px solid #b1b1b1;
}
@media screen and (max-width: 768px) {
  .phone-used-check__heading i::before {
    border-right: 1px dashed #b1b1b1;
  }
}
.phone-used-check__heading i img {
  width: 100%;
}
.phone-used-check__detail {
  position: relative;
  padding: 35px 30px;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .phone-used-check__detail {
    padding: 20px;
  }
}
.phone-used-check__detail.-type-1 {
  min-height: 232px;
}
@media screen and (max-width: 768px) {
  .phone-used-check__detail.-type-1 {
    min-height: 0;
  }
}
.phone-used-check__detail.-type-2 {
  min-height: 178px;
}
@media screen and (max-width: 768px) {
  .phone-used-check__detail.-type-2 {
    min-height: 0;
  }
}
.phone-used-check__txt {
  font-size: 15px;
  color: #222;
  line-height: 1.8;
}
.phone-used-check__txt em {
  font-weight: bold;
}
.phone-used-check__txt.-type-1 {
  width: 54%;
}
@media screen and (max-width: 768px) {
  .phone-used-check__txt.-type-1 {
    width: 100%;
  }
}
.phone-used-check__image {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .phone-used-check__image {
    position: inherit;
    margin: 20px auto 0;
  }
}
.phone-used-check__image img {
  width: 100%;
}
.-type-1 > .phone-used-check__image {
  width: 259px;
  top: -50px;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .-type-1 > .phone-used-check__image {
    width: 75%;
    top: auto;
    right: auto;
  }
}
.-type-2 > .phone-used-check__image {
  width: 245px;
  top: -10px;
  right: 50px;
}
@media screen and (max-width: 768px) {
  .-type-2 > .phone-used-check__image {
    width: 75%;
    top: auto;
    right: auto;
  }
}
.phone-used-check__types {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .phone-used-check__types {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}
.phone-used-check__type > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .phone-used-check__type > dt {
    font-size: 15px;
    font-weight: bold;
  }
}
.phone-used-check__type > dt i {
  flex-shrink: 0;
  width: fit-content;
  transform: translateY(-10px);
}
.phone-used-check__type > dt i img {
  width: 100%;
}
.phone-used-check__type > dd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .phone-used-check__type > dd {
    grid-template-columns: 1fr;
  }
}
.phone-used-check__point {
  position: relative;
  padding: 15px 10px;
  z-index: 1;
}
.phone-used-check__point > i {
  position: absolute;
  width: 85px;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-used-check__point > i {
    bottom: auto;
    top: 50%;
    left: auto;
    right: 5px;
    transform: translateY(-50%);
  }
}
.phone-used-check__point > i img {
  width: 100%;
}
.phone-used-check__point.-merit {
  background: #fbcb3b;
}
.phone-used-check__point.-demerit {
  background: #a1b7de;
}
.phone-used-check__data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-used-check__data {
    flex-direction: row;
    min-height: 65px;
  }
}
.phone-used-check__data dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 28px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border-radius: 28px;
  background: var(--_color);
}
@media screen and (max-width: 768px) {
  .phone-used-check__data dt {
    width: 35%;
    min-width: 96px;
  }
}
.phone-used-check__data dd ul li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-used-check__data dd ul li {
    padding-left: 10px;
    line-height: 1.8;
  }
}
.phone-used-check__data dd ul li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 8px;
  left: 0;
  border-radius: 6px;
  background: var(--_color);
}
.-merit > .phone-used-check__data {
  --_color: #e87121;
}
.-demerit > .phone-used-check__data {
  --_color: #395f9f;
}
.phone-used-check__choices {
  border: 1px solid #e7e7e7;
}
.phone-used-check__choice dt {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: center;
  gap: 20px;
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  border-bottom: 1px solid #e7e7e7;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .phone-used-check__choice dt {
    grid-template-columns: 50px 1fr 55px;
    gap: 10px;
    padding: 10px;
    font-size: 15px;
    line-height: 1.4;
  }
}
.phone-used-check__choice dt i {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-used-check__choice dt i {
    display: block;
  }
}
.phone-used-check__choice dt i img {
  width: 100%;
}
.phone-used-check__choice dd {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: 19px;
  padding: 20px;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-used-check__choice dd {
    grid-template-columns: 1fr;
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .phone-used-check__choice dd i {
    display: none;
  }
}
.phone-used-check__choice dd em {
  font-weight: bold;
  color: var(--_color);
}
.phone-used-check__choice + .phone-used-check__choice {
  border-top: 1px solid #e7e7e7;
}

.phone-used-maker {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-used-maker {
    grid-template-columns: 1fr;
  }
}
.phone-used-maker__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 25px 25px 40px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-used-maker__item {
    gap: 1px;
    background: #fff;
  }
}
.phone-used-maker__item dt {
  font-size: 20px;
  font-weight: bold;
  color: #4a4c5f;
  line-height: 1.6;
}
.phone-used-maker__item dd {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.2px;
}
.phone-used-maker__item dd em {
  font-weight: bold;
  color: #70b53d;
}

.phone-used-reason {
  padding: 25px 30px 40px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-used-reason {
    padding: 0;
    background: none;
  }
}
.phone-used-reason__intro {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 680px;
  margin: 0 auto 25px;
}
.phone-used-reason__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 414px;
}
@media screen and (max-width: 768px) {
  .phone-used-reason__head {
    width: 100%;
    max-width: 414px;
    margin: 0 auto;
  }
}
.phone-used-reason__head em {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 3px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 35px;
  background: #6fb526;
}
@media screen and (max-width: 768px) {
  .phone-used-reason__head em {
    font-size: 14px;
  }
}
.phone-used-reason__head span img {
  width: 100%;
}
.phone-used-reason__image {
  width: 264px;
}
@media screen and (max-width: 768px) {
  .phone-used-reason__image {
    display: none;
  }
}
.phone-used-reason__image img {
  width: 100%;
}
.phone-used-reason__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px 17px;
}
@media screen and (max-width: 768px) {
  .phone-used-reason__columns {
    grid-template-columns: 1fr;
  }
}
.phone-used-reason__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0 8px;
  font-weight: bold;
  border: 1px solid #dcdcdc;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-used-reason__column {
    align-items: flex-start;
    padding: 10px 20px 15px 70px;
  }
}
.phone-used-reason__icon {
  position: absolute;
  width: 60px;
  top: -20px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .phone-used-reason__icon {
    width: 50px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
}
.phone-used-reason__icon img {
  width: 100%;
}
.phone-used-reason__lead {
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  color: #333;
  line-height: 1.6;
  border-bottom: 1px dotted #666;
}
@media screen and (max-width: 768px) {
  .phone-used-reason__lead {
    margin-bottom: 10px;
    font-size: 15px;
  }
}
.phone-used-reason__heading {
  margin-bottom: 8px;
  font-size: 22px;
  color: #333;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-used-reason__heading {
    margin-bottom: 0;
    text-align: left;
  }
}
.phone-used-reason__heading em {
  color: #6fb526;
}
@media screen and (max-width: 768px) {
  .phone-used-reason__fig {
    display: none;
  }
}
.phone-used-reason__fig img {
  width: 100%;
}

.phone-used-faq {
  margin: 25px auto 0;
  padding: 20px 20px 30px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-used-faq {
    position: relative;
    margin-top: 45px;
    padding: 0 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .phone-used-faq::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #f5f5f5;
    z-index: -1;
  }
}
.phone-used-faq__head {
  width: 684px;
  margin: -25px auto 15px;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__head {
    width: 79.7333333333vw;
  }
}
.phone-used-faq__head img {
  width: 100%;
}
.phone-used-faq__lead {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__lead {
    display: block;
    margin-top: 20px;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #b1b1b1;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
  }
}
.phone-used-faq__items {
  width: 688px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__items {
    width: 100%;
    max-width: 380px;
    margin-top: 25px;
  }
}
.phone-used-faq__item {
  padding: 35px 30px 40px 30px;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item {
    padding: 15px 20px 20px 25px;
  }
}
.phone-used-faq__item dt {
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: end;
  gap: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #e8442a;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item dt {
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    font-size: 14px;
  }
}
.phone-used-faq__item dt i {
  margin-top: -35px;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item dt i {
    margin-top: -20px;
  }
}
.phone-used-faq__item dt i img {
  width: 100%;
}
.phone-used-faq__item dt span {
  padding-bottom: 5px;
}
.phone-used-faq__item dd {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 1.3px;
  border-bottom: 1px solid #e7e7e7;
  background-image: linear-gradient(180deg, #e7e7e7 1px, transparent 1px);
  background-size: 100% 1.6rem;
  background-position: bottom -2px center;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item dd {
    line-height: 1.8;
  }
}
.phone-used-faq__item dd a {
  color: #06a;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item + .phone-used-faq__item {
    margin-top: 10px;
  }
}
.phone-used-faq__item:nth-child(1) {
  background: url("../img/phone/used/bg_qa01.png") no-repeat;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item:nth-child(1) {
    background: url("../img/phone/used/bg_qa01_sp.png") no-repeat left top/cover;
  }
}
.phone-used-faq__item:nth-child(2) {
  background: url("../img/phone/used/bg_qa02.png") no-repeat;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item:nth-child(2) {
    background: url("../img/phone/used/bg_qa02_sp.png") no-repeat left top/cover;
  }
}
.phone-used-faq__item:nth-child(3) {
  background: url("../img/phone/used/bg_qa03.png") no-repeat;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item:nth-child(3) {
    background: url("../img/phone/used/bg_qa03_sp.png") no-repeat left top/cover;
  }
}
.phone-used-faq__item:nth-child(4) {
  background: url("../img/phone/used/bg_qa04.png") no-repeat;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item:nth-child(4) {
    background: url("../img/phone/used/bg_qa04_sp.png") no-repeat left top/cover;
  }
}
.phone-used-faq__item:nth-child(5) {
  background: url("../img/phone/used/bg_qa05.png") no-repeat;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item:nth-child(5) {
    background: url("../img/phone/used/bg_qa05_sp.png") no-repeat left top/cover;
  }
}
.phone-used-faq__item:nth-child(6) {
  background: url("../img/phone/used/bg_qa06.png") no-repeat;
}
@media screen and (max-width: 768px) {
  .phone-used-faq__item:nth-child(6) {
    background: url("../img/phone/used/bg_qa06_sp.png") no-repeat left top/cover;
  }
}

.phone-rental-intro {
  position: relative;
}
.phone-rental-intro__lead {
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: bold;
  color: #e8442a;
}
@media screen and (max-width: 768px) {
  .phone-rental-intro__lead {
    margin-bottom: 14px;
    padding-bottom: 12px;
    word-break: auto-phrase;
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    border-bottom: 2px dotted #e8442a;
  }
}
.phone-rental-intro__data {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .phone-rental-intro__data {
    padding: 0;
  }
}
.phone-rental-intro__data li {
  display: flex;
  gap: 15px;
  font-size: 15px;
  font-weight: bold;
  color: #434343;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-rental-intro__data li {
    font-size: 16px;
    line-height: 1.5;
  }
}
.phone-rental-intro__data li i {
  flex-shrink: 0;
  width: 18px;
}
.phone-rental-intro__data li i img {
  width: 100%;
}
.phone-rental-intro__data li + li {
  margin-top: 10px;
}
.phone-rental-intro__image {
  position: absolute;
  bottom: -40px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .phone-rental-intro__image {
    display: none;
  }
}
.phone-rental-intro__image img {
  width: 100%;
}

.phone-rental-difference {
  width: 100%;
  font-size: 17px;
  line-height: 1.6;
  border-collapse: separate;
  border-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .phone-rental-difference {
    width: 500px;
    margin: 0 auto;
  }
}
.phone-rental-difference th,
.phone-rental-difference td {
  padding: 6px 0;
  font-weight: 400;
  color: #434343;
  text-align: center;
  background-color: #ebeaea;
  border: 1px solid #ebeaea;
}
.phone-rental-difference thead th {
  font-size: 18px;
  font-weight: bold;
  background-color: #7d7d7d;
  color: #fff;
}
.phone-rental-difference thead th:first-child {
  border: none;
  background-color: #fff;
}
.phone-rental-difference thead th:nth-child(2) {
  background-color: #ee6650;
}
.phone-rental-difference tbody td:first-of-type {
  color: #ee6650;
  font-weight: bold;
  background: none;
}

.phone-rental-merit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-rental-merit {
    grid-template-columns: 1fr;
  }
}
.phone-rental-merit__column {
  line-height: 1.6;
}
.phone-rental-merit__heading {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding: 5px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: var(--_background);
}
.phone-rental-merit__item {
  position: relative;
  min-height: 120px;
  z-index: 1;
}
.phone-rental-merit__data li {
  display: flex;
  gap: 10px;
  font-size: 14px;
}
.phone-rental-merit__data li i {
  flex-shrink: 0;
  width: 18px;
}
.phone-rental-merit__data li i img {
  width: 100%;
}
.phone-rental-merit__data li + li {
  margin-top: 10px;
}
.phone-rental-merit__icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: -1;
}

.phone-rental-feature {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-rental-feature {
    grid-template-columns: 1fr;
  }
}
.phone-rental-feature__item {
  padding-bottom: 15px;
  color: #434343;
  line-height: 1.6;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-rental-feature__item {
    padding-bottom: 20px;
  }
}
.phone-rental-feature__item dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 21px;
  font-weight: bold;
}
.phone-rental-feature__item dt i {
  width: 100%;
}
.phone-rental-feature__item dt i img {
  width: 100%;
}
.phone-rental-feature__item dt span {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .phone-rental-feature__item dt span {
    padding: 20px 20px 10px;
  }
}
.phone-rental-feature__item dt span::before {
  content: attr(data-attr);
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.phone-rental-feature__item dd {
  padding: 0 15px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-rental-feature__item dd {
    padding: 0 20px;
  }
}
.phone-rental-feature__item dd span {
  padding-top: 10px;
  border-top: 1px solid #e7e7e7;
}

.phone-rental-case {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-rental-case {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
.phone-rental-case__item {
  color: #434343;
  border: 1px solid #e7e7e7;
}
.phone-rental-case__item dt i img {
  width: 100%;
}
.phone-rental-case__item dt span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  background-color: #f5f5f5;
}
.phone-rental-case__item dd {
  padding: 15px 20px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-rental-case__item dd {
    padding: 15px 25px;
  }
}

.phone-rental-price {
  display: grid;
  grid-template-columns: 290px 1fr;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .phone-rental-price {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .phone-rental-price__image {
    max-width: 400px;
    margin: 0 auto;
  }
}
.phone-rental-price__image img {
  width: 100%;
}
.phone-rental-price__table {
  font-size: 15px;
  line-height: 1.6;
  border-collapse: separate;
  border-spacing: 1px;
}
.phone-rental-price__table th, .phone-rental-price__table td {
  padding: 12px 0;
  text-align: center;
  vertical-align: middle;
}
.phone-rental-price__table thead th {
  background-color: #385b95;
  color: #fff;
  font-size: 18px;
}
.phone-rental-price__table thead th em {
  font-style: normal;
  font-size: 21px;
}
.phone-rental-price__table tbody tr {
  background-color: #e3eeff;
}
.phone-rental-price__table tbody tr th {
  width: 25%;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .phone-rental-price__table tbody tr th {
    min-width: 83px;
  }
}
.phone-rental-price__table tbody tr td {
  width: 75%;
}
.phone-rental-price__table tbody tr:last-child {
  background-color: #f1f6ff;
}
.phone-rental-price__table tbody tr:last-child td em {
  color: #385b95;
}

.phone-rental-aside__lead {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  padding: 10px 0;
  font-size: 18px;
  color: #fff;
  line-height: 1.6;
  background: #73b73d;
}
.phone-rental-aside__lead::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 16px 11px 0 11px;
  border-color: #73b73d transparent transparent transparent;
}

.phone-rental-construction-price__table {
  position: relative;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .phone-rental-construction-price__table {
    width: 500px;
  }
}
.phone-rental-construction-price__table::before {
  content: "";
  position: absolute;
  width: calc(14.2857142857% - 1px);
  height: calc(100% + 4px);
  top: 2px;
  right: 0;
  border: 2px solid #ee6650;
}
.phone-rental-construction-price__table th, .phone-rental-construction-price__table td {
  padding: 10px 0;
  font-size: 15px;
  color: #434343;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
  background: #ebeaea;
}
.phone-rental-construction-price__table thead th {
  background: #7d7d7d;
  color: #fff;
  line-height: 1.3;
}
.phone-rental-construction-price__table thead th:first-child {
  background: none;
}
.phone-rental-construction-price__table thead th:last-child {
  background: #ee6650;
}
.phone-rental-construction-price__table tbody tr th {
  color: #fff;
}
.phone-rental-construction-price__table tbody tr:nth-child(odd) th {
  background: #ee6650;
}
.phone-rental-construction-price__table tbody tr:nth-child(odd) td {
  background: #ebeaea;
}
.phone-rental-construction-price__table tbody tr:nth-child(even) th {
  background: #f39484;
}
.phone-rental-construction-price__table tbody tr:nth-child(even) td {
  background: #f9f9f9;
}
.phone-rental-construction-price__note {
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-rental-construction-price__note {
    font-size: 14px;
  }
}

.phone-rental-flow__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-rental-flow__columns {
    display: flex;
  }
}
.phone-rental-flow__column {
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-rental-flow__column {
    flex-shrink: 0;
    width: 173px;
  }
}
.phone-rental-flow__column:last-child .phone-rental-flow__item dt span::after {
  content: none;
}
.phone-rental-flow__item {
  line-height: 1.6;
}
.phone-rental-flow__item dt {
  font-size: 15px;
  color: #fff;
}
.phone-rental-flow__item dt span {
  display: flex;
  justify-content: center;
  gap: 0.5em;
  padding: 7px 0;
  font-size: 12px;
  text-transform: uppercase;
  background: #206892;
}
.phone-rental-flow__item dt span::after {
  content: "▶︎";
}
.phone-rental-flow__item dt em {
  display: flex;
  justify-content: center;
  padding: 8px 0;
  font-size: 15px;
  background: #2685bc;
}
.phone-rental-flow__image {
  width: 100%;
}
.phone-rental-flow__image img {
  width: 100%;
}
.phone-rental-flow__desc {
  padding: 20px 15px;
  font-size: 15px;
  color: #434343;
  line-height: 1.4;
}

.phone-rental-copy {
  display: flex;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .phone-rental-copy {
    flex-direction: column;
  }
}
.phone-rental-copy__item {
  flex-grow: 1;
  padding: 15px 22px;
  background: #385b95;
}
@media screen and (max-width: 768px) {
  .phone-rental-copy__item {
    padding-bottom: 24px;
  }
}
.phone-rental-copy__txt {
  margin-bottom: 25px;
  font-size: 16px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .phone-rental-copy__txt {
    margin-bottom: 20px;
  }
}
.phone-rental-copy__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  font-size: 14px;
  color: #385b95;
  line-height: 1.6;
  border-radius: 3px;
  box-shadow: 0 3px 0 #dfdfdf;
  background: #fff;
}
.phone-rental-copy__more::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  right: 40px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid #385b95;
  border-right: 1px solid #385b95;
}
.phone-rental-copy__image {
  order: -1;
  flex-shrink: 0;
  width: 397px;
}
@media screen and (max-width: 768px) {
  .phone-rental-copy__image {
    width: 100%;
  }
}
.phone-rental-copy__image img {
  width: 100%;
}

.page-rental-mv {
  overflow: hidden;
  background: #2a4673;
}
.page-rental-mv__wrap {
  position: relative;
  min-width: 880px;
  z-index: 1;
}
.page-rental-mv__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 520px;
  min-height: 300px;
  padding-top: 25px;
}
.page-rental-mv__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-bottom: 20px;
}
.page-rental-mv__head span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 28px;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 0.14em;
}
.page-rental-mv__head span small {
  font-size: 15px;
  letter-spacing: 0;
}
.page-rental-mv__head em {
  width: var(--_width-PC, 100%);
}
.page-rental-mv__head em img {
  width: 100%;
}
.page-rental-mv__icon {
  position: absolute;
  top: 0;
  left: 0;
}
.page-rental-mv__icon img {
  width: 100%;
}
.page-rental-mv__txt {
  width: fit-content;
}
.page-rental-mv__txt img {
  width: 100%;
}
.page-rental-mv__image {
  position: absolute;
  width: 425px;
  top: 0;
  right: 0;
  z-index: -1;
}
.page-rental-mv__image img {
  width: 100%;
}
.page-rental-mv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-rental-mv__fig {
    display: block;
  }
}
.page-rental-mv__fig img {
  width: 100%;
}

.phone-transfer-intro__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro__columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 2%;
  }
}
.phone-transfer-intro__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 30px 20px;
  font-weight: bold;
  border: 1px solid #efefef;
  background: #fbfaf0;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro__column {
    padding: 25px 10px 15px;
  }
}
.phone-transfer-intro__column dt {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  color: #fff;
  background: #005982;
}
.phone-transfer-intro__column dt::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  border-style: solid;
  border-width: 8px 8px 0 0;
  border-color: #fff transparent transparent transparent;
}
.phone-transfer-intro__column dd {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.phone-transfer-intro__column dd i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro__column dd i {
    display: none;
  }
}
.phone-transfer-intro__column dd span {
  font-size: 16px;
  color: #333;
  text-align: center;
}
.phone-transfer-intro__column dd span em {
  color: #b50909;
}
.phone-transfer-intro__column.-type-1 dd i img {
  width: 98px;
}
.phone-transfer-intro__column.-type-1 dd i[data-type=copy] img {
  height: 69px;
}
.phone-transfer-intro__column.-type-2 dd i img {
  width: 73px;
}
.phone-transfer-intro__column.-type-3 dd i img {
  width: 66px;
}
.phone-transfer-intro__column.-type-4 dd i img {
  width: 108px;
}
.phone-transfer-intro__txt span {
  font-weight: bold;
  color: #b50909;
}

.phone-transfer-intro-detail {
  margin-top: 40px;
}
.phone-transfer-intro-detail__wrap {
  margin-bottom: 25px;
  padding: 30px 25px;
  background: #fbfaf0;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__wrap {
    position: relative;
    padding: 30px 0 45px;
    background: none;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__wrap::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fbfaf0;
    z-index: -1;
  }
}
.phone-transfer-intro-detail__intro {
  position: relative;
  margin-bottom: 25px;
}
.phone-transfer-intro-detail__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-weight: bold;
}
.phone-transfer-intro-detail__head small {
  padding: 0 30px;
  font-size: 20px;
  line-height: 1.9;
  color: #333;
  border: 1px solid currentColor;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__head small {
    padding: 0 15px;
    font-size: 15px;
    line-height: 1.4666666667;
  }
}
.phone-transfer-intro-detail__head span {
  font-size: 32px;
  color: #ff7f20;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__head span {
    font-size: 21px;
  }
}
.phone-transfer-intro-detail__image {
  position: absolute;
  width: 257px;
  top: -25px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__image {
    width: 119px;
    top: auto;
    bottom: 0;
    right: -4vw;
  }
}
.phone-transfer-intro-detail__image img {
  width: 100%;
}
.phone-transfer-intro-detail__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__columns {
    grid-template-columns: 1fr;
  }
}
.phone-transfer-intro-detail__column {
  padding: 15px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__column {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 108px;
  }
}
.phone-transfer-intro-detail__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__column dt {
    display: contents;
  }
}
.phone-transfer-intro-detail__column dt i {
  width: 108px;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__column dt i {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
  }
}
.phone-transfer-intro-detail__column dt i img {
  width: 100%;
}
.phone-transfer-intro-detail__column dt span {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__column dt span {
    padding-left: 119px;
  }
}
.phone-transfer-intro-detail__column dd {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-transfer-intro-detail__column dd {
    padding-left: 119px;
  }
}
.phone-transfer-trouble {
  padding: 0 30px 25px;
  background: #005bac;
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble {
    position: relative;
    padding: 30px 0;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #005bac;
    z-index: -1;
  }
}
.phone-transfer-trouble__head {
  max-width: 670px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble__head {
    margin-bottom: 20px;
  }
}
.phone-transfer-trouble__head img {
  width: 100%;
}
.phone-transfer-trouble__items {
  max-width: 670px;
  margin: 0 auto;
  border: 1px solid #dcdcdc;
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble__items {
    border: none;
  }
}
.phone-transfer-trouble__item dt {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 20px 10px;
  border-bottom: 1px solid #dcdcdc;
  background: #e0f0ff;
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble__item dt {
    position: relative;
    padding: 20px 15px 15px;
  }
}
.phone-transfer-trouble__item dt span {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 24px;
  padding-left: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  border-radius: 24px;
  box-shadow: 0 2px 2px 1px #a3afba;
  background: #005bac;
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble__item dt span {
    position: absolute;
    top: -10px;
    left: 10px;
  }
}
.phone-transfer-trouble__item dt span i {
  position: absolute;
  width: 28px;
  top: -5px;
  left: 5px;
}
.phone-transfer-trouble__item dt span i img {
  width: 100%;
}
.phone-transfer-trouble__item dt em {
  font-size: 18px;
  font-weight: bold;
  color: #191919;
  line-height: 1.6;
}
.phone-transfer-trouble__item dd {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 10px 20px;
  background: #fff;
}
.phone-transfer-trouble__item dd i {
  aspect-ratio: 1;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 115px;
  border-radius: 50%;
  background: #e0f0ff;
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble__item dd i {
    display: none;
  }
}
.phone-transfer-trouble__item dd i img {
  width: 80px;
}
.phone-transfer-trouble__item dd span {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble__item dd span {
    font-size: 14px;
  }
}
.phone-transfer-trouble__item dd span em {
  font-weight: bold;
  color: #005bac;
}
.phone-transfer-trouble__item + .phone-transfer-trouble__item {
  border-top: 1px solid #dcdcdc;
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble__item + .phone-transfer-trouble__item {
    margin-top: 15px;
    border-top: none;
  }
}
.phone-transfer-trouble__foot {
  max-width: 670px;
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  .phone-transfer-trouble__foot {
    max-width: 100%;
  }
}
.phone-transfer-trouble__foot img {
  width: 100%;
}

.phone-transfer-campaign {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  margin-top: 30px;
}
.phone-transfer-campaign__head img {
  width: 100%;
}
.phone-transfer-campaign__lead span {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-transfer-campaign__lead span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.6;
    text-decoration: underline;
  }
}
.phone-transfer-campaign__lead picture img {
  width: 100%;
}
.phone-transfer-campaign__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 730px;
  z-index: 1;
}
.phone-transfer-campaign__txt {
  font-size: 18px;
  font-weight: bold;
  color: #e5004f;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-transfer-campaign__txt {
    word-break: auto-phrase;
    font-size: 15px;
    text-align: center;
  }
}
.phone-transfer-campaign__bg {
  position: absolute;
  width: 100%;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-transfer-campaign__bg {
    top: auto;
    bottom: 0;
  }
}
.phone-transfer-campaign__bg img {
  width: 100%;
}
.phone-transfer-campaign__more {
  display: block;
  width: 283px;
  margin: 0 auto;
}
.phone-transfer-campaign__more img {
  width: 100%;
}

.phone-transfer-faq {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
  padding: 20px 20px 40px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-transfer-faq {
    position: relative;
    padding: 5.3333333333vw 0 8vw;
    z-index: -1;
  }
}
@media screen and (max-width: 768px) {
  .phone-transfer-faq::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #f5f5f5;
    z-index: -1;
  }
}
.phone-transfer-faq__head {
  max-width: 684px;
}
.phone-transfer-faq__head img {
  width: 100%;
}
.phone-transfer-faq__items {
  width: 100%;
  max-width: 660px;
}
@media screen and (max-width: 768px) {
  .phone-transfer-faq__items {
    width: 100%;
  }
}
.phone-transfer-faq__item {
  position: relative;
  line-height: 1.6;
  font-feature-settings: "palt";
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-transfer-faq__item {
    min-height: 176px;
  }
}
.phone-transfer-faq__item dt {
  display: contents;
}
.phone-transfer-faq__item dt i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-transfer-faq__item dt i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phone-transfer-faq__item dt span {
  display: block;
  padding: 50px 150px 0 28px;
  font-size: 24px;
  font-weight: bold;
  color: #d71518;
}
@media screen and (max-width: 768px) {
  .phone-transfer-faq__item dt span {
    padding: 13.3333333333vw 5.3333333333vw 0;
    font-size: 4.8vw;
  }
}
.phone-transfer-faq__item dd {
  margin-top: 5px;
  padding: 0 150px 20px 28px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .phone-transfer-faq__item dd {
    padding: 0 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.phone-transfer-faq__item dd span {
  display: block;
  padding-top: 5px;
  border-top: 1px dotted #daba72;
}
.phone-transfer-faq__item + .phone-transfer-faq__item {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-transfer-faq__item + .phone-transfer-faq__item {
    margin-top: 2.6666666667vw;
  }
}

.phone-cordless-point {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-point {
    grid-template-columns: 1fr;
  }
}
.phone-cordless-point__column {
  line-height: 1.6;
  background: #f3f3f3;
}
.phone-cordless-point__column dt {
  position: relative;
  margin-bottom: 10px;
}
.phone-cordless-point__column dt::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background: #2685bc;
}
.phone-cordless-point__column dt::after {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e5e5e5;
}
.phone-cordless-point__column dt i {
  width: 100%;
}
.phone-cordless-point__column dt i img {
  width: 100%;
}
.phone-cordless-point__column dt span {
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  padding: 15px 15px 10px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-point__column dt span {
    line-height: 1.6;
  }
}
.phone-cordless-point__column dd {
  padding: 0 15px 15px;
  font-size: 15px;
}

.phone-cordless-type {
  margin-top: 30px;
}
.phone-cordless-type__tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-type__tabs {
    grid-template-columns: 1fr;
  }
}
.phone-cordless-type__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #0075a9;
}
@media screen and (max-width: 768px) {
  .phone-cordless-type__btn {
    position: relative;
    padding: 15px 20px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .phone-cordless-type__btn::after {
    content: "";
    position: absolute;
    aspect-ratio: 1;
    width: 12px;
    top: 50%;
    right: 20px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(225deg);
  }
}
.phone-cordless-type__btn[aria-selected=true] {
  color: #0075a9;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-cordless-type__btn[aria-selected=true]::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
  }
}
.phone-cordless-type__item {
  padding: 30px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-cordless-type__item {
    padding: 15px 15px 25px;
  }
}
.phone-cordless-type__item[aria-hidden=true] {
  display: none;
}
.phone-cordless-type__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-type__columns {
    grid-template-columns: 1fr;
  }
}
.phone-cordless-type__column {
  line-height: 1.6;
  background: #fff;
}
.phone-cordless-type__column dt {
  position: relative;
  font-weight: bold;
}
.phone-cordless-type__column dt::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  padding: 5px 0;
  font-size: 16px;
  color: #fff;
  background: #0075a9;
}
.phone-cordless-type__column dt::after {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  height: 2px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #f5f5f5;
}
.phone-cordless-type__column dt i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 160px;
  padding: 20px;
  border-bottom: 2px solid #F5F5F5;
}
@media screen and (max-width: 768px) {
  .phone-cordless-type__column dt i {
    height: auto;
    min-height: 160px;
  }
}
.phone-cordless-type__column dt i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.phone-cordless-type__column dt span {
  display: block;
  padding: 10px 15px;
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-cordless-type__column dt span {
    padding: 15px;
    font-size: 18px;
  }
}
.phone-cordless-type__column dd {
  padding: 10px 15px 20px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-type__column dd {
    padding-bottom: 25px;
  }
}
.phone-cordless-type__note {
  margin-top: 10px;
}

.phone-cordless-recommend {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 2px solid #eb5400;
}
@media screen and (max-width: 768px) {
  .phone-cordless-recommend {
    grid-template-columns: 1fr;
  }
}
.phone-cordless-recommend__column + .phone-cordless-recommend__column {
  border-left: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .phone-cordless-recommend__column + .phone-cordless-recommend__column {
    border-left: none;
    border-top: 2px solid #EB5400;
  }
}
.phone-cordless-recommend__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.phone-cordless-recommend__heading i {
  width: fit-content;
  padding: 20px 0;
}
.phone-cordless-recommend__heading i img {
  width: 100%;
}
.phone-cordless-recommend__heading span {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 18px 0;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #eb5400;
}
.phone-cordless-recommend__heading span::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #eb5400 transparent transparent transparent;
}
.phone-cordless-recommend__data {
  border-bottom: 1px solid #e7e7e7;
  background: #f9f9fa;
}
.phone-cordless-recommend__data li {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 10px 12px;
  font-size: 15px;
}
.phone-cordless-recommend__data li i {
  flex-shrink: 0;
  width: 18px;
}
.phone-cordless-recommend__data li i img {
  width: 100%;
}
.phone-cordless-recommend__txt {
  padding: 20px;
  font-weight: bold;
}

.phone-cordless-tab {
  margin-top: 25px;
}
.phone-cordless-tab__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-tab__tabs {
    gap: 2px;
    margin-bottom: 20px;
  }
}
.phone-cordless-tab__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 10px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .phone-cordless-tab__btn {
    padding: 17px 0;
    font-size: 15px;
    border-radius: 0;
  }
}
.phone-cordless-tab__btn::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 15px 20px 0 20px;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .phone-cordless-tab__btn::before {
    content: none;
  }
}
.phone-cordless-tab__btn.-used {
  background: linear-gradient(to bottom, #203e70 0%, #203e70 50%, #14305f 51%, #14305f 100%);
}
.phone-cordless-tab__btn.-used::before {
  border-color: #14305f transparent transparent transparent;
}
.phone-cordless-tab__btn.-new {
  background: linear-gradient(to bottom, #e8442a 0%, #e8442a 50%, #d43920 51%, #d43920 100%);
}
.phone-cordless-tab__btn.-new::before {
  border-color: #d43920 transparent transparent transparent;
}
.phone-cordless-tab__btn[aria-selected=true]::before {
  opacity: 1;
}
.phone-cordless-tab__item[aria-hidden=true] {
  display: none;
}

.phone-cordless-tab-detail__tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-tab-detail__tabs {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}
.phone-cordless-tab-detail__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 17px 0;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #1e3d70;
}
@media screen and (max-width: 768px) {
  .phone-cordless-tab-detail__btn {
    justify-content: flex-start;
    padding: 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .phone-cordless-tab-detail__btn::after {
    content: "";
    aspect-ratio: 1;
    width: 9px;
    margin: 0 0 5px auto;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(-225deg);
  }
}
.phone-cordless-tab-detail__btn[aria-selected=true] {
  color: #1e3d70;
  background: #eee;
}
@media screen and (max-width: 768px) {
  .phone-cordless-tab-detail__btn[aria-selected=true]::after {
    margin: 5px 0 0 auto;
    border-bottom: 1px solid #1e3d70;
    border-left: 1px solid #1e3d70;
    transform: rotate(-45deg);
  }
}
.phone-cordless-tab-detail__item {
  padding: 20px 12px;
  background: #eee;
}
.phone-cordless-tab-detail__item[aria-hidden=true] {
  display: none;
}

.phone-cordless-faq {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  margin-top: 25px;
  padding: 20px 20px 55px;
  font-feature-settings: "palt";
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-cordless-faq {
    position: relative;
    padding: 20px 0 60px;
    background: none;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .phone-cordless-faq::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #f5f5f5;
    z-index: -1;
  }
}
.phone-cordless-faq__head {
  width: 100%;
  max-width: 690px;
  margin-bottom: -20px;
}
.phone-cordless-faq__head img {
  width: 100%;
}
.phone-cordless-faq__items {
  width: 100%;
  max-width: 660px;
}
.phone-cordless-faq__item {
  position: relative;
  padding: 45px 28px 20px;
  box-shadow: 0 -3px 10px 3px #c9c9c9;
  background: #f2e2b0;
}
@media screen and (max-width: 768px) {
  .phone-cordless-faq__item {
    padding: 40px 20px 20px;
  }
}
.phone-cordless-faq__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  top: -11px;
  left: 0;
  background: url(../img/copy/used/faq_bg_top.png) repeat-x;
}
.phone-cordless-faq__item dt {
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 3px;
  font-size: 22px;
  font-weight: bold;
  color: #d71518;
  line-height: 1.3;
  border-bottom: 1px dotted #daba72;
}
@media screen and (max-width: 768px) {
  .phone-cordless-faq__item dt {
    padding-bottom: 0;
    font-size: 18px;
    line-height: 1.4;
  }
}
.phone-cordless-faq__item dt small {
  position: absolute;
  width: 100px;
  top: -30px;
  left: 0;
  padding-left: 15px;
  font-size: 14px;
  line-height: 1.7142857143;
  color: #e60012;
  box-shadow: 0 2px 6px #c6b990;
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 76%, rgb(215, 21, 24) 76%, rgb(215, 21, 24) 100%);
}
@media screen and (max-width: 768px) {
  .phone-cordless-faq__item dt small {
    left: -25px;
  }
}
.phone-cordless-faq__item dd {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-cordless-faq__item dd {
    font-size: 15px;
  }
}
.phone-cordless-faq__item dd a {
  color: #06a;
  text-decoration: underline;
}
.phone-cordless-faq__item + .phone-cordless-faq__item {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-faq__item + .phone-cordless-faq__item {
    margin-top: 30px;
  }
}

.phone-etc-mv {
  background: #2e6dbb;
}
.phone-etc-mv__wrap {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-etc-mv__wrap {
    margin: 0 -4vw;
  }
}
.phone-etc-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 515px;
  min-height: 300px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .phone-etc-mv__item {
    width: 100%;
    min-height: 0;
  }
}
.phone-etc-mv__head {
  width: fit-content;
  font-size: 43px;
}
.phone-etc-mv__head img {
  width: 100%;
}
.phone-etc-mv__head i {
  width: 135px;
}
.phone-etc-mv__head i img {
  width: 100%;
}
.phone-etc-mv__head [data-device=pc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .phone-etc-mv__head [data-device=pc] {
    display: none;
  }
}
.phone-etc-mv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-etc-mv__head [data-device=sp] {
    display: block;
    width: 100vw;
  }
}
.phone-etc-mv__txt {
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-etc-mv__txt {
    display: none;
  }
}
.phone-etc-mv__image {
  position: absolute;
  width: 455px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-etc-mv__image {
    display: none;
  }
}
.phone-etc-mv__image img {
  width: 100%;
}

.phone-etc-archive {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 30px;
}
@media screen and (max-width: 768px) {
  .phone-etc-archive {
    display: flex;
    gap: 20px;
  }
}
.phone-etc-archive.-page {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-etc-archive.-page {
    flex-direction: column;
  }
}
.phone-etc-archive__column {
  display: contents;
}
.phone-etc-archive__column > a {
  display: flex;
  flex-direction: column;
  border: 1px solid #ebebec;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-etc-archive__column > a {
    flex-shrink: 0;
    width: 230px;
  }
}
.-page > .phone-etc-archive__column {
  display: flex;
  flex-direction: column;
  border: 1px solid #ebebec;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .-page > .phone-etc-archive__column {
    position: relative;
    display: grid;
    grid-template-columns: 124px 1fr;
    align-items: center;
    gap: 15px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .-page > .phone-etc-archive__column::after {
    content: "▶︎";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 9px;
    color: #606060;
  }
}
.phone-etc-archive__item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 10px 15px;
}
@media screen and (max-width: 768px) {
  .phone-etc-archive__item {
    display: block;
    padding: 15px 10px;
  }
}
.phone-etc-archive__item.-page {
  padding: 20px 10px;
}
@media screen and (max-width: 768px) {
  .phone-etc-archive__item.-page {
    display: contents;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px 20px 20px;
    background: #E9E9E9;
  }
}
@media screen and (max-width: 768px) {
  [aria-disabled=true] > .phone-etc-archive__item.-page::after {
    content: none;
  }
}
.phone-etc-archive__heading {
  display: flex;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
.-page > .phone-etc-archive__heading {
  margin-bottom: 10px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .-page > .phone-etc-archive__heading {
    margin-bottom: 0;
    justify-content: flex-start;
  }
}
.phone-etc-archive__points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  margin-bottom: 15px;
}
.phone-etc-archive__point {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #2a4673;
}
.phone-etc-archive__image {
  order: -1;
}
.phone-etc-archive__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .-page + .phone-etc-archive__image img {
    height: 100%;
    object-fit: cover;
  }
}
.phone-etc-archive__txt {
  padding-top: 10px;
  font-size: 15px;
  border-top: 1px solid #ebebec;
}
.-page > .phone-etc-archive__txt {
  font-size: 13px;
  margin-bottom: auto;
}
@media screen and (max-width: 768px) {
  .-page > .phone-etc-archive__txt {
    display: none;
  }
}
.phone-etc-archive__rank li {
  display: flex;
  gap: 8px;
  font-size: 12px;
  line-height: 1.6;
}
.phone-etc-archive__rank li i {
  flex-shrink: 0;
  width: 16px;
}
.phone-etc-archive__rank li i img {
  width: 100%;
}
.phone-etc-archive__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  height: 33px;
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  color: var(--_color, #005BAC);
  border: 1px solid currentColor;
  border-radius: 33px;
}
@media screen and (max-width: 768px) {
  .phone-etc-archive__more {
    display: none;
  }
}
.phone-etc-archive__more::before {
  content: "▶︎";
}
@media screen and (max-width: 768px) {
  .phone-etc-archive__more[href] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    left: 0;
    margin: 0;
    color: rgba(0, 0, 0, 0);
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .phone-etc-archive__more[href]::before {
    content: none;
  }
}

.phone-etc-item-mv {
  position: relative;
  display: flex;
  gap: 40px;
  padding: 50px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv {
    margin: 0 -4vw;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__wrap {
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__item {
    position: relative;
    padding: 40px 30px;
  }
}
.phone-etc-item-mv__detail {
  position: relative;
  z-index: 1;
}
.phone-etc-item-mv__detail dt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin-bottom: 5px;
  font-size: 34px;
  font-weight: bold;
  color: #2685BC;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__detail dt {
    gap: 8px;
    margin-bottom: 8px;
    font-size: 30px;
  }
}
.phone-etc-item-mv__detail dt i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 185px;
  height: 22px;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
  border-radius: 13px;
  background: #2685BC;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__detail dt i {
    height: 20px;
    font-size: 12px;
  }
}
.phone-etc-item-mv__detail dt i span {
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 15px;
  margin-right: 2px;
}
.phone-etc-item-mv__detail dt i span img {
  width: 100%;
}
.phone-etc-item-mv__detail dt i b {
  margin-left: 0.25em;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__detail dt i b {
    font-size: 12px;
  }
}
.phone-etc-item-mv__detail dt i b::before {
  content: "|";
  font-size: 11px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__detail dt i b::before {
    font-size: 12px;
  }
}
.phone-etc-item-mv__detail dd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.phone-etc-item-mv__lead {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__lead {
    max-width: 60%;
    font-size: 14px;
    line-height: 1.6;
  }
}
.phone-etc-item-mv__txt {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__txt {
    max-width: 64%;
    word-break: auto-phrase;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__image {
    position: absolute;
    bottom: 30px;
    right: 0;
  }
}
.phone-etc-item-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__bg[data-device=pc] {
    display: none;
  }
}
.phone-etc-item-mv__bg[data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__bg[data-device=sp] {
    display: block;
  }
}
.phone-etc-item-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phone-etc-item-mv__foot {
  display: none;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-mv__foot {
    display: block;
    min-height: 86px;
    padding: 10px 30px 25px;
    color: #fff;
    background: #2685bc;
  }
}

.phone-etc-item-about {
  position: relative;
  display: flex;
  gap: 30px;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-about {
    flex-direction: column;
    gap: 20px;
    padding: 20px 20px 30px;
    background: #d9f2f9;
  }
}
.phone-etc-item-about__item {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-about__item {
    padding: 0 15px;
  }
}
.phone-etc-item-about__lead {
  margin-bottom: 10px;
  word-break: auto-phrase;
  font-size: 17px;
  font-weight: bold;
  color: #2685bc;
  line-height: 2;
  text-decoration: underline;
  text-decoration-color: #2685bc;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-about__lead {
    margin-bottom: 20px;
    word-break: break-all;
    font-size: 20px;
    line-height: 1.8;
  }
}
.phone-etc-item-about__lead span {
  font-size: 14px;
}
.phone-etc-item-about__txt {
  word-break: auto-phrase;
  font-size: 14px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-about__txt {
    font-size: 15px;
  }
}
.phone-etc-item-about__image {
  flex-shrink: 0;
  width: 320px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-about__image {
    order: -1;
    width: 100%;
  }
}
.phone-etc-item-about__image img {
  width: 100%;
}
.phone-etc-item-about__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-about__bg {
    display: none;
  }
}
.phone-etc-item-about__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-etc-item-scene {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-scene {
    grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
  }
}
.phone-etc-item-scene__item {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  border: 1px solid #e7e7e7;
}
.phone-etc-item-scene__num {
  position: relative;
  width: 80px;
  margin: -10px auto 20px;
}
.phone-etc-item-scene__num::before {
  content: attr(data-num);
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  font-size: 11px;
  color: #fff;
}
.phone-etc-item-scene__num img {
  width: 100%;
}
.phone-etc-item-scene__heading {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-scene__heading {
    font-size: 18px;
  }
}
.phone-etc-item-scene__image {
  order: -1;
}
.phone-etc-item-scene__image img {
  width: 100%;
}

.phone-etc-item-merit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-merit {
    grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
    row-gap: clamp(15px, 4vw, 20px);
  }
}
.phone-etc-item-merit__column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 35px 30px;
  background: #F9F9FA;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-merit__column {
    padding: 0 20px 20px;
  }
}
.phone-etc-item-merit__heading {
  margin-top: 5px;
  word-break: auto-phrase;
  font-size: 18px;
  font-weight: bold;
  color: #E8442B;
  line-height: 1.6;
  text-align: center;
}
.phone-etc-item-merit__icon {
  position: absolute;
  width: 60px;
  top: 5px;
  left: 5px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-merit__icon {
    top: 7px;
    left: 7px;
  }
}
.phone-etc-item-merit__icon img {
  width: 100%;
}
.phone-etc-item-merit__txt {
  margin-top: 10px;
  font-size: 15px;
}
.phone-etc-item-merit__image {
  order: -1;
  max-width: 200px;
  margin: 0 auto;
}
.phone-etc-item-merit__image img {
  width: 100%;
}

.phone-etc-item-recommend {
  display: flex;
  flex-direction: column;
  min-height: 400px;
  padding: 30px 20px;
  background: #d9f2f9;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-recommend {
    padding: 100px 15px 20px;
  }
}
.phone-etc-item-recommend__wrap {
  position: relative;
  margin-bottom: auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-recommend__wrap {
    padding: 0;
  }
}
.phone-etc-item-recommend__item {
  position: relative;
  width: calc(100% - 373px);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-recommend__item {
    width: 100%;
  }
}
.phone-etc-item-recommend__lead {
  min-width: 511px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #2685bc;
  line-height: 2;
  text-decoration: underline;
  text-decoration-color: #2685bc;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-recommend__lead {
    display: flex;
    justify-content: center;
    min-width: 0;
    margin-bottom: 18px;
    line-height: 1.9;
  }
}
@media screen and (max-width: 768px) {
  .phone-etc-item-recommend__lead br {
    display: none;
  }
}
.phone-etc-item-recommend__txt {
  font-size: 15px;
  color: #222;
}
.phone-etc-item-recommend__image {
  position: absolute;
  width: 373px;
  top: -52px;
  right: -25px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-recommend__image {
    width: 264px;
    top: -115px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.phone-etc-item-recommend__image img {
  width: 100%;
}
.phone-etc-item-recommend__columns {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 20px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-recommend__columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
.phone-etc-item-recommend__column img {
  width: 100%;
}

.phone-etc-item-data__row {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-data__row {
    flex-direction: column;
    gap: 0;
  }
}
.phone-etc-item-data__row + .phone-etc-item-data__row {
  margin-top: 20px;
}
.phone-etc-item-data__item {
  position: relative;
  padding-top: 20px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-data__item {
    padding-top: 0;
    background: var(--_sub-color, #fff4f2);
  }
}
.phone-etc-item-data__heading {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-data__heading {
    line-height: 1.3;
  }
}
.phone-etc-item-data__heading::before {
  content: "";
  position: absolute;
  width: calc(100% + 50px);
  height: 100%;
  top: 0;
  left: 0;
  background: var(--_main-color, #E8442B);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-data__heading::before {
    width: 100%;
  }
}
.phone-etc-item-data__heading i {
  width: 55px;
}
.phone-etc-item-data__heading i img {
  width: 100%;
}
.phone-etc-item-data__heading span span {
  font-size: 15px;
  font-weight: 400;
}
.phone-etc-item-data__txt {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-data__txt {
    padding: 0 20px 10px;
  }
}
.phone-etc-item-data__image {
  flex-shrink: 0;
  width: 360px;
  background: var(--_sub-color, #fff4f2);
}
@media screen and (max-width: 768px) {
  .phone-etc-item-data__image {
    width: 100%;
  }
}
.phone-etc-item-data__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-data__image img {
    max-width: 360px;
    margin: 0 auto;
  }
}

.phone-etc-item-cost__items {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-cost__items {
    flex-direction: column;
  }
}
.phone-etc-item-cost__item {
  width: calc(50% - 30px);
}
@media screen and (max-width: 768px) {
  .phone-etc-item-cost__item {
    width: 100%;
  }
}
.phone-etc-item-cost__item dt {
  display: flex;
  justify-content: center;
  padding: 6px 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-cost__item dt {
    padding: 7px;
  }
}
.phone-etc-item-cost__item dd {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-cost__item dd {
    padding: 10px;
  }
}
.phone-etc-item-cost__item dd img {
  width: 100%;
  height: 100%;
  max-height: 54px;
  object-fit: contain;
}
.phone-etc-item-cost__item.-type-1 dt {
  background: #2685BC;
}
.phone-etc-item-cost__item.-type-1 dd {
  background: #D9F2F9;
}
.phone-etc-item-cost__item.-type-2 {
  position: relative;
}
.phone-etc-item-cost__item.-type-2::before {
  content: "+";
  position: absolute;
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
  font-size: 30px;
  line-height: 1.6;
  font-weight: bold;
  color: #494c5e;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-cost__item.-type-2::before {
    position: inherit;
    display: flex;
    justify-content: center;
    top: auto;
    left: auto;
    transform: none;
  }
}
.phone-etc-item-cost__item.-type-2 dt {
  background: #68B129;
}
.phone-etc-item-cost__item.-type-2 dd {
  background: #F2FFE6;
}
.phone-etc-item-cost__item.-type-3 {
  display: grid;
  grid-template-columns: 40% 60%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-cost__item.-type-3 {
    display: block;
  }
}
.phone-etc-item-cost__item.-type-3 dt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  border-radius: 5px 0 0 5px;
  background: #2685BC;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-cost__item.-type-3 dt {
    font-size: 20px;
    border-radius: 5px 5px 0 0;
  }
}
.phone-etc-item-cost__item.-type-3 dd {
  border-radius: 0 5px 5px 0;
  background: #D9F2F9;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-cost__item.-type-3 dd {
    border-radius: 0;
  }
}
.phone-etc-item-cost__item.-type-3 dd img {
  max-height: 94px;
}
.phone-etc-item-cost__note {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15px;
  line-height: 1.6;
}
.phone-etc-item-cost__note em {
  font-size: 17px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-cost__note em {
    font-size: 15px;
  }
}
.phone-etc-item-cost__note small {
  font-size: 15px;
}

.phone-etc-item-product__row + .phone-etc-item-product__row {
  margin-top: 15px;
}
.phone-etc-item-product__wrap {
  border: 1px solid #e7e7e7;
}
.phone-etc-item-product__details + .phone-etc-item-product__details {
  border-top: 1px solid #e7e7e7;
}
.phone-etc-item-product__summary {
  display: grid;
  grid-template-columns: 140px auto 20px 20px;
  grid-row: auto;
  padding: 10px 30px 10px 10px;
  background: #F9F9FA;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__summary {
    grid-template-columns: 70px auto 15px;
    gap: 0 5px;
    padding: 15px 0;
  }
}
.phone-etc-item-product__summary i {
  position: relative;
  grid-column: 4/5;
  grid-row: 1/3;
  transition: rotate 0.3s;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__summary i {
    grid-column: 3/4;
  }
}
.phone-etc-item-product__summary i::before, .phone-etc-item-product__summary i::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #a4a4a4;
}
.phone-etc-item-product__summary i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
[open] > .phone-etc-item-product__summary i {
  rotate: 45deg;
}
.phone-etc-item-product__heading {
  display: flex;
  align-items: center;
  grid-column: 2/3;
  gap: 0.5em;
  font-size: 19px;
  font-weight: bold;
  color: #2685BC;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    font-size: 15px;
    line-height: 1.5;
  }
}
.phone-etc-item-product__heading span {
  flex-shrink: 0;
  padding: 4px 11px;
  font-size: 15px;
  color: #fff;
  background: #2685BC;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__heading span {
    padding: 3px 6px;
    font-size: 12px;
  }
}
.phone-etc-item-product__heading em {
  gap: 0.5em;
}
.phone-etc-item-product__heading em small {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__heading em small {
    font-size: 12px;
  }
}
.phone-etc-item-product__lead {
  grid-column: 2/3;
  grid-row: span 1;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__lead {
    font-size: 12px;
  }
}
.phone-etc-item-product__support {
  display: flex;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__support {
    font-size: 12px;
  }
}
.phone-etc-item-product__support span::after {
  content: "｜";
}
.phone-etc-item-product__image {
  order: -1;
  grid-row: 1/3;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__image {
    aspect-ratio: 1;
  }
}
.phone-etc-item-product__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__image img {
    height: 100%;
    object-fit: cover;
  }
}
.phone-etc-item-product__detail {
  border-top: 1px solid #e7e7e7;
  padding: 30px 40px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__detail {
    padding: 20px 15px;
  }
}
.phone-etc-item-product__txt {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__txt {
    line-height: 2;
  }
}
.phone-etc-item-product__functions {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__functions {
    margin-top: 20px;
  }
}
.phone-etc-item-product__function dt {
  display: flex;
  padding-left: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__function dt {
    padding-left: 6px;
  }
}
.phone-etc-item-product__function dt::before {
  content: "【";
}
.phone-etc-item-product__function dt::after {
  content: "】";
}
.phone-etc-item-product__function + .phone-etc-item-product__function {
  margin-top: 20px;
}
.phone-etc-item-product__list {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__list {
    margin-top: 20px;
  }
}
.phone-etc-item-product__list li {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-size: 15px;
  line-height: 1.6;
}
.phone-etc-item-product__list li i {
  flex-shrink: 0;
  width: 15px;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__list li i {
    width: 9px;
  }
}
.phone-etc-item-product__list li i img {
  width: 100%;
}
.phone-etc-item-product__list li a {
  color: #06a;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .phone-etc-item-product__list li + li {
    margin-top: 13px;
  }
}
.phone-etc-item-product__list.-type-1 {
  margin: 0;
}

.phone-set-price {
  margin-top: 50px;
}
.phone-set-price__wrap {
  max-width: 770px;
  margin: 25px auto 0;
}
.phone-set-price__mv {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .phone-set-price__mv {
    margin-bottom: 25px;
  }
}
.phone-set-price__mv img {
  width: 100%;
}
.phone-set-price__lead {
  margin-bottom: 10px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .phone-set-price__lead {
    margin-bottom: 15px;
    padding: 0;
  }
}
.phone-set-price__lead em {
  font-weight: bold;
}
.phone-set-price__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-end;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-set-price__tabs {
    gap: 4px;
  }
}
.phone-set-price__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25em;
  width: 100%;
  padding: 18px 0;
  font-weight: bold;
  color: #7c7e80;
  line-height: 1.6;
  font-family: "DIN 2014", din-2014, sans-serif;
  background: #dadada;
}
@media screen and (max-width: 768px) {
  .phone-set-price__btn {
    padding: 10px 0;
  }
}
.phone-set-price__btn span {
  padding: 2px 10px;
  font-size: 20px;
  color: #fff;
  border-radius: 40px;
  background: #7c7e80;
}
@media screen and (max-width: 768px) {
  .phone-set-price__btn span {
    padding: 2px 13px;
    font-size: 15px;
  }
}
.phone-set-price__btn em {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .phone-set-price__btn em {
    font-size: 25px;
  }
}
.phone-set-price__btn[aria-selected=true] {
  padding: 20px 0;
  background: #b50808;
}
@media screen and (max-width: 768px) {
  .phone-set-price__btn[aria-selected=true] {
    padding: 13px 0;
  }
}
.phone-set-price__btn[aria-selected=true] span {
  background: #222;
}
.phone-set-price__btn[aria-selected=true] em {
  color: #fff;
}
.phone-set-price__item {
  padding: 20px;
  background: #b50808;
}
@media screen and (max-width: 768px) {
  .phone-set-price__item {
    padding: 17px 10px 15px;
  }
}
.phone-set-price__item[aria-hidden=true] {
  display: none;
}
.phone-set-price__intro {
  display: flex;
  align-items: center;
  gap: 0 30px;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .phone-set-price__intro {
    flex-direction: column;
  }
}
.phone-set-price__detail {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .phone-set-price__detail {
    padding: 15px;
  }
}
.phone-set-price__heading {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-bottom: 5px;
  line-height: 1.6;
  font-family: "DIN 2014", din-2014, sans-serif;
}
@media screen and (max-width: 768px) {
  .phone-set-price__heading {
    gap: 3px;
  }
}
.phone-set-price__heading span {
  padding: 2px 15px;
  font-size: 20px;
  color: #fff;
  border-radius: 18px;
  background: #222;
}
@media screen and (max-width: 768px) {
  .phone-set-price__heading span {
    padding: 2px 13px;
    font-size: 18px;
  }
}
.phone-set-price__heading em {
  display: flex;
  align-items: baseline;
  column-gap: 10px;
  font-size: 40px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-set-price__heading em {
    column-gap: 5px;
    font-size: 30px;
  }
}
.phone-set-price__heading em small {
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  .phone-set-price__heading em small {
    font-size: 25px;
  }
}
.phone-set-price__txt {
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-set-price__txt {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .phone-set-price__txt br {
    display: none;
  }
}
.phone-set-price__image {
  order: -1;
  flex-shrink: 0;
  width: 251px;
}
@media screen and (max-width: 768px) {
  .phone-set-price__image {
    width: 100%;
  }
}
.phone-set-price__image img {
  width: 100%;
}
.phone-set-price__note {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-set-price__note {
    margin-top: 15px;
  }
}
.phone-set-price__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 430px;
  height: 56px;
  margin: 40px auto 0;
  font-size: 20px;
  font-weight: bold;
  color: #b50808;
  border: 2px solid currentColor;
  border-radius: 50px;
}
@media screen and (max-width: 768px) {
  .phone-set-price__more {
    gap: 5px;
    width: 81.8666666667vw;
    margin-top: 20px;
    font-size: 17px;
  }
}
.phone-set-price__more::before {
  content: "▶︎";
}
.phone-set-price__more:hover {
  opacity: 1;
  color: #fff;
  background: #b50808;
}

.phone-set-price-detail {
  position: relative;
  margin-top: 15px;
  padding: 0 210px 5px 0;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail {
    margin-top: 5px;
    padding-right: 5px;
  }
}
.phone-set-price-detail__intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  row-gap: 5px;
  margin-bottom: clamp(5px, 1.3333333333vw, 10px);
}
.phone-set-price-detail__head {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 5px;
  min-height: 50px;
  padding: 3px 0 3px 15px;
  font-size: clamp(21px, 5.6vw, 30px);
  font-weight: bold;
  color: #fff;
  line-height: 1;
  background: #51be00;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail__head {
    padding: 5px 0 5px 10px;
    white-space: nowrap;
  }
}
.phone-set-price-detail__head::after {
  content: "";
  position: absolute;
  top: 0;
  right: -29px;
  border-style: solid;
  border-width: 0 0 52px 30px;
  border-color: transparent transparent transparent #51be00;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail__head::after {
    border-width: 0 0 clamp(50px, 13.3333333333vw, 55px) 30px;
  }
}
.phone-set-price-detail__head span {
  font-size: clamp(39px, 10.4vw, 45px);
  font-weight: 800;
  font-style: italic;
  font-family: "DIN 2014", din-2014, sans-serif;
}
.phone-set-price-detail__head.-type-1 span {
  font-size: clamp(34px, 9.0666666667vw, 45px);
}
.phone-set-price-detail__price {
  display: flex;
  margin-left: auto;
  border: 1px solid #222;
}
.phone-set-price-detail__price dt {
  padding: 0 10px;
  font-size: clamp(1px, 2.6666666667vw, 18px);
  line-height: 1.9444444444;
  font-weight: bold;
  color: #fff;
  background: #222;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail__price dt {
    padding: 0 8px;
    line-height: 2.7;
  }
}
.phone-set-price-detail__price dd {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 0 10px;
  font-size: clamp(10px, 2.6666666667vw, 17px);
  line-height: 2.0588235294;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail__price dd {
    padding: 0 8px;
    line-height: 2.7;
  }
}
.phone-set-price-detail__price dd span {
  font-size: clamp(17px, 4.5333333333vw, 25px);
  line-height: 1.4;
  font-weight: bold;
  font-family: "DIN 2014", din-2014, sans-serif;
  text-decoration: line-through;
  text-decoration-thickness: 3px;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail__price dd span {
    line-height: 1.5882352941;
  }
}
.phone-set-price-detail__item {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail__item {
    flex-direction: row-reverse;
    padding-left: 5px;
  }
}
.phone-set-price-detail__icon {
  flex-shrink: 0;
  width: clamp(68px, 18.1333333333vw, 100px);
}
.phone-set-price-detail__icon img {
  width: 100%;
}
.phone-set-price-detail__sale {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail__sale {
    order: -1;
  }
}
.phone-set-price-detail__sale dt {
  position: relative;
  flex-shrink: 0;
  width: 64px;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail__sale dt {
    width: 10.9333333333vw;
    max-width: 64px;
  }
}
.phone-set-price-detail__sale dt img {
  width: 100%;
}
.phone-set-price-detail__sale dd {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.phone-set-price-detail__exclusive {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-size: clamp(52px, 13.8666666667vw, 75px);
  font-weight: 800;
  font-style: italic;
  color: #e60001;
  line-height: 1;
  font-family: "DIN 2014", din-2014, sans-serif;
  z-index: 1;
}
.phone-set-price-detail__exclusive::before {
  content: attr(data-attr);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-text-stroke: 10px #fff;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
  z-index: -1;
}
.phone-set-price-detail__exclusive span {
  position: relative;
  font-size: clamp(25px, 6.6666666667vw, 41px);
  font-style: normal;
}
.phone-set-price-detail__exclusive span::before {
  content: attr(data-attr);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-text-stroke: 10px #fff;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
  z-index: -1;
}
.phone-set-price-detail__exclusive.-type-1 {
  font-size: clamp(40px, 10.6666666667vw, 60px);
}
.phone-set-price-detail__inclusive {
  display: flex;
  gap: 5px;
  font-size: clamp(13px, 3.4666666667vw, 20px);
  font-weight: 300;
  line-height: 1.6;
  font-family: "DIN 2014", din-2014, sans-serif;
}
.phone-set-price-detail__inclusive span {
  font-style: italic;
}
.phone-set-price-detail__image {
  position: absolute;
  width: 280px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-set-price-detail__image {
    display: none;
  }
}
.phone-set-price-detail__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center right;
}

.phone-strong-point {
  max-width: 770px;
  margin: 0 auto;
  padding: 15px 30px 30px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .phone-strong-point {
    padding: 15px;
  }
}
.phone-strong-point__head img {
  width: 100%;
}
.phone-strong-point__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-strong-point__columns {
    grid-template-columns: 1fr;
  }
}
.phone-strong-point__column {
  line-height: 1.6;
  border: 1px solid #D9DAE0;
  background: #fff;
}
.phone-strong-point__column dt {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 20px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #D9DAE0;
  background: #FBFAF0;
}
@media screen and (max-width: 768px) {
  .phone-strong-point__column dt {
    display: block;
    padding: 20px 20px 20px 50px;
    text-align: center;
  }
}
.phone-strong-point__column dt i {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 50px;
}
@media screen and (max-width: 768px) {
  .phone-strong-point__column dt i {
    width: 60px;
  }
}
.phone-strong-point__column dt i img {
  width: 100%;
}
.phone-strong-point__column dt span {
  color: #B50808;
}
.phone-strong-point__column dd {
  padding: 20px;
  font-size: 15px;
}
.phone-strong-point__column dd em {
  font-weight: bold;
  color: #B50808;
}

.phone-maker-detail-intro__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  background: #D9F2F9;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__wrap {
    background: none;
  }
}
.phone-maker-detail-intro__item {
  max-width: 52%;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__item {
    max-width: 100%;
    margin-top: 36.2666666667vw;
    padding: 0 15px;
    background: #D9F2F9;
  }
}
.phone-maker-detail-intro__item.-copy {
  max-width: 585px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__item.-copy {
    max-width: 100%;
  }
}
.phone-maker-detail-intro__lead {
  font-size: 21px;
  font-weight: bold;
  color: #2685BC;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__lead {
    word-break: auto-phrase;
    font-size: 20px;
    text-align: center;
  }
}
.phone-maker-detail-intro__txt {
  max-width: 352px;
  margin-top: 10px;
  font-size: 15px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__txt {
    max-width: 100%;
  }
}
.phone-maker-detail-intro__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__image {
    height: auto;
  }
}
.phone-maker-detail-intro__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right top;
}
.phone-maker-detail-intro__nav {
  max-width: 960px;
  margin: 26px auto 0;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__nav {
    position: relative;
    margin-top: 0;
    padding: 25px 15px 15px;
    background: #D9F2F9;
    z-index: 1;
  }
}
.phone-maker-detail-intro__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__columns {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}
.phone-maker-detail-intro__column a {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 180px;
  padding: 25px 0 11px;
  font-weight: bold;
  line-height: 1.6;
  background: #fafafa;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__column a {
    position: relative;
    flex-direction: row;
    height: auto;
    padding: 15px 15px 15px 70px;
    line-height: 1.5;
    background: #2685BC;
  }
}
.phone-maker-detail-intro__column a::before {
  content: "";
  width: 26px;
  height: 19px;
  margin-bottom: 10px;
  background-color: #222222;
  mask-image: url("../img/copy/common/makerCopyBoutou01.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__column a::before {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    background: #fff;
  }
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__column a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 56px;
    transform: translateY(-50%);
    height: calc(100% - 30px);
    border-right: 1px dotted #fff;
  }
}
.phone-maker-detail-intro__column a:hover {
  background: #59A0D1;
  color: #fff;
}
.phone-maker-detail-intro__column a:hover::before {
  background-color: #fff;
}
.phone-maker-detail-intro__column a:hover i {
  background: #fff;
}
.phone-maker-detail-intro__column a:hover i:before {
  background: #59A0D1;
}
.phone-maker-detail-intro__column a:hover span small::after {
  background: #fff;
}
.phone-maker-detail-intro__column a span {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__column a span {
    align-items: flex-start;
  }
}
.phone-maker-detail-intro__column a span small {
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__column a span small {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 12px;
    color: #A0D0F0;
  }
}
.phone-maker-detail-intro__column a span small:after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 83px;
  height: 1px;
  background: #494C5E;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__column a span small:after {
    content: none;
  }
}
.phone-maker-detail-intro__column a span em {
  font-size: 19px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__column a span em {
    color: #fff;
  }
}
.phone-maker-detail-intro__column a i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  border-radius: 50%;
  background: #59A0D1;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-intro__column a i {
    margin-left: auto;
  }
}
.phone-maker-detail-intro__column a i:before {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  background-color: #fff;
  mask-image: url("../img/copy/common/arrow_drop_down.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.phone-maker-detail-intro__column:nth-child(2) a::before {
  mask-image: url("../img/copy/common/makerCopyBoutou02.svg");
}
.phone-maker-detail-intro__column:nth-child(3) a::before {
  mask-image: url("../img/copy/common/makerCopyBoutou03.svg");
}
.phone-maker-detail-intro__column:nth-child(4) a::before {
  mask-image: url("../img/copy/common/makerCopyBoutou05.svg");
}
.phone-maker-detail-intro__column:nth-child(5) a::before {
  mask-image: url("../img/copy/common/makerCopyBoutou04.svg");
}
.phone-maker-detail-intro__column:nth-child(6) a::before {
  mask-image: url("../img/copy/common/makerCopyBoutou06.svg");
}
.phone-maker-detail-intro__column.-area:nth-child(2) {
  background: #000;
}
.phone-maker-detail-intro__column.-area:nth-child(2) a::before {
  mask-image: url("../img/copy/area/detail/copyAreaBoutou03.svg");
}
.phone-maker-detail-intro__column.-area:nth-child(3) a::before {
  mask-image: url("../img/copy/area/detail/copyAreaBoutou05.svg");
}
.phone-maker-detail-intro__column.-area:nth-child(4) a::before {
  mask-image: url("../img/phone/area/detail/phoneAreaBoutou_phone.svg");
}
.phone-maker-detail-intro__column.-area:nth-child(5) a::before {
  mask-image: url("../img/phone/area/detail/phoneAreaBoutou_qa.svg");
}
.phone-maker-detail-intro__column.-area:nth-child(6) a::before {
  mask-image: url("../img/copy/area/detail/copyAreaBoutou04.svg");
}
.phone-maker-detail-intro__column.-copy-area a::before {
  width: 27px;
  height: 25px;
}
.phone-maker-detail-intro__column.-copy-area:nth-child(2) {
  background: #000;
}
.phone-maker-detail-intro__column.-copy-area:nth-child(2) a::before {
  mask-image: url("../img/copy/area/detail/copyAreaBoutou02.svg");
}
.phone-maker-detail-intro__column.-copy-area:nth-child(3) a::before {
  mask-image: url("../img/copy/area/detail/copyAreaBoutou03.svg");
}
.phone-maker-detail-intro__column.-copy-area:nth-child(4) a::before {
  mask-image: url("../img/copy/area/detail/copyAreaBoutou04.svg");
}
.phone-maker-detail-intro__column.-copy-area:nth-child(5) a::before {
  mask-image: url("../img/copy/area/detail/copyAreaBoutou05.svg");
}
.phone-maker-detail-intro__column.-copy-area:nth-child(6) a::before {
  mask-image: url("../img/copy/area/detail/copyAreaBoutou06.svg");
}

.phone-maker-detail-reason {
  max-width: 770px;
  margin: 25px auto 0;
}
.phone-maker-detail-reason__intro {
  position: relative;
  min-height: 225px;
  margin-bottom: 10px;
  padding: 130px 45px 33px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__intro {
    min-height: 0;
    margin-bottom: 0;
    padding: 0;
  }
}
.phone-maker-detail-reason__intro dt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__intro dt {
    position: inherit;
    height: auto;
    top: auto;
    left: auto;
    margin-bottom: 1px;
  }
}
.phone-maker-detail-reason__intro dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phone-maker-detail-reason__intro dd {
  max-width: 405px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__intro dd {
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    background: var(--_background, #E0EEF1);
  }
}
.phone-maker-detail-reason__wrap {
  padding: 20px 20px 40px;
  background: var(--_background, #E1EEF2);
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__wrap {
    padding: 0 20px 20px;
  }
}
.phone-maker-detail-reason__columns {
  display: grid;
  grid-template-columns: var(--_columns-PC, repeat(3, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__columns {
    grid-template-columns: var(--_columns-SP, 1fr);
  }
}
.phone-maker-detail-reason__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 0 20px 20px 20px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__column {
    gap: 0;
    padding: 0;
  }
}
.phone-maker-detail-reason__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  word-break: auto-phrase;
  font-size: 18px;
  font-weight: bold;
  color: var(--_color, #12517c);
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__heading {
    flex-direction: row;
    width: 100%;
    padding: 10px;
    color: #fff;
    line-height: 1.3;
    background: var(--_color, #005BAC);
  }
}
.phone-maker-detail-reason__heading i {
  position: relative;
}
.phone-maker-detail-reason__heading i picture {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__heading i picture {
    flex-shrink: 0;
    width: 52px;
  }
}
.phone-maker-detail-reason__heading i picture img {
  width: 100%;
}
.phone-maker-detail-reason__heading i small {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding-right: 14px;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__heading i small {
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 9px;
    padding-right: 0;
    font-size: 24px;
    font-weight: bold;
    color: var(--_color, #005BAC);
    line-height: 1.8;
  }
}
.-summary > .phone-maker-detail-reason__heading i small {
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .-summary > .phone-maker-detail-reason__heading i small {
    margin-top: 5px;
    padding-right: 0;
    white-space: nowrap;
    font-size: 11px;
  }
}
.phone-maker-detail-reason__txt {
  font-size: 15px;
  color: #777;
}
@media screen and (max-width: 768px) {
  .phone-maker-detail-reason__txt {
    padding: 20px;
    font-size: 14px;
    color: #494c5f;
  }
}

@media screen and (max-width: 768px) {
  .phone-maker-gallery {
    margin: 0 -4vw;
  }
}
.phone-maker-gallery__slide {
  position: relative;
  z-index: 1;
}
.phone-maker-gallery__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-maker-gallery__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phone-maker-gallery__arrow {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0 16px;
  background: #EBEBEB;
  opacity: 1;
  z-index: 1;
}
.phone-maker-gallery__arrow img {
  width: 100%;
}
.phone-maker-gallery__arrow:not(:root):hover {
  opacity: 1;
}
.phone-maker-gallery__arrow:not(:root):hover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  border-radius: 50%;
  animation: 1s circle forwards;
  z-index: -1;
}
.phone-maker-gallery__arrow[disabled] {
  pointer-events: none;
}
.phone-maker-gallery__arrow.-prev {
  left: 50px;
}
@media screen and (max-width: 768px) {
  .phone-maker-gallery__arrow.-prev {
    left: 20px;
  }
}
.phone-maker-gallery__arrow.-prev img {
  rotate: 180deg;
}
.phone-maker-gallery__arrow.-next {
  right: 50px;
}
@media screen and (max-width: 768px) {
  .phone-maker-gallery__arrow.-next {
    right: 20px;
  }
}
.phone-maker-gallery__wrap {
  max-width: 553px;
  margin: 0 auto;
}
.phone-maker-gallery__item a {
  display: block;
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .phone-maker-gallery__item a {
    padding: 0;
  }
}
.phone-maker-gallery__item a img {
  width: 100%;
}

@keyframes circle {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
.phone-maker-gallery-thumb {
  padding: 15px 50px;
  background: linear-gradient(180deg, rgb(64, 75, 81) 0%, rgb(0, 0, 0) 100%);
}
@media screen and (max-width: 768px) {
  .phone-maker-gallery-thumb {
    padding: 15px 80px;
  }
}
.phone-maker-gallery-thumb__arrow {
  width: 36px;
  height: 100%;
  border-radius: 0;
  background: #000;
}
.phone-maker-gallery-thumb__arrow.-prev {
  left: 0;
}
.phone-maker-gallery-thumb__arrow.-prev img {
  rotate: 180deg;
}
.phone-maker-gallery-thumb__arrow.-next {
  right: 0;
}
.phone-maker-gallery-thumb__item {
  display: flex;
  align-items: center;
  border-width: 1px !important;
  background: linear-gradient(180deg, white 0%, #c7c7c7 100%);
}
.phone-maker-gallery-thumb__item.is-active {
  color: #005BAC;
  border-color: currentColor !important;
  background: linear-gradient(180deg, white 0%, #aabcce 100%);
}
.phone-maker-gallery-thumb__image {
  flex-shrink: 0;
  width: 58px;
}
.phone-maker-gallery-thumb__image img {
  width: 100%;
}
.phone-maker-gallery-thumb__heading {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  font-size: 18px;
  line-height: 1.1111111111;
}
.phone-maker-gallery-thumb__heading small {
  font-size: 10px;
  line-height: 1;
}

.phone-maker-data {
  margin-top: var(--_margin-top-PC, 0);
}
.phone-maker-data + .phone-maker-data {
  margin-top: 20px;
}
.phone-maker-data__wrap {
  padding: 35px 50px;
  background: #F9F9FA;
}
@media screen and (max-width: 768px) {
  .phone-maker-data__wrap {
    padding: 20px 15px 30px;
  }
}
.phone-maker-data__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-maker-data__content {
    grid-template-columns: 1fr;
  }
}
.phone-maker-data__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.phone-maker-data__item {
  display: grid;
  flex-grow: 1;
  grid-template-columns: 93px 1fr;
  gap: 14px;
  line-height: 1.6;
}
.phone-maker-data__item dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background: #EDEDED;
}
@media screen and (max-width: 768px) {
  .phone-maker-data__item dt {
    padding: 5px 0;
  }
}
.phone-maker-data__item dd {
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-size: 15px;
  border-bottom: 1px solid #EDEDED;
}
@media screen and (max-width: 768px) {
  .phone-maker-data__item dd {
    padding: 5px 0;
    font-size: 13px;
  }
}
.phone-maker-data__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  width: fit-content;
  height: 33px;
  margin: 20px auto 0;
  padding: 0 25px;
  font-size: 12px;
  font-weight: bold;
  color: var(--_color, #005BAC);
  border: 1px solid currentColor;
  border-radius: 33px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-maker-data__link {
    height: 47px;
    font-size: 17px;
  }
}
.phone-maker-data__link::before {
  content: "▶︎";
}
.phone-maker-data__link:hover {
  opacity: 1;
  color: #fff;
  background: var(--_color, #005BAC);
}

.phone-maker-history__lead {
  font-size: 18px;
  font-weight: bold;
}
.phone-maker-history__txt {
  margin-top: 0.5em;
}
.phone-maker-history__items {
  margin: 30px 0;
}
.phone-maker-history__item {
  display: grid;
  grid-template-columns: 84px 1fr;
  align-items: baseline;
}
.phone-maker-history__item + .phone-maker-history__item {
  margin-top: 5px;
}
.phone-maker-history__item:last-child dl {
  padding-bottom: 0;
}
.phone-maker-history__heading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  font-size: 13px;
  font-weight: bold;
  color: var(--_color, #005BAC);
  font-family: "Bahnschrift", sans-serif;
  text-transform: uppercase;
}
.phone-maker-history__heading::before, .phone-maker-history__heading::after {
  content: "";
  background: currentColor;
}
.phone-maker-history__heading::before {
  aspect-ratio: 1;
  order: 1;
  width: 10px;
  border-radius: 50%;
}
.phone-maker-history__heading::after {
  order: 2;
  flex-grow: 1;
  width: 1px;
  margin-top: 5px;
}
.phone-maker-history__detail {
  padding-bottom: 15px;
  font-size: 14px;
  line-height: 1.6;
}
.phone-maker-history__detail dt {
  font-weight: bold;
  color: var(--_color, #005BAC);
}
.phone-maker-work {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-maker-work {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
}
.phone-maker-work li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  line-height: 1.6;
  border: var(--_border, 2px solid currentColor);
  border-radius: 3px;
  background: var(--_background, #2685BC);
}
.phone-maker-work li a:after {
  content: "▶︎";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 9px;
}
.phone-maker-work li a[data-suitable=false] {
  background: #E9E9E9;
  color: #222222;
  border-color: #E9E9E9;
}
.phone-maker-work li a[data-suitable=false]:after {
  color: #606060;
}

.phone-service {
  margin-top: var(--_margin-top-PC, 0);
}
.phone-service__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-service__columns {
    grid-template-columns: 1fr;
  }
}
.phone-service__columns:has(> .-col-2) {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .phone-service__columns:has(> .-col-2) {
    grid-template-columns: 1fr;
  }
}
.phone-service__columns + .phone-service__columns {
  margin-top: 30px;
}
.phone-service__column {
  display: flex;
  flex-direction: column;
  border: 1px solid #e7e7e7;
  background: #f9f9fa;
}
.phone-service__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 15px 20px 30px;
  line-height: 1.6;
}
.-col-2 > .phone-service__item {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .-col-2 > .phone-service__item {
    padding-top: 15px;
  }
}
.phone-service__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: 20px;
  font-weight: bold;
  color: #e8442a;
}
.phone-service__heading i {
  width: fit-content;
}
.phone-service__heading i img {
  width: 100%;
}
.phone-service__lead {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}
.phone-service__lead i {
  width: fit-content;
}
.phone-service__lead i img {
  width: 100%;
}
.phone-service__txt {
  margin: 5px 0 auto;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.5px;
}
.phone-service__more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 165px;
  margin: 10px auto 0;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #e8442a;
}
.phone-service__image {
  order: -1;
}
.phone-service__image img {
  width: 100%;
}

.phone-maker-share {
  padding: 30px;
  background: #D9F2F9;
}
@media screen and (max-width: 768px) {
  .phone-maker-share {
    padding: 20px 15px;
  }
}
.phone-maker-share__intro {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .phone-maker-share__intro {
    flex-direction: column;
    gap: 0;
    margin-bottom: 0;
  }
}
.phone-maker-share__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.phone-maker-share__head {
  font-size: 21px;
  font-weight: bold;
  color: #2685bc;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .phone-maker-share__head {
    font-size: 20px;
  }
}
.phone-maker-share__image {
  flex-shrink: 0;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .phone-maker-share__image {
    max-width: 316px;
    margin: 0 auto;
  }
}
.phone-maker-share__image img {
  width: 100%;
}
.phone-maker-share__row {
  display: grid;
  grid-template-columns: var(--_columns-PC, 280px 1fr);
  gap: 15px;
  padding: 15px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .phone-maker-share__row {
    display: flex;
    flex-direction: column;
  }
}
.phone-maker-share__row + .phone-maker-share__row {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .phone-maker-share__row + .phone-maker-share__row {
    margin-top: 2px;
  }
}
.phone-maker-share__rank {
  --_color: #D9F2F9;
  position: relative;
  padding-left: 47px;
}
.phone-maker-share__rank::before, .phone-maker-share__rank::after {
  position: absolute;
  aspect-ratio: 1;
  width: 37px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.phone-maker-share__rank::before {
  content: attr(data-num);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  font-size: 22px;
  font-weight: bold;
  color: var(--_color);
  font-family: "Bahnschrift", sans-serif;
}
.phone-maker-share__rank::after {
  content: "";
  background-color: var(--_color);
  mask-image: url("../img/copy/common/ranking.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.phone-maker-share__rank[data-num="1"] {
  --_color: #CCA12A;
}
.phone-maker-share__rank[data-num="2"] {
  --_color: #9C9C9C;
}
.phone-maker-share__rank[data-num="3"] {
  --_color: #C0420A;
}
.phone-maker-share__heading {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-maker-share__heading {
    font-size: 17px;
  }
}
.phone-maker-share__heading small {
  display: inline-flex;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .phone-maker-share__heading small {
    font-size: 10px;
  }
}
.phone-maker-share__heading small::before {
  content: "（";
}
.phone-maker-share__heading small::after {
  content: "）";
}
.phone-maker-share__detail {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
}
.phone-maker-share__data {
  display: flex;
  gap: 3px;
  font-size: 13px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .phone-maker-share__data {
    font-size: 12px;
  }
}
.phone-maker-share__data dt {
  display: flex;
  align-items: baseline;
  gap: 3px;
  font-weight: 400;
}
.phone-maker-share__data dt i {
  flex-shrink: 0;
  width: fit-content;
}
.phone-maker-share__data dt i img {
  width: 100%;
}
.phone-maker-share__data dd {
  font-weight: bold;
}
.phone-maker-share__txt {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  font-size: 13px;
  line-height: 1.6;
  border-left: dotted 2px #DADADA;
}
@media screen and (max-width: 768px) {
  .phone-maker-share__txt {
    padding: 15px 0 0;
    font-size: 13px;
    border-top: dotted 2px #DADADA;
    border-left: none;
  }
}

.phone-cable {
  margin-top: 30px;
}
.phone-cable__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-cable__columns {
    grid-template-columns: 1fr;
  }
}
.phone-cable__column {
  display: flex;
  flex-direction: column;
  border: 1px solid #E7E7E7;
}
.phone-cable__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: -51px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .phone-cable__item {
    gap: 10px;
    margin-top: -46px;
    padding: 15px 25px 25px;
  }
}
.phone-cable__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 768px) {
  .phone-cable__heading {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.phone-cable__heading i {
  width: 60px;
}
.phone-cable__heading i img {
  width: 100%;
}
.phone-cable__heading span {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 58px;
  word-break: auto-phrase;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-cable__heading span {
    min-height: 0;
  }
}
.phone-cable__txt {
  font-size: 15px;
}
.phone-cable__txt em {
  font-weight: bold;
  color: #005bac;
}
.phone-cable__image {
  order: -1;
}
.phone-cable__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .phone-cable__wrap {
    min-width: 730px;
  }
}
.phone-cable__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
.phone-cable__table th,
.phone-cable__table td {
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #3B3938;
}
.phone-cable__table th {
  background: #241E1C;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
.phone-cable__table .bg_gray {
  background: #3B3938;
}
.phone-cable__table .bg_blue {
  background: #00418B;
  width: 18%;
}
.phone-cable__table .bg_red {
  position: relative;
  border: none;
  width: 18%;
}
.phone-cable__table .bg_red .matsu {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px 6px 0 0;
  padding: 13px 1px 10px 2px;
  background: #db2a1b;
}
.phone-cable__table .bg_l_gray {
  background: #EBEBEB;
  color: #3B3938;
  font-size: 12px;
  width: 12%;
}
.phone-cable__table td .big {
  font-size: 19px;
}
.phone-cable__table td .min {
  font-size: 10px;
}
.phone-cable__table .td_type {
  text-align: left;
}
.phone-cable__table .td_ntt {
  color: #00418B;
  background: #D5E2EA;
}
.phone-cable__table .td_oa110 {
  color: #DB2A1B;
  background: #FFF6CF;
  font-weight: bold;
}
.phone-cable__table .bb-black {
  border: solid #db2a1b;
  border-width: 3px 3px 0 3px;
  border-bottom: 1px solid #3e3938;
}
.phone-cable__table .bt-none {
  border: solid #db2a1b;
  border-width: 0 3px 3px 3px;
}
.phone-cable__others {
  max-width: 646px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .phone-cable__others {
    margin-left: 0;
  }
}
.phone-cable__other {
  display: grid;
  grid-template-columns: 190px 1fr 1fr;
  line-height: 1.6;
  border: 1px solid #EBEBEB;
}
.phone-cable__other dt, .phone-cable__other dd {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 30px;
}
.phone-cable__other dt i, .phone-cable__other dd i {
  width: fit-content;
}
.phone-cable__other dt i img, .phone-cable__other dd i img {
  width: 100%;
}
.phone-cable__other dt {
  gap: 10px;
  font-size: 15px;
  font-weight: 400;
  background: #EBEBEB;
}
.phone-cable__other dd {
  position: relative;
  font-size: 12px;
}
.phone-cable__other dd i {
  margin-right: 5px;
}
.phone-cable__other dd span {
  font-size: 10px;
}
.phone-cable__other dd + dd::before {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% - 10px);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #3B3938;
}
.phone-cable__other + .phone-cable__other {
  margin-top: 10px;
}

.phone-contract {
  margin-top: 15px;
}
.phone-contract__intro {
  display: grid;
  grid-template-columns: 1fr 300px;
  padding-left: 35px;
  color: #fff;
  background: #E87121;
}
@media screen and (max-width: 768px) {
  .phone-contract__intro {
    grid-template-columns: 1fr;
    padding-left: 0;
  }
}
.phone-contract__head {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-contract__head {
    min-height: 57px;
    padding: 4px 8px;
  }
}
.phone-contract__head::before {
  content: "";
  flex-shrink: 0;
  width: 21.29px;
  height: 18.4px;
  margin-right: 25px;
  background-color: #fff;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.phone-contract__head::after {
  content: "";
  position: absolute;
  height: 20px;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.phone-contract__head small {
  margin-left: 20px;
  padding: 0 10px;
  font-size: 10px;
  line-height: 2;
  font-weight: 400;
  border-radius: 20px;
  background: #D33204;
}
.phone-contract__head.-lan::before {
  mask-image: url("../img/phone/maker/icon_lan.svg");
}
.phone-contract__head.-electric::before {
  mask-image: url("../img/phone/maker/icon_electric.svg");
}
.phone-contract__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 57px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  background: #70B53D;
}
.phone-contract__more::before {
  content: "▶︎";
}
.phone-contract__more span {
  text-decoration: underline;
}
.phone-contract__wrap {
  position: relative;
  padding: 30px 40px;
  z-index: 1;
  background: #fbfbfb;
}
@media screen and (max-width: 768px) {
  .phone-contract__wrap {
    padding: 15px 20px;
  }
}
.phone-contract__item {
  line-height: 1.6;
}
.phone-contract__lead {
  font-size: 18px;
  font-weight: bold;
  color: #E87121;
}
.phone-contract__txt {
  min-width: 343px;
  max-width: 55%;
  margin-top: 10px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-contract__txt {
    min-width: 0;
    max-width: 100%;
  }
}
.phone-contract__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .phone-contract__bg {
    display: none;
  }
}
.phone-contract__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phone-area-archive__intro {
  position: relative;
  min-height: 144px;
  margin-bottom: 30px;
  padding-right: 260px;
}
@media screen and (max-width: 768px) {
  .phone-area-archive__intro {
    min-height: 0;
    padding-right: 0;
  }
}
.phone-area-archive__txt em {
  color: #e8442a;
}
.phone-area-archive__fig {
  position: absolute;
  width: 160px;
  top: -85px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .phone-area-archive__fig {
    display: none;
  }
}
.phone-area-archive__fig img {
  width: 100%;
}
.phone-area-archive__fig.-copy {
  width: 210px;
  top: -65px;
}
.phone-area-archive__map {
  position: relative;
  width: 730px;
  height: 570px;
  margin: 0 auto 150px;
  padding: 50px 65px 0 0;
}
@media screen and (max-width: 768px) {
  .phone-area-archive__map {
    width: 100%;
    max-width: 730px;
    height: auto;
    margin: 30px auto;
    padding: 0;
  }
}
.phone-area-archive__box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 8px;
  line-height: 1.6;
  border: 2px solid #4f98c1;
}
@media screen and (max-width: 768px) {
  .phone-area-archive__box {
    display: none;
  }
}
.phone-area-archive__box dt {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #4f98c1;
}
.phone-area-archive__box[data-arrow]::before {
  content: "";
  position: absolute;
}
.phone-area-archive__box[data-arrow=top]::before {
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 7.5px 15px 7.5px;
  border-color: transparent transparent #4f97c1 transparent;
}
.phone-area-archive__box[data-arrow=bottom]::before {
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 15px 7.5px 0 7.5px;
  border-color: #4f97c1 transparent transparent transparent;
}
.phone-area-archive__box[data-arrow=left]::before {
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 7.5px 15px 7.5px 0;
  border-color: transparent #4f97c1 transparent transparent;
}
.phone-area-archive__box[data-arrow=right]::before {
  top: 105px;
  right: -15px;
  border-style: solid;
  border-width: 7.5px 0 7.5px 15px;
  border-color: transparent transparent transparent #4f97c1;
}
.phone-area-archive__box.-area-1 {
  top: 57px;
  left: 0;
}
.phone-area-archive__box.-area-2 {
  bottom: -100px;
  left: 0;
}
.phone-area-archive__box.-area-3 {
  top: 100px;
  left: 150px;
}
.phone-area-archive__box.-area-4 {
  top: 100px;
  left: 260px;
}
.phone-area-archive__box.-area-5 {
  top: 30px;
  left: 370px;
}
.phone-area-archive__box.-area-6 {
  bottom: -100px;
  left: 185px;
}
.phone-area-archive__box.-area-7 {
  bottom: -55px;
  left: 370px;
}
.phone-area-archive__box.-area-8 {
  bottom: -55px;
  right: 20px;
}
.phone-area-archive__box.-area-8::before {
  top: 15px;
  transform: none;
}
.phone-area-archive__box.-area-9 {
  bottom: 150px;
  right: 10px;
}
.phone-area-archive__box.-area-10 {
  top: 150px;
  right: 10px;
}
.phone-area-archive__detail {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}
.phone-area-archive__detail li a {
  display: flex;
  justify-content: center;
  width: 65px;
  padding: 3px 0;
  font-size: 14px;
  border: 1px solid #4f98c1;
  border-radius: 2px;
  transition: color 0.3s, background 0.3s;
}
.phone-area-archive__detail li a:hover {
  opacity: 1;
  color: #fff;
  background: #4f97c1;
}
.phone-area-archive__detail.-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.phone-area-archive__item {
  display: grid;
  grid-template-columns: 100px 1fr;
  font-size: 14px;
  line-height: 1.6;
}
.phone-area-archive__item dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  color: #fff;
  background: #206892;
}
.phone-area-archive__item dd {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  background: #f7f7f7;
}
.phone-area-archive__item + .phone-area-archive__item {
  margin-top: 2px;
}
.phone-area-archive__item:nth-child(4n+2) dt {
  background: #204e91;
}
.phone-area-archive__item:nth-child(4n+3) dt {
  background: #2d70c1;
}
.phone-area-archive__item:nth-child(4n+4) dt {
  background: #4f98c1;
}
.phone-area-archive__data {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.phone-area-archive__data li a {
  color: #06a;
  text-decoration: underline;
}

.area-detail-mv {
  position: relative;
}
.area-detail-mv__wrap {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__wrap {
    min-height: 0;
    margin: 0 -4vw;
  }
}
.area-detail-mv__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 585px;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__item {
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .area-detail-mv__detail {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    height: 52.2666666667vw;
    min-height: 196px;
    max-height: 340px;
    padding: 25px 25px 30px;
    z-index: 1;
  }
}
.area-detail-mv__head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 39px;
  font-weight: bold;
  color: #005bac;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__head {
    justify-content: flex-start;
    font-size: 25px;
  }
}
.area-detail-mv__head i {
  flex-shrink: 0;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__head i {
    width: 19px;
  }
}
.area-detail-mv__head i img {
  width: 100%;
}
.area-detail-mv__lead {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__lead {
    flex-direction: column;
    align-items: flex-start;
  }
}
.area-detail-mv__lead span {
  font-size: 19px;
  line-height: 1.3157894737;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__lead span {
    font-size: 15px;
    line-height: 1.6666666667;
  }
}
.area-detail-mv__lead em {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__lead em {
    font-size: 18px;
  }
}
.area-detail-mv__lead em b {
  background: linear-gradient(transparent 60%, #FFD800 60%);
}
@media screen and (max-width: 768px) {
  .area-detail-mv__txt {
    width: 53.3333333333vw;
    min-width: 200px;
    font-size: 13px;
  }
}
.area-detail-mv__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__columns {
    width: 100vw;
    gap: 2px;
    margin-top: 0;
  }
}
.area-detail-mv__column {
  position: relative;
  padding: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background: #005bac;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__column {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-size: 10px;
  }
}
.area-detail-mv__column i {
  aspect-ratio: 1;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  top: -10px;
  left: -10px;
  padding: 0 8px;
  border-radius: 50%;
  background: #005bac;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__column i {
    position: inherit;
    top: auto;
    left: auto;
    width: 20px;
    padding: 0;
  }
}
.area-detail-mv__column i img {
  width: 100%;
}
.area-detail-mv__column em {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__column em {
    word-break: auto-phrase;
    font-size: 14px;
  }
}
.area-detail-mv__image {
  position: absolute;
  width: 440px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .area-detail-mv__image {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transform: none;
  }
}
.area-detail-mv__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area-detail-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.area-detail-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.area-maker-links {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .area-maker-links {
    display: none;
  }
}
.area-maker-links__items {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 15px;
}
.area-maker-links__item a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
}
.area-maker-links__item a::before {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 13px;
  bottom: 3px;
  right: 4px;
  background: #E7E7E7;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.area-maker-links__item a img {
  width: 100%;
  height: 13px;
  object-fit: contain;
}

.phone-area-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-area-links {
    grid-template-columns: 1fr;
    gap: 1px;
  }
}
.phone-area-links.-type-1 {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-area-links.-type-1 {
    grid-template-columns: 1fr;
    gap: 1px;
  }
}
.phone-area-links__column a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 15px;
  font-size: 13px;
  font-weight: bold;
  color: #222;
  line-height: 1.6;
  background: #F9F9F9;
}
@media screen and (max-width: 768px) {
  .phone-area-links__column a {
    display: grid;
    grid-template-columns: 29px 1fr;
    justify-content: flex-start;
    gap: 10px;
    padding: 18px 20px;
    font-size: 20px;
    border: 1px solid #E7E7E7;
  }
}
.phone-area-links__column a i {
  flex-shrink: 0;
  width: var(--_width-PC, fit-content);
  height: 49px;
}
@media screen and (max-width: 768px) {
  .phone-area-links__column a i {
    width: 100%;
    height: 29px;
  }
}
.phone-area-links__column a i img {
  width: fit-content;
  height: 100%;
  object-fit: contain;
}
.phone-area-links__column a span {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .phone-area-links__column a span {
    justify-content: space-between;
  }
}
.phone-area-links__column a span::after {
  content: "▶︎";
  font-size: 9px;
  color: #b1b1b1;
}
@media screen and (max-width: 768px) {
  .phone-area-links__column a span::after {
    content: "";
    width: 13px;
    height: 13px;
    border-right: 2px solid #B1B1B1;
    border-bottom: 2px solid #B1B1B1;
    rotate: -45deg;
  }
}
.-type-1 > .phone-area-links__column a i {
  height: 53px;
}

.phone-pages-links {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 10px;
}
@media screen and (max-width: 768px) {
  .phone-pages-links {
    grid-template-columns: 1fr;
    gap: 1px;
  }
}
.phone-pages-links__heading {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 5px;
  background: #59a0d1;
}
@media screen and (max-width: 768px) {
  .phone-pages-links__heading {
    justify-content: flex-start;
    margin-bottom: 1px;
    padding: 15px 20px;
    font-size: 17px;
    border-radius: 0;
    background: #1782b7;
  }
}
.phone-pages-links__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0 15px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .phone-pages-links__items {
    flex-direction: column;
    gap: 1px;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .phone-pages-links__item {
    width: 100%;
  }
}
.phone-pages-links__item a {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .phone-pages-links__item a {
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px 15px 15px;
    font-size: 18px;
    line-height: 1.6;
    text-decoration: none;
    background: #f5f5f5;
  }
}
@media screen and (max-width: 768px) {
  .phone-pages-links__item a::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #434343;
    border-bottom: 2px solid #434343;
    rotate: -45deg;
  }
}

.phone-top-reason {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .phone-top-reason {
    grid-template-columns: 1fr;
  }
}
.phone-top-reason__item {
  padding: 20px 15px;
  border: 1px solid #e7e7e7;
  background: #fcfcfc;
}
@media screen and (max-width: 768px) {
  .phone-top-reason__item {
    padding: 18px 25px 20px;
  }
}
.phone-top-reason__item dt {
  position: relative;
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: bold;
  color: #333;
  line-height: 1.3;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-top-reason__item dt {
    margin-bottom: 13px;
    font-size: 22px;
  }
}
.phone-top-reason__item dt em {
  color: #b50909;
}
.phone-top-reason__item dt i {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 66px;
  top: -35px;
  left: -30px;
}
@media screen and (max-width: 768px) {
  .phone-top-reason__item dt i {
    top: -30px;
    left: -4 0px;
  }
}
.phone-top-reason__item dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.phone-top-reason__item dd i {
  width: 174px;
  max-width: fit-content;
}
@media screen and (max-width: 768px) {
  .phone-top-reason__item dd i {
    width: 46.4vw;
  }
}
.phone-top-reason__item dd i img {
  width: 100%;
}
.phone-top-reason__item.-type-1 dt {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 67px;
}
.phone-top-reason__item.-new dd i {
  width: 190px;
}
@media screen and (max-width: 768px) {
  .phone-top-reason__item.-new dd i {
    width: 50.6666666667vw;
  }
}
.phone-top-reason__txt {
  font-size: 15px;
}
.phone-top-reason__txt em {
  font-weight: bold;
  color: #b50909;
}

.phone-top-knowledge-intro {
  position: relative;
  min-height: 198px;
  margin-top: 25px;
  padding: 30px 40px;
  background: var(--_background, #2685bc);
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-intro {
    padding: 0 20px;
  }
}
.phone-top-knowledge-intro__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-intro__head {
    align-items: center;
  }
}
.phone-top-knowledge-intro__head small {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #222;
  font-size: 15px;
  line-height: 2.3333333333;
  border-radius: 35px;
  padding: 0 25px;
  background: #fcd03d;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-intro__head small {
    margin-top: -15px;
    padding: 0 20px;
  }
}
.phone-top-knowledge-intro__head small i {
  flex-shrink: 0;
  width: 13px;
}
.phone-top-knowledge-intro__head small i img {
  width: 100%;
}
.phone-top-knowledge-intro__head small::after {
  content: "";
  position: absolute;
  left: 45px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 15px;
  border-left: 1px dashed #222;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-intro__head small::after {
    left: 40px;
  }
}
.phone-top-knowledge-intro__head em {
  font-size: 26px;
  color: #fff;
  line-height: 1.6;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-color: #fff;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-intro__head em {
    font-size: 21px;
    text-align: center;
  }
}
.phone-top-knowledge-intro__head em::before {
  display: none;
}
.phone-top-knowledge-intro__image {
  position: absolute;
  width: fit-content;
  bottom: 0;
  right: 60px;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-intro__image {
    position: inherit;
    bottom: auto;
    right: auto;
    margin: 0 auto;
  }
}
.phone-top-knowledge-intro__image img {
  width: 100%;
}

.phone-top-knowledge-about {
  margin-top: 20px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-about {
    margin-top: 15px;
    padding: 0;
  }
}
.phone-top-knowledge-about__wrap {
  display: grid;
  grid-template-columns: 1fr 318px;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-about__wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.phone-top-knowledge-about__txt {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-about__txt {
    line-height: 1.8;
  }
}
.phone-top-knowledge-about__txt em {
  font-weight: bold;
  color: #2685bc;
}
.phone-top-knowledge-about__image img {
  width: 100%;
}
.phone-top-knowledge-about__foot {
  margin-top: 20px;
}
.phone-top-knowledge-about__heading {
  position: relative;
  margin-bottom: 5px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  padding: 8px 30px;
  background: #222;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-about__heading {
    margin-bottom: 15px;
    padding: 13px 30px;
    font-size: 16px;
    font-weight: bold;
  }
}
.phone-top-knowledge-about__heading::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 15px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
}
.phone-top-knowledge-about__table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-about__table {
    min-width: 730px;
  }
}
.phone-top-knowledge-about__table th, .phone-top-knowledge-about__table td {
  padding: 20px;
  font-size: 14px;
  line-height: 1.6;
  vertical-align: middle;
  border: 1px solid #e7e7e7;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-about__table th, .phone-top-knowledge-about__table td {
    padding: 20px 25px;
    font-size: 15px;
  }
}
.phone-top-knowledge-about__table th {
  width: 25%;
  font-weight: bold;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-about__table th {
    width: 28%;
  }
}
.phone-top-knowledge-about__table thead {
  color: #fff;
}
.phone-top-knowledge-about__table thead th {
  background: #999;
}
.phone-top-knowledge-about__table thead th + th {
  width: 75%;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-top-knowledge-about__table thead th + th {
    width: 72%;
  }
}

.phone-top-choice {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-top-choice {
    margin-top: 25px;
  }
}
.phone-top-choice__row {
  position: relative;
  padding: 40px;
  background: #f9fbff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-top-choice__row {
    padding: 0 0 25px;
  }
}
.phone-top-choice__row + .phone-top-choice__row {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .phone-top-choice__row + .phone-top-choice__row {
    margin-top: 0;
  }
}
.phone-top-choice__item dt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-top-choice__item dt {
    gap: 25px;
  }
}
.phone-top-choice__item dt span {
  position: relative;
  padding: 5px 15px 5px 75px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  border-radius: 34px;
  background: var(--_color);
}
@media screen and (max-width: 768px) {
  .phone-top-choice__item dt span {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 30px 20px 65px;
    font-size: 18px;
    border-radius: 0;
  }
}
.phone-top-choice__item dt span::before {
  content: "";
  position: absolute;
  height: 15px;
  top: 50%;
  left: 65px;
  transform: translateY(-50%);
  border-left: 1px dashed #fff;
}
@media screen and (max-width: 768px) {
  .phone-top-choice__item dt span::before {
    content: none;
  }
}
.phone-top-choice__item dt span i {
  position: absolute;
  width: 50px;
  bottom: 0;
  left: 10px;
}
@media screen and (max-width: 768px) {
  .phone-top-choice__item dt span i {
    bottom: auto;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
  }
}
.phone-top-choice__item dt span i img {
  width: 100%;
}
.phone-top-choice__item dt em {
  font-size: 18px;
  font-weight: bold;
  color: var(--_color);
  line-height: 1.7;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 768px) {
  .phone-top-choice__item dt em {
    padding: 0 15px;
  }
}
.phone-top-choice__item dd {
  width: 50%;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 768px) {
  .phone-top-choice__item dd {
    width: 100%;
    padding: 0 15px;
    font-size: 14px;
  }
}
.phone-top-choice__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
.phone-top-choice__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom right;
}

.phone-top-advice {
  --_color: #d86500;
  margin-top: 40px;
  padding: 0 40px 35px;
  background: #ffefe2;
}
@media screen and (max-width: 768px) {
  .phone-top-advice {
    margin: 30px -4vw 0;
    padding: 0 6.6666666667vw 35px;
  }
}
.phone-top-advice__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.phone-top-advice__head small {
  position: relative;
  padding: 0 20px;
  font-size: 20px;
  line-height: 1.8;
  color: #fff;
  transform: translateY(-10px);
  background: var(--_color);
}
.phone-top-advice__head small::before, .phone-top-advice__head small::after {
  content: "";
  position: absolute;
  top: 0;
  border-color: #d86500 transparent;
}
.phone-top-advice__head small::before {
  left: -19px;
  border-width: 18px 0 18px 20px;
}
.phone-top-advice__head small::after {
  right: -19px;
  border-width: 18px 20px 18px 0;
}
.phone-top-advice__head span {
  font-size: 24px;
  color: var(--_color);
}
@media screen and (max-width: 768px) {
  .phone-top-advice__head span {
    word-break: auto-phrase;
    line-height: 1.3;
    text-align: center;
  }
}
.phone-top-advice__txt {
  margin-top: 10px;
  line-height: 1.7;
  letter-spacing: 0.3px;
}
.phone-top-advice__txt em {
  font-weight: bold;
  color: var(--_color);
}

.phone-what-flow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-what-flow {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    border: 1px solid #e8442a;
  }
}
.phone-what-flow__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 10px 15px;
  border: 1px solid #e8442a;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-what-flow__item {
    flex-direction: row;
    justify-content: center;
    gap: 5px;
    padding: 35px 0 20px;
    border: none;
  }
}
.phone-what-flow__item span {
  position: absolute;
  width: fit-content;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .phone-what-flow__item span {
    left: 0;
    transform: none;
  }
}
.phone-what-flow__item span img {
  width: 100%;
}
.phone-what-flow__item i {
  width: 90px;
}
@media screen and (max-width: 768px) {
  .phone-what-flow__item i {
    width: 14.6666666667vw;
    max-width: 90px;
  }
}
.phone-what-flow__item i img {
  width: 100%;
}
.phone-what-flow__item em {
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-what-flow__item em {
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
  }
}
.phone-what-flow__item:last-child {
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .phone-what-flow__item:last-child {
    grid-column: 1/-1;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 768px) {
  .phone-what-flow__item:last-child i {
    width: 90px;
  }
}
@media screen and (max-width: 768px) {
  .phone-what-flow__item:nth-child(even) {
    border-left: 1px solid #e8442a;
  }
}
@media screen and (max-width: 768px) {
  .phone-what-flow__item:nth-child(n+3) {
    border-top: 1px solid #e8442a;
  }
}
.phone-what-flow__item + .phone-what-flow__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -9.5px;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #e8442a;
}
@media screen and (max-width: 768px) {
  .phone-what-flow__item + .phone-what-flow__item::before {
    content: none;
  }
}

.phone-etc-intro {
  position: relative;
}
@media screen and (max-width: 768px) {
  .phone-etc-intro {
    display: flow-root;
  }
}
.phone-etc-intro__image {
  position: absolute;
  width: fit-content;
  top: -85px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .phone-etc-intro__image {
    position: inherit;
    float: right;
    width: 40%;
    top: auto;
    right: auto;
  }
}
.phone-etc-intro__image img {
  width: 100%;
}
.phone-etc-intro__txt {
  width: 480px;
  font-size: 15px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .phone-etc-intro__txt {
    width: 100%;
  }
}

.phone-relocation-describe {
  margin: 0 20px;
  background: url(../img/phone/relocation/describe.png) right top no-repeat;
  padding: 40px 25px 25px;
  background-color: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe {
    position: relative;
    margin: 0;
    padding: 30px 20px;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(231, 240, 239, 0.8);
    z-index: -1;
  }
}
.phone-relocation-describe__label {
  font-size: 15px;
  background-color: #f26419;
  border-radius: 80px;
  display: block;
  width: 280px;
  color: #fff;
  position: relative;
  margin-left: 12px;
  padding: 7px 0 7px 46px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe__label {
    width: fit-content;
    margin: 0 auto;
    padding-right: 20px;
  }
}
.phone-relocation-describe__label::before {
  content: "";
  background: url(../img/phone/relocation/business-man.svg) no-repeat;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 21px;
  display: block;
}
.phone-relocation-describe__label span {
  border-left: 1px dotted #fff;
  padding-left: 10px;
}
.phone-relocation-describe__head {
  font-size: 22px;
  font-weight: bold;
  color: #f26419;
  line-height: 1.4;
  margin: 20px 0 15px 12px;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe__head {
    margin: 20px 0 12px;
  }
}
.phone-relocation-describe__txt {
  font-size: 16px;
  margin: 0 0 65px 12px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe__txt {
    margin: 0 0 65px;
  }
}

.phone-relocation-describe-point__row {
  display: grid;
  grid-template-columns: 112px 130px 1fr;
  border: 1px solid #e7e7e7;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe-point__row {
    display: flex;
    flex-wrap: wrap;
  }
}
.phone-relocation-describe-point__row + .phone-relocation-describe-point__row {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe-point__row + .phone-relocation-describe-point__row {
    margin-top: 20px;
  }
}
.phone-relocation-describe-point__heading {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #f26419;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe-point__heading {
    width: 40%;
    font-size: 14px;
  }
}
.phone-relocation-describe-point__heading > span {
  padding: 12px;
  font-size: 14px;
  line-height: 1.5;
}
.phone-relocation-describe-point__heading > span span {
  font-size: 12px;
  font-weight: normal;
  position: relative;
  display: block;
  padding-left: 7px;
  margin-bottom: 5px;
  line-height: 1.6;
  color: #fcf1e7;
}
.phone-relocation-describe-point__heading > span span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 2px;
  height: 11px;
  background-color: #fff;
  display: block;
}
.phone-relocation-describe-point__image {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  background-color: #fcf1e7;
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe-point__image {
    width: 60%;
  }
}
.phone-relocation-describe-point__image img {
  width: fit-content;
}
.phone-relocation-describe-point__txt {
  display: flex;
  flex-grow: 1;
  align-items: center;
  height: 100%;
  background-color: #f9f9fa;
  padding: 0 17px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-describe-point__txt {
    width: 100%;
    padding: 20px;
  }
}

.phone-relocation-about {
  background: url(../img/phone/relocation/about.png) right top no-repeat #f9f9fa;
  padding: 35px 28px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-relocation-about {
    position: relative;
    padding: 30px;
    background: url(../img/phone/relocation/about.png) right -150px top/cover no-repeat #f9f9fa;
  }
}
@media screen and (max-width: 768px) {
  .phone-relocation-about::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: -1;
  }
}
.phone-relocation-about__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.phone-relocation-about__head small {
  display: block;
  width: 180px;
  color: #fff;
  position: relative;
  padding: 7px 0 7px 46px;
  font-size: 15px;
  background-color: #2685bc;
  border-radius: 80px;
}
.phone-relocation-about__head small::before {
  content: "";
  background: url(../img/phone/relocation/business-man.svg) no-repeat;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 21px;
  display: block;
}
.phone-relocation-about__head small span {
  border-left: 1px dotted #fff;
  padding-left: 10px;
}
.phone-relocation-about__head em {
  font-size: 22px;
  font-weight: bold;
  color: #2685bc;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
.phone-relocation-about__txt {
  margin-top: 15px;
  font-size: 15px;
  padding-right: 270px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-about__txt {
    padding: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
  }
}

.phone-relocation-construction-flow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-construction-flow {
    display: flex;
    gap: 10px;
  }
}
.phone-relocation-construction-flow__item {
  position: relative;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-relocation-construction-flow__item {
    flex-shrink: 0;
    width: 213px;
  }
}
.phone-relocation-construction-flow__item + .phone-relocation-construction-flow__item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -11px;
  margin: auto;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #434343;
}
@media screen and (max-width: 768px) {
  .phone-relocation-construction-flow__item + .phone-relocation-construction-flow__item::before {
    left: -10px;
  }
}
.phone-relocation-construction-flow__heading {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  background-color: #434343;
  font-weight: bold;
  color: #fff;
}
.phone-relocation-construction-flow__heading i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 100%;
  font-size: 14px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.phone-relocation-construction-flow__heading span {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  font-size: 15px;
}
.phone-relocation-construction-flow__heading.-type-1 i {
  background-color: #d94641;
}
.phone-relocation-construction-flow__heading.-type-2 i {
  background-color: #f26419;
}
.phone-relocation-construction-flow__heading.-type-3 i {
  background-color: #4eaa00;
}
.phone-relocation-construction-flow__heading.-type-4 i {
  background-color: #ff72a0;
}
.phone-relocation-construction-flow__heading.-type-5 i {
  background-color: #1782b7;
}
.phone-relocation-construction-flow__image img {
  width: 100%;
}

.phone-relocation-function {
  margin-top: 24px;
}
.phone-relocation-function__row {
  display: flex;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-relocation-function__row {
    flex-direction: column;
  }
}
.phone-relocation-function__row + .phone-relocation-function__row {
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-function__row + .phone-relocation-function__row {
    margin-top: 20px;
  }
}
.phone-relocation-function__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  background-color: #434343;
  padding: 10px 33px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-function__item {
    padding: 25px 30px 30px;
  }
}
.phone-relocation-function__heading {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 22px;
  font-weight: bold;
  color: #2685bc;
}
@media screen and (max-width: 768px) {
  .phone-relocation-function__heading {
    flex-direction: column;
    gap: 7px;
  }
}
.phone-relocation-function__heading small {
  font-size: 15px;
  background-color: #2685bc;
  border-radius: 80px;
  display: inline-block;
  width: 155px;
  color: #fff;
  position: relative;
  padding: 7px 0 7px 46px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .phone-relocation-function__heading small {
    padding-right: 7px;
  }
}
.phone-relocation-function__heading small::before {
  content: "";
  background: url(../img/phone/relocation/function.svg) no-repeat;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 17px;
  display: block;
}
.phone-relocation-function__heading small span {
  border-left: 1px dotted #fff;
  padding-left: 10px;
  font-weight: normal;
}
.phone-relocation-function__lead {
  margin-top: 18px;
  padding-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border-top: 1px dotted #fff;
}
@media screen and (max-width: 768px) {
  .phone-relocation-function__lead {
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
  }
}
.phone-relocation-function__txt {
  margin-top: 9px;
  font-size: 15px;
  color: #fff;
}
.phone-relocation-function__image {
  order: -1;
  flex-shrink: 0;
  width: 269px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-function__image {
    width: 100%;
  }
}
.phone-relocation-function__image img {
  width: 100%;
}

.phone-relocation-comments {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 370px;
  margin-top: 30px;
  background: url(../img/phone/relocation/comments.png) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .phone-relocation-comments {
    position: relative;
    height: auto;
    padding: 30px 0;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .phone-relocation-comments::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: -1;
  }
}
.phone-relocation-comments__wrap {
  text-align: center;
}
.phone-relocation-comments__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}
.phone-relocation-comments__head i {
  width: 112px;
}
.phone-relocation-comments__head i img {
  width: 100%;
}
.phone-relocation-comments__head span {
  padding-left: 25px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #222;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  background: url(../img/phone/relocation/baloon-black.svg) left center/17px no-repeat;
  letter-spacing: 0.11em;
}
.phone-relocation-comments__txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  color: #222;
}
.phone-relocation-comments__txt span {
  font-size: 13px;
  padding: 15px 0 10px;
  display: inline-block;
  color: #434343;
}
.phone-relocation-comments__txt em {
  font-size: 19px;
  font-weight: bold;
  color: #e8442a;
}
.phone-relocation-comments > div {
  text-align: center;
}
.phone-relocation-comments > div > img {
  width: 112px;
  display: block;
  margin: 0 auto;
}
.phone-relocation-comments > div .relocation-comments-staff {
  font-size: 12px;
  font-weight: bold;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #222;
  background: url(../img/phone/relocation/baloon-black.svg) left center/17px no-repeat;
  padding-left: 25px;
  display: inline-block;
  margin: 16px 0 18px;
  letter-spacing: 0.11em;
}
.phone-relocation-comments > div .relocation-comments-staff + p {
  font-size: 15px;
  color: #222;
}
.phone-relocation-comments > div .relocation-comments-staff + p .relocation-comments-staff-small {
  font-size: 13px;
  padding: 15px 0 10px;
  display: inline-block;
  color: #434343;
}
.phone-relocation-comments > div .relocation-comments-staff + p .relocation-comments-staff-bold {
  font-size: 19px;
  font-weight: bold;
  color: #e8442a;
}

.phone-relocation-construction {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-construction {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
  }
}
.phone-relocation-construction__item {
  position: relative;
  background: #434343;
}
.phone-relocation-construction__heading {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 180px;
  height: 60px;
  top: 0;
  left: 0;
  padding: 3px 25px 11px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
.phone-relocation-construction__heading small {
  display: flex;
  flex-grow: 1;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
}
.phone-relocation-construction__heading.-type-1 {
  background: #d94641;
}
.phone-relocation-construction__heading.-type-2 {
  background: #f26419;
}
.phone-relocation-construction__heading.-type-3 {
  background: #4eaa00;
}
.phone-relocation-construction__heading.-type-4 {
  background: #1782b7;
}
.phone-relocation-construction__image img {
  width: 100%;
}
.phone-relocation-construction__txt {
  padding: 20px 25px;
  font-size: 15px;
  color: #fff;
}

.phone-relocation-review {
  position: relative;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-review {
    padding-bottom: 0;
  }
}
.phone-relocation-review__item {
  width: 500px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-review__item {
    width: 100%;
  }
}
.phone-relocation-review__lead {
  font-size: 20px;
  font-weight: bold;
  color: #e8442a;
}
.phone-relocation-review__txt {
  margin-top: 17px;
  font-size: 15px;
}
.phone-relocation-review__image {
  position: absolute;
  width: 192px;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .phone-relocation-review__image {
    display: none;
  }
}
.phone-relocation-review__image img {
  width: 100%;
}

.phone-relocation-proposal {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-proposal {
    margin: 66px -4vw 0;
  }
}
.phone-relocation-proposal__head {
  padding: 33px 33px 33px 193px;
  font-size: 23px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: url(../img/phone/relocation/office110-white.svg) left 40px center/130px no-repeat #e8442a;
}
@media screen and (max-width: 768px) {
  .phone-relocation-proposal__head {
    padding: 90px 25px 25px 25px;
    text-align: center;
    background: url(../img/phone/relocation/office110-white.svg) top 25px center/130px no-repeat #e8442a;
  }
}
.phone-relocation-proposal__wrap {
  min-height: 420px;
  padding: 40px 50px;
  background: url(../img/phone/relocation/proposal.png) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .phone-relocation-proposal__wrap {
    min-height: 0;
    padding: 30px 30px 40px;
  }
}
.phone-relocation-proposal__txt {
  width: 500px;
  font-size: 15px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .phone-relocation-proposal__txt {
    width: 100%;
  }
}
.phone-relocation-proposal__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 500px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-proposal__items {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.phone-relocation-proposal__item a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 50px;
  color: #434343;
  border-left: 4px solid #e8442a;
  font-weight: bold;
  background-color: #fff;
  transition: 0.3s;
}
.phone-relocation-proposal__item a:hover {
  background-color: #e8442a;
  color: #fff;
}
.phone-relocation-proposal__item a:hover span::before {
  content: #fff;
}
.phone-relocation-proposal__item a::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  top: 50%;
  right: 13px;
  width: 7px;
  border-top: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
  transform: translateY(-50%) rotate(45deg);
}
.phone-relocation-proposal__item a i {
  flex-shrink: 0;
  width: 80px;
}
.phone-relocation-proposal__item a i img {
  width: 100%;
}
.phone-relocation-proposal__item a span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 15px;
  line-height: 1.2;
}
.phone-relocation-proposal__item a span::before {
  content: attr(data-attr);
  font-size: 10px;
  color: #959595;
}

.phone-relocation-check {
  position: relative;
  margin-top: 25px;
  padding: 42px 20px 20px;
  background: url(../img/phone/relocation/note.png) left top repeat-x #fcf1e7;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check {
    margin: 25px -4vw 0;
    padding: 42px 5.3333333333vw 20px;
  }
}
.phone-relocation-check__wrap {
  position: relative;
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-left: 0;
  }
}
.phone-relocation-check__item {
  padding-right: 244px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-right: 0;
  }
}
.phone-relocation-check__head {
  padding-left: 28px;
  font-size: 18px;
  font-weight: bold;
  color: #e8442a;
  background: url(../img/phone/relocation/check.svg) left center/19px no-repeat;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check__head {
    font-size: 20px;
  }
}
.phone-relocation-check__txt {
  width: fit-content;
  margin-top: 11px;
  border-top: 1px dotted #c0c0c0;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check__txt {
    padding-top: 10px;
  }
}
.phone-relocation-check__txt span {
  display: block;
  padding: 2px 0;
  white-space: nowrap;
  font-size: 15px;
  letter-spacing: -0.04em;
  border-bottom: 1px dotted #c0c0c0;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check__txt span {
    display: inline;
    padding: 0;
    white-space: normal;
    font-size: 14px;
    line-height: 1.6;
    border-bottom: none;
  }
}
.phone-relocation-check__image {
  position: absolute;
  width: fit-content;
  top: -56px;
  right: 15px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check__image {
    position: inherit;
    order: -1;
    top: auto;
    right: auto;
  }
}
.phone-relocation-check__image img {
  width: 100%;
}
.phone-relocation-check__checks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check__checks {
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    margin-top: 10px;
  }
}
.phone-relocation-check__check {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 20px 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.35;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background-color: #f26419;
}
.phone-relocation-check__check i {
  display: inline-block;
  padding-left: 15px;
  font-size: 12px;
  background: url(../img/phone/relocation/check-white.svg) left center/12px no-repeat;
}

.phone-relocation-check-flow__head {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  gap: 26px;
  min-height: 67px;
  margin-bottom: 24px;
  font-weight: bold;
  line-height: 1.6;
  background-color: #fcf1e7;
}
.phone-relocation-check-flow__head small {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  font-size: 12px;
  color: #fff;
  background: url(../img/phone/relocation/check-white-large.svg) left 20px center/16px no-repeat #f26419;
}
.phone-relocation-check-flow__head small::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-right: 20px solid #fcf1e7;
}
.phone-relocation-check-flow__head small::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 0;
  width: 0;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #f19149;
}
.phone-relocation-check-flow__head span {
  font-size: 18px;
  font-weight: bold;
  color: #f26419;
}
.phone-relocation-check-flow__wrap {
  display: flex;
  justify-content: space-between;
  gap: 76px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check-flow__wrap {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 40px 30px 30px;
    background: #f9f9fa;
  }
}
@media screen and (max-width: 768px) {
  .phone-relocation-check-flow__wrap.-type-1 {
    padding: 0;
    background: none;
  }
}
.phone-relocation-check-flow__txt {
  font-size: 15px;
  color: #1d2731;
}
.phone-relocation-check-flow__txt + .phone-relocation-check-flow__txt {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check-flow__txt + .phone-relocation-check-flow__txt {
    margin-top: 0;
  }
}
.phone-relocation-check-flow__image {
  flex-shrink: 0;
  width: 204px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-check-flow__image {
    order: -1;
  }
}
.phone-relocation-check-flow__image img {
  width: 100%;
}

.phone-relocation-flow {
  display: flex;
  justify-content: center;
  margin: 20px 0 50px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-flow {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .phone-relocation-flow li + li {
    margin-top: 20px;
  }
}
.phone-relocation-flow li h4 {
  padding: 13px 0;
  font-size: 15px;
  color: #1d2731;
  line-height: 1.6;
  text-align: center;
  border-bottom: 1px solid #d9dae0;
  background-color: #f9f9fa;
}
.phone-relocation-flow li h5 {
  font-size: 15px;
  padding: 22px 0;
  border-bottom: 1px solid #d9dae0;
  text-align: center;
  font-weight: normal;
}
.phone-relocation-flow li:first-child {
  width: 440px;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-relocation-flow li:first-child {
    width: 100%;
  }
}
.phone-relocation-flow li:first-child > h4 + div {
  border-right: 1px solid #d9dae0;
}
.phone-relocation-flow li:first-child .relocation-flow-first {
  width: 58%;
}
.phone-relocation-flow li:first-child .relocation-flow-last {
  width: 42%;
}
.phone-relocation-flow li:first-child > div {
  box-sizing: border-box;
  float: left;
  position: relative;
  min-height: 378px;
}
.phone-relocation-flow li:first-child > div .relocation-flow-first {
  width: 60%;
}
.phone-relocation-flow li:first-child > div .relocation-flow-arrow-blue {
  position: absolute;
  top: 90px;
  left: 25px;
  font-size: 14px;
  line-height: 1.6;
  background-color: #1782b7;
  color: #fff;
  text-align: center;
  display: block;
  padding: 10px 0;
  width: 376px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-flow li:first-child > div .relocation-flow-arrow-blue {
    width: 130%;
  }
}
.phone-relocation-flow li:first-child > div .relocation-flow-arrow-blue::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -30px;
  margin: auto;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 35px solid #1782b7;
}
.phone-relocation-flow li:first-child > div .relocation-flow-arrow-black {
  position: absolute;
  top: 240px;
  right: 36px;
  font-size: 14px;
  background-color: #434343;
  color: #fff;
  text-align: center;
  display: block;
  padding: 10px 0;
  width: 133px;
}
@media screen and (max-width: 768px) {
  .phone-relocation-flow li:first-child > div .relocation-flow-arrow-black {
    width: 100%;
    top: auto;
    bottom: 61px;
  }
}
.phone-relocation-flow li:first-child > div .relocation-flow-arrow-black::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -30px;
  margin: auto;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 35px solid #434343;
}
.phone-relocation-flow li:first-child > div .relocation-flow-supplement-first,
.phone-relocation-flow li:first-child > div .relocation-flow-supplement-last {
  font-size: 12px;
  border: 1px solid #d9dae0;
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #f9f9fa;
}
.phone-relocation-flow li:first-child > div .relocation-flow-supplement-first {
  margin: 85px 25px 0 25px;
}
.phone-relocation-flow li:first-child > div .relocation-flow-supplement-first span {
  color: #1782b7;
}
.phone-relocation-flow li:first-child > div .relocation-flow-supplement-last {
  margin: 10px 25px 25px;
}
.phone-relocation-flow li:first-child > div .relocation-flow-supplement-last span {
  color: #f26419;
}
.phone-relocation-flow li:last-child {
  width: 290px;
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: #e7e7e7;
}
@media screen and (max-width: 768px) {
  .phone-relocation-flow li:last-child {
    width: 100%;
  }
}
.phone-relocation-flow li:last-child h4 {
  background-color: #f1e9e0;
}
.phone-relocation-flow li:last-child .relocation-flow-done {
  width: 275px;
  height: 295px;
  background: url(../img/phone/relocation/flow.png) no-repeat;
  padding: 13px 9px;
  display: block;
  box-sizing: border-box;
  margin: 7px auto;
}
@media screen and (max-width: 768px) {
  .phone-relocation-flow li:last-child .relocation-flow-done {
    width: 100%;
    background-size: cover;
  }
}
.phone-relocation-flow li:last-child .relocation-flow-done span {
  display: block;
  text-align: center;
  background-color: #e8442a;
  color: #fff;
  font-size: 14px;
  padding: 10px 0;
}

.phone-cordless-advice {
  position: relative;
  padding: 20px;
  background: #d9f2f9;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-cordless-advice {
    margin: 0 -4vw;
    padding: 120px 6.6666666667vw 30px;
  }
}
.phone-cordless-advice__item {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .phone-cordless-advice__item {
    width: 100%;
  }
}
.phone-cordless-advice__item dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phone-cordless-advice__item dt {
    gap: 5px;
    margin-bottom: 5px;
  }
}
.phone-cordless-advice__item dt span {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  height: 36px;
  padding: 0 20px;
  font-size: 20px;
  color: #fff;
  line-height: 1.75;
  background: #005bac;
}
@media screen and (max-width: 768px) {
  .phone-cordless-advice__item dt span {
    height: 35px;
    font-size: 20px;
  }
}
.phone-cordless-advice__item dt span::before, .phone-cordless-advice__item dt span::after {
  content: "";
  position: absolute;
  top: 0;
  border-style: solid;
  border-color: #005bac transparent;
}
.phone-cordless-advice__item dt span::before {
  left: -19px;
  border-width: 18px 0 18px 20px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-advice__item dt span::before {
    left: -14px;
    border-width: 18px 0 17.5px 15px;
  }
}
.phone-cordless-advice__item dt span::after {
  right: -19px;
  border-width: 18px 20px 18px 0;
}
@media screen and (max-width: 768px) {
  .phone-cordless-advice__item dt span::after {
    right: -14px;
    border-width: 18px 15px 17.5px 0;
  }
}
.phone-cordless-advice__item dt em {
  font-size: 30px;
  color: #005bac;
  line-height: 1.7;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 768px) {
  .phone-cordless-advice__item dt em {
    font-size: 29px;
    line-height: 1.6;
  }
}
.phone-cordless-advice__item dd {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.6px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .phone-cordless-advice__item dd {
    padding: 0 15px;
  }
}
.phone-cordless-advice__item dd em {
  font-weight: bold;
  color: #005bac;
}
.phone-cordless-advice__image {
  position: absolute;
  width: 220px;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .phone-cordless-advice__image {
    width: 180px;
    top: -30px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
.phone-cordless-advice__image img {
  width: 100%;
}

.phone-product-simple-tab {
  margin-top: 25px;
}
.phone-product-simple-tab__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .phone-product-simple-tab__tabs {
    gap: 2px;
    margin-bottom: 20px;
  }
}
.phone-product-simple-tab__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 10px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .phone-product-simple-tab__btn {
    padding: 17px 0;
    font-size: 15px;
    border-radius: 0;
  }
}
.phone-product-simple-tab__btn::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 15px 20px 0 20px;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .phone-product-simple-tab__btn::before {
    content: none;
  }
}
.phone-product-simple-tab__btn.-used {
  background: linear-gradient(to bottom, #203e70 0%, #203e70 50%, #14305f 51%, #14305f 100%);
}
.phone-product-simple-tab__btn.-used::before {
  border-color: #14305f transparent transparent transparent;
}
.phone-product-simple-tab__btn.-new {
  background: linear-gradient(to bottom, #e8442a 0%, #e8442a 50%, #d43920 51%, #d43920 100%);
}
.phone-product-simple-tab__btn.-new::before {
  border-color: #d43920 transparent transparent transparent;
}
.phone-product-simple-tab__btn[aria-selected=true]::before {
  opacity: 1;
}
.phone-product-simple-tab__item[aria-hidden=true] {
  display: none;
}

.phone-new-flow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .phone-new-flow {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    border-top: 1px solid #e8442a;
    border-left: 1px solid #e8442a;
  }
}
.phone-new-flow__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 10px 15px;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  border: 1px solid #e8442a;
}
@media screen and (max-width: 768px) {
  .phone-new-flow__item {
    flex-direction: row;
    justify-content: center;
    gap: 5px;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
    border-top: none;
    border-left: none;
  }
}
.phone-new-flow__item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  border-style: solid;
  border-width: 6px 0 6px 10.4px;
  border-color: transparent transparent transparent #e8442a;
}
@media screen and (max-width: 768px) {
  .phone-new-flow__item::after {
    content: none;
  }
}
.phone-new-flow__item span {
  position: absolute;
  width: fit-content;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .phone-new-flow__item span {
    left: 0;
    transform: none;
  }
}
.phone-new-flow__item span img {
  width: 100%;
}
.phone-new-flow__item i {
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 90px;
}
@media screen and (max-width: 768px) {
  .phone-new-flow__item i {
    width: 55px;
  }
}
.phone-new-flow__item i img {
  width: 100%;
}
.phone-new-flow__item:last-child {
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .phone-new-flow__item:last-child {
    grid-column: 1/3;
  }
}
.phone-new-flow__item:last-child::after {
  content: none;
}
@media screen and (max-width: 768px) {
  .phone-new-flow__item:last-child i {
    width: 85px;
  }
}

.copy-top-reason {
  position: relative;
  padding: 35px 50px 48px;
  background: #f5f5f5;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-top-reason {
    margin: 0 -4vw;
    padding: 20px 6.6666666667vw;
  }
}
.copy-top-reason__intro {
  width: 55%;
  min-width: 325px;
  min-height: 220px;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__intro {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin-bottom: 20px;
    z-index: 1;
  }
}
.copy-top-reason__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__head {
    gap: 15px;
    width: 60%;
    margin-bottom: 15px;
  }
}
.copy-top-reason__head span {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 35px;
  padding: 10px 15px;
  font-size: 15px;
  color: #fff;
  border-radius: 20px;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__head span {
    height: 33px;
    font-size: 13px;
  }
}
.copy-top-reason__head span i {
  flex-shrink: 0;
  width: 17px;
  padding-right: 5px;
  box-sizing: content-box;
  border-right: 1px dashed #fff;
}
.copy-top-reason__head span i img {
  width: 100%;
}
.copy-top-reason__head em {
  font-size: 21px;
  color: #e8442a;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__head em {
    font-size: 18px;
    text-underline-offset: 4px;
  }
}
.copy-top-reason__lead {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__lead {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.4;
  }
}
.copy-top-reason__logo {
  position: absolute;
  display: flex;
  justify-content: center;
  top: -40px;
  right: 110px;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__logo {
    top: -15px;
    right: 6.6666666667vw;
  }
}
.copy-top-reason__logo span img {
  width: 100%;
}
.copy-top-reason__logo span.-type-1 {
  width: 170px;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__logo span.-type-1 {
    width: 117px;
  }
}
.copy-top-reason__logo span.-type-2 {
  position: absolute;
  width: 205px;
  right: 0;
  bottom: 30px;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__logo span.-type-2 {
    width: 110px;
  }
}
.copy-top-reason__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__columns {
    grid-template-columns: 1fr;
  }
}
.copy-top-reason__column {
  background: #fff;
}
.copy-top-reason__column dt {
  position: relative;
  padding: 18px 7px;
  background: #fbfaf0;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__column dt {
    padding: 10px;
  }
}
.copy-top-reason__column dd {
  padding: 21px;
  font-size: 13px;
  line-height: 1.6;
}
.copy-top-reason__column dd em {
  font-weight: bold;
  color: #e8442a;
}
.copy-top-reason__heading {
  display: flex;
  align-items: center;
  gap: 10px;
}
.copy-top-reason__heading small {
  flex-shrink: 0;
  width: 60px;
}
.copy-top-reason__heading small img {
  width: 100%;
}
.copy-top-reason__heading span {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .copy-top-reason__heading span {
    font-size: 20px;
    line-height: 1.3;
  }
}
.copy-top-reason__heading span em {
  color: #e8442a;
}
.copy-top-reason__image {
  position: absolute;
  width: 95px;
  height: 75px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .copy-top-reason__image {
    width: 80px;
    height: 60px;
    right: 10px;
  }
}
.copy-top-reason__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.copy-top-reason__bg {
  position: absolute;
  width: 378px;
  top: 0;
  right: 0;
  z-index: -1;
}
.copy-top-reason__bg img {
  width: 100%;
}

.copy-top-search + .copy-top-search {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-top-search + .copy-top-search {
    margin-top: 0;
  }
}
.copy-top-search__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 30px 20px 25px;
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .copy-top-search__wrap {
    display: block;
    padding: 0;
  }
}
.copy-top-search__item {
  display: flex;
  flex-direction: column;
}
.copy-top-search__item.-wide {
  grid-column: span 2;
}
.copy-top-search__intro {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 768px) {
  .copy-top-search__intro {
    border-radius: 0;
  }
}
.copy-top-search__heading {
  position: absolute;
  min-width: 210px;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  border-top: 2px solid #70b53d;
  background: #fff;
}
.copy-top-search__image {
  height: 100px;
}
.copy-top-search__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 20%;
}
.copy-top-search__detail {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 10px;
  border-radius: 0 0 10px 10px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .copy-top-search__detail {
    padding: 20px 15px;
    border-radius: 0;
  }
}
.copy-top-search__txt {
  margin-bottom: 10px;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .copy-top-search__txt {
    margin-bottom: 20px;
  }
}
.copy-top-search__columns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .copy-top-search__columns {
    justify-content: center;
    gap: 10px 20px;
  }
}
.copy-top-search__column {
  width: calc(50% - 10px);
}
.-maker > .copy-top-search__column {
  width: calc(25% - 10px);
}
@media screen and (max-width: 768px) {
  .-maker > .copy-top-search__column {
    width: calc(50% - 10px);
  }
}
.-maker > .copy-top-search__column:last-child {
  width: 208px;
}
@media screen and (max-width: 768px) {
  .-maker > .copy-top-search__column:last-child {
    width: 54.9333333333vw;
    min-width: 206px;
  }
}
.-work > .copy-top-search__column {
  width: calc(16.6666666667% - 10px);
}
@media screen and (max-width: 768px) {
  .-work > .copy-top-search__column {
    width: calc(33.3333333333% - 14px);
  }
}
.-work > .copy-top-search__column a {
  padding-left: 10px;
  font-size: 12px;
}
.-single > .copy-top-search__column {
  width: 224px;
}
@media screen and (max-width: 768px) {
  .-single > .copy-top-search__column {
    width: 60.8vw;
    min-width: 228px;
  }
}
.copy-top-search__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 20px;
  white-space: nowrap;
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  border-radius: 5px;
  background: #06a;
}
@media screen and (max-width: 768px) {
  .copy-top-search__link {
    font-weight: bold;
  }
}
.copy-top-search__link i img {
  width: 100%;
}
.copy-top-search__details {
  position: relative;
  z-index: 1;
}
.copy-top-search__summary {
  display: grid;
  grid-template-columns: 1fr 30px;
  padding: 10px 0 10px 20px;
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  border-radius: 5px;
  background: #06a;
  transition: border-radius 0.3s, opacity 0.3s;
}
@media screen and (max-width: 768px) {
  .copy-top-search__summary {
    font-weight: bold;
  }
}
.copy-top-search__summary i {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #fff;
}
.copy-top-search__summary i::before {
  content: "";
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}
.copy-top-search__summary:hover {
  opacity: 0.7;
}
[open] > .copy-top-search__summary {
  border-radius: 5px 5px 0 0;
}
[open] > .copy-top-search__summary i::before {
  rotate: 180deg;
}
.copy-top-search__content {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  border: 1px solid #06a;
  background: #fff;
}
.copy-top-search__child {
  position: relative;
}
.copy-top-search__child a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1px;
  padding: 10px;
  font-size: 13px;
  font-weight: 600;
}
.copy-top-search__child a i {
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  border-radius: 50%;
  background: #06a;
}
.copy-top-search__child a i img {
  width: 10px;
}
.copy-top-search__child + .copy-top-search__child::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e7e7e7;
}

.copy-btn-cv {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .copy-btn-cv {
    margin: 40px -4vw 0;
  }
}
.copy-btn-cv__head [data-device=pc] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  border: 7px solid #70b53d;
}
@media screen and (max-width: 768px) {
  .copy-btn-cv__head [data-device=pc] {
    display: none;
  }
}
.copy-btn-cv__head [data-device=pc] i {
  width: fit-content;
}
.copy-btn-cv__head [data-device=pc] i img {
  width: 100%;
}
.copy-btn-cv__head [data-device=pc] i:last-child {
  transform: scale(-1, 1);
}
.copy-btn-cv__head [data-device=pc] span b {
  color: #e8442a;
}
.copy-btn-cv__head [data-device=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-btn-cv__head [data-device=sp] {
    position: relative;
    display: flex;
    padding: 10px 1.3333333333vw 0;
    background: #70b53d;
  }
}
.copy-btn-cv__head [data-device=sp] span {
  width: 80vw;
}
.copy-btn-cv__head [data-device=sp] span img {
  width: 100%;
}
.copy-btn-cv__head [data-device=sp] i {
  position: absolute;
  width: 21.3333333333vw;
  max-width: 170px;
  bottom: 0;
  right: 0;
}
.copy-btn-cv__head [data-device=sp] i img {
  width: 100%;
}
.copy-btn-cv__wrap {
  position: relative;
  display: flex;
  padding: 15px 55px 20px;
  background: #70b53d;
}
@media screen and (max-width: 768px) {
  .copy-btn-cv__wrap {
    padding: 2.6666666667vw 4.8vw 4vw;
    background: #dceacc;
  }
}
.copy-btn-cv__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  width: 83%;
}
@media screen and (max-width: 768px) {
  .copy-btn-cv__columns {
    width: 100%;
    gap: 2.6666666667vw;
  }
}
.copy-btn-cv__column dt {
  position: relative;
  margin-bottom: 4px;
  padding: 6px 0;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  border-radius: 5px;
  background: #5e9d2f;
}
@media screen and (max-width: 768px) {
  .copy-btn-cv__column dt {
    margin-bottom: 0;
    font-size: 3.4666666667vw;
    border-radius: 5px 5px 0 0;
    background: var(--_background, #5e9d2f);
  }
}
.copy-btn-cv__column dt i {
  position: absolute;
  top: -30px;
  left: -45px;
  width: 95px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-btn-cv__column dt i {
    display: none;
  }
}
.copy-btn-cv__column dt i img {
  width: 100%;
}
.copy-btn-cv__column dd a {
  display: flex;
  justify-content: center;
  padding: 25px 0 17px;
  box-shadow: 0 4px 1px rgba(0, 0, 0, 0.16);
  background: linear-gradient(165deg, rgb(255, 222, 2) 48%, rgb(255, 197, 2) 51%);
}
@media screen and (max-width: 768px) {
  .copy-btn-cv__column dd a {
    padding: 8px 2.4vw;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 4px 1px rgba(81, 126, 48, 0.53);
  }
}
.copy-btn-cv__column dd picture {
  width: 235px;
}
@media screen and (max-width: 768px) {
  .copy-btn-cv__column dd picture {
    width: 100%;
  }
}
.copy-btn-cv__column dd picture img {
  width: 100%;
}
.copy-btn-cv__fig {
  position: absolute;
  width: 160px;
  bottom: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-btn-cv__fig {
    display: none;
  }
}
.copy-btn-cv__fig img {
  width: 100%;
}

.copy-top-item {
  margin-top: 25px;
}
.copy-top-item + .copy-top-item {
  margin-top: 20px;
}
.copy-top-item__wrap {
  padding: 20px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .copy-top-item__wrap {
    padding: 20px 15px;
  }
}
.copy-top-item__intro {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-top-item__intro {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}
.copy-top-item__item {
  width: 61%;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .copy-top-item__item {
    width: 100%;
    padding-top: 0;
  }
}
.copy-top-item__lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 600;
  color: var(--_color);
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .copy-top-item__lead {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .copy-top-item__txt {
    font-size: 15px;
  }
}
.copy-top-item__fig {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 39%;
}
@media screen and (max-width: 768px) {
  .copy-top-item__fig {
    width: 100%;
  }
}
.copy-top-item__fig span {
  width: var(--_width-PC, fit-content);
}
.copy-top-item__fig img {
  width: 100%;
}
.copy-top-item__fig.-type-1 {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-top-item__fig.-type-1 {
    width: 89.3333333333vw;
    right: -15px;
    opacity: 0.1;
  }
}
@media screen and (max-width: 768px) {
  .copy-top-item__fig.-type-1 span {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .copy-top-item__fig.-type-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.copy-top-item__detail {
  position: relative;
  margin-top: 30px;
  z-index: 1;
}
.copy-top-item__tables {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 768px) {
  .copy-top-item__tables {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}
.copy-top-item__table {
  border: 2px solid #e7e7e7;
}
.copy-top-item__table + .copy-top-item__table {
  border-left: none;
}
@media screen and (max-width: 768px) {
  .copy-top-item__table + .copy-top-item__table {
    border-left: 2px solid #e7e7e7;
  }
}
@media screen and (max-width: 768px) {
  .copy-top-item__table tr[data-device] {
    display: none;
  }
}
.copy-top-item__table th, .copy-top-item__table td {
  font-weight: 600;
  line-height: 1.6;
}
.copy-top-item__table th {
  position: relative;
  padding: 0 15px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .copy-top-item__table th {
    padding-left: 35px;
  }
}
.copy-top-item__table th span {
  position: relative;
  display: flex;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  padding: 15px 0;
}
.copy-top-item__table th i {
  position: absolute;
  width: 70px;
  right: 100%;
  bottom: 5px;
}
.copy-top-item__table th i img {
  width: 100%;
}
.copy-top-item__table td {
  height: 64px;
  padding: 20px min(1.9505851756vw, 30px);
  font-size: 14px;
  border-top: 2px solid #e7e7e7;
  color: var(--_color);
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .copy-top-item__table td {
    padding: 20px 10px 20px 20px;
  }
}
.copy-top-item__table td span {
  display: grid;
  grid-template-columns: 14px 1fr;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .copy-top-item__table td span {
    max-width: 300px;
    margin: 0 auto;
  }
}
.copy-top-item__table td i img {
  width: 100%;
}
.copy-top-item__more {
  margin-top: 20px;
}

.copy-top-comparison {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .copy-top-comparison {
    width: 632px;
    margin: 0 auto;
  }
}
.copy-top-comparison__intro {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .copy-top-comparison__intro {
    min-height: 124px;
  }
}
.copy-top-comparison__icon {
  position: absolute;
  bottom: 0;
  left: 10px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-top-comparison__icon {
    width: 154px;
  }
}
.copy-top-comparison__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  width: 77%;
  padding-bottom: 17px;
}
.copy-top-comparison__column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 5px 0 5px 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  border: 5px solid #d86500;
  border-radius: 5px;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .copy-top-comparison__column {
    height: 87px;
    margin-top: auto;
    font-size: 13px;
    line-height: 1.6;
  }
}
.copy-top-comparison__column::before, .copy-top-comparison__column::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
}
.copy-top-comparison__column::before {
  border-width: 17px 10px 0 10px;
}
.copy-top-comparison__column::after {
  border-width: 20px 10px 8px 10px;
}
.copy-top-comparison__column em {
  font-size: 20px;
  color: #d86500;
}
@media screen and (max-width: 768px) {
  .copy-top-comparison__column em {
    white-space: nowrap;
    font-size: 17px;
  }
}
.copy-top-comparison__column.-type-1::before {
  border-color: #d86500 transparent transparent;
}
.copy-top-comparison__column.-type-1::after {
  border-color: #fff9e6 transparent transparent;
}
.copy-top-comparison__column.-type-2 {
  border-color: #b8b8b9;
  background: #fcfafa;
}
.copy-top-comparison__column.-type-2::before {
  border-color: #b8b8b9 transparent transparent;
}
.copy-top-comparison__column.-type-2::after {
  border-color: #fcfafa transparent transparent;
}
.copy-top-comparison__column.-type-2 em {
  color: #b8b8b9;
}
.copy-top-comparison__table {
  width: 100%;
  border-collapse: collapse;
}
.copy-top-comparison__table th, .copy-top-comparison__table td {
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  border: 2px solid #e7e7e7;
}
.copy-top-comparison__table th {
  font-size: 18px;
  color: #494c5e;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .copy-top-comparison__table th {
    font-size: 15px;
  }
}
.copy-top-comparison__table td {
  font-size: 14px;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .copy-top-comparison__table td {
    font-size: 12px;
  }
}
.copy-top-comparison__table thead th {
  color: #fff;
}
.copy-top-comparison__table thead th:first-of-type {
  width: 19.5%;
  background: #494c5e;
}
.copy-top-comparison__table thead th:nth-of-type(2) {
  width: 32.5%;
  background: #d86500;
}
.copy-top-comparison__table thead th:nth-of-type(3) {
  width: 32.5%;
  color: #494c5e;
  background: #f9f9fa;
}
.copy-top-comparison__table tbody th {
  background: #f0f0f0;
}
.copy-top-comparison__table tbody td:first-of-type {
  color: #d86500;
  background: #fff9e6;
}
.copy-top-comparison__table tbody td:nth-of-type(2) {
  color: #494c5e;
  background: #fff;
}

.modal {
  width: calc(100% - 40px);
  max-width: 810px;
  overflow: visible;
  border-radius: 10px;
  background: #fff;
}
.modal__table {
  table-layout: fixed;
  width: 100%;
  border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .modal__table {
    width: 770px;
  }
}
.modal__table th, .modal__table td {
  padding: 15px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}
.modal__table th {
  background: #f0f0f0;
}
@media screen and (max-width: 768px) {
  .modal__table th {
    font-size: 15px;
  }
}
.modal__table td {
  color: var(--_theme-color);
  border-left: 1px solid #ddd;
  background: #fffbea;
}
.modal__table thead th {
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-top: none;
  border-left: 1px solid #ddd;
  background: var(--_theme-color);
}
@media screen and (max-width: 768px) {
  .modal__table thead th {
    font-size: 18px;
  }
}
.modal__table thead th:first-child {
  width: 140px;
  border-left: none;
  background: #494c5e;
}
.modal__close {
  position: absolute;
  top: -30px;
  right: -40px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #222;
  transition: opacity 0.3s;
}
.modal__close::before, .modal__close::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  top: 50%;
  left: 50%;
  background: #fff;
}
.modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal__close:hover {
  opacity: 0.7;
}

.copy-top-function__tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
@media screen and (max-width: 768px) {
  .copy-top-function__tabs {
    grid-template-columns: repeat(2, 1fr);
  }
}
.copy-top-function__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 19px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #ecb280;
}
@media screen and (max-width: 768px) {
  .copy-top-function__btn {
    font-size: min(4.2666666667vw, 16px);
  }
}
.copy-top-function__btn[aria-selected=true] {
  background: #d86500;
}
.copy-top-function__items {
  background: #d86500;
}
.copy-top-function__item {
  padding: 20px 25px;
}
@media screen and (max-width: 768px) {
  .copy-top-function__item {
    padding: 23px 15px;
  }
}
.copy-top-function__item[aria-hidden=true] {
  display: none;
}
.copy-top-function__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-top-function__columns {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.copy-top-function__column {
  background: #fff9e6;
}
.copy-top-function__column dt {
  position: relative;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background: #ac5000;
}
.copy-top-function__column dt i {
  position: absolute;
  width: 60px;
  top: -15px;
  left: -10px;
}
.copy-top-function__column dt i img {
  width: 100%;
}
.copy-top-function__column dt small {
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .copy-top-function__column dt:has(> small) {
    padding-left: 40px;
  }
}
.copy-top-function__column dd {
  display: grid;
  grid-template-columns: 1fr 112px;
  align-items: center;
  gap: 10px;
  padding: 20px 10px 20px 15px;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-top-function__column dd {
    grid-template-columns: 1fr 100px;
    gap: 15px;
    padding: 20px 10px;
    font-size: 13px;
  }
}
.copy-top-function__column dd em {
  font-weight: bold;
}
.copy-top-function__fig img {
  width: 100%;
}

.copy-top-option {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 20px;
  background: #d86500;
}
@media screen and (max-width: 768px) {
  .copy-top-option {
    grid-template-columns: 1fr;
    padding: 0;
    background: none;
  }
}
.copy-top-option__column {
  background: #fff9e6;
}
.copy-top-option__column dt {
  position: relative;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  background: #ac5000;
}
.copy-top-option__column dt i {
  position: absolute;
  width: 60px;
  top: -8px;
  left: -8px;
}
.copy-top-option__column dt i img {
  width: 100%;
}
.copy-top-option__column dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 23px;
  font-size: 15px;
  line-height: 1.6;
}
.copy-top-option__column dd em {
  font-weight: bold;
}
.copy-top-option__fig {
  width: 100%;
  max-width: 260px;
}
.copy-top-option__fig img {
  width: 100%;
}

.copy-top-point {
  margin-top: 25px;
}
.copy-top-point__intro {
  position: relative;
  min-height: 266px;
  margin-bottom: 20px;
  padding: 40px 300px 30px 20px;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .copy-top-point__intro {
    min-height: 0;
    padding: 170px 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .copy-top-point__intro::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff9e6;
    z-index: -1;
  }
}
.copy-top-point__lead {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
  color: #e8442a;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
@media screen and (max-width: 768px) {
  .copy-top-point__lead {
    max-width: 375px;
    margin: 0 auto 15px;
    word-break: auto-phrase;
    font-size: 21px;
    text-align: center;
  }
}
.copy-top-point__txt {
  font-size: 15px;
}
.copy-top-point__pic {
  position: absolute;
  width: 295px;
  bottom: 0;
  right: 5px;
}
@media screen and (max-width: 768px) {
  .copy-top-point__pic {
    bottom: auto;
    top: -15px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.copy-top-point__pic img {
  width: 100%;
}
.copy-top-point__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-top-point__columns {
    grid-template-columns: 1fr;
    gap: 1px;
  }
}
.copy-top-point__column {
  background: #fff9e6;
}
.copy-top-point__column dt {
  position: relative;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  background: #e8442b;
}
@media screen and (max-width: 768px) {
  .copy-top-point__column dt {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 5px;
    font-size: 16px;
  }
}
.copy-top-point__column dt span {
  position: absolute;
  width: 60px;
  top: -15px;
  left: -10px;
}
@media screen and (max-width: 768px) {
  .copy-top-point__column dt span {
    position: inherit;
    flex-shrink: 0;
    width: 60px;
    top: auto;
    left: auto;
  }
}
.copy-top-point__column dt span img {
  width: 100%;
}
.copy-top-point__column dd {
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-top-point__column dd {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 768px) {
  .copy-top-point__column dd span {
    display: block;
    margin: 0 5px;
  }
}
.copy-top-point__column dd em {
  font-weight: bold;
}
.copy-top-point__image {
  margin-bottom: 20px;
}
.copy-top-point__image img {
  width: 100%;
}
.copy-top-point__more {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .copy-top-point__more {
    margin-top: 20px;
  }
}

.page-copy-flow__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .page-copy-flow__columns {
    position: relative;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .page-copy-flow__columns::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 36px;
    background: #248c00;
    z-index: -1;
  }
}
.page-copy-flow__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0 20px 20px;
  border: 1px solid #70b53d;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .page-copy-flow__column {
    position: relative;
    display: grid;
    grid-template-columns: 75px 75px 1fr;
    gap: 0 15px;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .page-copy-flow__column::before {
    content: "";
    position: absolute;
    aspect-ratio: 1;
    width: 10px;
    bottom: 2px;
    left: 33px;
    border-radius: 50%;
    background: #248c00;
  }
}
.page-copy-flow__column:last-child {
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .page-copy-flow__column:last-child::before {
    content: none;
  }
}
.page-copy-flow__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page-copy-flow__heading {
    grid-column: 3/4;
    align-items: flex-start;
    margin: auto 0 3px;
  }
}
.page-copy-flow__heading i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 5px 16px;
  color: #fff;
  text-transform: uppercase;
  background: #70b53d;
}
@media screen and (max-width: 768px) {
  .page-copy-flow__heading i {
    display: none;
  }
}
.page-copy-flow__heading em {
  color: #70b53d;
}
.page-copy-flow__icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-copy-flow__icon {
    position: relative;
    display: flex;
    order: -1;
    grid-row: 1/3;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    font-family: "DIN 2014", din-2014, sans-serif;
    text-transform: uppercase;
    background: #70b53d;
  }
}
.page-copy-flow__icon b {
  font-size: 29px;
  line-height: 1.1;
}
.page-copy-flow__image {
  width: 90px;
}
@media screen and (max-width: 768px) {
  .page-copy-flow__image {
    grid-column: 2/3;
    grid-row: 1/3;
    width: 100%;
  }
}
.page-copy-flow__image img {
  width: 100%;
}
.page-copy-flow__txt {
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-copy-flow__txt {
    grid-column: 3/4;
    margin-bottom: auto;
    font-size: 13px;
    line-height: 1.1;
    text-align: left;
  }
}

.page-copy-payment__items {
  margin-top: 25px;
}
.page-copy-payment__item {
  display: grid;
  grid-template-columns: 215px 1fr;
}
@media screen and (max-width: 768px) {
  .page-copy-payment__item {
    grid-template-columns: 1fr;
  }
}
.page-copy-payment__item dt {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 27px;
  font-size: 18px;
  font-weight: bold;
  background: #eee;
}
@media screen and (max-width: 768px) {
  .page-copy-payment__item dt {
    padding: 15px 30px;
  }
}
.page-copy-payment__item dt::before {
  content: attr(data-attr);
  font-size: 12px;
  font-weight: 400;
  color: #8fc04c;
}
.page-copy-payment__item dt::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #90c04c transparent transparent transparent;
}
.page-copy-payment__item dd {
  display: flex;
  align-items: center;
  min-height: 160px;
  padding: 0 40px;
  font-size: 14px;
  line-height: 1.6;
  background: #fbfbfc;
}
@media screen and (max-width: 768px) {
  .page-copy-payment__item dd {
    padding: 20px;
    line-height: 1.7;
  }
}
.page-copy-payment__item + .page-copy-payment__item {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .page-copy-payment__item + .page-copy-payment__item {
    margin-top: 1px;
  }
}
.page-copy-payment__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
.page-copy-payment__list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 14px 0;
  font-size: 14px;
  font-weight: 600;
}
.page-copy-payment__list li + li {
  border-left: 2px solid #eee;
}
.page-copy-payment__list li i {
  width: 70px;
}
.page-copy-payment__list li i img {
  width: 100%;
}

.copy-product-tab {
  margin-top: 25px;
}
.copy-product-tab__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .copy-product-tab__tabs {
    gap: 2px;
    margin-bottom: 20px;
  }
}
.copy-product-tab__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 10px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .copy-product-tab__btn {
    padding: 17px 0;
    font-size: 15px;
    border-radius: 0;
  }
}
.copy-product-tab__btn::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 15px 20px 0 20px;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .copy-product-tab__btn::before {
    content: none;
  }
}
.copy-product-tab__btn.-used {
  background: linear-gradient(to bottom, #203e70 0%, #203e70 50%, #14305f 51%, #14305f 100%);
}
.copy-product-tab__btn.-used::before {
  border-color: #14305f transparent transparent transparent;
}
.copy-product-tab__btn.-new {
  background: linear-gradient(to bottom, #e8442a 0%, #e8442a 50%, #d43920 51%, #d43920 100%);
}
.copy-product-tab__btn.-new::before {
  border-color: #d43920 transparent transparent transparent;
}
.copy-product-tab__btn[aria-selected=true]::before {
  opacity: 1;
}
.copy-product-tab__item {
  padding: 30px;
  background: #eee;
}
@media screen and (max-width: 768px) {
  .copy-product-tab__item {
    padding: 0;
    background: none;
  }
}
.copy-product-tab__item[aria-hidden=true] {
  display: none;
}
.copy-product-tab__item.-type-1 {
  padding: 0;
  background: none;
}
.copy-product-tab__item.-type-2 {
  padding: 0;
}

.copy-flow {
  margin-top: 25px;
}
.copy-flow__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border: 1px solid #d9dae0;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .copy-flow__items {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 35px;
    padding-left: 10px;
    border: none;
  }
}
.copy-flow__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .copy-flow__item {
    flex-direction: row;
    gap: 20px;
  }
}
.copy-flow__item em {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25em;
  width: 100%;
  height: 48px;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: bold;
  color: var(--_color);
  text-transform: uppercase;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .copy-flow__item em {
    flex-shrink: 0;
    width: auto;
    margin-bottom: 0;
    background: none;
  }
}
.copy-flow__item em::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #d9dae0;
}
@media screen and (max-width: 768px) {
  .copy-flow__item em::before {
    content: none;
  }
}
.copy-flow__item em b {
  font-size: 20px;
  font-family: "Impact";
}
.copy-flow__item i img {
  width: 100%;
}
.copy-flow__item i.-icon {
  display: flex;
  width: 80px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .copy-flow__item i.-icon {
    width: 60px;
    margin-bottom: 0;
  }
}
.copy-flow__item i.-arrow {
  position: absolute;
  width: 41px;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .copy-flow__item i.-arrow {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .copy-flow__item p {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .copy-flow__item + .copy-flow__item::after {
    content: "▼";
    position: absolute;
    top: -14px;
    left: 50px;
    font-size: 14px;
    line-height: 1;
    color: #e8442a;
  }
}

.copy-new-maintenance__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 60px;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .copy-new-maintenance__columns {
    grid-template-columns: 1fr;
  }
}
.copy-new-maintenance__column {
  position: relative;
  padding-bottom: 15px;
  border: 1px solid #e7e7e7;
}
.copy-new-maintenance__column::before {
  content: attr(data-num);
  position: absolute;
  top: 4px;
  left: 9px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  z-index: 1;
}
.copy-new-maintenance__column::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #1782b7 transparent transparent transparent;
}
.copy-new-maintenance__column dt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #2685bc;
  line-height: 1.6;
  padding-bottom: 20px;
}
.copy-new-maintenance__column dt::after {
  content: "";
  position: absolute;
  width: calc(100% - 40px);
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e7e7e7;
}
.copy-new-maintenance__column dt i {
  width: 100%;
}
.copy-new-maintenance__column dt i img {
  width: 100%;
}
.copy-new-maintenance__column dt span {
  padding: 0 15px;
}
.copy-new-maintenance__column dd {
  padding: 0 15px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-new-maintenance__column dd {
    font-size: 14px;
  }
}
.copy-new-maintenance__table {
  width: 100%;
  min-width: 624px;
  margin-top: 20px;
}
.copy-new-maintenance__table th, .copy-new-maintenance__table td {
  padding: 15px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #fff;
}
.copy-new-maintenance__table thead th {
  font-size: 15px;
  color: #fff;
  text-align: center;
  background: #434343;
}
.copy-new-maintenance__table thead th:first-child {
  background: #1782b7;
}
.copy-new-maintenance__table thead th:last-child {
  background: #e8442a;
}
.copy-new-maintenance__table thead th span {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.copy-new-maintenance__table tbody th {
  color: #fff;
  background: #1782b7;
}
.copy-new-maintenance__table tbody td {
  font-weight: bold;
  color: #222;
  background: #dcdcdc;
}
.copy-new-maintenance__table tbody td:last-child {
  color: #fff;
  background: #e8442a;
}

.copy-new-installation {
  margin-top: 25px;
}
.copy-new-installation__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .copy-new-installation__columns {
    grid-template-columns: 1fr;
  }
}
.copy-new-installation__column {
  background: #f9f9fa;
}
.copy-new-installation__heading {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 70px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #1782b7;
}
@media screen and (max-width: 768px) {
  .copy-new-installation__heading {
    min-height: 63px;
  }
}
.copy-new-installation__heading i {
  position: absolute;
  width: 69px;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
}
.copy-new-installation__heading i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .copy-new-installation__image {
    display: none;
  }
}
.copy-new-installation__image img {
  width: 100%;
}
.copy-new-installation__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 15px;
  line-height: 1.6;
}
.copy-new-installation__lead {
  white-space: nowrap;
  font-size: 19px;
  font-weight: bold;
  color: #1782b7;
  text-align: center;
}
.copy-new-installation__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-left: auto;
  padding: 9px 40px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 20px;
  background: #1782b7;
}
@media screen and (max-width: 768px) {
  .copy-new-installation__more {
    margin-right: auto;
  }
}
.copy-new-installation__more i {
  position: absolute;
  width: 6px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.copy-new-installation__more i img {
  width: 100%;
}

.copy-new-mv {
  position: relative;
}
.copy-new-mv__wrap {
  position: relative;
  width: 100%;
  max-width: 1109px;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-new-mv__wrap {
    display: none;
  }
}
.copy-new-mv__mv img {
  width: 100%;
}
.copy-new-mv__more {
  position: absolute;
  width: min(20.1082055906vw, 223px);
  bottom: 5px;
  right: min(4.5085662759vw, 50px);
}
.copy-new-mv__more img {
  width: 100%;
}
.copy-new-mv__image {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-new-mv__image {
    display: block;
  }
}
.copy-new-mv__image img {
  width: 100%;
}
.copy-new-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-new-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.copy-lease-up {
  margin-top: 50px;
}
.copy-lease-up__rows {
  margin-top: 20px;
}
.copy-lease-up__row {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 27px 40px 20px;
}
@media screen and (max-width: 768px) {
  .copy-lease-up__row {
    padding: clamp(20px, 5.3333333333vw, 30px);
    background: #f7faff;
  }
}
.copy-lease-up__row + .copy-lease-up__row {
  margin-top: 20px;
}
.copy-lease-up__heading {
  display: flex;
  gap: 10px;
  padding: 10px 30px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  border-radius: 44px;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-lease-up__heading {
    gap: max(1.3333333333vw, 5px);
    padding: max(0.8vw, 3px) max(4vw, 15px);
    font-size: clamp(12px, 3.2vw, 15px);
  }
}
.copy-lease-up__heading i {
  position: relative;
  flex-shrink: 0;
  padding-right: 10px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .copy-lease-up__heading i {
    padding-right: max(1.3333333333vw, 5px);
  }
}
.copy-lease-up__heading i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #fff;
}
.copy-lease-up__heading i img {
  width: 100%;
}
.copy-lease-up__heading.-type-1 i {
  width: 15px;
}
@media screen and (max-width: 768px) {
  .copy-lease-up__heading.-type-1 i {
    width: 2.9333333333vw;
    min-width: 11px;
    max-width: 15px;
  }
}
.copy-lease-up__heading.-type-2 i {
  width: 21px;
}
@media screen and (max-width: 768px) {
  .copy-lease-up__heading.-type-2 i {
    width: 4vw;
    min-width: 15px;
    max-width: 21px;
  }
}
.copy-lease-up__lead {
  font-size: 22px;
  font-weight: bold;
  color: #2685bc;
}
.copy-lease-up__txt {
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .copy-lease-up__txt {
    font-size: 15px;
  }
}
.copy-lease-up__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-lease-up__bg {
    display: none;
  }
}
.copy-lease-up__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copy-function {
  margin-top: 30px;
  border: 1px solid #dad9df;
}
@media screen and (max-width: 768px) {
  .copy-function {
    border: none;
  }
}
.copy-function + .copy-function {
  margin-top: 40px;
}
.copy-function__head {
  display: grid;
  grid-template-columns: 190px 1fr;
  font-weight: bold;
  color: #fff;
  background: #e84429;
}
@media screen and (max-width: 768px) {
  .copy-function__head {
    grid-template-columns: 1fr;
    margin: 0 -4vw;
  }
}
.copy-function__head span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 5px;
  font-size: 14px;
  text-transform: uppercase;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .copy-function__head span {
    padding: 10px;
    line-height: 1.6;
  }
}
.copy-function__head span i {
  flex-shrink: 0;
  width: 24px;
}
.copy-function__head span i img {
  width: 100%;
}
.copy-function__head em {
  padding: 20px 10px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .copy-function__head em {
    display: flex;
    justify-content: center;
  }
}
.copy-function__head.-type-1 {
  background: #c29928;
}
.copy-function__head.-type-2 {
  background: #bbb;
}
.copy-function__head.-type-3 {
  background: #b46a49;
}
.copy-function__wrap {
  padding: 45px;
}
@media screen and (max-width: 768px) {
  .copy-function__wrap {
    position: relative;
    padding: 20px 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .copy-function__wrap::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #dad9df;
  }
}
.copy-function__intro {
  display: grid;
  grid-template-columns: 290px 1fr;
  gap: 38px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d2d2d2;
}
@media screen and (max-width: 768px) {
  .copy-function__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.copy-function__item {
  order: 1;
}
.copy-function__lead {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #e84429;
  line-height: 1.6;
}
.copy-function__lead.-type-1 {
  color: #c29928;
}
.copy-function__lead.-type-2 {
  color: #bbb;
}
.copy-function__lead.-type-3 {
  color: #b46a49;
}
.copy-function__txt {
  color: #434343;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .copy-function__image {
    max-width: fit-content;
  }
}
.copy-function__image img {
  width: 100%;
}
.copy-function__links {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-function__links {
    flex-direction: column;
    align-items: center;
  }
}
.copy-function__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 305px;
  height: 60px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .copy-function__link {
    width: 100%;
  }
}
.copy-function__link i {
  position: absolute;
  width: 6px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.copy-function__link i img {
  width: 100%;
}

.copy-function-example {
  margin-bottom: 15px;
}
.copy-function-example__intro {
  display: grid;
  grid-template-columns: 77px 1fr;
  gap: 18px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .copy-function-example__intro {
    grid-template-columns: 1fr;
  }
}
.copy-function-example__item {
  padding-top: 18px;
}
@media screen and (max-width: 768px) {
  .copy-function-example__item {
    padding-top: 0;
  }
}
.copy-function-example__head {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  margin-bottom: 10px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  border-radius: 32px;
  background: #e84429;
}
.copy-function-example__head i {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  padding-right: 8px;
  box-sizing: content-box;
}
.copy-function-example__head i::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #fff;
}
.copy-function-example__head i img {
  width: 100%;
}
.copy-function-example__lead {
  font-size: 20px;
  font-weight: bold;
  color: #e84429;
  line-height: 1.6;
}
.copy-function-example__icon {
  order: -1;
}
@media screen and (max-width: 768px) {
  .copy-function-example__icon {
    display: none;
  }
}
.copy-function-example__icon img {
  width: 100%;
}
.copy-function-example__txt {
  color: #212121;
  font-size: 15px;
  line-height: 1.8;
}

.copy-function-item__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .copy-function-item__columns {
    grid-template-columns: 1fr;
    width: 58.1333333333vw;
    margin: 25px auto 0;
  }
}
.copy-function-item__column a {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #f0f0f0;
}
@media screen and (max-width: 768px) {
  .copy-function-item__column a {
    width: 58.1333333333vw;
    min-width: 218px;
  }
}
.copy-function-item__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 24px;
}
.copy-function-item__heading {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #191919;
}
.copy-function-item__maker {
  order: -1;
  width: fit-content;
  margin-bottom: 7px;
}
.copy-function-item__maker img {
  width: 100%;
}
.copy-function-item__function {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: bold;
  color: #ababab;
  line-height: 1.6;
}
.copy-function-item__function::before {
  content: "【";
}
.copy-function-item__function::after {
  content: "】";
}
.copy-function-item__function dd + dd::before {
  content: "/";
}
.copy-function-item__rate {
  display: flex;
  align-items: baseline;
  margin-bottom: 15px;
  white-space: nowrap;
  font-size: 11px;
  font-weight: bold;
  color: #e8442a;
  line-height: 1.6;
}
.copy-function-item__rate dt::after {
  content: "：";
}
.copy-function-item__rate dd em {
  font-size: 14px;
}
.copy-function-item__rate dd i {
  margin-left: 5px;
  font-size: 14px;
}
.copy-function-item__rate dd i .-half {
  position: relative;
  color: #b3b2b2;
}
.copy-function-item__rate dd i .-half::before {
  content: attr(data-inverted);
  position: absolute;
  width: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #e8442a;
  overflow: hidden;
}
.copy-function-item__rate dd i .-down {
  color: #b3b2b2;
}
.copy-function-item__more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 7px 0;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 3px;
  background: #e84429;
}
.copy-function-item__image {
  aspect-ratio: 1;
  order: -1;
  width: 100%;
  height: 100%;
}
.copy-function-item__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.copy-function-item__categories {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
}
.copy-function-item__category {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 20px;
  font-size: 12px;
  color: #fff;
}
.copy-function-item__category.-new {
  background: #4fb000;
}
.copy-function-item__category.-used {
  background: #2685bc;
}

.copy-reason-mv {
  overflow: hidden;
  background: #e7f2f9;
}
.copy-reason-mv__wrap {
  position: relative;
  min-width: 900px;
  z-index: 1;
}
.copy-reason-mv__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 477px;
  min-height: 300px;
  padding-top: 43px;
}
.copy-reason-mv__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.copy-reason-mv__head small {
  font-size: 18px;
  font-weight: bold;
}
.copy-reason-mv__head em {
  width: 410px;
}
.copy-reason-mv__head em img {
  width: 100%;
}
.copy-reason-mv__lead {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  width: 350px;
  padding: 15px 0;
  font-size: 21px;
  font-weight: bold;
  color: #000;
  border-radius: 50px;
  background: #f3c100;
}
.copy-reason-mv__lead i {
  flex-shrink: 0;
  width: 21px;
}
.copy-reason-mv__lead i img {
  width: 100%;
}
.copy-reason-mv__icon {
  width: 123px;
}
.copy-reason-mv__icon img {
  width: 100%;
}
.copy-reason-mv__image {
  position: absolute;
  width: 516px;
  top: 0;
  right: 0;
  z-index: -1;
}
.copy-reason-mv__image img {
  width: 100%;
}
.copy-reason-mv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-reason-mv__fig {
    display: block;
  }
}
.copy-reason-mv__fig img {
  width: 100%;
}

.copy-reason-nav {
  margin-top: 25px;
}
.copy-reason-nav__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 30px;
}
@media screen and (max-width: 768px) {
  .copy-reason-nav__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.copy-reason-nav__item a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  gap: 5px;
  padding: 15px 0 20px;
  border: 1px solid #eee;
  border-radius: 5px;
  background: #eee;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .copy-reason-nav__item a {
    padding: 15px 10px 20px;
  }
}
.copy-reason-nav__item a small {
  font-size: 12px;
  color: #666;
}
.copy-reason-nav__item a em {
  font-size: 21px;
  font-weight: bold;
  color: #000;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-reason-nav__item a em {
    width: 5em;
    word-break: auto-phrase;
    font-size: 18px;
    text-align: center;
  }
}
.copy-reason-nav__item a i {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  border-radius: 50%;
  background: #aaa;
  transition: background 0.3s;
}
.copy-reason-nav__item a i::before {
  content: ">";
  font-size: 15px;
  color: #fff;
}
.copy-reason-nav__item a:hover {
  opacity: 1;
  border-color: #2685bc;
  background: #e7f2f9;
}
.copy-reason-nav__item a:hover i {
  background: #2685bc;
}

.copy-reason {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .copy-reason {
    margin: 0 -4vw;
    border-top: 5px solid #bbb;
  }
}
@media screen and (max-width: 768px) {
  .copy-reason:first-of-type {
    margin-top: 40px;
  }
}
.copy-reason__intro {
  display: grid;
  grid-template-columns: 1fr 320px;
}
@media screen and (max-width: 768px) {
  .copy-reason__intro {
    grid-template-columns: 1fr;
  }
}
.copy-reason__head {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  font-weight: bold;
  background: #e7e7e7;
}
@media screen and (max-width: 768px) {
  .copy-reason__head {
    justify-content: center;
  }
}
.copy-reason__head::after {
  content: attr(data-attr);
  flex-shrink: 0;
  margin-left: 20px;
  padding: 3px 15px;
  font-size: 12px;
  color: #fff;
  border-radius: 26px;
  background: #434343;
}
.copy-reason__head i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 24px;
  margin-right: 8px;
  border-right: 1px dashed #666;
}
.copy-reason__head span {
  font-size: 24px;
  color: #434343;
}
@media screen and (max-width: 768px) {
  .copy-reason__head span {
    font-size: 16px;
  }
}
.copy-reason__head.-type-1 i img {
  width: 28px;
}
.copy-reason__head.-type-2 i img {
  width: 20px;
}
.copy-reason__head.-type-3 i img {
  width: 28px;
}
.copy-reason__head.-type-4 i img {
  width: 16px;
}
.copy-reason__head.-type-5 i img {
  width: 18px;
}
.copy-reason__head.-type-6 i img {
  width: 16px;
}
.copy-reason__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 68px;
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-reason__more {
    min-height: 51px;
    font-size: 14px;
  }
}
.copy-reason__more::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(-45deg);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .copy-reason__more::before {
    right: 80px;
  }
}
.copy-reason__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 45px 350px 45px 40px;
  background: #f3f3f3;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-reason__wrap {
    flex-direction: column;
    align-items: center;
    padding: 180px 35px 20px;
  }
}
@media screen and (max-width: 768px) {
  .copy-reason__item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.copy-reason__lead {
  margin-bottom: 20px;
  font-size: 23px;
  font-weight: bold;
  color: #2685bc;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-reason__lead {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
  }
}
.copy-reason__image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .copy-reason__image {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
.copy-reason__image img {
  width: 100%;
}
.copy-reason__image.-type-1 {
  width: 250px;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .copy-reason__image.-type-1 {
    width: 160px;
    top: 20px;
    right: auto;
  }
}
.copy-reason__image.-type-2 {
  width: 265px;
  right: 20px;
}
@media screen and (max-width: 768px) {
  .copy-reason__image.-type-2 {
    width: 190px;
    right: auto;
  }
}
.copy-reason__image.-type-3 {
  width: 250px;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .copy-reason__image.-type-3 {
    width: 165px;
    right: auto;
  }
}
.copy-reason__image.-type-4 {
  width: 293px;
  right: 15px;
}
@media screen and (max-width: 768px) {
  .copy-reason__image.-type-4 {
    width: 200px;
    right: auto;
  }
}
.copy-reason__image.-type-5 {
  width: 322px;
  top: auto;
  bottom: -33px;
  right: 3px;
  transform: none;
}
@media screen and (max-width: 768px) {
  .copy-reason__image.-type-5 {
    width: 230px;
    top: 20px;
    bottom: auto;
    right: auto;
    transform: translateX(-50%);
  }
}
.copy-reason__image.-type-6 {
  width: 283px;
  top: auto;
  bottom: -85px;
  right: 20px;
  transform: none;
}
@media screen and (max-width: 768px) {
  .copy-reason__image.-type-6 {
    width: 230px;
    top: 20px;
    bottom: auto;
    right: auto;
    transform: translateX(-50%);
  }
}

.copy-maker-archive {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-maker-archive {
    flex-direction: column;
    align-items: center;
  }
}
.copy-maker-archive__intro {
  flex-shrink: 0;
  width: 210px;
}
@media screen and (max-width: 768px) {
  .copy-maker-archive__intro {
    width: 268px;
  }
}
.copy-maker-archive__review {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .copy-maker-archive__review {
    justify-content: center;
    font-size: 18px;
  }
}
.copy-maker-archive__review dt::after {
  content: "：";
}
.copy-maker-archive__review dd > span em {
  color: #e8442a;
}
.copy-maker-archive__review dd i {
  display: inline-flex;
  color: #e8442a;
}
@media screen and (max-width: 768px) {
  .copy-maker-archive__review dd i {
    font-size: 12px;
  }
}
.copy-maker-archive__review dd i span {
  position: relative;
  color: #b3b2b2;
}
.copy-maker-archive__review dd i span::before {
  content: attr(data-inverted);
  position: absolute;
  width: 55%;
  top: 0;
  left: 0;
  color: #e8442a;
  overflow: hidden;
}
.copy-maker-archive__chart img {
  width: 100%;
}
.copy-maker-archive__item {
  flex-grow: 1;
  max-width: calc(100% - 270px);
}
@media screen and (max-width: 768px) {
  .copy-maker-archive__item {
    width: 100%;
    max-width: 100%;
  }
}
.copy-maker-archive__txt {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .copy-maker-archive__txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .copy-maker-archive__txt br {
    display: none;
  }
}
.copy-maker-archive__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 10px;
}
@media screen and (max-width: 768px) {
  .copy-maker-archive__columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
.copy-maker-archive__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: auto-phrase;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
.copy-maker-archive__column i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  background: #f5f5f5;
}
.copy-maker-archive__column i img {
  width: fit-content;
}

.copy-maker-reason__intro {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.copy-maker-reason__lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: bold;
  color: #e8442a;
  line-height: 1.6;
}
.copy-maker-reason__list li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
}
.copy-maker-reason__list li i {
  flex-shrink: 0;
  width: 18px;
}
.copy-maker-reason__list li i img {
  width: 100%;
}
.copy-maker-reason__list.-type-1 li + li {
  margin-top: 20px;
}
.copy-maker-reason__fig {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .copy-maker-reason__fig {
    display: none;
  }
}
.copy-maker-reason__fig img {
  width: 100%;
}
.copy-maker-reason__wrap {
  display: grid;
  grid-template-columns: 40% 60%;
  background: #f7f7f7;
}
@media screen and (max-width: 768px) {
  .copy-maker-reason__wrap {
    grid-template-columns: 1fr;
  }
}
.copy-maker-reason__task {
  position: relative;
  padding: 20px;
  font-weight: bold;
  background: #eee;
}
@media screen and (max-width: 768px) {
  .copy-maker-reason__task {
    padding: 20px 46px;
  }
}
.copy-maker-reason__task::after {
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  border-style: solid;
  border-width: 82px 0 82px 50px;
  border-color: transparent transparent transparent #eee;
}
@media screen and (max-width: 768px) {
  .copy-maker-reason__task::after {
    content: none;
  }
}
.copy-maker-reason__task dt {
  font-size: 20px;
}
.copy-maker-reason__foot {
  padding: 20px 20px 20px 80px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-maker-reason__foot {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 35px 20px 20px;
  }
}
.copy-maker-reason__summary {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .copy-maker-reason__summary {
    word-break: auto-phrase;
    text-align: center;
  }
}
.copy-maker-reason__summary span {
  color: #e8442a;
}
.copy-maker-reason__txt {
  font-size: 15px;
}

.copy-maker-used {
  position: relative;
  margin-top: 40px;
  padding: 38px 20px 16px;
  background: #D9F2F9;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-maker-used {
    margin: 40px -4vw 0;
    padding: 33.7541333333vw 0 0;
    background: none;
  }
}
.copy-maker-used__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .copy-maker-used__intro {
    align-items: center;
    gap: 10px;
    padding: 0 4vw;
    background: #D9F2F9;
  }
}
.copy-maker-used__head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 20px;
  font-size: 15px;
  line-height: 2.3333333333;
  font-weight: bold;
  color: #fff;
  border-radius: 35px;
  background: #84B200;
}
.copy-maker-used__head i {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  padding-right: 5px;
  box-sizing: content-box;
}
.copy-maker-used__head i::before {
  content: "";
  position: absolute;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dashed #fff;
}
.copy-maker-used__head i img {
  width: 100%;
}
.copy-maker-used__lead {
  font-size: 21px;
  font-weight: bold;
  color: #2685BC;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .copy-maker-used__lead {
    font-size: 20px;
    text-align: center;
  }
}
.copy-maker-used__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .copy-maker-used__columns {
    grid-template-columns: 1fr;
    margin-top: 0;
    padding: 20px 4vw 15px;
    background: #D9F2F9;
  }
}
.copy-maker-used__column {
  line-height: 1.6;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .copy-maker-used__column {
    background: none;
  }
}
.copy-maker-used__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px 0;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .copy-maker-used__column dt {
    display: grid;
    grid-template-columns: 115px 1fr;
    margin-bottom: 1px;
    text-align: left;
    background: #fff;
  }
}
.copy-maker-used__column dt span {
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .copy-maker-used__column dt span {
    padding: 0;
  }
}
.copy-maker-used__column dd {
  padding: 10px 10px 15px;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .copy-maker-used__column dd {
    padding: 10px 20px;
    font-size: 14px;
    background: #F5FCFD;
  }
}
.copy-maker-used__icon {
  width: 100%;
}
.copy-maker-used__icon img {
  width: 100%;
}
.copy-maker-used__image {
  position: absolute;
  width: 430px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-maker-used__image {
    width: 100%;
  }
}
.copy-maker-used__image img {
  width: 100%;
}

.copy-transfer-merit {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-transfer-merit {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.copy-transfer-merit__item {
  padding: 40px 15px 15px;
  border: 1px solid #efefef;
  background: #fcfcfc;
}
@media screen and (max-width: 768px) {
  .copy-transfer-merit__item {
    padding: 0;
  }
}
.copy-transfer-merit__item dt {
  position: relative;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .copy-transfer-merit__item dt {
    display: grid;
    grid-template-columns: 68px 1fr;
    font-size: 18px;
    text-align: left;
    border-bottom: 1px solid #efefef;
    background: #fbfaf0;
  }
}
.copy-transfer-merit__item dt::before {
  content: attr(data-attr);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 30px;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  background: #ffd800;
}
@media screen and (max-width: 768px) {
  .copy-transfer-merit__item dt::before {
    position: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: auto;
    left: auto;
    transform: none;
  }
}
@media screen and (max-width: 768px) {
  .copy-transfer-merit__item dt span {
    padding: 6px 20px;
  }
}
.copy-transfer-merit__item dt em {
  color: #b50909;
}
.copy-transfer-merit__item dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-transfer-merit__item dd {
    padding: 15px;
  }
}
.copy-transfer-merit__item dd i {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .copy-transfer-merit__item dd i {
    display: none;
  }
}
.copy-transfer-merit__item dd i img {
  width: 100%;
}
.copy-transfer-merit__item dd span {
  font-size: 15px;
  color: #191919;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-transfer-merit__item dd span {
    font-size: 14px;
  }
}

.copy-choice-mv {
  position: relative;
}
.copy-choice-mv__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .copy-choice-mv__wrap {
    margin: 0 -4vw;
  }
}
.copy-choice-mv__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 450px;
  padding: 35px 0 54px;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-choice-mv__item {
    width: 100vw;
    max-width: 100vw;
    padding: 0;
  }
}
.copy-choice-mv__lead {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
.copy-choice-mv__lead i {
  flex-shrink: 0;
  width: 18px;
}
.copy-choice-mv__lead i img {
  width: 100%;
}
.copy-choice-mv__lead img {
  width: 100%;
}
.copy-choice-mv__head {
  margin-top: 10px;
  font-size: 43px;
  font-weight: bold;
  line-height: 1;
}
.copy-choice-mv__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .copy-choice-mv__columns {
    display: none;
  }
}
.copy-choice-mv__column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-size: 14px;
  line-height: 2.2142857143;
  font-weight: bold;
}
.copy-choice-mv__column i {
  flex-shrink: 0;
}
.copy-choice-mv__column i img {
  width: 100%;
}
.copy-choice-mv__column:nth-child(odd)::before {
  left: 0;
}
.copy-choice-mv__column:nth-child(odd)::after {
  content: "";
  position: absolute;
  height: calc(100% - 5px);
  right: 0;
  border-right: 1px dotted #fff;
}
.copy-choice-mv__column:nth-child(even)::before {
  right: 0;
}
.copy-choice-mv__column:nth-child(n+3)::before {
  content: "";
  position: absolute;
  top: 0;
  width: calc(100% - 5px);
  border-top: 1px dotted #fff;
}
.copy-choice-mv__column.-type-1::after {
  top: 0;
}
.copy-choice-mv__column.-type-1 i {
  width: 16px;
}
.copy-choice-mv__column.-type-2 i {
  width: 20px;
}
.copy-choice-mv__column.-type-3::after {
  bottom: 0;
}
.copy-choice-mv__column.-type-3 i {
  width: 19px;
}
.copy-choice-mv__column.-type-4 i {
  width: 16px;
}
.copy-choice-mv__foot {
  margin-top: 20px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: bold;
  color: #0b5d85;
  border-radius: 20px;
  background: #fff;
}
.copy-choice-mv__image {
  width: 304px;
  margin-top: auto;
}
.copy-choice-mv__image img {
  width: 100%;
}
.copy-choice-mv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-choice-mv__fig {
    display: block;
  }
}
.copy-choice-mv__fig img {
  width: 100%;
}
.copy-choice-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-choice-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copy-choice {
  margin-top: var(--_margin-top-PC, 0);
}
.copy-choice__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .copy-choice__table {
    width: 660px;
  }
}
.copy-choice__table th,
.copy-choice__table td {
  height: 65px;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
}
.copy-choice__table thead th {
  background-color: #206892;
  color: #fff;
}
.copy-choice__table thead th:nth-child(1) {
  width: 150px;
}
.copy-choice__table thead th:nth-child(2) {
  width: 100px;
}
.copy-choice__table thead th:nth-child(3) {
  width: 100px;
}
.copy-choice__table tbody tr:nth-child(odd) {
  background: #f3f3f3;
}
.copy-choice__table tbody tr:nth-child(even) {
  background: #e4e4e4;
}
.copy-choice__table tbody td:last-child {
  padding: 0 15px;
  text-align: left;
}
.copy-choice__intro {
  position: relative;
}
.copy-choice__list {
  padding: 40px;
}
.copy-choice__list li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-choice__list li {
    font-size: 15px;
  }
}
.copy-choice__list li i {
  flex-shrink: 0;
  width: 20px;
}
.copy-choice__list li i img {
  width: 100%;
}
.copy-choice__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-choice__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.copy-choice__foot {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 25px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  background: #f7f7f7;
}
@media screen and (max-width: 768px) {
  .copy-choice__foot {
    flex-direction: column;
    align-items: center;
    padding: 25px;
    font-size: 14px;
  }
}
.copy-choice__foot i {
  flex-shrink: 0;
  width: 153px;
  padding-right: 20px;
  border-right: 1px dashed #999;
}
@media screen and (max-width: 768px) {
  .copy-choice__foot i {
    width: 97px;
    padding: 0 0 20px;
    border-right: none;
    border-bottom: 1px dashed #999;
  }
}
.copy-choice__foot i img {
  width: 100%;
}
.copy-warranty-intro {
  position: relative;
  padding: 30px;
  background: #f9f9fa;
  z-index: 1;
}
.copy-warranty-intro__head {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 7px 18px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  border-radius: 38px;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-warranty-intro__head {
    display: flex;
    width: 228px;
    margin: 0 auto 20px;
    line-height: 1.4;
  }
}
.copy-warranty-intro__head i {
  position: relative;
  width: 22px;
  padding-right: 8px;
  box-sizing: content-box;
}
.copy-warranty-intro__head i::before {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.copy-warranty-intro__head i img {
  width: 100%;
}
.copy-warranty-intro__list {
  margin-bottom: 35px;
}
.copy-warranty-intro__list li {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 20px;
  font-weight: bold;
  color: #011;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .copy-warranty-intro__list li {
    font-size: 17px;
  }
}
.copy-warranty-intro__list li i {
  flex-shrink: 0;
  width: 23px;
}
.copy-warranty-intro__list li i img {
  width: 100%;
}
.copy-warranty-intro__list li em {
  position: relative;
  color: #2685bc;
  background: linear-gradient(transparent 60%, #f0e000 60%);
}
.copy-warranty-intro__list li + li {
  margin-top: 20px;
}
.copy-warranty-intro__item {
  display: grid;
  grid-template-columns: 235px 1fr;
  align-items: center;
  border: 1px solid #e7e7e7;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .copy-warranty-intro__item {
    grid-template-columns: 1fr;
  }
}
.copy-warranty-intro__item dt {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .copy-warranty-intro__item dt {
    min-height: 0;
    padding: 10px 20px;
    font-size: 18px;
  }
}
.copy-warranty-intro__item dd {
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
}
.copy-warranty-intro__item dd em {
  color: #2685bc;
}
.copy-warranty-intro__item + .copy-warranty-intro__item {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .copy-warranty-intro__item + .copy-warranty-intro__item {
    margin-top: 20px;
  }
}
.copy-warranty-intro__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-warranty-intro__bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
  }
}
.copy-warranty-intro__bg img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .copy-warranty-intro__bg img {
    height: 45%;
    object-fit: cover;
    object-position: 72% top;
  }
}

.copy-warranty__wrap {
  position: relative;
  padding: 30px 0 0 30px;
  background: #f9f9fa;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-warranty__wrap {
    padding: 30px 20px;
  }
}
.copy-warranty__intro {
  display: flex;
  gap: 5px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .copy-warranty__intro {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.copy-warranty__intro dt, .copy-warranty__intro dd {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 18px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
  border-radius: 38px;
}
@media screen and (max-width: 768px) {
  .copy-warranty__intro dt, .copy-warranty__intro dd {
    font-size: 14px;
  }
}
.copy-warranty__intro dt span, .copy-warranty__intro dd span {
  position: relative;
  padding-left: 9px;
}
.copy-warranty__intro dt span::before, .copy-warranty__intro dd span::before {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #fff;
}
.copy-warranty__intro dt {
  background: var(--_main-color);
}
.copy-warranty__intro dt i {
  flex-shrink: 0;
  width: 16px;
}
.copy-warranty__intro dt i img {
  width: 100%;
}
.copy-warranty__intro dd {
  background: var(--_sub-color);
}
.copy-warranty__content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.copy-warranty__lead {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  color: var(--_main-color);
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .copy-warranty__lead {
    margin-bottom: 10px;
  }
}
.copy-warranty__txt {
  font-size: 15px;
}
.copy-warranty__txt em {
  color: var(--_main-color);
}
.copy-warranty__fig {
  flex-shrink: 0;
  width: 268px;
  padding-top: 10px;
  transform: translateX(20px);
}
@media screen and (max-width: 768px) {
  .copy-warranty__fig {
    display: none;
  }
}
.copy-warranty__fig img {
  width: 100%;
}
.copy-warranty__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-warranty__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.copy-warranty__note {
  margin-top: 15px;
  font-size: 12px;
  color: #011;
}

.copy-warranty-caution {
  position: relative;
  margin-top: 30px;
  padding: 30px 45px;
}
@media screen and (max-width: 768px) {
  .copy-warranty-caution {
    padding: 30px 25px;
  }
}
.copy-warranty-caution__head {
  display: flex;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #2685bc;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-warranty-caution__head {
    flex-direction: column;
    align-items: center;
    gap: 6px;
    word-break: auto-phrase;
    text-align: center;
  }
}
.copy-warranty-caution__head i {
  flex-shrink: 0;
  width: 27px;
}
.copy-warranty-caution__head i img {
  width: 100%;
}
.copy-warranty-caution__list {
  counter-reset: item;
  margin-left: 15px;
}
.copy-warranty-caution__list li {
  margin-left: 1em;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  text-indent: -1.5em;
}
.copy-warranty-caution__list li::before {
  content: counter(item) ".";
  counter-increment: item;
  padding-right: 0.5em;
  color: #2685bc;
}
.copy-warranty-caution__list li span {
  border-bottom: 1px dotted #fff;
}
.copy-warranty-caution__list li em {
  color: #2685bc;
}
.copy-warranty-caution__list li + li {
  margin-top: 3px;
}
.copy-warranty-caution__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-warranty-caution__bg {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.copy-warranty-caution__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.copy-rental-price {
  width: 100%;
  margin-top: 30px;
  border-collapse: separate;
  border-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .copy-rental-price {
    margin-top: 20px;
  }
}
.copy-rental-price th, .copy-rental-price td {
  padding: 12px 0;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
}
.copy-rental-price thead th {
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  background: #206892;
}
.copy-rental-price tbody th {
  font-weight: 400;
  color: #fff;
  background: #2685bc;
}
.copy-rental-price tbody td {
  background: #d4e7f2;
}

.copy-rental-maintenance {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-rental-maintenance {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}
.copy-rental-maintenance__heading {
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  gap: 10px;
  padding-right: 10px;
  word-break: auto-phrase;
  font-size: 15px;
  color: #fff;
  text-align: center;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-rental-maintenance__heading {
    gap: 0;
    padding-right: 0;
  }
}
.copy-rental-maintenance__heading::before {
  content: attr(data-num);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  font-size: 20px;
  background: #206892;
}
@media screen and (max-width: 768px) {
  .copy-rental-maintenance__heading::before {
    min-height: 50px;
  }
}
.copy-rental-maintenance__image img {
  width: 100%;
}

.copy-rental-market-price {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-rental-market-price {
    margin-top: 20px;
  }
}
.copy-rental-market-price__table {
  width: 100%;
  color: #434343;
  border-collapse: separate;
  border-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .copy-rental-market-price__table {
    min-width: 500px;
  }
}
.copy-rental-market-price__table th, .copy-rental-market-price__table td {
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
}
.copy-rental-market-price__table th img {
  width: 100px;
  margin: 0 auto;
}
.copy-rental-market-price__table thead th {
  font-weight: 400;
  color: #fff;
  background: #434343;
}
.copy-rental-market-price__table thead th:first-child {
  background: #1782b7;
}
.copy-rental-market-price__table thead th:last-child {
  background: #e8442a;
}
.copy-rental-market-price__table tbody th {
  font-weight: 400;
  color: #fff;
  background: #1782b7;
}
.copy-rental-market-price__table tbody td {
  font-weight: bold;
  background: #dcdcdc;
}
.copy-rental-market-price__table tbody td:last-child {
  color: #fff;
  background: #e8442a;
}

.copy-what-intro {
  position: relative;
  margin: var(--_margin-top-PC, 0) auto 0;
  padding: 35px;
  background: #fafbfe;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-what-intro {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .copy-what-intro.-type-1 {
    margin: 0 -4vw;
    padding: 20px 4vw;
  }
}
.copy-what-intro__lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 25px;
  font-weight: bold;
  line-height: 1.6;
}
.copy-what-intro__lead span {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 15px;
  font-size: 15px;
  color: #fff;
  border-radius: 40px;
  background: #2685bc;
}
.copy-what-intro__lead span i {
  width: 20px;
  height: 24px;
  padding-right: 10px;
  box-sizing: content-box;
  border-right: 1px dotted #fff;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__lead span i {
    padding-right: 5px;
  }
}
.copy-what-intro__lead span i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.copy-what-intro__lead em {
  font-size: 24px;
  color: var(--_color, #2685bc);
}
@media screen and (max-width: 768px) {
  .copy-what-intro__lead em {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .copy-what-intro__lead.-mono {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .copy-what-intro__lead.-mono span {
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .copy-what-intro__lead.-mono em {
    word-break: auto-phrase;
    font-size: 24px;
    text-align: center;
  }
}
.copy-what-intro__txt {
  width: 60%;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__txt {
    width: 100%;
  }
}
.-type-1 > .copy-what-intro__txt {
  padding: 25px;
  background: rgba(255, 255, 255, 0.8);
}
.copy-what-intro__bg {
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__bg {
    display: none;
  }
}
.copy-what-intro__bg img {
  width: 100%;
}
.copy-what-intro__bg.-type-1 {
  top: 45px;
  right: 40px;
}
.copy-what-intro__bg.-type-2 {
  height: 100%;
  top: 0;
  right: 0;
}
.copy-what-intro__bg.-type-2 img {
  height: 100%;
  object-fit: cover;
}
.copy-what-intro__bg.-type-3 {
  height: 100%;
  top: 0;
  right: 0;
}
.copy-what-intro__bg.-type-3 img {
  height: 100%;
  object-fit: cover;
}
.copy-what-intro__bg.-type-4 {
  height: 100%;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__bg.-type-4 {
    display: block;
  }
}
.copy-what-intro__bg.-type-4 img {
  height: 100%;
  object-fit: cover;
}
.copy-what-intro__bg.-type-5 {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__bg.-type-5 {
    display: block;
  }
}
.copy-what-intro__bg.-type-5 img {
  height: 100%;
  object-fit: cover;
}
.copy-what-intro__bg.-type-6 {
  height: 100%;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__bg.-type-6 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .copy-what-intro__bg.-type-6::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(250, 251, 254, 0.7);
  }
}
.copy-what-intro__bg.-type-6 img {
  height: 100%;
  object-fit: cover;
}
.copy-what-intro__items {
  width: 480px;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__items {
    width: 100%;
  }
}
.copy-what-intro__item {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: baseline;
  gap: 10px;
  padding: 10px 0;
}
.copy-what-intro__item + .copy-what-intro__item {
  border-top: 1px dotted #d9dadf;
}
.copy-what-intro__item:last-child dt {
  background: #eb6100;
}
.copy-what-intro__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  font-size: 11px;
  color: #fff;
  border-radius: 26px;
  background: #85b200;
}
.copy-what-intro__desc {
  font-size: 15px;
  line-height: 1.6;
}
.copy-what-intro__check {
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__check {
    padding-left: 0;
  }
}
.copy-what-intro__check li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: bold;
  color: var(--_color, #2685bc);
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__check li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
  }
}
.copy-what-intro__check li i {
  flex-shrink: 0;
  width: 22px;
}
.copy-what-intro__check li i img {
  width: 100%;
}
.copy-what-intro__check li + li {
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  .copy-what-intro__check li + li {
    margin-top: 8px;
  }
}

.copy-what-function {
  display: grid;
  grid-template-columns: 85px 1fr;
  align-items: center;
  gap: 20px;
  padding: 15px 25px;
  border: 1px solid #d9dae0;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .copy-what-function {
    grid-template-columns: min(30%, 120px) 1fr;
    padding: 15px;
  }
}
.copy-what-function__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #434343;
  line-height: 1.6;
}
.copy-what-function__heading small {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  border-radius: 22px;
  background: var(--_background);
}
.copy-what-function__txt {
  font-size: 12px;
  color: #191919;
  line-height: 1.6;
}
.copy-what-function__image {
  order: -1;
  display: flex;
}
@media screen and (max-width: 768px) {
  .copy-what-function__image {
    justify-content: center;
  }
}
.copy-what-function__image span {
  width: fit-content;
}
.copy-what-function__image img {
  width: 100%;
}

.copy-what-support__wrap {
  margin-bottom: 15px;
}
.copy-what-support__head {
  display: grid;
  grid-template-columns: 200px 1fr;
  align-items: center;
  gap: 30px;
  padding-right: 30px;
  background: #f26419;
}
@media screen and (max-width: 768px) {
  .copy-what-support__head {
    grid-template-columns: 100px 1fr;
    gap: 10px;
    padding-right: 10px;
  }
}
.copy-what-support__head i {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 90px;
  background: #ff4800;
}
@media screen and (max-width: 768px) {
  .copy-what-support__head i {
    min-height: 70px;
    padding: 0 5px;
  }
}
.copy-what-support__head i span {
  width: fit-content;
}
.copy-what-support__head i img {
  width: 100%;
}
.copy-what-support__head span {
  font-size: 23px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .copy-what-support__head span {
    font-size: 16px;
  }
}
.copy-what-support__content {
  position: relative;
  padding: 40px 35px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .copy-what-support__content {
    padding: 20px;
    background: #FBD56A;
  }
}
.copy-what-support__lead {
  margin-bottom: 25px;
  font-size: 24px;
  color: #ff4800;
}
@media screen and (max-width: 768px) {
  .copy-what-support__lead {
    font-size: 20px;
  }
}
.copy-what-support__txt {
  width: 65%;
  font-size: 16px;
  color: #000;
}
@media screen and (max-width: 768px) {
  .copy-what-support__txt {
    width: 100%;
    font-size: 14px;
  }
}
.copy-what-support__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-what-support__bg {
    display: none;
  }
}
.copy-what-support__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.copy-what-mv {
  position: relative;
}
.copy-what-mv__wrap {
  display: flex;
  justify-content: center;
  gap: 60px;
}
.copy-what-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
.copy-what-mv__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.copy-what-mv__head small {
  font-size: 21px;
  line-height: 1;
}
.copy-what-mv__head span {
  display: flex;
  gap: 5px;
  white-space: nowrap;
  font-size: 60px;
  line-height: 1.5;
}
.copy-what-mv__head em {
  color: #2685bc;
}
.copy-what-mv__txt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 43px;
  margin-bottom: 30px;
  font-size: 17px;
  font-weight: bold;
  color: #000;
  border-radius: 43px;
  background: #f3c100;
}
.copy-what-mv__icon {
  width: fit-content;
}
.copy-what-mv__icon img {
  width: 100%;
}
.copy-what-mv__image {
  width: fit-content;
  margin-top: auto;
}
.copy-what-mv__image img {
  width: 100%;
}
.copy-what-mv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-what-mv__fig {
    display: block;
  }
}
.copy-what-mv__fig img {
  width: 100%;
}
.copy-what-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-what-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copy-work-choice {
  --_color: #b50808;
  margin-top: 25px;
}
.copy-work-choice__intro {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 186px;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: var(--_color);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-work-choice__intro {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    padding: 20px 15px 0;
  }
}
.copy-work-choice__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding-top: 5px;
}
.copy-work-choice__item dt {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  padding: 7px 25px;
  border-radius: 18px;
  background: #fcd03d;
}
.copy-work-choice__item dt i {
  position: relative;
  flex-shrink: 0;
  width: 13px;
  padding-right: 8px;
  box-sizing: content-box;
}
.copy-work-choice__item dt i::before {
  content: "";
  position: absolute;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #222;
}
.copy-work-choice__item dt i img {
  width: 100%;
}
.copy-work-choice__item dd {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  line-height: 1.6;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
.copy-work-choice__fig {
  position: absolute;
  width: 284px;
  bottom: 0;
  right: 50px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-work-choice__fig {
    position: inherit;
    bottom: auto;
    right: auto;
  }
}
.copy-work-choice__fig img {
  width: 100%;
}
.copy-work-choice__row {
  display: grid;
  grid-template-columns: 65% 28%;
  justify-content: space-between;
  padding: 30px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .copy-work-choice__row {
    display: flex;
    flex-direction: column;
    padding: 0 0 20px;
    border: 1px solid #d9dae0;
    background: #fbfaf0;
  }
}
.copy-work-choice__row + .copy-work-choice__row {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .copy-work-choice__row + .copy-work-choice__row {
    margin-top: 1px;
  }
}
.copy-work-choice__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  min-width: 185px;
  height: 37px;
  margin-bottom: 10px;
  padding: 10px 20px;
  white-space: nowrap;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 37px;
  background: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .copy-work-choice__heading {
    width: 100%;
    min-height: 72px;
    margin-bottom: 15px;
    padding: 20px 10px;
    font-size: 20px;
    border-radius: 0;
  }
}
.copy-work-choice__heading::before {
  content: attr(data-attr);
  padding-right: 9px;
  font-weight: 600;
  line-height: 1;
  font-family: "DIN 2014", din-2014, sans-serif;
  text-transform: uppercase;
  border-right: 1px dotted #fff;
}
@media screen and (max-width: 768px) {
  .copy-work-choice__heading::before {
    font-size: 16px;
  }
}
.copy-work-choice__lead {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--_main-color);
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .copy-work-choice__lead {
    padding: 0 15px;
  }
}
.copy-work-choice__data {
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .copy-work-choice__data {
    padding: 0 15px;
  }
}
.copy-work-choice__txt {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .copy-work-choice__txt {
    font-size: 16px;
  }
}
.copy-work-choice__list li {
  display: flex;
  font-size: 13px;
}
.copy-work-choice__list li::before {
  content: "・";
}
.copy-work-choice__image {
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .copy-work-choice__image {
    width: 205px;
    margin: 0 auto;
  }
}
.copy-work-choice__image img {
  width: 100%;
}

.copy-guide-links {
  margin-top: 15px;
  border: 1px solid #2685bc;
}
.copy-guide-links__intro {
  display: grid;
  grid-template-columns: 1fr 300px;
  padding-left: 35px;
  color: #fff;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-guide-links__intro {
    grid-template-columns: 1fr;
    padding-left: 0;
  }
}
.copy-guide-links__head {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .copy-guide-links__head {
    min-height: 57px;
    padding: 15px;
  }
}
.copy-guide-links__head::before {
  content: "";
  flex-shrink: 0;
  width: 21.29px;
  height: 18.4px;
  margin-right: 25px;
  background-color: #fff;
  mask-image: url("../img/copy/common/book.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.copy-guide-links__head::after {
  content: "";
  position: absolute;
  height: 20px;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
@media screen and (max-width: 768px) {
  .copy-guide-links__head::after {
    left: 50px;
  }
}
.copy-guide-links__head small {
  margin-left: 20px;
  padding: 0 10px;
  font-size: 10px;
  line-height: 2;
  font-weight: 400;
  border-radius: 20px;
  background: #12425e;
}
.copy-guide-links__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 57px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  background: #70B53D;
}
.copy-guide-links__more::before {
  content: "▶︎";
}
.copy-guide-links__more span {
  text-decoration: underline;
}
.copy-guide-links__wrap {
  position: relative;
  padding: 30px 300px 30px 40px;
  z-index: 1;
  background: #fbfbfb;
}
@media screen and (max-width: 768px) {
  .copy-guide-links__wrap {
    padding: 15px 20px;
  }
}
.copy-guide-links__item {
  line-height: 1.6;
}
.copy-guide-links__lead {
  word-break: auto-phrase;
  font-size: 18px;
  font-weight: bold;
  color: #2685bc;
}
.copy-guide-links__txt {
  min-width: 343px;
  max-width: 55%;
  margin-top: 10px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .copy-guide-links__txt {
    min-width: 0;
    max-width: 100%;
  }
}
.copy-guide-links__bg {
  position: absolute;
  width: fit-content;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-guide-links__bg {
    display: none;
  }
}
.copy-guide-links__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copy-maker-buy {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-maker-buy {
    grid-template-columns: 1fr;
    gap: 1px;
  }
}
.copy-maker-buy__item {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .copy-maker-buy__item {
    position: relative;
  }
}
.copy-maker-buy__item dt {
  display: flex;
  justify-content: center;
  padding: 10px;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #E8442A;
}
@media screen and (max-width: 768px) {
  .copy-maker-buy__item dt {
    justify-content: flex-start;
    position: relative;
    padding: 15px 30px;
    font-size: 20px;
  }
}
.copy-maker-buy__item dt i {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-maker-buy__item dt i {
    position: absolute;
    display: block;
    width: 9px;
    height: 16px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }
}
.copy-maker-buy__item dt i img {
  width: 100%;
}
.copy-maker-buy__item dd {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  border: 1px solid #E7E7E7;
}
@media screen and (max-width: 768px) {
  .copy-maker-buy__item dd {
    display: contents;
  }
}
@media screen and (max-width: 768px) {
  .copy-maker-buy__item dd span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
}
.copy-maker-buy__item dd em {
  font-weight: bold;
  color: #E8442B;
}
.copy-maker-buy__item dd a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  width: 100%;
  height: 33px;
  margin-top: auto;
  padding: 0 25px;
  font-size: 12px;
  font-weight: bold;
  color: #E8442B;
  border: 1px solid currentColor;
  border-radius: 33px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .copy-maker-buy__item dd a {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0;
    left: 0;
    color: rgba(255, 255, 255, 0);
    border: none;
    background: none;
  }
}
.copy-maker-buy__item dd a::before {
  content: "▶︎";
}
.copy-maker-buy__item dd a:hover {
  opacity: 1;
  color: #fff;
  background: var(--_color, #005BAC);
}
@media screen and (max-width: 768px) {
  .copy-maker-buy__item dd a:hover {
    opacity: 0;
  }
}

.copy-maker-point {
  position: relative;
  margin-top: 40px;
  padding: 38px 20px 16px;
  background: #D9F2F9;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-maker-point {
    display: flex;
    flex-direction: column;
    margin: 40px -4vw 0;
    padding: 0 4vw 15px;
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .copy-maker-point::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: calc(100% - 100px);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #D9F2F9;
    z-index: -1;
  }
}
.copy-maker-point__intro {
  margin-bottom: 50px;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .copy-maker-point__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    padding: 0;
  }
}
.copy-maker-point__head {
  display: flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  height: 35px;
  margin-bottom: 15px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border-radius: 35px;
  background: #84b200;
}
@media screen and (max-width: 768px) {
  .copy-maker-point__head {
    margin-bottom: 10px;
  }
}
.copy-maker-point__head i {
  flex-shrink: 0;
  width: 20px;
  height: 15px;
  padding-right: 5px;
  box-sizing: content-box;
  border-right: 1px dashed #fff;
}
.copy-maker-point__head i img {
  width: 100%;
}
.copy-maker-point__lead {
  font-size: 21px;
  font-weight: bold;
  color: #2685bc;
  line-height: 1.6;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .copy-maker-point__lead {
    font-size: 20px;
    text-align: center;
  }
}
.copy-maker-point__image {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-maker-point__image {
    position: relative;
    order: -1;
    top: auto;
    right: auto;
    margin: 0 -4vw;
    z-index: 1;
  }
}
.copy-maker-point__image img {
  width: 100%;
}
.copy-maker-point__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .copy-maker-point__columns {
    grid-template-columns: 1fr;
  }
}
.copy-maker-point__column {
  line-height: 1.6;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .copy-maker-point__column {
    background: none;
  }
}
.copy-maker-point__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .copy-maker-point__column dt {
    flex-direction: row;
    gap: 0;
    margin-bottom: 1px;
    font-size: 18px;
    line-height: 1.3;
    text-align: left;
    background: #fff;
  }
}
.copy-maker-point__column dt i {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .copy-maker-point__column dt i {
    flex-shrink: 0;
    width: 115px;
  }
}
.copy-maker-point__column dt i img {
  width: 100%;
}
.copy-maker-point__column dd {
  padding: 10px 10px 15px;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .copy-maker-point__column dd {
    padding: 10px 20px;
    font-size: 14px;
    background: #F5FCFD;
  }
}

.copy-strong-point {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-strong-point {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
}
.copy-strong-point__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  background: #F9F9FA;
}
@media screen and (max-width: 768px) {
  .copy-strong-point__item {
    gap: 5px;
  }
}
.copy-strong-point__item i {
  width: 100%;
}
.copy-strong-point__item i img {
  width: 100%;
}
.copy-strong-point__item span {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .copy-strong-point__item span {
    margin-top: 5px;
    font-size: 11px;
  }
}
.copy-strong-point__item em {
  font-size: 21px;
  color: #E8442B;
}
@media screen and (max-width: 768px) {
  .copy-strong-point__item em {
    font-size: 17px;
  }
}

.copy-mac {
  position: relative;
  padding: 45px 340px 30px 30px;
  background: #f9f9fa;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-mac {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 0;
    background: none;
  }
}
.copy-mac__lead {
  font-size: 17px;
  color: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-mac__lead {
    font-size: 23px;
    line-height: 1.7391304348;
    font-weight: bold;
  }
}
.copy-mac__txt {
  font-size: 15px;
  color: #434343;
}
@media screen and (max-width: 768px) {
  .copy-mac__txt {
    font-size: 16px;
    line-height: 1.875;
  }
}
.copy-mac__txt em {
  font-weight: bold;
  text-decoration: underline;
}
.copy-mac__bg {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-mac__bg {
    position: inherit;
    aspect-ratio: 360/176;
    order: -1;
    width: 100%;
    top: auto;
    right: auto;
    z-index: 0;
  }
}
.copy-mac__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .copy-mac__bg img {
    object-position: top;
  }
}

.copy-color-intro {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-color-intro {
    flex-direction: column;
    align-items: center;
  }
}
.copy-color-intro__item {
  flex-grow: 1;
}
.copy-color-intro__lead {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}
.copy-color-intro__lead > span {
  flex-shrink: 0;
  width: 74px;
}
.copy-color-intro__lead > span img {
  width: 100%;
}
.copy-color-intro__lead em {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .copy-color-intro__lead em {
    font-size: 17px;
  }
}
.copy-color-intro__lead em span {
  color: #e8442a;
}
.copy-color-intro__txt {
  font-size: 18px;
  color: #333;
}
@media screen and (max-width: 768px) {
  .copy-color-intro__txt {
    font-size: 15px;
  }
}
.copy-color-intro__txt em {
  font-weight: bold;
  background: linear-gradient(transparent 85%, #fff100 15%);
}
.copy-color-intro__image {
  flex-shrink: 0;
  width: 219px;
}
@media screen and (max-width: 768px) {
  .copy-color-intro__image {
    order: -1;
  }
}
.copy-color-intro__image img {
  width: 100%;
}

.copy-color-scene {
  position: relative;
  padding: 30px 20px 0;
  background: #f9fafe;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-color-scene {
    padding: 0;
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .copy-color-scene.-mono {
    position: relative;
    padding: 30px 20px;
    background: #f9fafe;
  }
}
@media screen and (max-width: 768px) {
  .copy-color-scene.-mono::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(249, 250, 254, 0.7);
    z-index: -1;
  }
}
.copy-color-scene__lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.copy-color-scene__lead span {
  display: flex;
  gap: 9px;
  padding: 7px 18px;
  color: #fff;
  border-radius: 38px;
  background: var(--_color);
}
@media screen and (max-width: 768px) {
  .copy-color-scene__lead span {
    display: none;
  }
}
.copy-color-scene__lead span i {
  position: relative;
  flex-shrink: 0;
  width: 16px;
  padding-right: 10px;
  box-sizing: content-box;
}
.copy-color-scene__lead span i::before {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.copy-color-scene__lead span i img {
  width: 100%;
}
.copy-color-scene__lead em {
  font-size: 24px;
  font-weight: bold;
  color: var(--_color);
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .copy-color-scene__lead em {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .-mono > .copy-color-scene__lead {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .-mono > .copy-color-scene__lead span {
    display: flex;
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .-mono > .copy-color-scene__lead em {
    word-break: auto-phrase;
    font-size: 24px;
    text-align: center;
  }
}
.copy-color-scene__txt {
  margin-bottom: 30px;
  padding-right: 260px;
  font-size: 15px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .copy-color-scene__txt {
    margin-bottom: 10px;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .-mono > .copy-color-scene__txt {
    margin-bottom: 30px;
  }
}
.copy-color-scene__bg {
  position: absolute;
  width: fit-content;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-color-scene__bg {
    display: none;
  }
}
.copy-color-scene__bg img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .-mono > .copy-color-scene__bg {
    display: block;
    z-index: -2;
  }
}
@media screen and (max-width: 768px) {
  .-mono > .copy-color-scene__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.copy-color-scene__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .copy-color-scene__columns {
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .copy-color-scene__columns.-mono {
    display: flex;
  }
}
.copy-color-scene__column {
  display: flex;
  flex-direction: column;
}
.-mono > .copy-color-scene__column {
  flex-shrink: 0;
  width: 240px;
}
.copy-color-scene__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: var(--_color);
}
@media screen and (max-width: 768px) {
  .copy-color-scene__heading {
    height: auto;
    padding: 10px 0;
    font-size: 14px;
  }
}
.copy-color-scene__image img {
  width: 100%;
}

.copy-color-work {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-color-work {
    grid-template-columns: 1fr;
  }
}
.copy-color-work__column {
  background: #f3f3f3;
}
.copy-color-work__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #8fc31f;
}
@media screen and (max-width: 768px) {
  .copy-color-work__heading {
    justify-content: flex-start;
    gap: 14px;
    padding: 4px 6px;
  }
}
.copy-color-work__heading i {
  position: absolute;
  width: 58px;
  top: -20px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .copy-color-work__heading i {
    position: inherit;
    width: 50px;
    top: auto;
    left: auto;
  }
}
.copy-color-work__heading i img {
  width: 100%;
}
.copy-color-work__image img {
  width: 100%;
}
.copy-color-work__item {
  padding: 20px;
}
.copy-color-work__lead {
  margin-bottom: 15px;
  padding-bottom: 15px;
  word-break: auto-phrase;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
.copy-color-work__lead span {
  color: #8fc31f;
}
.copy-color-work__txt {
  font-size: 14px;
}

.copy-contents-nav__rows {
  margin-top: 25px;
}
.copy-contents-nav__row + .copy-contents-nav__row {
  margin-top: 40px;
}
.copy-contents-nav__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 60px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-contents-nav__columns {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}
.copy-contents-nav__columns.-type-1 {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 30px;
}
@media screen and (max-width: 768px) {
  .copy-contents-nav__columns.-type-1 {
    grid-template-columns: 1fr;
  }
}
.copy-contents-nav__column {
  padding-bottom: 15px;
  border: 1px solid #eee;
}
.copy-contents-nav__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #1782b7;
  z-index: 1;
}
.copy-contents-nav__icon {
  position: absolute;
  width: 30px;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.copy-contents-nav__icon img {
  width: 100%;
}
.copy-contents-nav__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-contents-nav__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.copy-contents-nav__txt {
  position: relative;
  margin-bottom: 10px;
  padding: 15px 15px 10px;
  font-size: 15px;
}
.copy-contents-nav__txt::before {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 1px solid #eee;
}
.copy-contents-nav__links {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  padding: 0 15px;
}
.copy-contents-nav__links.-vertical {
  flex-direction: column;
  align-items: center;
  padding: 0;
}
.copy-contents-nav__links.-center {
  justify-content: center;
}
.copy-contents-nav__link a {
  display: flex;
  align-items: center;
  gap: 0.25em;
  font-size: 12px;
  color: #1782b7;
}
.copy-contents-nav__link a::after {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #1782b7;
  border-bottom: 1px solid #1782b7;
  rotate: -45deg;
}
.copy-contents-nav__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 0 15px;
}
.copy-contents-nav__item dt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  padding: 3px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  border: 1px solid #eee;
}
.copy-contents-nav__terms {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 15px;
  padding: 0 15px;
}
.copy-contents-nav__term a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  min-height: 45px;
  padding: 13px;
  word-break: auto-phrase;
  font-size: 12px;
  color: #06a;
  line-height: 1.2;
  border: 1px solid #eee;
}
.copy-contents-nav__term a::after {
  content: "〉";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.copy-mono-cv {
  position: relative;
}
.copy-mono-cv__wrap {
  display: flex;
  justify-content: space-between;
  max-width: 810px;
  margin: 0 auto;
}
.copy-mono-cv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 430px;
  min-height: 300px;
  color: #fff;
}
.copy-mono-cv__lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 9px;
}
.copy-mono-cv__lead span {
  font-size: 14px;
  line-height: 1.6;
}
.copy-mono-cv__lead em {
  font-weight: bold;
  font-size: 40px;
  line-height: 1.3;
}
.copy-mono-cv__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px 30px;
  margin-bottom: 15px;
}
.copy-mono-cv__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 180px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-mono-cv__list li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
  }
}
.copy-mono-cv__list li i {
  flex-shrink: 0;
  width: 22px;
}
.copy-mono-cv__list li i img {
  width: 100%;
}
.copy-mono-cv__list li span {
  display: flex;
  justify-content: center;
}
.copy-mono-cv__txt {
  padding: 7px 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  border: 1px solid #fff;
  border-radius: 60px;
}
.copy-mono-cv__image {
  margin-top: auto;
  width: 304px;
}
.copy-mono-cv__image img {
  width: 100%;
}
.copy-mono-cv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-mono-cv__fig {
    display: block;
  }
}
.copy-mono-cv__fig img {
  width: 100%;
}
.copy-mono-cv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-mono-cv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copy-pages-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: var(--_margin-top-PC, 0);
}
@media screen and (max-width: 768px) {
  .copy-pages-category {
    margin-top: var(--_margin-top-SP, var(--_margin-top-PC, 0));
    border: 1px solid #2685bc;
  }
}
.copy-pages-category__column {
  flex-shrink: 0;
  flex-grow: 1;
  width: 245px;
  max-width: calc(50% - 20px);
  padding: 15px;
  color: #fff;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-pages-category__column {
    width: 100%;
    max-width: 100%;
    color: inherit;
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .copy-pages-category__column + .copy-pages-category__column {
    border-top: 1px solid #2685bc;
  }
}
.copy-pages-category__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  line-height: 1.6;
  border-bottom: 1px solid #93c2de;
}
@media screen and (max-width: 768px) {
  .copy-pages-category__heading {
    flex-direction: row;
    gap: 5px;
    border-bottom: 1px solid #c9c9c9;
  }
}
.copy-pages-category__heading span {
  padding: 0 10px;
  font-size: 15px;
  color: #2685bc;
  border-radius: 15px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .copy-pages-category__heading span {
    color: #fff;
    background: #2685bc;
  }
}
.copy-pages-category__heading em {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .copy-pages-category__heading em {
    font-size: 15px;
  }
}
.copy-pages-category__heading em i {
  flex-shrink: 0;
  width: fit-content;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  .copy-pages-category__heading em i {
    display: none;
  }
}
.copy-pages-category__heading em i img {
  width: 100%;
}
.copy-pages-category__heading em small {
  font-size: 11px;
  line-height: 1.6363636364;
}

.copy-pages-proposal__wrap {
  position: relative;
  padding: 30px 40px;
  background: #f5f6f8;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-pages-proposal__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 2.6666666667vw;
  }
}
.copy-pages-proposal__head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 5px;
  font-size: 21px;
  line-height: 2.2857142857;
  font-weight: bold;
  color: var(--_color);
}
@media screen and (max-width: 768px) {
  .copy-pages-proposal__head {
    justify-content: center;
    line-height: 1.6;
    text-align: center;
  }
}
.copy-pages-proposal__head i {
  position: relative;
  flex-shrink: 0;
  width: 28px;
  padding-right: 10px;
  box-sizing: content-box;
}
.copy-pages-proposal__head i::after {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted currentColor;
}
.copy-pages-proposal__head i img {
  width: 100%;
}
.copy-pages-proposal__lead {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-pages-proposal__lead {
    word-break: auto-phrase;
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
  }
}
.copy-pages-proposal__txt {
  font-size: 15px;
  color: #434343;
}
.copy-pages-proposal__image {
  position: absolute;
  width: fit-content;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-pages-proposal__image {
    width: 100vw;
    right: 50%;
    transform: translateX(50%);
    background: #f5f6f8;
  }
}
.copy-pages-proposal__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .copy-pages-proposal__image.-type-1 img {
    object-position: 170px top;
  }
}
@media screen and (max-width: 768px) {
  .copy-pages-proposal__image.-type-2 img {
    object-position: 250px 60px;
  }
}

.copy-size-intro {
  position: relative;
  padding: 35px 30px 30px;
  background: #f9f9fa;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-size-intro {
    padding: 45px 30px 30px;
  }
}
.copy-size-intro__item {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .copy-size-intro__item {
    width: 100%;
  }
}
.copy-size-intro__lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .copy-size-intro__lead {
    align-items: center;
  }
}
.copy-size-intro__lead span {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 9px;
  height: 38px;
  padding: 0 20px;
  font-size: 15px;
  color: #fff;
  border-radius: 80px;
  background: #2685BF;
}
.copy-size-intro__lead span i {
  position: relative;
  flex-shrink: 0;
  width: 19px;
  padding-right: 4px;
  box-sizing: content-box;
}
.copy-size-intro__lead span i::after {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.copy-size-intro__lead span i img {
  width: 100%;
}
.copy-size-intro__lead em {
  font-size: 18px;
  color: #2685bc;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-size-intro__lead em {
    word-break: auto-phrase;
    font-weight: bold;
    text-align: center;
  }
}
.copy-size-intro__txt {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .copy-size-intro__txt {
    padding: 20px;
    color: #434343;
    background: rgba(255, 255, 255, 0.9);
  }
}
.copy-size-intro__txt em {
  color: #2685bc;
}
.copy-size-intro__bg {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
.copy-size-intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copy-size-scene {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .copy-size-scene {
    grid-template-columns: 1fr;
  }
}
.copy-size-scene__column {
  background: #f3f3f3;
}
.copy-size-scene__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.copy-size-scene__column dt::before {
  content: attr(data-num);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-size-scene__column dt::before {
    font-size: 15px;
    font-weight: 400;
  }
}
.copy-size-scene__column dt i {
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .copy-size-scene__column dt i {
    margin-bottom: 20px;
  }
}
.copy-size-scene__column dt i img {
  width: 100%;
}
.copy-size-scene__column dt span {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .copy-size-scene__column dt span {
    word-break: auto-phrase;
    font-size: 18px;
  }
}
.copy-size-scene__column dd {
  padding: 10px 20px 20px;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-size-scene__column dd {
    font-size: 14px;
  }
}
.copy-size-scene__column.-type-1 dt i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 135px;
  padding: 15px;
}
.copy-size-scene__column.-type-1 dt i img {
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 768px) {
  .copy-take-care {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .copy-take-care.-type-1 {
    display: block;
    margin: 0 -4vw;
  }
}
.copy-take-care__head {
  padding: 30px 50px;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .copy-take-care__head {
    display: flex;
    justify-content: center;
    padding: 20px 5.3333333333vw;
    font-size: 22px;
    line-height: 1.2em;
    text-align: left;
  }
}
.copy-take-care__wrap {
  position: relative;
  min-height: 274px;
  padding: 45px 50px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .copy-take-care__wrap {
    min-height: 0;
    padding: 20px 5.3333333333vw;
  }
}
.copy-take-care__lead {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .copy-take-care__lead {
    word-break: auto-phrase;
    font-size: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .copy-take-care__list {
    width: fit-content;
    margin: 0 auto;
  }
}
.copy-take-care__list li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  font-size: 16px;
  line-height: 1.6;
}
.copy-take-care__list li + li {
  margin-top: 3px;
}
.copy-take-care__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-take-care__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copy-printer-mv {
  background: linear-gradient(to right, rgb(229, 229, 229) 0%, rgb(247, 247, 247) 29%, rgb(255, 255, 255) 54%, rgb(247, 247, 247) 80%, rgb(247, 247, 247) 100%);
}
.copy-printer-mv__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 800px;
  min-height: 300px;
  z-index: 1;
}
.copy-printer-mv__item {
  width: 600px;
}
.copy-printer-mv__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.copy-printer-mv__head small {
  margin-bottom: 10px;
  font-size: 18px;
  color: #70707e;
  line-height: 1.6;
}
.copy-printer-mv__head em {
  margin-bottom: 20px;
  font-size: 45px;
  line-height: 1;
  font-weight: bold;
  color: #0f0f0f;
}
.copy-printer-mv__head i {
  width: 116px;
}
.copy-printer-mv__head i img {
  width: 100%;
}
.copy-printer-mv__columns {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.copy-printer-mv__column {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  color: #111;
  line-height: 1.3;
}
.copy-printer-mv__column i {
  flex-shrink: 0;
  width: fit-content;
}
.copy-printer-mv__column i img {
  width: 100%;
}
.copy-printer-mv__column + .copy-printer-mv__column::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: -20px;
  background: #70707e;
}
.copy-printer-mv__image {
  position: absolute;
  width: 400px;
  top: 0;
  right: 0;
  z-index: -1;
}
.copy-printer-mv__image img {
  width: 100%;
}
.copy-printer-mv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-printer-mv__fig {
    display: block;
    width: 100%;
  }
}
.copy-printer-mv__fig img {
  width: 100%;
}

.copy-printer-intro {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .copy-printer-intro {
    position: relative;
    margin-top: 25px;
    padding: 20px 0;
  }
}
.copy-printer-intro__item {
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .copy-printer-intro__item {
    width: 100%;
    padding: 0;
  }
}
.copy-printer-intro__item dt {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: bold;
  color: #434343;
}
@media screen and (max-width: 768px) {
  .copy-printer-intro__item dt {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding: 15px;
    color: #fff;
    background: #e8442a;
  }
}
.copy-printer-intro__item dd {
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
}
.copy-printer-intro__list li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  font-size: 15px;
  line-height: 1.6;
  color: #434343;
}
.copy-printer-intro__list li i img {
  width: 100%;
}
.copy-printer-intro__list li + li {
  margin-top: 5px;
}
.copy-printer-intro__image {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .copy-printer-intro__image {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
.copy-printer-intro__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .copy-printer-intro__image img {
    height: 100%;
    object-fit: cover;
  }
}

.copy-printer-scene {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-printer-scene {
    display: flex;
  }
}
.copy-printer-scene__column {
  color: #fff;
  background: #f26419;
}
@media screen and (max-width: 768px) {
  .copy-printer-scene__column {
    flex-shrink: 0;
    width: 250px;
  }
}
.copy-printer-scene__column::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 29px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  background: #d05615;
}
.copy-printer-scene__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 61px;
  text-align: center;
}
.copy-printer-scene__image img {
  width: 100%;
}

.copy-quality-point {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .copy-quality-point {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.copy-quality-point__column {
  background: #f3f3f3;
}
.copy-quality-point__heading {
  display: flex;
  justify-content: center;
  padding: 10px;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #2685bc;
}
.copy-quality-point__image img {
  width: 100%;
}
.copy-quality-point__txt {
  padding: 20px;
  font-size: 15px;
}

.copy-quality-desc {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
  padding: 30px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .copy-quality-desc {
    flex-direction: column;
    padding: 20px 30px 30px;
  }
}
.copy-quality-desc__head {
  display: flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin-bottom: 15px;
  padding: 7px 20px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  border-radius: 80px;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-quality-desc__head {
    margin: 0 auto 15px;
  }
}
.copy-quality-desc__head i {
  position: relative;
  flex-shrink: 0;
  width: 19px;
  padding-right: 4px;
  box-sizing: content-box;
}
.copy-quality-desc__head i::after {
  content: "";
  position: absolute;
  height: 11px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dotted currentColor;
}
.copy-quality-desc__head i img {
  width: 100%;
}
.copy-quality-desc__lead {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #2685bc;
}
.copy-quality-desc__txt {
  font-size: 15px;
  color: #434343;
}
.copy-quality-desc__image {
  flex-shrink: 0;
  width: 350px;
}
@media screen and (max-width: 768px) {
  .copy-quality-desc__image {
    order: -1;
    width: 100%;
  }
}
.copy-quality-desc__image img {
  width: 100%;
}

.copy-support-mv {
  background: #41a4c4;
}
.copy-support-mv__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.copy-support-mv__item {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 516px;
}
.copy-support-mv__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}
.copy-support-mv__head small {
  font-size: 16px;
}
.copy-support-mv__head em {
  font-size: 43px;
}
.copy-support-mv__head i img {
  width: 100%;
}
.copy-support-mv__txt {
  display: flex;
  justify-content: center;
  width: 476px;
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: bold;
  color: #fff;
  background: #222b2e;
}
.copy-support-mv__columns {
  display: flex;
  justify-content: center;
}
.copy-support-mv__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 158px;
  font-size: 14px;
  font-weight: bold;
  color: #222b2e;
  text-align: center;
}
.copy-support-mv__column i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 50px;
}
.copy-support-mv__column i img {
  width: 100%;
}
.copy-support-mv__column + .copy-support-mv__column {
  border-left: 1px solid #222b2e;
}
.copy-support-mv__image {
  flex-shrink: 0;
  width: 469px;
}
.copy-support-mv__image img {
  width: 100%;
}
.copy-support-mv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-support-mv__fig {
    display: block;
  }
}
.copy-support-mv__fig img {
  width: 100%;
}

.copy-support-intro {
  position: relative;
  display: flex;
  max-width: 770px;
  padding: 20px 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .copy-support-intro {
    flex-direction: column;
    padding-bottom: 0;
  }
}
.copy-support-intro__list li {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-support-intro__list li {
    padding: 10px 0;
  }
}
.copy-support-intro__list li i {
  font-size: 10px;
  line-height: 1.6;
  color: #e8442a;
}
.copy-support-intro__list li i span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: #fff;
  background: #e8442a;
}
.copy-support-intro__list li span {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  background: linear-gradient(transparent 60%, #fadad4 60%);
}
.copy-support-intro__list li + li {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .copy-support-intro__list li + li {
    margin-top: 0;
  }
}
.copy-support-intro__foot {
  position: absolute;
  width: 428px;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .copy-support-intro__foot {
    position: inherit;
    width: 100%;
    bottom: auto;
    right: auto;
    padding: 20px 30px;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    background: #f6f6f6;
  }
}
.copy-support-intro__foot b {
  color: #e8442a;
}
.copy-support-intro__foot img {
  width: 100%;
}

.copy-support-about__lead {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.6;
}
.copy-support-about__lead em {
  color: #e8442a;
}
.copy-support-about__row {
  margin-top: 30px;
}
.copy-support-about__txt {
  margin-top: 30px;
  font-size: 15px;
}
.copy-support-about__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-support-about__columns {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.copy-support-about__column {
  border: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .copy-support-about__column {
    display: grid;
    grid-template-columns: 100px 1fr;
    align-items: center;
  }
}
.copy-support-about__column dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  padding: 5px;
  font-size: 14px;
  line-height: 2;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .copy-support-about__column dt {
    flex-direction: column;
  }
}
.copy-support-about__column dt i img {
  width: 100%;
}
.copy-support-about__column dd {
  padding: 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .copy-support-about__column dd {
    padding: 10px 20px;
    text-align: left;
  }
}
.copy-support-about__point {
  margin-top: 30px;
  font-size: 19px;
  font-weight: bold;
}
.copy-support-about__point em {
  color: #e8442a;
}
.copy-support-about__list {
  margin-top: 30px;
}
.copy-support-about__list li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 12px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
}
.copy-support-about__list li i img {
  width: 100%;
}
.copy-support-about__list li + li {
  margin-top: 20px;
}

.copy-support-merit {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-support-merit {
    margin-top: 10px;
  }
}
.copy-support-merit__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .copy-support-merit__columns {
    grid-template-columns: 1fr;
  }
}
.copy-support-merit__column {
  border: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .copy-support-merit__column {
    display: grid;
    grid-template-columns: 47% 1fr;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .copy-support-merit__column i {
    height: 100%;
  }
}
.copy-support-merit__column i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .copy-support-merit__column i img {
    height: 100%;
    object-fit: cover;
  }
}
.copy-support-merit__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .copy-support-merit__item {
    padding: 5px 20px;
    word-break: auto-phrase;
    font-size: 13px;
  }
}
.copy-support-merit__item span {
  width: 100%;
  padding-bottom: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .copy-support-merit__item span {
    padding-bottom: 5px;
  }
}
.copy-support-merit__txt {
  font-size: 15px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .copy-support-merit__txt {
    font-size: 14px;
  }
}

.copy-support-system {
  margin-top: 30px;
}
.copy-support-system__head {
  padding: 10px 15px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #858585;
}
.copy-support-system__wrap {
  position: relative;
  min-height: 163px;
  padding: 20px 15px;
  background: #e5e5e5;
}
@media screen and (max-width: 768px) {
  .copy-support-system__wrap {
    min-height: 0;
  }
}
.copy-support-system__item {
  width: calc(100% - 230px);
}
@media screen and (max-width: 768px) {
  .copy-support-system__item {
    width: 100%;
  }
}
.copy-support-system__lead {
  font-size: 18px;
  font-weight: bold;
}
.copy-support-system__txt {
  font-size: 15px;
}
.copy-support-system__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 457px;
  padding: 10px;
  font-size: 15px;
  color: #858585;
  line-height: 1.6;
  border: 1px solid #858585;
  box-shadow: 3px 3px 0 #858585;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .copy-support-system__more {
    gap: 10px;
    width: 100%;
    font-size: 14px;
  }
}
.copy-support-system__more::after {
  content: "";
  aspect-ratio: 1;
  width: 12px;
  border-bottom: 2px solid #858585;
  border-right: 2px solid #858585;
  rotate: -45deg;
}
.copy-support-system__image {
  position: absolute;
  width: 182px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .copy-support-system__image {
    display: none;
  }
}
.copy-support-system__image img {
  width: 100%;
}

.copy-support-point__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .copy-support-point__columns {
    grid-template-columns: 1fr;
  }
}
.copy-support-point__column {
  border: 1px solid #eee;
}
.copy-support-point__column dt i img {
  width: 100%;
}
.copy-support-point__column dt span {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 20px;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .copy-support-point__column dt span {
    padding: 5px 20px;
  }
}
.copy-support-point__column dt span::before {
  content: attr(data-attr);
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
}
.copy-support-point__column dd {
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .copy-support-point__column dd {
    padding-bottom: 15px;
    font-size: 13px;
  }
}
.copy-support-point__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 385px;
  margin: 30px auto 0;
  padding: 8px 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .copy-support-point__more {
    width: 100%;
  }
}
.copy-support-point__more::after {
  content: "";
  aspect-ratio: 1;
  width: 12px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: -45deg;
}

.copy-age-mv {
  background: linear-gradient(to bottom, rgb(59, 146, 227) 0%, rgb(47, 129, 206) 100%);
}
.copy-age-mv__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 930px;
  margin-left: auto;
}
.copy-age-mv__item {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 300px;
}
.copy-age-mv__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.copy-age-mv__head small {
  font-size: 18px;
  line-height: 1.6;
}
.copy-age-mv__head em {
  font-size: 45px;
  font-weight: bold;
  line-height: 1.3;
}
.copy-age-mv__head i {
  width: 116px;
  margin-top: 12px;
}
.copy-age-mv__head i img {
  width: 100%;
}
.copy-age-mv__txt {
  display: flex;
  justify-content: center;
  width: 196px;
  padding: 8px 0;
  font-size: 15px;
  color: #fff;
  border-radius: 40px;
  background: #000;
}
.copy-age-mv__columns {
  display: flex;
  justify-content: center;
}
.copy-age-mv__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 158px;
  font-size: 14px;
  font-weight: bold;
  color: #222b2e;
  text-align: center;
}
.copy-age-mv__column i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 50px;
}
.copy-age-mv__column i img {
  width: 100%;
}
.copy-age-mv__column + .copy-age-mv__column {
  border-left: 1px solid #222b2e;
}
.copy-age-mv__image {
  flex-shrink: 0;
  width: 469px;
}
.copy-age-mv__image img {
  width: 100%;
}
.copy-age-mv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-age-mv__fig {
    display: block;
  }
}
.copy-age-mv__fig img {
  width: 100%;
}

.copy-installation-mv {
  background: #caeffc;
}
.copy-installation-mv__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.copy-installation-mv__item {
  flex-shrink: 0;
  width: 585px;
}
.copy-installation-mv__lead {
  margin-bottom: 16px;
  padding: 3px 15px 2px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  background: #d4be80;
}
.copy-installation-mv__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.copy-installation-mv__head i {
  flex-shrink: 0;
  width: 98px;
}
.copy-installation-mv__head i img {
  width: 100%;
}
.copy-installation-mv__head span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-weight: bold;
  color: #002f40;
  line-height: 1.3;
}
.copy-installation-mv__head span small {
  padding-left: 5px;
  font-size: 18px;
}
.copy-installation-mv__head span em {
  font-size: 45px;
}
.copy-installation-mv__columns {
  display: flex;
  justify-content: center;
}
.copy-installation-mv__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 0 23px;
  font-size: 15px;
  font-weight: bold;
  color: #002f40;
}
.copy-installation-mv__column:first-child {
  padding-left: 0;
}
.copy-installation-mv__column:last-child {
  padding-right: 0;
}
.copy-installation-mv__column + .copy-installation-mv__column {
  position: relative;
}
.copy-installation-mv__column + .copy-installation-mv__column::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 38px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #002f40;
}
.copy-installation-mv__image {
  flex-shrink: 0;
  width: 410px;
}
.copy-installation-mv__image img {
  width: 100%;
}
.copy-installation-mv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-installation-mv__fig {
    display: block;
  }
}
.copy-installation-mv__fig img {
  width: 100%;
}

.copy-installation-intro {
  position: relative;
  max-width: 730px;
  min-height: 210px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .copy-installation-intro {
    max-width: 100%;
    min-height: 0;
  }
}
.copy-installation-intro__txt {
  width: calc(100% - 210px);
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .copy-installation-intro__txt {
    width: 100%;
  }
}
.copy-installation-intro__txt em {
  font-weight: bold;
  color: #e8442a;
}
.copy-installation-intro__image {
  position: absolute;
  width: fit-content;
  right: 12px;
  bottom: -40px;
}
@media screen and (max-width: 768px) {
  .copy-installation-intro__image {
    display: none;
  }
}
.copy-installation-intro__image img {
  width: 100%;
}

.copy-installation-point__item dt {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: 30px;
  font-weight: 400;
  color: #fff;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-installation-point__item dt {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.copy-installation-point__item dt small {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25em;
  height: 57px;
  font-size: 15px;
  text-transform: uppercase;
  background: #206892;
}
@media screen and (max-width: 768px) {
  .copy-installation-point__item dt small {
    height: auto;
    padding: 6px 0 9px;
    font-size: 15px;
  }
}
.copy-installation-point__item dt small b {
  font-size: 21px;
  font-weight: 400;
}
.copy-installation-point__item dt span {
  font-size: 18px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-installation-point__item dt span {
    display: flex;
    justify-content: center;
    padding: 15px 20px;
    line-height: 1.4;
  }
}
.copy-installation-point__item dd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 30px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .copy-installation-point__item dd {
    flex-direction: column;
    gap: 20px;
    padding: 20px;
  }
}
.copy-installation-point__item + .copy-installation-point__item {
  margin-top: 30px;
}
.copy-installation-point__txt {
  font-size: 15px;
}
.copy-installation-point__image {
  flex-shrink: 0;
  width: 199px;
}
@media screen and (max-width: 768px) {
  .copy-installation-point__image {
    order: -1;
  }
}
.copy-installation-point__image img {
  width: 100%;
}

.copy-installation-example__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-installation-example__items {
    grid-template-columns: 1fr;
  }
}
.copy-installation-example__item {
  display: flex;
  flex-direction: column;
}
.copy-installation-example__heading {
  display: grid;
  grid-template-columns: 67px 1fr;
  font-weight: 400;
  color: #fff;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-installation-example__heading {
    grid-template-columns: 57px 1fr;
  }
}
.copy-installation-example__heading span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25em;
  height: 54px;
  font-size: 15px;
  background: #206892;
}
@media screen and (max-width: 768px) {
  .copy-installation-example__heading span {
    height: 70px;
  }
}
.copy-installation-example__heading span b {
  font-size: 17px;
  font-weight: 400;
}
.copy-installation-example__heading em {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding: 5px 30px;
  word-break: auto-phrase;
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .copy-installation-example__heading em {
    justify-content: flex-start;
    height: 70px;
    padding: 5px 20px;
    line-height: 1.3;
    text-align: left;
  }
}
.copy-installation-example__image img {
  width: 100%;
}
.copy-installation-example__note {
  margin-top: 30px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .copy-installation-example__note {
    margin-top: 20px;
    font-size: 15px;
  }
}

.copy-speed-point {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .copy-speed-point {
    grid-template-columns: 1fr;
    gap: 0;
    border: 1px solid #206791;
  }
}
.copy-speed-point__column {
  line-height: 1.6;
  background: #f3f3f3;
}
.copy-speed-point__column dt {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-speed-point__column dt {
    display: grid;
    grid-template-columns: 66px 1fr;
    font-size: 14px;
    background: #dfdddd;
  }
}
.copy-speed-point__column dt::before {
  content: attr(data-attr);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  font-size: 16px;
  text-transform: uppercase;
  background: #206791;
}
@media screen and (max-width: 768px) {
  .copy-speed-point__column dt::before {
    flex-direction: column;
    height: 100%;
    padding: 0 8px;
    word-break: break-all;
    font-size: 13px;
    line-height: 1.3;
  }
}
.copy-speed-point__column dt span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80px;
  word-break: auto-phrase;
}
@media screen and (max-width: 768px) {
  .copy-speed-point__column dt span {
    height: auto;
    padding: 3px 0 1px;
    color: #206791;
  }
}
.copy-speed-point__column dt small {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .copy-speed-point__column dt small {
    font-size: 13px;
  }
}
.copy-speed-point__column dd {
  display: grid;
  grid-template-columns: 1fr;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .copy-speed-point__column dd {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .copy-speed-point__column dd i {
    display: none;
  }
}
.copy-speed-point__column dd i img {
  width: 100%;
}
.copy-speed-point__column dd span {
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .copy-speed-point__column + .copy-speed-point__column {
    border-top: 1px solid #206791;
  }
}

.copy-speed-feature {
  display: grid;
  grid-template-columns: 1fr 285px;
  margin-top: 25px;
  background: #f8f9fb;
}
@media screen and (max-width: 768px) {
  .copy-speed-feature {
    position: relative;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .copy-speed-feature::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #f8f9fb;
  }
}
.copy-speed-feature__items {
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .copy-speed-feature__items {
    padding: 20px 0 50px;
  }
}
.copy-speed-feature__item {
  position: relative;
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: 15px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.6;
}
.copy-speed-feature__item i img {
  width: 100%;
}
.copy-speed-feature__item span b {
  color: #3975c3;
}
.copy-speed-feature__item small {
  position: absolute;
  bottom: -5px;
  right: 0;
  padding: 2px 10px 1px;
  font-size: 11px;
  border: 1px solid #bfbfbf;
  border-radius: 80px;
  background: #e7e7e7;
}
@media screen and (max-width: 768px) {
  .copy-speed-feature__item small {
    bottom: auto;
    top: calc(100% + 5px);
  }
}
.copy-speed-feature__item + .copy-speed-feature__item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .copy-speed-feature__item + .copy-speed-feature__item {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .copy-speed-feature__image {
    display: none;
  }
}
.copy-speed-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copy-used-mv {
  position: relative;
}
.copy-used-mv__wrap {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-used-mv__wrap {
    display: none;
  }
}
.copy-used-mv__mv img {
  width: 100%;
}
.copy-used-mv__more {
  position: absolute;
  width: min(30.5vw, 305px);
  bottom: 13px;
  right: 0;
}
.copy-used-mv__more img {
  width: 100%;
}
.copy-used-mv__image {
  display: none;
}
@media screen and (max-width: 768px) {
  .copy-used-mv__image {
    display: block;
  }
}
.copy-used-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-used-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.copy-price-comparison {
  margin-top: 25px;
}
.copy-price-comparison__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
.copy-price-comparison__table th, .copy-price-comparison__table td {
  height: 60px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .copy-price-comparison__table th, .copy-price-comparison__table td {
    font-size: 11px;
  }
}
.copy-price-comparison__table th {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .copy-price-comparison__table td {
    font-weight: 400;
  }
}
.copy-price-comparison__table thead th {
  color: #fff;
}
.copy-price-comparison__table thead th:nth-child(2) {
  background: #1782b7;
}
.copy-price-comparison__table thead th:nth-child(3) {
  background: #f26419;
}
.copy-price-comparison__table tbody th {
  background: #434343;
}
.copy-price-comparison__table tbody td {
  color: #1b3143;
  background: #f9f9fa;
}
.copy-price-comparison__table tbody td + td {
  color: #f26419;
  background: #f7f4ed;
}

.copy-ued-faq {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
  padding: 20px 20px 40px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .copy-ued-faq {
    position: relative;
    padding: 5.3333333333vw 0 8vw;
    z-index: -1;
  }
}
@media screen and (max-width: 768px) {
  .copy-ued-faq::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #f5f5f5;
    z-index: -1;
  }
}
.copy-ued-faq__head {
  max-width: 684px;
}
.copy-ued-faq__head img {
  width: 100%;
}
.copy-ued-faq__items {
  width: 100%;
  max-width: 660px;
}
@media screen and (max-width: 768px) {
  .copy-ued-faq__items {
    width: 100%;
  }
}
.copy-ued-faq__item {
  position: relative;
  line-height: 1.6;
  font-feature-settings: "palt";
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-ued-faq__item {
    min-height: 176px;
  }
}
.copy-ued-faq__item dt {
  display: contents;
}
.copy-ued-faq__item dt i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.copy-ued-faq__item dt i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.copy-ued-faq__item dt span {
  display: block;
  padding: 50px 150px 0 28px;
  font-size: 24px;
  font-weight: bold;
  color: #d71518;
}
@media screen and (max-width: 768px) {
  .copy-ued-faq__item dt span {
    padding: 13.3333333333vw 5.3333333333vw 0;
    font-size: 4.8vw;
  }
}
.copy-ued-faq__item dd {
  margin-top: 5px;
  padding: 0 150px 20px 28px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .copy-ued-faq__item dd {
    padding: 0 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.copy-ued-faq__item dd span {
  display: block;
  padding-top: 5px;
  border-top: 1px dotted #daba72;
}
.copy-ued-faq__item + .copy-ued-faq__item {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .copy-ued-faq__item + .copy-ued-faq__item {
    margin-top: 2.6666666667vw;
  }
}

.copy-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .copy-steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
  }
}
.copy-steps__column {
  display: flex;
  flex-direction: column;
  background: var(--_background);
}
.copy-steps__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 10px 20px 20px 25px;
  color: #fff;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-steps__item {
    padding-top: 15px;
  }
}
.copy-steps__item em {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.copy-steps__item em::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 1px;
  top: 21px;
  left: -25px;
  background: #fff;
}
.copy-steps__item em b {
  font-size: 24px;
}
.copy-steps__item span {
  font-size: 15px;
}
.copy-steps__image {
  order: -1;
}
.copy-steps__image img {
  width: 100%;
}

.copy-used-warranty {
  margin-top: 25px;
}
.copy-used-warranty__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.copy-used-warranty__item {
  position: relative;
  padding: 15px 37px;
  line-height: 1.6;
}
.copy-used-warranty__item dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  color: #ff4021;
}
.copy-used-warranty__item dt span {
  display: flex;
  justify-content: center;
  width: 135px;
  padding: 5px 0;
  font-size: 14px;
  border-top: 1px solid #ff4021;
  border-bottom: 1px solid #ff4021;
}
.copy-used-warranty__item dt em {
  font-size: 24px;
}
.copy-used-warranty__item dd {
  font-size: 15px;
}
.copy-used-warranty__item + .copy-used-warranty__item::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #ff4021;
}
.copy-used-warranty__bnr {
  width: 100%;
  margin-top: 30px;
}
.copy-used-warranty__bnr img {
  width: 100%;
}

.copy-new-intro {
  position: relative;
  margin-top: 25px;
  padding: 30px 40px 40px;
}
@media screen and (max-width: 768px) {
  .copy-new-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
    padding: 0 0 25px;
  }
}
.copy-new-intro.-type-1 {
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-new-intro.-type-1 {
    padding-bottom: 0;
  }
}
.copy-new-intro.-type-2 {
  background: #70b53d;
}
.copy-new-intro.-type-3 {
  background: #e87121;
}
.copy-new-intro.-type-4 {
  background: #9d19c1;
}
.copy-new-intro.-type-5 {
  background: #b50808;
}
.copy-new-intro__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .copy-new-intro__item {
    position: relative;
    align-items: center;
    padding-top: 25px;
  }
}
.copy-new-intro__item dt {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  line-height: 2.3333333333;
  font-weight: bold;
  color: #222;
  padding: 0 25px;
  border-radius: 18px;
  background: #fcd03d;
}
@media screen and (max-width: 768px) {
  .copy-new-intro__item dt {
    position: absolute;
    width: fit-content;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
    white-space: nowrap;
  }
}
.copy-new-intro__item dt i {
  position: relative;
  flex-shrink: 0;
  width: 13px;
  padding-right: 8px;
  box-sizing: content-box;
}
.copy-new-intro__item dt i::before {
  content: "";
  position: absolute;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #222;
}
.copy-new-intro__item dt i img {
  width: 100%;
}
.copy-new-intro__item dd {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  line-height: 1.6;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
@media screen and (max-width: 768px) {
  .copy-new-intro__item dd {
    font-size: 21px;
    line-height: 1.8;
    text-align: center;
  }
}
.-type-4 > .copy-new-intro__item dd {
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  .-type-4 > .copy-new-intro__item dd {
    font-size: 21px;
  }
}
.copy-new-intro__fig {
  position: absolute;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .copy-new-intro__fig {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    transform: none;
    overflow: hidden;
  }
}
.copy-new-intro__fig img {
  width: 100%;
}
.-type-1 > .copy-new-intro__fig {
  bottom: 0;
  right: 15%;
}
@media screen and (max-width: 768px) {
  .-type-1 > .copy-new-intro__fig {
    width: 270px;
    bottom: auto;
    right: auto;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 > .copy-new-intro__fig img {
    margin-bottom: -25px;
  }
}
.-type-2 > .copy-new-intro__fig {
  top: -20px;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .-type-2 > .copy-new-intro__fig {
    width: 303px;
    max-width: 100%;
    top: auto;
    right: auto;
  }
}
.-type-3 > .copy-new-intro__fig {
  top: 50%;
  right: 15%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .-type-3 > .copy-new-intro__fig {
    width: 212px;
    top: auto;
    right: auto;
    transform: none;
  }
}
.-type-4 > .copy-new-intro__fig {
  top: 55%;
  right: 15%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .-type-4 > .copy-new-intro__fig {
    top: auto;
    right: auto;
    transform: none;
  }
}
.-type-5 > .copy-new-intro__fig {
  top: 50%;
  right: 15%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .-type-5 > .copy-new-intro__fig {
    top: auto;
    right: auto;
    transform: none;
  }
}

.copy-new-lease__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-new-lease__columns {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.copy-new-lease__column {
  padding: 30px 20px;
  line-height: 1.6;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .copy-new-lease__column {
    padding: 15px 20px;
  }
}
.copy-new-lease__column dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
  padding-bottom: 10px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #b1b1b1;
}
@media screen and (max-width: 768px) {
  .copy-new-lease__column dt {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
.copy-new-lease__column dt i {
  width: 144px;
}
.copy-new-lease__column dt i img {
  width: 100%;
}
.copy-new-lease__column dt em {
  color: #2685bc;
}
.copy-new-lease__column dd {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .copy-new-lease__column dd {
    font-size: 14px;
    line-height: 1.7;
  }
}
.copy-new-lease__column dd em {
  font-weight: bold;
  color: #2685bc;
}
.copy-new-lease__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .copy-new-lease__wrap {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.copy-new-lease__prices {
  border: 1px solid #e7e7e7;
}
.copy-new-lease__price {
  display: grid;
  grid-template-columns: 100px 1fr;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-new-lease__price {
    grid-template-columns: 30% 1fr;
  }
}
.copy-new-lease__price dt {
  padding: 15px;
  font-size: 18px;
  color: #fff;
  background: #494c5e;
}
@media screen and (max-width: 768px) {
  .copy-new-lease__price dt {
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding: 15px 5px;
  }
}
.copy-new-lease__price dt em {
  font-size: 23px;
}
.copy-new-lease__price dd {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .copy-new-lease__price dd {
    justify-content: center;
    padding: 15px 5px;
  }
}
.copy-new-lease__price + .copy-new-lease__price dt {
  border-top: 1px solid #e7e7e7;
}
.copy-new-lease__price + .copy-new-lease__price dd {
  border-top: 1px solid #e7e7e7;
}
.copy-new-lease__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 636px;
}
@media screen and (max-width: 768px) {
  .copy-new-lease__list {
    grid-template-columns: 1fr;
  }
}
.copy-new-lease__list li {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
.copy-new-lease__list li::before {
  content: "・";
}

.copy-new-merit-demerit {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.copy-new-merit-demerit__tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.copy-new-merit-demerit__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #b1b1b1;
}
.copy-new-merit-demerit__btn[aria-selected=true].-merit {
  background: #b50808;
}
.copy-new-merit-demerit__btn[aria-selected=true].-demerit {
  background: #005bac;
}
.copy-new-merit-demerit__item[aria-hidden=true] {
  display: none;
}
.copy-new-merit-demerit__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 6px;
  padding: 30px 30px;
  background: var(--_background);
}
@media screen and (max-width: 768px) {
  .copy-new-merit-demerit__columns {
    grid-template-columns: 1fr;
    padding: 17px;
  }
}
.copy-new-merit-demerit__column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  background: #fff;
}
.copy-new-merit-demerit__column dt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 76px;
  padding: 10px 25px 10px 45px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .copy-new-merit-demerit__column dt {
    padding: 30px 10px 25px 30px;
  }
}
.copy-new-merit-demerit__column dt i {
  position: absolute;
  width: 60px;
  top: -2px;
  left: -7px;
}
@media screen and (max-width: 768px) {
  .copy-new-merit-demerit__column dt i {
    top: -8px;
    left: -17px;
  }
}
.copy-new-merit-demerit__column dt i img {
  width: 100%;
}
.copy-new-merit-demerit__column dt em {
  color: var(--_color);
}
.copy-new-merit-demerit__column dd {
  padding: 20px;
  font-size: 15px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .copy-new-merit-demerit__column dd {
    padding: 15px;
    font-size: 14px;
  }
}
.copy-new-merit-demerit__column dd em {
  font-weight: bold;
  color: var(--_color);
}

.copy-new-criteria {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px 20px;
}
@media screen and (max-width: 768px) {
  .copy-new-criteria {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.copy-new-criteria__column {
  padding: 25px 33px 30px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .copy-new-criteria__column {
    padding: 20px;
  }
}
.copy-new-criteria__column dt {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border-bottom: 1px solid #b1b1b1;
}
@media screen and (max-width: 768px) {
  .copy-new-criteria__column dt {
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 17px;
  }
}
.copy-new-criteria__column dt i {
  position: absolute;
  width: 60px;
  top: -27px;
  left: -40px;
}
@media screen and (max-width: 768px) {
  .copy-new-criteria__column dt i {
    top: -23px;
    left: -37px;
  }
}
.copy-new-criteria__column dt i img {
  width: 100%;
}
.copy-new-criteria__column dd {
  font-size: 15px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .copy-new-criteria__column dd {
    letter-spacing: 0.4px;
  }
}
.copy-new-criteria__column dd em {
  font-weight: bold;
  color: #70b53d;
}

.copy-new-lease-price {
  margin-top: 20px;
}
.copy-new-lease-price__table {
  width: 100%;
}
.copy-new-lease-price__table th, .copy-new-lease-price__table td {
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border: 1px solid #ebeaea;
}
.copy-new-lease-price__table thead th.-time {
  width: 40%;
  color: #fff;
  background: #494c5e;
}
.copy-new-lease-price__table thead th.-rate {
  width: 25%;
  color: #fff;
  background: #70b53d;
}
.copy-new-lease-price__table thead th.-price {
  width: 35%;
  background: #f9f9fa;
}
.copy-new-lease-price__table tbody td:last-child {
  text-align: left;
}
.copy-new-lease-price__note {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
}

.copy-new-compare {
  margin-top: 20px;
}
.copy-new-compare__table {
  table-layout: fixed;
  width: 100%;
  border-spacing: 2px;
  border-collapse: collapse;
  border-color: gray;
}
@media screen and (max-width: 768px) {
  .copy-new-compare__table {
    min-width: 758px;
  }
}
.copy-new-compare__table th, .copy-new-compare__table td {
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
}
.copy-new-compare__table th {
  color: #fff;
}
.copy-new-compare__table thead th {
  padding: 15px 20px 15px 30px;
  font-size: 20px;
  font-weight: 400;
}
.copy-new-compare__table thead th:first-child {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .copy-new-compare__table thead th:first-child {
    width: 146px;
  }
}
.copy-new-compare__table thead th.-lease {
  border-radius: 10px 0 0 0;
  background: #e87121;
}
.copy-new-compare__table thead th.-rental {
  border-radius: 0 10px 0 0;
  background: #005bac;
}
.copy-new-compare__table tbody th, .copy-new-compare__table tbody td {
  padding: 15px 20px 15px 30px;
  font-size: 17px;
  font-weight: bold;
  border: 1px solid #e7e7e7;
}
.copy-new-compare__table tbody th {
  text-align: left;
  background: #494c5e;
}
@media screen and (max-width: 768px) {
  .copy-new-compare__table tbody th {
    padding: 10px 30px;
  }
}
.copy-new-compare__table tbody td {
  background: #fff3eb;
}
@media screen and (max-width: 768px) {
  .copy-new-compare__table tbody td {
    padding: 20px;
    font-size: 15px;
  }
}
.copy-new-compare__table tbody td + td {
  background: #f9f9fa;
}

.copy-area-knowledge {
  border: 1px solid #2685bc;
}
.copy-area-knowledge + .copy-area-knowledge {
  margin-top: 15px;
}
.copy-area-knowledge__intro {
  display: grid;
  grid-template-columns: 1fr 300px;
  padding-left: 35px;
  color: #fff;
  background: #2685bc;
}
@media screen and (max-width: 768px) {
  .copy-area-knowledge__intro {
    grid-template-columns: 1fr;
    padding-left: 0;
  }
}
.copy-area-knowledge__head {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .copy-area-knowledge__head {
    min-height: 57px;
    padding: 16px 20px;
  }
}
.copy-area-knowledge__head i {
  position: relative;
  flex-shrink: 0;
  width: 22px;
  margin-right: 12px;
  padding-right: 13px;
  box-sizing: content-box;
}
.copy-area-knowledge__head i::before {
  content: "";
  position: absolute;
  height: 20px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px dotted #fff;
}
.copy-area-knowledge__head small {
  margin-left: 20px;
  padding: 0 10px;
  font-size: 10px;
  line-height: 2;
  font-weight: 400;
  border-radius: 20px;
  background: #12425e;
}
.copy-area-knowledge__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 57px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  background: #70B53D;
}
.copy-area-knowledge__more::before {
  content: "▶︎";
}
.copy-area-knowledge__more span {
  text-decoration: underline;
}
.copy-area-knowledge__wrap {
  position: relative;
  padding: 30px 40px;
  z-index: 1;
  background: #fbfbfb;
}
@media screen and (max-width: 768px) {
  .copy-area-knowledge__wrap {
    padding: 15px 20px;
  }
}
.copy-area-knowledge__item {
  max-width: 380px;
  line-height: 1.6;
}
.copy-area-knowledge__lead {
  font-size: 18px;
  font-weight: bold;
  color: #2685bc;
}
.copy-area-knowledge__txt {
  min-width: 343px;
  max-width: 55%;
  margin-top: 10px;
  font-size: 15px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .copy-area-knowledge__txt {
    min-width: 0;
    max-width: 100%;
  }
}
.copy-area-knowledge__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-area-knowledge__bg {
    display: none;
  }
}
.copy-area-knowledge__bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right;
}

.copy-area-reason {
  position: relative;
  margin-top: 25px;
  padding: 35px 50px 30px;
  background: #F5F5F5;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-area-reason {
    padding: 35.7709333333vw 15px 10px;
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .copy-area-reason::before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 100px);
    bottom: 0;
    left: 0;
    background: #F5F5F5;
    z-index: -1;
  }
}
.copy-area-reason__image {
  position: absolute;
  width: 378px;
  top: -4px;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-area-reason__image {
    width: 100%;
    top: 0;
  }
}
.copy-area-reason__intro {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .copy-area-reason__intro {
    margin-bottom: 20px;
  }
}
.copy-area-reason__lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .copy-area-reason__lead {
    align-items: center;
    gap: 10px;
  }
}
.copy-area-reason__lead span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  height: 35px;
  padding: 0 20px;
  font-size: 15px;
  color: #fff;
  border-radius: 35px;
  background: #D22224;
}
.copy-area-reason__lead span i {
  position: relative;
  width: 20px;
  padding-right: 5px;
  box-sizing: content-box;
}
.copy-area-reason__lead span i::before {
  content: "";
  position: absolute;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dashed #fff;
}
.copy-area-reason__lead span i img {
  width: 100%;
}
.copy-area-reason__lead em {
  font-size: 21px;
  color: #D22224;
  line-height: 1.6;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .copy-area-reason__lead em {
    max-width: 500px;
    word-break: auto-phrase;
    font-size: 20px;
    text-align: center;
  }
}
.copy-area-reason__txt {
  margin-top: 15px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .copy-area-reason__txt {
    text-align: center;
  }
}
.copy-area-reason__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .copy-area-reason__columns {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.copy-area-reason__column {
  background: #fff;
}
.copy-area-reason__column dt {
  position: relative;
  padding: 10px 65px 10px 58px;
  background: #FBFAF0;
}
.copy-area-reason__column dt small {
  position: absolute;
  width: 60px;
  top: -10px;
  left: -10px;
}
@media screen and (max-width: 768px) {
  .copy-area-reason__column dt small {
    top: 50%;
    transform: translateY(-50%);
  }
}
.copy-area-reason__column dt small img {
  width: 100%;
}
.copy-area-reason__column dt span {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
.copy-area-reason__column dt span em {
  color: #D22224;
}
.copy-area-reason__column dt i {
  position: absolute;
  width: fit-content;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.copy-area-reason__column dt i img {
  width: 100%;
}
.copy-area-reason__column dd {
  padding: 25px;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-area-reason__column dd {
    font-size: 13px;
  }
}
.copy-area-reason__column dd em {
  font-weight: bold;
  color: #D22224;
}

.copy-area-check {
  position: relative;
  margin-top: 25px;
  padding: 35px 50px 30px;
  background: #F5F5F5;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .copy-area-check {
    padding: 36.6165333333vw 15px 10px;
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .copy-area-check::before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 100px);
    bottom: 0;
    left: 0;
    background: #F5F5F5;
    z-index: -1;
  }
}
.copy-area-check__image {
  position: absolute;
  width: 250px;
  top: -6px;
  right: 11px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .copy-area-check__image {
    width: 100%;
    top: 0;
    right: 0;
  }
}
.copy-area-check__image img {
  width: 100%;
}
.copy-area-check__intro {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .copy-area-check__intro {
    margin-bottom: 20px;
  }
}
.copy-area-check__lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .copy-area-check__lead {
    align-items: center;
    gap: 10px;
  }
}
.copy-area-check__lead span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 35px;
  padding: 0 20px;
  font-size: 15px;
  color: #fff;
  border-radius: 35px;
  background: #70B53D;
}
.copy-area-check__lead span i {
  position: relative;
  width: 12px;
  padding-right: 8px;
  box-sizing: content-box;
}
.copy-area-check__lead span i::before {
  content: "";
  position: absolute;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dashed #fff;
}
.copy-area-check__lead span i img {
  width: 100%;
}
.copy-area-check__lead em {
  font-size: 21px;
  color: #70B53D;
  line-height: 1.6;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .copy-area-check__lead em {
    max-width: 500px;
    margin: 0 -2px;
    word-break: auto-phrase;
    font-size: 20px;
    text-align: center;
  }
}
.copy-area-check__txt {
  max-width: 464px;
  margin-top: 15px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .copy-area-check__txt {
    margin: 15px auto 0;
    text-align: center;
  }
}
.copy-area-check__row {
  background: #fff;
}
.copy-area-check__row dt {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 5px;
  background: #FBFAF0;
}
@media screen and (max-width: 768px) {
  .copy-area-check__row dt {
    position: relative;
    padding: 15px 15px 15px 58px;
  }
}
.copy-area-check__row dt small {
  flex-shrink: 0;
  width: 60px;
}
@media screen and (max-width: 768px) {
  .copy-area-check__row dt small {
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.copy-area-check__row dt span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-area-check__row dt span {
    font-size: 18px;
    line-height: 1.2;
  }
}
.copy-area-check__row dt span i {
  flex-shrink: 0;
  width: 15px;
}
@media screen and (max-width: 768px) {
  .copy-area-check__row dt span i {
    display: none;
  }
}
.copy-area-check__row dt span i img {
  width: 100%;
}
.copy-area-check__row dd {
  padding: 25px;
  line-height: 1.6;
}
.copy-area-check__row dd span {
  display: block;
  font-size: 13px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .copy-area-check__row dd span {
    margin-bottom: 15px;
  }
}
.copy-area-check__row dd a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-left: auto;
  font-size: 15px;
  font-weight: bold;
  color: #2685BC;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .copy-area-check__row dd a {
    justify-content: center;
    width: 100%;
    height: 47px;
    font-size: 17px;
    color: #70B53D;
    text-decoration: none;
    border: 1px solid #70B53D;
    border-radius: 47px;
  }
}
@media screen and (max-width: 768px) {
  .copy-area-check__row dd a::before {
    content: "▶︎";
    font-size: 14px;
  }
}
.copy-area-check__row dd a::after {
  content: ">";
  font-size: 10px;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .copy-area-check__row dd a::after {
    content: none;
  }
}
.copy-area-check__row + .copy-area-check__row {
  margin-top: 15px;
}

.copy-product-type__tabs {
  display: grid;
  grid-template-columns: repeat(var(--_columns, 4), 1fr);
  gap: 2px;
}
@media screen and (max-width: 768px) {
  .copy-product-type__tabs {
    gap: 1px;
  }
}
.copy-product-type__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 17px 0;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #1e3d70;
}
@media screen and (max-width: 768px) {
  .copy-product-type__btn {
    justify-content: center;
    height: 100%;
    background: #1782b7;
  }
}
.copy-product-type__btn span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  margin-bottom: 10px;
  padding: 2px 0 1px;
  font-size: 10px;
  color: #203e70;
  border-radius: 20px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .copy-product-type__btn span {
    width: fit-content;
    min-width: 56px;
    padding: 4px 0 2px;
    font-size: 10px;
    color: #1782b7;
  }
}
.copy-product-type__btn em {
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .copy-product-type__btn em {
    font-size: min(2.9333333333vw, 16px);
    text-align: center;
  }
}
.copy-product-type__btn[aria-selected=true] {
  color: #1e3d70;
  background: none;
}
@media screen and (max-width: 768px) {
  .copy-product-type__btn[aria-selected=true] {
    color: #1782b7;
  }
}
.copy-product-type__btn[aria-selected=true] span {
  color: #fff;
  background: #203e70;
}
@media screen and (max-width: 768px) {
  .copy-product-type__btn[aria-selected=true] span {
    background: #1782b7;
  }
}
.copy-product-type__btn.-simple {
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .copy-product-type__btn.-simple {
    font-size: min(2.9333333333vw, 14px);
  }
}
.copy-product-type__items {
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .copy-product-type__items {
    padding: 0;
    margin-top: 20px;
  }
}
.copy-product-type__item[aria-hidden=true] {
  display: none;
}

.copy-product-speed {
  display: flex;
  order: -2;
  grid-column: 1/3;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-product-speed {
    order: 1;
    flex-direction: column;
    margin: 15px 0;
    padding: 0 20px;
  }
}
.copy-product-speed__item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .copy-product-speed__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.copy-product-speed__item.-type-1 {
  width: 260px;
}
@media screen and (max-width: 768px) {
  .copy-product-speed__item.-type-1 {
    width: 100%;
  }
}
.copy-product-speed__item.-type-2 {
  flex-grow: 1;
  width: 288px;
}
@media screen and (max-width: 768px) {
  .copy-product-speed__item.-type-2 {
    width: 100%;
  }
}
.copy-product-speed__item.-type-3 {
  flex-grow: 1;
  width: 173px;
}
@media screen and (max-width: 768px) {
  .copy-product-speed__item.-type-3 {
    width: 100%;
  }
}
.copy-product-speed__item + .copy-product-speed__item {
  border-left: 1px solid #eee;
}
.copy-product-speed__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 5px;
  font-size: 15px;
  color: #fff;
  background: #1e3d70;
}
@media screen and (max-width: 768px) {
  .copy-product-speed__heading {
    font-size: 13px;
    color: #494c5e;
    background: #e6e5e5;
  }
}
.copy-product-speed__heading i {
  height: 15px;
}
@media screen and (max-width: 768px) {
  .copy-product-speed__heading i {
    display: none;
  }
}
.copy-product-speed__heading i img {
  width: auto;
  height: 100%;
}
.copy-product-speed__detail {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .copy-product-speed__detail {
    justify-content: flex-start;
    padding: 5px 10px;
    font-size: 13px;
    background: #f4f4f4;
  }
}
.copy-product-speed__colors {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .copy-product-speed__colors {
    align-items: flex-start;
  }
}
.copy-product-speed__color {
  display: flex;
  justify-content: center;
}
.copy-product-speed__color dt {
  display: flex;
  font-weight: 400;
}
.copy-product-speed__color dt::after {
  content: "：";
}

.copy-what-history {
  margin-top: 25px;
}
.copy-what-history__tabs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 10px;
  border: 1px solid #bfbfbf;
}
.copy-what-history__tab + .copy-what-history__tab {
  border-left: 1px solid #bfbfbf;
}
.copy-what-history__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25em;
  width: 100%;
  padding: 15px;
  font-size: 12px;
  color: #bfbfbf;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-what-history__btn {
    padding: 10px 0;
  }
}
.copy-what-history__btn::after {
  content: "▼";
}
.copy-what-history__btn[aria-selected=true] {
  color: #fff;
  background: #d94641;
}
.copy-what-history__wrap {
  position: relative;
  margin-bottom: 10px;
  padding: 25px;
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .copy-what-history__wrap {
    display: none;
  }
}
.copy-what-history__rows {
  position: relative;
  width: 680px;
  height: 560px;
  margin: 0 auto;
}
.copy-what-history__row {
  position: absolute;
  width: 305px;
  background: #fff;
  z-index: 1;
}
.copy-what-history__row.-type-1 {
  top: 0;
  left: 0;
}
.copy-what-history__row.-type-2 {
  top: 75px;
  right: 0;
}
.copy-what-history__row.-type-3 {
  top: 160px;
  left: 0;
}
.copy-what-history__row.-type-4 {
  top: 245px;
  right: 0;
}
.copy-what-history__row.-type-5 {
  top: 410px;
  left: 50%;
  transform: translateX(-50%);
}
.copy-what-history__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  border: 1px solid #fff;
}
.copy-what-history__item::before, .copy-what-history__item::after {
  content: "";
  position: absolute;
  background: #bfbfbf;
}
.copy-what-history__item::before {
  width: 29px;
  height: 1px;
}
.copy-what-history__item::after {
  aspect-ratio: 1;
  width: 8px;
  border-radius: 50%;
}
.copy-what-history__item[aria-selected=true] {
  border: 1px solid #d94641;
  box-shadow: 0 2px 6px #dadada;
}
.copy-what-history__item[aria-selected=true]::before, .copy-what-history__item[aria-selected=true]::after {
  background: #d94641;
}
.-type-1 > .copy-what-history__item::before {
  top: 40px;
  left: 100%;
}
.-type-1 > .copy-what-history__item::after {
  top: 36px;
  right: -40px;
}
.-type-2 > .copy-what-history__item::before {
  top: 69px;
  right: 100%;
}
.-type-2 > .copy-what-history__item::after {
  top: 66px;
  left: -40px;
}
.-type-3 > .copy-what-history__item::before {
  top: 54px;
  left: 100%;
}
.-type-3 > .copy-what-history__item::after {
  top: 50px;
  right: -40px;
}
.-type-4 > .copy-what-history__item::before {
  top: 49px;
  right: 100%;
}
.-type-4 > .copy-what-history__item::after {
  top: 46px;
  left: -40px;
}
.-type-5 > .copy-what-history__item::before, .-type-5 > .copy-what-history__item::after {
  content: none;
}
.copy-what-history__detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.copy-what-history__detail > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-weight: bold;
}
.copy-what-history__detail > span span {
  font-size: 12px;
  color: #d94641;
}
.copy-what-history__detail > span em {
  font-size: 23px;
  color: #000;
}
.copy-what-history__detail small {
  font-size: 12px;
}
.copy-what-history__image {
  width: fit-content;
}
.copy-what-history__image img {
  width: 100%;
}
.copy-what-history__bg {
  position: absolute;
  width: fit-content;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.copy-what-history__bg img {
  width: 100%;
}

.copy-what-history-detail__item {
  display: grid;
  grid-template-columns: 1fr 260px;
  padding: 30px 0;
  background: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .copy-what-history-detail__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 20px;
  }
}
.copy-what-history-detail__item[aria-hidden=true] {
  display: none;
}
.copy-what-history-detail__content {
  padding: 0 25px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .copy-what-history-detail__content {
    padding: 0;
  }
}
.copy-what-history-detail__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .copy-what-history-detail__heading {
    align-items: center;
  }
}
.copy-what-history-detail__heading small {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 15px;
  font-size: 15px;
  color: #fff;
  border-radius: 40px;
  background: #d94641;
}
.copy-what-history-detail__heading small i {
  position: relative;
  flex-shrink: 0;
  width: 22px;
  padding-right: 10px;
  box-sizing: content-box;
}
.copy-what-history-detail__heading small i::before {
  content: "";
  position: absolute;
  height: 24px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 1px dotted #fff;
}
.copy-what-history-detail__heading em {
  font-size: 22px;
  color: #d94641;
}
@media screen and (max-width: 768px) {
  .copy-what-history-detail__heading em {
    font-size: 18px;
  }
}
.copy-what-history-detail__txt {
  font-size: 15px;
  font-weight: bold;
  color: #1d2731;
}
.copy-what-history-detail__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .copy-what-history-detail__image {
    order: -1;
    width: 40vw;
    max-width: fit-content;
  }
}
.copy-what-history-detail__image img {
  width: 100%;
}

.product__wrap {
  display: grid;
  grid-template-columns: 38.961% 54.545%;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .product__wrap {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .product__item {
    margin-top: 15px;
  }
}
.product__item:first-child {
  order: 1;
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .product__item:last-child {
    display: contents;
  }
}
.product__intro {
  display: flex;
  flex-direction: column;
  padding: 45px 40px 35px;
}
@media screen and (max-width: 768px) {
  .product__intro {
    padding: 45px 30px 35px;
  }
}
.product__head {
  margin-top: 15px;
  font-size: 26px;
  font-weight: bold;
  color: #222;
  line-height: 1.3;
}
.product__release {
  margin-top: 10px;
  font-size: 15px;
  color: #999;
}
.product__data {
  position: relative;
  min-height: 23px;
  order: -1;
}
.product__state {
  display: flex;
  gap: 7px;
}
.product__state li {
  padding: 2px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 3px;
  background: #00a8e1;
}
.product__maker {
  position: absolute;
  height: 35px;
  bottom: 0;
  right: -10px;
}
@media screen and (max-width: 768px) {
  .product__maker {
    height: 29px;
  }
}
.product__maker img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product__lead {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e7e7e7;
}
.product__txt {
  font-size: 15px;
}
.product__txt em {
  font-size: 19px;
  font-weight: bold;
  color: #222;
}
.product__txt + .product__txt {
  margin-top: 8px;
}
.product__points {
  border-top: 1px solid #e7e7e7;
  background: #f9f9fa;
}
.product__point {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .product__point {
    padding: 40px 30px;
  }
}
.product__point dl {
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: 1.6;
}
.product__point dl dt {
  font-size: 17px;
  font-weight: bold;
}
.product__point dl dd {
  font-size: 15px;
}
.product__point em {
  font-size: 17px;
  font-weight: bold;
}
.product__point:not(.is-active) {
  position: absolute;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.product__point:not(.is-active) * {
  position: absolute;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.product__point li {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .product__point li {
    font-size: 14px;
  }
}
.product__function {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.product__function li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 110px;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .product__function li {
    font-size: 11px;
  }
}
.product__function li i {
  width: var(--_width-PC, 29px);
  height: 55px;
}
.product__function li i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center 75%;
}
.product__function li span {
  display: flex;
  align-items: center;
  min-height: 40px;
}
.product__function li:nth-child(4n) {
  border-right: none;
}
.product__function li[aria-hidden=true]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.9;
}
.product__mv {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .product__mv {
    order: -1;
    display: grid;
    grid-template-columns: 1fr 15.7333333333vw;
    gap: 2.6666666667vw;
  }
}
.product__image {
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: none !important;
}
.product__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product__thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .product__thumbs {
    display: flex;
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
.product__thumb {
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  box-shadow: 0 0 1px #ccc;
}
.product__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product__about {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .product__about {
    order: 1;
    margin-top: 15px;
  }
}
.product__about i {
  display: flex;
  justify-content: center;
  padding: 12px 0;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  line-height: 1.6;
  background: #e0e0e0;
}
.product__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  padding: 30px;
  font-size: 14px;
  line-height: 1.6;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .product__info {
    font-size: 16px;
  }
}
.product__campaign * {
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .product__campaign * {
    font-size: 16px;
    font-weight: 400;
  }
}
.product__prices {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.product__price {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .product__price {
    font-weight: 400;
  }
}
.product__price dt, .product__price dd {
  display: inline;
}
@media screen and (max-width: 768px) {
  .product__price dt {
    font-weight: 400;
  }
}
.product__price dt::after {
  content: "：";
}
.product__price dd {
  color: var(--_color, inherit);
}
.product__banners {
  width: 700px;
  margin: 30px auto 0;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .product__banners {
    width: 100vw;
    margin: 0 -4vw;
    padding-bottom: 0;
  }
}
.product__banners .splide__pagination {
  gap: 8px;
  bottom: 0;
}
.product__banners .splide__pagination li button {
  width: 30px;
  height: 5px;
  opacity: 1;
  transform: none;
  background: rgba(0, 0, 0, 0.2);
}
.product__banners .splide__pagination li button.is-active {
  background: #ff3717;
}
.product__bnr a {
  display: block;
}
.product__bnr a img {
  width: 100%;
}
.product__rows {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .product__rows {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .product__row {
    margin: 0 -4vw;
  }
}
.product__row + .product__row {
  margin-top: 30px;
}
.product__summary {
  position: relative;
}
.product__summary i {
  position: absolute;
  aspect-ratio: 1;
  width: 30px;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  border: 1px solid #878787;
}
@media screen and (max-width: 768px) {
  .product__summary i {
    width: 25px;
    right: 15px;
  }
}
.product__summary i::before, .product__summary i::after {
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: 1px;
  top: 50%;
  left: 50%;
  background: #878787;
}
.product__summary i::before {
  transform: translate(-50%, -50%);
}
.product__summary i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
[open] > .product__summary i::after {
  opacity: 0;
}
.product__heading {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  font-size: 23px;
  font-weight: bold;
  color: #222;
  line-height: 1.3;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.product__heading::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #e7e7e7 transparent transparent transparent;
}
.product__price-data {
  table-layout: fixed;
  width: 100%;
  margin-top: 35px;
}
.product__price-data th, .product__price-data td {
  padding: 20px 0;
  font-size: 16px;
  color: #222;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .product__price-data th, .product__price-data td {
    padding: 20px;
  }
}
.product__price-data thead {
  background: #e0e0e0;
}
.product__price-data tbody {
  background: #f9f9fa;
}
.product__price-data tbody th {
  font-weight: 400;
}
.product-point {
  position: relative;
  min-height: 380px;
  margin-top: 30px;
  padding: 60px 330px 60px 60px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .product-point {
    min-height: 0;
    margin: 0 -4vw;
    padding: 40px 6.6666666667vw;
  }
}
.product-point__item {
  color: #fff;
}
.product-point__head {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .product-point__head {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding: 10px;
    font-size: 18px;
    color: #2c9d60;
    line-height: 1.4;
    background: #fff;
  }
}
.product-point__lead {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 31px;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .product-point__lead {
    margin-bottom: 0;
    padding: 20px;
    font-size: 23px;
    border-bottom: none;
  }
}
.product-point__txt {
  font-size: 16px;
}
.product-point__fig {
  position: absolute;
  right: 80px;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .product-point__fig {
    display: none;
  }
}
.product-point__fig img {
  width: 100%;
}
.product-point__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.product-point__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-detail {
  padding-top: 35px;
}
.product-detail__image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  background: #f9f9fa;
}
.product-detail__image img {
  width: 100%;
  max-width: fit-content;
}
.product-detail__image.-bottom {
  margin: 50px 0 0;
  background: none;
}
.product-detail__items:has(> .-column) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .product-detail__items:has(> .-column) {
    display: block;
  }
}
.product-detail__item {
  background: #f9f9fa;
}
.product-detail__heading {
  display: flex;
  justify-content: center;
  font-weight: bold;
  color: #222;
  line-height: 1.6;
  background: #e0e0e0;
}
.-column > .product-detail__heading {
  padding: 15px;
  font-size: 20px;
}
.-row > .product-detail__heading {
  padding: 25px 15px;
  font-size: 22px;
}
.-column > .product-detail__detail {
  padding: 25px 35px;
}
.-row > .product-detail__detail {
  padding: 50px;
}
.product-detail__txt {
  font-size: 15px;
}

.product-data {
  margin-top: 35px;
}
.product-data + .product-data {
  margin-top: 50px;
}
.product-data__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 25px 5px;
  color: #222;
  line-height: 1.6;
  background: #e0e0e0;
}
.product-data__head {
  font-size: 22px;
  font-weight: bold;
}
.product-data__lead {
  font-size: 12px;
}
.product-data__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
.product-data__list li {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  font-size: 15px;
  line-height: 1.6;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .product-data__list li {
    padding: 20px 5px;
    text-align: center;
  }
}
.product-data__list li[aria-hidden=true]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.9;
}
.product-data__items {
  padding: 50px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .product-data__items {
    padding: 30px;
  }
}
.product-data__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 30px 0;
  font-size: 18px;
  color: #222;
  line-height: 1.6;
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .product-data__item {
    grid-template-columns: 1fr 50%;
    gap: 30px;
    font-size: 16px;
    text-align: center;
  }
}
.product-data__item dt {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .product-data__item:first-child {
    padding-top: 0;
  }
}

.knowledge-detail {
  padding: 44px 0 35px;
}
.knowledge-detail__foot {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .knowledge-detail__foot {
    margin-top: 10px;
  }
}

.post-share__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .post-share__items {
    gap: 0;
  }
}
.post-share__item {
  border-radius: 5px;
  transition: 0.5s all;
  padding-bottom: 5px;
  background: var(--_sub-color);
}
@media screen and (max-width: 768px) {
  .post-share__item {
    padding-bottom: 0;
  }
}
.post-share__item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #fff;
  text-align: center;
  padding: 10px 0 5px;
  border-radius: 5px;
  background: var(--_main-color);
}
@media screen and (max-width: 768px) {
  .post-share__item a {
    position: relative;
    justify-content: center;
    height: 30px;
    padding: 0;
    border-radius: 0;
  }
}
.post-share__item a i {
  height: 20px;
}
@media screen and (max-width: 768px) {
  .post-share__item a i {
    height: 15px;
  }
}
.post-share__item a i img:not(:root) {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .post-share__item a span {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
  }
}

.related-articles {
  margin-top: 60px;
}
.related-articles__head {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  padding: 20px 0 15px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  border-top: 1px solid #494c5f;
  border-bottom: 1px solid #d9dae0;
}
.related-articles__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.related-articles__item {
  width: 100%;
  border-bottom: 1px solid #d9dae0;
}
.related-articles__item a {
  display: grid;
  grid-template-columns: 95px 1fr;
  gap: 15px;
  height: 100%;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .related-articles__item a {
    grid-template-columns: 80px 1fr;
    gap: 30px;
    padding: 10px 0;
  }
}
.related-articles__item.-vertical {
  width: 50%;
}
.related-articles__item.-vertical a {
  grid-template-columns: 1fr;
  align-items: flex-start;
  gap: 22px;
}
@media screen and (max-width: 768px) {
  .related-articles__item.-vertical a {
    gap: 12px;
  }
}
.related-articles__item:first-child {
  border-right: 1px solid #d9dae0;
}
.related-articles__item:first-child a {
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .related-articles__item:first-child a {
    padding-right: 10px;
  }
}
.related-articles__item:nth-child(2) a {
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .related-articles__item:nth-child(2) a {
    padding-left: 10px;
  }
}
.related-articles__image img {
  width: 100%;
}
.related-articles__heading {
  font-size: 16px;
  line-height: 1.25;
  font-weight: bold;
  color: #494c5f;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .related-articles__heading {
    font-size: 14px;
    line-height: 1.5714285714;
  }
}

.knowledge-mv {
  background: #188774;
}
.knowledge-mv__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  min-width: 950px;
  min-height: 300px;
}
.knowledge-mv__item {
  flex-shrink: 0;
  width: 400px;
  color: #fff;
}
.knowledge-mv__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 10px;
  line-height: 1.6;
}
.knowledge-mv__head [lang=ja] {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 53px;
  font-weight: bold;
}
.knowledge-mv__head [lang=ja] i {
  flex-shrink: 0;
  width: 67px;
}
.knowledge-mv__head [lang=ja] i img {
  width: 100%;
}
.knowledge-mv__head [lang=en] {
  font-size: 14px;
  letter-spacing: 0.5em;
  text-transform: uppercase;
}
.knowledge-mv__txt {
  font-size: 18px;
  line-height: 1.6;
}
.knowledge-mv__image {
  width: 500px;
  margin-bottom: auto;
}
.knowledge-mv__image img {
  width: 100%;
}
.knowledge-mv__fig {
  display: none;
}
@media screen and (max-width: 768px) {
  .knowledge-mv__fig {
    display: block;
  }
}
.knowledge-mv__fig img {
  width: 100%;
}

.knowledge-archive {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .knowledge-archive {
    grid-template-columns: 1fr;
  }
}
.knowledge-archive__column {
  border: 1px solid #d9dae0;
}
.knowledge-archive__intro {
  display: flex;
  flex-direction: column;
}
.knowledge-archive__head {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 38px;
  padding: 10px 20px;
  font-size: var(--_font-size-PC, 17px);
  line-height: 1.0588235294;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .knowledge-archive__head {
    padding: 10px 15px;
  }
}
.knowledge-archive__head i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.knowledge-archive__head i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.knowledge-archive__mv {
  aspect-ratio: 368/147;
  order: -1;
  width: 100%;
}
.knowledge-archive__mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.knowledge-archive__item {
  border-bottom: 1px dotted #d9dae0;
}
.knowledge-archive__item a {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 10px;
  padding: 14px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .knowledge-archive__item a:has(> .-type-1) {
    padding: 9px;
  }
}
.knowledge-archive__detail {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.knowledge-archive__heading {
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: bold;
  color: #494c5f;
  text-decoration: underline;
}
.-type-1 > .knowledge-archive__heading {
  font-size: 12px;
  line-height: 1.6;
  text-decoration: none;
}
.knowledge-archive__txt {
  font-size: 12px;
  line-height: 1.5833333333;
  color: #8b8ea4;
  display: -webkit-box;
  max-height: 19px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
}
.-type-1 > .knowledge-archive__txt {
  font-size: 10px;
  line-height: 1.6;
  display: -webkit-box;
  max-height: 32px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.knowledge-archive__image {
  order: -1;
  aspect-ratio: 80/58;
}
.knowledge-archive__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.knowledge-archive__more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 8px 20px;
  font-size: 13px;
  line-height: 1.5384615385;
  color: #494c5e;
}
.knowledge-archive__more i {
  flex-shrink: 0;
  width: 4px;
}
.knowledge-archive__more i img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .knowledge-archive__more.-type-1 {
    min-height: 40px;
    padding: 10px 20px;
  }
}

.knowledge-category-nav {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .knowledge-category-nav {
    margin-top: 20px;
  }
}
.knowledge-category-nav__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .knowledge-category-nav__items {
    gap: 10px;
  }
}
.knowledge-category-nav__item a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 44px;
}
@media screen and (max-width: 768px) {
  .knowledge-category-nav__item a {
    font-size: 12px;
  }
}
.knowledge-category-nav__item a::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 7px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-135deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}
.-cloud-pbx > .knowledge-category-nav__item a {
  padding: 10px 40px;
  text-decoration: underline;
  background: linear-gradient(to right, rgb(26, 145, 193) 1%, rgb(14, 79, 141) 100%);
}
@media screen and (max-width: 768px) {
  .-cloud-pbx > .knowledge-category-nav__item a {
    padding: 5px 30px;
  }
}
.-security > .knowledge-category-nav__item a {
  padding: 5px 30px;
  background: #01b6c9;
}

.knowledge-top-archive {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive {
    margin-top: 50px;
  }
}
.knowledge-top-archive__row + .knowledge-top-archive__row {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive__row + .knowledge-top-archive__row {
    margin-top: 50px;
  }
}
.knowledge-top-archive__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--_color, #26455c);
}
.knowledge-top-archive__heading::before, .knowledge-top-archive__heading::after {
  content: "";
  width: 44px;
  height: 2px;
  background: currentColor;
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive__heading::before, .knowledge-top-archive__heading::after {
    width: 14px;
  }
}
.knowledge-top-archive__heading span {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 32px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.2;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive__heading span {
    gap: 5px;
    font-size: 22px;
  }
}
.knowledge-top-archive__heading small {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive__heading small {
    font-size: 12px;
  }
}
.knowledge-top-archive__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive__wrap {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 50px;
  }
}
.knowledge-top-archive__wrap.-type-1 {
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive__wrap.-type-1 {
    gap: 60px;
  }
}

@media screen and (max-width: 768px) {
  .knowledge-top-archive-related {
    border-top: 1px solid #eceaf1;
  }
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive-related:last-child {
    border-bottom: 1px solid #eceaf1;
  }
}
.knowledge-top-archive-related a {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #26455c;
  border: 1px solid #eceaf1;
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive-related a {
    display: grid;
    grid-template-columns: 114px 1fr;
    gap: 15px;
    padding: 15px 10px;
    border: none;
  }
}
.knowledge-top-archive-related a::before {
  content: attr(data-num);
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  top: -15px;
  left: -16px;
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  border-radius: 50%;
  background: linear-gradient(to right, #198cbd 0%, #0f5290 100%);
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive-related a::before {
    top: 5px;
    left: -14px;
  }
}
.knowledge-top-archive-related.-type-1 a::before {
  background: linear-gradient(to right, #bfa219 0%, #8f5c0f 100%);
}
.knowledge-top-archive-related.-type-2 a::before {
  background: linear-gradient(to right, #c4c4c4 0%, #989797 100%);
}
.knowledge-top-archive-related.-type-3 a::before {
  background: linear-gradient(to right, #a67b5e 0%, #674938 100%);
}
.knowledge-top-archive-related__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 15px 25px;
}
@media screen and (max-width: 768px) {
  .knowledge-top-archive-related__item {
    padding: 0;
  }
}
.knowledge-top-archive-related__head {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.knowledge-top-archive-related__category {
  order: -1;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #eceaf1;
}
.knowledge-top-archive-related__txt {
  font-size: 14px;
}
.knowledge-top-archive-related__image {
  order: -1;
}
.knowledge-top-archive-related__image img {
  width: 100%;
}

.pbx-knowledge-more {
  margin-top: 30px;
  padding: 45px 70px;
  color: #26455c;
  border: 4px double currentColor;
}
@media screen and (max-width: 768px) {
  .pbx-knowledge-more {
    margin-top: 60px;
    padding: 20px;
  }
}
.pbx-knowledge-more__head {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  padding-top: 15px;
  font-size: 34px;
  line-height: 1;
  font-weight: bold;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .pbx-knowledge-more__head {
    padding-top: 0;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
  }
}
.pbx-knowledge-more__head span {
  border-bottom: 2px solid currentColor;
}
@media screen and (max-width: 768px) {
  .pbx-knowledge-more__head span {
    width: 100%;
    padding-bottom: 20px;
  }
}
.pbx-knowledge-more__wrap {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .pbx-knowledge-more__wrap {
    flex-direction: column;
    gap: 20px;
  }
}
.pbx-knowledge-more__item {
  width: 404px;
}
@media screen and (max-width: 768px) {
  .pbx-knowledge-more__item {
    width: 100%;
  }
}
.pbx-knowledge-more__lead {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.pbx-knowledge-more__txt {
  font-size: 14px;
}
.pbx-knowledge-more__image {
  width: 378px;
}
@media screen and (max-width: 768px) {
  .pbx-knowledge-more__image {
    width: 100%;
  }
}
.pbx-knowledge-more__image img {
  width: 100%;
}
.pbx-knowledge-more__columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .pbx-knowledge-more__columns {
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-bottom: 20px;
  }
}
.pbx-knowledge-more__column {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  font-size: 14px;
  line-height: 1.6;
  border: 1px solid currentColor;
}
@media screen and (max-width: 768px) {
  .pbx-knowledge-more__column {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: bold;
  }
}
.pbx-knowledge-more__column i {
  width: auto;
  height: 14px;
}
.pbx-knowledge-more__column i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pbx-knowledge-more__more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin: 0 auto;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  border-radius: 48px;
  background: #0597f2;
}
@media screen and (max-width: 768px) {
  .pbx-knowledge-more__more {
    width: 61.3333333333vw;
    font-size: 14px;
  }
}

.knowledge-tax-archive {
  margin: 25px 0 100px;
  padding-top: 30px;
  border-top: 1px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-archive {
    margin-bottom: 50px;
    padding-top: 15px;
  }
}
.knowledge-tax-archive.-column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 25px;
  padding-top: 0;
  border-top: none;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-archive.-column {
    display: block;
    padding-top: 15px;
    border-top: 1px dotted #d9dae0;
  }
}
.knowledge-tax-archive__row {
  padding-bottom: 30px;
  border-bottom: 1px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-archive__row {
    gap: 14px;
    padding-bottom: 15px;
  }
}
.knowledge-tax-archive__row a {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-archive__row a {
    grid-template-columns: 141px 1fr;
    gap: 14px;
  }
}
.knowledge-tax-archive__row + .knowledge-tax-archive__row {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-archive__row + .knowledge-tax-archive__row {
    margin-top: 15px;
  }
}
.-column > .knowledge-tax-archive__row + .knowledge-tax-archive__row {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .-column > .knowledge-tax-archive__row + .knowledge-tax-archive__row {
    margin-top: 15px;
  }
}
.-column > .knowledge-tax-archive__row {
  padding: 0;
  border: none;
}
@media screen and (max-width: 768px) {
  .-column > .knowledge-tax-archive__row {
    padding-bottom: 15px;
    border-bottom: 1px dotted #d9dae0;
  }
}
.-column > .knowledge-tax-archive__row a {
  grid-template-columns: 1fr;
  gap: 0;
  border: 1px solid #eceaf1;
}
@media screen and (max-width: 768px) {
  .-column > .knowledge-tax-archive__row a {
    grid-template-columns: 141px 1fr;
    gap: 14px;
    border: none;
  }
}
.knowledge-tax-archive__item.-column {
  padding: 20px 20px 30px;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-archive__item.-column {
    padding: 0;
  }
}
.knowledge-tax-archive__heading {
  font-size: 20px;
  line-height: 1.1;
  font-weight: bold;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-archive__heading {
    font-size: 17px;
    line-height: 1.2941176471;
  }
}
.-column > .knowledge-tax-archive__heading {
  font-size: 16px;
  line-height: 1.6;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .-column > .knowledge-tax-archive__heading {
    text-decoration: underline;
  }
}
.knowledge-tax-archive__txt {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.4285714286;
  color: #8b8ea4;
}
@media screen and (max-width: 768px) {
  .knowledge-tax-archive__txt {
    font-size: 12px;
    line-height: 1.6666666667;
    display: -webkit-box;
    max-height: 40px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
  }
}
.-column > .knowledge-tax-archive__txt {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .-column > .knowledge-tax-archive__txt {
    display: -webkit-box;
    max-height: 67.173px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
  }
}
.knowledge-tax-archive__image {
  order: -1;
}
.knowledge-tax-archive__image img {
  width: 100%;
}

.knowledge-archive-related {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .knowledge-archive-related {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
@media screen and (max-width: 768px) {
  .knowledge-archive-related__column {
    padding-bottom: 14px;
    border-bottom: 1px solid #d9dae0;
  }
}
.knowledge-archive-related__column a {
  display: flex;
  flex-direction: column;
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .knowledge-archive-related__column a {
    display: grid;
    grid-template-columns: 114px 1fr;
    gap: 10px;
    border: none;
  }
}
.knowledge-archive-related__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .knowledge-archive-related__item {
    padding: 0;
  }
}
.knowledge-archive-related__head {
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 1.2222222222;
  font-weight: bold;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .knowledge-archive-related__head {
    margin-bottom: 10px;
  }
}
.knowledge-archive-related__category {
  order: -1;
  margin-bottom: 15px;
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .knowledge-archive-related__category {
    margin-bottom: 7px;
    padding: 4px 10px;
    font-size: 11px;
    line-height: 1.0909090909;
  }
}
.knowledge-archive-related__txt {
  font-size: 14px;
  color: #8b8ea4;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .knowledge-archive-related__txt {
    font-size: 13px;
    line-height: 1.5384615385;
    display: -webkit-box;
    max-height: 40px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
  }
}
.knowledge-archive-related__image {
  position: relative;
  order: -1;
}
.knowledge-archive-related__image img {
  width: 100%;
}
.knowledge-archive-related__image i {
  position: absolute;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 34px;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .knowledge-archive-related__image i {
    width: 24px;
  }
}
.knowledge-archive-related__image i::after {
  content: attr(data-num);
  font-size: 12px;
  line-height: 1.3333333333;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .knowledge-archive-related__image i::after {
    font-size: 8px;
  }
}
.knowledge-archive-related__image i span {
  width: 11px;
}
.knowledge-archive-related__image i span img {
  width: 100%;
}
.knowledge-archive-related__image.-type-1 i {
  background: #b20000;
}
.knowledge-archive-related__image.-type-2 i {
  background: #c0c0c0;
}
.knowledge-archive-related__image.-type-3 i {
  background: #c47022;
}
.knowledge-archive-related__image.-type-4 i {
  background: #ff4621;
}

.report-detail {
  padding-bottom: 145px;
  background: #092350;
}
@media screen and (max-width: 768px) {
  .report-detail {
    padding-bottom: 30px;
  }
}
.report-detail__intro {
  position: relative;
  height: 304px;
  padding-top: 129px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .report-detail__intro {
    height: 200px;
    padding-top: 62px;
  }
}
.report-detail__mv {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.report-detail__mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.report-detail__rows {
  margin-top: 28px;
  padding: 0 71px 20px 81px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .report-detail__rows {
    margin-top: 22px;
    padding: 0 22px 24px 33px;
  }
}
.report-detail__row {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 22px 0;
}
@media screen and (max-width: 768px) {
  .report-detail__row {
    display: grid;
    gap: 14px;
    padding: 10px 0;
  }
}
.report-detail__row + .report-detail__row {
  margin-top: 12px;
  padding-top: 28px;
}
@media screen and (max-width: 768px) {
  .report-detail__row + .report-detail__row {
    margin-top: 16px;
    padding-top: 12px;
  }
}
.report-detail__row + .report-detail__row::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background: #fff;
}
.report-detail__item {
  flex-grow: 1;
}
.report-detail__voice {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  height: calc(100% - 16px);
  top: -20px;
  left: -42px;
  writing-mode: vertical-rl;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.4166666667;
  color: #C9AD4B;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 768px) {
  .report-detail__voice {
    top: -12px;
    left: -24px;
  }
}
.report-detail__voice::after {
  content: "";
  flex-grow: 1;
  width: 1px;
  background: currentColor;
}
@media screen and (max-width: 768px) {
  .report-detail__voice::after {
    max-height: 128px;
  }
}
.report-detail__heading {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: bold;
  color: #986A00;
}
@media screen and (max-width: 768px) {
  .report-detail__heading {
    margin-bottom: 6px;
    font-size: 16px;
  }
}
.report-detail__lead {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 2.1428571429;
}
@media screen and (max-width: 768px) {
  .report-detail__lead {
    margin-bottom: 12px;
    line-height: 1.5714285714;
  }
}
.report-detail__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .report-detail__columns {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .report-detail__column + .report-detail__column {
    border-top: 1px solid #E8E7E3;
  }
}
.report-detail__data {
  display: grid;
  grid-template-columns: 129px 1fr;
  align-items: center;
  font-size: 14px;
}
.report-detail__data dt {
  padding: 8px 13px;
  font-weight: bold;
  background: #F2EFE2;
}
.report-detail__data dd {
  padding: 7px 13px;
  background: #F8F8F7;
}
.report-detail__data + .report-detail__data {
  border-top: 1px solid #E8E7E3;
}
.report-detail__detail {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .report-detail__detail {
    margin-top: 0;
  }
}
.report-detail__detail p {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .report-detail__detail p {
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 768px) {
  .report-detail__detail br {
    display: none;
  }
}
.report-detail__txt {
  font-size: 16px;
  line-height: 2;
}
.report-detail__image {
  flex-shrink: 0;
  width: 280px;
  margin-top: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .report-detail__image {
    width: 100%;
    margin: 0;
  }
}
.report-detail__image img {
  width: 100%;
}
.report-detail__table {
  margin-top: 23px;
}
@media screen and (max-width: 768px) {
  .report-detail__table {
    margin-top: 12px;
  }
}
.report-detail__table th, .report-detail__table td {
  padding: 4px 0;
  font-size: 16px;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  .report-detail__table th, .report-detail__table td {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.report-detail__table th {
  width: 138px;
  font-weight: bold;
}
.report-detail__table td {
  vertical-align: middle;
}
.report-detail__table td a {
  text-decoration: underline;
}

.report-detail-pager {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  border: 1px solid #d9dadf;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .report-detail-pager {
    border: none;
  }
}
.report-detail-pager__arrow {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .report-detail-pager__arrow {
    display: none;
  }
}
.report-detail-pager__arrow img {
  width: 100%;
}
.report-detail-pager__items {
  display: flex;
  border-left: 1px solid #d9dadf;
  border-right: 1px solid #d9dadf;
}
@media screen and (max-width: 768px) {
  .report-detail-pager__items {
    flex-wrap: wrap;
    justify-content: center;
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .report-detail-pager__item {
    width: 39.7333333333vw;
    border: 1px solid #d9dadf;
  }
}
.report-detail-pager__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  height: 54px;
  padding: 0 20px;
  font-size: 14px;
  color: #434343;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .report-detail-pager__item a {
    height: 50px;
    padding: 0 15px;
  }
}
.report-detail-pager__item a i {
  flex-shrink: 0;
  width: 8px;
}
.report-detail-pager__item a i img {
  width: 100%;
}
.report-detail-pager__item + .report-detail-pager__item {
  border-left: 1px solid #d9dadf;
}
@media screen and (max-width: 768px) {
  .report-detail-pager__item + .report-detail-pager__item {
    border-left: none;
  }
}
@media screen and (max-width: 768px) {
  .report-detail-pager__item.-back {
    order: -1;
    width: 100%;
    border: none;
  }
}
.report-detail-pager__item.-back a {
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .report-detail-pager__item.-back a {
    background: none;
  }
}

.report-mv {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.report-mv__wrap {
  position: relative;
  display: flex;
  min-height: 300px;
  z-index: 1;
}
.report-mv__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 55px;
}
.report-mv__head {
  font-size: 47px;
  font-weight: bold;
}
.report-mv__head span {
  color: #2685bc;
}
.report-mv__copy {
  width: 510px;
  margin-top: 10px;
  padding: 8px 25px;
  font-size: 17px;
  font-weight: bold;
  border-radius: 30px;
  background: #efd600;
}
.report-mv__icon {
  margin-top: 20px;
  width: 176px;
}
.report-mv__icon img {
  width: 100%;
}
.report-mv__image {
  position: absolute;
  width: 464px;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.report-mv__image img {
  width: 100%;
}
.report-mv__mv {
  display: none;
}
@media screen and (max-width: 768px) {
  .report-mv__mv {
    display: block;
    width: 100%;
  }
}
.report-mv__mv img {
  width: 100%;
}
.report-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.report-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.report-archive {
  padding-top: 60px;
  background: #FAFAFA;
}
@media screen and (max-width: 768px) {
  .report-archive {
    padding-top: 20px;
  }
}
.report-archive.-page {
  padding-top: 68px;
  background: #E8E7E3;
}
@media screen and (max-width: 768px) {
  .report-archive.-page {
    padding-top: 30px;
  }
}
.report-archive:not(.is-active) .splide__list:not(:root) {
  display: grid;
}
@media screen and (max-width: 768px) {
  .report-archive:not(.is-active) .splide__list:not(:root) {
    display: flex;
  }
}
.report-archive__wrap {
  position: relative;
  margin-top: clamp(60px, 16vw, 88px);
  padding-bottom: 100px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .report-archive__wrap {
    padding-bottom: 60px;
  }
}
.report-archive__wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 200px 0 0 0;
  background: #E8E7E3;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .report-archive__wrap::before {
    border-radius: 50px 0 0 0;
  }
}
.report-archive__wrap:has(.-page) {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .report-archive__wrap:has(.-page) {
    width: 81.0666666667vw;
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .report-archive__slide {
    overflow: visible;
  }
}
.report-archive__columns {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding-top: min(17.1651495449vw, 132px);
}
@media screen and (max-width: 768px) {
  .report-archive__columns {
    grid-template-columns: 1fr;
    width: 82.6666666667vw;
    margin: 0 auto;
    padding-top: 14.4vw;
  }
}
.report-archive__columns::before {
  content: attr(data-attr);
  position: absolute;
  top: max(-4.9414824447vw, -50px);
  left: 50%;
  transform: translateX(-50%);
  font-size: min(10.4031209363vw, 103px);
  line-height: 1;
  white-space: nowrap;
  font-weight: bold;
  color: #D8D6D6;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
  .report-archive__columns::before {
    font-size: 9.0666666667vw;
  }
}
.report-archive__columns.-page {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .report-archive__columns.-page {
    gap: 0;
    width: 100%;
  }
}
.report-archive__column a {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
}
.-page > .report-archive__column a {
  position: relative;
}
@media screen and (max-width: 768px) {
  .-page > .report-archive__column:not(.is-active) a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
}
.report-archive__intro {
  position: relative;
  aspect-ratio: 310/170;
}
.report-archive__heading {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4px 18px;
  font-size: 12px;
  line-height: 1.75;
  font-weight: bold;
  color: #000;
  font-family: "Noto Serif JP", serif;
  background: #B3A15E;
}
.report-archive__image {
  aspect-ratio: 310/170;
  width: 100%;
}
.report-archive__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.report-archive__item {
  flex-grow: 1;
  padding: 11px 19px 12px;
  background: #eee;
}
.report-archive__lead {
  margin-bottom: 11px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  color: #111;
}
.report-archive__rows {
  display: grid;
  gap: 4px;
}
.report-archive__row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.report-archive__data {
  display: flex;
  font-size: 12px;
  line-height: 1.6666666667;
}
.report-archive__data dt {
  padding: 0 4px;
  font-weight: 400;
  color: #fff;
  background: #111;
}
.report-archive__data dd {
  padding: 0 4px;
  background: #DEDEDE;
}
.report-archive__foot {
  padding: 16px;
}
.report-archive__more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 215px;
  height: 38px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.6153846154;
  font-weight: bold;
  border: 1px solid #707070;
}
.report-archive__more::before {
  content: "";
  position: absolute;
  width: 36px;
  height: 1px;
  top: 50%;
  right: -18px;
  background: #707070;
}
.report-archive__none {
  padding-top: 60px;
  font-weight: bold;
  text-align: center;
}
.report-archive__arrow {
  width: 48px;
  height: 48px;
  top: 17.8666666667vw;
  transform: none;
  opacity: 1;
}
.report-archive__arrow img {
  width: 100%;
}
.report-archive__arrow.-prev {
  left: -16px;
}
.report-archive__arrow.-next {
  right: -16px;
}

.report-search {
  margin-top: 46px;
}
@media screen and (max-width: 768px) {
  .report-search {
    margin-top: 20px;
  }
}
.report-search__lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 14px 14px 12px;
  font-size: 16px;
  color: #fff;
  border-radius: 18px 0 0 0;
  background: #B3A15E;
}
@media screen and (max-width: 768px) {
  .report-search__lead {
    gap: 7px;
    padding: 21px;
    word-break: auto-phrase;
    text-align: center;
  }
}
.report-search__lead small {
  font-size: 12px;
}
.report-search__form {
  padding: 28px 24px 24px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .report-search__form {
    padding: 29px 15px 14px;
  }
}
.report-search__items {
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .report-search__items {
    margin-bottom: 4px;
  }
}
.report-search__item {
  display: grid;
  grid-template-columns: 142px 1fr;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #F8F8F8;
}
@media screen and (max-width: 768px) {
  .report-search__item {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.report-search__item dt {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.report-search__item dd {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 4px;
}
@media screen and (max-width: 768px) {
  .report-search__item dd {
    gap: 5px 4px;
  }
}
.report-search__item + .report-search__item {
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  .report-search__item + .report-search__item {
    padding-top: 14px;
  }
}
@media screen and (max-width: 768px) {
  .report-search__item:last-child {
    border-bottom: none;
  }
}
.report-search__label span {
  display: grid;
  grid-template-columns: 18px auto;
  align-items: center;
  gap: 5px;
  padding: 2px 7px 2px 3px;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #111;
  border: 1px solid #F8F8F8;
  border-radius: 26px;
  background: #F8F8F8;
  cursor: pointer;
}
.report-search__label span i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 18px;
  border-radius: 50%;
  background: #fff;
}
.report-search__label span i .-checked {
  display: none;
}
.report-search__label span i svg {
  width: 8px;
}
.report-search__label input:checked + span {
  border-color: #B3A15E;
}
.report-search__label input:checked + span i {
  background: #B3A15E;
}
.report-search__label input:checked + span i .-checked {
  display: block;
}
.report-search__label input:checked + span i .-unchecked {
  display: none;
}
.report-search__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  background: #F8F8F8;
}

.basic-archive-pager {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .basic-archive-pager {
    margin-top: 28px;
  }
}
.basic-archive-pager__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  font-size: 14px;
  line-height: 1.4285714286;
  color: #000;
}
@media screen and (max-width: 768px) {
  .basic-archive-pager__wrap {
    gap: 5px;
  }
}
.basic-archive-pager__btn {
  display: flex;
  gap: 0.5em;
}
@media screen and (max-width: 768px) {
  .basic-archive-pager__btn {
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 42px;
    background: #F0F0F0;
  }
}
@media screen and (max-width: 768px) {
  .basic-archive-pager__btn span {
    pointer-events: none;
    position: absolute;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    overflow: hidden;
  }
}
.basic-archive-pager__btn.-prev::before {
  content: "<";
}
.basic-archive-pager__btn.-next::after {
  content: ">";
}
.basic-archive-pager__btn[aria-disabled=true] {
  opacity: 0.3;
}
.basic-archive-pager__items {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .basic-archive-pager__items {
    display: none;
  }
}
.basic-archive-pager__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 42px;
}
.basic-archive-pager__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #F0F0F0;
}
.basic-archive-pager__item.-current a {
  color: #fff;
  background: #B3A15E;
}
.basic-archive-pager__page {
  display: none;
}
@media screen and (max-width: 768px) {
  .basic-archive-pager__page {
    display: block;
    padding: 10px 25px;
    background: #fff;
  }
}

.phone-report-cta {
  position: relative;
  padding-bottom: 66px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .phone-report-cta {
    padding-bottom: 26px;
  }
}
.phone-report-cta__wrap {
  max-width: 1076px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .phone-report-cta__wrap {
    padding: 0 5.3333333333vw;
  }
}
.phone-report-cta__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-bottom: -24px;
  font-weight: bold;
  color: #fff;
  transform: translateY(-16px);
}
@media screen and (max-width: 768px) {
  .phone-report-cta__head {
    gap: 11px;
    margin-bottom: -16px;
  }
}
.phone-report-cta__head > span {
  padding: 0 46px;
  font-size: 24px;
  line-height: 1.75;
  background: #092350;
  transform: skewX(-22deg);
}
@media screen and (max-width: 768px) {
  .phone-report-cta__head > span {
    padding: 0 32px;
    font-size: 18px;
    line-height: 2.3333333333;
    transform: skewX(-16deg);
  }
}
.phone-report-cta__head > span span {
  display: block;
  transform: skewX(22deg);
}
@media screen and (max-width: 768px) {
  .phone-report-cta__head > span span {
    transform: skewX(16deg);
  }
}
.phone-report-cta__head em {
  padding-bottom: 6px;
  font-size: 32px;
  line-height: 1;
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 768px) {
  .phone-report-cta__head em {
    font-size: 16px;
  }
}
.phone-report-cta__image {
  display: block;
  transform: translateX(12px);
}
@media screen and (max-width: 768px) {
  .phone-report-cta__image {
    width: 92vw;
    transform: none;
  }
}
.phone-report-cta__image picture {
  display: block;
}
.phone-report-cta__image img {
  width: 100%;
}
.phone-report-cta__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.phone-report-cta__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .phone-report-cta__bg img {
    object-position: 10% 50%;
  }
}

.report-detail-intro {
  position: relative;
  z-index: 1;
}
.report-detail-intro__head {
  position: relative;
  margin-bottom: 44px;
  padding: 16px 0 0 112px;
  font-family: "Noto Serif JP", serif;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__head {
    margin-bottom: 18px;
    padding: 10px 0 0 84px;
  }
}
.report-detail-intro__head i {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  top: -34px;
  left: 4px;
  color: #C9AD4B;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__head i {
    top: -12px;
    left: 0;
  }
}
.report-detail-intro__head i span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 36px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__head i span {
    gap: 3px;
    font-size: 26px;
  }
}
.report-detail-intro__head i span::after {
  content: "";
  width: 38px;
  height: 1px;
  background: currentColor;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__head i span::after {
    width: 28px;
  }
}
.report-detail-intro__head i small {
  display: flex;
  align-items: center;
  gap: 12px;
  writing-mode: vertical-rl;
  font-size: 12px;
  line-height: 1.4166666667;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__head i small {
    font-size: 8px;
  }
}
.report-detail-intro__head i small::after {
  content: "";
  width: 1px;
  height: 328px;
  background: currentColor;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__head i small::after {
    height: 80px;
  }
}
.report-detail-intro__head > span {
  font-size: min(4.1612483745vw, 36px);
  line-height: 1.3888888889;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__head > span {
    font-size: min(6.9333333333vw, 36px);
  }
}
.report-detail-intro__mv {
  position: absolute;
  width: min(41.6666666667vw, 450px);
  top: 0;
  right: -20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .report-detail-intro__mv {
    position: inherit;
    width: 89.3333333333vw;
    top: auto;
    right: auto;
    margin: 0 auto -56vw -5.3333333333vw;
  }
}
.report-detail-intro__mv img {
  width: 100%;
}
.report-detail-intro__wrap {
  padding: 46px 90px 42px 96px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__wrap {
    padding: 61.8666666667vw 22px 20px;
  }
}
.report-detail-intro__column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__column {
    gap: 30px;
  }
}
.report-detail-intro__total {
  display: flex;
  gap: 36px;
  margin-bottom: 34px;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__total {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 26px;
  }
}
.report-detail-intro__total dt {
  flex-shrink: 0;
  margin-left: 4px;
  padding: 0 26px;
  font-size: 16px;
  line-height: 1.75;
  font-weight: bold;
  color: #fff;
  transform: skewX(-20deg);
  background: linear-gradient(90deg, #C29C40, #926B30);
}
@media screen and (max-width: 768px) {
  .report-detail-intro__total dt {
    font-size: 17px;
  }
}
.report-detail-intro__total dt span {
  display: block;
  transform: skewX(20deg);
}
.report-detail-intro__total dd {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 14px;
}
.report-detail-intro__total dd i {
  display: flex;
  gap: 1px;
}
.report-detail-intro__total dd i img {
  width: 31px;
}
.report-detail-intro__total dd span {
  white-space: nowrap;
  font-size: 12px;
  font-weight: bold;
  color: #986A00;
}
.report-detail-intro__rates {
  width: 336px;
}
.report-detail-intro__rate {
  display: grid;
  grid-template-columns: 174px 1fr;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__rate {
    grid-template-columns: 150px 1fr;
  }
}
.report-detail-intro__rate dt {
  display: grid;
  grid-template-columns: 8px 1fr;
  align-items: center;
  gap: 9px;
  padding: 4px 0;
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #986A00;
}
.report-detail-intro__rate dd {
  display: flex;
  align-items: center;
  gap: 3px;
  padding-left: 42px;
  border-bottom: 1px solid #E2E2E2;
}
@media screen and (max-width: 768px) {
  .report-detail-intro__rate dd {
    padding-left: 22px;
  }
}
.report-detail-intro__rate dd img {
  width: 21px;
}
.report-detail-intro__rate + .report-detail-intro__rate {
  margin-top: 6px;
}
.report-detail-intro__items {
  width: 340px;
}
.report-detail-intro__item {
  display: grid;
  grid-template-columns: 129px 1fr;
  align-items: center;
  font-size: 14px;
}
.report-detail-intro__item dt {
  padding: 8px 9px;
  font-weight: bold;
  background: #F2EFE2;
}
.report-detail-intro__item dd {
  padding: 7px 13px;
}
.report-detail-intro__item + .report-detail-intro__item dt {
  border-top: 1px solid #fff;
}
.report-detail-intro__item + .report-detail-intro__item dd {
  border-top: 1px solid #E2E2E2;
}

.word-mv {
  position: relative;
}
.word-mv__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 300px;
  color: #fff;
}
.word-mv__item i {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
  width: 215px;
  margin-bottom: 14px;
}
.word-mv__item i::after {
  content: attr(data-attr);
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.4em;
}
.word-mv__item i img {
  width: 100%;
}
.word-mv__txt {
  font-size: 19px;
  line-height: 1.7;
}
.word-mv__image img {
  width: 100%;
}
.word-mv__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.word-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .word {
    margin-top: 30px;
  }
}
.word__head {
  margin-bottom: 24px;
  padding: 23px 30px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .word__head {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 -4vw 20px;
    padding: 18px 5.3333333333vw;
    font-size: 16px;
    line-height: 1.5;
    color: #434343;
    background: #f5f5f5;
  }
}
@media screen and (max-width: 768px) {
  .word__head::before {
    content: "";
    width: 3px;
    height: 17px;
    background: currentColor;
  }
}
.word__intro {
  margin-bottom: 30px;
  border: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .word__intro {
    border: none;
    background: none;
  }
}
.word__data + .word__data {
  border-top: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .word__data + .word__data {
    margin-top: 15px;
    border-top: none;
  }
}
.word__arrow {
  display: none;
}
@media screen and (max-width: 768px) {
  .word__arrow {
    display: block;
  }
}
.word__arrow span {
  display: block;
  width: 10px;
}
.word__arrow.-top {
  margin-bottom: 13px;
  border-bottom: 1px solid #d9dae0;
}
.word__arrow.-top span {
  margin-left: auto;
}
.word__arrow.-bottom {
  margin-top: 13px;
  border-top: 1px solid #d9dae0;
}
.word__tabs {
  display: flex;
  justify-content: center;
  padding: 12px 91px;
}
@media screen and (max-width: 768px) {
  .word__tabs {
    padding: 0;
    justify-content: flex-start;
    border: 1px solid #d9dae0;
    overflow-x: auto;
  }
}
.word__tab {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .word__tab {
    flex-shrink: 0;
  }
}
.word__tab + .word__tab {
  border-left: 1px solid #d9dae0;
}
.word__tab:has([lang=ja]) {
  max-width: 57px;
  padding: 0 6px;
}
@media screen and (max-width: 768px) {
  .word__tab:has([lang=ja]) {
    min-width: 60px;
    max-width: 100%;
    padding: 0;
  }
}
.word__tab:has([lang=en]) {
  max-width: 26px;
  padding: 0 4px;
}
@media screen and (max-width: 768px) {
  .word__tab:has([lang=en]) {
    min-width: 50px;
    max-width: 100%;
    padding: 0;
  }
}
.word__btn {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 6px 10px 5px;
  font-size: 12px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .word__btn {
    padding: 9px 10px 8px;
    font-size: 14px;
    font-weight: bold;
  }
}
.word__btn[aria-selected=true] {
  color: #fff;
  background: #0066aa;
}
.word__btn[lang=en] {
  padding: 1px 4px;
}
@media screen and (max-width: 768px) {
  .word__btn[lang=en] {
    padding: 9px 10px 8px;
  }
}
.word__item {
  border: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .word__item {
    border: none;
  }
}
.word__item[aria-hidden=true] {
  display: none;
}
@media screen and (max-width: 768px) {
  .word__rows {
    margin-top: 20px;
    border-bottom: 1px dotted #d9dae0;
  }
}
.word__row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 25px 20px;
  font-size: 15px;
  line-height: 1.6;
  border-top: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .word__row {
    padding: 20px 0;
    border-top: 1px dotted #d9dae0;
  }
}
@media screen and (max-width: 768px) {
  .word__row dt {
    font-size: 16px;
  }
}
.word__row dt small {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .word__row dt small {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  .word__row dd {
    font-size: 14px;
  }
}
.word__row:nth-child(even) {
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .word__row:nth-child(even) {
    background: none;
  }
}
.word__foot {
  margin-top: 30px;
  border: 1px solid #d9dae0;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .word__foot {
    display: none;
    border: none;
    background: none;
  }
}

.contact-mv {
  margin-bottom: 20px;
  background: #71b43d;
}
@media screen and (max-width: 768px) {
  .contact-mv {
    margin-bottom: 0;
  }
}
.contact-mv__mv {
  max-width: 800px;
  margin: 0 auto;
}
.contact-mv__mv img {
  width: 100%;
}
.contact-mv__wrap {
  display: none;
}
@media screen and (max-width: 768px) {
  .contact-mv__wrap {
    display: block;
  }
}
.contact-mv__tel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px;
  color: #fff;
}
.contact-mv__tel em {
  display: flex;
  justify-content: center;
  gap: 0.5em;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.2em;
}
.contact-mv__tel em::before {
  content: "/";
  transform: scaleX(-1);
}
.contact-mv__tel em::after {
  content: "/";
}
.contact-mv__tel span {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.6;
}
.contact-mv__tel span i {
  flex-shrink: 0;
  width: 20px;
}
.contact-mv__tel span i img {
  width: 100%;
}
.contact-mv__tel small {
  font-size: 11px;
  letter-spacing: 1.2px;
  line-height: 1.6;
}
.contact-mv__mail {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 15px 40px;
  background: #579924;
}
.contact-mv__mail em {
  display: flex;
  justify-content: center;
  gap: 0.5em;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
  line-height: 1.2em;
}
.contact-mv__mail em::before {
  content: "/";
  transform: scaleX(-1);
}
.contact-mv__mail em::after {
  content: "/";
}
.contact-mv__mail span {
  position: relative;
  padding-top: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #579924;
  letter-spacing: 1px;
  line-height: 1.2;
  z-index: 1;
}
.contact-mv__mail span i {
  position: absolute;
  width: 345px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.contact-mv__mail span i img {
  width: 100%;
}
.contact-mv__mail span b {
  font-size: 17px;
}

.contact-flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 30px;
  padding: 0 50px;
  border-bottom: 1px solid #dad9df;
}
@media screen and (max-width: 768px) {
  .contact-flow {
    padding: 0;
  }
}
.contact-flow__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 0;
  line-height: 1.6;
  border-top: 1px solid #dad9df;
  border-left: 1px solid #dad9df;
  background: #f9f9fb;
}
.contact-flow__item:last-child {
  border-right: 1px solid #dad9df;
}
.contact-flow__item em {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .contact-flow__item em {
    font-size: 14px;
  }
}
.contact-flow__item span {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .contact-flow__item span {
    font-size: 12px;
  }
}
.contact-flow__item[aria-current] {
  color: #fff;
  background: #0065a9;
}

.form .wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  border: none;
}
.form.-confirm {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .form.-confirm {
    margin-top: 60px;
  }
}
.form__rows {
  margin-top: 40px;
}
.form__row + .form__row {
  margin-top: 40px;
}
.form__head {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 17px;
  font-size: 16px;
  line-height: 2.25;
  font-weight: bold;
  text-align: center;
  border: 1px solid #d9dadf;
  border-bottom: none;
  background: #f9f9fb;
}
@media screen and (max-width: 768px) {
  .form__head {
    font-size: 15px;
    line-height: 2.3333333333;
  }
}
.form__items {
  border: 1px solid #d9dadf;
}
.form__item {
  display: grid;
  grid-template-columns: 250px 1fr;
}
@media screen and (max-width: 768px) {
  .form__item {
    grid-template-columns: 1fr;
  }
}
.form__item + .form__item {
  border-top: 1px solid #d9dadf;
}
.form__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 17px;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  background: #f9f9fb;
}
@media screen and (max-width: 768px) {
  .form__heading {
    padding: 10px 25px;
    font-size: 15px;
    line-height: 1.6;
  }
}
.form__heading small {
  flex-shrink: 0;
  padding: 0 5px;
  font-size: 13px;
  line-height: 1.3076923077;
  font-weight: 400;
  color: #fff;
  background: #ccc;
}
@media screen and (max-width: 768px) {
  .form__heading small {
    font-size: 12px;
    line-height: 1.6;
  }
}
.form__heading.-required small {
  background: #ff4121;
}
.form__detail {
  padding: 10px 20px;
  border-left: 1px solid #d9dadf;
}
@media screen and (max-width: 768px) {
  .form__detail {
    min-height: 44px;
    border-left: none;
    border-top: 1px solid #d9dadf;
  }
}
.form__detail .wpcf7-not-valid-tip {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
.form__checkbox .wpcf7-checkbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px 30px;
  max-width: 524px;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .form__checkbox .wpcf7-checkbox {
    grid-template-columns: 1fr;
    gap: 14px;
    max-width: 100%;
    font-size: 15px;
  }
}
.form__checkbox .wpcf7-checkbox label {
  display: flex;
  align-items: center;
  gap: 0.3em;
  white-space: nowrap;
}
.form__checkbox .wpcf7-checkbox input {
  height: auto;
}
.form__checkbox .wpcf7-list-item {
  margin: 0;
}
.form__privacy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  margin-top: 40px;
  font-size: 16px;
  font-weight: bold;
}
.form__privacy .wpcf7-list-item {
  margin: 0;
}
.form__privacy span:not([class]) {
  display: flex;
  align-items: center;
}
.form__privacy span a {
  text-decoration: underline;
}
.form__privacy span small {
  display: inline-block;
  margin-left: 5px;
  padding: 2px 5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  background: #ff4121;
}
.form__foot {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .form__foot {
    margin-top: 60px;
  }
}
.form__btn {
  position: relative;
  width: 430px;
  height: 80px;
  font-size: 22px;
  line-height: 1;
  color: #fff;
  text-align: center;
  background: #ff6a21;
}
@media screen and (max-width: 768px) {
  .form__btn {
    width: 100%;
    height: 64px;
    font-size: 20px;
  }
}
.form__btn::after {
  content: "＞";
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .form__btn::after {
    font-size: 16px;
    font-weight: 400;
  }
}
.form__btn.-submit {
  width: 285px;
}
@media screen and (max-width: 768px) {
  .form__btn.-submit {
    flex-grow: 1;
  }
}
.form__back {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 153px;
  padding: 20px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border: 1px solid #707070;
}
@media screen and (max-width: 768px) {
  .form__back {
    width: 32vw;
  }
}
.form__back::before {
  content: "<";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: bold;
}

.geo-trust {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .geo-trust {
    gap: 0;
    margin-top: 60px;
  }
}
.geo-trust__icon {
  flex-shrink: 0;
  width: 140px;
}
@media screen and (max-width: 768px) {
  .geo-trust__icon {
    width: 135px;
  }
}
.geo-trust__note {
  width: fit-content;
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .geo-trust__note {
    font-size: 11px;
    line-height: 1.6363636364;
  }
}

.complete-line {
  max-width: 780px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .complete-line__image {
    display: none;
  }
}
.complete-line__image img {
  width: 100%;
}
.complete-line__bnr {
  display: none;
}
@media screen and (max-width: 768px) {
  .complete-line__bnr {
    display: block;
  }
}
.complete-line__bnr img {
  width: 100%;
}
.complete-line__note {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .complete-line__note {
    margin-top: 25px;
  }
}
.complete-line__note small {
  font-size: 14px;
  line-height: 1.6;
}
.complete-line__back {
  display: block;
  width: fit-content;
  margin: 40px auto 0;
  padding: 10px 30px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  background: #0065a9;
}
@media screen and (max-width: 768px) {
  .complete-line__back {
    margin-top: 25px;
  }
}

.faq-mv {
  background: #068ce9;
}
.faq-mv__wrap {
  position: relative;
  min-height: 300px;
  padding: 50px 0;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .faq-mv__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80vw;
    margin: 0 auto;
    padding-top: 65px;
  }
}
.faq-mv__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .faq-mv__head {
    gap: 26px;
  }
}
.faq-mv__head::after {
  content: attr(data-attr);
  font-size: 14px;
  letter-spacing: 0.5em;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .faq-mv__head::after {
    letter-spacing: 0.1em;
  }
}
.faq-mv__head em {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 53px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .faq-mv__head em {
    white-space: nowrap;
    font-size: 32px;
    line-height: 1;
  }
}
.faq-mv__head em i {
  flex-shrink: 0;
  width: 53px;
}
@media screen and (max-width: 768px) {
  .faq-mv__head em i {
    width: 28px;
  }
}
.faq-mv__head em i img {
  width: 100%;
}
.faq-mv__head > i {
  display: none;
}
.faq-mv__head > i img {
  width: 100%;
}
.faq-mv__txt {
  margin-top: 10px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .faq-mv__txt {
    margin-top: 13px;
  }
}
.faq-mv__bg {
  position: absolute;
  width: 500px;
  height: 100%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .faq-mv__bg {
    right: auto;
    left: 8%;
  }
}
.faq-mv__bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.post-detail {
  max-width: 770px;
  margin: 0 auto;
  padding-top: 40px;
}
.post-detail__intro {
  margin-bottom: 30px;
}
:where(.post-detail__content) h2, :where(.post-detail__content) h3, :where(.post-detail__content) h4, :where(.post-detail__content) h5, :where(.post-detail__content) h6 {
  font-weight: bold;
}
:where(.post-detail__content) a {
  color: #0066aa;
  text-decoration: underline;
  line-height: 20px;
}
:where(.post-detail__content) a.back-category {
  text-decoration: none;
}
:where(.post-detail__content) a.back-category:hover {
  text-decoration: underline;
}
:where(.post-detail__content) a:hover {
  text-decoration: none;
}
:where(.post-detail__content) img {
  display: block;
  text-align: center;
  margin: 10px auto;
}
:where(.post-detail__content) h2 {
  border: 0;
  font-size: 23px;
  line-height: 1;
  padding: 24px 30px;
  background: #f9f9fa;
  margin: 60px 0 30px;
}
:where(.post-detail__content) h2:before {
  content: none;
}
:where(.post-detail__content) h3 {
  font-size: 20px;
  border-top: 1px solid #494c5f;
  border-bottom: 1px solid #494c5f;
  margin: 60px 0 30px;
  padding: 20px 0;
  text-align: center;
}
:where(.post-detail__content) h3.title-bl {
  min-height: 40px;
  padding: 10px 15px 10px 25px;
  margin: 30px 0 20px;
  box-sizing: border-box;
  background: #f9f9fa url("../img/base/icon-l-orange.png") no-repeat center left 12px;
  border: 1px solid #d9dae0;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
}
:where(.post-detail__content) h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 10px;
}
:where(.post-detail__content) p {
  font-size: 16px;
  line-height: 35px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  :where(.post-detail__content) p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 30px;
  }
}
:where(.post-detail__content) .anchor-title {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  :where(.post-detail__content) .anchor-title {
    font-size: 16px;
  }
}
:where(.post-detail__content) ul {
  list-style: none;
  padding-left: 25px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  :where(.post-detail__content) ul {
    padding-left: 15px;
    margin-bottom: 20px;
  }
}
:where(.post-detail__content) ul li {
  font-size: 16px;
  line-height: 35px;
  background: url("../img/phone/knowledge/article/icon_anchor2.png") top 12px left 0 no-repeat;
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  :where(.post-detail__content) ul li {
    font-size: 15px;
    line-height: 30px;
  }
}
:where(.post-detail__content) ol {
  padding-left: 35px;
}
:where(.post-detail__content) ol li {
  font-size: 16px;
  line-height: 35px;
}
:where(.post-detail__content) .red {
  font-weight: bold;
  color: #ff4021;
}
:where(.post-detail__content) .anchor {
  padding: 0;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  :where(.post-detail__content) .anchor {
    margin-bottom: 40px;
  }
}
:where(.post-detail__content) .anchor li {
  margin-bottom: 12px;
  line-height: 20px;
  font-weight: normal;
  background: none;
  padding-left: 0;
}
:where(.post-detail__content) .anchor li a {
  display: inline-block;
  padding-left: 20px;
  background: url("../img/phone/knowledge/article/icon_anchor.png") top 7px left 5px no-repeat;
  font-size: 16px;
}
:where(.post-detail__content) .mb20 {
  margin-bottom: 20px;
}
:where(.post-detail__content) .pd30 {
  padding: 0 30px;
}
:where(.post-detail__content) .bold {
  font-weight: bold;
}
:where(.post-detail__content) .red {
  color: #ff4021;
  font-weight: bold;
}
:where(.post-detail__content) .article-info-top {
  width: 100%;
  border: 1px solid #dad9de;
  background: #f9f9fb;
  padding: 14px 10px;
  margin: 0 auto 20px;
}
:where(.post-detail__content) .article-info-top .wrap {
  border-left: 3px solid #fc4122;
  padding-left: 9px;
}
:where(.post-detail__content) .article-info-top .wrap .date {
  font-size: 10px;
  line-height: 1.6;
  margin: 0;
}
@media screen and (max-width: 768px) {
  :where(.post-detail__content) .article-info-top .wrap .date {
    font-size: 12px;
  }
}
:where(.post-detail__content) .article-info-top .wrap .title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0;
}
@media screen and (max-width: 768px) {
  :where(.post-detail__content) .article-info-top .wrap .title {
    font-size: 15px;
  }
}

.cvSec__green.-campaign {
  background: no-repeat url(../img/common/cvGreen_bg.jpg);
}
.-campaign > .cvSec__green__openTime {
  display: flex;
  justify-content: center;
  max-width: 500px;
  font-size: 18px;
}
.-campaign > .cvSec__green__openTime span {
  display: flex;
  align-items: center;
  gap: 0.25em;
  font-size: 18px;
}
.-campaign > .cvSec__green__openTime span img {
  width: 22px;
}
.-campaign > .cvSec__green__openTime__under {
  display: flex;
  justify-content: center;
  max-width: 500px;
}
.-campaign > .cvSec__green__openTime__under span {
  font-size: 15px;
}
.-campaign > .cvSec__green__freeTel {
  display: grid;
  grid-template-columns: 60px 1fr;
  height: auto;
}
.-campaign > .cvSec__green__freeTel::before, .-campaign > .cvSec__green__freeTel::after {
  content: none;
}
.-campaign > .cvSec__green__freeTel dt, .-campaign > .cvSec__green__freeTel dd {
  float: none;
}
.-campaign > .cvSec__green__freeTel dt {
  width: fit-content;
}
.-campaign > .cvSec__green__freeTel dt img {
  width: 100%;
}
.-campaign > .cvSec__green__freeTel dd {
  color: #ea5b2f;
}

.archive-pager {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-bottom: 90px;
}
.archive-pager__status {
  font-size: 12px;
  line-height: 1.6;
}
.archive-pager__wrap {
  position: relative;
  display: flex;
  justify-content: center;
  border: 1px solid #d9dadf;
  border-radius: 5px;
}
.archive-pager__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  height: 54px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .archive-pager__btn {
    font-size: 12px;
  }
}
.archive-pager__btn i {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 7px;
  padding-bottom: 2px;
}
.archive-pager__btn i img {
  width: 100%;
}
.archive-pager__btn + .archive-pager__btn {
  border-left: 1px solid #d9dadf;
}
.archive-pager__btn[aria-disabled] {
  opacity: 0.5;
}
.archive-pager__btn.-first, .archive-pager__btn.-last {
  width: 54px;
}
@media screen and (max-width: 768px) {
  .archive-pager__btn.-first, .archive-pager__btn.-last {
    width: 33px;
  }
}
.archive-pager__btn.-first img, .archive-pager__btn.-last img {
  width: 16px;
}
.archive-pager__btn.-prev, .archive-pager__btn.-next {
  width: 140px;
}
@media screen and (max-width: 768px) {
  .archive-pager__btn.-prev, .archive-pager__btn.-next {
    width: 112px;
  }
}
.archive-pager__btn.-prev:hover, .archive-pager__btn.-next:hover {
  text-decoration: underline;
}

.footer {
  padding-bottom: 80px;
  border-top: 1px solid #d9dae0;
}
@media screen and (max-width: 1020px) {
  .footer {
    padding-bottom: 60px;
  }
}
.footer__row {
  border-bottom: 1px solid #d9dae0;
}
.footer__intro {
  position: relative;
  display: flex;
  gap: 20px;
}
.footer__item {
  display: flex;
  gap: 30px;
  width: 590px;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .footer__item {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
    padding: 30px 0 80px;
  }
}
.footer__logo {
  width: 89px;
}
@media screen and (max-width: 768px) {
  .footer__logo {
    width: 100px;
  }
}
.footer__logo img {
  width: 100%;
}
.footer__info {
  font-size: 12px;
  line-height: 1.5833333333;
}
@media screen and (max-width: 768px) {
  .footer__info {
    font-size: 11px;
    line-height: 1.5909090909;
  }
}
.footer__info dt {
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .footer__info dt {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.footer__info dt em {
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .footer__info dt em {
    font-size: 13px;
    line-height: 1.5384615385;
    font-weight: bold;
  }
}
.footer__info dt em::before {
  content: "/";
}
@media screen and (max-width: 768px) {
  .footer__info dt em::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .footer__info dd {
    display: none;
  }
}
.footer__info dd a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  line-height: 1.5384615385;
  color: #408cbe;
}
.footer__info dd a i {
  width: 4px;
}
.footer__info dd a i img {
  width: 100%;
}
.footer__cv {
  display: flex;
  justify-content: space-between;
  width: 384px;
  padding: 20px 0;
  border-left: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .footer__cv {
    display: none;
  }
}
.footer__contact {
  padding-left: min(3.7711313394vw, 32px);
}
.footer__contact dt {
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.5833333333;
  color: #494c5e;
}
.footer__tel {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.footer__tel a {
  display: block;
  width: 197px;
}
.footer__tel a img {
  width: 100%;
}
.footer__tel p {
  font-size: 9px;
  line-height: 1.5555555556;
}
.footer__detail {
  margin-top: 12px;
}
.footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.footer__link a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 16px 10px 23px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
  border: 1px solid #FD4123;
}
.footer__link a::before {
  content: ">";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.footer__link.-type-1 a {
  width: 111px;
  color: #fff;
  background: #f94025;
}
.footer__link.-type-2 a {
  width: 137px;
  font-size: 12px;
  color: #FD4123;
}
.footer__offices {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 20px 0 10px;
}
@media screen and (max-width: 768px) {
  .footer__offices {
    display: none;
  }
}
.footer__office {
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.5833333333;
  border-left: 1px solid #dbdadf;
}
.footer__office dt {
  font-weight: normal;
}
.footer__office:nth-of-type(4n+1) {
  padding-left: 0;
  border-left: none;
}
.footer__copy {
  display: flex;
  justify-content: center;
  font-size: 10px;
  line-height: 4.5;
  color: #5e6174;
  text-align: center;
  background: #f9f9fb;
}
@media screen and (max-width: 768px) {
  .footer__copy {
    display: none;
  }
}
.footer__dx {
  width: 175px;
}
@media screen and (max-width: 768px) {
  .footer__dx {
    display: none;
  }
}
.footer__dx img {
  width: 100%;
}
.footer__line {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90px;
}
.footer__line span {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  color: #24c755;
  line-height: 1.2;
  text-align: center;
}
.footer__line span::before, .footer__line span::after {
  content: "";
  position: absolute;
  bottom: 5px;
  width: 1px;
  height: 15px;
  background: #24c755;
}
.footer__line span::before {
  left: -5px;
  rotate: -30deg;
}
.footer__line span::after {
  right: -5px;
  rotate: 30deg;
}
.footer__line i {
  width: 100%;
  border: 2px solid #24c755;
  background: #fff;
}
.footer__line i img {
  width: 100%;
}

.footer-nav {
  border-bottom: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  .footer-nav {
    border-bottom: none;
  }
}
.footer-nav__row + .footer-nav__row {
  border-top: 1px solid #d9dae0;
}
.footer-nav__row:nth-of-type(even) {
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .footer-nav__row:not(:first-of-type) {
    display: none;
  }
}
.footer-nav__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .footer-nav__links {
    position: relative;
    gap: 0;
    margin: 0 calc(50% - 50vw);
    background: #f9f9fa;
  }
}
@media screen and (max-width: 768px) {
  .footer-nav__links::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #d9dae0;
  }
}
@media screen and (max-width: 768px) {
  .footer-nav__link {
    width: 50%;
    border-bottom: 1px solid #d9dae0;
  }
}
.footer-nav__link[data-show=sp] {
  display: none;
}
@media screen and (max-width: 768px) {
  .footer-nav__link[data-show=sp] {
    display: block;
  }
}
.footer-nav__link a {
  display: flex;
  align-items: center;
  height: 48px;
  font-size: min(1.300390117vw, 11px);
  line-height: 4.3636363636;
}
@media screen and (max-width: 768px) {
  .footer-nav__link a {
    justify-content: space-between;
    gap: 10px;
    height: 100%;
    min-height: 52px;
    padding: 10px 10px 10px 15px;
    font-size: 14px;
    line-height: 1.4285714286;
  }
}
.footer-nav__link a i {
  display: none;
}
@media screen and (max-width: 768px) {
  .footer-nav__link a i {
    display: block;
  }
}
.-service > .footer-nav__link a {
  position: relative;
  font-size: min(0.9102730819vw, 11px);
}
@media screen and (max-width: 768px) {
  .-service > .footer-nav__link a {
    font-size: 14px;
  }
}
.-service > .footer-nav__link a::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: #ff4021;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .-service > .footer-nav__link a::before {
    content: none;
  }
}
.-service > .footer-nav__link a:hover {
  opacity: 1;
}
.-service > .footer-nav__link a:hover::before {
  opacity: 1;
  visibility: visible;
}
.-service > .footer-nav__link.-active a::before {
  opacity: 1;
  visibility: visible;
}

/* SliderTOP */
.carousel-contents {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.carousel-contents.slick-initialized {
  opacity: 1;
}

.slick-slider {
  position: relative;
  display: block;
  padding-bottom: 44px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 400px;
  right: 50%;
  top: 0;
  margin-right: 200px;
  z-index: 2;
}
.slick-slider:after {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 400px;
  left: 50%;
  top: 0;
  margin-left: 200px;
  z-index: 2;
}

.slick-list {
  position: relative;
  overflow: visible;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 400px;
  height: 400px;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 50%;
  z-index: 3;
  margin-left: -260px;
  transition: 0.5s all;
  opacity: 1;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: url("/img/campaign/phone/slick__PREV.png");
  display: block;
}

[dir=rtl] .slick-prev:before {
  content: ">";
}

.slick-next {
  right: 50%;
  margin-right: -260px;
  z-index: 3;
  transition: 0.5s all;
  opacity: 1;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: url("/img/campaign/phone/slick__NEXT.png");
  display: block;
}

[dir=rtl] .slick-next:before {
  content: "<";
}

/* Dots */
.slick-dots {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  height: 50px;
  text-align: center;
  background-color: #f1f0f0;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 15px 5px 0;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 34px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

:where(#articles) {
  margin-bottom: 40px;
  line-height: 1.6;
}
:where(#articles) .clearfix::after {
  content: "";
  display: block;
  clear: both;
}
:where(#articles) a {
  color: #06a;
  text-decoration: underline;
  line-height: 20px;
}
:where(#articles) a:hover {
  text-decoration: none;
}
:where(#articles) a.back-category {
  text-decoration: none;
}
:where(#articles) a.back-category:hover {
  text-decoration: underline;
}
:where(#articles) img {
  display: block;
  text-align: center;
  margin: 10px auto;
}
:where(#articles) h2 {
  border: 0;
  font-size: 23px;
  line-height: 1;
  padding: 24px 30px;
  background: #f9f9fa;
  margin: 60px 0 30px;
}
:where(#articles) h2:before {
  content: none;
}
:where(#articles) h3 {
  font-size: 20px;
  border-top: 1px solid #494c5f;
  border-bottom: 1px solid #494c5f;
  margin: 60px 0 30px;
  padding: 20px 0;
  text-align: center;
}
:where(#articles) h3.title-bl {
  min-height: 40px;
  padding: 10px 15px 10px 25px;
  margin: 30px 0 20px;
  box-sizing: border-box;
  background: #f9f9fa url("../img/base/icon-l-orange.png") no-repeat center left 12px;
  border: 1px solid #d9dae0;
  font-size: 18px;
  line-height: 1.1111111111;
  font-weight: bold;
}
:where(#articles) h3.fukidashi {
  border: 0 !important;
  font-size: 20px;
  color: #fff;
  background-color: #b40000;
  padding: 11px 0 !important;
  position: relative;
}
@media screen and (max-width: 768px) {
  :where(#articles) h3.fukidashi {
    font-size: 16px;
  }
}
:where(#articles) h3.fukidashi:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 7.5px 0 7.5px;
  border-color: #b40000 transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: -15px;
  margin-left: -7.5px;
}
:where(#articles) h3.fukidashi span {
  color: #fccb0c;
}
:where(#articles) h3.fukidashi.phoneH3 {
  background-color: #0c968d;
}
@media screen and (max-width: 768px) {
  :where(#articles) h3.fukidashi.phoneH3 {
    margin: 30px 0 !important;
  }
}
:where(#articles) h3.fukidashi.phoneH3:after {
  border-color: #0c968d transparent transparent transparent;
}
:where(#articles) h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 10px;
}
:where(#articles) ul {
  margin-bottom: 30px;
  padding-left: 25px;
}
:where(#articles) ul li {
  padding-left: 15px;
  font-size: 16px;
  line-height: 2.1875;
  background: url("../img/phone/knowledge/article/icon_anchor2.png") top 12px left 0 no-repeat;
}
:where(#articles) ol li {
  font-size: 16px;
  line-height: 2.1875;
}
:where(#articles) .view_spOnly {
  display: none;
}
@media screen and (max-width: 768px) {
  :where(#articles) .view_spOnly {
    display: block;
  }
}
:where(#articles) .view_pcOnly {
  display: block;
}
@media screen and (max-width: 768px) {
  :where(#articles) .view_pcOnly {
    display: none;
  }
}
:where(#articles) .view_pcOnlyInline {
  display: inline;
}
@media screen and (max-width: 768px) {
  :where(#articles) .view_pcOnlyInline {
    display: none;
  }
}
:where(#articles) .mgt50 {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .mgt50 {
    margin-top: 25px;
  }
}
:where(#articles) .mb20 {
  margin-bottom: 20px;
}
:where(#articles) .mb35 {
  margin-bottom: 35px;
}
:where(#articles) .pd30 {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .pd30 {
    padding: 0;
  }
}
:where(#articles) .bold {
  font-weight: bold;
}
:where(#articles) .fz13 {
  font-size: 13px;
}
:where(#articles) .fz14 {
  font-size: 14px;
}
:where(#articles) .fz15 {
  font-size: 15px;
}
:where(#articles) .fz16 {
  font-size: 16px;
}
:where(#articles) .fz17 {
  font-size: 17px;
}
:where(#articles) .fz18 {
  font-size: 18px;
}
:where(#articles) .fz19 {
  font-size: 19px;
}
:where(#articles) .fz20 {
  font-size: 20px;
}
:where(#articles) .red, :where(#articles) .orange {
  color: #ff4021;
}
:where(#articles) .numTxt {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .numTxt {
    font-size: 12px;
  }
}
:where(#articles) .redTxt {
  color: #b40000;
}
:where(#articles) .color__ntr {
  color: #494c5e;
  background: none !important;
}
:where(#articles) .article_underLine {
  background: linear-gradient(transparent 60%, #fccb0c 0%);
}
:where(#articles) .strongFont43 {
  font-size: 43px !important;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  :where(#articles) .strongFont43 {
    font-size: 32px !important;
  }
}
:where(#articles) .strongFont85 {
  font-size: 85px !important;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  :where(#articles) .strongFont85 {
    font-size: 62px !important;
  }
}
:where(#articles) .lineheight {
  line-height: 1.2 !important;
}
:where(#articles) .strongFont26 {
  font-size: 26px !important;
  font-weight: bold;
}
:where(#articles) .fontColorPhoneCamp {
  color: #007b82;
}
:where(#articles) .fontColorPhoneCamp02 {
  color: #00479d;
}
:where(#articles) .fGold {
  color: #ae9962;
  font-size: 30px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  :where(#articles) .fGold {
    font-size: 60px;
  }
}
:where(#articles) .fGold__small {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .fGold__small {
    font-size: 23px;
  }
}
:where(#articles) .f_sGold {
  color: #ae9962;
}
:where(#articles) .fOrenge {
  color: #ec6941;
  font-size: 30px !important;
  font-weight: bold;
  text-align: left !important;
}
:where(#articles) .fRed {
  color: #c51515;
  font-weight: bold;
  font-size: 23px;
}
:where(#articles) .f_big {
  font-size: 25px;
}
:where(#articles) .f_posC {
  text-align: center;
}
:where(#articles) .f_sizeMid {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  :where(#articles) .f_sizeMid {
    font-size: 18px;
  }
}
:where(#articles) .f_sizeMidT {
  font-size: 35px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  :where(#articles) .f_sizeMidT {
    font-size: 28px;
  }
}
:where(#articles) .f_colBlue {
  color: #073684;
}
:where(#articles) .f_colYellow {
  color: #edeb38;
}
:where(#articles) .f_wineRed {
  color: #871727;
}
:where(#articles) .f_pink {
  color: #e5004f !important;
}
:where(#articles) .f25 {
  font-size: 25px;
}
:where(#articles) .f20 {
  font-size: 20px;
}
:where(#articles) .remainingNumCap {
  font-size: 30px;
  font-weight: bold;
  color: #b40000;
  line-height: 0.5;
}
@media screen and (max-width: 768px) {
  :where(#articles) .remainingNumCap {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles) .category_mobile {
    margin-bottom: 25px;
    font-size: 12px;
    line-height: 1.1666666667;
    font-weight: bold;
  }
}
:where(#articles) .fukidashi {
  position: relative;
  text-align: center;
  font-size: 35px;
  background-color: #eb6100;
  line-height: 1;
  font-weight: bold;
  padding: 25px 0;
  margin: 40px 0 50px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .fukidashi {
    font-size: 20px;
    margin: 30px 0;
    padding: 15px 0;
  }
}
:where(#articles) .fukidashi:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 15px 0 15px;
  border-color: #eb6200 transparent transparent transparent;
  left: 50%;
  bottom: -30px;
  margin-left: -15px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .fukidashi:after {
    bottom: -15px;
    border-width: 15px 7.5px 0 7.5px;
  }
}
:where(#articles) .common_faq ul {
  list-style: none;
  padding: 30px 0 0;
  margin: 0;
  border-top: 1px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  :where(#articles) .common_faq ul {
    padding: 15px 0 0;
  }
}
:where(#articles) .common_faq ul li {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #d9dae0;
}
@media screen and (max-width: 768px) {
  :where(#articles) .common_faq ul li {
    margin-bottom: 35px;
    padding-bottom: 35px;
  }
}
:where(#articles) .common_faq ul li:after {
  content: " ";
  clear: both;
  display: block;
}
:where(#articles) .common_faq ul li .thumb {
  width: 240px;
  float: left;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .common_faq ul li .thumb {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
:where(#articles) .common_faq ul li .thumb img {
  width: 100%;
  height: auto;
}
:where(#articles) .common_faq ul li .thumb img:hover {
  opacity: 0.7;
}
:where(#articles) .common_faq ul li dl {
  width: calc(100% - 270px);
  width: -webkit-calc(100% - 270px);
  width: -khtml-calc(100% - 270px);
  width: -moz-calc(100% - 270px);
  width: -ms-calc(100% - 270px);
  width: -o-calc(100% - 270px);
  width: calc(100% - 270px);
  float: left;
}
@media screen and (max-width: 768px) {
  :where(#articles) .common_faq ul li dl {
    margin-top: 20px;
  }
}
:where(#articles) .common_faq ul li dl dt {
  margin-bottom: 15px;
}
:where(#articles) .common_faq ul li dl dt a {
  color: #494c5f;
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.1;
  padding-bottom: 3px;
  display: inline-block;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  :where(#articles) .common_faq ul li dl dt a {
    padding-bottom: 0;
    font-size: 22px;
    line-height: 1.1818181818;
  }
}
:where(#articles) .common_faq ul li dl dt a:hover {
  text-decoration: underline;
}
:where(#articles) .common_faq ul li dl dd {
  color: #8b8ea4;
  margin-bottom: 0;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .common_faq ul li dl dd {
    font-size: 14px;
    line-height: 1.5;
  }
}
:where(#articles) #section01 {
  margin-top: 0;
}
:where(#articles) #section01 h2.mb35 {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box {
    border: 1px solid #d9dae0;
    padding: 20px 15px;
    border-left: 0;
    border-right: 0;
  }
}
:where(#articles) #section01 .article-box .related-articles h3 {
  font-size: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles h3 {
    font-size: 18px;
    padding-bottom: 5px;
  }
}
:where(#articles) #section01 .article-box .related-articles ul {
  list-style: none;
  margin-bottom: 35px;
}
:where(#articles) #section01 .article-box .related-articles ul li {
  float: left;
  padding: 20px 0;
  width: 50%;
  border-bottom: 1px solid #d9dae0;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles ul li {
    padding: 10px 0;
  }
}
:where(#articles) #section01 .article-box .related-articles ul li:last-child {
  border-bottom: 0;
}
:where(#articles) #section01 .article-box .related-articles ul li a {
  font-size: 16px;
  display: block;
  color: #494c5f;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles ul li a {
    font-size: 14px;
  }
}
:where(#articles) #section01 .article-box .related-articles ul li a.thumb {
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles ul li a.thumb {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles ul li a.title {
    line-height: 22px;
    height: 44px;
    overflow: hidden;
  }
}
:where(#articles) #section01 .article-box .related-articles ul li a.title:hover {
  text-decoration: none;
  color: #06a;
}
:where(#articles) #section01 .article-box .related-articles ul li:first-child {
  border-right: 1px solid #d9dae0;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles ul li:first-child {
    padding-right: 10px;
  }
}
:where(#articles) #section01 .article-box .related-articles ul li:nth-child(2) {
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles ul li:nth-child(2) {
    padding-left: 10px;
  }
}
:where(#articles) #section01 .article-box .related-articles ul li:nth-child(n+3) {
  width: 100%;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles ul li:nth-child(n+3) {
    position: relative;
  }
}
:where(#articles) #section01 .article-box .related-articles ul li:nth-child(n+3) a.thumb {
  float: left;
  width: 95px;
  margin-right: 15px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles ul li:nth-child(n+3) a.thumb {
    width: 80px;
  }
}
:where(#articles) #section01 .article-box .related-articles ul li:nth-child(n+3) a.thumb img {
  width: 100%;
}
:where(#articles) #section01 .article-box .related-articles ul li:nth-child(n+3) a.title {
  line-height: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  :where(#articles) #section01 .article-box .related-articles ul li:nth-child(n+3) a.title {
    position: absolute;
    height: auto;
    top: 50%;
    left: 110px;
    transform: translateY(-50%);
  }
}
:where(#articles) .camp_box {
  border: 1px solid #d9dadf;
  margin: 20px 0;
}
:where(#articles) .camp_box .head {
  padding: 10px;
  background-color: #f9f9fb;
  border-bottom: 1px solid #d9dadf;
  font-size: 14px;
  font-weight: bold;
}
:where(#articles) .camp_box .entry {
  padding: 20px;
}
:where(#articles) .anchor-title {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.1111111111;
}
:where(#articles) .anchor {
  padding: 0;
  margin-bottom: 50px;
}
:where(#articles) .anchor li {
  margin-bottom: 12px;
  line-height: 20px;
  font-weight: normal;
  background: none;
  padding-left: 0;
}
:where(#articles) .anchor li a {
  display: inline-block;
  padding-left: 20px;
  background: url("../img/phone/knowledge/article/icon_anchor.png") top 7px left 5px no-repeat;
  font-size: 16px;
}
:where(#articles) .camp_product .left {
  width: calc(50% - 10px);
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .camp_product .left {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
}
:where(#articles) .camp_product .right {
  width: calc(50% - 10px);
  float: left;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .camp_product .right {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
:where(#articles) .camp_btn {
  width: 230px;
  display: block;
  padding: 10px 15px;
  background-color: #f9f9fb;
  border: 1px solid #d9dadf;
  text-decoration: none;
  text-align: center;
}
:where(#articles) .camp_btn:hover {
  text-decoration: underline;
}
:where(#articles) .list_back {
  margin: 20px 0;
  text-align: center;
  border-top: 1px solid #d9dadf;
  border-bottom: 1px solid #d9dadf;
  padding: 15px 0;
}
:where(#articles) .list_back a {
  text-decoration: none;
}
:where(#articles) .list_back a:hover {
  text-decoration: underline;
}
:where(#articles) .related-articles {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .related-articles {
    margin-top: 20px;
  }
}
:where(#articles) .related-articles h3 {
  text-align: left;
}
:where(#articles) .copy_used_campaign {
  list-style: none !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
:where(#articles) .copy_used_campaign p {
  margin-bottom: 0;
}
:where(#articles) .copy_used_campaign li {
  font-size: 100% !important;
  line-height: normal !important;
  background: none !important;
  padding-left: 0 !important;
}
:where(#articles) .copy_used_campaign li.model_box {
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px rgba(4, 0, 0, 0.2);
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .copy_used_campaign li.model_box {
    display: block;
  }
}
:where(#articles) .copy_used_campaign li.model_box:hover {
  opacity: 0.6;
  transition: 0.3s ease-in-out;
}
:where(#articles) .copy_used_campaign li.model_box::before {
  content: "";
  display: block;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -4px;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  :where(#articles) .copy_used_campaign li.model_box::before {
    top: 72%;
  }
}
:where(#articles) .model_image {
  width: 250px;
  height: 330px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 25px;
  position: relative;
}
@media screen and (max-width: 768px) {
  :where(#articles) .model_image {
    width: 100%;
    height: auto;
    padding: 10px 0 0 27px;
  }
}
:where(#articles) .model_image span {
  position: absolute;
  width: 80px;
  top: -30px;
  left: 10px;
}
:where(#articles) .color_blue {
  background: linear-gradient(to bottom, #00aae7 0%, #00aae7 50%, #0093c8 50%, #0093c8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aae7", endColorstr="#0093c8", GradientType=0);
}
:where(#articles) .color_pink {
  background: #ec82a6;
  background: linear-gradient(to bottom, #ec82a6 0%, #ec82a6 50%, #e76591 50%, #e76591 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec82a6", endColorstr="#e76591", GradientType=0);
}
:where(#articles) .color_yellow {
  background: linear-gradient(to bottom, #ffb351 0%, #ffb351 50%, #ffa128 50%, #ffa128 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb351", endColorstr="#ffa128", GradientType=0);
}
:where(#articles) .color_black {
  background: linear-gradient(to bottom, #444 0%, #444 50%, #444 50%, #2f2f2f 50%, #2f2f2f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#444444", endColorstr="#2f2f2f", GradientType=0);
}
:where(#articles) .color_red {
  background: linear-gradient(to bottom, #ac0404 0%, #ac0404 50%, #880303 50%, #880303 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ac0404", endColorstr="#880303", GradientType=0);
}
:where(#articles) .model_info {
  width: 520px;
  padding: 25px 60px 25px 30px;
}
:where(#articles) .model_info strong {
  background-color: #dc2c3d;
  color: #fff;
  padding: 4px 10px 4px 15px;
  font-size: 14px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  :where(#articles) .model_info strong {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles) .model_info {
    width: 100%;
    padding: 25px 40px 25px 30px;
  }
}
:where(#articles) .model_headline {
  padding: 15px 0 5px;
}
:where(#articles) .model_headline dt {
  font-size: 12px;
  margin-bottom: -5px;
}
:where(#articles) .model_headline dd {
  font-size: 26px;
  font-weight: bold;
}
:where(#articles) .model_function {
  display: flex;
  padding-bottom: 18px;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
:where(#articles) .model_function li {
  background-repeat: no-repeat !important;
  background-position: left top;
  padding: 0 12px 0 22px !important;
  border-right: 1px dotted #d9dae0;
  margin-right: 10px;
  font-size: 11px !important;
  font-weight: bold;
}
:where(#articles) .model_function li:last-child {
  border-right: none;
  margin-right: 0;
}
:where(#articles) .model_function li:nth-child(1) {
  background-image: url(../img/campaign/latmc/function_1.png) !important;
}
:where(#articles) .model_function li:nth-child(2) {
  border-right: 1px dotted #d9dae0;
  background-image: url(../img/campaign/latmc/function_2.png) !important;
}
:where(#articles) .model_function li:nth-child(3) {
  background-image: url(../img/campaign/latmc/function_3.png) !important;
}
:where(#articles) .model_describe dt {
  font-size: 15px;
  font-weight: bold;
}
:where(#articles) .model_describe dd {
  padding: 5px 0 15px !important;
}
@media screen and (max-width: 768px) {
  :where(#articles) .model_describe dd {
    padding: 5px 0 40px !important;
    font-size: 14px;
  }
}
:where(#articles) .model_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:where(#articles) .model_link span {
  position: absolute;
  bottom: 30px;
  left: 280px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .model_link span {
    left: 30px;
    font-size: 14px;
  }
}
:where(#articles) .newContactbun ul, :where(#articles) .newContactbun li {
  padding-left: 0 !important;
  background-image: none !important;
}
:where(#articles) .newContactbun img {
  display: inline !important;
  margin: 0 !important;
}
:where(#articles) .cvSec__green {
  position: relative;
  background: no-repeat url(../img/common/cvGreen_bg.jpg) !important;
  background-size: cover;
  overflow: hidden !important;
  padding: 30px 0 30px 30px !important;
}
:where(#articles) .cvSec__green p {
  line-height: 1 !important;
  margin-bottom: 0 !important;
}
:where(#articles) .cvSec__green__rebon {
  position: absolute !important;
  transform: rotate(-28deg) !important;
  left: -43% !important;
  top: 15px !important;
  background-color: #65ab31 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #fff !important;
  width: 100% !important;
  text-align: center !important;
  padding: 7px 0 !important;
}
:where(#articles) .cvSec__green__caps {
  color: #097c25 !important;
  font-size: 25px !important;
  font-weight: bold !important;
  margin-top: 10px !important;
}
:where(#articles) .cvSec__green__openTime {
  color: #1d2731 !important;
  margin-top: 15px !important;
  width: 500px !important;
  text-align: center !important;
}
:where(#articles) .cvSec__green__openTime__b {
  font-weight: bold !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: inline-block !important;
}
:where(#articles) .cvSec__green__openTime__s {
  display: inline-block !important;
  font-size: 12px !important;
  line-height: 1 !important;
  width: 500px !important;
  text-align: center !important;
}
:where(#articles) .cvSec__green__openTime__under {
  color: #1d2731 !important;
  margin-top: 5px !important;
}
:where(#articles) .cvSec__green__openTime__under__s {
  display: inline-block !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
:where(#articles) .cvSec__green__freeTel {
  margin-top: 8px !important;
  width: 500px !important;
}
:where(#articles) .cvSec__green__freeTel dt {
  float: left !important;
}
:where(#articles) .cvSec__green__freeTel dt img {
  display: inline !important;
  vertical-align: text-top !important;
  margin: 7px 0 0 !important;
}
:where(#articles) .cvSec__green__freeTel dd {
  float: left !important;
  font-size: 45px !important;
  color: #ea5b2f !important;
  font-weight: bold !important;
  line-height: 1 !important;
  margin-left: 15px !important;
}
:where(#articles) .cvSec__green__btn {
  text-align: left !important;
  margin-top: -17px !important;
}
:where(#articles) .cvSec__green__btn img {
  text-align: left !important;
  display: inline !important;
}
:where(#articles) .btn-link-right {
  display: flex;
  justify-content: flex-end;
  padding-right: 15px;
  font-size: 14px;
  line-height: 1.4285714286;
  background: url(../img/base/news_link_icon.png) right no-repeat;
}
:where(#articles) .star {
  color: #e8442a;
  padding-left: 5px;
}
:where(#articles) .star .star-half {
  position: relative;
  color: #b3b2b2;
}
:where(#articles) .star .star-half::before {
  content: attr(data-inverted);
  position: absolute;
  width: 55%;
  left: 0;
  color: #e8442a;
  overflow: hidden;
}
:where(#articles) .marker {
  background: linear-gradient(transparent 60%, #FFD800 60%);
}
:where(#articles) .contents-wrap {
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .contents-wrap {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .main_ing {
    background: #b40000;
  }
}
.main_ing__head img {
  margin: 0 !important;
  padding: 0;
}
.main_ing__bottom {
  position: relative;
  width: 770px;
  height: 281px;
  background: no-repeat url(../img/campaign/copy/mainImgSUPER_zero_bottom.png);
}
@media screen and (max-width: 768px) {
  .main_ing__bottom {
    width: 100%;
    height: auto;
    padding: 12px 0 5px;
    background-color: #b40000;
    background-size: contain;
  }
}
.main_ing__bottom__rebon {
  position: absolute;
  width: 728px;
  height: 62px;
  background: no-repeat url(../img/campaign/copy/rebon.png);
  left: 50%;
  margin-left: -364px;
  font-size: 25px;
  color: #b40000;
  text-align: center;
  line-height: 2;
  font-weight: bold;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__rebon {
    width: 90%;
    height: 105px;
    top: 0;
    margin-left: -45%;
    padding-top: 6px;
    font-size: 16px;
    line-height: 1.3;
    background-size: 100% 60%;
  }
}
.main_ing__bottom__content {
  position: absolute;
  top: 12px;
  background-color: #fff;
  color: #000;
  margin: 10px;
  padding: 50px 20px 20px;
  box-sizing: content-box;
  width: calc(100% - 60px);
  border-radius: 10px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content {
    position: inherit;
    top: auto;
    width: calc(100% - 20px);
    padding: 50px 15px 20px;
    box-sizing: border-box;
  }
}
.main_ing__bottom__content::after {
  content: "";
  display: block;
  clear: both;
}
.main_ing__bottom__content__info {
  width: 345px;
  float: left;
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content__info {
    width: 100%;
    border-bottom: 1px solid #b40000;
    padding-bottom: 5px;
  }
}
.main_ing__bottom__content__product {
  width: 345px;
  float: right;
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content__product {
    width: 100%;
    padding-top: 10px;
  }
}
.main_ing__bottom__content__product .main_ing__bottom__content__tit {
  line-height: 2.5;
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content__product .main_ing__bottom__content__tit {
    width: 100%;
    min-height: 0;
    margin-bottom: 15px;
    padding: 9px 0;
    line-height: 1.4;
    text-align: center;
  }
}
.main_ing__bottom__content__product ul {
  margin-bottom: 0 !important;
}
.main_ing__bottom__content__tit {
  display: flex;
  justify-content: center;
  align-items: baseline;
  background-color: #b40000;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  height: 35px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content__tit {
    float: left;
    flex-direction: column;
    align-items: center;
    width: 45%;
    min-height: 123px;
    padding: 9px;
    font-size: 10px;
  }
}
.main_ing__bottom__content__tit .makerLogo {
  display: inline-block !important;
  margin: 0 15px 0 0 !important;
  vertical-align: baseline;
}
.main_ing__bottom__content__list {
  display: table;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content__list {
    float: right;
    display: block;
    width: 51%;
  }
}
.main_ing__bottom__content__list:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content__list:first-of-type {
    margin-top: 0;
  }
}
.main_ing__bottom__content__list dd {
  display: table-cell;
  width: 24px;
  height: 36px;
  color: #fff;
  text-align: center;
  background: no-repeat url(../img/campaign/copy/merit.png);
  vertical-align: middle;
}
.main_ing__bottom__content__list dt {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  text-indent: 10px;
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content__list dt {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content__list dt span {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .main_ing__bottom__content__wrapList {
    width: 51%;
    float: right;
  }
}

h3.fukidashi02 {
  border: 0 !important;
  color: #fff;
  background-color: #b40000;
  padding: 11px 0 !important;
  position: relative;
}
h3.fukidashi02:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 7.5px 0 7.5px;
  border-color: #b40000 transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: -15px;
  margin-left: -7.5px;
}
h3.fukidashi02 span {
  color: #fccb0c;
}
h3.fukidashi02.phoneH3 {
  background-color: #004986;
}
h3.fukidashi02.phoneH3:after {
  border-color: #004986 transparent transparent transparent;
}

.superZero__3point ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 !important;
  margin-top: 50px;
}
.superZero__3point__item {
  position: relative;
  width: calc(33.3333333333% - 10px);
  min-height: 345px;
  background-image: none !important;
  margin-left: 15px;
  padding: 0 !important;
  border: 1px solid #b40000;
}
@media screen and (max-width: 768px) {
  .superZero__3point__item {
    width: 100%;
    min-height: 365px;
    margin-top: -1px;
    margin-left: 0;
  }
}
.superZero__3point__item:first-child {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .superZero__3point__item:first-child {
    margin-top: 0;
  }
}
.superZero__3point__item__no {
  position: absolute;
  left: 50%;
  top: -15px;
  margin-left: -35%;
  background-color: #b40000;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  width: 70%;
  text-align: center;
  border-radius: 30px;
  line-height: 1 !important;
  padding: 5px 0 !important;
}
.superZero__3point__item__no span {
  color: #fccb0c;
  font-size: 20px;
}
.superZero__3point__item__ph img {
  width: 100%;
  margin: 0 !important;
}
.superZero__3point__item h4 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #b40000;
  margin: 10px 0 0 !important;
}
.superZero__3point__item__txt {
  font-size: 14px;
  padding: 0 28px;
  line-height: 1.8 !important;
  margin: 10px 0 5px !important;
}

.superZero__saport ul {
  display: flex;
  justify-content: center;
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .superZero__saport ul {
    flex-direction: column;
    margin-top: -30px;
  }
}
.superZero__saport__list {
  border: 2px solid #b40000;
  background-image: none !important;
  padding-left: 0 !important;
  width: calc(33.3333333333% - 10px);
  margin-left: 15px;
  line-height: 1.3 !important;
}
@media screen and (max-width: 768px) {
  .superZero__saport__list {
    width: 100%;
    margin-top: 50px;
    margin-left: 0;
  }
}
.superZero__saport__list dt {
  position: relative;
  background-color: #b40000;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  padding: 20px 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .superZero__saport__list dt {
    padding: 10px 0;
  }
}
.superZero__saport__list dt span {
  color: #fccb0c;
}
.superZero__saport__list dt:before {
  position: absolute;
  left: 50%;
  margin-left: -45px;
  top: -30px;
  content: "";
  width: 90px;
  height: 90px;
  border-radius: 44px;
  z-index: -1;
  background: #b40000 url(../img/campaign/copy/saporticon02.png) no-repeat 50% 9px;
}
.superZero__saport__list dd {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .superZero__saport__list dd {
    padding: 10px 0;
  }
}
.superZero__saport__list:first-child {
  margin-left: 0;
}
.superZero__saport__list:first-child dt:before {
  background: #b40000 url(../img/campaign/copy/saporticon01.png) no-repeat 50% 9px;
}
.superZero__saport__list:last-child dt:before {
  background: #b40000 url(../img/campaign/copy/saporticon03.png) no-repeat 50% 9px;
}

.benefits {
  margin-top: 90px;
  margin-bottom: 20px;
}
.benefits ol {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.benefits__item {
  border: 1px solid #b40000;
  padding: 4px;
  list-style: none !important;
}
.benefits__item:last-child {
  margin-top: 80px;
}
.benefits__item__inner {
  border: 1px solid #b40000;
  position: relative;
  padding-bottom: 50px;
}
.benefits__item__inner:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #b40000 transparent transparent transparent;
}
.benefits__item__inner__numSec {
  width: 100px;
  color: #b40000;
  text-align: center;
  padding-top: 60px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: -80px;
  background: #fff url(../img/campaign/copy/meritTxt.svg) no-repeat 50% 26%;
  background-size: 95px;
}
.benefits__item__inner__numSec__num {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1;
}
.benefits__item__inner__numSec__nuderLine {
  font-size: 15px;
  line-height: 2.3333333333;
  font-weight: bold;
}
.benefits__item__inner__numSec__nuderLine span {
  background: linear-gradient(transparent 60%, #fccb0c 0%);
}
.benefits__item__inner__txt {
  font-size: 20px;
  line-height: 1.75;
  text-align: center;
  margin-top: 76px;
}
@media screen and (max-width: 768px) {
  .benefits__item__inner__txt {
    font-size: 14px;
    line-height: 2.5;
  }
}
.benefits__item__inner__strongTxt {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin-top: 30px;
  color: #b40000;
}
@media screen and (max-width: 768px) {
  .benefits__item__inner__strongTxt {
    font-size: 20px;
  }
}
.benefits__item__inner__strongTxt span {
  background: linear-gradient(transparent 60%, #fccb0c 0%);
}

.marugoto__main {
  background: no-repeat url(../img/campaign/phone/marugotoZeroMain_bg.png);
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .marugoto__main {
    background: no-repeat url(../img/campaign/phone/marugotoZeroMain_bg_sp.png);
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main__intro {
    width: 100%;
    margin: 20px 0 0 20px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    transform: rotate(-43deg);
    left: -158px;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main__intro__ribon {
    background-color: #fff45f;
    color: #0c968d;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main__intro__ribon::before {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 12px 0 12px 7px;
    border-color: transparent transparent transparent #0c968d;
    left: 0;
    top: 50%;
    margin-top: -12px;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main__intro__ribon::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 12px 0;
    border-color: transparent #0c968d transparent transparent;
    right: 0;
    top: 50%;
    margin-top: -12px;
  }
}
.marugoto__main__logo__img {
  margin: 0 0 0 75px !important;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .marugoto__main__logo__img {
    width: 86%;
    margin: 32px 0 0 35px !important;
  }
}
.marugoto__main__openingPeriod {
  position: absolute;
  left: -330px;
  top: 20px;
  background-color: #fff45f;
  color: #0c968d;
  width: 100%;
  text-align: center;
  font-size: 28px;
  transform: rotate(-43deg);
  font-weight: bold;
  padding: 10px 0;
}
.marugoto__main__footer {
  background-color: #00504a;
  padding-bottom: 11px;
  margin-top: 40px;
}
.marugoto__main__footer__txt {
  float: left;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  margin-left: 150px;
}
.marugoto__main__footer__img {
  float: left;
  position: relative;
  background-color: #fff;
  width: 302px;
  height: 80px;
  margin: 16px 0 0 15px;
}
@media screen and (max-width: 768px) {
  .marugoto__main__footer__img {
    width: 170px;
    margin: 0 0 0 1px;
  }
}
.marugoto__main__footer__img__tag {
  position: absolute;
  max-width: inherit !important;
  top: -50px;
  width: 139px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .marugoto__main__footer__img__tag {
    top: 0;
    left: 20px;
  }
}
.marugoto__main__footer__img__txt {
  position: absolute;
  font-weight: bold;
  color: #00504a;
  top: 26px;
  width: 50px;
  left: 120px;
  line-height: 1 !important;
}
@media screen and (max-width: 768px) {
  .marugoto__main__footer__img__txt {
    top: 30px;
    left: 10px;
    font-size: 12px;
  }
}
.marugoto__main__footer__img__txt__big {
  font-size: 24px;
  letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
  .marugoto__main__footer__img__txt__big {
    font-size: 20px;
  }
}
.marugoto__main__footer__img__num {
  position: absolute;
  font-weight: bold;
  color: #00504a;
  top: -5px;
  width: 80px;
  left: 165px;
  font-size: 56px;
}
@media screen and (max-width: 768px) {
  .marugoto__main__footer__img__num {
    left: 50px;
    letter-spacing: -3px;
    text-align: center;
  }
}
.marugoto__main__footer__img__com {
  position: absolute;
  font-weight: bold;
  color: #00504a;
  top: 23px;
  width: 40px;
  left: 246px;
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .marugoto__main__footer__img__com {
    left: 129px;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main__footer__img__after {
    position: absolute;
    font-weight: bold;
    color: #fff;
    top: 32px;
    width: 32px;
    left: 185px;
    font-size: 16px;
    line-height: 1;
  }
}
.marugoto__main__footer__calendar {
  float: right;
  margin-right: 20px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .marugoto__main__footer__calendar {
    margin-right: 15px;
    margin-top: 17px;
  }
}
.marugoto__main__footer__calendar__cap {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 4px !important;
}
@media screen and (max-width: 768px) {
  .marugoto__main__footer__calendar__cap {
    font-size: 14px;
    margin-bottom: 0 !important;
  }
}
.marugoto__main02 {
  background: no-repeat url(../img/campaign/phone/marugotoZeroMain_bg02.png);
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .marugoto__main02 {
    background: no-repeat url(../img/campaign/phone/marugotoZeroMain_bg_sp02.png);
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main02__intro {
    width: 100%;
    margin: 20px 0 0 20px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    transform: rotate(-43deg);
    left: -158px;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main02__intro__ribon {
    background-color: #fff45f;
    color: #0c968d;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main02__intro__ribon::before {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 12px 0 12px 7px;
    border-color: transparent transparent transparent #0c968d;
    left: 0;
    top: 50%;
    margin-top: -12px;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main02__intro__ribon::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 12px 0;
    border-color: transparent #0c968d transparent transparent;
    right: 0;
    top: 50%;
    margin-top: -12px;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main02__logo {
    position: relative;
    z-index: 1;
  }
}
.marugoto__main02__logo__img {
  margin: 0 0 0 25px !important;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__logo__img {
    width: 95%;
    margin: 19px 0 0 12px !important;
    padding-top: 0;
  }
}
.marugoto__main02__openingPeriod {
  position: absolute;
  left: -328px;
  top: 7px;
  background-color: #004986;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 24px;
  transform: rotate(-27deg);
  font-weight: bold;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__openingPeriod {
    left: -330px;
    top: 20px;
    background-color: #fff45f;
    font-size: 28px;
    color: #0c968d;
    transform: rotate(-43deg);
  }
}
.marugoto__main02__footer {
  background-color: #004986;
  padding-bottom: 11px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer {
    position: relative;
    padding-bottom: 1px;
    margin-top: -75px;
    background-color: #00203b;
    z-index: 2;
  }
}
.marugoto__main02__footer__txt {
  float: left;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  margin-left: 150px;
}
.marugoto__main02__footer__img {
  float: left;
  position: relative;
  background-color: #fff;
  width: 302px;
  height: 80px;
  margin: 16px 0 0 15px;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer__img {
    width: 170px;
    margin: 0 0 0 1px;
  }
}
.marugoto__main02__footer__img__tag {
  position: absolute;
  max-width: inherit !important;
  top: -50px;
  width: 139px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer__img__tag {
    width: auto;
    top: 0;
    left: 20px;
  }
}
.marugoto__main02__footer__img__txt {
  position: absolute;
  font-weight: bold;
  color: #004986;
  top: 26px;
  width: 50px;
  left: 120px;
  line-height: 1 !important;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer__img__txt {
    top: 30px;
    left: 10px;
    font-size: 12px;
    color: #00203b;
  }
}
.marugoto__main02__footer__img__txt__big {
  font-size: 24px;
  letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer__img__txt__big {
    font-size: 20px;
  }
}
.marugoto__main02__footer__img__num {
  position: absolute;
  font-weight: bold;
  color: #004986;
  top: -5px;
  width: 80px;
  left: 165px;
  font-size: 56px;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer__img__num {
    left: 50px;
    color: #00203b;
    letter-spacing: -3px;
    text-align: center;
  }
}
.marugoto__main02__footer__img__com {
  position: absolute;
  font-weight: bold;
  color: #004986;
  top: 23px;
  width: 40px;
  left: 246px;
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer__img__com {
    left: 129px;
    color: #00203b;
  }
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer__img__after {
    position: absolute;
    font-weight: bold;
    color: #fff;
    top: 32px;
    width: 32px;
    left: 185px;
    font-size: 16px;
    line-height: 1;
  }
}
.marugoto__main02__footer__calendar {
  float: right;
  margin-right: 20px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer__calendar {
    margin-right: 15px;
    margin-top: 17px;
  }
}
.marugoto__main02__footer__calendar__cap {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 4px !important;
}
@media screen and (max-width: 768px) {
  .marugoto__main02__footer__calendar__cap {
    font-size: 14px;
    margin-bottom: 0 !important;
  }
}
.txtMarugotoZero {
  text-align: center;
  font-size: 20px !important;
  font-weight: bold;
}

.iconCaps {
  background: no-repeat url(../img/campaign/phone/icon-japanFirst.png) 0 50%;
  background-size: 84px;
  padding-left: 90px;
}
@media screen and (max-width: 768px) {
  .iconCaps {
    padding: 20px 0 20px 90px;
    background-size: 76px;
  }
}

.MarugotoZero_point4 {
  padding-left: 0 !important;
  margin-top: 35px;
}
.MarugotoZero_point4__item {
  float: left;
  background-image: none !important;
  width: 166px;
  padding-left: 0 !important;
  box-shadow: 0 0 12px #999;
  margin-right: 35px;
  border-radius: 15px !important;
}
@media screen and (max-width: 768px) {
  .MarugotoZero_point4__item {
    width: 48%;
    box-shadow: 0 0 6px #999;
    margin-left: 4%;
  }
}
.MarugotoZero_point4__item__name {
  background-color: #eee;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-radius: 15px 15px 0 0;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .MarugotoZero_point4__item__name {
    padding: 10px 0;
  }
}
.MarugotoZero_point4__item__img {
  background-color: #fff;
  height: 117px;
}
@media screen and (max-width: 768px) {
  .MarugotoZero_point4__item__img {
    height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .MarugotoZero_point4 li:first-child {
    margin-left: 0;
  }
}
.MarugotoZero_point4 li:first-child .MarugotoZero_point4__item__img {
  background: no-repeat url(../img/campaign/phone/pointIcon_01.png) 50%;
  background-size: 45%;
}
@media screen and (max-width: 768px) {
  .MarugotoZero_point4 li:first-child .MarugotoZero_point4__item__img {
    background-size: 33%;
  }
}
.MarugotoZero_point4 li:nth-child(2) .MarugotoZero_point4__item__img {
  background: no-repeat url(../img/campaign/phone/pointIcon_02.png) 50%;
  background-size: 40%;
}
@media screen and (max-width: 768px) {
  .MarugotoZero_point4 li:nth-child(3) {
    margin-top: 15px;
    margin-left: 0;
  }
}
.MarugotoZero_point4 li:nth-child(3) .MarugotoZero_point4__item__img {
  background: no-repeat url(../img/campaign/phone/pointIcon_03.png) 50%;
  background-size: 30%;
}
.MarugotoZero_point4 li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .MarugotoZero_point4 li:last-child {
    margin-top: 15px;
  }
}
.MarugotoZero_point4 li:last-child .MarugotoZero_point4__item__img {
  background: no-repeat url(../img/campaign/phone/pointIcon_04.png) 50%;
  background-size: 40%;
}

.marugotoZeroProduct {
  padding-left: 0 !important;
}
.marugotoZeroProduct a {
  text-decoration: none !important;
  color: #494c5e !important;
  transition: all 0.5s;
  opacity: 1;
  display: block;
}
.marugotoZeroProduct__item {
  width: 220px;
  min-height: 314px;
  float: left;
  background-image: none !important;
  padding-left: 0 !important;
  margin-left: 28px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct__item {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
.marugotoZeroProduct__item__ph {
  height: 210px;
  background-size: cover !important;
  background-position: 50% 50% !important;
}
.marugotoZeroProduct__item__read {
  background-color: #00479d;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 7px 0;
}
.marugotoZeroProduct__item__info {
  min-height: 70px;
  padding: 0 17px;
  text-align: center;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.marugotoZeroProduct__item__info__logo {
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.marugotoZeroProduct__item__info__logo img {
  margin: 0 !important;
  display: inline !important;
  vertical-align: baseline;
}
.marugotoZeroProduct__item__info__logo .hitachi {
  height: 20px;
}
.marugotoZeroProduct__item__info__logo .ntt {
  height: 24px;
}
.marugotoZeroProduct__item__info__logo .nec {
  height: 15px;
}
.marugotoZeroProduct__item__info__logo .saxa {
  height: 24px;
}
.marugotoZeroProduct__item__info__logo .iwatsu {
  height: 10px;
}
.marugotoZeroProduct__item__info__logo .nakayo {
  height: 8px;
}
.marugotoZeroProduct__item__info__logo .panasonic {
  height: 12px;
}
.marugotoZeroProduct__item__info__name {
  padding: 5px 0;
  font-weight: bold;
  font-size: 16px;
}
.marugotoZeroProduct__item__lastTxt {
  font-size: 24px !important;
  font-weight: bold !important;
  border-bottom: 1px solid #0c968d;
  padding-bottom: 15px !important;
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct__item__lastTxt {
    font-size: 19px !important;
    margin-top: 35px;
  }
}
.marugotoZeroProduct li:last-child {
  width: 468px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct li:last-child {
    width: 100%;
    min-height: unset;
  }
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl {
  padding-left: 0 !important;
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li {
  background-image: none !important;
  display: inline-block;
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li:first-child {
  padding-left: 0 !important;
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li img {
  display: inline !important;
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .hitachi {
  height: 34px;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .hitachi {
    height: 27px;
  }
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .ntt {
  height: 37px;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .ntt {
    height: 27px;
  }
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .nec {
  height: 26px;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .nec {
    height: 16px;
  }
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .saxa {
  height: 37px;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .saxa {
    height: 27px;
  }
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .iwatsu {
  height: 15px;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .iwatsu {
    height: 11px;
  }
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .nakayo {
  height: 13px;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .nakayo {
    height: 10px;
  }
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .panasonic {
  height: 16px;
}
@media screen and (max-width: 768px) {
  .marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li .panasonic {
    height: 12px;
  }
}
.marugotoZeroProduct li:last-child .marugotoZeroProduct__item__lastUl li:last-child {
  width: inherit !important;
  text-align: inherit !important;
}

.QandA {
  margin-top: -1px;
}
.QandA__Q {
  position: relative;
  background: no-repeat url(../img/campaign/phone/question.png) 15px 50%;
  font-size: 16px;
  font-weight: bold;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px 0 10px 55px;
}
@media screen and (max-width: 768px) {
  .QandA__Q {
    padding: 10px 35px;
    font-size: 14px;
    background-position: 5px;
  }
}
.QandA__Q__btn {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -10px;
  transition: all 0.5s;
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .QandA__Q__btn {
    right: 5px;
  }
}
.QandA__Q__btn.hide {
  transform: rotate(0deg);
}
.QandA__Q__btn img {
  display: inline !important;
  margin: 0 !important;
  text-align: inherit !important;
}
.QandA__A {
  background: no-repeat url(../img/campaign/phone/anser.png) 15px 50%;
  padding: 10px 0 10px 55px;
  font-size: 14px;
  line-height: 1.6;
  border-bottom: 1px solid #eee;
  display: none;
}
@media screen and (max-width: 768px) {
  .QandA__A {
    padding: 10px 35px;
    background: no-repeat url(../img/campaign/phone/anser.png) 5px 15px;
  }
}
.QandA__A.active {
  display: block;
}

.xdsoft_flipcountdown {
  display: inline-block;
}

.xdsoft_flipcountdown .xdsoft_digit {
  float: left;
  background-repeat: no-repeat;
}

.xdsoft_flipcountdown .xdsoft_clearex {
  clear: both;
  float: none;
}

.xdsoft_flipcountdown > .xdsoft_digit {
  background-position: 0 0;
}

.xdsoft_flipcountdown > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown > .xdsoft_digit.xdsoft_dot {
  opacity: 0.9;
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit {
  width: 53px;
  height: 76px;
  background-image: url(../img/campaign/phone/digit-lg.png);
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_dot {
  width: 14px;
  background-position: -19px -5082px;
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_dot {
  background-position: -41px -5082px;
}

.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_space {
  background-position: -100px -5082px;
}

.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit {
  width: 44px;
  height: 47px;
  background-image: url(../img/campaign/phone/digit-md.png);
}

.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_dot {
  width: 10px;
  background-position: -13px -3217px;
}

.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit {
  width: 24px;
  height: 34px;
  background-image: url(../img/campaign/phone/digit-sm.png);
}

.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_dot {
  width: 10px;
  background-position: -6px -2310px;
}

.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit {
  width: 16px;
  height: 23px;
  background-image: url(../img/campaign/phone/digit-xs.png);
}

.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_dot {
  width: 5px;
  background-position: -5px -1584px;
  background-size: 39px 3134px;
}

.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_dot,
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_space {
  width: 20px;
  background-position: center bottom -1px;
}

.xdsoft_flipcountdown > div:nth-child(3) {
  background: none !important;
  display: flex;
  align-items: flex-end;
  width: 24px !important;
}

.xdsoft_flipcountdown > div:nth-child(3)::after {
  color: #fff;
  content: "日";
  font-size: 25px;
  font-weight: 700;
  line-height: 0.9;
}

.pointSec {
  padding-left: 0 !important;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .pointSec {
    margin-bottom: 0 !important;
  }
}
.pointSec__item {
  background: no-repeat url(../img/campaign/copy/gekkei.png) !important;
  width: 183px;
  height: 167px;
  float: left;
  line-height: 1 !important;
  text-align: center;
  position: relative;
  padding-left: 0 !important;
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .pointSec__item {
    float: none;
    width: 45%;
    margin-left: 0;
    background: no-repeat url(../img/campaign/copy/gekkei.png) !important;
    background-size: contain !important;
  }
}
.pointSec__item__num {
  color: #a49851;
  position: absolute;
  left: 50%;
  top: 10px;
  width: 50px;
  margin-left: -25px;
}
.pointSec__item__num__point {
  font-size: 14px;
  font-weight: bold;
}
.pointSec__item__num__number {
  font-size: 30px;
  font-weight: bold;
}
.pointSec__item__txt {
  position: absolute;
  left: 50%;
  width: 116px;
  margin-left: -58px;
  top: 70px;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .pointSec__item__txt {
    font-size: 14px !important;
  }
}
.pointSec li:first-child {
  margin-left: 0;
}
.pointSec li:first-child .pointSec__item__txt {
  top: 65px;
}
@media screen and (max-width: 768px) {
  .pointSec li:nth-child(odd) {
    float: left;
  }
}
@media screen and (max-width: 768px) {
  .pointSec li:nth-child(even) {
    float: right;
  }
}

.tokkakiH3 {
  border-top: none !important;
  border-bottom: none !important;
  border-left: 3px solid #bb0013;
  background-color: #eee;
  text-align: left !important;
  padding-left: 25px !important;
}
@media screen and (max-width: 768px) {
  .tokkakiH3 {
    padding-left: 10px !important;
    margin-top: 10px !important;
    font-size: 18px !important;
  }
}

.product-horizontal {
  list-style: none;
  color: #434343;
  padding-left: 0 !important;
}
.product-horizontal::after {
  display: none;
}
.product-horizontal-item {
  padding-left: 0 !important;
  line-height: 1 !important;
}
.product-horizontal li {
  background-image: none !important;
  border: 1px solid #e7e7e7 !important;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .product-horizontal li {
    overflow: hidden;
  }
}
.product-horizontal li:last-child {
  margin-bottom: 0;
}
.product-horizontal li:first-child .product-headline {
  background: none;
}
.product-horizontal li:nth-child(2) .product-headline {
  background: none;
}
.product-horizontal li:nth-child(3) .product-headline {
  background: none;
}
.product-horizontal li > a {
  float: left;
}
.product-horizontal li .product-information {
  float: left;
  width: 468px;
  padding: 35px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .product-horizontal li .product-information {
    width: 100%;
    padding: 15px;
  }
}
.product-horizontal li .product-information .maker {
  position: absolute;
  width: 132px;
  height: 53px;
  line-height: 53px;
  text-align: center !important;
  top: 0;
  right: 0;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background-color: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .product-horizontal li .product-information .maker {
    width: 125px;
    height: 45px;
    top: -150px;
  }
}
.product-horizontal li .product-information .maker img {
  display: inline-block !important;
  vertical-align: sub;
  margin-top: -2px !important;
  margin-bottom: 0 !important;
  margin-right: 3px !important;
}
.product-horizontal li .product-information .maker img.time {
  width: 25%;
}
.product-horizontal li .product-information .maker .amountNumSec {
  vertical-align: middle;
  font-size: 17px;
  font-weight: bold;
}
.product-horizontal li .product-information .maker .amountNumSec__num {
  font-size: 24px;
  color: #e50012;
}
.product-horizontal li .product-information .product-headline {
  padding-left: 0;
  margin: 8px 0 15px;
}
.product-horizontal li .product-information .product-headline h4 {
  font-size: 20px;
  line-height: 1.3;
  margin: 15px 0 3px !important;
}
.product-horizontal li .product-information .product-headline h4 + span {
  font-size: 10px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
}
.product-horizontal li .product-information .product-status {
  height: 20px;
  line-height: 20px;
}
.product-horizontal li .product-information .product-status span {
  float: left;
  display: inline-block;
  vertical-align: middle;
}
.product-horizontal li .product-information .product-status .used-or-new {
  background-color: #434343;
  color: #fff;
  font-size: 11px;
  padding: 0 10px;
  font-weight: bold;
  border-radius: 2px;
  margin-right: 5px;
}
.product-horizontal li .link-img-expansion-ot {
  width: 300px;
  height: 300px;
  text-align: center;
  background: linear-gradient(to bottom, #ac0404 0%, #ac0404 50%, #880303 50%, #880303 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ac0404", endColorstr="#880303", GradientType=0);
}
.product-status-point {
  background: url(../img/product/balloon.svg) left center/16px no-repeat;
  padding-left: 20px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
  white-space: nowrap;
}

.review {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 7px;
  margin-bottom: 13px;
}
.review > span {
  float: left;
}
.review .evaluation {
  color: #e8442a;
  font-weight: bold;
  font-size: 11px;
}
.review .evaluation em {
  font-size: 14px;
  font-style: normal;
}
.review .star {
  color: #e8442a;
  padding-left: 5px;
}
.review .star .star-down {
  color: #b3b2b2;
}
.review .star .star-half {
  position: relative;
  color: #b3b2b2;
}
.review .star .star-half::before {
  content: attr(data-inverted);
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 55%;
  color: #e8442a;
}
.review .star .boundary {
  color: #434343;
  padding: 0 8px 0 7px;
}

.campaign-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.campaign-tooltip:hover .campaign-tooltip-open {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .campaign-tooltip:hover .campaign-tooltip-open {
    visibility: hidden;
    opacity: 0;
  }
}
.campaign-tooltip-open {
  width: 296px;
  position: absolute;
  z-index: 1;
  top: 30px;
  left: -65%;
  visibility: hidden;
  transition: opacity 0.3s;
  text-align: center;
  opacity: 0;
  background-color: #fff;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 768px) {
  .campaign-tooltip-open {
    top: -60px;
    left: -130px;
  }
}
.campaign-tooltip-open::before {
  content: "";
  border-right: 8px solid transparent;
  border-bottom: 13px solid #fff;
  border-left: 8px solid transparent;
  position: absolute;
  top: -13px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
}
.campaign-tooltip-open::after {
  content: "";
  position: absolute;
  top: -13px;
  display: block;
  width: 100%;
  height: 13px;
}
.campaign-tooltip-open a {
  display: block;
  padding: 15px 0 35px;
}
.campaign-tooltip-open a img {
  width: 271px;
  height: 219px;
}
.campaign-tooltip-open a:hover img {
  opacity: 1;
}
.campaign-tooltip .open-new-campaign {
  left: -45%;
}
.campaign-tooltip-target {
  width: 133px;
  vertical-align: middle;
  margin: 0 !important;
}
.campaign-tooltip .target-new-campaign {
  width: 162px;
}
.campaign-tooltip .new {
  width: 145px;
}

.product-price {
  font-size: 13px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .product-price {
    font-size: 12px;
  }
}
.product-price + p {
  font-size: 13px;
  margin: 10px 0;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .product-link {
    background-color: transparent !important;
  }
}
.product-link a {
  float: left;
  padding: 8px 0;
  text-align: center;
  color: #fff !important;
  font-weight: bold;
  font-size: 11px;
  display: block;
  border-radius: 2px;
  text-decoration: none !important;
}
.product-link a:first-child {
  width: 240px;
  background-color: #e8442a;
  margin-right: 13px;
}
@media screen and (max-width: 768px) {
  .product-link a:first-child {
    width: 55%;
    margin-right: 2%;
  }
}
.product-link a:last-child {
  width: 145px;
  background: url(../img/product/icon-product-link-contact.svg) right 6px top 6px/12px no-repeat #2a4673;
}
@media screen and (max-width: 768px) {
  .product-link a:last-child {
    width: 43%;
  }
}

.link-img-expansion-ot {
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.link-img-expansion-ot:hover img {
  opacity: 1 !important;
}
.link-img-expansion-ot img {
  transition: none !important;
}
@media screen and (max-width: 768px) {
  .link-img-expansion-ot img {
    width: 25%;
  }
}
.link-img-expansion-ot img:hover {
  transform: scale(1);
  opacity: 1;
}

.supportInfo {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .supportInfo {
    margin-top: 0;
  }
}
.supportInfo__dt {
  width: 90px;
  float: left;
}
@media screen and (max-width: 768px) {
  .supportInfo__dt {
    float: none;
    margin: 20px auto 0;
  }
}
.supportInfo__dt img {
  width: 100%;
  margin: 0 !important;
}
.supportInfo__dd {
  float: right;
  font-weight: bold;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .supportInfo__dd {
    float: none;
    margin-top: 15px;
  }
}
.supportInfo__dd__red {
  color: #bb0013;
}

.cvSec {
  position: relative;
  background: no-repeat url(../img/campaign/copy/cv_bg.jpg);
  background-size: cover;
  overflow: hidden;
  padding: 40px 0 15px 50px;
}
@media screen and (max-width: 768px) {
  .cvSec {
    background-color: #f8edd9;
  }
}
.cvSec p {
  line-height: 1 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .cvSec p {
    position: absolute;
    top: -15px;
    left: 0;
    background-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .cvSec ul, .cvSec li {
    background-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .cvSec ul {
    padding: 60px 30px 5px !important;
  }
}
.cvSec__rebon {
  position: absolute;
  transform: rotate(-28deg);
  left: -43%;
  top: 15px;
  background-color: #ec6941;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 7px 0;
}
.cvSec__caps {
  color: #ea5d34;
  font-size: 25px;
  font-weight: bold;
  margin-top: 10px;
}
.cvSec__openTime {
  color: #1d2731;
  margin-top: 15px;
}
.cvSec__openTime__b {
  font-weight: bold;
  font-size: 22px;
  line-height: 1;
  display: inline-block;
}
.cvSec__openTime__s {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
}
.cvSec__openTime__under {
  color: #1d2731;
  margin-top: 5px;
}
.cvSec__openTime__under__s {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
}
.cvSec__freeTel {
  margin-top: 8px;
}
.cvSec__freeTel dt {
  float: left;
}
.cvSec__freeTel dt img {
  display: inline !important;
  vertical-align: text-top;
  margin: 0 !important;
}
.cvSec__freeTel dd {
  float: left;
  font-size: 42px;
  color: #f72102;
  font-weight: bold;
  line-height: 1;
  margin-left: 15px;
}
.cvSec__btn {
  text-align: left;
}
.cvSec__btn img {
  text-align: left !important;
  display: inline !important;
}

.cvSec__green {
  position: relative;
  background: no-repeat url(../img/campaign/copy/cv_Greenbg.png);
  background-size: cover;
  overflow: hidden;
  padding: 40px 0 15px 50px;
}
@media screen and (max-width: 768px) {
  .cvSec__green {
    background-color: #f8edd9;
  }
}
.cvSec__green p {
  line-height: 1 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .cvSec__green p {
    position: absolute;
    left: 0;
    top: -15px;
    background-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .cvSec__green ul {
    padding: 60px 30px 5px !important;
  }
}
.cvSec__green__rebon {
  position: absolute;
  transform: rotate(-28deg);
  left: -43%;
  top: 15px;
  background-color: #65ab31;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 7px 0;
}
.cvSec__green__caps {
  color: #097c25;
  font-size: 25px;
  font-weight: bold;
  margin-top: 10px;
}
.cvSec__green__openTime {
  color: #1d2731;
  margin-top: 15px;
}
.cvSec__green__openTime__b {
  font-weight: bold;
  font-size: 22px;
  line-height: 1;
  display: inline-block;
}
.cvSec__green__openTime__s {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.cvSec__green__openTime__under {
  color: #1d2731;
  margin-top: 5px;
}
.cvSec__green__openTime__under__s {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
}
.cvSec__green__freeTel {
  margin: 8px 0;
}
.cvSec__green__freeTel dt {
  float: left;
}
.cvSec__green__freeTel dt img {
  display: inline !important;
  vertical-align: text-top;
  margin: 0 !important;
}
.cvSec__green__freeTel dd {
  float: left;
  font-size: 42px;
  color: #65ab31;
  font-weight: bold;
  line-height: 1;
  margin-left: 15px;
}
.cvSec__green__btn {
  text-align: left;
}
.cvSec__green__btn img {
  text-align: left !important;
  display: inline !important;
}

.OpenBusiness__intro {
  margin-top: 50px;
  text-align: center !important;
}
.OpenBusiness__intro img {
  display: inline !important;
  margin: 0 !important;
}
.OpenBusiness__prezent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
  padding-left: 0 !important;
  margin-top: 100px !important;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__prezent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px 0;
    margin-top: 50px !important;
  }
}
.OpenBusiness__prezent__item {
  background-image: none !important;
  background-color: #b6a371 !important;
  width: 155px;
  height: 155px;
  border-radius: 50%;
  padding-left: 0 !important;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__prezent__item {
    width: 157px;
    height: 157px;
    margin-left: 0;
  }
}
.OpenBusiness__prezent__item__txt {
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  line-height: 1;
}
.OpenBusiness__prezent li:first-child {
  margin-left: 0 !important;
}
.OpenBusiness__prezent li:first-child .OpenBusiness__prezent__item__img {
  margin-top: -30px;
}
.OpenBusiness__prezent li:nth-child(2) .OpenBusiness__prezent__item__img {
  margin-top: -19px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__prezent li:nth-child(3) {
    margin-left: 0 !important;
    margin-top: 40px;
  }
}
.OpenBusiness__prezent li:nth-child(3) .OpenBusiness__prezent__item__img {
  margin-top: -19px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__prezent li:nth-child(4) {
    float: right;
    margin-top: 40px;
  }
}
.OpenBusiness__prezent li:nth-child(4) .OpenBusiness__prezent__item__img {
  margin-top: -45px;
}
.OpenBusiness__tb {
  border-collapse: separate;
  background-color: #fff;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__tb {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .OpenBusiness__tb tbody {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .OpenBusiness__tb tr {
    display: flex;
    flex-direction: column;
    gap: 1px;
  }
}
.OpenBusiness__tb tr:first-child {
  flex-shrink: 0;
  width: 142px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__tb tr:nth-child(2) {
    width: calc(100% - 142px);
  }
}
.OpenBusiness__tb th,
.OpenBusiness__tb td {
  padding: 10px 0;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__tb th,
  .OpenBusiness__tb td {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 64px;
    border-bottom: 1px solid #fff;
  }
}
.OpenBusiness__tb th {
  font-size: 15px;
  text-align: center;
  background-color: #cecece;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__tb th {
    width: 100%;
    padding: 19px 0;
    font-size: 14px;
  }
}
.OpenBusiness__tb td {
  background-color: #f1f1f1;
  font-size: 13px;
  text-align: center;
}
.OpenBusiness__usefulTxt {
  font-size: 15px;
  text-align: center;
  line-height: 2;
  margin: 30px 0;
}
.OpenBusiness__usefulTxt:not(:root) {
  margin-bottom: 30px;
}
.OpenBusiness__usefulTxt strong {
  font-size: 19px;
  font-weight: bold;
}
.OpenBusiness__usefulTxt--left {
  text-align: left !important;
  font-weight: bold;
  margin: 20px 0 30px !important;
}
.OpenBusiness__redBTxt {
  color: #c51515;
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__redBTxt {
    font-size: 24px;
  }
}
.OpenBusiness__contents__h3 {
  color: #c51515;
  border-top: 3px solid #c51515 !important;
  border-bottom: 3px solid #c51515 !important;
  padding: 3px 0 !important;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.OpenBusiness__contents__h3 span {
  display: block;
  padding: 10px 0;
  border-top: 1px solid #c51515;
  border-bottom: 1px solid #c51515;
}
.OpenBusiness__contents p {
  font-size: 15px;
  text-align: center;
  line-height: 1.5;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents p {
    margin-bottom: 30px;
  }
}
.OpenBusiness__contents__flowUl li {
  background-image: none !important;
  width: 191px;
  height: 152px;
  float: left;
}
.OpenBusiness__contents__flowUl li:first-child {
  width: 162px;
  height: 152px;
  background-color: #dfc991 !important;
}
.OpenBusiness__contents__flowUl li:nth-child(2) {
  background-color: #ccb67d !important;
}
.OpenBusiness__contents__flowUl li:nth-child(3) {
  background-color: #bfa970 !important;
}
.OpenBusiness__contents__flowUl li:last-child {
  background-color: #ae9962 !important;
}
.OpenBusiness__contents__floatUl {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__floatUl {
    flex-wrap: wrap;
  }
}
.OpenBusiness__contents__floatUl li {
  background-image: none !important;
  margin-left: 0 !important;
}
.OpenBusiness__contents__floatUl li p {
  margin: 0 0 20px 0 !important;
  text-align: left;
}
.OpenBusiness__contents__floatUl li img {
  margin-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__floatUl li img {
    width: 100%;
  }
}
.OpenBusiness__contents__floatUl li em {
  font-size: 19px;
  font-weight: bold;
  color: #c51515;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__floatUl li em {
    font-size: 17px;
  }
}
.OpenBusiness__contents__floatUl li:last-child {
  width: calc(100% - 354px);
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__floatUl li:last-child {
    width: 100%;
  }
}
.OpenBusiness__contents__floatUl li:first-child {
  padding-left: 0 !important;
  width: 334px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__floatUl li:first-child {
    width: 100%;
  }
}
.OpenBusiness__contents__dl {
  display: flex;
  margin-top: 50px;
  padding: 0 0 0 10px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__dl {
    flex-direction: column;
    align-content: center;
    padding: 0;
  }
}
.OpenBusiness__contents__dl dt {
  width: 75px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__dl dt {
    margin: 0 auto;
  }
}
.OpenBusiness__contents__dl dd {
  width: calc(100% - 105px);
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__dl dd {
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
}
.OpenBusiness__contents__dl dd h4 {
  margin-top: 0 !important;
  font-size: 20px;
  font-weight: bold;
  color: #c51515;
}
.OpenBusiness__contents__dl dd div {
  font-weight: bold;
  font-size: 15px;
}
.OpenBusiness__contents__request {
  background: no-repeat url(../img/campaign/phone/OpenBusiness_content_item06.png) right bottom;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__request {
    background: none;
  }
}
.OpenBusiness__contents__request__txt {
  background: no-repeat url(../img/campaign/phone/OpenBusiness_content_item04.png) right 50%;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__request__txt {
    background: none;
  }
}
.OpenBusiness__contents__request p {
  font-size: 25px;
  font-weight: bold;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__request p {
    font-size: 21px;
  }
}
.OpenBusiness__contents__request ol {
  padding-left: 0 !important;
}
.OpenBusiness__contents__request ol li {
  padding-left: 30px;
  list-style: none;
  background: no-repeat url(../img/campaign/phone/OpenBusiness_checkbox.png) left 50%;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__request ol li {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__request ol li + li {
    margin-top: 15px;
  }
}
.OpenBusiness__contents__request__txt02 p {
  margin-top: 20px !important;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__request__txt02 p {
    margin-bottom: 0;
    text-align: center;
  }
}
.OpenBusiness__contents__request__txt02 div {
  font-size: 15px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__request__txt02 div {
    font-size: 14px;
    text-align: center;
  }
}
.OpenBusiness__contents__voiseUl {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0 !important;
  margin-top: 30px;
}
.OpenBusiness__contents__voiseUl div {
  background-color: #f9f9fa;
  padding: 15px;
}
.OpenBusiness__contents__voiseUl div h6 {
  font-size: 15px;
  line-height: 24px;
  font-weight: bold;
}
.OpenBusiness__contents__voiseUl div p {
  margin-top: 20px !important;
  text-align: left;
}
.OpenBusiness__contents__voiseUl__ph {
  background-color: #fff !important;
  text-align: center;
}
.OpenBusiness__contents__voiseUl li {
  background-image: none !important;
  padding-left: 0 !important;
  width: 245px;
  box-sizing: border-box;
  margin-left: 17px;
  box-shadow: 0 0 7px #ddd;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__voiseUl li {
    width: 100%;
    margin: 30px 0 0;
  }
}
.OpenBusiness__contents__voiseUl li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents__voiseUl li:first-child {
    margin: 0;
  }
}
.OpenBusiness__contents .common_list_various {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0 !important;
}
.OpenBusiness__contents .common_list_various li {
  background-image: none !important;
  padding-left: 0 !important;
  box-sizing: border-box;
  width: calc(50% - 15px);
  margin: 0 15px 30px 0;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents .common_list_various li {
    position: relative;
    width: 100%;
  }
}
.OpenBusiness__contents .common_list_various li:nth-child(2n) {
  margin: 0 0 30px 15px;
}
.OpenBusiness__contents .common_list_various li .box-content {
  padding: 25px 2px 20px;
  text-align: center;
  border: 1px solid #d9dae0;
  margin-bottom: 7px;
}
.OpenBusiness__contents .common_list_various li .box-content.has_link:hover {
  border-color: #ff4021;
}
.OpenBusiness__contents .common_list_various li .box-content.has_link:hover a:before {
  border-top-color: #ff4021;
  border-left-color: #ff4021;
}
.OpenBusiness__contents .common_list_various li .box-content a {
  display: block;
  text-decoration: none !important;
  position: relative;
}
.OpenBusiness__contents .common_list_various li .box-content a:before {
  content: "";
  position: absolute;
  top: -22px;
  left: 2px;
  border: 6px solid #d9dae0;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents .common_list_various li .box-content a:before {
    content: none;
  }
}
.OpenBusiness__contents .common_list_various li .box-content span {
  display: block;
  font-size: 11px;
  line-height: 14px;
  color: #222;
  margin-bottom: 20px;
}
.OpenBusiness__contents .common_list_various li .box-content h3 {
  font-size: 18px !important;
  line-height: 18px;
  color: #222;
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
}
.OpenBusiness__contents .common_list_various li .box-content img {
  width: 100%;
  margin: 0 !important;
}
.OpenBusiness__contents .common_list_various li .box-content p {
  padding: 20px 10px 0 22px;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  text-align: left;
  color: #494c5f;
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents .common_list_various li .link01 {
    position: absolute;
    width: 40%;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #ff4021;
  }
}
@media screen and (max-width: 768px) {
  .OpenBusiness__contents .common_list_various li .link01 a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
  }
}

.w_toku__content__h3 {
  display: table;
  width: 100%;
  border-top: none !important;
  border-bottom: none !important;
  text-align: left !important;
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  .w_toku__content__h3 {
    margin: 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .w_toku__content__h3:not(:root) {
    margin: 30px 0;
  }
}
.w_toku__content__h3__wow {
  display: table-cell;
  vertical-align: middle;
  background: no-repeat url(../img/campaign/phone/w_toku_h3Cap.png) 50%;
  background-color: #073684;
  width: 150px;
  height: 60px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__h3__wow {
    width: 20%;
    background: #073684 no-repeat url(../img/campaign/phone/w_toku_h3Cap.png) 50%;
    background-size: 102%;
  }
}
.w_toku__content__h3__txt {
  display: table-cell;
  vertical-align: middle;
  background-color: #edeb38;
  color: #073684;
  padding-left: 18px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__h3__txt {
    line-height: 1.2;
  }
}
.w_toku__content__lankS {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
  .w_toku__content__lankS {
    grid-template-columns: 1fr;
  }
}
.w_toku__content__lankS h4 {
  background-color: #a0a0a0 !important;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.9444444444;
  margin: 0 !important;
  padding: 20px 0;
  text-align: center !important;
}
@media screen and (max-width: 768px) {
  .w_toku__content__lankS h4 {
    font-size: 18px;
    padding: 10px 0;
  }
}
.w_toku__content__lankS p {
  margin: 0 !important;
}
.w_toku__content__lankS dl {
  flex-grow: 1;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
.w_toku__content__lankS dt {
  font-size: 19px;
  font-weight: bold;
  background-color: #f5f3f3;
  text-align: center;
  padding: 18px 0;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .w_toku__content__lankS dt {
    font-size: 18px;
    padding: 10px 0;
  }
}
.w_toku__content__lankS dd {
  font-size: 15px;
  line-height: 1.5;
  padding: 23px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__lankS dd {
    padding: 13px;
  }
}
.w_toku__content__lankS li {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 0 !important;
  background-image: none !important;
}
.w_toku__content__lankS li img {
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .w_toku__content__lankS li img {
    width: 100%;
  }
}
.w_toku__content__lankS li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .w_toku__content__lankS li:first-child {
    margin: 0;
  }
}
.w_toku__content__follow {
  margin-top: 40px;
  border-bottom: 1px solid #a0a0a0;
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
}
.w_toku__content__follow dt {
  background-color: #a0a0a0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  color: #fff;
}
.w_toku__content__follow dd {
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  padding: 20px 0;
}
.w_toku__content__phoneList__tit {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #073684;
  font-size: 25px;
  padding: 19px 0;
  margin: 70px 0 50px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__phoneList__tit {
    margin: 40px 0;
  }
}
.w_toku__content__phoneList__ul {
  padding-left: 0 !important;
}
.w_toku__content__phoneList__ul__list {
  position: relative;
  box-sizing: border-box;
  width: calc(33.3333333333% - 17px);
  float: left;
  border: 1px solid #a0a0a0;
  margin-left: 25px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__phoneList__ul__list {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
.w_toku__content__phoneList__ul__list__logo img {
  height: 26px;
}
.w_toku__content__phoneList__ul__list__name {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #a0a0a0;
  margin: 0 !important;
}
.w_toku__content__phoneList__ul__list__ph {
  height: 230px;
  background-size: cover;
  background-position: 50%;
}
.w_toku__content__phoneList__ul__list__info {
  padding: 20px;
}
.w_toku__content__phoneList__ul__list__info__intro {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 1.3;
}
.w_toku__content__phoneList__ul__list__info__txt {
  font-size: 15px;
  line-height: 1.3;
  margin-top: 20px;
}
.w_toku__content__phoneList__ul__list__info__link {
  position: absolute;
  width: 197px;
  bottom: 20px;
  box-shadow: 2px 2px 0 #edeb38;
}
@media screen and (max-width: 768px) {
  .w_toku__content__phoneList__ul__list__info__link {
    width: 50%;
    left: 50%;
    margin-left: -25%;
  }
}
.w_toku__content__phoneList__ul__list__info__link a {
  display: block;
  background-color: #073684;
  color: #edeb38 !important;
  font-weight: bold;
  font-size: 16px;
  padding: 13px 0;
  text-align: center;
  text-decoration: none !important;
}
.w_toku__content__phoneList__ul li {
  background-image: none !important;
  padding-left: 0 !important;
  min-height: 668px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__phoneList__ul li {
    min-height: 586px;
    margin-top: 30px;
  }
}
.w_toku__content__phoneList__ul li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .w_toku__content__phoneList__ul li:first-child {
    margin-top: 0;
  }
}
.w_toku__content__sup__ul {
  padding-left: 0 !important;
  text-align: center;
  background-color: #a0a0a0;
  margin-top: 30px;
  margin-bottom: 0 !important;
}
.w_toku__content__sup__ul li {
  background: no-repeat url(../img/campaign/phone/w_toku_item05.png) 0 50% !important;
  display: inline-block;
  text-align: left;
  font-size: 16px;
  line-height: 2.1875;
  font-weight: bold;
  padding: 13px 0;
  padding-left: 0 !important;
  color: #fff;
  text-indent: 28px;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__sup__ul li {
    line-height: 1.5;
  }
}
.w_toku__content__sup__p {
  text-align: center;
  margin: 0 !important;
  font-weight: bold;
  font-size: 15px;
  border-bottom: 1px solid #a0a0a0;
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .w_toku__content__sup__p {
    padding: 10px 20px;
  }
}
.w_toku__content__copyList__tit {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #073684;
  font-size: 25px;
  padding: 19px 0;
  margin: 70px 0 50px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__copyList__tit {
    margin: 40px 0;
  }
}
.w_toku__content__copyList__ul {
  padding-left: 0 !important;
}
.w_toku__content__copyList__ul__list {
  position: relative;
  width: calc(33.3333333333% - 17px);
  float: left;
  border: 1px solid #a0a0a0;
  margin-left: 25px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__copyList__ul__list {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}
.w_toku__content__copyList__ul__list__logo {
  margin-bottom: 0 !important;
}
.w_toku__content__copyList__ul__list__logo img {
  height: 13px;
}
.w_toku__content__copyList__ul__list__logo img.fujifilm {
  height: 23px !important;
  margin: 5px auto 6px !important;
}
.w_toku__content__copyList__ul__list__name {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #a0a0a0;
  margin: 0 !important;
}
.w_toku__content__copyList__ul__list__ph {
  height: 230px;
  background-size: cover;
  background-position: 50%;
}
.w_toku__content__copyList__ul__list__info {
  padding: 20px;
}
.w_toku__content__copyList__ul__list__info__intro {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 1.3;
}
.w_toku__content__copyList__ul__list__info__txt {
  font-size: 15px;
  line-height: 1.3;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__copyList__ul__list__info__txt {
    line-height: 1.5;
  }
}
.w_toku__content__copyList__ul__list__info__link {
  position: absolute;
  width: 197px;
  bottom: 20px;
  box-shadow: 2px 2px 0 #edeb38;
}
@media screen and (max-width: 768px) {
  .w_toku__content__copyList__ul__list__info__link {
    width: 50%;
    left: 50%;
    margin-left: -25%;
  }
}
.w_toku__content__copyList__ul__list__info__link a {
  display: block;
  background-color: #073684;
  color: #edeb38 !important;
  font-weight: bold;
  font-size: 16px;
  padding: 13px 0;
  text-align: center;
  text-decoration: none !important;
}
.w_toku__content__copyList__ul li {
  background-image: none !important;
  padding-left: 0 !important;
  min-height: 668px;
}
@media screen and (max-width: 768px) {
  .w_toku__content__copyList__ul li {
    min-height: 586px;
    margin-top: 30px;
  }
}
.w_toku__content__copyList__ul li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .w_toku__content__copyList__ul li:first-child {
    margin-top: 0;
  }
}
.w_toku__content:last-of-type {
  margin-bottom: 30px;
}

.phoneNewZero__content {
  position: relative;
}
.phoneNewZero__content__h3 {
  display: table;
  width: 100%;
  border-top: none !important;
  border-bottom: none !important;
  text-align: left !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .phoneNewZero__content__h3 {
    margin-top: 30px;
  }
}
.phoneNewZero__content__h3__cap {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  background: #a89f8c url(../img/campaign/phone/phoneNewZero_point01.png) no-repeat 50% 50%;
  width: 150px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero__content__h3__cap {
    width: 65px;
  }
}
.phoneNewZero__content__h3__cap:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 0 40px;
  border-color: transparent transparent transparent #a89f8c;
  right: -40px;
  top: 0;
}
.phoneNewZero__content__h3__txt {
  display: table-cell;
  vertical-align: middle;
  background-color: #000;
  color: #fff;
  padding-left: 80px;
  font-size: 23px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero__content__h3__txt {
    padding: 10px;
    font-size: 20px;
  }
}
.phoneNewZero__content__h4 {
  position: relative;
  text-align: center;
  font-size: 20px !important;
  font-weight: bold;
}
.phoneNewZero__content__h4:before {
  position: absolute;
  content: "";
  width: 30%;
  height: 2px;
  background-color: #000;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero__content__h4:before {
    width: 8%;
  }
}
.phoneNewZero__content__h4:after {
  position: absolute;
  content: "";
  width: 30%;
  height: 2px;
  background-color: #000;
  right: 0;
  top: 50%;
  margin-top: -1px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero__content__h4:after {
    width: 8%;
  }
}
.phoneNewZero__content__inner {
  display: flex;
  flex-wrap: wrap;
  background: radial-gradient(ellipse at center, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 36%, rgb(237, 237, 237) 47%, rgb(200, 200, 200) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#c8c8c8", GradientType=1);
  padding: 0 0 20px 35px;
}
.phoneNewZero__content__inner__txt {
  padding-top: 27px;
  text-indent: -12px;
  line-height: 1.5;
  letter-spacing: -1.5px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero__content__inner__txt {
    padding-top: 10px;
    text-align: center;
  }
}
.phoneNewZero__content__inner__ph {
  padding-top: 5px;
  margin-left: 5px;
}
.phoneNewZero__content__ol {
  position: absolute;
  right: 35px;
  top: -10px;
  margin-bottom: 0 !important;
}
.phoneNewZero__content__ol img {
  margin: 0 !important;
}
.phoneNewZero__content.second .phoneNewZero__content__h3 {
  margin-top: 0 !important;
}
.phoneNewZero__content.second .phoneNewZero__content__h3__cap {
  background: #a89f8c url(../img/campaign/phone/phoneNewZero_point02.png) no-repeat 50% 50%;
}
@media screen and (max-width: 768px) {
  .phoneNewZero__content.second .phoneNewZero__content__h3__cap {
    background-size: 80%;
  }
}
.phoneNewZero__content__itemUl {
  padding-left: 0 !important;
  display: flex;
  justify-content: space-between !important;
}
@media screen and (max-width: 768px) {
  .phoneNewZero__content__itemUl {
    flex-wrap: wrap;
  }
}
.phoneNewZero__content__itemUl:after {
  content: none;
}
.phoneNewZero__content__itemUl__li {
  width: calc(25% - 20px);
}
@media screen and (max-width: 768px) {
  .phoneNewZero__content__itemUl__li {
    width: calc(50% - 7px);
    margin-top: 15px;
  }
}
.phoneNewZero__content__itemUl__li__ph {
  position: relative;
  height: 177px;
}
.phoneNewZero__content__itemUl__li__ph__rank {
  width: 40px;
  height: 40px;
  background: no-repeat url(../img/campaign/phone/phoneNewZero_crown.png) 50%;
}
.phoneNewZero__content__itemUl__li__ph__rank.no1 {
  background-color: #a89f8c;
}
.phoneNewZero__content__itemUl__li__ph__rank.no2 {
  background-color: #9c9c9c;
}
.phoneNewZero__content__itemUl__li__ph__rank.no3 {
  background-color: #871827;
}
.phoneNewZero__content__itemUl__li__ph__rank.no4 {
  background-color: #080808;
}
.phoneNewZero__content__itemUl__li__ph__logo {
  position: absolute;
  right: 10px;
  top: 10px;
}
.phoneNewZero__content__itemUl__li__ph__logo img {
  margin: 0 !important;
}
.phoneNewZero__content__itemUl__li__ph__logo .ntt {
  height: 18px;
}
.phoneNewZero__content__itemUl__li__ph__logo .saxa {
  height: 32px;
}
.phoneNewZero__content__itemUl__li__ph__logo .hitachi {
  height: 32px;
}
.phoneNewZero__content__itemUl__li__ph__logo .nec {
  height: 32px;
}
.phoneNewZero__content__itemUl__li__ph__logo .panasonic {
  height: 32px;
}
.phoneNewZero__content__itemUl__li__ph__logo .nakayo {
  height: 32px;
}
.phoneNewZero__content__itemUl__li__ph__logo .iwatsu {
  height: 32px;
}
.phoneNewZero__content__itemUl__li__info {
  padding: 2px 10px 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}
.phoneNewZero__content__itemUl__li__info__name {
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 0 !important;
}
.phoneNewZero__content__itemUl__li__info__star {
  font-size: 13px;
  text-align: center;
  color: #871827;
  margin-bottom: 0 !important;
}
.phoneNewZero__content__itemUl__li__info__star .star {
  color: #871827;
  padding-left: 5px;
}
.phoneNewZero__content__itemUl__li__info__star .star .star-down {
  color: #b3b2b2;
}
.phoneNewZero__content__itemUl__li__info__star .star .star-half {
  position: relative;
  color: #b3b2b2;
}
.phoneNewZero__content__itemUl__li__info__star .star .star-half::before {
  content: attr(data-inverted);
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 55%;
  color: #871827;
}
.phoneNewZero__content__itemUl__li__info__star .star .boundary {
  color: #434343;
  padding: 0 8px 0 7px;
}
.phoneNewZero__content__itemUl__li__info__link a {
  display: block;
  background-color: #871827;
  color: #fff !important;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  padding: 10px 0;
  text-decoration: none !important;
}
.phoneNewZero__content__itemUl li {
  padding-left: 0 !important;
}
.phoneNewZero__attention {
  margin-top: 30px;
  font-size: 12px;
}

.autoDiscount__intro {
  border: 3px solid #1261e3;
  margin-top: 50px;
}
.autoDiscount__intro__innerBd {
  position: relative;
  margin: 1px;
  border: 1px solid #1261e3;
}
@media screen and (max-width: 768px) {
  .autoDiscount__intro__innerBd {
    padding: 16px;
  }
}
.autoDiscount__intro__tit {
  position: absolute;
  top: -30px;
  width: 300px;
  text-align: center;
  left: 50%;
  margin-left: -150px;
  background-color: #fff;
}
.autoDiscount__intro__ul {
  padding-left: 0 !important;
  display: flex;
  justify-content: center;
  margin: 20px 0 !important;
}
@media screen and (max-width: 768px) {
  .autoDiscount__intro__ul {
    display: block;
    margin: 15px 0 !important;
  }
}
.autoDiscount__intro__ul li {
  font-weight: bold;
  font-size: 18px !important;
  color: #1261e3;
  line-height: 1.5 !important;
  text-align: center;
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .autoDiscount__intro__ul li {
    margin-left: 0;
    padding-left: 15px;
    border-bottom: 1px solid #1261e3;
  }
}
.autoDiscount__intro__ul li:first-child {
  background: no-repeat url(../img/campaign/copy/autoDiscount_02.png) 0 50% !important;
  border-right: 1px solid #1261e3;
  padding: 0 50px 0 60px !important;
}
@media screen and (max-width: 768px) {
  .autoDiscount__intro__ul li:first-child {
    padding: 0 0 15px 15px !important;
    border-right: none;
  }
}
.autoDiscount__intro__ul li:last-child {
  background: no-repeat url(../img/campaign/copy/autoDiscount_03.png) 0 50% !important;
  padding: 0 30px 0 60px !important;
}
@media screen and (max-width: 768px) {
  .autoDiscount__intro__ul li:last-child {
    padding: 15px 0 0 15px !important;
    border-bottom: none;
  }
}
.autoDiscount__contents {
  margin-top: 90px;
}
.autoDiscount__contents__h3 {
  position: relative;
  border: none !important;
  background-color: #1261e3;
  font-size: 20px;
  font-weight: bold;
  color: #fff !important;
  padding: 15px 0 !important;
  z-index: 2;
}
.autoDiscount__contents__h3:not(:root) {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents__h3:not(:root) {
    font-size: 20px;
  }
}
.autoDiscount__contents__h3:before {
  position: absolute;
  content: "";
  display: block;
  width: 168px;
  height: 84px;
  left: 50%;
  margin-left: -84px;
  top: -40px;
  background: no-repeat url(../img/campaign/copy/autoDiscount_04.png) 50%;
  z-index: -1;
}
.autoDiscount__contents__ul {
  padding-left: 0 !important;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents__ul {
    display: block;
  }
}
.autoDiscount__contents__ul:after {
  content: none !important;
}
.autoDiscount__contents__ul li {
  padding-left: 0 !important;
  background-image: none !important;
}
.autoDiscount__contents__ul02 {
  padding-left: 0 !important;
  display: table;
  width: 100%;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents__ul02 {
    margin-bottom: 30px;
  }
}
.autoDiscount__contents__ul02:after {
  content: none !important;
}
.autoDiscount__contents__ul02 li {
  display: table-cell;
  padding-left: 0 !important;
  background-image: none !important;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents__ul02 li {
    font-weight: bold;
    font-size: 22px !important;
    line-height: 1.5 !important;
    vertical-align: middle;
    background: no-repeat url(../img/campaign/copy/autoDiscount_11.png) 50%/contain !important;
  }
}
.autoDiscount__contents__ul02 li img {
  display: inline !important;
}
.autoDiscount__contents__ul02 li:nth-child(1) {
  text-align: left;
}
.autoDiscount__contents__ul02 li:nth-child(2) {
  font-weight: bold;
  font-size: 30px !important;
  line-height: 42px !important;
  vertical-align: middle;
  background: no-repeat url(../img/campaign/copy/autoDiscount_11.png) 50% !important;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents__ul02 li:nth-child(2) {
    font-size: 22px !important;
    line-height: 1.5 !important;
    background: no-repeat url(../img/campaign/copy/autoDiscount_11.png) 50%/contain !important;
  }
}
.autoDiscount__contents__ul02 li:nth-child(3) {
  text-align: right;
}
.autoDiscount__contents__dl {
  display: table;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents__dl {
    display: block;
  }
}
.autoDiscount__contents__dl dt {
  position: relative;
  display: table-cell;
  color: #fff04f;
  font-size: 15px;
  background-color: #4d94ff;
  padding: 28px 2px 28px 12px;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents__dl dt {
    display: block;
    padding: 5px;
    text-align: center;
    z-index: 1;
  }
}
.autoDiscount__contents__dl dt:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 48px 0 48px 20px;
  border-color: transparent transparent transparent #4d94ff;
  right: -20px;
  top: 0;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents__dl dt:after {
    right: 50%;
    top: auto;
    bottom: -15px;
    transform: translateX(50%);
    border-width: 30px 100px 0 100px;
    border-color: #4d94ff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    z-index: -1;
  }
}
.autoDiscount__contents__dl dd {
  width: calc(100% - 70.8px);
  display: table-cell;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 0 165px 0 35px;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents__dl dd {
    display: block;
    width: 100%;
    padding: 25px 15px;
    background-color: #d9e8ff;
  }
}
.autoDiscount__contents__dl .autoDiscount__contents__dl__num {
  font-size: 25px;
}
.autoDiscount__contents dl:nth-child(2) dd {
  background: no-repeat url(../img/campaign/copy/autoDiscount_07.png) right/contain;
  background-color: #d9e8ff;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents dl:nth-child(2) dd {
    background: #d9e8ff;
  }
}
.autoDiscount__contents dl:nth-child(3) dd {
  background: no-repeat url(../img/campaign/copy/autoDiscount_08.png) right/contain;
  background-color: #d9e8ff;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents dl:nth-child(3) dd {
    background: #d9e8ff;
  }
}
.autoDiscount__contents dl:nth-child(4) dd {
  background: no-repeat url(../img/campaign/copy/autoDiscount_09.png) right/contain;
  background-color: #d9e8ff;
}
@media screen and (max-width: 768px) {
  .autoDiscount__contents dl:nth-child(4) dd {
    background: #d9e8ff;
  }
}

.autoDiscount__blue {
  color: #1261e3;
}

.autoDiscount__red {
  color: #d10045;
}

.newCopy80Off__contents__h3 {
  position: relative;
  border: none !important;
  background-color: #fae821;
  font-size: 36px !important;
  font-weight: bold;
  color: #000 !important;
  padding: 5px 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  width: calc(100% - 116px);
  margin: 80px 0 0 116px !important;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__h3 {
    position: relative;
    font-size: 19px !important;
    width: calc(100% - 40px);
    margin: 30px 0 0 40px !important;
  }
}
.newCopy80Off__contents__h3:before {
  position: absolute;
  content: "";
  display: block;
  width: 126px;
  height: 126px;
  left: -116px;
  margin-top: -63px;
  top: 50%;
  background: no-repeat url(../img/campaign/copy/newCopy80Off_titleCap.png) 50%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__h3:before {
    width: 50px;
    height: 50px;
    left: -40px;
    margin-top: -25px;
    background: no-repeat url(../img/campaign/copy/newCopy80Off_titleCap.png) 50%/contain;
  }
}
.newCopy80Off__contents__h3:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 33.5px 15px 33.5px 0;
  border-color: transparent #fff transparent transparent;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__h3:after {
    border-width: 20px 10px 20px 0;
  }
}
.newCopy80Off__contents__h4 {
  text-align: center;
  font-size: 25px !important;
  font-weight: bold;
  margin-top: 30px !important;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__h4 {
    margin-top: 40px !important;
    font-size: 22px !important;
  }
}
.newCopy80Off__contents__h5 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__h5 {
    margin-top: 40px;
  }
}
.newCopy80Off__contents__h5__sepa {
  position: relative;
  display: inline-block;
}
.newCopy80Off__contents__h5__sepa:before {
  position: absolute;
  left: -20px;
  top: 50%;
  content: "";
  display: block;
  width: 5px;
  height: 50px;
  background-color: #fae821;
  transform: rotate(-22deg);
  margin-top: -25px;
}
.newCopy80Off__contents__h5__sepa:after {
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -25px;
  content: "";
  display: block;
  width: 5px;
  height: 50px;
  background-color: #fae821;
  transform: rotate(22deg);
}
.newCopy80Off__contents__pointList {
  padding-left: 0 !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__pointList {
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
  }
}
.newCopy80Off__contents__pointList:after {
  content: none !important;
}
.newCopy80Off__contents__pointList__item {
  position: relative;
  border: 3px solid #fae821;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__pointList__item {
    margin-top: -3px;
  }
}
.newCopy80Off__contents__pointList__item__ph {
  position: absolute;
  left: -9px;
  top: -40px;
  width: 248px;
}
.newCopy80Off__contents__pointList__item__txt {
  margin-top: 210px;
  padding: 0 20px 20px;
}
.newCopy80Off__contents__pointList__item__txt h6 {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #000;
}
.newCopy80Off__contents__pointList__item__txt p {
  font-size: 14px;
  line-height: 1.3;
  margin-top: 5px;
  font-weight: bold;
}
.newCopy80Off__contents__pointList li {
  padding-left: 0 !important;
  background: none !important;
  width: 239px;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__pointList li {
    width: 245px;
  }
}
.newCopy80Off__contents__underP {
  text-align: center;
}
.newCopy80Off__contents__lastP {
  font-weight: bold;
  font-size: 25px;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
}
.newCopy80Off__contents__makerList {
  padding-left: 0 !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
.newCopy80Off__contents__makerList:after {
  content: none !important;
}
.newCopy80Off__contents__makerList__item {
  width: calc(33.3333333333% - 10px);
  padding-left: 0 !important;
  transition: all 0.5s;
  opacity: 1;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__makerList__item {
    width: calc(50% - 5px);
  }
}
.newCopy80Off__contents__makerList__item:hover {
  opacity: 0.7;
}
.newCopy80Off__contents__makerList__item a {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none !important;
  color: #494c5e !important;
}
.newCopy80Off__contents__makerList__item__ph {
  height: 294px;
}
.newCopy80Off__contents__makerList__item__discription {
  flex-grow: 1;
  font-size: 14px;
  letter-spacing: 0.5px;
  background-color: #dcdcdc;
  padding: 10px 12px;
  min-height: 60px;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__makerList__item__discription {
    min-height: 0;
    padding: 10px;
    font-size: 12px;
  }
}
.newCopy80Off__contents__makerList__item__logo {
  border: 1px solid #dcdcdc;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__makerList__item__logo {
    min-height: 41px;
  }
}
.newCopy80Off__contents__makerList__item__logo .konica {
  height: 13px;
}
.newCopy80Off__contents__makerList__item__titleP {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__makerList__item__titleP {
    margin-bottom: 5px;
    font-size: 12px;
    text-align: center;
  }
}
.newCopy80Off__contents__makerList__item__redBgP {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  background-color: #e72837;
  text-align: center;
}
.newCopy80Off__contents__makerList__item__logoList {
  display: flex;
  flex-direction: column;
  margin: 5px 0;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__makerList__item__logoList {
    margin: 10px 0 15px;
  }
}
.newCopy80Off__contents__makerList__item__logoList img {
  margin: 6px auto !important;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__makerList__item__logoList img {
    margin: 7px auto !important;
  }
}
.newCopy80Off__contents__makerList__item__logoList .konica {
  height: 13px;
}
.newCopy80Off__contents__makerList__item__underP {
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .newCopy80Off__contents__makerList__item__underP {
    font-size: 12px;
    line-height: 1.5;
  }
}
.newCopy80Off__contents__makerList__item__link a {
  display: block;
  color: #fff !important;
  background-color: #000;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  box-shadow: 5px 5px 0 #fae821;
}

.newCopy80Off-redF {
  color: #d22224;
}

.newCopy80Off-fCenter {
  text-align: center;
}

.newCopy80Off-nomalF {
  font-weight: bold;
  font-size: 16px;
}

.newCopy80Off-bolfF {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .newCopy80Off-bolfF {
    font-size: 19px;
  }
}

.markerH6 {
  background: linear-gradient(transparent 60%, #fae821 60%);
}

.buyChange50off__contents__h3 {
  position: relative;
  border: none !important;
  background: no-repeat url(../img/campaign/phone/buyChange50off_titleBg.png) 82% 57%/14%;
  background-color: #e5e5e5;
  font-size: 20px !important;
  font-weight: bold;
  color: #440307 !important;
  padding: 5px 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__h3 {
    margin-top: 30px;
    background: #e5e5e5 url(../img/campaign/phone/buyChange50off_titleBg.png) no-repeat 82% 82%;
  }
}
.buyChange50off__contents__h4 {
  text-align: center;
  position: relative;
  min-height: 40px;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__h4 {
    font-size: 16px !important;
  }
}
.buyChange50off__contents__h4:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border-left: 3px solid #e5e5e5;
  border-bottom: 3px solid #e5e5e5;
  background-color: #fff;
  left: 50%;
  top: 35px;
  margin-left: -10px;
  transform: rotate(-45deg);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__h4:before {
    width: 10px;
    height: 10px;
    top: 38px;
    margin-left: -5px;
  }
}
.buyChange50off__contents__h4__inner {
  position: relative;
  border-bottom: 3px solid #e5e5e5;
  padding: 0 20px 10px;
}
.buyChange50off__contents__h4__inner:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3px;
  height: 10px;
  content: "";
  background-color: #e5e5e5;
}
.buyChange50off__contents__h4__inner:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3px;
  height: 10px;
  content: "";
  background-color: #e5e5e5;
}
.buyChange50off__contents__request {
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__request {
    padding: 0;
  }
}
.buyChange50off__contents__request__title {
  font-size: 25px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__request__title {
    text-align: center;
  }
}
.buyChange50off__contents__request__ol {
  list-style: none;
  padding-left: 0 !important;
  padding-bottom: 28px;
  background: no-repeat url(../img/campaign/phone/OpenBusiness_content_item04.png) right bottom/25%;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__request__ol {
    padding-bottom: 5px;
    background: none;
  }
}
.buyChange50off__contents__request__ol li {
  background: no-repeat url(../img/campaign/phone/buyChange50off_check.png) 0 50%;
  padding-left: 30px;
  font-weight: bold;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__request__ol li {
    line-height: 1.5 !important;
    font-size: 12px !important;
  }
}
.buyChange50off__contents__request__bottom {
  background: no-repeat url(../img/campaign/phone/OpenBusiness_content_item06.png) right 50%;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__request__bottom {
    background: none;
  }
}
.buyChange50off__contents__request__bottom__tit {
  font-size: 25px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__request__bottom__tit {
    text-align: center;
  }
}
.buyChange50off__contents__request__bottom__p {
  font-weight: bold;
  line-height: 1.7;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__request__bottom__p {
    text-align: center;
  }
}
.buyChange50off__contents__usefullP {
  font-size: 14px;
  font-weight: bold;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__usefullP {
    text-align: center;
  }
}
.buyChange50off__contents__dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__dl {
    justify-content: center;
    padding: 0 12px;
  }
}
.buyChange50off__contents__dl dd {
  width: 356px;
  font-size: 16px;
  font-weight: bold;
}
.buyChange50off__contents dl:nth-child(7) {
  margin-bottom: 50px;
}
.buyChange50off__logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
  .buyChange50off__logo {
    justify-content: center;
  }
}
.buyChange50off__logo li {
  background-image: none !important;
  padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
  .buyChange50off__logo li {
    margin: 6px;
  }
}

.buyChange50off__contents__newProduct,
.buyChange50off__contents__usedProduct {
  padding-left: 0 !important;
}
.buyChange50off__contents__newProduct a,
.buyChange50off__contents__usedProduct a {
  text-decoration: none !important;
  color: #494c5e !important;
  transition: all 0.5s;
  opacity: 1;
  display: block;
}
.buyChange50off__contents__newProduct__item,
.buyChange50off__contents__usedProduct__item {
  box-sizing: border-box;
  width: 220px;
  min-height: 314px;
  float: left;
  background-image: none !important;
  padding-left: 0 !important;
  margin-left: 28px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .buyChange50off__contents__newProduct__item,
  .buyChange50off__contents__usedProduct__item {
    width: 100%;
    margin-left: 0;
  }
}
.buyChange50off__contents__newProduct__item__ph,
.buyChange50off__contents__usedProduct__item__ph {
  height: 210px;
  background-size: cover !important;
  background-position: 50% 50% !important;
}
.buyChange50off__contents__newProduct__item__read,
.buyChange50off__contents__usedProduct__item__read {
  background-color: #0a5aac;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 7px 0;
}
.buyChange50off__contents__newProduct__item__info,
.buyChange50off__contents__usedProduct__item__info {
  min-height: 70px;
  padding: 0 17px;
  text-align: center;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.buyChange50off__contents__newProduct__item__info__logo,
.buyChange50off__contents__usedProduct__item__info__logo {
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.buyChange50off__contents__newProduct__item__info__logo img,
.buyChange50off__contents__usedProduct__item__info__logo img {
  margin: 0 !important;
  display: inline !important;
  vertical-align: baseline;
}
.buyChange50off__contents__newProduct__item__info__name,
.buyChange50off__contents__usedProduct__item__info__name {
  padding: 5px 0;
  font-weight: bold;
  font-size: 16px;
}
.buyChange50off__contents__newProduct__item__lastTxt,
.buyChange50off__contents__usedProduct__item__lastTxt {
  font-size: 24px !important;
  font-weight: bold !important;
  border-bottom: 1px solid #0c968d;
  padding-bottom: 15px !important;
  margin-top: 55px;
}

.cloudPbxfree__contents__h3 {
  position: relative;
  border: none !important;
  font-size: 20px !important;
  font-weight: bold;
  color: #1d2731 !important;
  border-top: none !important;
  border-bottom: none !important;
  margin: 25px 0 0 !important;
  padding: 20px 0 0 !important;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__h3 {
    font-size: 18px !important;
  }
}
.cloudPbxfree__contents__h3__bigF {
  font-weight: bold;
  font-size: 38px;
  letter-spacing: 1.5px;
  color: #ff7c00;
  background: -webkit-linear-gradient(top, #228ccd 0%, #228ccd 40%, #022470 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__h3__bigF {
    padding-top: 30px;
    color: #1b75b9;
    line-height: 1.3;
    background: none;
  }
}
.cloudPbxfree__contents__h3 img {
  display: inline-block !important;
  margin: 15px 12px !important;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__h3 img {
    margin: 8px 0 0 7px !important;
  }
}
.cloudPbxfree__contents__h4 {
  text-align: center;
  position: relative;
  background-color: #00479d;
  font-weight: bold;
  font-size: 24px;
  color: #fff;
  padding: 20px 0;
  margin-top: 50px !important;
}
.cloudPbxfree__contents__h4__inner {
  background: no-repeat url(../img/campaign/phone/cloudPbxfree__item02.png) 0 50%;
  display: inline-block;
  padding-left: 50px;
}
.cloudPbxfree__contents__h4:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #00479d;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
  transform: rotate(-45deg);
  z-index: 1;
}
.cloudPbxfree__contents__imgP {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__imgP {
    margin-top: 30px;
  }
}
.cloudPbxfree__contents__nomalP {
  font-size: 18px;
  line-height: 2;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__nomalP {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
  }
}
.cloudPbxfree__contents__fukidashiP {
  position: relative;
  display: flex;
  margin: 50px 0;
  justify-content: center;
  background-color: #65ab31;
  color: #fff;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__fukidashiP {
    font-size: 18px;
    line-height: 1.5;
  }
}
.cloudPbxfree__contents__fukidashiP:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #65ab31;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
  transform: rotate(-45deg);
  z-index: 1;
}
.cloudPbxfree__contents__fukidashiP__item {
  margin: 16px 10px 0 !important;
}
.cloudPbxfree__contents__fukidashiP__item img {
  margin: 0 !important;
}
.cloudPbxfree__contents__fukidashiP__item.list02 {
  padding-bottom: 25px;
}
.cloudPbxfree__contents__costCutPoint {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__costCutPoint {
    display: block;
    margin-top: 30px;
  }
}
.cloudPbxfree__contents__costCutPoint__ph {
  margin-right: 20px;
}
.cloudPbxfree__contents__costCutPoint__txt {
  font-size: 18px;
  line-height: 36px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__costCutPoint__txt {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
  }
}
.cloudPbxfree__contents__costCutPoint__ul {
  padding-left: 0 !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cloudPbxfree__contents__costCutPoint__ul:after {
  content: none !important;
}
.cloudPbxfree__contents__costCutPoint__ul li {
  padding-left: 0 !important;
  background: no-repeat url(../img/campaign/phone/cloudPbxfree__item08.png) 50%/cover !important;
  height: 141px;
  width: 227px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__costCutPoint__ul li {
    background: no-repeat url(../img/campaign/phone/cloudPbxfree__item08.png) 50%/98% !important;
    width: calc(50% - 10px);
  }
}
.cloudPbxfree__contents__costCutPoint__ul li h5 {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__costCutPoint__ul li h5 {
    margin-top: 32px;
    font-size: 17px;
  }
}
.cloudPbxfree__contents__costCutPoint__ul p {
  text-align: center;
  line-height: 1.5;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .cloudPbxfree__contents__costCutPoint__ul p {
    font-size: 14px;
  }
}
.cloudPbxfree__contents__request {
  padding: 0 50px;
}
.cloudPbxfree__contents__request__title {
  font-size: 25px;
  font-weight: bold;
}
.cloudPbxfree__contents__request__ol {
  list-style: none;
  padding-left: 0 !important;
  padding-bottom: 28px;
  background: no-repeat url(../img/campaign/phone/OpenBusiness_content_item04.png) right bottom/25%;
}
.cloudPbxfree__contents__request__ol li {
  background: no-repeat url(../img/campaign/phone/buyChange50off_check.png) 0 50%;
  padding-left: 30px;
  font-weight: bold;
  margin-top: 10px;
}
.cloudPbxfree__contents__request__bottom {
  background: no-repeat url(../img/campaign/phone/OpenBusiness_content_item06.png) right 50%;
}
.cloudPbxfree__contents__request__bottom__tit {
  font-size: 25px;
  font-weight: bold;
}
.cloudPbxfree__contents__request__bottom__p {
  font-weight: bold;
  line-height: 1.7;
  margin-top: 20px;
}
.cloudPbxfree__contents__usefullP {
  font-size: 14px;
  font-weight: bold;
  margin-top: 30px;
}
.cloudPbxfree__contents__dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 40px;
}
.cloudPbxfree__contents__dl dd {
  width: 356px;
  font-size: 16px;
  font-weight: bold;
}
.cloudPbxfree__contents dl:nth-child(7) {
  margin-bottom: 50px;
}
.cloudPbxfree__logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 0 !important;
}
.cloudPbxfree__logo li {
  background-image: none !important;
  padding-left: 0 !important;
}

.buyChange50off__contents__newProduct,
.buyChange50off__contents__usedProduct {
  padding-left: 0 !important;
}
.buyChange50off__contents__newProduct a,
.buyChange50off__contents__usedProduct a {
  text-decoration: none !important;
  color: #494c5e !important;
  transition: all 0.5s;
  opacity: 1;
  display: block;
}
.buyChange50off__contents__newProduct a:hover,
.buyChange50off__contents__usedProduct a:hover {
  opacity: 0.7;
}
.buyChange50off__contents__newProduct__item,
.buyChange50off__contents__usedProduct__item {
  box-sizing: border-box;
  width: 220px;
  min-height: 314px;
  float: left;
  background-image: none !important;
  padding-left: 0 !important;
  margin-left: 28px;
  margin-top: 25px;
}
.buyChange50off__contents__newProduct__item__ph,
.buyChange50off__contents__usedProduct__item__ph {
  height: 210px;
  background-size: cover !important;
  background-position: 50% 50% !important;
}
.buyChange50off__contents__newProduct__item__read,
.buyChange50off__contents__usedProduct__item__read {
  background-color: #0a5aac;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 7px 0;
}
.buyChange50off__contents__newProduct__item__info,
.buyChange50off__contents__usedProduct__item__info {
  min-height: 70px;
  padding: 0 17px;
  text-align: center;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.buyChange50off__contents__newProduct__item__info__logo,
.buyChange50off__contents__usedProduct__item__info__logo {
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.buyChange50off__contents__newProduct__item__info__logo img,
.buyChange50off__contents__usedProduct__item__info__logo img {
  margin: 0 !important;
  display: inline !important;
  vertical-align: baseline;
}
.buyChange50off__contents__newProduct__item__info__name,
.buyChange50off__contents__usedProduct__item__info__name {
  padding: 5px 0;
  font-weight: bold;
  font-size: 16px;
}
.buyChange50off__contents__newProduct__item__lastTxt,
.buyChange50off__contents__usedProduct__item__lastTxt {
  font-size: 24px !important;
  font-weight: bold !important;
  border-bottom: 1px solid #0c968d;
  padding-bottom: 15px !important;
  margin-top: 55px;
}

.mainVwrap {
  position: relative;
}
.mainVwrap__num {
  position: absolute;
  font-size: 50px;
  font-weight: bold;
  left: 246px;
  bottom: 46px;
  color: #ae0000;
}
@media screen and (max-width: 768px) {
  .mainVwrap__num {
    font-size: 26px;
    left: 98px;
    bottom: 42px;
  }
}
.mainVwrap__num02 {
  position: absolute;
  font-size: 39px;
  font-weight: bold;
  left: 71px;
  bottom: 21px;
  color: #ae0000;
}
.mainVwrap__numMonth {
  position: absolute;
  top: 10px;
  left: 56px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
}

.phoneNewZeroRenew__content__intro {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.phoneNewZeroRenew__content__intro li {
  background-image: none !important;
  text-align: center;
  font-size: 89px !important;
  font-weight: bold !important;
  padding-left: 0 !important;
  color: #2f4858;
}
@media screen and (max-width: 768px) {
  .phoneNewZeroRenew__content__intro li {
    font-size: 47px !important;
  }
}
.phoneNewZeroRenew__content__intro li p {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .phoneNewZeroRenew__content__intro li p {
    font-size: 16px;
    line-height: 1.5;
  }
}
.phoneNewZeroRenew__content__intro li:first-child {
  margin-right: 35px;
}
@media screen and (max-width: 768px) {
  .phoneNewZeroRenew__content__intro li:first-child {
    margin-top: 25px;
  }
}
.phoneNewZeroRenew__content__intro li:last-child {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .phoneNewZeroRenew__content__intro li:last-child {
    margin-top: 30px;
  }
}

.phoneItem {
  margin: 50px 0 0 0;
  border: 2px solid #666;
  background: no-repeat url(../img/product/phone/platia2.jpg) 100% 50%/300px;
}
@media screen and (max-width: 768px) {
  .phoneItem {
    width: 90%;
    margin: 50px auto 0;
    background: no-repeat url(../img/product/phone/platia2.jpg) 0 0/contain;
  }
}
.phoneItem__inner {
  position: relative;
  padding: 40px 0 30px 20px;
}
@media screen and (max-width: 768px) {
  .phoneItem__inner {
    padding: 325px 10px 10px 10px;
  }
}
.phoneItem__first {
  position: absolute;
  left: 20px;
  top: -21px;
  padding: 5px 10px;
  border: 2px solid #666;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.phoneItem__product {
  display: flex;
  border-bottom: 1px solid #666;
  padding-bottom: 5px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .phoneItem__product {
    width: 100%;
  }
}
.phoneItem__product__name {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0 5px 35px;
  background: no-repeat url(../img/phone/logo/saxa_s_off.svg) 0 50%/24px;
}
@media screen and (max-width: 768px) {
  .phoneItem__product__name {
    font-size: 14px;
    padding: 8px 0 0 25px;
    background: no-repeat url(../img/phone/logo/saxa_s_off.svg) 0 50%/20px;
  }
}
.phoneItem__product__name img {
  height: 16px !important;
  display: inline !important;
}
.phoneItem__product__rate {
  font-size: 16px;
  padding: 5px 0;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phoneItem__product__rate {
    font-size: 14px;
  }
}
.phoneItem__info {
  margin-top: 20px;
}
.phoneItem__nebiki {
  margin-top: -20px;
}
@media screen and (max-width: 768px) {
  .phoneItem__nebiki {
    margin-top: 10px;
  }
}
.phoneItem__nebiki img {
  display: inline !important;
  text-align: left !important;
}

.last_txt {
  margin: 50px 0;
}

.f_bold {
  font-weight: bold;
}

.f_pink {
  color: #e5004f !important;
}

.colorMaker {
  background: linear-gradient(transparent 60%, #fff9a7 0%);
}

.craker {
  margin-top: 50px;
}

.textBlue {
  color: #00479d;
}

.textSize24 {
  font-size: 24px;
}

.textWeightB {
  font-weight: bold;
}

.textPosCenter {
  text-align: center;
}

.mgb-50 {
  margin-bottom: 50px;
}

.post-detail__wrap h2.renewal {
  font-size: 23px;
  margin: 50px 0 25px;
  line-height: 22px;
  padding-top: 22px;
  border-top: 3px solid #d9dae0;
  position: relative;
  padding: 22px 0 0;
  background: inherit;
}
.post-detail__wrap h2.renewal::before {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ff4021;
  position: absolute;
  left: 0;
  top: -3px;
}
.post-detail__wrap h3.cpc {
  font-size: 20px;
  color: #343434;
  border: none;
  margin: 20px 0 0;
  padding: inherit;
  text-align: left;
}

.campaign-cloud-pbx-age {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.campaign-cloud-pbx-age-box {
  margin-right: 30px;
}
.campaign-cloud-pbx-age-text-1 {
  margin-bottom: 30px;
}
.campaign-cloud-pbx-age-text-1 em {
  color: #2685bc;
  font-weight: bold;
}
.campaign-cloud-pbx-age-text-2 em {
  text-decoration: underline;
  font-weight: bold;
}

.campaign-cloud-pbx-voice-list {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 30px;
}
.campaign-cloud-pbx-voice-item {
  padding: 30px 60px !important;
  background: none !important;
  background-color: #f5f5f5 !important;
  line-height: inherit !important;
  margin-bottom: 2px;
}
.campaign-cloud-pbx-voice-item:first-child {
  background-color: #f8f7de !important;
}
.campaign-cloud-pbx-voice-item:last-child {
  margin-bottom: 0;
}
.campaign-cloud-pbx-voice-box {
  border-left: 5px solid #d9dae0;
  padding-left: 20px;
  position: relative;
}
.campaign-cloud-pbx-voice-box::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 5px;
  height: 25px;
  background-color: #f26419;
}
.campaign-cloud-pbx-voice-title {
  font-size: 16px !important;
  color: #f26419 !important;
  border: none !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  text-align: inherit !important;
}
.campaign-cloud-pbx-voice-text-pc {
  color: #494c5e;
}

.campaign-cloud-pbx-button {
  display: block;
  margin: 30px auto 0;
}

.campaign-cloud-pbx-function-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 !important;
  margin: 20px 0 0 !important;
}
.campaign-cloud-pbx-function-list::after {
  display: none;
}
.campaign-cloud-pbx-function-item {
  width: 230px;
  border: 1px solid #e7e7e7;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 0 !important;
  line-height: inherit !important;
  background: inherit !important;
}
.campaign-cloud-pbx-function-item:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.campaign-cloud-pbx-function-title {
  font-size: 18px !important;
  text-align: center;
  color: #ff0;
  margin: 0 !important;
  padding: 18px 0 !important;
  border: none !important;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006698+0,006698+49,005684+50,005684+100 */
  background: #006698;
  /* Old browsers */
  background: -webkit-linear-gradient(#006698 0%, #006698 49%, #005684 50%, #005684 100%);
  background: -o-linear-gradient(#006698 0%, #006698 49%, #005684 50%, #005684 100%);
  background: linear-gradient(#006698 0%, #006698 49%, #005684 50%, #005684 100%);
  /* FF3.6-15 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006698", endColorstr="#005684", GradientType=0);
  /* IE6-9 */
  position: relative;
}
.campaign-cloud-pbx-function-title img {
  position: absolute;
  left: -15px;
  top: -15px;
}
.campaign-cloud-pbx-function-title + img {
  margin: 0 !important;
}
.campaign-cloud-pbx-function-text {
  padding: 15px !important;
  margin: 0 !important;
  font-size: 15px !important;
}

.g-nav-parent-text {
  line-height: 1.2;
}

.phoneNewZero_new .f_red {
  color: #a82f1c;
}
.phoneNewZero_new .mainVwrap__num02 {
  position: absolute;
  font-size: 60px;
  font-weight: bold;
  left: 105px;
  bottom: 10px;
  color: #fcd03d;
}
.phoneNewZero_new .phoneNewZeroRenew__content__intro {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0 !important;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneNewZeroRenew__content__intro {
    gap: 0;
  }
}
.phoneNewZero_new .phoneNewZeroRenew__content__intro li {
  background-image: none !important;
  font-size: 89px !important;
  font-weight: bold !important;
  padding-left: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
  text-align: center;
  color: #a82f1c;
  margin-right: 0;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneNewZeroRenew__content__intro li {
    font-size: 50px !important;
  }
}
.phoneNewZero_new .phoneNewZeroRenew__content__intro li .border {
  border-radius: 50px;
  border: 3px solid #a82f1c;
  font-size: 20px;
  line-height: 1.75;
  padding: 5px 40px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneNewZeroRenew__content__intro li .border {
    width: 100%;
    padding: 5px 3px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
  }
}
.phoneNewZero_new .phoneNewZeroRenew__content__intro li .phoneNewZero__attention {
  font-size: 14px;
  line-height: 2.5;
  text-align: left;
  margin: 5px 0 10px;
  border: none;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneNewZeroRenew__content__intro li .phoneNewZero__attention {
    white-space: nowrap;
    font-size: 9px;
    line-height: 2.5;
    margin: 0 0 8px;
  }
}
.phoneNewZero_new .phoneNewZeroRenew__content .detail_zeroen {
  background: url(../img/campaign/phone/detail_zeroen.png) no-repeat bottom right/385px;
  padding: 30px 0 30px 15px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneNewZeroRenew__content .detail_zeroen {
    margin-top: 0;
    padding: 10px 0 160px;
    text-align: center;
    background: url(../img/campaign/phone/detail_zeroen_sp.png) no-repeat bottom center/280px;
  }
}
.phoneNewZero_new .phoneNewZeroRenew__content .detail_zeroen .bg_red {
  display: inline;
  box-decoration-break: clone;
  font-size: 30px !important;
  color: #fff;
  background: #a82f1c;
  padding: 7px 10px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneNewZeroRenew__content .detail_zeroen .bg_red {
    font-size: 24px !important;
    line-height: 1.7;
    letter-spacing: 2px;
  }
}
.phoneNewZero_new .phoneNewZeroRenew__content .detail_zeroen .bg_red span {
  font-size: 42px;
  line-height: 1;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneNewZeroRenew__content .detail_zeroen .bg_red span {
    font-size: 24px;
    vertical-align: middle;
  }
}
.phoneNewZero_new .phoneNewZeroRenew__content .detail_zeroen p {
  font-size: 21px;
  padding: 30px 30px 30px 0;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneNewZeroRenew__content .detail_zeroen p {
    padding: 15px 0;
    font-size: 19px;
    text-align: center;
  }
}
.phoneNewZero_new .phoneItem {
  position: relative;
  border: 4px solid #a82f1c;
  padding: 10px 10px 0 10px;
  margin: -10px 0 0;
  background: no-repeat url(../img/campaign/phone/platia3-standard.png) top -10px right -10px/320px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem {
    width: 90%;
    margin: 0 auto;
    border: 3px solid #881c14;
    background: url(../img/campaign/phone/platia3-standard.png) no-repeat top 7% left 0%/contain;
  }
}
.phoneNewZero_new .phoneItem__inner {
  position: relative;
  padding: 40px 0 10px 10px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem__inner {
    padding: min(90.6666666667vw, 600px) 10px 10px 10px;
  }
}
.phoneNewZero_new .phoneItem__first {
  position: absolute;
  left: 20px;
  top: -21px;
  padding: 10px 25px;
  border: none;
  background-color: #a82f1c;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem__first {
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
  }
}
.phoneNewZero_new .phoneItem__first::after {
  content: "";
  position: absolute;
  border: 20px solid transparent;
  border-top: 20px solid #a82f1c;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 90%;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem__first::after {
    top: 95%;
    border: 25px solid transparent;
    border-top: 20px solid #881c14;
  }
}
.phoneNewZero_new .phoneItem__product {
  display: flex;
  padding-left: 10px;
  border-bottom: none;
  padding-bottom: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem__product {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    border-top: 2px solid #881c14;
  }
}
.phoneNewZero_new .phoneItem__product__name {
  font-size: 19px;
  padding: 5px 0;
  font-weight: bold;
  background: transparent;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem__product__name {
    width: 85%;
    margin: 0 auto;
    padding: 15px 0 25px;
    font-size: 14px;
  }
}
.phoneNewZero_new .phoneItem__product__name img {
  height: 16px !important;
  display: inline !important;
}
.phoneNewZero_new .phoneItem__product__rate {
  font-size: 16px;
  padding: 7px 0 5px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem__product__rate {
    width: 85%;
    margin: -20px auto 0;
    padding: 5px 0;
    font-size: 14px;
  }
}
.phoneNewZero_new .phoneItem__product__rate .view_pcOnly {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem__product__rate .view_pcOnly {
    display: none;
  }
}
.phoneNewZero_new .phoneItem__product__rate .star {
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem__product__rate .star {
    padding-left: 10px;
  }
}
.phoneNewZero_new .phoneItem__info {
  line-height: 1.4;
  margin-top: 0;
  width: 70%;
  padding: 0 0 15px 10px;
  border-bottom: 3px solid #881c14;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .phoneItem__info {
    width: 100%;
    margin: 20px 0;
    padding: 0;
    border-bottom: none;
  }
}
.phoneNewZero_new .phoneItem__nebiki {
  margin-top: 10px;
}
.phoneNewZero_new .phoneItem__nebiki img {
  display: inline !important;
  text-align: left !important;
}
.phoneNewZero_new .last_txt {
  letter-spacing: 1px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .last_txt {
    margin: 50px 0;
    font-size: 23px;
    line-height: 1.6;
    letter-spacing: 0;
  }
}
.phoneNewZero_new .last_txt .f_red {
  color: #b50808;
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .phoneNewZero_new .last_txt .view_spOnly {
    display: block;
  }
}

:where(#articles) .phoneUsedSale ul {
  padding-left: unset;
  margin-bottom: unset;
}
:where(#articles) .phoneUsedSale ul::after {
  content: none;
}
:where(#articles) .phoneUsedSale ul li {
  font-size: unset;
  line-height: unset;
  background: unset;
  padding-left: unset;
}
:where(#articles) .phoneUsedSale h3 {
  text-align: unset;
  border-top: unset;
  border-bottom: unset;
}
:where(#articles) .phoneUsedSale_content_ttl {
  font-size: 18px;
  padding: 10px 0 10px 20px;
  margin: 10px 0;
  background: #e9e9e9;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale_content_ttl {
    padding: 20px 0 20px 20px;
  }
}
:where(#articles) .phoneUsedSale p {
  font-size: 18px;
}
:where(#articles) .phoneUsedSale .f_bold {
  font-weight: bold;
}
:where(#articles) .phoneUsedSale .phoneUsedSale_content_intro p,
:where(#articles) .phoneUsedSale .phoneUsedSale_content_intro ul {
  padding: 5px 15px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .phoneUsedSale_content_intro p,
  :where(#articles) .phoneUsedSale .phoneUsedSale_content_intro ul {
    padding: 0;
  }
}
:where(#articles) .phoneUsedSale .phoneUsedSale_content_intro li {
  font-size: 18px;
  line-height: 1;
  margin: 15px 0;
  padding-left: 25px;
  background: url(../img/copy/common/check.svg) no-repeat left center/contain;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .phoneUsedSale_content_intro li {
    background: url(../img/copy/common/check.svg) no-repeat left top/10px 10px;
  }
}
:where(#articles) .phoneUsedSale .phoneUsedSale_content_intro .f_red {
  color: #f00;
}
:where(#articles) .phoneUsedSale .phoneUsedSale_content_intro .phoneImg {
  display: flex;
  justify-content: center;
  gap: 20px;
}
:where(#articles) .phoneUsedSale .fukidashi_orange {
  position: relative;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  color: #edeb38;
  padding: 20px 0 25px;
  margin-bottom: 40px;
  background: #eb6100;
}
:where(#articles) .phoneUsedSale .fukidashi_orange::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
  border: 15px solid transparent;
  border-top: 30px solid #eb6200;
}
:where(#articles) .phoneUsedSale .super-specialPrice {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice {
    margin-bottom: 30px;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent {
    margin-bottom: 0;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phoneTabs {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding: 0;
  margin-bottom: 0;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phoneTabs .phoneTab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  font-family: "DIN 2014", din-2014, sans-serif;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  padding: 10px 0;
  border-radius: 5px 5px 0 0;
  background: #b1b1b1;
  cursor: pointer;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phoneTabs .phoneTab img {
  margin: 0;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phoneTabs .phoneTab p {
  display: flex;
  align-items: baseline;
  font-size: 32px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phoneTabs .phoneTab p {
    display: flex;
    align-items: center;
    font-size: 25px;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phoneTabs .phoneTab p span {
  font-size: 16px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phoneTabs .phoneTab p span {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phoneTabs .phoneTab.active {
  background: #e8442a;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel {
  display: none;
  padding: 35px 30px;
  background: url(../img/campaign/phone/bg_productDetail.png) no-repeat top left #fff;
  border: 1px solid #e7e7e7;
  border-top: none;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel.active {
  display: block;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .productDetail {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .productDetail {
    display: grid;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .productDetail .productInfo {
  width: 70%;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .productDetail .productInfo {
    width: 100%;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .productDetail .productInfo .productName {
  font-family: "DIN 2014", din-2014, sans-serif;
  font-size: 40px;
  font-weight: bold;
  color: #494c5e;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .productDetail .productInfo .productName {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .productDetail .productInfo .productName .productMaker {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  border-radius: 18px;
  padding: 0 12px;
  margin-right: 5px;
  background: #005bac;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .productDetail .productInfo p {
  font-size: 16px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  border-top: none;
  padding-left: 0;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper {
    gap: 0;
    margin-top: 0;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: calc(33.3333333333% - 14px);
  line-height: 1;
  border: 3px solid #e60000;
  padding-top: 160px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox {
    width: 100%;
    border: none;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox .setTitle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding: 5px 0 5px 15px;
  background: #51be00;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox .setTitle::after {
  content: "";
  position: absolute;
  top: 0;
  right: -29px;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0 solid rgba(0, 0, 0, 0);
  border-bottom: 46px solid rgba(0, 0, 0, 0);
  border-left: 30px solid #51be00;
  border-right: 0;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox .setTitle span {
  font-family: "DIN 2014", din-2014, sans-serif;
  font-size: 35px;
  font-style: italic;
  margin-right: 3px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox .offLabel {
  position: absolute;
  top: -20px;
  right: -15px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox .offLabel {
    top: 30px;
    right: auto;
    left: 5px;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 {
  width: 100%;
  padding-top: 76px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 .setTitle {
  font-size: 36px;
  padding: 5px 0 5px 5px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 .setTitle::after {
  border-bottom: 67px solid rgba(0, 0, 0, 0);
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 .setTitle span {
  font-size: 56px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 .offLabel {
  top: -30px;
  right: -30px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 .offLabel {
    top: auto;
    right: auto;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 .normalPrice,
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 .sp_f_black {
  font-size: 14px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 .strike {
  font-size: 23px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox.saleBox-10 .tax-inclusive {
  font-size: 15px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .normalPrice,
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .sp_f_black {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .normalPrice {
    display: inline-flex;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .strike {
  font-family: "DIN 2014", din-2014, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  margin-left: 10px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .salePrice-wrap {
  display: flex;
  align-items: flex-start;
  padding-left: 5px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .salePrice-wrap .salePrice .tax-exclusive {
  position: relative;
  display: flex;
  align-items: baseline;
  z-index: 0;
  font-family: "DIN 2014", din-2014, sans-serif;
  font-size: 21px;
  color: #e60001;
  margin-bottom: 3px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .salePrice-wrap .salePrice .tax-exclusive::after {
  content: "円";
  position: absolute;
  bottom: 4px;
  right: 0;
  z-index: -1;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  -webkit-text-stroke: 5px #fff;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .salePrice-wrap .salePrice .tax-exclusive span {
  position: relative;
  z-index: -1;
  font-family: "DIN 2014", din-2014, sans-serif;
  font-size: 44px;
  font-weight: 800;
  font-style: italic;
  line-height: 1;
  color: #e60001;
  margin-right: 3px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .salePrice-wrap .salePrice .tax-exclusive span::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  color: #fff;
  -webkit-text-stroke: 5px #fff;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .salePrice-wrap .salePrice .tax-inclusive {
  font-family: "DIN 2014", din-2014, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 300;
  text-align: right;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .phonePanel .saleBox-wrapper .saleBox-price .salePrice-wrap .salePrice .tax-inclusive span {
  font-style: italic;
  margin-left: 3px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-01 {
  background: url(../img/campaign/phone/bg_nx2_phoneSet3.png) no-repeat top 10px left 10px #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-01 .tax-exclusive span::after {
  content: "19,800";
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-02 {
  background: url(../img/campaign/phone/bg_nx2_phoneSet5.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-02 .tax-exclusive span::after {
  content: "29,800";
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-03 {
  background: url(../img/campaign/phone/bg_nx2_phoneSet7.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-03 .tax-exclusive span::after {
  content: "39,800";
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-04 {
  background: url(../img/campaign/phone/bg_nx2_phoneSet10.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-04 .tax-exclusive span::after {
  content: "59,800";
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-05 {
  background: url(../img/campaign/phone/bg_nx2_phoneSet15.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-05 .tax-exclusive span::after {
  content: "89,800";
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-06 {
  background: url(../img/campaign/phone/bg_nx2_phoneSet20.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-06 .tax-exclusive span {
  font-size: 38px !important;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-06 .tax-exclusive span {
    font-size: 47px !important;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-06 .tax-exclusive span::after {
  content: "119,800";
  font-size: 38px;
  top: 5px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-07 {
  background: url(../img/campaign/phone/bg_nx2_phoneSet25.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-07 .tax-exclusive span {
  font-size: 38px !important;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-07 .tax-exclusive span {
    font-size: 47px !important;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-07 .tax-exclusive span::after {
  content: "149,800";
  font-size: 38px;
  top: 5px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-08 {
  background: url(../img/campaign/phone/bg_nx2_phoneSet25.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-08 .tax-exclusive span {
  font-size: 38px !important;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-08 .tax-exclusive span {
    font-size: 47px !important;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-08 .tax-exclusive span::after {
  content: "179,800";
  font-size: 38px;
  top: 5px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-09 {
  background: url(../img/campaign/phone/bg_nx2_phoneSet50.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-09 .tax-exclusive span {
  font-size: 38px !important;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-09 .tax-exclusive span {
    font-size: 47px !important;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-09 .tax-exclusive span::after {
  content: "398,000";
  font-size: 38px;
  top: 5px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-10 {
  padding-right: 330px;
  background: url(../img/campaign/phone/bg_nx2_phoneSet100.png) no-repeat top 10px right #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-10 .tax-exclusive {
  height: 65px;
  font-size: 31px !important;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-10 .tax-exclusive {
    height: auto;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-10 .tax-exclusive::after {
  bottom: 6px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-10 .tax-exclusive span {
  font-size: 65px !important;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-10 .tax-exclusive span {
    font-size: 47px !important;
  }
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel1 .saleBox-10 .tax-exclusive span::after {
  content: "698,000";
  top: 9px;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-01 {
  background: url(../img/campaign/phone/bg_n1_phoneSet3.png) no-repeat top 10px left 10px #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-01 .tax-exclusive span::after {
  content: "29,800";
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-02 {
  background: url(../img/campaign/phone/bg_n1_phoneSet5.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-02 .tax-exclusive span::after {
  content: "44,800";
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-03 {
  background: url(../img/campaign/phone/bg_n1_phoneSet7.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-03 .tax-exclusive span::after {
  content: "59,800";
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-04 {
  background: url(../img/campaign/phone/bg_n1_phoneSet10.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-04 .tax-exclusive span::after {
  content: "79,800";
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-05 {
  background: url(../img/campaign/phone/bg_n1_phoneSet15.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-05 .tax-exclusive span {
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-05 .tax-exclusive span::after {
  content: "114,800";
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-06 {
  background: url(../img/campaign/phone/bg_n1_phoneSet20.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-06 .tax-exclusive span {
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-06 .tax-exclusive span::after {
  content: "149,800";
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-07 {
  background: url(../img/campaign/phone/bg_n1_phoneSet25.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-07 .tax-exclusive span {
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-07 .tax-exclusive span::after {
  content: "184,800";
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-08 {
  background: url(../img/campaign/phone/bg_n1_phoneSet25.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-08 .tax-exclusive span {
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-08 .tax-exclusive span::after {
  content: "284,800";
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-09 {
  background: url(../img/campaign/phone/bg_n1_phoneSet50.png) no-repeat top 10px center #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-09 .tax-exclusive span {
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-09 .tax-exclusive span::after {
  content: "798,000";
  font-size: 38px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-10 {
  padding-right: 270px;
  background: url(../img/campaign/phone/bg_n1_phoneSet100.png) no-repeat top 10px right #fff;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-10 .tax-exclusive {
  font-size: 31px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-10 .tax-exclusive::after {
  font-size: 31px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-10 .tax-exclusive span {
  font-size: 65px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .panel2 .saleBox-10 .tax-exclusive span::after {
  content: "1,298,000";
  font-size: 65px !important;
}
:where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .annotation {
  margin-top: 10px;
  font-size: 15px;
  text-align: right;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .super-specialPrice .phoneTabContent .annotation {
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
  }
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro {
  position: relative;
  z-index: 0;
  padding-top: 25px;
  margin-top: 10px;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .txt_bgRed {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .txt_bgRed {
    margin-left: 0;
  }
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .txt_bgRed p {
  width: fit-content;
  font-size: 25px;
  color: #fff;
  padding: 5px 15px;
  margin: 3px 0;
  background: #e8442a;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .txt_bgRed p span {
  color: #fcd03d;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .kaiketsu_Phone {
  position: absolute;
  top: 0;
  right: 240px;
  z-index: -1;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .kaiketsu_ambassador {
  position: absolute;
  top: -15px;
  right: 20px;
  z-index: 1;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon {
  display: inline-block;
  position: relative;
  top: 30px;
  width: 100%;
  height: 60px;
  text-align: center;
  box-sizing: border-box;
  margin-left: 20px;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon:before { /*左側のリボン端*/
  content: "";
  position: absolute;
  width: 0;
  top: 15px;
  left: 22px;
  z-index: 0;
  border: 25px solid #b50808;
  border-left-color: transparent; /*山形に切り抜き*/
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon:after { /*右側のリボン端*/
  content: "";
  position: absolute;
  width: 0;
  top: 15px;
  right: 22px;
  z-index: 0;
  border: 25px solid #b50808;
  border-right-color: transparent; /*山形に切り抜き*/
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon h3 {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 656px;
  max-width: 90%;
  margin: 0;
  padding: 15px 20px;
  line-height: 1;
  font-size: 25px;
  font-weight: normal;
  color: #fff;
  background: #e60001; /*真ん中の背景色*/
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon h3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #6f0202;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon h3:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #6f0202; /*右の折り返し部分*/
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list {
    margin-left: 0;
  }
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li {
  position: relative;
  width: calc(25% - 10px);
  text-align: center;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li h4 {
  position: absolute;
  top: 135px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-size: 20px;
  line-height: 1.2;
  color: #e60001;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li h4::after {
  content: "";
  position: absolute;
  bottom: -8.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  height: 3px;
  border-radius: 10px;
  background: #e60001;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li p {
  font-size: 14px !important;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li p {
    margin-top: 0;
  }
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li p span {
  color: #e60003;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_close {
  position: relative;
  padding: 40px 30px 20px;
  background: #fff9e6;
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_close {
    margin-left: 0;
  }
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_close_label {
  position: absolute;
  top: -20px;
  left: 20px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  padding: 8px 45px;
  border-radius: 50px;
  background: #e60003;
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_close_read {
  width: 78%;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 2;
  color: #e60003;
  text-decoration: underline;
  text-decoration-color: #e60003;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_close_read {
    width: 100%;
    font-size: min(4.5333333333vw, 18px);
    line-height: 1.9;
    margin-bottom: 14px;
  }
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_close_txt {
  width: 70%;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_close_txt {
    width: 100%;
    line-height: 1.7;
  }
}
:where(#articles) .phoneUsedSale .onayamiKaiketsu .kaiketsu_close_ambassador {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 !important;
}
:where(#articles) .phoneUsedSale .kodawari .feature-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .kodawari .feature-wrap {
    gap: 0;
  }
}
:where(#articles) .phoneUsedSale .kodawari .feature-wrap .feature {
  position: relative;
  width: calc(50% - 20px);
  border: 1px solid #f9f9fa;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .kodawari .feature-wrap .feature {
    width: 100%;
  }
}
:where(#articles) .phoneUsedSale .kodawari .feature-wrap .feature h3 {
  font-size: 18px;
  line-height: 1;
  color: #d22224;
  margin: 0;
  padding: 25px 0 25px 60px;
  border-bottom: 1px solid #f9f9fa;
}
:where(#articles) .phoneUsedSale .kodawari .feature-wrap .feature .icon_tsuyomi {
  position: absolute;
  top: -20px;
  left: -13px;
}
:where(#articles) .phoneUsedSale .kodawari .feature-wrap .feature:first-of-type h3 {
  background: url(../img/campaign/phone/bg_tsuyomi01.png) no-repeat top right/contain #fbfaf0;
}
:where(#articles) .phoneUsedSale .kodawari .feature-wrap .feature:nth-of-type(2) h3 {
  background: url(../img/campaign/phone/bg_tsuyomi02.png) no-repeat top right/contain #fbfaf0;
}
:where(#articles) .phoneUsedSale .kodawari .feature-wrap .feature:nth-of-type(3) h3 {
  background: url(../img/campaign/phone/bg_tsuyomi03.png) no-repeat top right/contain #fbfaf0;
}
:where(#articles) .phoneUsedSale .kodawari .feature-wrap .feature:last-of-type h3 {
  background: url(../img/campaign/phone/bg_tsuyomi04.png) no-repeat top right/contain #fbfaf0;
}
:where(#articles) .phoneUsedSale .kodawari .feature-wrap .feature .feature-content {
  display: block;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.6px;
  padding: 25px;
  background: #fff;
}
:where(#articles) .phoneUsedSale .voice_customer {
  position: relative;
}
:where(#articles) .phoneUsedSale .voice_customer:before {
  content: "VOICE";
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 14px;
  color: #5f5f5f;
}
:where(#articles) .phoneUsedSale .voice_customer .voice_head {
  position: relative;
  padding-top: 20px;
  padding-left: 90px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .voice_customer .voice_head {
    margin-bottom: 0;
  }
}
:where(#articles) .phoneUsedSale .voice_customer .voice_head:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 55px;
  height: 170px;
  background: #f26419;
}
:where(#articles) .phoneUsedSale .voice_customer .voice_head:after {
  content: "1";
  position: absolute;
  top: 25px;
  left: 17px;
  font-size: 25px;
  color: #fff;
  font-weight: bold;
}
:where(#articles) .phoneUsedSale .voice_customer .voice_head:not(:root) {
  padding: 20px 0 0 90px;
  background: none;
}
:where(#articles) .phoneUsedSale .voice_customer .voice_head h3 {
  margin: 0;
  font-size: 25px;
  font-weight: bold;
  color: #333;
  padding: 0;
  background: transparent;
}
:where(#articles) .phoneUsedSale .voice_customer .voice_head h3 span {
  font-size: 18px;
}
:where(#articles) .phoneUsedSale .voice_customer .voice_head .voice_intro {
  position: relative;
  z-index: 0;
  font-size: 23px;
  font-weight: bold;
  color: #f26419;
  margin-top: 10px;
}
:where(#articles) .phoneUsedSale .voice_customer .voice_head .voice_intro:after {
  content: "既存のお客様から、オフィス移転に伴い標準電話機3台と主装置1台の導入依頼";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  font-size: 23px;
  color: #fff;
  -webkit-text-stroke: 10px #fff;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.2));
}
:where(#articles) .phoneUsedSale .voice_customer .voice_customer_box {
  padding: 40px 60px 40px 80px;
  margin-bottom: 1px;
  background: #f5f5f5;
  border: none;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .voice_customer .voice_customer_box {
    padding: 0;
    background: none;
  }
}
:where(#articles) .phoneUsedSale .voice_customer .voice_customer_box dt {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #f26419;
  border: none;
}
:where(#articles) .phoneUsedSale .voice_customer .voice_customer_box dt:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  width: 5px;
  background: #f26419;
}
:where(#articles) .phoneUsedSale .voice_customer .voice_customer_box dt .toggle-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .voice_customer .voice_customer_box dt .toggle-icon {
    display: block;
  }
}
:where(#articles) .phoneUsedSale .voice_customer .voice_customer_box dd {
  position: relative;
  display: block;
  padding: 10px 0;
  border: none;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .voice_customer .voice_customer_box dd {
    font-size: 14px;
    line-height: 1.6;
  }
}
:where(#articles) .phoneUsedSale .voice_customer .voice_customer_box dd::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  width: 5px;
  background: #d9dae0;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .voice_customer .voice_customer_box dd::before {
    content: none;
  }
}
:where(#articles) .phoneUsedSale .voice_customer .voice_customer_box:first-of-type {
  background: #f8f7de;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .voice_customer .voice_customer_box:first-of-type {
    background: none;
  }
}
:where(#articles) .phoneUsedSale .voice_customer .voice_customer_box:first-of-type dt {
  background: #f8f7de;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .voice_customer .voice_customer_box:first-of-type dt {
    background: #f5f5f5;
  }
}
:where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dt,
:where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dd {
  font-size: 15px;
  border-width: 1px;
  border-color: #e7e7e7;
}
:where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dt {
  position: relative;
  font-weight: bold;
  padding: 30px 30px 30px 80px;
  border-style: solid solid none solid;
  background: url(../img/common/contents/q.svg) left 26px center/29px no-repeat #f9f9fa;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  :where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dt {
    padding: 15px 40px;
  }
}
:where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dt::before, :where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dt::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto;
  background-color: #a4a4a4;
  border-radius: 4px;
  transition: all 0.4s;
}
:where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dt::before {
  transform: rotate(0deg);
}
:where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dt::after {
  transform: rotate(90deg);
}
:where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dt.active {
  border-bottom: 1px dotted #e7e7e7;
}
:where(#articles) .phoneUsedSale .faq_usedPhone .faq-list dd {
  padding: 30px 60px 30px 80px;
  border-style: none solid none solid;
  background: url(../img/common/contents/a.svg) left 26px top 30px/29px no-repeat #fff;
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap .intro-txt {
  font-size: 15px !important;
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap ul li > p {
  display: none;
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap ul li p {
  padding: 0;
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap ul li .thumb {
  display: inline-block;
  flex-grow: 0;
  height: 115px;
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap ul li .thumb img {
  margin: 0 auto 10px !important;
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap ul li .thumb p {
  display: none;
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap ul li .thumb .step-no {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap ul li .thumb h3::before {
  content: none;
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap ul li .txt {
  height: 85px;
}
:where(#articles) .phoneUsedSale .common_flow .contents-wrap ul li .txt p {
  font-size: 14px !important;
  text-align: left !important;
  padding: 20px 12px !important;
}
:where(#articles) .phoneUsedSale .newContactbun {
  margin-top: 30px;
}

.transferOff_renewal_2024 {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.transferOff_renewal_2024 h2.mt0 {
  margin-top: 50px;
}
.transferOff_renewal_2024 h2.renewal {
  font-weight: 600;
}
.transferOff_renewal_2024 .f_red {
  color: #e60001;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 695px;
  margin: 30px auto;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap {
    flex-wrap: wrap;
    gap: 10px;
    padding-left: 0;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap li {
  position: relative;
  z-index: 1;
  width: calc(33.3333333333% - 30px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap li {
    width: calc(50% - 5px);
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap li h3 {
  font-size: 20px;
  font-weight: 600;
  color: #005bac;
  line-height: 1;
  border: none !important;
  margin: -25px 0 0;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap li h3 {
    margin-top: 0;
    padding: 0;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap li::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  background: #e0e0e0;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap li::after {
    width: 160px;
    height: 160px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_head {
  padding: 30px 50px 30px 0;
  background: url(../img/campaign/phone/bg_riscExplan.png) no-repeat top left/contain rgba(224, 224, 224, 0.85);
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_head {
    padding: 35px 20px 40px;
    background-blend-mode: soft-light;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_head .textArea {
  width: 50%;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  padding-left: 120px;
  margin-left: auto;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_head .textArea {
    width: 100%;
    margin: 0;
    padding-left: 0;
    font-size: 15px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_head .textArea .underline_yellow {
  background: linear-gradient(transparent 50%, #fcd03d 50%);
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_head .textArea + .textArea {
    margin-top: 20px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom {
  position: relative;
  z-index: 0;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 2;
  color: #fff;
  padding: 30px 0;
  margin-bottom: 50px;
  background: #005bac;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom {
    padding: 25px 0;
    font-size: 14px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom .rotate {
  position: absolute;
  top: 0;
  left: 30px;
  transform: rotate(-7deg);
  line-height: 1;
  padding: 1px 15px;
  background: #222;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom .f_highlight {
  font-size: 25px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom .f_highlight {
    font-size: 22px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom .f_highlight .f_yellow {
  position: relative;
  color: #fcd03d;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom .f_highlight .f_yellow::after {
  content: url(../img/campaign/phone/underline_kasure_yellow.png);
  display: inline-block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom .f_highlight .f_yellow::after {
    width: 320px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 65px solid rgba(0, 0, 0, 0);
  border-right: 65px solid rgba(0, 0, 0, 0);
  border-top: 40px solid #005bac;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan .riskExplan_bottom::after {
    bottom: -25px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu {
  position: relative;
  padding: 30px 20px;
  background: #fff9e6;
  border: 11px solid #fcd03d;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu .main {
  display: inline-block;
  font-size: 26px;
  font-weight: 800;
  color: #e60001;
  border-bottom: none;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu .main {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu .main .underline_white {
  background: linear-gradient(transparent 50%, #fff 50%);
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu .sub {
  width: 73%;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-bottom: 0;
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff9e6 50%, #fff9e6 100%), linear-gradient(180deg, #707070 1px, transparent 1px);
  background-size: 5px 100%, 100% 1.9em;
  background-position: bottom 2px center;
  line-height: 1.9em;
  padding-bottom: 1px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu .sub {
    width: 66%;
    background-position: bottom 3px center;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu .explanation_ambassador {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 239px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu .explanation_ambassador {
    right: -10px;
    width: 160px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon {
  display: inline-block;
  position: relative;
  top: 30px;
  width: 100%;
  height: 60px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 50px;
  padding: 0;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon::before, .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon::after {
  content: "";
  position: absolute;
  width: 0;
  top: 15px;
  z-index: 0;
  border: 25px solid #b50808;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon::before {
  left: -4px;
  border-left-color: rgba(0, 0, 0, 0);
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon::after {
  right: -4px;
  border-right-color: rgba(0, 0, 0, 0);
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3 {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 678px;
  max-width: 90%;
  margin: 0 !important;
  padding: 15px 5px !important;
  box-sizing: content-box;
  line-height: 1;
  white-space: nowrap;
  font-size: 25px !important;
  font-weight: 600;
  color: #fff;
  border-top: none !important;
  border-bottom: none !important;
  background: #e60001;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3 {
    font-size: 17px !important;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3::before, .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3::after {
  content: "";
  position: absolute;
  top: 55px;
  width: 0;
  height: 0;
  border: none;
  border-bottom: solid 10px rgba(0, 0, 0, 0);
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3::before {
  left: 0;
  border-right: solid 15px #6f0202;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3::after {
  right: 0;
  border-left: solid 15px #6f0202;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap {
    flex-wrap: wrap;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap::after {
  content: none;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li {
  position: relative;
  z-index: 1;
  width: calc(25% - 5px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li {
    width: calc(50% - 5px);
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 175px;
  height: 175px;
  border-radius: 50%;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li::after {
    width: 160px;
    height: 160px;
  }
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li h3 {
  position: relative;
  font-weight: 600;
  line-height: 1.2;
  color: #e60001;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li h3::after {
  content: "";
  position: absolute;
  bottom: -8.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 20%;
  height: 4px;
  border-radius: 50px;
  background: #e60001;
}
.transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px;
  margin-top: 20px;
  padding: 0 5px;
}
.transferOff_renewal_2024 .contactSection .contact_intro {
  position: relative;
  text-align: center;
  font-weight: 700;
  margin: 70px 0 30px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .contactSection .contact_intro {
    margin-top: 30px;
  }
}
.transferOff_renewal_2024 .contactSection .contact_intro span {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  padding: 5px 15px;
  background: #e60001;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .contactSection .contact_intro span {
    top: -16px;
    font-size: 13px;
    padding: 2px 10px;
  }
}
.transferOff_renewal_2024 .contactSection .contact_intro p {
  display: inline-block;
  font-size: 33px;
  font-weight: bold;
  line-height: 1;
  color: #e60001;
  background: #fcd03d;
  margin-bottom: 5px;
  padding: 7px 10px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .contactSection .contact_intro p {
    font-size: 19px;
    padding: 2px 10px;
    margin-bottom: 3px;
  }
}
.transferOff_renewal_2024 .contactSection a img {
  width: 100%;
  height: auto;
}
.transferOff_renewal_2024 .targetProductList h3 {
  font-size: 18px;
  font-weight: 600;
  text-align: left !important;
  padding: 15px 0 15px 20px !important;
  margin: 40px 0 30px !important;
  border: none !important;
  background: #e9e9e9;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProductList h3 {
    font-size: 16px;
  }
}
.transferOff_renewal_2024 .targetProductList .oldModelList {
  width: 685px;
  border-collapse: collapse;
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProductList .oldModelList {
    width: 100%;
    margin: 0;
  }
}
.transferOff_renewal_2024 .targetProductList .oldModelList thead th {
  position: relative;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: #494c5e;
  padding: 10px;
  border: 1px solid #b1b1b1;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProductList .oldModelList thead th {
    font-size: 13px;
    padding: 10px 0;
    vertical-align: middle;
  }
}
.transferOff_renewal_2024 .targetProductList .oldModelList thead th:first-of-type {
  color: #fff;
  background-color: #4a4c5f;
}
.transferOff_renewal_2024 .targetProductList .oldModelList thead th:last-of-type {
  color: #e60001;
}
.transferOff_renewal_2024 .targetProductList .oldModelList thead::after {
  content: "";
  display: block;
  height: 20px;
}
.transferOff_renewal_2024 .targetProductList .oldModelList tbody {
  position: relative;
}
.transferOff_renewal_2024 .targetProductList .oldModelList tbody::after {
  content: "";
  display: block;
  height: 20px;
}
.transferOff_renewal_2024 .targetProductList .oldModelList tbody tr:nth-of-type(even) td {
  background: #f9f9fa;
}
.transferOff_renewal_2024 .targetProductList .oldModelList tbody td {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  border: 1px solid #b1b1b1;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProductList .oldModelList tbody td {
    font-size: 13px;
    padding: 5px 0;
  }
}
.transferOff_renewal_2024 .targetProductList .oldModelList tbody td:nth-of-type(3) {
  color: #e60001;
}
.transferOff_renewal_2024 .targetProductList .oldModelList th[rowspan] {
  width: 25%;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #4a4c5f;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProductList .oldModelList th[rowspan] {
    width: 31%;
    font-size: 13px;
    font-weight: 400;
  }
}
.transferOff_renewal_2024 .targetProductList .oldModelExampale {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0 !important;
  margin: 0 !important;
}
.transferOff_renewal_2024 .targetProductList .oldModelExampale::after {
  content: none;
}
.transferOff_renewal_2024 .targetProductList .oldModelExampale li {
  width: calc(33.3333333333% - 10px);
  text-align: center;
  margin: 0 20px 20px;
  border-radius: 17px;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProductList .oldModelExampale li {
    margin: 0;
    border-radius: 0;
  }
}
.transferOff_renewal_2024 .targetProductList .oldModelExampale li figure {
  margin: 0 !important;
}
.transferOff_renewal_2024 .targetProductList .oldModelExampale li img {
  width: 190px;
  height: 125px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProductList .oldModelExampale li img {
    height: auto;
  }
}
.transferOff_renewal_2024 .targetProductList .oldModelExampale li figcaption {
  font-size: 14px;
  color: #494c5e;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProductList .oldModelExampale li figcaption {
    display: none;
  }
}
.transferOff_renewal_2024 .targetProductList .annotation {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: -0.5px;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProductList .annotation {
    font-size: 12px;
    margin: 10px 0;
  }
}
.transferOff_renewal_2024 .targetProduct_detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 35px;
  margin-bottom: 40px;
  border: 1px solid #e7e7e7;
  background: url(../img/campaign/phone/bg_targetProduct.png) no-repeat top left/contain #fcfcfc;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProduct_detail {
    display: block;
    width: 100vw;
    padding: 20px 6.6666666667vw;
    margin: 0 calc(50% - 50vw);
  }
}
.transferOff_renewal_2024 .targetProduct_detail picture img {
  width: 100%;
}
.transferOff_renewal_2024 .targetProduct_detail .content {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProduct_detail .content {
    width: 100%;
  }
}
.transferOff_renewal_2024 .targetProduct_detail .content h3 {
  font-size: 40px !important;
  font-weight: 600;
  text-align: left !important;
  color: #494c5e;
  padding: 0 !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
  border: none !important;
}
.transferOff_renewal_2024 .targetProduct_detail .content h3 .maker {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 2px 8px;
  margin-right: 8px;
  background-color: #4a4c5f;
  vertical-align: middle;
}
.transferOff_renewal_2024 .targetProduct_detail .content .catchcopy {
  font-size: 23px;
  font-weight: 600;
  margin: 20px 0;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProduct_detail .content .catchcopy {
    font-size: 20px;
  }
}
.transferOff_renewal_2024 .targetProduct_detail .content .detailTxt {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProduct_detail .content .detailTxt {
    font-size: 14px;
  }
}
.transferOff_renewal_2024 .targetProduct_detail .content .btnLink {
  position: relative;
  display: block;
  width: fit-content;
  font-size: 20px;
  font-weight: 400;
  color: #fff !important;
  text-decoration: none !important;
  padding: 10px 30px 10px 40px;
  margin-left: auto;
  margin-top: 20px;
  border-radius: 21px;
  background: #e60001;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProduct_detail .content .btnLink {
    width: 323px;
    margin: 20px auto 0;
    padding: 20px 0;
    text-align: center;
    border-radius: 50px;
  }
}
.transferOff_renewal_2024 .targetProduct_detail .content .btnLink::before {
  content: "▶︎";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  font-size: 16px;
  color: #fff;
}
.transferOff_renewal_2024 .targetProduct_detail .content .btnLink:hover {
  opacity: 0.8;
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable {
    flex-direction: column;
    justify-content: space-between;
  }
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translate(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid #e5044f;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable::before {
    border-top: 20px solid #e5044f;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: none;
  }
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable table {
  width: 45%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table {
    width: 100%;
  }
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable table thead th {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #494c5e;
  text-align: center;
  padding: 15px;
  border: 1px solid #b1b1b1;
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable table thead th:first-of-type {
  background: #e9e9e9;
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable table thead th:last-of-type {
  background: #fff9e6;
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable table thead th[colspan="2"] {
  font-size: 18px;
  color: #fff;
  background-color: #494c5e;
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable table tbody td {
  padding: 10px 0;
  border: 1px solid #b1b1b1;
  font-size: 18px;
  text-align: center;
  line-height: 1;
  color: #494c5e;
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable table tbody td .quantity {
  font-size: 22px;
  font-weight: 600;
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable table tbody td:first-of-type {
  background: #f9f9fa;
}
.transferOff_renewal_2024 .targetProduct .campaignPriceTable table tbody td:nth-of-type(2) .quantity {
  text-decoration: line-through;
}
.transferOff_renewal_2024 .targetProduct .annotation {
  font-size: 12px;
  font-weight: 300;
  border-bottom: none;
}
.transferOff_renewal_2024 .kodawari .feature-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.transferOff_renewal_2024 .kodawari .feature-wrap .feature {
  position: relative;
  width: calc(50% - 20px);
  border: 1px solid #f9f9fa;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature {
    width: 100%;
  }
}
.transferOff_renewal_2024 .kodawari .feature-wrap .feature:first-of-type h3 {
  background: url(../img/campaign/phone/bg_tsuyomi01.png) no-repeat top right/contain #fbfaf0;
}
.transferOff_renewal_2024 .kodawari .feature-wrap .feature:nth-of-type(2) h3 {
  background: url(../img/campaign/phone/bg_tsuyomi02.png) no-repeat top right/contain #fbfaf0;
}
.transferOff_renewal_2024 .kodawari .feature-wrap .feature:nth-of-type(3) h3 {
  background: url(../img/campaign/phone/bg_tsuyomi03.png) no-repeat top right/contain #fbfaf0;
}
.transferOff_renewal_2024 .kodawari .feature-wrap .feature:last-of-type h3 {
  background: url(../img/campaign/phone/bg_tsuyomi04.png) no-repeat top right/contain #fbfaf0;
}
.transferOff_renewal_2024 .kodawari .feature-wrap .feature-title {
  font-size: 18px !important;
  font-weight: 600;
  text-align: left !important;
  line-height: 1;
  color: #d22224;
  padding: 25px 0 25px 60px !important;
  margin: 0 !important;
  border: none !important;
  border-top: none !important;
  border-bottom: 1px solid #f9f9fa !important;
}
.transferOff_renewal_2024 .kodawari .feature-wrap .feature-content {
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.6px;
  padding: 25px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature-content {
    padding: 15px;
  }
}
.transferOff_renewal_2024 .kodawari .feature-wrap .feature .icon_tsuyomi {
  position: absolute;
  top: -20px;
  left: -13px;
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_customer {
  position: relative;
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_customer::after {
  content: "VOICE";
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 14px;
  color: #5f5f5f;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer::after {
    content: none;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_head {
  position: relative;
  padding: 20px 180px 40px 90px;
  background: url(../img/campaign/phone/transferOff_voice.png) no-repeat top 15px right/150px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_head {
    padding: 15px 0 30px 55px;
    background: url(../img/campaign/phone/transferOff_voice.png) no-repeat top right/75px;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_head::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 55px;
  height: 140px;
  background: #f26419;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_head::before {
    width: 35px;
    height: 115px;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_head::after {
  content: "1";
  position: absolute;
  top: 25px;
  left: 17px;
  font-size: 25px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_head::after {
    top: 20px;
    left: 12px;
    font-size: 17px;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_head:not(:root) {
  background: url(../img/campaign/phone/transferOff_voice.png) no-repeat top 15px right/150px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_head:not(:root) {
    background: url(../img/campaign/phone/transferOff_voice.png) no-repeat top right/75px;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_head h3 {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left !important;
  color: #333;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_head h3 {
    font-size: 16px;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_head h3 span {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_head h3 span {
    font-size: 14px;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_intro {
  position: relative;
  z-index: 0;
  font-size: 23px;
  font-weight: 600;
  color: #f26419;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_intro {
    font-size: 15px;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_intro::after {
  content: "古くなった電話機の入れ替えで業務効率化と導入・通信コスト削減に成功";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  font-size: 23px;
  color: #fff;
  -webkit-text-stroke: 10px #fff;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_intro::after {
    font-size: 15px;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_intro:not(:root)::after {
  content: "古くなった電話機の入れ替えで業務効率化と導入・通信コスト削減に成功";
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_customer_box {
  padding: 40px 60px 40px 80px;
  margin-bottom: 1px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer_box {
    padding: 15px 40px;
  }
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_customer_box:first-of-type {
  background: #f8f7de;
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_customer_box dt {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #f26419;
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_customer_box dt::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  width: 5px;
  background: #f26419;
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_customer_box dd {
  position: relative;
  padding: 10px 0;
}
.transferOff_renewal_2024 .voice_customer_wrap .voice_customer_box dd::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  width: 5px;
  background: #d9dae0;
}
.transferOff_renewal_2024 .faq_usedPhone {
  margin-bottom: 30px;
}

.post-detail__content #faq-list dt,
.post-detail__content #faq-list dd {
  font-size: 15px;
  border-width: 1px;
  border-color: #e7e7e7;
}
.post-detail__content #faq-list dt:last-of-type,
.post-detail__content #faq-list dd:last-of-type {
  border-bottom: 1px solid #e7e7e7;
}
.post-detail__content #faq-list dt {
  background: url(../img/common/contents/q.svg) left 26px center/29px no-repeat #f9f9fa;
  padding: 30px 50px 30px 80px;
  border-style: solid solid none solid;
  position: relative;
  font-weight: 600;
  cursor: pointer;
}
.post-detail__content #faq-list dt::before, .post-detail__content #faq-list dt::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto;
  background-color: #a4a4a4;
  border-radius: 4px;
  transition: all 0.4s;
}
.post-detail__content #faq-list dt::before {
  transform: rotate(0deg);
}
.post-detail__content #faq-list dt::after {
  transform: rotate(90deg);
}
.post-detail__content #faq-list dt.active {
  border-bottom: 1px dotted #e7e7e7;
}
.post-detail__content #faq-list dt.active::before {
  transform: rotate(45deg);
}
.post-detail__content #faq-list dt.active::after {
  transform: rotate(135deg);
}
.post-detail__content #faq-list dd {
  background: url(../img/common/contents/a.svg) left 26px top 30px/29px no-repeat #fff;
  padding: 30px 60px 30px 80px;
  border-style: none solid none solid;
}
.post-detail__content #faq-list dd a {
  text-decoration-color: #ff4021;
}
.post-detail__content #faq-list dd .txtLink_copy_faq {
  font-weight: bold;
  color: #ff4021;
}

.phoneSuper_renewal_2024 h3 {
  margin: 0;
}
.phoneSuper_renewal_2024 h4 {
  margin: 0;
}
.phoneSuper_renewal_2024 img {
  display: inline;
  margin: 0;
  text-align: inherit;
}
.phoneSuper_renewal_2024 ul {
  padding: 0;
}
.phoneSuper_renewal_2024 ul li {
  background: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.phoneSuper_renewal_2024 h1 {
  margin-bottom: 30px;
}
.phoneSuper_renewal_2024 h2.renewal {
  font-weight: 600;
}
.phoneSuper_renewal_2024 section {
  margin-bottom: 50px;
}
.phoneSuper_renewal_2024 .contact-bnr {
  margin-top: 60px;
}
.phoneSuper_renewal_2024 .f_italic {
  font-style: italic;
}
.phoneSuper_renewal_2024 .f_red {
  color: #E60001;
}
.phoneSuper_renewal_2024 .ribbon {
  display: inline-block;
  position: relative;
  top: 30px;
  width: 100%;
  height: 60px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .ribbon {
    padding: 0;
    height: 50px;
  }
}
.phoneSuper_renewal_2024 .ribbon::before, .phoneSuper_renewal_2024 .ribbon::after {
  content: "";
  position: absolute;
  width: 0;
  top: 15px;
  z-index: 0;
}
.phoneSuper_renewal_2024 .ribbon::before {
  left: 22px;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .ribbon::before {
    left: -7px;
  }
}
.phoneSuper_renewal_2024 .ribbon::after {
  right: 22px;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .ribbon::after {
    right: -7px;
  }
}
.phoneSuper_renewal_2024 .ribbon h3 {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 658px;
  max-width: 90%;
  margin: 0;
  padding: 15px 0 !important;
  line-height: 1;
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  border-top: none !important;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .ribbon h3 {
    width: 90%;
    padding: 7px 0 !important;
  }
}
.phoneSuper_renewal_2024 .ribbon h3::before, .phoneSuper_renewal_2024 .ribbon h3::after {
  content: "";
  position: absolute;
  top: 55px;
  width: 0;
  height: 0;
  border: none;
  border-bottom: solid 10px rgba(0, 0, 0, 0);
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .ribbon h3::before, .phoneSuper_renewal_2024 .ribbon h3::after {
    top: 44px;
  }
}
.phoneSuper_renewal_2024 .ribbon h3:before {
  left: 0;
}
.phoneSuper_renewal_2024 .ribbon h3::after {
  right: 0;
}
.phoneSuper_renewal_2024 .ribbon.ribbon_blue::before, .phoneSuper_renewal_2024 .ribbon.ribbon_blue::after {
  border: 25px solid #003f77;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .ribbon.ribbon_blue::before, .phoneSuper_renewal_2024 .ribbon.ribbon_blue::after {
    border-width: 20px;
  }
}
.phoneSuper_renewal_2024 .ribbon.ribbon_blue::before {
  border-left-color: rgba(0, 0, 0, 0);
}
.phoneSuper_renewal_2024 .ribbon.ribbon_blue::after {
  border-right-color: rgba(0, 0, 0, 0);
}
.phoneSuper_renewal_2024 .ribbon.ribbon_blue h3 {
  background: #005bac;
}
.phoneSuper_renewal_2024 .ribbon.ribbon_blue h3::before {
  border-right: solid 15px #001a31;
}
.phoneSuper_renewal_2024 .ribbon.ribbon_blue h3::after {
  border-left: solid 15px #001a31;
}
.phoneSuper_renewal_2024 .ribbon.ribbon_red::before, .phoneSuper_renewal_2024 .ribbon.ribbon_red::after {
  border: 25px solid #b50808;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .ribbon.ribbon_red::before, .phoneSuper_renewal_2024 .ribbon.ribbon_red::after {
    border-width: 20px;
  }
}
.phoneSuper_renewal_2024 .ribbon.ribbon_red::before {
  border-left-color: rgba(0, 0, 0, 0);
}
.phoneSuper_renewal_2024 .ribbon.ribbon_red::after {
  border-right-color: rgba(0, 0, 0, 0);
}
.phoneSuper_renewal_2024 .ribbon.ribbon_red h3 {
  font-weight: 600;
  background: #e60001;
}
.phoneSuper_renewal_2024 .ribbon.ribbon_red h3::before {
  border-right: solid 15px #6f0202;
}
.phoneSuper_renewal_2024 .ribbon.ribbon_red h3::after {
  border-left: solid 15px #6f0202;
}
.phoneSuper_renewal_2024 .txt_bgYellow {
  position: relative;
  text-align: center;
  font-weight: 700;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .txt_bgYellow {
    margin-top: 0;
  }
}
.phoneSuper_renewal_2024 .txt_bgYellow .bg_yellow {
  display: inline-block;
  font-size: 33px;
  color: #005bac;
  padding: 3px 15px;
  margin-bottom: 5px;
  background: #fcd03d;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .txt_bgYellow .bg_yellow {
    padding: 3px 4px;
    font-size: 19px;
  }
}
.phoneSuper_renewal_2024 .txt_bgYellow .bg_blue {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 22px;
  color: #fff;
  padding: 3px 15px;
  background: #005bac;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .txt_bgYellow .bg_blue {
    top: -20px;
    font-size: 13px;
  }
}
.phoneSuper_renewal_2024 .txt_bgYellow p {
  font-size: 26px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .txt_bgYellow p {
    font-size: 15px;
  }
}
.phoneSuper_renewal_2024 .containerYellow {
  padding: 20px 0 30px 25px;
  border: 11px solid #fcd03d;
  background: #fff9e6;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .containerYellow {
    padding: 10px 10px 15px;
    border-width: 5px;
  }
}
.reason_super0yen_intro {
  font-family: "Noto Sans JP", sans-serif;
  padding: 30px;
  background: url(../img/campaign/phone/bg_phoneSuper_reason_intro.png) no-repeat top right/contain #005bac;
}
@media screen and (max-width: 768px) {
  .reason_super0yen_intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 30px 160px;
    text-align: center;
    background: url(../img/campaign/phone/bg_phoneSuper_reason_intro_sp.png) no-repeat bottom center/contain #005bac;
  }
}
.reason_super0yen_intro p {
  width: 40%;
  font-size: 27px;
  font-weight: bold;
  color: #fcd03d;
  line-height: 1.6;
  text-decoration: underline;
  text-decoration-color: #fcd03d;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .reason_super0yen_intro p {
    width: 100%;
  }
}
.reason_super0yen_intro .label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 18px;
  font-weight: bold;
  color: #005bac;
  text-decoration: none;
  padding: 0 30px 0 20px;
  border-radius: 50px;
  background: #fff;
}
.reason_super0yen_intro .label::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-right: 15px;
  background: url(../img/campaign/phone/icon_crown_blue.svg) no-repeat;
}
.reason_super0yen .reason_detail {
  position: relative;
  z-index: 1;
}
.reason_super0yen .reason_detail p {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.7;
  color: #222;
  border-bottom: 2px dotted #707070;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .reason_super0yen .reason_detail p {
    font-size: 15px;
  }
}
.reason_super0yen .reason_detail p .f_blue {
  font-size: 26px;
  font-weight: 800;
  color: #005bac;
}
@media screen and (max-width: 768px) {
  .reason_super0yen .reason_detail p .f_blue {
    font-size: 15px;
  }
}
.reason_super0yen .reason_detail p .f_red {
  font-size: 29px;
  font-weight: 800;
  color: #e8442a;
}
@media screen and (max-width: 768px) {
  .reason_super0yen .reason_detail p .f_red {
    font-size: 15px;
  }
}
.reason_super0yen .reason_detail .explanation_ambassador {
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 225px;
  z-index: -1;
}
.reason_super0yen .shinpai {
  position: relative;
  font-size: 33px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1.5px;
  padding-left: 50px;
  margin-top: 20px;
  margin-bottom: 90px;
  color: #222;
  z-index: 1;
}
.reason_super0yen .shinpai span {
  position: absolute;
  top: -20px;
  left: 55px;
  transform: rotate(-16deg);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  padding: 1px 15px;
  background: #222;
}
.reason_super0yen .shinpai::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 65px solid transparent;
  border-right: 65px solid transparent;
  border-top: 40px solid #e7e7e7;
}
.reason_super0yen .s-rankPhone {
  position: relative;
  padding-bottom: 0;
  margin-top: 10px;
}
.reason_super0yen .s-rankPhone ul .pointList {
  position: relative;
  padding-left: 100px !important;
  margin-bottom: 10px !important;
}
.reason_super0yen .s-rankPhone ul .pointList .point-ttl {
  font-size: 30px;
  font-weight: 700;
  color: #005bac;
  margin: 0;
}
.reason_super0yen .s-rankPhone ul .pointList .point_checkList {
  width: 65%;
  padding-bottom: 5px !important;
  border-bottom: 2px dotted #707070;
  margin-bottom: 10px !important;
}
.reason_super0yen .s-rankPhone ul .pointList .point_checkList li {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6 !important;
  color: #222;
}
.reason_super0yen .s-rankPhone ul .pointList .point_checkList li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  background: url(../img/copy/common/check.svg) no-repeat;
}
.reason_super0yen .s-rankPhone ul .pointList:last-of-type .point_checkList {
  border-bottom: none;
}
.reason_super0yen .s-rankPhone ul .pointList::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 91px;
  height: 91px;
}
.reason_super0yen .s-rankPhone ul .pointList:first-of-type::before {
  background: url(../img/campaign/phone/icon_point1_phoneSuper.png) no-repeat;
  background-size: contain;
}
.reason_super0yen .s-rankPhone ul .pointList:nth-of-type(2)::before {
  background: url(../img/campaign/phone/icon_point2_phoneSuper.png) no-repeat;
  background-size: contain;
}
.reason_super0yen .s-rankPhone ul .pointList:last-of-type::before {
  background: url(../img/campaign/phone/icon_point3_phoneSuper.png) no-repeat;
  background-size: contain;
}
.reason_super0yen .s-rankPhone .s-rankPhone {
  position: absolute;
  bottom: 10px;
  right: -20px;
  width: 298px;
  height: 293px;
}
.reason_super0yen .optionList-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.reason_super0yen .optionList-wrap .ribbon h3 {
  font-weight: 600;
}
.reason_super0yen .optionList-wrap li {
  width: calc(25% - 10px);
  text-align: center;
}
.reason_super0yen .optionList-wrap li h4 {
  font-family: "DIN 2014", din-2014, sans-serif;
  font-size: 20px;
  color: #222;
}
.reason_super0yen .optionList-wrap li p {
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  color: #222;
}

.cost_reduction h3 {
  position: relative;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #434343;
  text-align: left !important;
  padding: 15px 0 15px 80px !important;
  margin-bottom: 10px;
  background-color: #e7e7e7;
  border: none !important;
}
.cost_reduction h3::before {
  content: url(../img/phone/used/icon_phone.svg);
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
}
.cost_reduction h3::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  width: 1px;
  height: 21px;
  border-left: 1px solid #b1b1b1;
}
.cost_reduction .flex-wrap {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin: 30px 0 10px;
}
.cost_reduction .flex-wrap .phoneSuper_costExample,
.cost_reduction .flex-wrap .phoneSuper_0yenCampaign {
  width: 355px;
  height: 312px;
}
.cost_reduction .flex-wrap .arrow_right {
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid #005bac;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
@media screen and (max-width: 768px) {
  .cost_reduction .flex-wrap .arrow_right {
    position: inherit;
    top: auto;
    left: auto;
    transform: none;
    margin: 5px 0;
    border-bottom: none;
  }
}
.cost_reduction .flex-wrap:first-of-type {
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .cost_reduction .flex-wrap:first-of-type {
    gap: 0;
  }
}
.cost_reduction .flex-wrap .phoneSuper_generalCost {
  width: 365px;
  height: 411px;
}
.cost_reduction .flex-wrap .phoneSuper_generalCost_0yen {
  width: 373px;
  height: 423px;
}
.cost_reduction .annotation {
  text-align: center;
  margin-bottom: 40px;
  border-bottom: none;
}

.targetModel .super-03-ranking-box {
  border: 1px solid #e7e7e7;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px;
  position: relative;
}
.targetModel .super-03-ranking-box::before {
  background: #2a4673;
  content: "中古";
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 50px;
  line-height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-box::before {
    content: none;
  }
}
.targetModel .super-03-ranking-box:nth-of-type(1) .super-03-ranking-title {
  background: url(../img/campaign/icon_ranking_01.png) no-repeat left top;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-box:nth-of-type(1) .super-03-ranking-title {
    background: url(../img/campaign/icon_ranking_01.png) no-repeat left top 5px/40px;
  }
}
.targetModel .super-03-ranking-box:nth-of-type(2) .super-03-ranking-title {
  background: url(../img/campaign/icon_ranking_02.png) no-repeat left top;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-box:nth-of-type(2) .super-03-ranking-title {
    background: url(../img/campaign/icon_ranking_02.png) no-repeat left top 5px/40px;
  }
}
.targetModel .super-03-ranking-box:nth-of-type(3) .super-03-ranking-title {
  background: url(../img/campaign/icon_ranking_03.png) no-repeat left top;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-box:nth-of-type(3) .super-03-ranking-title {
    background: url(../img/campaign/icon_ranking_03.png) no-repeat left top 5px/40px;
  }
}
.targetModel .super-03-ranking-img {
  overflow: hidden;
  width: 280px;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-img {
    width: 29.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-img a {
    display: block;
  }
}
.targetModel .super-03-ranking-img img {
  transition: all 0.5s ease-out;
  opacity: 1 !important;
}
.targetModel .super-03-ranking-img img:hover {
  transform: scale(1.1);
}
.targetModel .super-03-ranking-detail {
  width: 485px;
  padding: 20px 35px;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-detail {
    display: flex;
    justify-content: space-between;
    gap: 2.6666666667vw;
    width: 100%;
    padding: 0;
  }
}
.targetModel .super-03-ranking-title {
  border-bottom: 1px solid #e7e7e7;
  line-height: 1.2;
  margin: 0 0 10px 0 !important;
  padding: 5px 0 10px 70px;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-title {
    padding-left: 50px;
    font-size: 18px;
    font-weight: bold;
  }
}
.targetModel .super-03-ranking-title-name {
  font-size: 25px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-title-name {
    font-size: 18px;
  }
}
.targetModel .super-03-ranking-title-maker {
  font-size: 10px;
}
.targetModel .super-03-ranking-fee {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-fee {
    width: 100%;
  }
}
.targetModel .super-03-ranking-fee-text {
  width: 260px;
}
.targetModel .super-03-ranking-fee-fukidasshi {
  background: url("../img/campaign/icon_fukidashi.png") no-repeat 0;
  font-size: 12px;
  font-weight: 600;
  padding-left: 25px;
}
.targetModel .super-03-ranking-fee-cost {
  font-size: 18px;
  font-weight: 600;
}
.targetModel .super-03-ranking-text {
  font-size: 12px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-text {
    width: calc(100% - 33.3333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-text a {
    display: block;
    max-width: 170px;
  }
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-link {
    width: 100%;
  }
}
.targetModel .super-03-ranking-link a {
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
  font-weight: 600;
  display: block;
  line-height: 27px !important;
  text-decoration: none !important;
  text-align: center;
  background: #e8442a;
}
@media screen and (max-width: 768px) {
  .targetModel .super-03-ranking-link a {
    display: flex;
    justify-content: center;
  }
}

.phoneSuper_onayamiKaiketsu .onayami_img {
  width: 100%;
  height: auto;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_intro {
  position: relative;
  z-index: 0;
  padding-top: 60px;
  margin-top: -30px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .phoneSuper_onayamiKaiketsu .kaiketsu_intro {
    margin-top: 15px;
    padding-top: 0;
  }
}
.phoneSuper_onayamiKaiketsu .kaiketsu_intro .txt_bgRed {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .phoneSuper_onayamiKaiketsu .kaiketsu_intro .txt_bgRed {
    margin-left: 0;
  }
}
.phoneSuper_onayamiKaiketsu .kaiketsu_intro .txt_bgRed p {
  width: fit-content;
  font-size: 25px;
  color: #fff;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  padding: 5px 15px;
  margin: 3px 0;
  background: #e8442a;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_intro .txt_bgRed p span {
  color: #fcd03d;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_intro .kaiketsu_Phone {
  position: absolute;
  top: 40px;
  right: 240px;
  z-index: -1;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_intro .kaiketsu_woman {
  position: absolute;
  top: -10px;
  right: 0px;
  z-index: 1;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_merit_list {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 60px !important;
  margin-right: 0;
  margin-left: 0;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li {
  position: relative;
  width: calc(25% - 10px);
  text-align: center;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li p {
  font-size: 14px;
  margin-top: 45px;
  letter-spacing: 0.7px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li p {
    margin-top: 10px;
  }
}
.phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li h4 {
  position: absolute;
  top: 170px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-family: "DIN 2014", din-2014, sans-serif;
  font-size: 20px;
  line-height: 1.2;
  color: #e60001;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li h4::after {
  content: "";
  position: absolute;
  bottom: -8.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 20%;
  height: 4px;
  border-radius: 50px;
  background: #e60001;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_close {
  position: relative;
  padding: 40px 30px 20px;
  background: #fff9e6;
  margin: 0 30px;
}
@media screen and (max-width: 768px) {
  .phoneSuper_onayamiKaiketsu .kaiketsu_close {
    margin: 0 -2.6666666667vw;
  }
}
.phoneSuper_onayamiKaiketsu .kaiketsu_close_label {
  position: absolute;
  top: -20px;
  left: 20px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 8px 45px;
  border-radius: 50px;
  background: #e60003;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_close_read {
  width: 75%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 2;
  color: #e60003;
  text-decoration: underline;
  text-decoration-color: #e60003;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
  margin-bottom: 10px;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_close_txt {
  width: 68%;
  font-size: 15px;
}
.phoneSuper_onayamiKaiketsu .kaiketsu_close_woman {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}

.kodawari .feature-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.kodawari .feature-wrap .feature {
  position: relative;
  width: calc(50% - 20px);
  border: 1px solid #f9f9fa !important;
}
.kodawari .feature-wrap .feature-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: left !important;
  line-height: 1;
  color: #d22224;
  padding: 25px 0 25px 60px !important;
  border-top: none !important;
  border-bottom: 1px solid #f9f9fa !important;
}
.kodawari .feature-wrap .feature-content {
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.6px;
  padding: 25px;
  background: #fff;
}
.kodawari .feature-wrap .feature .icon_tsuyomi {
  position: absolute;
  top: -20px;
  left: -13px;
}
.kodawari .feature-wrap .feature:first-of-type h3 {
  background: url(../img/campaign/phone/bg_tsuyomi01.png) no-repeat top right/contain #fbfaf0;
}
.kodawari .feature-wrap .feature:nth-of-type(2) h3 {
  background: url(../img/campaign/phone/bg_tsuyomi02.png) no-repeat top right/contain #fbfaf0;
}
.kodawari .feature-wrap .feature:nth-of-type(3) h3 {
  background: url(../img/campaign/phone/bg_tsuyomi03.png) no-repeat top right/contain #fbfaf0;
}
.kodawari .feature-wrap .feature:last-of-type h3 {
  background: url(../img/campaign/phone/bg_tsuyomi04.png) no-repeat top right/contain #fbfaf0;
}

.voice_customer_wrap .voice_customer {
  position: relative;
}
.voice_customer_wrap .voice_customer::before {
  content: "VOICE";
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 14px;
  color: #5f5f5f;
}
.voice_customer_wrap .voice_customer .voice_head {
  position: relative;
  padding: 20px 180px 40px 90px;
  background: url(../img/campaign/phone/phoneSuper_voice_ics.png) no-repeat top 15px right/150px;
}
.voice_customer_wrap .voice_customer .voice_head h3 {
  font-size: 25px !important;
  font-weight: 600;
  color: #333;
  padding: 0 !important;
  text-align: left !important;
  background: rgba(0, 0, 0, 0);
  border-top: none !important;
  border-bottom: none !important;
}
.voice_customer_wrap .voice_customer .voice_head::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 55px;
  height: 140px;
  background: #f26419;
}
.voice_customer_wrap .voice_customer .voice_head::after {
  content: "1";
  position: absolute;
  top: 25px;
  left: 17px;
  font-size: 25px;
  color: #fff;
  font-weight: bold;
}
.voice_customer_wrap .voice_customer .voice_intro {
  position: relative;
  z-index: 0;
  font-size: 23px;
  font-weight: 600;
  color: #f26419;
  margin-top: 10px;
}
.voice_customer_wrap .voice_customer .voice_intro::after {
  content: "『0円キャンペーン』でコスト削減・快適な通信環境を実現";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  font-size: 23px;
  color: #fff;
  -webkit-text-stroke: 10px #fff;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.2));
}
.voice_customer_wrap .voice_customer .voice_customer_box {
  padding: 40px 60px 40px 80px;
  margin-bottom: 1px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .voice_customer_wrap .voice_customer .voice_customer_box {
    padding: 0;
    background: none;
  }
}
.voice_customer_wrap .voice_customer .voice_customer_box:first-of-type {
  background: #f8f7de;
}
@media screen and (max-width: 768px) {
  .voice_customer_wrap .voice_customer .voice_customer_box:first-of-type {
    background: none;
  }
}
.voice_customer_wrap .voice_customer .voice_customer_box dt {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #f26419;
}
.voice_customer_wrap .voice_customer .voice_customer_box dt::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  width: 5px;
  background: #f26419;
}
@media screen and (max-width: 768px) {
  .voice_customer_wrap .voice_customer .voice_customer_box dt::before {
    left: 20px;
  }
}
.voice_customer_wrap .voice_customer .voice_customer_box dt.active + dd {
  display: block;
}
.voice_customer_wrap .voice_customer .voice_customer_box dd {
  position: relative;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .voice_customer_wrap .voice_customer .voice_customer_box dd {
    padding: 20px;
  }
}
.voice_customer_wrap .voice_customer .voice_customer_box dd::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  width: 5px;
  background: #d9dae0;
}
@media screen and (max-width: 768px) {
  .voice_customer_wrap .voice_customer .voice_customer_box dd::before {
    content: none;
  }
}

.phoneSuper_renewal_2024 .faq_usedPhone #faq-list dt {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .phoneSuper_renewal_2024 .renewal {
    margin-right: 5px !important;
    margin-left: 5px !important;
    padding: 20px 0 0 !important;
  }
  .phoneSuper_renewal_2024 h3 {
    border: none;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .phoneSuper_renewal_2024 img {
    display: inline;
    margin: 0;
    text-align: inherit;
  }
  .phoneSuper_renewal_2024 ul {
    margin: 0;
    padding: 0;
  }
  .phoneSuper_renewal_2024 ul li {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  #articles .renewal {
    margin-right: 5px !important;
    margin-left: 5px !important;
    padding: 20px 0 0 !important;
  }
  .related-articles {
    padding: 0 15px;
  }
  .f_italic {
    font-style: italic;
  }
  .f_red {
    color: #e60001;
  }
  .ribbon {
    display: inline-block;
    position: relative;
    top: 30px;
    width: 100%;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 50px;
  }
  .ribbon::before, .ribbon::after {
    content: "";
    position: absolute;
    width: 0;
    bottom: -4px;
    z-index: 0;
  }
  .ribbon::before {
    left: 2px;
  }
  .ribbon::after {
    right: 2px;
  }
  .ribbon h3 {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 85%;
    margin: 0;
    padding: 7px 0 !important;
    line-height: 1;
    font-size: 15px !important;
    font-weight: 700;
    text-align: center !important;
    color: #fff;
    border-top: none !important;
    border-bottom: none !important;
  }
  .ribbon h3::before, .ribbon h3::after {
    content: "";
    position: absolute;
    top: 44px;
    width: 0;
    height: 0;
    border: none;
    border-bottom: solid 10px rgba(0, 0, 0, 0);
  }
  .ribbon h3:before {
    left: 0;
  }
  .ribbon h3::after {
    right: 0;
  }
  .ribbon.ribbon_blue::before, .ribbon.ribbon_blue::after {
    border: 20px solid #003f77;
  }
  .ribbon.ribbon_blue::before {
    border-left-color: rgba(0, 0, 0, 0);
  }
  .ribbon.ribbon_blue::after {
    border-right-color: rgba(0, 0, 0, 0);
  }
  .ribbon.ribbon_blue h3 {
    background: #005bac;
  }
  .ribbon.ribbon_blue h3::before {
    border-right: solid 15px #001a31;
  }
  .ribbon.ribbon_blue h3::after {
    border-left: solid 15px #001a31;
  }
  .ribbon.ribbon_red::before, .ribbon.ribbon_red::after {
    border: 20px solid #b50808;
  }
  .ribbon.ribbon_red::before {
    border-left-color: rgba(0, 0, 0, 0);
  }
  .ribbon.ribbon_red::after {
    border-right-color: rgba(0, 0, 0, 0);
  }
  .ribbon.ribbon_red h3 {
    background: #e60001;
  }
  .ribbon.ribbon_red h3::before {
    border-right: solid 15px #6f0202;
  }
  .ribbon.ribbon_red h3::after {
    border-left: solid 15px #6f0202;
  }
  .txt_bgYellow {
    position: relative;
    text-align: center;
    font-weight: bold;
  }
  .txt_bgYellow p {
    font-size: 15px;
    color: #222;
  }
  .txt_bgYellow .bg_blue {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    color: #fff;
    padding: 1px 10px;
    background: #005bac;
  }
  .txt_bgYellow .bg_yellow {
    display: inline-block;
    font-size: 19px;
    color: #005bac;
    padding: 0 4px;
    margin-bottom: 3px;
    background: #fcd03d;
  }
  .containerYellow {
    padding: 10px 10px 15px;
    margin: 5px 0 30px;
    border: 5px solid #fcd03d;
    border-radius: 5px;
    background: #fff9e6;
  }
  .containerYellow p {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #222;
    border-bottom: 2px dotted #707070;
  }
  .containerYellow p:last-of-type {
    border-bottom: none;
  }
  .containerYellow p .f_blue {
    color: #005bac;
  }
  .containerYellow p .f_red {
    color: #e8442a;
  }
  .reason_super0yen_intro p {
    font-size: 27px;
    font-weight: bold;
    color: #fcd03d;
    text-decoration: underline;
    text-decoration-color: #fcd03d;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
    margin-bottom: 10px;
  }
  .reason_super0yen_intro .label {
    display: inline-block;
    font-size: 18px;
    color: #005bac;
    padding: 0 25px 0 10px;
    margin-bottom: 0;
    border-radius: 50px;
    background: #fff;
    text-decoration: none;
  }
  .reason_super0yen_intro .label::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 14px;
    margin-right: 15px;
    background: url(../img/campaign/phone/icon_crown_blue.svg) no-repeat;
  }
  .reason_super0yen .reason_detail {
    position: relative;
    margin-bottom: 10px;
  }
  .reason_super0yen .reason_detail .explanation_ambassador {
    position: absolute;
    bottom: 0;
    width: 128px;
  }
  .reason_super0yen .shinpai {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    padding-left: 12px;
    margin-bottom: 20px;
    letter-spacing: 0;
  }
  .reason_super0yen .shinpai span {
    position: absolute;
    top: -15px;
    left: 0;
    transform: rotate(-16deg);
    font-size: 15px;
    line-height: 1;
    color: #fff;
    padding: 1px 15px;
    background: #222;
  }
  .reason_super0yen .shinpai::after {
    content: "";
    position: inherit;
    bottom: auto;
    left: auto;
    transform: none;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 25px solid #e7e7e7;
    margin-top: 5px;
    margin-right: 20px;
  }
  .reason_super0yen .s-rankPhone {
    position: relative;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .reason_super0yen .s-rankPhone {
    margin: 10px -1.3333333333vw 30px;
  }
}
@media screen and (max-width: 768px) {
  .reason_super0yen .s-rankPhone ul {
    width: 95%;
  }
  .reason_super0yen .s-rankPhone ul .pointList {
    position: relative;
    padding-left: 70px !important;
  }
  .reason_super0yen .s-rankPhone ul .pointList::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
  }
  .reason_super0yen .s-rankPhone ul .pointList:first-of-type::before {
    background: url(../img/campaign/phone/icon_point1_phoneSuper.png) no-repeat left center/contain;
  }
  .reason_super0yen .s-rankPhone ul .pointList:nth-of-type(2)::before {
    background: url(../img/campaign/phone/icon_point2_phoneSuper.png) no-repeat left center/contain;
  }
  .reason_super0yen .s-rankPhone ul .pointList:last-of-type::before {
    background: url(../img/campaign/phone/icon_point3_phoneSuper.png) no-repeat left center/contain;
  }
  .reason_super0yen .s-rankPhone ul .pointList:last-of-type .point_checkList {
    border-bottom: none;
  }
  .reason_super0yen .s-rankPhone ul .pointList .point-ttl {
    font-size: 20px;
    font-weight: 700;
    color: #005bac;
  }
  .reason_super0yen .s-rankPhone ul .pointList .point_checkList {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #707070;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .reason_super0yen .s-rankPhone ul .pointList .point_checkList {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .reason_super0yen .s-rankPhone ul .pointList .point_checkList li {
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.6 !important;
    color: #222;
  }
  .reason_super0yen .s-rankPhone ul .pointList .point_checkList li::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 2px;
    background: url(../img/copy/common/check.svg) no-repeat;
  }
  .reason_super0yen .s-rankPhone .s-rankPhone {
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 148px;
    height: 144px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .reason_super0yen .s-rankPhone .s-rankPhone {
    margin: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .reason_super0yen .txt_bgYellow {
    margin: 0 -1.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .reason_super0yen .txt_bgYellow:last-of-type .bg_yellow {
    font-size: 18px;
  }
  .reason_super0yen .optionList-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px !important;
  }
  .reason_super0yen .optionList-wrap li {
    width: calc(50% - 5px);
    text-align: center;
    margin-bottom: 20px !important;
  }
  .reason_super0yen .optionList-wrap li h4 {
    font-family: "DIN 2014", din-2014, sans-serif;
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 10px 0 0 !important;
  }
  .reason_super0yen .optionList-wrap li p {
    font-size: 14px;
    line-height: 1.6;
  }
  .cost_reduction h3 {
    position: relative;
    font-size: 20px !important;
    font-weight: 600;
    color: #434343;
    padding: 10px 0 10px 60px !important;
    margin-bottom: 15px !important;
    background: #e7e7e7;
  }
  .cost_reduction h3::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 25px;
    height: 20px;
    background: url(../img/phone/used/icon_phone.svg) no-repeat;
  }
  .cost_reduction h3::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 53px;
    transform: translateY(-50%);
    width: 1px;
    height: 18px;
    border-left: 1px solid #b1b1b1;
  }
  .cost_reduction .flex-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cost_reduction .flex-wrap .arrow_right {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #005bac;
    margin: 5px 0;
  }
  .cost_reduction .annotation {
    text-align: center;
    margin: 15px 0;
  }
  .super-03-ranking {
    background: #f5f5f5;
    padding: 10px;
  }
  .super-03-ranking-box {
    background: #fff;
    margin-bottom: 15px;
    padding: 20px;
  }
  .super-03-ranking-title {
    border-bottom: 1px solid #e7e7e7;
    line-height: 1.2;
    margin: 0 0 10px 0 !important;
    padding: 5px 0 10px 50px;
  }
  .super-03-ranking-title-name {
    font-size: 18px;
    font-weight: bold;
    position: relative;
  }
  .super-03-ranking-title-name::before {
    background: #2a4673;
    content: "中古";
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    line-height: 28px;
    margin-right: 0.5em;
  }
  .super-03-ranking-title-maker {
    font-size: 10px;
  }
  .super-03-ranking-p {
    border-left: 2px solid #dadbe0;
    color: #434343;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
    padding-left: 9px;
    position: relative;
  }
  .super-03-ranking-p::before {
    content: "";
    position: absolute;
    left: -2px;
    width: 2px;
    height: 50%;
    background-color: #e8442a;
  }
  .super-03-ranking-evaluation {
    color: #e8442a;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0;
  }
  .super-03-ranking-evaluation .star-half {
    color: #b3b2b2;
    position: relative;
  }
  .super-03-ranking-evaluation .star-half::before {
    color: #e8442a;
    content: attr(data-inverted);
    overflow: hidden;
    width: 55%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .super-03-ranking-fee {
    margin: 20px 0;
  }
  .super-03-ranking-fee-table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
  }
  .super-03-ranking-fee-table th, .super-03-ranking-fee-table td {
    border: 1px solid #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 15px;
    width: 50%;
  }
  .super-03-ranking-fee-table th {
    text-align: center;
  }
  .super-03-ranking-fee-tr-01 th {
    background: #e6e5e5;
  }
  .super-03-ranking-fee-tr-01 td {
    background: #f4f4f4;
  }
  .super-03-ranking-fee-tr-02 th {
    background: #e8442a;
    color: #fff;
  }
  .super-03-ranking-fee-tr-02 td {
    background: #fdeae7;
    color: #e8442a;
  }
  .super-03-ranking-link a {
    background: #e8442a;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    color: #fff !important;
    font-size: 10px;
    font-weight: bold;
    display: block;
    line-height: 27px !important;
    text-decoration: none !important;
    text-align: center;
  }
  .phoneSuper_onayamiKaiketsu .onayami_img {
    width: 100%;
    height: auto;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_intro {
    position: relative;
    padding-bottom: 195px;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_intro .txt_bgRed {
    text-align: center;
    margin-top: 15px;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_intro .txt_bgRed p {
    display: inline-block;
    width: max-content;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    padding: 14px 13px;
    margin: 1px 0;
    background: #e8442a;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_intro .txt_bgRed p span {
    color: #fcd03d;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_intro picture:has(> .kaiketsu_Phone) {
    position: absolute;
    bottom: 60px;
    left: 20px;
    width: 180px;
    height: 160px;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_intro .kaiketsu_Phone {
    position: inherit;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: auto;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_intro .kaiketsu_woman {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    width: 265px;
    height: 201px;
  }
  .phoneSuper_onayamiKaiketsu .ribbon_red {
    top: 0;
    margin-bottom: 35px;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_merit_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: -20px !important;
    margin-bottom: 30px !important;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li {
    position: relative;
    width: calc(50% - 5px);
    text-align: center;
    margin-bottom: 15px !important;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li h4 {
    position: absolute;
    top: min(38.6666666667vw, 220px);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-family: "DIN 2014", din-2014, sans-serif;
    font-size: 20px !important;
    font-weight: bold;
    line-height: 1.2;
    color: #e60001;
    margin: 25px 0 10px !important;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li h4::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 25%;
    height: 4px;
    border-radius: 10px;
    background: #e60001;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li p {
    font-size: 14px;
    line-height: 1.7;
    padding-top: 55px;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li:first-of-type {
    margin-top: 5px !important;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li:first-of-type h4 {
    margin: 20px 0 10px !important;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_merit_list li:first-of-type p {
    padding-top: 57px;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_close {
    position: relative;
    text-align: center;
    margin-left: 0;
    padding: 190px 20px 20px !important;
    background: #fff9e6;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_close_label {
    position: absolute;
    top: 145px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    width: 90%;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    padding: 5px 0;
    border-radius: 50px;
    background: #e60001;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_close_read {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #e60001;
    line-height: 1.9;
    text-decoration: underline;
    text-decoration-color: #e60003;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
    margin-bottom: 14px;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_close_txt {
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_close_txt .f_bold {
    font-weight: 600;
  }
  .phoneSuper_onayamiKaiketsu .kaiketsu_close_woman {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 190px;
  }
  .kodawari .feature-wrap {
    gap: 0;
    padding: 0 15px;
    margin-top: 40px;
  }
  .kodawari .feature-wrap .feature {
    width: 100%;
    margin: 5px 0;
  }
  .kodawari .feature-wrap .feature .feature-title {
    position: relative;
    font-size: 18px !important;
    font-weight: 600;
    color: #d22224;
    padding: 20px 0 20px 50px !important;
    border: 1px solid #f9f9fa !important;
  }
  .kodawari .feature-wrap .feature .feature-title .toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 23px;
    height: 23px;
    background: #fff;
  }
  .kodawari .feature-wrap .feature .feature-title .toggle-icon::before, .kodawari .feature-wrap .feature .feature-title .toggle-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 15px;
    height: 3px;
    transition: ease all 0.5s;
    background: #b1b1b1;
  }
  .kodawari .feature-wrap .feature .feature-title .toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .kodawari .feature-wrap .feature .feature-title.active .toggle-icon::after {
    opacity: 0;
  }
  .kodawari .feature-wrap .feature .feature-title.active + .feature-content {
    display: block;
  }
  .kodawari .feature-wrap .feature .feature-content {
    display: none;
    line-height: 1.8;
    padding: 15px;
    border: 1px solid #f7f7f7;
    border-top: none;
  }
  .kodawari .feature-wrap .feature .feature-content .f_bold {
    font-weight: 600;
  }
  .kodawari .feature-wrap .feature01 .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi01_sp.png) no-repeat center right -5px/contain #fbfaf0 !important;
  }
  .kodawari .feature-wrap .feature02 .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi02_sp.png) no-repeat center right -5px/contain #fbfaf0 !important;
  }
  .kodawari .feature-wrap .feature03 .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi03_sp.png) no-repeat center right -5px/contain #fbfaf0 !important;
  }
  .kodawari .feature-wrap .feature04 .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi04_sp.png) no-repeat center right -5px/contain #fbfaf0 !important;
  }
  .kodawari .feature-wrap .icon_tsuyomi {
    position: absolute;
    top: -22px;
    left: -15px;
  }
  .voice_customer_wrap .voice_customer {
    position: relative;
  }
  .voice_customer_wrap .voice_customer::before {
    content: "VOICE";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 10px;
    font-weight: bold;
    color: #5f5f5f;
  }
  .voice_customer_wrap .voice_customer .voice_head {
    position: relative;
    padding: 15px 0 30px 55px;
    background: url(../img/campaign/phone/phoneSuper_voice_ics.png) no-repeat top right/75px;
  }
  .voice_customer_wrap .voice_customer .voice_head::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 35px;
    height: 100px;
    background: #f26419;
  }
  .voice_customer_wrap .voice_customer .voice_head::after {
    content: "1";
    position: absolute;
    top: 20px;
    left: 12px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
  }
  .voice_customer_wrap .voice_customer .voice_head h3 {
    position: relative;
    font-size: 18px !important;
    font-weight: 600;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .voice_customer_wrap .voice_customer .voice_head .voice_intro {
    position: relative;
    z-index: 0;
    width: 75%;
    font-size: 15px;
    font-weight: bold;
    color: #f26419;
    margin-top: 10px;
  }
  .voice_customer_wrap .voice_customer .voice_head .voice_intro::after {
    content: "『0円キャンペーン』でコスト削減・快適な通信環境を実現";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 15px;
    color: #fff;
    -webkit-text-stroke: 10px #fff;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.2));
  }
  .voice_customer_wrap .voice_customer_box dt {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #f26419;
    padding: 15px 40px;
    margin: 3px 0 -1px;
    border: 1px solid #dadbe0;
    background: #f5f5f5;
  }
  .voice_customer_wrap .voice_customer_box dt::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    display: block;
    width: 5px;
    height: 23px;
    margin: auto;
    background: #f26419;
  }
  .voice_customer_wrap .voice_customer_box dt .toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 23px;
    height: 23px;
    background: #fff;
  }
  .voice_customer_wrap .voice_customer_box dt .toggle-icon::before, .voice_customer_wrap .voice_customer_box dt .toggle-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 15px;
    height: 3px;
    transition: ease all 0.5s;
    background: #b1b1b1;
  }
  .voice_customer_wrap .voice_customer_box dt .toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .voice_customer_wrap .voice_customer_box dd {
    display: none;
    padding: 20px;
    border: 1px solid #dadbe0;
  }
  .voice_customer_wrap .voice_customer_box dt.active .toggle-icon::after {
    opacity: 0;
  }
  #faq-list dt {
    font-weight: 600;
  }
}
:where(#articles.-usedsale) h1 {
  margin-bottom: 30px;
}
:where(#articles.-usedsale) .rbr {
  display: none;
}
:where(#articles.-usedsale) .sec {
  margin-bottom: 50px;
}
:where(#articles.-usedsale) .sec-inner {
  margin-bottom: 50px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .sec-inner {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) #section01 .article-box {
    padding: 0;
  }
}
:where(#articles.-usedsale) #section01 > h2 {
  display: none !important;
}
:where(#articles.-usedsale) h3 {
  background-color: #f5f5f5;
  border: none;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0 15px 40px;
  text-align: left;
  position: relative;
}
:where(#articles.-usedsale) h3::before {
  background-color: #434343;
  border-radius: 15px;
  content: "";
  width: 2px;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  left: 20px;
  top: 50%;
}
:where(#articles.-usedsale) img {
  display: inline;
  margin: 0;
  text-align: inherit;
}
:where(#articles.-usedsale) ul, :where(#articles.-usedsale) ol {
  margin: 0;
  padding: 0;
}
:where(#articles.-usedsale) ul li, :where(#articles.-usedsale) ol li {
  background: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
:where(#articles.-usedsale) ul::after, :where(#articles.-usedsale) ol::after {
  content: none;
}
:where(#articles.-usedsale) .usedsale-01 h2 {
  margin-top: 0 !important;
}
:where(#articles.-usedsale) .usedsale-01-preiod {
  position: relative;
}
:where(#articles.-usedsale) .usedsale-01-span {
  color: #fcd03d;
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  bottom: 14px;
  left: 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-01-span {
    position: inherit;
    bottom: auto;
    left: auto;
    background: #e41b2a;
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 2.6666666667;
    text-align: center;
  }
}
:where(#articles.-usedsale) .usedsale-02-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-02-list {
    gap: 15px;
  }
}
:where(#articles.-usedsale) .usedsale-02-list::after {
  content: none !important;
}
:where(#articles.-usedsale) .usedsale-02-list li {
  border: 1px solid #d9dae0;
  width: 175px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-02-list li {
    width: 100%;
  }
}
:where(#articles.-usedsale) .usedsale-02-list-title {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e60012+0,e60012+50,b3010f+51,b3010f+100 */
  background: linear-gradient(to bottom, #e60012 0%, #e60012 50%, #b3010f 51%, #b3010f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #ff0;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3;
  height: 50px;
  text-align: center;
  position: relative;
  padding-left: 20px;
}
:where(#articles.-usedsale) .usedsale-02-list-title-inner {
  background: #ff0;
  border-radius: 50%;
  color: #b3010f;
  font-size: 10px;
  font-weight: bold;
  width: 47px;
  height: 47px;
  padding: 13px 0;
  position: absolute;
  top: -10px;
  left: -10px;
}
:where(#articles.-usedsale) .usedsale-02-list-title-no {
  display: block;
  font-size: 13px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-02-list-title br {
    display: none;
  }
}
:where(#articles.-usedsale) .usedsale-02-list-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-02-list-img {
    display: none;
  }
}
:where(#articles.-usedsale) .usedsale-02-list-text {
  line-height: 1.4;
  margin-bottom: 0;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-02-list-text {
    padding: 10px;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-list {
  border: 1px solid #e7e7e7;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-list {
    flex-wrap: wrap;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-img {
  background: url("../img/campaign/mocel_img_bg.png") no-repeat 0 0/cover;
  width: 270px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    padding: 10px;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-img a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
:where(#articles.-usedsale) .usedsale-03-model-img a img {
  opacity: 1 !important;
  transition: all 0.4s ease-out;
}
:where(#articles.-usedsale) .usedsale-03-model-img a:hover img {
  transform: scale(1.1);
}
:where(#articles.-usedsale) .usedsale-03-model-detail {
  flex-grow: 1;
  max-width: 458px;
  padding: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-detail {
    max-width: 100%;
    padding: 20px;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-maker {
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}
:where(#articles.-usedsale) .usedsale-03-model-catch-01 {
  background: url("../img/campaign/icon_fukidashi.png") no-repeat left 50%;
  font-size: 12px;
  margin-bottom: 10px;
  padding-left: 25px;
}
:where(#articles.-usedsale) .usedsale-03-model-catch-02 {
  font-size: 13px;
  margin-bottom: 20px;
}
:where(#articles.-usedsale) .usedsale-03-model-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px;
}
:where(#articles.-usedsale) .usedsale-03-model-name {
  background: url("../img/campaign/model_crown.png") no-repeat left 50% !important;
  font-size: 20px !important;
  line-height: 1;
  margin: 0 !important;
  padding: 0 0 0 45px !important;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-name {
    margin: 0 0 15px 0 !important;
    padding: 0 0 10px 45px !important;
    border-bottom: 1px dotted #ebebeb !important;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-name::before {
  content: none !important;
}
:where(#articles.-usedsale) .usedsale-03-model-name-maker {
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-img {
    background: url("../img/campaign/mocel_img_bg.png") no-repeat 0 0/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-catch {
    width: 64%;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-catch-01 {
    background: url("../img/campaign/icon_fukidashi.png") no-repeat left 50%;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 25px;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-remaining {
  background: #e80013 url("../img/campaign/model_clock.png") no-repeat left 10px top 50%;
  color: #fff;
  font-size: 20px;
  width: 120px;
  height: 30px;
  margin-top: 10px;
  padding-left: 35px;
}
:where(#articles.-usedsale) .usedsale-03-model-function {
  border: 1px solid #e7e7e7;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-function {
    border: none;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-function dt, :where(#articles.-usedsale) .usedsale-03-model-function dd {
  font-weight: bold;
  width: 20%;
  text-align: center;
}
:where(#articles.-usedsale) .usedsale-03-model-function dt {
  background: #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
:where(#articles.-usedsale) .usedsale-03-model-function dd {
  font-size: 10px;
  padding: 10px 0;
  position: relative;
}
:where(#articles.-usedsale) .usedsale-03-model-function dd:not(:first-child)::before {
  background: #e7e7e7;
  content: "";
  width: 1px;
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
}
:where(#articles.-usedsale) .usedsale-03-model-function dd.false::after {
  background: #fff;
  content: "";
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
:where(#articles.-usedsale) .usedsale-03-model-function img {
  display: block !important;
  margin: 0 auto 5px !important;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-function li {
    font-size: 11px !important;
    font-weight: bold;
    text-align: center;
    width: 25%;
    padding: 10px 0 !important;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-function li:not(:first-child)::before {
    background: #e7e7e7;
    content: "";
    width: 1px;
    height: 50px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-function li.false::after {
    background: #fff;
    content: "";
    opacity: 0.9;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
:where(#articles.-usedsale) .usedsale-03-model-price-original {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
}
:where(#articles.-usedsale) .usedsale-03-model-price-special {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
:where(#articles.-usedsale) .usedsale-03-model-price-special-sapn {
  background: #e8442a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  margin-right: 0.5em;
  padding: 0 5px;
}
:where(#articles.-usedsale) .usedsale-03-model-price-special-h4 {
  color: #e8442a;
  font-size: 40px !important;
  line-height: 1;
  margin: 0 !important;
}
:where(#articles.-usedsale) .usedsale-03-model-price-special-h4 span {
  font-size: 26px;
}
:where(#articles.-usedsale) .usedsale-03-model-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-link {
    width: 100%;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-link li {
  background: none !important;
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-link li {
    width: 100%;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-link-detail {
  width: 240px;
}
:where(#articles.-usedsale) .usedsale-03-model-link-detail a {
  background: #e8442a;
}
:where(#articles.-usedsale) .usedsale-03-model-link-contact {
  width: 140px;
}
:where(#articles.-usedsale) .usedsale-03-model-link-contact a {
  background: #2a4673 url("../img/campaign/mocel_tab.png") no-repeat right 5px top 5px;
}
:where(#articles.-usedsale) .usedsale-03-model-link a {
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  color: #fff !important;
  display: block;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.2s ease-out;
  padding: 4px 0;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-model-link a {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.4285714286;
  }
}
:where(#articles.-usedsale) .usedsale-03-model-link a:hover {
  opacity: 0.6;
}
:where(#articles.-usedsale) .usedsale-03-model-link::after {
  content: none !important;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-maker {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-price-original {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-price-special {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-price-special-sapn {
    background: #e8442a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    margin-right: 0.5em;
    padding: 0 5px;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-price-special-h4 {
    color: #e8442a;
    font-size: 40px !important;
    line-height: 1;
    margin: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-price-special-h4 span {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-link {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-link li {
    background: none !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-link-detail a {
    background: #e8442a;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    color: #fff !important;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.2s ease-out;
    padding: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-link::after {
    content: none !important;
  }
}
:where(#articles.-usedsale) .usedsale-03-img {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-03-img {
    margin: 0 20px 30px;
  }
}
:where(#articles.-usedsale) .usedsale-contact {
  position: relative;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-contact {
    margin: 0 -4vw;
  }
}
:where(#articles.-usedsale) .usedsale-contact-btn {
  position: absolute;
  right: 0;
  bottom: 10px;
}
:where(#articles.-usedsale) .usedsale-04-title {
  background: #e41b2a !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 20px 0 !important;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-04-title {
    padding: 20px 15px !important;
  }
}
:where(#articles.-usedsale) .usedsale-04-title::before {
  content: none !important;
}
:where(#articles.-usedsale) .usedsale-04-inner {
  background: #f5f6f8;
  padding: 20px 20px 50px;
}
:where(#articles.-usedsale) .usedsale-04-h4 {
  text-align: center;
  margin: 0 0 10px 0 !important;
}
:where(#articles.-usedsale) .usedsale-04-text {
  font-weight: bold;
  margin-bottom: 30px;
}
:where(#articles.-usedsale) .usedsale-04-text span {
  color: #e41b2a;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-05 p {
    margin-bottom: 20px;
  }
}
:where(#articles.-usedsale) .usedsale-05-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 !important;
}
:where(#articles.-usedsale) .usedsale-05-list::after {
  content: none !important;
}
:where(#articles.-usedsale) .usedsale-05-list li {
  background: #f5f5f5 !important;
  font-size: 16px;
  line-height: 2.1875;
  font-weight: bold;
  text-align: center;
  width: 170px;
  margin-bottom: 15px !important;
  padding: 10px 0 !important;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-05-list li {
    width: 50%;
    margin-bottom: 0 !important;
    border: 1px solid #c9c9c9;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-05-list-title {
    background: #fcd03d;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-05-list-title-icon {
    background: #fff398;
    display: block;
    width: 22px;
    height: 22px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-05-list-title-icon::before, :where(#articles.-usedsale) .usedsale-05-list-title-icon::after {
    background: #494c5e;
    content: "";
    display: block;
    transition: all 0.2s ease-out;
    width: 16px;
    height: 2px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-05-list-title-icon::after {
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-05-list-title.active :where(#articles.-usedsale) .usedsale-05-list-title-icon::before {
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-05-list-title.active :where(#articles.-usedsale) .usedsale-05-list-title-icon::after {
    transform: rotate(135deg);
  }
}
:where(#articles.-usedsale) .usedsale-contact {
  border: 3px solid #459606;
}
:where(#articles.-usedsale) .usedsale-contact-head {
  background: #73b63d;
}
:where(#articles.-usedsale) .usedsale-contact-catch {
  margin-bottom: 0;
  background: #459606;
  color: #fe0;
  font-size: 16px;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
:where(#articles.-usedsale) .usedsale-contact-link {
  background: #dcebcc;
  padding: 15px;
}
:where(#articles.-usedsale) .usedsale-contact-link-text {
  color: #459606;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
:where(#articles.-usedsale) .usedsale-contact-link-text::before, :where(#articles.-usedsale) .usedsale-contact-link-text::after {
  background: url("../img/campaign/contact_bnr_new_icon.png") no-repeat;
  content: "";
  display: inline-block;
  width: 11px;
  height: 15px;
}
:where(#articles.-usedsale) .usedsale-contact-link-text::before {
  margin-right: 0.25em;
}
:where(#articles.-usedsale) .usedsale-contact-link-text::after {
  transform: scale(-1, 1);
  margin-left: 0.25em;
}
:where(#articles.-usedsale) .usedsale-contact .whiteBox {
  background: #fff;
  border: 1px solid #459606;
  padding: 15px 20px 10px;
  margin-bottom: 10px;
}
:where(#articles.-usedsale) .usedsale-contact-tel {
  display: block;
  margin-bottom: 10px;
}
:where(#articles.-usedsale) .usedsale-contact-time {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
:where(#articles.-usedsale) .usedsale-contact-mail {
  position: relative;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-contact-mail {
    display: block;
  }
}
:where(#articles.-usedsale) .usedsale-contact-mail::after {
  background: url("../img/campaign/contact_btn_new_icon_sp.png") no-repeat 0 0/100%;
  content: "";
  display: block;
  width: 65px;
  height: 65px;
  position: absolute;
  right: -15px;
  bottom: -25px;
}
@media screen and (max-width: 768px) {
  :where(#articles.-usedsale) .usedsale-contact-mail::after {
    bottom: 5px;
  }
}

@media screen and (max-width: 768px) {
  .common_banner01 ul {
    display: grid;
    grid-template-columns: 70.1333333333vw 1fr;
    padding-left: 0 !important;
  }
  .common_banner01 li {
    background-image: none !important;
    padding-left: 0 !important;
  }
  .common_banner01 li img {
    margin: 0;
  }
  .letter_Sp {
    letter-spacing: -2.5px;
  }
  .OpenBusiness__prezent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    max-width: 334px;
    margin: 0 auto 30px;
    padding-left: 0 !important;
  }
  .OpenBusiness__prezent__item {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    background-image: none !important;
    background-color: #b6a371 !important;
    border-radius: 50%;
    float: left;
    margin-left: 0;
    padding-left: 0 !important;
    text-align: center;
  }
  .OpenBusiness__prezent__item__txt {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
  }
  .OpenBusiness__prezent li:first-child {
    margin-left: 0 !important;
  }
  .OpenBusiness__prezent li:first-child .OpenBusiness__prezent__item__img {
    margin-top: -30px;
  }
  .OpenBusiness__prezent li:nth-child(2) {
    float: right;
  }
  .OpenBusiness__prezent li:nth-child(2) .OpenBusiness__prezent__item__img {
    margin-top: -19px;
  }
  .OpenBusiness__prezent li:nth-child(3) .OpenBusiness__prezent__item__img {
    margin-top: -19px;
  }
  .OpenBusiness__prezent li:nth-child(4) .OpenBusiness__prezent__item__img {
    margin-top: -45px;
  }
  .OpenBusiness__tb {
    display: block;
    border-collapse: separate;
    background-color: #fff;
    width: 100%;
  }
  .OpenBusiness__tb tbody {
    width: 100%;
  }
  .OpenBusiness__tb tr {
    display: block;
    float: left;
    width: 142px;
  }
  .OpenBusiness__tb th {
    font-size: 14px;
    text-align: center;
    background-color: #cecece;
    padding: 19px 0;
  }
  .OpenBusiness__tb td {
    background-color: #f1f1f1;
    font-size: 13px;
    text-align: center;
    padding: 10px 0;
  }
  .OpenBusiness__tb th,
  .OpenBusiness__tb td {
    display: block;
    font-weight: bold;
  }
  .OpenBusiness__usefulTxt {
    font-size: 15px;
    text-align: center;
    line-height: 2;
    margin: 30px 0;
  }
  .OpenBusiness__usefulTxt strong {
    font-size: 19px;
    font-weight: bold;
  }
  .OpenBusiness__usefulTxt--left {
    text-align: left !important;
    font-weight: bold;
    margin: 20px 0 30px !important;
  }
  .OpenBusiness__redBTxt {
    color: #c51515;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
  }
  .OpenBusiness__contents__h3 {
    color: #c51515;
    border-top: 3px solid #c51515 !important;
    border-bottom: 3px solid #c51515 !important;
    padding: 3px 0 !important;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
  }
  .OpenBusiness__contents__h3 span {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #c51515;
    border-bottom: 1px solid #c51515;
  }
  .OpenBusiness__contents p {
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    margin-top: 30px;
  }
  .OpenBusiness__contents__flowUl li {
    background-image: none !important;
  }
  .OpenBusiness__contents__flowUl li:first-child {
    background-color: #dfc991 !important;
  }
  .OpenBusiness__contents__flowUl li:nth-child(2) {
    background-color: #ccb67d !important;
  }
  .OpenBusiness__contents__flowUl li:nth-child(3) {
    background-color: #bfa970 !important;
  }
  .OpenBusiness__contents__flowUl li:last-child {
    background-color: #ae9962 !important;
  }
  .OpenBusiness__contents__floatUl {
    margin-top: 50px;
    padding-left: 0 !important;
  }
  .OpenBusiness__contents__floatUl li {
    background-image: none !important;
    margin-left: 0 !important;
  }
  .OpenBusiness__contents__floatUl li p {
    margin: 0 0 20px 0 !important;
    text-align: left;
  }
  .OpenBusiness__contents__floatUl li img {
    margin-top: 0 !important;
  }
  .OpenBusiness__contents__floatUl li em {
    font-size: 17px;
    font-weight: bold;
    color: #c51515;
    font-style: normal;
  }
  .OpenBusiness__contents__floatUl li:first-child {
    padding-left: 0 !important;
  }
  .OpenBusiness__contents__dl {
    margin-top: 50px;
    padding: 0 0 0 10px;
    text-align: center;
  }
  .OpenBusiness__contents__dl dt {
    width: 75px;
    margin: 0 auto;
  }
  .OpenBusiness__contents__dl dd {
    margin: 0 auto;
  }
  .OpenBusiness__contents__dl dd h4 {
    margin-top: 0 !important;
    font-size: 20px;
    font-weight: bold;
    color: #c51515;
  }
  .OpenBusiness__contents__dl dd div {
    font-weight: bold;
    font-size: 14px;
  }
  .OpenBusiness__contents__request p {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
  }
  .OpenBusiness__contents__request ol {
    padding-left: 0 !important;
  }
  .OpenBusiness__contents__request ol li {
    padding-left: 30px;
    list-style: none;
    background: no-repeat url(../img/campaign/phone/OpenBusiness_checkbox.png) left 50%;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-top: 15px;
  }
  .OpenBusiness__contents__request__txt02 p {
    margin-top: 20px !important;
  }
  .OpenBusiness__contents__request__txt02 div {
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center;
  }
  .OpenBusiness__contents__voiseUl {
    padding-left: 0 !important;
    margin-top: 30px;
  }
  .OpenBusiness__contents__voiseUl div {
    background-color: #f9f9fa;
    padding: 15px;
  }
  .OpenBusiness__contents__voiseUl div h6 {
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
  }
  .OpenBusiness__contents__voiseUl div p {
    margin-top: 20px !important;
    text-align: left;
  }
  .OpenBusiness__contents__voiseUl__ph {
    background-color: #fff !important;
    text-align: center;
  }
  .OpenBusiness__contents__voiseUl li {
    background-image: none !important;
    padding-left: 0 !important;
    box-sizing: border-box;
    box-shadow: 0 0 7px #ddd;
    margin-top: 30px;
  }
  .OpenBusiness__contents__voiseUl li:first-child {
    margin-top: 0;
  }
  .OpenBusiness__contents .common_list_various {
    list-style: none;
    padding-left: 0 !important;
  }
  .OpenBusiness__contents .common_list_various li {
    position: relative;
    background-image: none !important;
    padding-left: 0 !important;
    box-sizing: border-box;
    margin: 0 0 60px 0;
  }
  .OpenBusiness__contents .common_list_various li .box-content {
    padding: 25px 2px 40px;
    text-align: center;
    border: 1px solid #d9dae0;
    margin-bottom: 7px;
  }
  .OpenBusiness__contents .common_list_various li .box-content.has_link:hover {
    border-color: #ff4021;
  }
  .OpenBusiness__contents .common_list_various li .box-content.has_link:hover a:before {
    border-top-color: #ff4021;
    border-left-color: #ff4021;
  }
  .OpenBusiness__contents .common_list_various li .box-content a {
    display: block;
    text-decoration: none !important;
    position: relative;
  }
  .OpenBusiness__contents .common_list_various li .box-content a:before {
    content: "";
    position: absolute;
    top: -22px;
    left: 2px;
    border: 6px solid #fff;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
  }
  .OpenBusiness__contents .common_list_various li .box-content span {
    display: block;
    font-size: 11px;
    line-height: 14px;
    color: #222;
    margin-bottom: 20px;
  }
  .OpenBusiness__contents .common_list_various li .box-content h3 {
    font-size: 18px !important;
    line-height: 18px;
    color: #222;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
  }
  .OpenBusiness__contents .common_list_various li .box-content img {
    width: 100%;
    margin: 0 !important;
  }
  .OpenBusiness__contents .common_list_various li .box-content p {
    padding: 20px 10px 0 22px;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    text-align: left;
    color: #494c5f;
  }
  .OpenBusiness__contents .common_list_various li .link01 {
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 40%;
    background-color: #ff4021;
    text-align: center;
  }
  .OpenBusiness__contents .common_list_various li .link01 a {
    color: #fff !important;
    display: block;
    padding: 10px 0;
    text-decoration: none !important;
    float: none !important;
    background-image: none !important;
  }
  .estimateContact {
    background-color: #dcebcc !important;
    padding: 0 !important;
  }
  .estimateContact h2 {
    color: #fff !important;
    text-align: center !important;
    border-top: 0 !important;
    line-height: inherit !important;
    padding: 0 !important;
    background: none !important;
    margin: 0 !important;
  }
  .estimateContact h2::before {
    display: none !important;
  }
  .estimateContact h2 img {
    margin: 0 !important;
  }
  .estimateContact ul {
    margin-bottom: 0 !important;
    padding: 5px 15px 10px !important;
  }
  .estimateContact ul li {
    padding-left: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
  }
  .estimateContact ul li:first-child {
    margin-bottom: 10px !important;
  }
  .last_txt {
    margin: 50px 0;
  }
  .f_bold {
    font-weight: bold;
  }
  .colorMaker {
    background: linear-gradient(transparent 60%, #fff9a7 0);
  }
  .textBlue {
    color: #00479d;
  }
  .textSize24 {
    font-size: 24px;
  }
  .textWeightB {
    font-weight: bold;
  }
  .textPosCenter {
    text-align: center;
  }
  .mgb-50 {
    margin-bottom: 50px;
  }
  #articles h2.renewal {
    font-size: 23px;
    margin: 50px 0 25px;
    line-height: 22px;
    border-top: 3px solid #d9dae0;
    position: relative;
    padding: 22px 0 0;
    background: inherit;
  }
  #articles h2.renewal::before {
    content: "";
    width: 30px;
    height: 3px;
    display: block;
    background: #ff4021;
    position: absolute;
    left: 0;
    top: -3px;
  }
  #articles h3.cpc {
    font-size: 20px;
    color: #343434;
    border: none;
    margin: 20px 0 0;
    padding: inherit;
    text-align: left;
  }
  .campaign-cloud-pbx-age {
    margin-top: 20px;
  }
  .campaign-cloud-pbx-age-text-1 {
    margin-bottom: 30px;
    font-size: 16px;
  }
  .campaign-cloud-pbx-age-text-1 em {
    color: #2685bc;
    font-weight: bold;
  }
  .campaign-cloud-pbx-age-text-2 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .campaign-cloud-pbx-age-text-2 em {
    text-decoration: underline;
    font-weight: bold;
  }
  .campaign-cloud-pbx-voice-list {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 30px;
  }
  .campaign-cloud-pbx-voice-item {
    padding: 0 !important;
    background: #f5f5f5 none !important;
    line-height: inherit !important;
    margin-bottom: 5px;
    border: 1px solid #e7e7e7;
  }
  .campaign-cloud-pbx-voice-item:last-child {
    margin-bottom: 0;
  }
  .campaign-cloud-pbx-voice-title {
    font-size: 16px !important;
    color: #f26419 !important;
    border: none !important;
    margin: 0 !important;
    padding: 20px 60px 20px 45px !important;
    text-align: inherit !important;
    border-top: none !important;
    border-bottom: 1px solid #e7e7e7 !important;
    position: relative;
  }
  .campaign-cloud-pbx-voice-title::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    width: 5px;
    height: 20px;
    background-color: #f26419;
  }
  .campaign-cloud-pbx-voice-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 30px;
    height: 30px;
    background-color: #fff;
  }
  .campaign-cloud-pbx-voice-toggle::before, .campaign-cloud-pbx-voice-toggle::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #333;
    transition: 0.4s;
  }
  .campaign-cloud-pbx-voice-toggle::before {
    transform: rotate(0deg);
  }
  .campaign-cloud-pbx-voice-toggle::after {
    transform: rotate(90deg);
  }
  .campaign-cloud-pbx-voice-toggle.active::before {
    transform: rotate(45deg);
  }
  .campaign-cloud-pbx-voice-toggle.active::after {
    transform: rotate(135deg);
  }
  .campaign-cloud-pbx-voice-text {
    color: #494c5e;
    padding: 20px;
    background-color: #fff;
  }
  .campaign-cloud-pbx-button {
    display: block;
    margin: 30px auto 0;
  }
  .campaign-cloud-pbx-function-hl {
    background-color: #ff0;
    color: #005e8e;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    margin-top: 20px;
    border-style: solid solid none;
    border-width: 1px;
    border-color: #e7e7e7;
    position: relative;
  }
  .campaign-cloud-pbx-function-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 30px;
    height: 30px;
    background-color: #fff;
  }
  .campaign-cloud-pbx-function-toggle::before, .campaign-cloud-pbx-function-toggle::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #333;
    transition: 0.4s;
  }
  .campaign-cloud-pbx-function-toggle::before {
    transform: rotate(0deg);
  }
  .campaign-cloud-pbx-function-toggle::after {
    transform: rotate(90deg);
  }
  .campaign-cloud-pbx-function-toggle.active::before {
    transform: rotate(45deg);
  }
  .campaign-cloud-pbx-function-toggle.active::after {
    transform: rotate(135deg);
  }
  .campaign-cloud-pbx-function-list {
    padding: 0 !important;
    margin: 0 !important;
  }
  .campaign-cloud-pbx-function-list::after {
    display: none;
  }
  .campaign-cloud-pbx-function-item {
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 0 !important;
    line-height: inherit !important;
    background: inherit !important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  .campaign-cloud-pbx-function-item:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
  .campaign-cloud-pbx-function-title {
    width: 100%;
    font-size: 18px !important;
    text-align: center;
    color: #ff0;
    margin: 0 !important;
    padding: 18px 0 !important;
    border: none !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006698+0,006698+49,005684+50,005684+100 */
    background: #006698;
    /* Old browsers */
    background: -webkit-linear-gradient(#006698 0, #006698 49%, #005684 50%, #005684 100%);
    background: -o-linear-gradient(#006698 0, #006698 49%, #005684 50%, #005684 100%);
    background: linear-gradient(#006698 0, #006698 49%, #005684 50%, #005684 100%);
    /* FF3.6-15 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006698", endColorstr="#005684", GradientType=0);
    /* IE6-9 */
    position: relative;
  }
  .campaign-cloud-pbx-function-title img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
  }
  .campaign-cloud-pbx-function-title + img {
    margin: 0 !important;
    width: 50%;
  }
  .campaign-cloud-pbx-function-text {
    padding: 15px !important;
    margin: 0 !important;
    font-size: 15px !important;
    width: 50%;
    background-color: #e9f7ff;
  }
  #articles .phoneUsedSale .phoneUsedSale_content_intro .contents-wrap {
    padding: 0 5px;
  }
  #articles .phoneUsedSale .phoneUsedSale_content_intro .f_red {
    color: #e60003;
  }
  #articles .phoneUsedSale .phoneUsedSale_content_intro h3 {
    font-size: 16px;
    text-align: left;
    line-height: 1;
    background: #e9e9e9;
    border-top: none;
    border-bottom: none;
    margin: 20px 0;
    padding-left: 20px;
  }
  #articles .phoneUsedSale .phoneUsedSale_content_intro p {
    font-size: 14px;
    line-height: 1.6;
  }
  #articles .phoneUsedSale .phoneUsedSale_content_intro ul {
    padding-left: 0;
  }
  #articles .phoneUsedSale .phoneUsedSale_content_intro ul li {
    font-size: 14px;
    line-height: 1;
    padding-left: 20px;
    margin: 12px 0;
  }
  #articles .phoneUsedSale .phoneUsedSale_content_intro .phoneImg {
    display: flex;
    justify-content: center;
    gap: 15px;
  }
  #articles .phoneUsedSale .phoneUsedSale_content_intro .phoneImg img {
    width: 28.2666666667vw;
  }
  #articles .phoneUsedSale .phoneUsedSale_contact .contents-wrap {
    padding: 0 !important;
  }
  #articles .phoneUsedSale .phoneUsedSale_contact .fukidashi_orange {
    position: relative;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    color: #edeb38;
    padding: 15px 0;
    margin-bottom: 25px;
    background: #eb6100;
  }
  #articles .phoneUsedSale .phoneUsedSale_contact .fukidashi_orange::after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    border: 15px solid rgba(0, 0, 0, 0);
    border-top: 30px solid #eb6200;
  }
  #articles .phoneUsedSale .phoneUsedSale_contact img {
    width: 100%;
    height: auto;
  }
  #articles .phoneUsedSale .super-specialPrice ul.phoneTabs {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-family: "DIN 2014", din-2014, sans-serif;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
  }
  #articles .phoneUsedSale .super-specialPrice ul.phoneTabs li.phoneTab {
    width: calc(50% - 2px);
    font-size: 25px !important;
    font-weight: 700;
    text-align: center;
    color: #7c7e80;
    padding: 10px 0;
    padding-left: 0 !important;
    background: #dadada !important;
  }
  #articles .phoneUsedSale .super-specialPrice ul.phoneTabs li.phoneTab .sp-only {
    font-size: 15px;
    color: #fff;
    font-weight: 800;
    line-height: 1;
    padding: 2px 13px;
    margin-right: 3px;
    border-radius: 18px;
    background: #7d7e80;
    vertical-align: middle;
  }
  #articles .phoneUsedSale .super-specialPrice ul.phoneTabs li.phoneTab.active {
    color: #fff;
    padding: 13px 0;
    background: #b50808 !important;
  }
  #articles .phoneUsedSale .super-specialPrice ul.phoneTabs li.phoneTab.active .sp-only {
    background: #222;
  }
  #articles .phoneUsedSale .super-specialPrice .phoneTabContent.contents-wrap {
    padding: 0 !important;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .phonePanel {
    display: none;
    padding: 17px 10px 15px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .phonePanel.active {
    display: block;
    background: #b50808;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .productDetail {
    background: #fff9e6;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .productDetail img {
    margin: 0 !important;
    width: 100%;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .productInfo {
    padding: 20px 15px 20px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .productInfo p {
    font-size: 15px;
    padding-top: 6px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .productName {
    font-family: "DIN 2014", din-2014, sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #222;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .productMaker {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 0 13px;
    margin-right: 5px;
    border-radius: 20px;
    background: #222;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .productType {
    font-size: 25px;
    font-weight: 700;
    margin-left: 5px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels ul.saleBox-wrapper {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels ul.saleBox-wrapper li.saleBox {
    display: block;
    line-height: 1 !important;
    margin-top: 5px;
    background: #fff !important;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox {
    position: relative;
    display: flex;
    gap: 3px;
    justify-content: space-between;
    align-items: center;
    padding: 20px 8px 10px 5px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .setTitle {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    padding: 3px 10px 3px 15px;
    background: #51be00;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .setTitle::after {
    content: "";
    position: absolute;
    top: 0;
    right: -29px;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0 solid rgba(0, 0, 0, 0);
    border-bottom: 45px solid rgba(0, 0, 0, 0);
    border-left: 30px solid #51be00;
    border-right: 0;
    font-style: italic;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .setTitle span {
    font-family: "DIN 2014", din-2014, sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: 39px;
    padding-right: 5px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .offLabel {
    display: inline-block;
    margin-top: 25px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .offLabel img {
    width: 70px;
    height: 69px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-price {
    display: flex;
    flex-direction: column;
    align-items: end;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-price .normalPrice,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-price .sp_f_black {
    text-align: center;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-price .bg_222 {
    height: 24px;
    font-size: 10px;
    line-height: 2;
    font-weight: bold;
    color: #fff;
    padding: 0 8px;
    border: 1px solid #222;
    vertical-align: bottom;
    background: #222;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-price .bg_fff {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.1764705882;
    color: #222;
    padding: 0 15px;
    border: 1px solid #222;
    border-left: none;
    background: #fff;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-price .bg_fff .strike {
    margin: 0;
    font-family: "DIN 2014", din-2014, sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-price .bg_fff .sp_f_black {
    font-size: 10px;
    margin: 0;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .salePrice-wrap {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .salePrice .tax-exclusive {
    position: relative;
    z-index: 0;
    white-space: nowrap;
    font-size: 25px;
    font-weight: bold;
    color: #e60001;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .salePrice .tax-exclusive::after {
    content: "円";
    position: absolute;
    top: 60%;
    bottom: auto;
    right: 0;
    transform: translateY(-50%);
    z-index: -1;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    -webkit-text-stroke: 8px #fff;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .salePrice .tax-exclusive span {
    font-family: "DIN 2014", din-2014, sans-serif;
    font-size: 52px;
    font-weight: 800;
    font-style: italic;
    line-height: 1;
    padding-right: 5px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .salePrice .tax-exclusive span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
    font-size: 52px;
    font-weight: 800;
    color: #fff;
    -webkit-text-stroke: 8px #fff;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .salePrice .tax-inclusive {
    font-size: 13px;
    text-align: right;
    line-height: 1;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox .salePrice .tax-inclusive span {
    font-family: "DIN 2014", din-2014, sans-serif;
    font-weight: 300;
    font-style: italic;
    padding-left: 5px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-04 .setTitle,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-05 .setTitle,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-06 .setTitle,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-07 .setTitle,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-08 .setTitle,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-09 .setTitle {
    padding: 3px 0 3px 10px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-04 .bg_fff,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-05 .bg_fff,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-06 .bg_fff,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-07 .bg_fff,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-08 .bg_fff,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-09 .bg_fff {
    padding: 0 10px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-09 .bg_fff,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-10 .bg_fff {
    padding: 3px 7px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-06 .tax-exclusive span,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-07 .tax-exclusive span,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-08 .tax-exclusive span,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-09 .tax-exclusive span,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-10 .tax-exclusive span {
    font-size: 48px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-06 .tax-exclusive span::after,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-07 .tax-exclusive span::after,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-08 .tax-exclusive span::after,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-09 .tax-exclusive span::after,
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-10 .tax-exclusive span::after {
    font-size: 48px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-10 .setTitle {
    padding: 5px 0 5px 5px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-10 .setTitle span {
    font-size: 34px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .saleBox-10 .salePrice-wrap img {
    width: 35px;
    height: 35px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-01 .tax-exclusive span::after {
    content: "19,800";
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-02 .tax-exclusive span::after {
    content: "29,800";
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-03 .tax-exclusive span::after {
    content: "39,800";
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-04 .tax-exclusive span::after {
    content: "59,800";
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-05 .tax-exclusive span::after {
    content: "89,800";
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-06 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-06 .tax-exclusive span::after {
    content: "119,800";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-07 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-07 .tax-exclusive span::after {
    content: "149,800";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-08 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-08 .tax-exclusive span::after {
    content: "179,800";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-09 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-09 .tax-exclusive span::after {
    content: "398,000";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-10 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel1 .saleBox-10 .tax-exclusive span::after {
    content: "698,000";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-01 .tax-exclusive span::after {
    content: "29,800";
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-02 .tax-exclusive span::after {
    content: "44,800";
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-03 .tax-exclusive span::after {
    content: "59,800";
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-04 .tax-exclusive span::after {
    content: "79,800";
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-05 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-05 .tax-exclusive span::after {
    content: "114,800";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-06 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-06 .tax-exclusive span::after {
    content: "149,800";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-07 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-07 .tax-exclusive span::after {
    content: "184,800";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-08 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-08 .tax-exclusive span::after {
    content: "284,800";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-09 .tax-exclusive span {
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-09 .tax-exclusive span::after {
    content: "798,000";
    font-size: 47px;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-10 .setTitle::after {
    right: -20px;
    border-left: 20px solid #51be00;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-10 .tax-exclusive span {
    font-size: 38px !important;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-10 .tax-exclusive span::after {
    content: "1,298,000";
    font-size: 38px !important;
  }
  #articles .phoneUsedSale .super-specialPrice .phonePanels .panel2 .saleBox-10 .tax-inclusive {
    margin-top: 10px;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .onayami_img {
    width: 100%;
    height: auto;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro {
    position: relative;
    padding-bottom: 195px;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .txt_bgRed {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2px;
    text-align: center;
    margin-top: -10px;
    margin-left: 0;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .txt_bgRed p {
    display: inline-block;
    width: max-content;
    white-space: nowrap;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    padding: 14px 13px;
    margin: 1px 0;
    background: #e8442a;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .txt_bgRed p span {
    color: #fcd03d;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro picture:has(> .kaiketsu_Phone) {
    position: absolute;
    bottom: 40px;
    left: 20px;
    width: 180px;
    height: 160px;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro picture:has(> .kaiketsu_ambassador) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 186px;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro picture img {
    width: 100%;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .kaiketsu_Phone {
    position: inherit;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: 100%;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_intro .kaiketsu_ambassador {
    position: inherit;
    bottom: auto;
    right: auto;
    left: auto;
    width: 100%;
    height: 100%;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon {
    display: inline-block;
    position: relative;
    top: -25px;
    width: 100%;
    height: 60px;
    margin-left: 0;
    text-align: center;
    box-sizing: border-box;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon:before { /*左側のリボン端*/
    content: "";
    position: absolute;
    width: 0;
    bottom: 7px;
    left: -7px;
    z-index: 0;
    border: 20px solid #b50808;
    border-left-color: transparent; /*山形に切り抜き*/
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon:after { /*右側のリボン端*/
    content: "";
    position: absolute;
    width: 0;
    bottom: 7px;
    right: -7px;
    z-index: 0;
    border: 20px solid #b50808;
    border-right-color: transparent; /*山形に切り抜き*/
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon h3 {
    border-top: none !important;
    border-bottom: none !important;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon h3 {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 90%;
    margin: 0;
    padding: 13px 0;
    line-height: 1;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    background: #e60001; /*真ん中の背景色*/
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon h3:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #6f0202;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_ribbon h3:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-left: solid 15px #6f0202; /*右の折り返し部分*/
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: -20px;
    margin-bottom: 0;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li {
    position: relative;
    width: calc(50% - 5px);
    text-align: center;
    padding-left: 0;
    margin: 10px 0;
    background: transparent;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li h4 {
    position: absolute;
    top: min(38.6666666667vw, 250px);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    color: #e60001;
    margin: 0;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li h4:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 25%;
    height: 4px;
    border-radius: 10px;
    background: #e60001;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li p {
    font-size: 14px;
    line-height: 1.7;
    padding-top: 40px;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_merit_list li p span {
    color: #e60003;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_close {
    position: relative;
    text-align: center;
    padding: 190px 10px 20px;
    background: #fff9e6;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_close_label {
    position: absolute;
    top: 145px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    width: 90%;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    padding: 5px 0;
    border-radius: 50px;
    background: #e60001;
  }
  #articles .phoneUsedSale .onayamiKaiketsu .kaiketsu_close_ambassador {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 157px;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap.contents-wrap {
    padding: 0 5px !important;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature {
    position: relative;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature-title {
    position: relative;
    font-size: 18px !important;
    text-align: left !important;
    color: #d22224;
    padding: 20px 0 20px 55px !important;
    margin: 5px 0;
    border: 1px solid #f9f9fa !important;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature-title .toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 23px;
    height: 23px;
    background: #fff;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature-title .toggle-icon::before, #articles .phoneUsedSale .kodawari .feature-wrap .feature-title .toggle-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 15px;
    height: 3px;
    transition: ease all 0.5s;
    background: #b1b1b1;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature-title .toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature-title.active .toggle-icon::after {
    opacity: 0;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature-title.active + .feature-content {
    display: block;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature-content {
    display: none;
    line-height: 1.8;
    padding: 15px;
    border: 1px solid #f7f7f7;
    border-top: none;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .icon_tsuyomi {
    position: absolute;
    top: -22px;
    left: -10px;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature01 .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi01_sp.png) no-repeat center right -5px/contain #fbfaf0 !important;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature02 .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi02_sp.png) no-repeat center right -5px/contain #fbfaf0 !important;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature03 .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi03_sp.png) no-repeat center right -5px/contain #fbfaf0 !important;
  }
  #articles .phoneUsedSale .kodawari .feature-wrap .feature04 .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi04_sp.png) no-repeat center right -5px/contain #fbfaf0 !important;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer {
    position: relative;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer::before {
    position: absolute;
    top: 0;
    left: 0;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_head {
    position: relative;
    padding: 15px 0 30px 55px;
    background: url(../img/campaign/phone/transferOff_voice.png) no-repeat top right/75px;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_head::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 35px;
    height: 115px;
    background: #f26419;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_head::after {
    content: "1";
    position: absolute;
    top: 20px;
    left: 12px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_head h3 {
    position: relative;
    font-size: 16px;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_head h3 span {
    font-size: 14px;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_intro {
    position: relative;
    z-index: 0;
    font-size: 15px;
    font-weight: bold;
    color: #f26419;
    margin-top: 10px;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_intro::after {
    content: "既存のお客様から、オフィス移転に伴い標準電話機3台と主装置1台の導入依頼";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 15px;
    color: #fff;
    -webkit-text-stroke: 10px #fff;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.2));
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer_box dt {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #f26419;
    padding: 15px 40px;
    margin: 3px 0 -1px;
    border: 1px solid #dadbe0;
    background: #f5f5f5;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer_box dt:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    display: block;
    width: 5px;
    height: 23px;
    margin: auto;
    background: #f26419;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer_box dt .toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 23px;
    height: 23px;
    background: #fff;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer_box dt .toggle-icon::before, #articles .phoneUsedSale .voice_customer_wrap .voice_customer_box dt .toggle-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 15px;
    height: 3px;
    transition: ease all 0.5s;
    background: #b1b1b1;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer_box dt .toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer_box dt.active .toggle-icon::after {
    opacity: 0;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer_box dt.active + dd {
    display: block;
  }
  #articles .phoneUsedSale .voice_customer_wrap .voice_customer_box dd {
    display: none;
    padding: 20px;
    border: 1px solid #dadbe0;
  }
  #articles .phoneUsedSale .common_flow .contents-wrap {
    padding: 0 !important;
  }
  #articles .phoneUsedSale .common_flow .intro-txt {
    font-size: 15px;
    letter-spacing: 0.7px;
    line-height: 1.7;
  }
  #articles .phoneUsedSale .common_flow ul {
    padding-left: 0 !important;
    border: none;
    margin-top: 20px;
  }
  #articles .phoneUsedSale .common_flow ul li {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    float: none;
    border: none !important;
    line-height: 1.7 !important;
    padding-left: 0 !important;
    background: transparent !important;
  }
  #articles .phoneUsedSale .common_flow ul li::after {
    content: "▼";
    display: block;
    position: absolute;
    bottom: 5px;
    left: 58px;
    width: 12px;
    height: 16px;
    color: #e8442a;
  }
  #articles .phoneUsedSale .common_flow ul li:last-of-type h3 {
    color: #e8442a;
  }
  #articles .phoneUsedSale .common_flow ul li:last-of-type::after {
    display: none;
  }
  #articles .phoneUsedSale .common_flow ul li .thumb {
    padding: 0 !important;
  }
  #articles .phoneUsedSale .common_flow ul li .thumb img {
    margin: 0 !important;
  }
  #articles .phoneUsedSale .common_flow ul li .txt {
    text-align: left;
  }
  #articles .phoneUsedSale .common_flow ul li .txt h3 {
    font-size: 16px;
    text-align: left !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .transferOff_renewal_2024 h2.renewal {
    font-weight: 600;
  }
  .transferOff_renewal_2024 .f_red {
    color: #e60001;
  }
  .transferOff_renewal_2024 .tarnsferOff_mv {
    width: 100%;
    height: auto;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .onayami_img {
    width: 100%;
    height: auto;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding-left: 0 !important;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap li {
    position: relative;
    z-index: 0;
    width: calc(50% - 5px);
    text-align: center;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap li::after {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #e0e0e0;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riscListWrap li h3 {
    font-size: 20px !important;
    font-weight: 600;
    margin: 0 !important;
    border: none !important;
    line-height: 1.2;
    padding: 0 !important;
    color: #005bac;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan {
    margin: 20px 0 40px;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_head {
    padding: 35px 20px 40px;
    background: url(../img/campaign/phone/bg_riscExplan.png) no-repeat top left/contain rgba(224, 224, 224, 0.85);
    background-blend-mode: soft-light;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_head .textArea {
    font-size: 15px;
    font-weight: 600;
    color: #222;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_head .textArea:nth-of-type(2) {
    margin-top: 20px;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_head .textArea .underline_yellow {
    background: linear-gradient(transparent 50%, #fcd03d 50%);
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_bottom {
    position: relative;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 25px 0;
    background: #005bac;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_bottom .rotate {
    position: absolute;
    top: -12px;
    left: 10px;
    transform: rotate(-6deg);
    font-size: 15px;
    line-height: 1;
    padding: 2px 5px;
    background: #222;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_bottom .f_highlight {
    font-size: 22px;
    font-weight: 600;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_bottom .f_highlight .f_yellow {
    position: relative;
    display: inline-block;
    color: #fcd03d;
    margin-top: 10px;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_bottom .f_highlight .f_yellow::after {
    content: url(../img/campaign/phone/underline_kasure_yellow.png);
    scale: 0.8;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    left: -40px;
    width: 320px;
    height: 6px;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .riskExplan_bottom::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 65px solid rgba(0, 0, 0, 0);
    border-right: 65px solid rgba(0, 0, 0, 0);
    border-top: 40px solid #005bac;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu {
    position: relative;
    padding: 20px 0 30px 15px;
    margin-bottom: 30px;
    border: 5px solid #fcd03d;
    background: #fff9e6;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu .main {
    font-size: 18px;
    font-weight: 800;
    color: #e8442a;
    margin-bottom: 15px;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .kaiketsu .sub {
    display: inline-block;
    width: 66%;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    background-image: linear-gradient(90deg, transparent 0, transparent 50%, #fff9e6 50%, #fff9e6 100%), linear-gradient(180deg, #707070 1px, transparent 1px);
    background-size: 5px 100%, 100% 1.9em;
    background-position: bottom 3px center;
    line-height: 1.9em;
    padding-bottom: 1px;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    text-align: center;
    box-sizing: border-box;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon::before, .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon::after {
    content: "";
    position: absolute;
    width: 0;
    top: 30px;
    z-index: 0;
    border: 20px solid #b50808;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon::before {
    left: -7px;
    border-left-color: rgba(0, 0, 0, 0);
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon::after {
    right: -7px;
    border-right-color: rgba(0, 0, 0, 0);
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3 {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 90%;
    margin: 0 !important;
    padding: 13px 0 !important;
    line-height: 1;
    font-size: 17px !important;
    font-weight: normal;
    color: #fff;
    border: none !important;
    background: #e60001;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3::before, .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3::after {
    content: "";
    position: absolute;
    top: 100%;
    border: none;
    border-bottom: solid 10px rgba(0, 0, 0, 0);
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3::before {
    left: 0;
    border-right: solid 15px #6f0202;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .ribbon h3::after {
    right: 0;
    border-left: solid 15px #6f0202;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-left: 0 !important;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li {
    position: relative;
    z-index: 0;
    width: calc(50% - 5px);
    text-align: center;
    margin-top: 20px;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li h3 {
    position: relative;
    font-size: 20px !important;
    font-weight: 600;
    line-height: 1.2;
    color: #e60001;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li h3::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 25%;
    height: 5px;
    border-radius: 10px;
    background: #e60001;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li p {
    line-height: 1.6;
    margin-top: 20px;
  }
  .transferOff_renewal_2024 .transferOff_onayamiKaiketsu .meritListWrap li::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #fff9e6;
  }
  .transferOff_renewal_2024 .contactSection .contact_intro {
    position: relative;
    text-align: center;
    line-height: 1;
    margin: 30px auto;
  }
  .transferOff_renewal_2024 .contactSection .contact_intro span {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding: 2px 10px;
    background: #e60001;
  }
  .transferOff_renewal_2024 .contactSection .contact_intro p {
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    color: #e60001;
    padding: 2px 10px;
    margin-bottom: 3px;
    background: #fcd03d;
  }
  .transferOff_renewal_2024 .contactSection .contact_intro p br {
    height: 0;
  }
  .transferOff_renewal_2024 .contactSection a img {
    width: 100%;
    height: auto;
  }
  .transferOff_renewal_2024 .targetProductList h3 {
    font-size: 16px !important;
    font-weight: 600;
    text-align: left !important;
    line-height: 1.7;
    padding: 15px !important;
    margin: 0 !important;
    border: none !important;
    background: #e9e9e9;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0 0;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList thead th {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    color: #494c5e;
    padding: 10px;
    border: 1px solid #b1b1b1;
    background: #fff;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList thead th:first-of-type {
    color: #fff;
    background-color: #4a4c5f;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList thead th:nth-of-type(4) {
    color: #e60001;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList thead::after {
    content: "";
    display: block;
    height: 20px;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList tbody {
    position: relative;
    font-weight: 600;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList tbody::after {
    content: "";
    display: block;
    height: 20px;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList tbody tr:nth-of-type(even) td {
    background: #f9f9fa;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList tbody td {
    font-size: 13px;
    text-align: center;
    border: 1px solid #b1b1b1;
    padding: 5px 0;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList tbody td:nth-of-type(3) {
    color: #e60001;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelList th[rowspan] {
    width: 31%;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    border: 1px solid #b1b1b1;
    background-color: #4a4c5f;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelExampale {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0 !important;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelExampale::after {
    content: none;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelExampale li {
    width: calc(33.3333333333% - 10px);
    border-radius: 5px;
    background: #f9f9fa;
  }
  .transferOff_renewal_2024 .targetProductList .oldModelExampale li figcaption {
    display: none;
  }
  .transferOff_renewal_2024 .targetProductList .annotation {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -0.1px;
    margin: 10px 0;
    border-bottom: none;
  }
  .transferOff_renewal_2024 .targetProduct .targetProduct_detail {
    width: 100vw;
    padding: 20px 25px;
    margin: 0 calc(50% - 50vw);
    border: 1px solid #e7e7e7;
    background: url(../img/campaign/phone/bg_targetProduct.png) no-repeat top center/contain #fcfcfc;
  }
  .transferOff_renewal_2024 .targetProduct .targetProduct_detail .targetProduct_img {
    width: 305px;
    height: 179px;
    margin: 0 !important;
    margin-left: auto !important;
  }
  .transferOff_renewal_2024 .targetProduct .targetProduct_detail .content h3 {
    font-size: 40px !important;
    font-weight: 700;
    text-align: left !important;
    color: #494c5e;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .transferOff_renewal_2024 .targetProduct .targetProduct_detail .content h3 .maker {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    padding: 2px 10px;
    margin-right: 20px;
    background: #4a4c5f;
  }
  .transferOff_renewal_2024 .targetProduct .targetProduct_detail .content .catchcopy {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0;
  }
  .transferOff_renewal_2024 .targetProduct .targetProduct_detail .content .detailTxt {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: -0.008em;
  }
  .transferOff_renewal_2024 .targetProduct .targetProduct_detail .content .btnLink {
    display: block;
    font-size: 20px;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    padding: 20px 0;
    border-radius: 50px;
    margin: 20px 0 0;
    background: #e60001;
  }
  .transferOff_renewal_2024 .targetProduct .targetProduct_detail .content .btnLink::before {
    content: "▶︎";
    margin-right: 5px;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
    margin: 20px 0;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable::before {
    content: "";
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 20px solid #e5044f;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table {
    width: 100%;
    border-collapse: collapse;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table thead th {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    color: #494c5e;
    padding: 15px;
    border: 1px solid #b1b1b1;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table thead th:first-of-type {
    background: #e9e9e9;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table thead th:last-of-type {
    background: #fff9e6;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table thead th[colspan="2"] {
    font-size: 18px;
    color: #fff;
    background-color: #494c5e;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table tbody td {
    padding: 10px 0;
    border: 1px solid #b1b1b1;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    color: #494c5e;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table tbody td .quantity {
    font-size: 22px;
    font-weight: 600;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table tbody td:first-of-type {
    background: #f9f9fa;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table tbody td:nth-of-type(2) .quantity {
    text-decoration: line-through;
  }
  .transferOff_renewal_2024 .targetProduct .campaignPriceTable table .campaignPrice_img {
    width: 100%;
    height: auto;
  }
  .transferOff_renewal_2024 .targetProduct .annotation {
    border: none;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature {
    position: relative;
    margin: 5px 0;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature .feature-title {
    position: relative;
    font-size: 18px !important;
    text-align: left !important;
    color: #d22224;
    padding: 20px 0 20px 60px !important;
    margin: 0 !important;
    border: 1px solid #f9f9fa !important;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature .feature-title .toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 23px;
    height: 23px;
    background: #fff;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature .feature-title .toggle-icon::before, .transferOff_renewal_2024 .kodawari .feature-wrap .feature .feature-title .toggle-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 15px;
    height: 3px;
    transition: ease all 0.5s;
    background: #b1b1b1;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature .feature-title .toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature .feature-content {
    display: none;
    line-height: 1.8;
    padding: 15px;
    border: 1px solid #f7f7f7;
    border-top: none;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature .icon_tsuyomi {
    position: absolute;
    top: -22px;
    left: -5px;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature:first-of-type .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi01_sp.png) no-repeat center right -5px/contain #fbfaf0;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature:nth-of-type(2) .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi02_sp.png) no-repeat center right -5px/contain #fbfaf0;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature:nth-of-type(3) .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi03_sp.png) no-repeat center right -5px/contain #fbfaf0;
  }
  .transferOff_renewal_2024 .kodawari .feature-wrap .feature:last-of-type .feature-title {
    background: url(../img/campaign/phone/bg_tsuyomi04_sp.png) no-repeat center right -5px/contain #fbfaf0;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer {
    position: relative;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer::before {
    content: none;
    position: absolute;
    top: 0;
    left: 11px;
    font-size: 10px;
    font-weight: bold;
    color: #5f5f5f;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_head {
    position: relative;
    padding: 15px 0 30px 55px;
    background: url(../img/campaign/phone/transferOff_voice.png) no-repeat top right/75px;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_head h3 {
    position: relative;
    font-size: 16px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_head h3 span {
    font-size: 14px;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_head::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 35px;
    height: 115px;
    background: #f26419;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_head::after {
    content: "1";
    position: absolute;
    top: 20px;
    left: 12px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_head .voice_intro {
    position: relative;
    width: 100%;
    z-index: 0;
    font-size: 15px;
    font-weight: bold;
    color: #f26419;
    margin-top: 10px;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_head .voice_intro::after {
    content: "古くなった電話機の入れ替えで業務効率化と導入・通信コスト削減に成功";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 15px;
    color: #fff;
    -webkit-text-stroke: 10px #fff;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.2));
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_customer_box dt {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #f26419;
    padding: 15px 40px;
    margin: 3px 0 -1px;
    border: 1px solid #dadbe0;
    background: #f5f5f5;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_customer_box dt::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    display: block;
    width: 5px;
    height: 23px;
    margin: auto;
    background: #f26419;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_customer_box dt .toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 23px;
    height: 23px;
    background: #fff;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_customer_box dt .toggle-icon::before, .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_customer_box dt .toggle-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 15px;
    height: 3px;
    transition: ease all 0.5s;
    background: #b1b1b1;
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_customer_box dt .toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .transferOff_renewal_2024 .voice_customer_wrap .voice_customer .voice_customer_box dd {
    display: none;
    padding: 20px;
    border: 1px solid #dadbe0;
  }
  #faq-list dt {
    font-weight: 600;
  }
  #faq-list dd a {
    display: block;
    text-decoration-color: #ff4021;
    margin-top: 20px;
  }
  #faq-list dd a .txtLink_copy_faq {
    font-weight: bold;
    color: #ff4021;
  }
}
.common_popular ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.common_popular ul li {
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #d9dae0;
  width: -webkit-calc(50% - 15px);
  width: -khtml-calc(50% - 15px);
  width: -moz-calc(50% - 15px);
  width: -ms-calc(50% - 15px);
  width: -o-calc(50% - 15px);
  width: calc(50% - 15px);
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.common_popular ul li:nth-child(2n) {
  margin-left: 15px;
}
.common_popular ul li:nth-child(2n+1) {
  margin-right: 15px;
  clear: both;
}
.common_popular ul li:last-child, .common_popular ul li:nth-last-child(2) {
  margin-bottom: 0;
}
.common_popular ul li .king {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 34px;
  height: 34px;
  font-size: 12px;
  display: inline-block;
  background-image: url("../img/base/icon-king.png");
  background-repeat: no-repeat;
  background-position: center top 5px;
  background-color: #F00;
  line-height: 46px;
  color: #FFF;
  text-align: center;
}
.common_popular ul li .king.red {
  background-color: #b20000;
}
.common_popular ul li .king.gray {
  background-color: #c0c0c0;
}
.common_popular ul li .king.gilt {
  background-color: #c47022;
}
.common_popular ul li .king.orange {
  background-color: #ff4621;
}
.common_popular ul li .thumb img {
  width: 100%;
  height: auto;
}
.common_popular ul li .entry {
  padding: 24px;
}
.common_popular ul li .entry .cat {
  margin-bottom: 15px;
}
.common_popular ul li .entry .cat a {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #d9dae0;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
  color: #494c5e;
  background: #f9f9fa;
}
.common_popular ul li .entry .cat a:hover {
  text-decoration: underline;
}
.common_popular ul li .entry dl dt {
  margin-bottom: 15px;
  height: 46px;
  overflow: hidden;
}
.common_popular ul li .entry dl dt a {
  color: #494c5f;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 3px;
  display: inline-block;
  text-decoration-color: #494c5f;
}
.common_popular ul li .entry dl dt a:hover {
  text-decoration: none;
}
.common_popular ul li .entry dl dd {
  color: #8b8ea4;
  margin-bottom: 0;
  height: 67px;
  overflow: hidden;
}

.common_category > p {
  background: #ff4021;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  position: relative;
}
.common_category > p:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 8px solid #ff4021;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.common_category > p:after {
  content: "";
  width: 70px;
  height: 102px;
  position: absolute;
  top: -30px;
  right: 0px;
  background: url("../img/phone/common/img_usefulinfo_header.png") no-repeat center;
}
.common_category > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.common_category > ul > li {
  margin-bottom: 30px;
  border: 1px solid #d9dae0;
  width: -webkit-calc(50% - 15px);
  width: -khtml-calc(50% - 15px);
  width: -moz-calc(50% - 15px);
  width: -ms-calc(50% - 15px);
  width: -o-calc(50% - 15px);
  width: calc(50% - 15px);
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.common_category > ul > li:after {
  content: "";
  clear: both;
  display: block;
}
.common_category > ul > li:nth-child(2n) {
  margin-left: 15px;
}
.common_category > ul > li:nth-child(2n+1) {
  margin-right: 15px;
  clear: both;
}
.common_category > ul > li .catthumb {
  text-align: center;
}
.common_category > ul > li .catthumb img {
  width: 100%;
}
.common_category > ul > li .cattitle {
  text-align: right;
  min-height: 38px;
  padding: 0 20px;
  background: #ff4021 url("../img/base/bg-cate.png") no-repeat left;
  position: relative;
}
.common_category > ul > li .cattitle a {
  display: inline-block;
  line-height: 18px;
  text-decoration: none;
  color: #FFF;
  position: absolute;
  width: -webkit-calc(100% - 60px);
  width: -khtml-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: -ms-calc(100% - 60px);
  width: -o-calc(100% - 60px);
  width: calc(100% - 60px);
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.common_category > ul > li ul.post-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.common_category > ul > li ul.post-list li {
  border-bottom: 1px dotted #d9dae0;
  padding: 14px;
  height: 60px;
}
.common_category > ul > li ul.post-list li .thumb {
  width: 80px;
  margin-right: 10px;
  float: left;
}
.common_category > ul > li ul.post-list li dl {
  width: -webkit-calc(100% - 90px);
  width: -khtml-calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: -ms-calc(100% - 90px);
  width: -o-calc(100% - 90px);
  width: calc(100% - 90px);
  float: left;
}
.common_category > ul > li ul.post-list li dl dt a {
  color: #494c5f;
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 3px;
  line-height: 16px;
  display: inline-block;
  text-decoration-color: #494c5f;
  text-decoration: underline;
}
.common_category > ul > li ul.post-list li dl dt a:hover {
  text-decoration: none;
}
.common_category > ul > li ul.post-list li dl dd {
  margin-bottom: 0;
  font-size: 12px;
  color: #8b8ea4;
  height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common_category > ul > li ul.post-list li:after {
  content: "";
  clear: both;
  display: block;
}
.common_category > ul > li .action {
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  text-align: right;
}
.common_category > ul > li .action a {
  font-size: 13px;
  padding-right: 10px;
  color: #494c5e;
  text-decoration: none;
  background: url("../img/base/news_link_icon.png") no-repeat center right;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.common_category > ul > li .action a:hover {
  text-decoration: underline;
}

.common_faq ul {
  list-style: none;
  margin: 0;
  padding: 30px 0 0;
  border-top: 1px dotted #d9dae0;
}
.common_faq ul li {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #d9dae0;
}
.common_faq ul li:after {
  content: " ";
  clear: both;
  display: block;
}
.common_faq ul li .thumb {
  width: 250px;
  float: left;
  margin-right: 30px;
}
.common_faq ul li .thumb img {
  width: 100%;
  height: auto;
}
.common_faq ul li .thumb img:hover {
  opacity: 0.7;
}
.common_faq ul li dl {
  width: -webkit-calc(100% - 280px);
  width: -khtml-calc(100% - 280px);
  width: -moz-calc(100% - 280px);
  width: -ms-calc(100% - 280px);
  width: -o-calc(100% - 280px);
  width: calc(100% - 280px);
  float: left;
}
.common_faq ul li dl dt {
  margin-bottom: 15px;
}
.common_faq ul li dl dt a {
  color: #494c5f;
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  padding-bottom: 3px;
  display: inline-block;
  text-decoration-color: #494c5f;
}
.common_faq ul li dl dt a:hover {
  text-decoration: none;
}
.common_faq ul li dl dd {
  color: #8b8ea4;
  margin-bottom: 0;
  line-height: 20px;
}

.mb35 {
  margin-bottom: 35px;
}

#section01 {
  margin-top: 0;
}
#section01 h2.mb35 {
  margin-top: 0;
}
#section01 .article-box {
  border: 1px solid #d9dae0;
  padding: 44px 40px;
  box-sizing: content-box;
  overflow: hidden;
}
#section01 .article-box .related-articles h3 {
  font-size: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d9dae0;
}
#section01 .article-box .related-articles ul {
  list-style: none;
  margin-bottom: 35px;
}
#section01 .article-box .related-articles ul li {
  float: left;
  padding: 20px 0;
  width: 50%;
  border-bottom: 1px solid #d9dae0;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#section01 .article-box .related-articles ul li a {
  font-size: 16px;
  display: block;
  color: #494c5f;
  font-weight: bold;
}
#section01 .article-box .related-articles ul li a.thumb {
  margin-bottom: 12px;
  height: 149px;
}
#section01 .article-box .related-articles ul li a.title {
  height: 51px;
  overflow: hidden;
}
#section01 .article-box .related-articles ul li a.title:hover {
  text-decoration: none;
  color: #0066aa;
}
#section01 .article-box .related-articles ul li:first-child {
  border-right: 1px solid #d9dae0;
  padding-right: 20px;
}
#section01 .article-box .related-articles ul li:nth-child(2) {
  padding-left: 20px;
}
#section01 .article-box .related-articles ul li:nth-child(n+3) {
  width: 100%;
}
#section01 .article-box .related-articles ul li:nth-child(n+3) a.thumb {
  float: left;
  width: 95px;
  margin-right: 15px;
  margin-bottom: 0;
  height: initial;
}
#section01 .article-box .related-articles ul li:nth-child(n+3) a.thumb img {
  width: 100%;
}
#section01 .article-box .related-articles ul li:nth-child(n+3) a.title {
  line-height: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
}

.red, .orange {
  color: #ff4021;
}

#knowledge .clearfix::after {
  content: "";
  visibility: hidden;
  display: block;
  clear: both;
}
#knowledge a {
  color: #0066aa;
  text-decoration: underline;
  line-height: 20px;
}
#knowledge a.back-category {
  text-decoration: none;
}
#knowledge a.back-category:hover {
  text-decoration: underline;
}
#knowledge a:hover {
  text-decoration: none;
}
#knowledge img {
  display: block;
  text-align: center;
  margin: 10px auto;
}
#knowledge h2 {
  border: 0;
  font-size: 23px;
  font-weight: bold;
  line-height: 1;
  padding: 24px 30px;
  background: #f9f9fa;
  margin: 60px 0 30px;
}
#knowledge h2:before {
  content: none;
}
#knowledge h3 {
  font-size: 20px;
  font-weight: bold;
  border-top: 1px solid #494c5f;
  border-bottom: 1px solid #494c5f;
  margin: 60px 0 30px;
  padding: 20px 0;
  text-align: center;
}
#knowledge h3.title-bl {
  min-height: 40px;
  padding: 10px 15px 10px 25px;
  margin: 30px 0 20px;
  box-sizing: border-box;
  background: #f9f9fa url("../img/base/icon-l-orange.png") no-repeat center left 12px;
  border: 1px solid #d9dae0;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
}
#knowledge h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 10px;
}
#knowledge p {
  font-size: 16px;
  line-height: 35px;
  margin-bottom: 40px;
}
#knowledge .text-center {
  margin-bottom: 0;
}
#knowledge .anchor-title {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
}
#knowledge ul {
  list-style: none;
  padding-left: 25px;
  margin-bottom: 30px;
}
#knowledge ul li {
  font-size: 16px;
  line-height: 35px;
  background: url("../img/phone/knowledge/article/icon_anchor2.png") top 12px left 0 no-repeat;
  padding-left: 15px;
}
#knowledge ol {
  padding-left: 35px;
}
#knowledge ol li {
  list-style: inherit;
  font-size: 16px;
  line-height: 35px;
}
#knowledge .anchor {
  padding: 0;
  margin-bottom: 50px;
}
#knowledge .anchor li {
  margin-bottom: 12px;
  line-height: 20px;
  font-weight: normal;
  background: none;
  padding-left: 0;
}
#knowledge .anchor li a {
  display: inline-block;
  padding-left: 20px;
  background: url("../img/phone/knowledge/article/icon_anchor.png") top 7px left 5px no-repeat;
  font-size: 16px;
}
#knowledge .mb20 {
  margin-bottom: 20px;
}
#knowledge .pd30 {
  padding: 0 30px;
}
#knowledge .bold {
  font-weight: bold;
}
#knowledge .red {
  color: #ff4021;
  font-weight: bold;
}
#knowledge .marker {
  background: linear-gradient(transparent 30%, #FDEC47 30%);
  font-weight: bold;
}
#knowledge .slick-dots {
  bottom: -20px !important;
}

#section02 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#section02 ul li {
  display: inline-block;
  float: left;
  width: -webkit-calc((20% - 15px) + 3px);
  width: -khtml-calc((20% - 15px) + 3px);
  width: -moz-calc((20% - 15px) + 3px);
  width: -ms-calc((20% - 15px) + 3px);
  width: -o-calc((20% - 15px) + 3px);
  width: calc((20% - 15px) + 3px);
  margin-right: 15px;
}
#section02 ul li .thumb img {
  width: 100%;
}
#section02 ul li .thumb img:hover {
  opacity: 0.7;
}
#section02 ul li:last-child {
  margin-right: 0;
}
#section02 ul li a span {
  margin: 10px 0;
  line-height: 16px;
  font-size: 12px;
  color: #494c5e;
  text-decoration: underline;
  padding-left: 10px;
  display: inline-block;
  background: url("../img/base/news_link_icon.png") no-repeat top 5px left;
}
#section02 ul li a:hover span {
  text-decoration: none;
}

.hidden-pc {
  display: none;
}

table#knowledge, table.knowledge {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
}

table#knowledge p, table.knowledge p {
  font-size: 14px !important;
  line-height: normal !important;
  margin-bottom: 0 !important;
}

table#knowledge tr:first-child td, table.knowledge tr:first-child td {
  background-color: #D6E4EC;
}

table#knowledge td, table.knowledge td {
  vertical-align: middle;
  text-align: center;
  padding: 7px;
}

.tableStyle_1 {
  border-collapse: collapse;
  margin-bottom: 20px;
}
.tableStyle_1 tr td:first-child {
  background-color: #f9f9fa;
  font-weight: bold;
}
.tableStyle_1 th, .tableStyle_1 td {
  border: 1px solid #d9dae0;
  padding: 10px 15px;
}
.tableStyle_1 th {
  background-color: #f9f9fa;
  text-align: center;
}

.campBunner ul {
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -294px;
  z-index: 888;
}
.campBunner ul li {
  width: 115px;
}
.campBunner ul li img {
  width: 100%;
}

.h2__intro {
  font-size: 24px !important;
  font-weight: bold;
  background-color: transparent !important;
}

.characterInfo {
  font-size: 20px !important;
  font-weight: bold;
  text-align: center;
  margin-top: 115px;
}

.characterInfo__ul {
  display: table;
  padding-left: 0 !important;
}
.characterInfo__ul__li {
  display: table-cell;
  background-image: none !important;
  width: 50%;
  padding-left: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
}
.characterInfo__ul__li__txt {
  float: left;
  margin-bottom: 0 !important;
  line-height: 20px !important;
  margin-left: 14px;
}
.characterInfo__ul__li__txt__name {
  font-size: 24px;
  display: block;
}
.characterInfo__ul__li__txt__name.blue {
  color: #0066aa;
}
.characterInfo__ul__li__txt__name.orenge {
  color: #fe401e;
}
.characterInfo__ul__li__txt__info {
  font-size: 16px;
}
.characterInfo__ul__li__ph {
  float: left;
  width: 104px;
  height: 106px;
  background-color: #999;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}
.characterInfo__ul li:first-child .characterInfo__ul__li__txt__info {
  margin-top: 20px;
  display: block;
}
.characterInfo__ul li:first-child .characterInfo__ul__li__ph {
  background: no-repeat url(../img/knowledge/icon-tanabe1.png);
  background-size: contain;
}
.characterInfo__ul li:first-child .characterInfo__ul__li__txt {
  padding-top: 10px;
}
.characterInfo__ul li:last-child .characterInfo__ul__li__txt__info {
  margin-top: 5px;
  display: block;
}
.characterInfo__ul li:last-child .characterInfo__ul__li__ph {
  background: no-repeat url(../img/knowledge/icon-operator1.png);
  background-size: contain;
}
.characterInfo__ul li:last-child .characterInfo__ul__li__txt {
  padding-top: 10px;
}

.article__index {
  padding: 25px 35px;
  border: 1px solid #999;
  margin-top: 60px;
  margin-bottom: 60px;
}
.article__index p {
  margin: 0;
}
.article__index__title {
  text-align: center;
  display: block;
  color: #494c5e !important;
  text-decoration: none !important;
  font-size: 20px !important;
  font-weight: bold;
  margin-bottom: 0 !important;
  line-height: 0 !important;
  cursor: pointer !important;
}
.article__index__title.active:after {
  transform: rotate(135deg);
}
.article__index__title:after {
  content: "";
  border-radius: 17px;
  margin: 0 0 -8px 15px;
  padding: 17px;
  position: relative;
  display: inline-block;
  background: no-repeat url(../img/knowledge/indexIcon.png) 50%;
  background-color: #fe401e;
  transition: all 0.5s;
  transform: rotate(0deg);
}
.article__index__ol {
  margin-top: 55px;
  padding: 0 35px !important;
}
.article__index__ol p {
  display: none;
}
.article__index__ol__li {
  border-bottom: 1px solid #e7e7e7;
}
.article__index__ol__li a.toplink {
  color: #494c5e !important;
  text-decoration: none !important;
  font-size: 20px !important;
  font-weight: bold;
  margin-bottom: 0 !important;
  line-height: 2.5 !important;
}
.article__index__ol li:first-child {
  border-top: 1px solid #e7e7e7;
}

.operatorFukudashi {
  margin-top: 30px;
}
.operatorFukudashi__face {
  float: left;
  width: 105px;
  height: 105px;
  background: no-repeat url(../img/knowledge/icon-operator1.png) 50%;
  background-size: contain;
}
.operatorFukudashi__face.smile {
  background: no-repeat url(../img/knowledge/icon-operator2.png) 50%;
  background-size: contain;
}
.operatorFukudashi__txt {
  float: right;
  background-color: #ffeeeb;
  padding: 30px;
  width: calc(100% - 190px);
  min-height: 45px;
  font-size: 16px;
  position: relative;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .operatorFukudashi__txt {
    min-height: 0;
  }
}
.operatorFukudashi__txt:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 15px 7.5px 0;
  border-color: transparent #ffeeeb transparent transparent;
  left: -15px;
  top: 50%;
  margin-top: -7.5px;
}

.tanabeFukudashi {
  margin-top: 30px;
}
.tanabeFukudashi__face {
  float: right;
  width: 105px;
  height: 105px;
  background: no-repeat url(../img/knowledge/icon-tanabe1.png) 50%;
  background-size: contain;
}
.tanabeFukudashi__face.troubled {
  background: no-repeat url(../img/knowledge/icon-tanabe2.png) 50%;
  background-size: contain;
}
.tanabeFukudashi__txt {
  float: left;
  background-color: #e0f3ff;
  padding: 30px;
  width: calc(100% - 190px);
  min-height: 45px;
  font-size: 16px;
  position: relative;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .tanabeFukudashi__txt {
    min-height: 0;
  }
}
.tanabeFukudashi__txt:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 15px;
  border-color: transparent transparent transparent #e0f3ff;
  right: -15px;
  top: 50%;
  margin-top: -7.5px;
}

.annotation {
  position: relative;
  border-bottom: 1px dotted #00f;
}
.annotation__txt {
  visibility: hidden;
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  display: inline-block;
  background-color: #fff;
  width: 300px;
  padding: 20px;
  border: 3px solid #02619f;
  border-radius: 6px;
  top: 0;
  left: 50%;
  margin-left: -150px;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.8;
}
.annotation__txt.active {
  visibility: visible;
  opacity: 1;
  z-index: 600;
}
.annotation sup {
  color: #00f;
}

.fukidashiH3 {
  background-color: #fe401e !important;
  color: #fff !important;
  border: none !important;
  position: relative;
  margin-bottom: 60px !important;
  text-align: left !important;
  padding-left: 20px !important;
}
.fukidashiH3:after {
  position: absolute;
  left: 30px;
  bottom: -15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 7.5px 0 7.5px;
  border-color: #fe401e transparent transparent transparent;
}

.innerImgP {
  padding: 0 70px !important;
}

.boldP {
  font-weight: bold;
  font-size: 24px !important;
  line-height: 1.5 !important;
}

.linkAnother {
  color: #fe401e !important;
  position: relative;
  display: inline-block;
  margin-right: 16px;
}
.linkAnother:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: no-repeat url(../img/knowledge/link_icon.png);
  right: -14px;
  bottom: 13%;
}

.fukidashiH4 {
  position: relative;
  font-size: 24px;
  line-height: 1.5;
  border-left: 2px solid #494c5e;
  border-right: 2px solid #494c5e;
  border-bottom: 2px solid #494c5e;
  border-top: 10px solid #494c5e;
  padding: 25px;
  display: table;
  width: calc(100% - 50px);
  margin-bottom: 40px !important;
}
.fukidashiH4 .h4Number {
  display: table-cell;
  width: 70px;
}
.fukidashiH4 .h4Txt {
  display: table-cell;
}
.fukidashiH4:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 16px;
  background: no-repeat url(../img/knowledge/fukidashi.svg);
  left: 30px;
  bottom: -15px;
}

.problemTitle {
  position: relative;
  border-left: 2px solid #0066aa;
  border-right: 2px solid #0066aa;
  border-top: 2px solid #0066aa;
  border-bottom: 5px solid #0066aa;
  color: #0066aa;
  font-weight: bold;
  font-size: 21px !important;
  padding: 10px 10px 10px 25px;
}
.problemTitle:after {
  position: absolute;
  content: "";
  display: block;
  background: no-repeat url(../img/knowledge/icon-sizuku.png);
  background-size: contain;
  left: -12px;
  top: -6px;
  width: 25px;
  height: 37px;
}

.solutionTitle {
  position: relative;
  border-left: 2px solid #fe401e;
  border-right: 2px solid #fe401e;
  border-top: 2px solid #fe401e;
  border-bottom: 5px solid #fe401e;
  color: #fe401e;
  font-weight: bold;
  font-size: 21px !important;
  padding: 10px 10px 10px 25px;
}
.solutionTitle:after {
  position: absolute;
  content: "";
  display: block;
  background: no-repeat url(../img/knowledge/icon-solution.png);
  background-size: contain;
  left: -20px;
  top: -17px;
  width: 42px;
  height: 46px;
}

.mgt {
  margin-top: 100px;
}

.mgt40 {
  margin-top: 40px;
}

.mgt_mid {
  margin-top: 80px !important;
}

.mgt_lv2 {
  margin-top: 150px !important;
}

.colorOrenge {
  color: #f00;
}

.bigFont {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.5 !important;
}

.txtRight {
  text-align: right;
}

.bgFukidashi {
  background: no-repeat url(../img/knowledge/pbx-existence.png) bottom;
  background-size: contain;
  height: 384px;
}

.rightPh {
  display: table;
}
@media screen and (max-width: 768px) {
  .rightPh {
    display: block;
  }
}
.rightPh__photo {
  display: table-cell;
  width: 280px;
}
@media screen and (max-width: 768px) {
  .rightPh__photo {
    display: block;
    width: 100%;
  }
}
.rightPh__txt {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 0 15px 40px;
}
@media screen and (max-width: 768px) {
  .rightPh__txt {
    display: block;
  }
}

.leftPh,
.leftPh02 {
  display: table;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .leftPh,
  .leftPh02 {
    display: block;
  }
}
.leftPh__photo,
.leftPh02__photo {
  display: table-cell;
  width: 266px;
}
@media screen and (max-width: 768px) {
  .leftPh__photo,
  .leftPh02__photo {
    display: block;
  }
}
.leftPh__txt,
.leftPh02__txt {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 40px 15px 0;
}
@media screen and (max-width: 768px) {
  .leftPh__txt,
  .leftPh02__txt {
    display: block;
  }
}

.anotherTable {
  background-color: #494c5e;
}
.anotherTable td,
.anotherTable th {
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #f9f9fa;
}
.anotherTable td {
  padding-left: 24px;
  padding-right: 24px;
}
.anotherTable caption {
  font-size: 16px;
  text-align: left;
}

.pc_noDisplay {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc_noDisplay {
    display: block;
  }
}

.nonOverFlow {
  overflow: inherit !important;
}

/* 20240902 background-image: none !important; を削除 */
.underIndex {
  display: none;
  margin-bottom: 20px !important;
}
.underIndex li:first-child {
  border-top: none !important;
}
.underIndex li a {
  font-size: 16px !important;
  text-decoration: none !important;
  color: inherit !important;
}

.diffSns ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding-left: 0 !important;
}
.diffSns ul li {
  background-image: none !important;
  width: calc(20% - 10px);
  border-radius: 5px;
  transition: 0.5s all;
  padding-bottom: 5px;
}
.diffSns ul li a {
  text-align: center;
  text-decoration: none !important;
  color: #fff !important;
  display: block;
  padding: 30px 0 5px;
  border-radius: 5px;
  font-size: 12px;
}
.diffSns ul li a img {
  width: 100%;
}
.diffSns ul li:nth-child(1) {
  padding-left: 0 !important;
  background-color: #233458 !important;
}
.diffSns ul li:nth-child(1) a {
  background: no-repeat url(../img/knowledge/facebook_icon.svg) 50% 10px/17%;
  background-color: #395591;
}
.diffSns ul li:nth-child(2) {
  padding-left: 0 !important;
  background-color: #286c98 !important;
}
.diffSns ul li:nth-child(2) a {
  background: no-repeat url(../img/knowledge/twitter_icon.svg) 50% 10px/17%;
  background-color: #3496D4;
  box-shadow: 0 0 0 #233458;
}
.diffSns ul li:nth-child(3) {
  padding-left: 0 !important;
  background-color: #164c6f !important;
}
.diffSns ul li:nth-child(3) a {
  background: no-repeat url(../img/knowledge/hatebu_icon.svg) 50% 10px/17%;
  background-color: #2481BD;
  box-shadow: 0 0 0 #000;
}
.diffSns ul li:nth-child(4) {
  padding-left: 0 !important;
  background-color: #236921 !important;
}
.diffSns ul li:nth-child(4) a {
  background: no-repeat url(../img/knowledge/ine_icon.svg) 50% 10px/17%;
  background-color: #39AE36;
  box-shadow: 0 0 0 #000;
}
.diffSns ul li:nth-child(5) {
  padding-left: 0 !important;
  background-color: #822630 !important;
}
.diffSns ul li:nth-child(5) a {
  background: no-repeat url(../img/knowledge/pocket_icon.svg) 50% 10px/17%;
  background-color: #E04253;
  box-shadow: 0 0 0 #000;
}
.diffSns ul li:hover {
  padding-bottom: 2px;
}
.diffSns ul:after {
  content: none !important;
}

.characterInfo02 {
  font-size: 20px !important;
  font-weight: bold;
  text-align: center;
  margin-top: 115px;
}

.characterInfo02__ul {
  display: table;
  padding-left: 0 !important;
}
.characterInfo02__ul__li {
  display: table-cell;
  background-image: none !important;
  width: 50%;
  padding-left: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
}
.characterInfo02__ul__li__txt {
  float: left;
  margin-bottom: 0 !important;
  line-height: 20px !important;
  margin-left: 14px;
}
.characterInfo02__ul__li__txt__name {
  font-size: 24px;
  display: block;
}
.characterInfo02__ul__li__txt__name.blue {
  color: #0066aa;
}
.characterInfo02__ul__li__txt__name.orenge {
  color: #fe401e;
}
.characterInfo02__ul__li__txt__info {
  font-size: 16px;
}
.characterInfo02__ul__li__ph {
  float: left;
  width: 104px;
  height: 106px;
  background-color: #999;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}
.characterInfo02__ul li:first-child .characterInfo02__ul__li__txt__info {
  margin-top: 20px;
  display: block;
}
.characterInfo02__ul li:first-child .characterInfo02__ul__li__ph {
  background: no-repeat url(../img/knowledge/icon-fukujima1.svg);
  background-size: contain;
}
.characterInfo02__ul li:first-child .characterInfo02__ul__li__txt {
  padding-top: 10px;
}
.characterInfo02__ul li:last-child .characterInfo02__ul__li__txt__info {
  margin-top: 5px;
  display: block;
}
.characterInfo02__ul li:last-child .characterInfo02__ul__li__ph {
  background: no-repeat url(../img/knowledge/icon-operator1.svg);
  background-size: contain;
}
.characterInfo02__ul li:last-child .characterInfo02__ul__li__txt {
  padding-top: 10px;
}

.groupingFukidasi {
  margin-bottom: 40px;
}

.operatorFukudashi02 {
  margin-top: 30px;
}
.operatorFukudashi02__face {
  float: left;
  width: 105px;
  height: 105px;
  background: no-repeat url(../img/knowledge/icon-operator1.svg) 50%;
  background-size: contain;
}
.operatorFukudashi02__face.smile {
  background: no-repeat url(../img/knowledge/icon-operator2.svg) 50%;
  background-size: contain;
}
.operatorFukudashi02__txt {
  float: right;
  background-color: #ffeeeb;
  padding: 30px;
  width: calc(100% - 190px);
  min-height: 45px;
  font-size: 16px;
  position: relative;
  border-radius: 10px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .operatorFukudashi02__txt {
    min-height: 0;
  }
}
.operatorFukudashi02__txt:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 15px 7.5px 0;
  border-color: transparent #ffeeeb transparent transparent;
  left: -15px;
  top: 50%;
  margin-top: -7.5px;
}

.tanabeFukudashi02 {
  margin-top: 30px;
}
.tanabeFukudashi02__face {
  float: right;
  width: 105px;
  height: 105px;
  background: no-repeat url(../img/knowledge/icon-fukujima1.svg) 50%;
  background-size: contain;
}
.tanabeFukudashi02__face.troubled {
  background: no-repeat url(../img/knowledge/icon-fukujima2.svg) 50%;
  background-size: contain;
}
.tanabeFukudashi02__txt {
  float: left;
  background-color: #e0f3ff;
  padding: 30px;
  width: calc(100% - 190px);
  min-height: 45px;
  font-size: 16px;
  position: relative;
  border-radius: 10px;
  box-sizing: content-box;
}
@media screen and (max-width: 768px) {
  .tanabeFukudashi02__txt {
    min-height: 0;
  }
}
.tanabeFukudashi02__txt:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 15px;
  border-color: transparent transparent transparent #e0f3ff;
  right: -15px;
  top: 50%;
  margin-top: -7.5px;
}

.annotation02 {
  position: relative;
}
.annotation02__txt {
  visibility: hidden;
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  display: inline-block;
  background-color: #fff;
  width: 300px;
  padding: 20px;
  border: 3px solid #02619f;
  border-radius: 6px;
  top: 0;
  left: 50%;
  margin-left: -150px;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.8;
}
.annotation02__txt.active {
  visibility: visible;
  opacity: 1;
  z-index: 600;
}
.annotation02 sup {
  color: #00f;
}

.fukidashiH302 {
  background-color: #fe401e !important;
  color: #fff !important;
  border: none !important;
  position: relative;
  margin-bottom: 60px !important;
  padding-left: 20px;
}
.fukidashiH302:after {
  position: absolute;
  left: 30px;
  bottom: -15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 7.5px 0 7.5px;
  border-color: #fe401e transparent transparent transparent;
}

.attention {
  text-align: right;
  color: #db442c;
  margin-bottom: 0 !important;
  margin-top: 20px !important;
}
.attention sup {
  color: #2089cb;
}

.bgFukidashi02 {
  background: no-repeat url(../img/knowledge/1-1bg.png) bottom;
  background-size: contain;
  height: 388px;
}
@media screen and (max-width: 768px) {
  .bgFukidashi02 {
    height: auto;
    padding: 0 !important;
    background: none;
  }
}

.orangeBox {
  border: 2px solid #e8442a;
  padding: 30px 30px 10px;
}
.orangeBox__tit {
  font-size: 24px;
  display: inline-block;
  background-color: #e8442a;
  padding: 5px 20px;
  color: #fff;
  font-weight: bold;
}
.orangeBox p {
  margin-bottom: 20px !important;
}

.kijiSlider .slick-list,
.kijiSlider2 .slick-list {
  width: 100% !important;
  height: 360px !important;
}
@media screen and (max-width: 768px) {
  .kijiSlider .slick-list,
  .kijiSlider2 .slick-list {
    height: auto !important;
  }
}
.kijiSlider.slick-slider:before,
.kijiSlider2.slick-slider:before {
  content: none !important;
}
.kijiSlider.slick-slider:after,
.kijiSlider2.slick-slider:after {
  content: none !important;
}
.kijiSlider .slick-prev,
.kijiSlider2 .slick-prev {
  margin-left: 0 !important;
  left: 0 !important;
  width: 41px !important;
  height: 41px !important;
  margin-top: -11px !important;
}
.kijiSlider .slick-prev:before,
.kijiSlider2 .slick-prev:before {
  content: url(../img/knowledge/kijiArLeft.png) !important;
  display: block;
}
.kijiSlider .slick-next,
.kijiSlider2 .slick-next {
  margin-right: 0 !important;
  right: 0 !important;
  width: 41px !important;
  height: 41px !important;
  margin-top: -11px !important;
}
.kijiSlider .slick-next:before,
.kijiSlider2 .slick-next:before {
  content: url(../img/knowledge/kijiArRight.png) !important;
  display: block;
}
.kijiSlider .slick-dots,
.kijiSlider2 .slick-dots {
  margin-top: 15px;
  background-color: transparent !important;
  padding-left: 0 !important;
}
.kijiSlider .slick-dots li,
.kijiSlider2 .slick-dots li {
  background: none !important;
}

.problemTitle2 {
  position: relative;
  border-left: 2px solid #0066aa;
  border-right: 2px solid #0066aa;
  border-top: 2px solid #0066aa;
  border-bottom: 5px solid #0066aa;
  color: #0066aa;
  font-weight: bold;
  font-size: 18px !important;
  padding: 10px 10px 10px 25px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .problemTitle2 {
    text-align: left;
  }
}

.solutionTitle2 {
  position: relative;
  border-left: 2px solid #fe401e;
  border-right: 2px solid #fe401e;
  border-top: 2px solid #fe401e;
  border-bottom: 5px solid #fe401e;
  color: #fe401e;
  font-weight: bold;
  font-size: 18px !important;
  padding: 10px 10px 10px 25px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .solutionTitle2 {
    text-align: left;
  }
}

.article-box blockquote {
  position: relative;
  background: #F9eada;
  border-radius: 10px;
  padding: 20px;
}
.article-box blockquote:before {
  position: absolute;
  left: 5%;
  top: -24px;
  color: #808080;
  box-sizing: border-box;
  content: "”";
  line-height: 1;
  padding-top: 12px;
  text-align: left;
  font-size: 95px;
}
.article-box blockquote p {
  color: #808080;
}
.article-box blockquote cite {
  display: block;
  border-top: 1px solid #808080;
  padding-top: 10px;
  font-size: 0.8rem;
  text-align: right;
  color: #808080;
}

#knowledge .supervisor {
  display: flex;
  justify-content: center;
  padding: 35px 30px;
  background: #f9f9fa;
  border: 1px solid #d6d6d8;
}
#knowledge .supervisor_left {
  width: 131px;
  margin-right: 35px;
  padding-top: 15px;
  flex-shrink: 0;
}
#knowledge .supervisor_img img {
  margin: 0;
  border-radius: 50%;
}
#knowledge .supervisor_ribbon {
  height: 21px;
  line-height: 21px;
  margin: 7px 0 0 0;
  font-size: 15px;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  background-image: url("../img/common/ribbon.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#knowledge .supervisor_name {
  margin-bottom: 0;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #d6d6d8;
  letter-spacing: 3px;
}
#knowledge .supervisor_qualification {
  margin: 15px 0 0 0;
  line-height: 1.5;
  font-size: 15px;
}
#knowledge .supervisor_text {
  margin: 15px 0 0 0;
  line-height: 1.5;
  font-size: 15px;
}

@media screen and (min-width: 767px) {
  .pc-none {
    display: none;
  }
}
#knowledge h4 {
  margin: 30px 0;
  border-bottom: 3px double;
  padding-bottom: 5px;
}
#knowledge table {
  width: 100%;
  margin-bottom: 30px;
  background-color: #fff;
  border-collapse: separate;
  border-spacing: 2px;
}
#knowledge table th,
#knowledge table td {
  padding: 10px;
}
#knowledge table th {
  background-color: #999;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
#knowledge table td {
  vertical-align: middle;
  background-color: #eee;
}
#knowledge table p {
  margin-bottom: 0;
}
#knowledge img {
  width: 100%;
  height: auto;
}
#knowledge .anchorWrap {
  margin-bottom: 40px;
  padding: 15px;
  background-color: #F9F9FA;
  border: 1px solid #d6d6d8;
}
#knowledge .anchor {
  margin-bottom: 0;
}
#knowledge .anchor ul {
  margin-top: 12px;
  margin-bottom: 0;
}
#knowledge ol {
  list-style-type: decimal;
  padding-left: 25px;
  margin-bottom: 30px;
  list-style-position: inside;
}
#knowledge .grouping {
  margin-bottom: 40px;
  padding: 15px;
  background-color: #F9F9FA;
  border: 1px solid #d6d6d8;
}
#knowledge .grouping p {
  margin-bottom: 20px;
}
#knowledge .grouping p:last-child {
  margin-bottom: 0;
}
#knowledge .grouping ul,
#knowledge .grouping ol {
  margin-bottom: 0;
}
#knowledge .center {
  display: flex;
  justify-content: center;
  align-items: center;
}
#knowledge .balloon {
  position: relative;
  display: inline-block;
  margin: 25px 0;
  padding: 15px 15px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}
#knowledge .balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

.wrapper-naibu {
  position: relative;
  margin: 60px 0;
  border: 2px solid #2b9ee5;
  transition: 0.5s;
  /* ホバー時 */
}
.wrapper-naibu .tab {
  position: absolute;
  top: -36px;
  left: 0;
  font-size: 14px !important;
  color: #fff;
  padding: 0 10px;
  border-radius: 6px 6px 0 0;
  background: #2b9ee5;
}
.wrapper-naibu .tab::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  mask-image: url(../img/knowledge/naibu_icon.svg);
  background: #fff;
}
.wrapper-naibu .content-naibu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 20px;
}
.wrapper-naibu .thumbnail {
  width: 45%;
  display: flex;
}
.wrapper-naibu .articleTitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6 !important;
  color: #494c5e !important;
}
.wrapper-naibu:hover {
  transform: translateY(-4px);
  background-color: rgba(55, 162, 255, 0.1);
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);
}

.rel_article {
  margin: 60px 0;
  transition: 0.5s;
}
.rel_article p:empty,
.rel_article br {
  display: none;
}
.rel_article .rel_article_wrap {
  position: relative;
}
.rel_article .rel_article_wrap .tab {
  position: absolute;
  top: -34px;
  left: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  padding: 10px;
  border-radius: 6px 6px 0 0;
  background: #2b9ee5;
}
.rel_article .rel_article_wrap .tab::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  mask-image: url(../img/knowledge/naibu_icon.svg);
  background: #fff;
}
.rel_article .rel_article_wrap .rel_article_content {
  display: block;
  padding: 5px 20px;
  border: 2px solid #2b9ee5;
}
.rel_article .rel_article_wrap .rel_article_content .rel_article_inner {
  display: flex;
  align-items: center;
  gap: 15px;
}
.rel_article .rel_article_wrap .rel_article_content .rel_article_inner .rel_article_thumb {
  width: 38% !important;
}
.rel_article .rel_article_wrap .rel_article_content .rel_article_inner .rel_article_title {
  font-size: 16px;
  font-weight: bold;
  color: #494c5e !important;
  line-height: 1.6 !important;
  margin-bottom: 0 !important;
  text-decoration: none !important;
}
.rel_article:hover {
  transform: translateY(-4px);
  background: rgba(55, 162, 255, 0.1);
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);
}

.background_btn01,
.background_btn02 {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none !important;
  transition-duration: 0.2s;
}
.background_btn01::before,
.background_btn02::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  text-align: center;
  margin-top: -5px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transition-duration: 0.2s;
}

.background_btn01 {
  padding: 16px 25px 16px 45px;
  border: 2px solid #2481BD;
  background: #2481BD;
}
.background_btn01::before {
  left: 20px;
}
.background_btn01:hover {
  color: #2481BD !important;
  background: #fff;
}
.background_btn01:hover::before {
  border-top: 2px solid #2481BD;
  border-right: 2px solid #2481BD;
}
.background_btn02 {
  padding: 16px 25px 16px 40px;
  border: 2px solid #E8442B;
  border-radius: 30px;
  background: #E8442B;
}
.background_btn02::before {
  left: 20px;
}
.background_btn02:hover {
  color: #E8442B !important;
  background: #fff;
}
.background_btn02:hover::before {
  border-top: 2px solid #E8442B;
  border-right: 2px solid #E8442B;
}
.background_btn02.knowledge_phone {
  padding: 16px 40px 16px 25px;
  color: #fff;
  background: #E8442B;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.background_btn02.knowledge_phone::before {
  right: 20px;
  left: initial;
}
.background_btn02.knowledge_phone:hover {
  transform: translate(calc(-50% + 2px), 2px);
  color: #fff !important;
  box-shadow: none;
  opacity: 0.6;
}
.background_btn02.knowledge_phone:hover::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.cloudPbx2024_cv02 {
  max-width: 100vw;
  overflow-x: hidden;
  margin-top: 100px;
  padding: 50px 0;
  background-image: url("../img/cloud-pbx/renew2024/bg_blue.jpg");
  background-size: cover;
  text-align: center;
}
.cloudPbx2024_cv02 .cloudPbx2024_inner {
  width: 1000px;
  margin: 0 auto;
}
.cloudPbx2024_cv02 .ttl {
  margin: 0;
  margin-bottom: 35px;
  color: #fff;
  line-height: 1.5;
  font-size: 40px;
}
.cloudPbx2024_cv02 .ttl:not(.cloudPbx2024_home) {
  display: none;
}
.cloudPbx2024_cv02 .box {
  position: relative;
  z-index: 1;
}
.cloudPbx2024_cv02 .btns {
  display: flex;
  justify-content: space-between;
  padding: 50px;
  background: #fff;
  border-radius: 10px;
}
.cloudPbx2024_cv02_btn {
  box-sizing: border-box;
  width: 280px;
  padding: 20px;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(to right, #6FD544 0%, #60AE3F 100%);
  border-radius: 10px;
  font-weight: bold;
  transition: ease all 0.3s;
}
.cloudPbx2024_cv02_btn:hover {
  opacity: 0.7;
}
.cloudPbx2024_cv02_btn.blue {
  background: linear-gradient(to right, #0AB5F6 0%, #0A7AEF 100%);
}
.cloudPbx2024_cv02_btn.blue .cloudPbx2024_btn {
  color: #0597f2;
}
.cloudPbx2024_cv02_btn.blue .cloudPbx2024_btn::after {
  border-color: #0597f2;
}
.cloudPbx2024_cv02_btn.red {
  background: linear-gradient(to right, #E87B2B 0%, #E8442B 100%);
}
.cloudPbx2024_cv02_btn.red .cloudPbx2024_btn {
  color: #e8442b;
}
.cloudPbx2024_cv02_btn.red .cloudPbx2024_btn::after {
  border-color: #e8442b;
}
.cloudPbx2024_cv02_btn_fukidashi {
  font-size: 14px !important;
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 5px;
  text-align: center;
}
.cloudPbx2024_cv02_btn_fukidashi::before, .cloudPbx2024_cv02_btn_fukidashi::after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  width: calc(50% - 10px);
  background: #fff;
}
.cloudPbx2024_cv02_btn_fukidashi::before {
  left: 0;
}
.cloudPbx2024_cv02_btn_fukidashi::after {
  right: 0;
}
.cloudPbx2024_cv02_btn_fukidashi .line::before {
  position: absolute;
  left: calc(50% + 5px);
  top: calc(100% - 2px);
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #fff;
  rotate: 40deg;
}
.cloudPbx2024_cv02_btn_ttl {
  margin-bottom: 10px !important;
  font-size: 24px !important;
  font-weight: bold;
}
.cloudPbx2024_cv02 .cloudPbx2024_btn {
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: #60AE3F;
  line-height: 40px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 60px;
  background: #fff;
}
.cloudPbx2024_cv02 .cloudPbx2024_btn:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translateY(-50%) rotate(-135deg);
  border-color: #60AE3F;
}
.cloudPbx2024_cv02_tel {
  display: block;
  margin-top: 10px;
  padding: 20px;
  text-decoration: none;
  border-radius: 10px;
  background: #fff;
  color: #26455C;
}
.cloudPbx2024_cv02_tel dl {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cloudPbx2024_cv02_tel_ttl {
  font-size: 20px;
  font-weight: bold;
}
.cloudPbx2024_cv02_tel_txt {
  font-size: 14px;
}
.cloudPbx2024_cv02_tel_bangou {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.cloudPbx2024_cv02_tel_bangou:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  margin-right: 20px;
  background: #26455C;
}
.cloudPbx2024_cv02_obj, .cloudPbx2024_cv02_people {
  position: absolute;
}
.cloudPbx2024_cv02_obj:not(.cloudPbx2024_home), .cloudPbx2024_cv02_people:not(.cloudPbx2024_home) {
  display: none;
}
.cloudPbx2024_cv02_obj {
  left: 45px;
  bottom: calc(100% - 23px);
}
.cloudPbx2024_cv02_people {
  right: -23px;
  bottom: calc(100% - 26px);
  z-index: -1;
}

.bnr_knowledge_lineFriend {
  position: relative;
  height: 175px;
  padding: 10px 15px;
  margin: 60px auto;
  background: #D6F5C4;
  background: linear-gradient(156deg, rgb(254, 250, 206) 0%, rgb(214, 245, 196) 75%);
  box-sizing: border-box;
}
.bnr_knowledge_lineFriend img {
  margin: 0 !important;
}
.bnr_knowledge_lineFriend .bg_band {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 37px;
  background: #599947;
}
.bnr_knowledge_lineFriend .line_operator110 {
  position: absolute;
  bottom: 0;
  right: 7px;
  width: 175px !important;
  height: 175px !important;
}
.bnr_knowledge_lineFriend_wrap {
  position: relative;
}
.bnr_knowledge_lineFriend_wrap .line_mainCopy {
  width: 500px !important;
  height: 38px !important;
  margin-bottom: 5px !important;
}
.bnr_knowledge_lineFriend_wrap .content-wrap {
  width: 75%;
}
.bnr_knowledge_lineFriend_wrap .content-wrap .contnet_head {
  position: relative;
}
.bnr_knowledge_lineFriend_wrap .content-wrap .contnet_head .line_fukidashi_orenge {
  position: absolute;
  top: -45px;
  right: -78px;
  width: 70px !important;
  height: 68px !important;
}
.bnr_knowledge_lineFriend_wrap .content-wrap .contnet_head span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.bnr_knowledge_lineFriend_wrap .content-wrap .contnet_head span .line_btnLine {
  display: block;
  width: 425px;
  height: 59px;
}
.bnr_knowledge_lineFriend_wrap .content-wrap .contnet_head span .line-qr {
  width: 59px !important;
  height: 59px !important;
}
.bnr_knowledge_lineFriend_wrap .content-wrap .contnet_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bnr_knowledge_lineFriend_wrap .content-wrap .contnet_bottom .btnTel {
  width: 248px !important;
  height: 46px !important;
}
.bnr_knowledge_lineFriend_wrap .content-wrap .contnet_bottom .btnMail {
  display: block;
  width: 232px;
  height: 46px;
}

.articleVideo {
  margin: 20px auto;
}
.articleVideo-container {
  position: relative;
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 10px 0;
  background: #000;
  overflow: hidden;
}
.articleVideo-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.articleVideo-commentator {
  font-size: 0.9em !important;
  text-align: right;
  margin-top: 5px;
}

#knowledge > h2:first-of-type {
  margin: 10px 0 30px;
}

.post-date {
  display: block;
  font-size: 13px;
  color: #9d9d9d;
  padding: 5px 0 5px 10px;
}

.faq-section {
  margin-bottom: 60px;
}
.faq-section .faq-description {
  font-size: 16px;
  line-height: 35px;
  margin-top: 40px;
}
.faq-section .faq-item .faq-answer {
  font-size: 16px;
  line-height: 35px;
}

@media screen and (max-width: 768px) {
  .common_popular ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .common_popular ul li {
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #d9dae0;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .common_popular ul li .king {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    font-size: 8px;
    display: block;
    background-image: url("../img/base/icon-king.png");
    background-repeat: no-repeat;
    background-position: center top 3px;
    background-color: #f00;
    background-size: 37%;
    line-height: 32px;
    color: #fff;
    text-align: center;
  }
  .common_popular ul li .king.red {
    background-color: #b20000;
  }
  .common_popular ul li .king.gray {
    background-color: #c0c0c0;
  }
  .common_popular ul li .king.gilt {
    background-color: #c47022;
  }
  .common_popular ul li .king.orange {
    background-color: #ff4621;
  }
  .common_popular ul li .thumb {
    float: left;
    width: 114px;
    margin-right: 10px;
  }
  .common_popular ul li .thumb img {
    width: 100%;
    height: auto;
  }
  .common_popular ul li .entry {
    margin-top: -3px;
    width: -webkit-calc(100% - 124px);
    width: -khtml-calc(100% - 124px);
    width: -moz-calc(100% - 124px);
    width: -ms-calc(100% - 124px);
    width: -o-calc(100% - 124px);
    width: calc(100% - 124px);
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
  }
  .common_popular ul li .entry .cat {
    margin-bottom: 7px;
  }
  .common_popular ul li .entry .cat a {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #d9dae0;
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
    color: #494c5e;
    background: #f9f9fa;
  }
  .common_popular ul li .entry .cat a:hover {
    text-decoration: underline;
  }
  .common_popular ul li .entry dl dt {
    margin-bottom: 10px;
    max-height: 44px;
    overflow: hidden;
  }
  .common_popular ul li .entry dl dt a {
    color: #494c5f;
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    text-decoration-color: #494c5f;
  }
  .common_popular ul li .entry dl dt a:hover {
    text-decoration: none;
  }
  .common_popular ul li .entry dl dd {
    color: #8b8ea4;
    margin-bottom: 0;
    line-height: 20px;
    height: 40px;
    font-size: 13px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .common_faq ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 15px;
    border-top: 1px dotted #d9dae0;
  }
  .common_faq ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #d9dae0;
  }
  .common_faq ul li:after {
    content: " ";
    clear: both;
    display: block;
  }
  .common_faq ul li .thumb {
    max-width: 141px;
    width: 100%;
    float: left;
    margin-right: 14px;
  }
  .common_faq ul li .thumb img {
    width: 100%;
    height: auto;
  }
  .common_faq ul li .thumb img:hover {
    opacity: 0.7;
  }
  .common_faq ul li dl {
    margin-top: 10px;
    overflow-y: hidden;
  }
  .common_faq ul li dl dt {
    margin-bottom: 10px;
  }
  .common_faq ul li dl dt a {
    color: #494c5f;
    margin: 0;
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: inline-block;
    text-decoration-color: #494c5f;
  }
  .common_faq ul li dl dt a:hover {
    text-decoration: none;
  }
  .common_faq ul li dl dd {
    color: #8b8ea4;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 12px;
    height: 40px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #knowledge .mb35 {
    margin-bottom: 35px;
  }
  #knowledge a {
    color: #06a;
    text-decoration: underline;
    line-height: 20px;
  }
  #knowledge a.back-category {
    text-decoration: none;
  }
  #knowledge a.back-category:hover {
    text-decoration: underline;
  }
  #knowledge a:hover {
    text-decoration: none;
  }
  #knowledge img {
    display: block;
    text-align: center;
    margin: 10px auto;
  }
  #knowledge h2 {
    border: 0;
    font-size: 23px;
    line-height: 1;
    padding: 24px 30px;
    background: #f9f9fa;
    margin: 60px 0 30px;
  }
  #knowledge h2:before {
    content: none;
  }
  #knowledge h3 {
    font-size: 20px;
    border-top: 1px solid #494c5f;
    border-bottom: 1px solid #494c5f;
    margin: 60px 0 30px;
    padding: 20px 0;
    text-align: center;
  }
  #knowledge h3.title-bl {
    min-height: 40px;
    padding: 10px 15px 10px 25px;
    margin: 30px 0 20px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #f9f9fa url("../img/base/icon-l-orange.png") no-repeat center left 12px;
    border: 1px solid #d9dae0;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
  }
  #knowledge h4 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 10px;
  }
  #knowledge p {
    font-size: 16px;
    line-height: 30px;
  }
  #knowledge p img {
    height: auto !important;
  }
  #knowledge .anchor-title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  #knowledge ul {
    list-style: none;
  }
  #knowledge ul li {
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    background: url("../img/phone/knowledge/article/icon_anchor2.png") top 10px left 0 no-repeat;
    padding-left: 15px;
    margin-bottom: 30px;
  }
  #knowledge ol {
    padding-left: 35px;
  }
  #knowledge ol li {
    font-size: 16px;
    line-height: 30px;
  }
  #knowledge .anchor {
    padding: 0;
    margin-bottom: 25px;
  }
  #knowledge .anchor li {
    margin-bottom: 12px;
    line-height: 20px;
    font-weight: normal;
    background: none;
    padding-left: 0;
  }
  #knowledge .anchor li a {
    display: inline-block;
    padding-left: 20px;
    background: url("../img/phone/knowledge/article/icon_anchor.png") top 7px left 5px no-repeat;
    font-size: 16px;
  }
  #knowledge .mb20 {
    margin-bottom: 20px;
  }
  #knowledge .pd30 {
    padding: 0;
  }
  #knowledge .bold {
    font-weight: bold;
  }
  #knowledge .red {
    color: #ff4021;
    font-weight: bold;
  }
  #knowledge .marker {
    background: linear-gradient(transparent 50%, #fdec47 50%);
    font-weight: bold;
  }
  .category_mobile {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 25px;
  }
  .breadcrumb.phone ul li:nth-child(2) {
    padding-left: 20px;
    background: url("../img/common/breadcrumb/phone.svg") no-repeat center left;
    background-size: 15px 15px;
  }
  .breadcrumb.copy ul li:nth-child(2) {
    padding-left: 20px;
    background: url("../img/common/breadcrumb/copy.svg") no-repeat center left;
    background-size: 15px 15px;
  }
  .breadcrumb.business-mobile ul li:nth-child(2) {
    padding-left: 20px;
    background: url("../img/common/breadcrumb/business-mobile.svg") no-repeat center left;
    background-size: 15px 15px;
  }
  .breadcrumb.electric ul li:nth-child(2) {
    padding-left: 20px;
    background: url("../img/common/breadcrumb/electric.svg") no-repeat center left;
    background-size: 15px 15px;
  }
  .breadcrumb.electric ul li:nth-child(2) {
    padding-left: 20px;
    background: url("../img/common/breadcrumb/electric.svg") no-repeat center left;
    background-size: 15px 15px;
  }
  .breadcrumb.lan ul li:nth-child(2) {
    padding-left: 20px;
    background: url("../img/common/breadcrumb/lan.svg") no-repeat center left;
    background-size: 15px 15px;
  }
  .breadcrumb.tel ul li:nth-child(2) {
    padding-left: 20px;
    background: url("../img/common/breadcrumb/tel.svg") no-repeat center left;
    background-size: 15px 15px;
  }
  #section02 ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #section02 ul li {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9dae0;
  }
  #section02 ul li .thumb img {
    width: 85px;
  }
  #section02 ul li .thumb img:hover {
    opacity: 0.7;
  }
  #section02 ul li a {
    position: relative;
    display: block;
  }
  #section02 ul li a span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    line-height: 17px;
    max-height: 34px;
    overflow: hidden;
    font-size: 15px;
    color: #494c5e;
    text-decoration: underline;
    padding-left: 100px;
    display: block;
    background: url("../img/base/news_link_icon.png") no-repeat top 5px right;
  }
  #section02 ul li a:hover span {
    text-decoration: none;
  }
  .hidden-sp {
    display: none;
  }
  .tableStyle_1 {
    border-collapse: collapse;
    margin-bottom: 20px;
  }
  .tableStyle_1 tr td:first-child {
    background-color: #f9f9fa;
    font-weight: bold;
  }
  .tableStyle_1 th,
  .tableStyle_1 td {
    border: 1px solid #d9dae0;
    padding: 10px 15px;
  }
  .tableStyle_1 th {
    background-color: #f9f9fa;
    text-align: center;
  }
  .characterInfo {
    font-size: 22px !important;
    font-weight: bold;
    text-align: center;
    margin-top: 60px;
  }
  .characterInfo__ul {
    padding-left: 0 !important;
  }
  .characterInfo__ul__li {
    background-image: none !important;
    width: 100%;
    padding-left: 0 !important;
    line-height: 1 !important;
    vertical-align: middle;
  }
  .characterInfo__ul__li__txt {
    float: left;
    margin-bottom: 0 !important;
    line-height: 20px !important;
    margin-left: 14px;
  }
  .characterInfo__ul__li__txt__name {
    font-size: 16px;
    display: block;
  }
  .characterInfo__ul__li__txt__name.blue {
    color: #06a;
  }
  .characterInfo__ul__li__txt__name.orenge {
    color: #fe401e;
  }
  .characterInfo__ul__li__txt__info {
    font-size: 16px;
  }
  .characterInfo__ul__li__ph {
    float: left;
    width: 105px;
    height: 105px;
    background-color: #999;
    margin-bottom: 0 !important;
    line-height: 1 !important;
  }
  .characterInfo__ul li:first-child .characterInfo__ul__li__txt__info {
    margin-top: 20px;
    display: block;
  }
  .characterInfo__ul li:first-child .characterInfo__ul__li__ph {
    background: no-repeat url(../img/knowledge/icon-tanabe1.png);
    background-size: contain;
  }
  .characterInfo__ul li:first-child .characterInfo__ul__li__txt {
    padding-top: 10px;
  }
  .characterInfo__ul li:last-child .characterInfo__ul__li__txt__info {
    margin-top: 5px;
    display: block;
  }
  .characterInfo__ul li:last-child .characterInfo__ul__li__ph {
    background: no-repeat url(../img/knowledge/icon-operator1.png);
    background-size: contain;
  }
  .characterInfo__ul li:last-child .characterInfo__ul__li__txt {
    padding-top: 10px;
  }
  .article__index {
    padding: 18px 20px;
    border: 1px solid #999;
    margin: 30px 0 30px;
  }
  .article__index__title {
    text-align: center;
    display: block;
    color: #494c5e !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: bold;
    margin-bottom: 0 !important;
    line-height: 0 !important;
    cursor: pointer !important;
  }
  .article__index__title.active:after {
    transform: rotate(135deg);
  }
  .article__index__title:after {
    content: "";
    border-radius: 17px;
    margin: 0 0 -8px 15px;
    padding: 17px;
    position: relative;
    display: inline-block;
    background: no-repeat url(../img/knowledge/indexIcon.png) 50%;
    background-color: #fe401e;
    transition: all 0.5s;
    transform: rotate(0deg);
  }
  .article__index__ol {
    margin-top: 25px;
    padding-left: 0 !important;
  }
  .article__index__ol p {
    display: none;
  }
  .article__index__ol__li {
    border-bottom: 1px solid #e7e7e7;
    list-style-position: inside;
  }
  .article__index__ol__li a {
    color: #494c5e !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: bold;
    margin-bottom: 0 !important;
    line-height: 2.5 !important;
  }
  .article__index__ol li:first-child {
    border-top: 1px solid #e7e7e7;
  }
  .groupingFukidasi {
    margin-bottom: 30px;
  }
  .operatorFukudashi {
    margin-top: 30px;
  }
  .operatorFukudashi__face {
    float: left;
    width: 105px;
    height: 105px;
    background: no-repeat url(../img/knowledge/icon-operator1.png) 50%;
    background-size: contain;
  }
  .operatorFukudashi__face.smile {
    background: no-repeat url(../img/knowledge/icon-operator2.png) 50%;
    background-size: contain;
  }
  .operatorFukudashi__txt {
    float: right;
    background-color: #ffeeeb;
    padding: 15px 11px;
    width: calc(100% - 125px);
    min-height: 105px;
    font-size: 14px;
    position: relative;
    border-radius: 10px;
  }
  .operatorFukudashi__txt:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 15px 7.5px 0;
    border-color: transparent #ffeeeb transparent transparent;
    left: -15px;
    top: 50%;
    margin-top: -7.5px;
  }
  .tanabeFukudashi {
    margin-top: 30px;
  }
  .tanabeFukudashi__face {
    float: right;
    width: 105px;
    height: 105px;
    background: no-repeat url(../img/knowledge/icon-tanabe1.png) 50%;
    background-size: contain;
  }
  .tanabeFukudashi__face.troubled {
    background: no-repeat url(../img/knowledge/icon-tanabe2.png) 50%;
    background-size: contain;
  }
  .tanabeFukudashi__txt {
    float: left;
    background-color: #e0f3ff;
    padding: 15px 11px;
    width: calc(100% - 125px);
    min-height: 105px;
    font-size: 14px;
    position: relative;
    border-radius: 10px;
  }
  .tanabeFukudashi__txt:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 15px;
    border-color: transparent transparent transparent #e0f3ff;
    right: -15px;
    top: 50%;
    margin-top: -7.5px;
  }
  .annotation {
    border-bottom: 1px dotted #00f;
    cursor: pointer !important;
  }
  .annotation__txt {
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    position: fixed;
    display: inline-block;
    background-color: #fff;
    width: 80%;
    padding: 20px;
    border: 3px solid #02619f;
    border-radius: 6px;
    top: 50px;
    left: 50%;
    margin-left: -40%;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.5;
  }
  .annotation__txt.active {
    visibility: visible;
    opacity: 1;
    z-index: 600;
  }
  .annotation__txt.active .closeBtn {
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: #fff;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    border: 3px solid #02619f;
    color: #02619f;
    text-align: center;
    z-index: 601;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
  }
  .annotation sup {
    color: #00f;
  }
  .fukidashiH3 {
    background-color: #fe401e !important;
    color: #fff !important;
    border: none !important;
    position: relative;
    margin: 40px 0 !important;
    font-size: 17px !important;
  }
  .fukidashiH3:after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 7.5px 0 7.5px;
    border-color: #fe401e transparent transparent transparent;
  }
  .boldP {
    font-weight: bold;
    font-size: 18px !important;
    line-height: 1.5 !important;
  }
  .linkAnother {
    color: #fe401e !important;
    padding-right: 16px;
    background: no-repeat url(../img/knowledge/link_icon.png) 100% 95%;
  }
  .fukidashiH4 {
    position: relative;
    font-size: 24px;
    line-height: 1.5;
    border-left: 2px solid #494c5e;
    border-right: 2px solid #494c5e;
    border-bottom: 2px solid #494c5e;
    border-top: 10px solid #494c5e;
    padding: 20px;
    display: table;
    width: 100%;
    margin: 30px 0 40px !important;
  }
  .fukidashiH4 .h4Number {
    display: table-cell;
    width: 50px;
  }
  .fukidashiH4 .h4Txt {
    display: table-cell;
  }
  .fukidashiH4:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 16px;
    background: no-repeat url(../img/knowledge/fukidashi.svg);
    left: 30px;
    bottom: -15px;
  }
  .problemTitle {
    position: relative;
    border-left: 2px solid #06a;
    border-right: 2px solid #06a;
    border-top: 2px solid #06a;
    border-bottom: 5px solid #06a;
    color: #06a;
    font-weight: bold;
    font-size: 18px !important;
    padding: 10px 10px 10px 25px;
  }
  .problemTitle:after {
    position: absolute;
    content: "";
    display: block;
    background: no-repeat url(../img/knowledge/icon-sizuku.png);
    background-size: contain;
    left: -17px;
    top: -6px;
    width: 34px;
    height: 51px;
  }
  .solutionTitle {
    position: relative;
    border-left: 2px solid #fe401e;
    border-right: 2px solid #fe401e;
    border-top: 2px solid #fe401e;
    border-bottom: 5px solid #fe401e;
    color: #fe401e;
    font-weight: bold;
    font-size: 18px !important;
    padding: 10px 10px 10px 25px;
  }
  .solutionTitle:after {
    position: absolute;
    content: "";
    display: block;
    background: no-repeat url(../img/knowledge/icon-solution.png);
    background-size: contain;
    left: -20px;
    top: -17px;
    width: 42px;
    height: 46px;
  }
  .mgt {
    margin-top: 30px;
  }
  .mgt40 {
    margin-top: 40px;
  }
  .mgt_mid {
    margin-top: 40px !important;
  }
  .mgt_lv2 {
    margin-top: 120px !important;
  }
  .colorOrenge {
    color: #f00;
  }
  .bigFont {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5 !important;
  }
  .kerning {
    letter-spacing: -8px;
  }
  .txtRight {
    text-align: right;
  }
  .bgFukidashi {
    background: no-repeat url(../img/knowledge/pbx-existence.png) bottom;
    background-size: contain;
    height: 270px;
  }
  .leftPh {
    display: flex;
    flex-direction: column-reverse;
  }
  .leftPh02 {
    display: block;
  }
  .leftPh02__photo {
    width: 100%;
  }
  .leftPh02__txt {
    display: inherit;
    margin-top: 30px;
  }
  .leftPh02__txt p {
    margin-bottom: 0 !important;
  }
  .anotherTable {
    background-color: #494c5e;
    font-size: 12px;
  }
  .anotherTable td,
  .anotherTable th {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #f9f9fa;
  }
  .anotherTable th:nth-child(1) {
    width: 120px;
  }
  .anotherTable td {
    padding-left: 14px;
    padding-right: 14px;
  }
  .anotherTable caption {
    font-size: 14px;
    text-align: left;
  }
  .sp_noDisplay {
    display: none;
  }
  #articles .common_banner01 ul li {
    background-image: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
  }
  /* 20240902 background-image: none !important; を削除 */
  .underIndex {
    display: none;
    margin-bottom: 20px !important;
    padding-left: 0 !important;
  }
  .underIndex li {
    margin-bottom: 0 !important;
  }
  .underIndex li:first-child {
    border-top: none !important;
  }
  .underIndex li a {
    font-size: 12px !important;
    text-decoration: none !important;
    font-weight: normal !important;
    color: inherit !important;
  }
  .characterInfo02 {
    font-size: 22px !important;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
  }
  .characterInfo02__ul {
    display: block;
    padding-left: 0 !important;
  }
  .characterInfo02__ul__li {
    display: grid;
    grid-template-columns: 105px 1fr;
    background-image: none !important;
    width: 100%;
    padding-left: 0 !important;
    line-height: 1 !important;
    vertical-align: middle;
  }
  .characterInfo02__ul__li__txt {
    margin-bottom: 0 !important;
    line-height: 20px !important;
    margin-left: 14px;
  }
  .characterInfo02__ul__li__txt__name {
    font-size: 16px;
    display: block;
  }
  .characterInfo02__ul__li__txt__name.blue {
    color: #06a;
  }
  .characterInfo02__ul__li__txt__name.orenge {
    color: #fe401e;
  }
  .characterInfo02__ul__li__txt__info {
    font-size: 16px;
  }
  .characterInfo02__ul__li__ph {
    width: 105px;
    height: 105px;
    background-color: #999;
    margin-bottom: 0 !important;
    line-height: 1 !important;
  }
  .characterInfo02__ul li:first-child .characterInfo02__ul__li__txt__info {
    margin-top: 20px;
    display: block;
  }
  .characterInfo02__ul li:first-child .characterInfo02__ul__li__ph {
    background: no-repeat url(../img/knowledge/icon-fukujima1.svg);
    background-size: contain;
  }
  .characterInfo02__ul li:first-child .characterInfo02__ul__li__txt {
    padding-top: 10px;
  }
  .characterInfo02__ul li:last-child .characterInfo02__ul__li__txt__info {
    margin-top: 5px;
    display: block;
  }
  .characterInfo02__ul li:last-child .characterInfo02__ul__li__ph {
    background: no-repeat url(../img/knowledge/icon-operator1.svg);
    background-size: contain;
  }
  .characterInfo02__ul li:last-child .characterInfo02__ul__li__txt {
    padding-top: 10px;
  }
  .operatorFukudashi02 {
    margin-top: 30px;
  }
  .operatorFukudashi02__face {
    float: left;
    width: 60px;
    height: 60px;
    background: no-repeat url(../img/knowledge/icon-operator1.svg) 50%;
    background-size: contain;
  }
  .operatorFukudashi02__face.smile {
    background: no-repeat url(../img/knowledge/icon-operator2.svg) 50%;
    background-size: contain;
  }
  .operatorFukudashi02__txt {
    float: right;
    background-color: #ffeeeb;
    padding: 15px 11px;
    width: calc(100% - 100px);
    font-size: 14px;
    position: relative;
    border-radius: 10px;
  }
  .operatorFukudashi02__txt:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 15px 7.5px 0;
    border-color: transparent #ffeeeb transparent transparent;
    left: -15px;
    top: 30%;
    margin-top: -7.5px;
  }
  .tanabeFukudashi02 {
    margin-top: 30px;
  }
  .tanabeFukudashi02__face {
    float: right;
    width: 60px;
    height: 60px;
    background: no-repeat url(../img/knowledge/icon-fukujima1.svg) 50%;
    background-size: contain;
  }
  .tanabeFukudashi02__face.troubled {
    background: no-repeat url(../img/knowledge/icon-fukujima2.svg) 50%;
    background-size: contain;
  }
  .tanabeFukudashi02__txt {
    float: left;
    background-color: #e0f3ff;
    padding: 15px 11px;
    width: calc(100% - 100px);
    min-height: 0;
    font-size: 14px;
    position: relative;
    border-radius: 10px;
  }
  .tanabeFukudashi02__txt:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 15px;
    border-color: transparent transparent transparent #e0f3ff;
    right: -15px;
    top: 30%;
    margin-top: -7.5px;
  }
  .annotation02 {
    cursor: pointer !important;
  }
  .annotation02__txt {
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    position: fixed;
    display: inline-block;
    background-color: #fff;
    width: 80%;
    padding: 20px;
    border: 3px solid #02619f;
    border-radius: 6px;
    top: 50px;
    left: 50%;
    margin-left: -40%;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.5;
  }
  .annotation02__txt.active {
    visibility: visible;
    opacity: 1;
    z-index: 600;
  }
  .annotation02__txt.active .closeBtn {
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: #fff;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    border: 3px solid #02619f;
    color: #02619f;
    text-align: center;
    z-index: 601;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
  }
  .annotation02 sup {
    color: #00f;
  }
  .fukidashiH302 {
    background-color: #fe401e !important;
    color: #fff !important;
    border: none !important;
    position: relative;
    margin-bottom: 60px !important;
    font-size: 18px !important;
  }
  .fukidashiH302:after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 7.5px 0 7.5px;
    border-color: #fe401e transparent transparent transparent;
  }
  .attention {
    font-size: 13px;
    color: #db442c;
    margin-bottom: 0 !important;
    margin-top: 20px !important;
  }
  .attention sup {
    color: #2089cb;
  }
  .bgFukidashi {
    background: no-repeat url(../img/knowledge/pbx-existence.png) bottom;
    background-size: contain;
    height: 270px;
  }
  .orangeBox {
    border: 2px solid #e8442a;
    padding: 20px 20px 0px;
  }
  .orangeBox__tit {
    font-size: 24px;
    display: inline-block;
    background-color: #e8442a;
    padding: 5px 20px;
    color: #fff;
    font-weight: bold;
  }
  .orangeBox p {
    margin-bottom: 20px !important;
  }
  .kijiSlider.slick-slider:before,
  .kijiSlider2.slick-slider:before {
    content: none !important;
  }
  .kijiSlider.slick-slider:after,
  .kijiSlider2.slick-slider:after {
    content: none !important;
  }
  .kijiSlider .slick-prev,
  .kijiSlider2 .slick-prev {
    margin-left: 0 !important;
    left: 0 !important;
    width: 41px !important;
    height: 41px !important;
    margin-top: -2px !important;
  }
  .kijiSlider .slick-prev:before,
  .kijiSlider2 .slick-prev:before {
    content: url(../img/knowledge/kijiArLeft.png) !important;
    display: block;
  }
  .kijiSlider .slick-next,
  .kijiSlider2 .slick-next {
    margin-right: 0 !important;
    left: 100% !important;
    margin-left: -41px !important;
    width: 41px !important;
    height: 41px !important;
    margin-top: -2px !important;
  }
  .kijiSlider .slick-next:before,
  .kijiSlider2 .slick-next:before {
    content: url(../img/knowledge/kijiArRight.png) !important;
    display: block;
  }
  .kijiSlider .slick-dots,
  .kijiSlider2 .slick-dots {
    margin-top: 15px;
    background-color: transparent !important;
    padding-left: 0 !important;
  }
  .kijiSlider .slick-dots li,
  .kijiSlider2 .slick-dots li {
    background: none !important;
  }
  .problemTitle2 {
    position: relative;
    border-left: 2px solid #06a;
    border-right: 2px solid #06a;
    border-top: 2px solid #06a;
    border-bottom: 5px solid #06a;
    color: #06a;
    font-weight: bold;
    font-size: 18px !important;
    padding: 10px 25px;
    margin-top: 30px;
  }
  .solutionTitle2 {
    position: relative;
    border-left: 2px solid #fe401e;
    border-right: 2px solid #fe401e;
    border-top: 2px solid #fe401e;
    border-bottom: 5px solid #fe401e;
    color: #fe401e;
    font-weight: bold;
    font-size: 18px !important;
    padding: 10px 25px;
    margin-top: 30px;
  }
  .article-box blockquote {
    position: relative;
    background: #f9eada;
    border-radius: 10px;
    padding: 20px;
  }
  .article-box blockquote:before {
    position: absolute;
    left: 5%;
    top: -24px;
    color: #808080;
    box-sizing: border-box;
    content: "”";
    line-height: 1;
    padding-top: 12px;
    text-align: left;
    font-size: 95px;
  }
  .article-box blockquote p {
    color: #808080;
  }
  .article-box blockquote cite {
    display: block;
    border-top: 1px solid #808080;
    padding-top: 10px;
    font-size: 0.8rem;
    text-align: right;
    color: #808080;
  }
  #knowledge .supervisor {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 7vw 6vw;
    background: #f9f9fa;
    border: 1px solid #d6d6d8;
  }
  #knowledge .supervisor_left {
    width: 33.9130434783%;
    margin-right: 7.2463768116%;
  }
  #knowledge .supervisor_img img {
    margin: 0;
    border-radius: 50%;
  }
  #knowledge .supervisor_ribbon {
    height: 20px;
    line-height: 20px;
    margin: 5px 0 0 0 !important;
    font-size: 3.6vw;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    background-image: url("../img/common/ribbon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  #knowledge .supervisor_right {
    width: 58.5507246377%;
  }
  #knowledge .supervisor_name {
    margin-bottom: 0 !important;
    padding-bottom: 5px;
    font-size: 4vw;
    font-weight: bold;
    font-feature-settings: "palt";
    border-bottom: 1px solid #d6d6d8;
    letter-spacing: 0.4vw;
    text-align: center;
    line-height: 1.2;
  }
  #knowledge .supervisor_qualification {
    margin: 4vw 0 0 0 !important;
    line-height: 1.3;
    font-size: 3vw;
  }
  #knowledge .supervisor_text {
    width: 100%;
    margin: 7vw 0 0 0 !important;
    line-height: 1.4;
    font-size: 14px;
  }
  /* コンタクトSP版のデザイン 20241003 */
}
@media screen and (max-width: 768px) and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #knowledge {
    /*embedはみ出し防止 */
  }
  #knowledge table {
    width: 100%;
    border-collapse: separate;
    background-color: #fff;
    margin-bottom: 20px;
  }
  #knowledge table th,
  #knowledge table td {
    padding: 10px;
  }
  #knowledge table th {
    background-color: #999;
    color: #fff;
    vertical-align: middle;
  }
  #knowledge table td {
    vertical-align: middle;
    background-color: #eee;
  }
  #knowledge table p {
    margin-bottom: 20px;
  }
  #knowledge .table_scroll {
    width: 100%;
    overflow-x: scroll;
  }
  #knowledge .table_scroll table {
    min-width: 700px;
    border-collapse: separate;
    background-color: #fff;
    margin-bottom: 20px;
  }
  #knowledge .table_scroll th,
  #knowledge .table_scroll td {
    padding: 10px;
  }
  #knowledge .table_scroll th {
    background-color: #999;
    color: #fff;
    vertical-align: middle;
  }
  #knowledge .table_scroll td {
    vertical-align: middle;
    background-color: #eee;
  }
  #knowledge .table_scroll p {
    margin-bottom: 0;
  }
  #knowledge img {
    width: 100%;
    height: auto;
  }
  #knowledge h2 {
    margin: 30px 0;
  }
  #knowledge h4 {
    margin: 30px 0;
    border-bottom: 3px double;
    padding-bottom: 5px;
  }
  #knowledge p {
    margin-bottom: 20px;
  }
  #knowledge .anchorWrap {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f9f9fa;
    border: 1px solid #d6d6d8;
  }
  #knowledge ul.anchor {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0 0 0 15px;
  }
  #knowledge ul.anchor li {
    margin-top: 12px !important;
  }
  #knowledge ol {
    list-style-type: decimal;
    padding-left: 25px;
    margin-bottom: 20px;
    list-style-position: inside;
  }
  #knowledge .grouping {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f9f9fa;
    border: 1px solid #d6d6d8;
  }
  #knowledge .grouping p {
    margin-bottom: 20px;
  }
  #knowledge .grouping p:last-child {
    margin-bottom: 0;
  }
  #knowledge .grouping ul,
  #knowledge .grouping ol {
    margin-bottom: 0;
    padding: 0;
  }
  #knowledge .grouping ul li,
  #knowledge .grouping ol li {
    margin-bottom: 0;
  }
  #knowledge iframe {
    max-width: 90%;
  }
  .balloon {
    position: relative;
    display: inline-block;
    margin: 25px 0;
    padding: 15px 15px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #e0edff;
  }
  .balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #e0edff;
  }
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .wrapper-naibu {
    position: relative;
    margin: 60px 0;
    border: 2px solid #2b9ee5;
    transition: 0.5s;
  }
  .wrapper-naibu .tab {
    position: absolute;
    top: -32px;
    left: 0;
    font-size: 14px !important;
    color: #fff;
    padding: 0 10px;
    border-radius: 6px 6px 0 0;
    background: #2b9ee5;
  }
  .wrapper-naibu .tab::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    mask-image: url(../img/knowledge/naibu_icon.svg);
    background: #fff;
  }
  .wrapper-naibu .content-naibu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 20px;
  }
  .wrapper-naibu .thumbnail {
    width: 100%;
    display: flex;
  }
  .wrapper-naibu .articleTitle {
    font-size: 14px;
    color: #494c5e !important;
    font-weight: bold;
    line-height: 1.6 !important;
  }
  .rel_article {
    margin: 60px 0;
    transition: 0.5s;
  }
  .rel_article p:empty,
  .rel_article br {
    display: none;
  }
  .rel_article .rel_article_wrap {
    position: relative;
  }
  .rel_article .rel_article_wrap .tab {
    position: absolute;
    top: -34px;
    left: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    padding: 10px;
    border-radius: 6px 6px 0 0;
    background: #2b9ee5;
  }
  .rel_article .rel_article_wrap .tab::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    mask-image: url(../img/knowledge/naibu_icon.svg);
    background: #fff;
  }
  .rel_article .rel_article_wrap .rel_article_content {
    display: block;
    padding: 5px 10px;
    border: 2px solid #2b9ee5;
  }
  .rel_article .rel_article_wrap .rel_article_content .rel_article_inner {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .rel_article .rel_article_wrap .rel_article_content .rel_article_inner .rel_article_thumb {
    width: 38% !important;
  }
  .rel_article .rel_article_wrap .rel_article_content .rel_article_inner .rel_article_title {
    font-size: 14px;
    font-weight: bold;
    color: #494c5e !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
    text-decoration: none !important;
  }
  .background_btn01,
  .background_btn02 {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: fit-content;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
  }
  .background_btn01::before,
  .background_btn02::before {
    content: "";
    position: absolute;
    top: 45%;
    transform: rotate(45deg) translateY(-50%);
    width: 8px;
    height: 8px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .background_btn01 {
    padding: 10px 30px 10px 45px;
    border: 2px solid #2481bd;
    background: #2481bd;
  }
  .background_btn01::before {
    left: 18px;
  }
  .background_btn02 {
    font-size: 16px;
    padding: 10px 25px 10px 40px;
    border: 2px solid #e8442b;
    border-radius: 30px;
    background: #e8442b;
  }
  .background_btn02::before {
    left: 15px;
  }
  .background_btn02.knowledge_phone {
    padding: 10px 40px 10px 25px;
  }
  .background_btn02.knowledge_phone::before {
    right: 25px;
    left: initial;
  }
  .sp-2lcm-contact {
    padding: 0 15px;
  }
  .sp-2lcm-contact > p {
    display: none;
  }
  .common-contact-button {
    padding: 0 20px;
  }
  .common-contact {
    margin-bottom: 30px;
  }
  .cloudPbx2024_cv02 {
    max-width: 100vw;
    overflow-x: hidden;
    margin-top: 60px;
    padding: 30px 0;
    background-image: url("../../../img/cloud-pbx/renew2024/bg_blue.jpg");
    background-size: cover;
    text-align: center;
  }
  .cloudPbx2024_cv02 .cloudPbx2024_inner {
    padding: 0 15px;
  }
  .cloudPbx2024_cv02 .ttl {
    margin: 0;
    margin-bottom: 128px;
    color: #fff;
    line-height: 1.5;
    font-size: 24px;
  }
  .cloudPbx2024_cv02 .ttl:not(.cloudPbx2024_home) {
    display: none;
  }
  .cloudPbx2024_cv02 .box {
    position: relative;
    z-index: 1;
  }
  .cloudPbx2024_cv02 .btns {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    padding: 30px 15px 15px;
    background: #fff;
    border-radius: 10px;
  }
  .cloudPbx2024_cv02_thanks .cloudPbx2024_cv02 .btns {
    padding-top: 15px;
  }
  .cloudPbx2024_cv02_btn {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(to right, #6fd544 0%, #60ae3f 100%);
    border-radius: 10px;
    font-weight: bold;
    transition: ease all 0.3s;
  }
  .cloudPbx2024_cv02_btn:hover {
    opacity: 0.7;
  }
  .cloudPbx2024_cv02_thanks .cloudPbx2024_cv02_btn {
    width: calc(50% - 15px);
  }
  .cloudPbx2024_cv02_btn.blue {
    background: linear-gradient(to right, #0ab5f6 0%, #0a7aef 100%);
  }
  .cloudPbx2024_cv02_btn.blue .cloudPbx2024_btn {
    color: #0597f2;
  }
  .cloudPbx2024_cv02_btn.blue .cloudPbx2024_btn:after {
    border-color: #0597f2;
  }
  .cloudPbx2024_cv02_btn.red {
    background: linear-gradient(to right, #e87b2b 0%, #e8442b 100%);
  }
  .cloudPbx2024_cv02_btn.red .cloudPbx2024_btn {
    color: #e8442b;
  }
  .cloudPbx2024_cv02_btn.red .cloudPbx2024_btn:after {
    border-color: #e8442b;
  }
  .cloudPbx2024_cv02_btn_fukidashi {
    position: relative;
    width: fit-content;
    font-size: 14px !important;
    text-align: center;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
  }
  .cloudPbx2024_cv02_btn_fukidashi:before, .cloudPbx2024_cv02_btn_fukidashi:after {
    position: absolute;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    width: calc(50% - 10px);
    background: #fff;
  }
  .cloudPbx2024_cv02_btn_fukidashi:before {
    left: 0;
  }
  .cloudPbx2024_cv02_btn_fukidashi:after {
    right: 0;
  }
  .cloudPbx2024_cv02_btn_fukidashi .line:before {
    position: absolute;
    left: calc(50% + 5px);
    top: calc(100% - 2px);
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: #fff;
    rotate: 40deg;
  }
  .cloudPbx2024_cv02_btn_ttl {
    margin-bottom: 10px !important;
    font-size: 24px !important;
    font-weight: bold;
  }
  .cloudPbx2024_cv02 .cloudPbx2024_btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    color: #60ae3f;
    font-size: 16px;
  }
  .cloudPbx2024_cv02 .cloudPbx2024_btn:after {
    border-color: #60ae3f;
  }
  .cloudPbx2024_cv02_tel {
    display: block;
    margin-top: 10px;
    padding: 10px 15px 15px;
    text-decoration: none;
    border-radius: 10px;
    background: #fff;
    color: #26455c;
  }
  .cloudPbx2024_cv02_thanks .cloudPbx2024_cv02_tel {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .cloudPbx2024_cv02_tel dl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cloudPbx2024_cv02_tel_ttl {
    font-size: 20px;
    font-weight: bold;
  }
  .cloudPbx2024_cv02_tel_txt {
    font-size: 10px;
  }
  .cloudPbx2024_cv02_tel_bangou {
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
  .cloudPbx2024_cv02_tel_bangou img {
    width: 240px;
  }
  .cloudPbx2024_cv02_obj, .cloudPbx2024_cv02_people {
    position: absolute;
  }
  .cloudPbx2024_cv02_obj:not(.cloudPbx2024_home), .cloudPbx2024_cv02_people:not(.cloudPbx2024_home) {
    display: none;
  }
  .cloudPbx2024_cv02_obj {
    width: 170px;
    left: 15px;
    bottom: calc(100% - 19px);
  }
  .cloudPbx2024_cv02_people {
    right: 0;
    width: 185px;
    bottom: calc(100% - 26px);
  }
  .cloudPbx2024_cv02_thanks .btns {
    padding-top: 15px;
  }
  .bnr_knowledge_lineFriend {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 40px auto;
  }
  .bnr_knowledge_lineFriend img {
    margin: 0 !important;
  }
  .bnr_knowledge_lineFriend_wrap .content_head {
    position: relative;
    height: 173px;
    padding: 10px 8px;
    background: #d6f5c4;
    background: linear-gradient(156deg, rgb(254, 250, 206) 0%, rgb(214, 245, 196) 75%);
  }
  .bnr_knowledge_lineFriend_wrap .content_head .line_mainCopy {
    width: 375px !important;
    height: 36px !important;
    margin-bottom: 3px !important;
  }
  .bnr_knowledge_lineFriend_wrap .content_head span {
    display: flex;
    align-items: flex-start;
  }
  .bnr_knowledge_lineFriend_wrap .content_head span .line_btnLine {
    width: 248px !important;
    height: 118px !important;
  }
  .bnr_knowledge_lineFriend_wrap .content_head span .line_fukidashi_orenge {
    width: 53px !important;
    height: 52px !important;
  }
  .bnr_knowledge_lineFriend_wrap .content_head .line_ambassador {
    position: absolute;
    bottom: 0;
    right: 5px;
    width: 85px !important;
    height: 122px !important;
  }
  .bnr_knowledge_lineFriend_wrap .content_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 59px;
    background: #599947;
  }
  .bnr_knowledge_lineFriend_wrap .content_bottom .btnTel,
  .bnr_knowledge_lineFriend_wrap .content_bottom .btnMail {
    display: block;
  }
  .bnr_knowledge_lineFriend_wrap .content_bottom .btnTel {
    width: 185px !important;
    height: 44px !important;
  }
  .bnr_knowledge_lineFriend_wrap .content_bottom .btnMail {
    width: 161px !important;
    height: 44px !important;
  }
}
.choicePoint {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.choicePoint__item {
  display: flex;
  align-items: center;
  color: #fff;
}
.choicePoint__item.pointColor {
  background-color: #2685bc;
}
.choicePoint__item.pointColorGreen {
  background-color: #85b200;
}
.choicePoint__item.pointColorRed {
  background-color: #e53930;
}
.choicePoint__item.boxsizeS {
  padding: 3px 15px;
  border-radius: 15px;
}
.choicePoint__item.boxsizeS .choicePoint__item__txt {
  font-size: 12px;
  padding-left: 5px;
  border-left: 1px dotted #fff;
}
.choicePoint__item.boxsizeS .choicePoint__item__img {
  padding-right: 5px;
}
.choicePoint__item.boxsizeS .choicePoint__item__img img {
  height: 15px;
  vertical-align: sub;
}
.choicePoint__item.boxsizeS_b {
  padding: 6px 10px;
  border-radius: 15px;
}
.choicePoint__item.boxsizeS_b .choicePoint__item__txt {
  font-size: 9.5px;
  padding-left: 5px;
  border-left: 1px dotted #fff;
}
.choicePoint__item.boxsizeS_b .choicePoint__item__img {
  padding-right: 5px;
}
.choicePoint__item.boxsizeS_b .choicePoint__item__img img {
  height: 15px;
  vertical-align: sub;
}
.choicePoint__item.boxsizeM {
  padding: 10px 30px;
  border-radius: 30px;
}
.choicePoint__item.boxsizeM .choicePoint__item__txt {
  font-size: 15px;
  padding-left: 10px;
  border-left: 1px dotted #fff;
}
.choicePoint__item.boxsizeM .choicePoint__item__img {
  padding-right: 10px;
}
.choicePoint__item.boxsizeM .choicePoint__item__img img {
  height: 21px;
  vertical-align: sub;
}

/* ---------------------------------------------------------
	共通CSS
----------------------------------------------------------*/
.howToChoice-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  padding: 20px 20px 5px;
}
.howToChoice-box {
  width: calc(50% - 10px);
  padding: 0 25px 25px;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .howToChoice-box {
    width: 100%;
  }
}
.howToChoice-box h3 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
}
.howToChoice-no {
  width: 156px;
  font-size: 11px;
  color: #fff;
  line-height: 23px;
  text-align: right;
  padding-right: 12px;
  margin: 0 auto 10px;
  box-sizing: border-box;
}

/* ---------------------------------------------------------
	ビジネスフォンの選び方
----------------------------------------------------------*/
#anchor_howToChoice .howToChoice-list {
  background-color: #c0e1f4;
}
#anchor_howToChoice .howToChoice-box h3 {
  font-weight: bold;
  color: #2685bc;
}
#anchor_howToChoice .howToChoice-box.choice07 {
  width: 100%;
}
#anchor_howToChoice .howToChoice-no {
  background: url(../img/phone/what/bg_howToChoice-no_blue.png);
}

/* ---------------------------------------------------------
	ビジネスフォン業者の選び方
----------------------------------------------------------*/
.howToChoice_vendor .howToChoice-list {
  background-color: #d4f4c0;
}
.howToChoice_vendor .howToChoice-box h3 {
  font-weight: bold;
  color: #70b53d;
}
.howToChoice_vendor .howToChoice-no {
  background: url(../img/phone/what/bg_howToChoice-no_green.png);
}

.brand_logo {
  border: 1px solid #d9dae0;
  background: #f9f9fa;
  padding: 14px 0;
  text-align: center;
  margin-bottom: 20px;
}
.brand_logo ul {
  display: table;
  margin: 0 auto;
}
.brand_logo ul li {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  padding: 0 15px;
}
.brand_logo ul li:hover {
  opacity: 0.7;
}

.brand_listTop {
  background: #e4e1e1;
  text-align: center;
  margin: 50px 0 20px 0;
  height: 50px;
}
.brand_listTop ul {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 auto;
  width: 1000px;
}
.brand_listTop ul li {
  list-style: none;
  box-sizing: border-box;
  width: 14.2857142857%;
  height: 100%;
}
.brand_listTop ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.brand_listTop ul li img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 15px;
}
.brand_listTop ul li:nth-child(odd) {
  background-color: #d8d6d6;
}
.brand_listTop ul li:hover {
  opacity: 0.7;
}

.model-rank {
  list-style: none;
}

.aboutSec__box {
  background-color: #f8f8f8;
  padding: 45px 65px;
  margin-bottom: 20px;
}
.aboutSec__box__inner__contentTitle em {
  font-weight: bold;
  font-size: 27px;
  font-style: normal;
}
.aboutSec__box__inner__contentBody {
  display: table;
  width: 100%;
}
.aboutSec__box__inner__contentBody__txt {
  display: table-cell;
  width: 278px;
  color: #959595;
  font-size: 17px;
  font-weight: bold;
}
.aboutSec__box__inner__contentBody__img {
  vertical-align: middle;
  text-align: right;
  display: table-cell;
}
.aboutSec__box__inner__contentBottom {
  margin-top: 20px;
  border: 1px solid #d2d2d2;
  padding: 30px 30px 10px 30px;
  position: relative;
}
.aboutSec__box__inner__contentBottom__inner__cap {
  position: absolute;
  left: 0;
  top: 0;
  background: #d2d2d2;
  display: inline-block;
  padding: 3px 15px;
}
.aboutSec__footer {
  background-color: #e38f34;
  color: #fff;
  padding: 30px;
}
.aboutSec__footer__inner__ul {
  list-style: none;
  display: table;
  width: 100%;
}
.aboutSec__footer__inner__ul__list {
  display: table-cell;
  width: 33.3333333333%;
  border-left: 1px solid #fff;
  padding: 0 30px;
}
.aboutSec__footer__inner__ul__list h4 {
  background: no-repeat url(../img/phone/check_icon.png);
  text-indent: 28px;
  line-height: 1;
}
.aboutSec__footer__inner__ul__list p {
  margin-top: 10px;
}
.aboutSec__footer__inner__ul__list:first-child {
  border-left: none;
  padding-left: 0;
}
.aboutSec__footer__inner__ul__list:last-child {
  padding-right: 0;
}

.aboutSec__box.sec02 {
  background-color: #f8f8f8;
  padding: 45px 65px;
  margin-bottom: 0;
  position: relative;
}
.aboutSec__box.sec02 .aboutSec__box__inner__contentBody {
  display: table;
  width: 100%;
}
.aboutSec__box.sec02 .aboutSec__box__inner__contentBody__txt {
  display: table-cell;
  width: 310px;
  color: #959595;
  font-size: 17px;
  font-weight: bold;
  padding-top: 15px;
}
.aboutSec__box.sec02 .aboutSec__box__inner__contentBody__img {
  vertical-align: middle;
  display: table-cell;
  position: absolute;
  right: 0;
  top: 114px;
}
.aboutSec__box.sec02 .aboutSec__box__inner__contentBottom {
  margin-top: 20px;
  border: 1px solid #d2d2d2;
  padding: 30px 30px 10px 30px;
  position: relative;
}
.aboutSec__box.sec02 .aboutSec__box__inner__contentBottom__inner__cap {
  position: absolute;
  left: 0;
  top: 0;
  background: #d2d2d2;
  display: inline-block;
  padding: 3px 15px;
}

.budgetSec {
  background-color: #f5f5f5;
}
.budgetSec__inner {
  padding: 35px 40px 55px;
}
.budgetSec__inner__intro h3 {
  font-size: 27px;
  font-weight: bold;
}
.budgetSec__inner__intro p {
  color: #959595;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}
.budgetSec__inner__main {
  display: table;
  margin-top: 20px;
}
.budgetSec__inner__main__txt {
  display: table-cell;
}
.budgetSec__inner__main__txt table {
  border-collapse: collapse;
}
.budgetSec__inner__main__txt td {
  width: 100px;
  padding: 17px;
  border-left: 1px solid #959595;
  border-bottom: 1px solid #959595;
}
.budgetSec__inner__main__txt td:nth-child(1), .budgetSec__inner__main__txt td:nth-child(4) {
  border-left: 0;
}
.budgetSec__inner__main__txt tr:nth-child(1) td {
  padding-top: 0;
}
.budgetSec__inner__main__txt tr:nth-child(2) td {
  border-bottom: 0;
  padding-bottom: 0;
}
.budgetSec__inner__main__txt dt {
  color: #8abe2b;
  font-weight: bold;
  font-size: 16px;
}
.budgetSec__inner__main__txt dd {
  color: #959595;
  font-size: 14px;
}
.budgetSec__inner__main__zero {
  display: table-cell;
  color: #8abe2b;
  vertical-align: middle;
  line-height: 0.8;
  padding-left: 38px;
}
.budgetSec__inner__main__zero p {
  font-size: 90px;
  font-weight: bold;
}
.budgetSec__inner__main__zero p .cap {
  font-size: 220px;
}
.budgetSec__inner__link {
  margin-top: 35px;
}
.budgetSec__inner__link a {
  background-color: #8abe2b;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 30px;
  transition: all 0.5s;
}
.budgetSec__inner__link a:hover {
  opacity: 0.7;
}

.phoneTop__innerWrap {
  padding: 0 20px;
}

.phone-line-plan {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.phone-line-plan-img {
  min-width: 324px;
}
.phone-line-plan-box {
  margin-left: 20px;
}
.phone-line-plan-box p {
  margin: 15px 0;
}
.phone-line-plan-box a {
  width: 190px;
  float: right;
}
.phone-line-plan-box div::after {
  content: "";
  display: block;
  clear: both;
}

.phone-line-plan-headline-first::after,
.phone-line-plan-headline-second::after {
  position: absolute;
  top: 0;
  right: 20px;
}

.phone-line-plan-headline-first::after {
  content: url(../img/phone/deco-phone-line-plan_01.png);
}

.phone-line-plan-headline-second::after {
  content: url(../img/phone/deco-phone-line-plan_02.png);
}

.phone-difference {
  background: url(../img/phone/aboutPhone_05.png) right top no-repeat;
  padding-bottom: 40px;
}
.phone-difference-title {
  font-size: 20px;
  padding: 15px 0;
}
.phone-difference-list {
  font-size: 16px;
  padding-right: 400px;
}
.phone-difference-list li {
  background: url(../img/phone/icon-check.svg) left top 4px/22px no-repeat;
  padding-left: 32px;
}
.phone-difference-list li:first-child {
  margin-bottom: 25px;
}

.content-wrap {
  margin: 0 20px;
}

.intro_knowledge {
  font-weight: bold;
  padding: 30px 40px 20px;
}
@media screen and (max-width: 768px) {
  .intro_knowledge {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
  }
}
.intro_knowledge .label {
  position: relative;
  display: inline-block;
  color: #222;
  line-height: 35px;
  font-size: 15px;
  border-radius: 17.5px;
  padding: 0 25px;
  background: #fcd03d;
}
@media screen and (max-width: 768px) {
  .intro_knowledge .label {
    margin-top: -15px;
    padding: 0 20px;
  }
}
.intro_knowledge .label::before {
  content: "";
  position: static;
  display: inline-block;
  height: 10px;
  width: 13px;
  margin-right: 16px;
  background: #222;
  mask-image: url(../img/copy/new/icon_check.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.intro_knowledge .label::after {
  content: "";
  position: absolute;
  left: 45px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 15px;
  border-left: 1px dashed #222;
}
@media screen and (max-width: 768px) {
  .intro_knowledge .label::after {
    left: 40px;
  }
}
.intro_knowledge .txt-under {
  font-size: 26px;
  color: #fff;
  line-height: 1.6;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-color: #fff;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
  padding: 10px 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .intro_knowledge .txt-under {
    font-size: 21px;
    text-align: center;
  }
}
.intro_knowledge .txt-under::before {
  display: none;
}

.ttl-color {
  font-size: 20px;
  color: #fff;
  margin: 20px 0;
}
.ttl-color::before {
  background-color: #fff;
}

.ribbon {
  position: relative;
  display: inline-block;
  height: 36px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.75;
  padding: 0 20px;
}
.ribbon::before, .ribbon::after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
}
.ribbon::before {
  left: -19px;
  border-width: 18px 0 18px 20px;
}
.ribbon::after {
  right: -19px;
  border-width: 18px 20px 18px 0;
}

.advise_cdless {
  padding: 20px;
  background: url(../img/phone/common/onePoint_advice.png) no-repeat bottom right/220px #d9f2f9;
}
@media screen and (max-width: 768px) {
  .advise_cdless {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.advise_cdless .txt-area {
  width: 75%;
  text-align: center;
}
.advise_cdless .txt-area .ribbon {
  background: #005bac;
}
.advise_cdless .txt-area .ribbon::before, .advise_cdless .txt-area .ribbon::after {
  border-color: #005bac transparent;
}
.advise_cdless .txt-area p {
  letter-spacing: 0.6px;
  line-height: 1.7;
}
.advise_cdless .txt-area p span {
  font-weight: bold;
  color: #005bac;
}
.advise_cdless .txt-area p .f_big {
  font-size: 30px;
}

/* ---------------------------------------------------------
   util.css
--------------------------------------------------------- */
/* layout */
.none {
  display: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.f_left {
  float: left !important;
}

.f_right {
  float: right !important;
}

.left {
  text-align: left !important;
}

.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

.z0 {
  position: relative !important;
  z-index: 0 !important;
}

/* Micro clearfix */
.clearfix {
  *zoom: 1;
}

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

.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
  overflow: hidden;
  border: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

/* font */
.bold {
  font-weight: bold !important;
}

.no_bold {
  font-weight: normal !important;
}

/* fontsize */
.f10 {
  font-size: 10px !important;
  font-size: 1rem !important;
}

.f11 {
  font-size: 11px !important;
  font-size: 1.1rem !important;
}

.f12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.f13 {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

.f14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.f15 {
  font-size: 15px !important;
  font-size: 1.5rem !important;
}

.f16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

.f17 {
  font-size: 17px !important;
  font-size: 1.7rem !important;
}

.f18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}

.f19 {
  font-size: 19px !important;
  font-size: 1.9rem !important;
}

.f20 {
  font-size: 20px !important;
  font-size: 2rem !important;
}

.f21 {
  font-size: 21px !important;
  font-size: 2.1rem !important;
}

.f22 {
  font-size: 22px !important;
  font-size: 2.2rem !important;
}

.f23 {
  font-size: 23px !important;
  font-size: 2.3rem !important;
}

.f24 {
  font-size: 24px !important;
  font-size: 2.4rem !important;
}

.f25 {
  font-size: 25px !important;
  font-size: 2.5rem !important;
}

.f26 {
  font-size: 26px !important;
  font-size: 2.6rem !important;
}

.f27 {
  font-size: 27px !important;
  font-size: 2.7rem !important;
}

.f28 {
  font-size: 28px !important;
  font-size: 2.8rem !important;
}

.f29 {
  font-size: 29px !important;
  font-size: 2.9rem !important;
}

.f30 {
  font-size: 30px !important;
  font-size: 3rem !important;
}

.f31 {
  font-size: 31px !important;
  font-size: 3.1rem !important;
}

.f32 {
  font-size: 32px !important;
  font-size: 3.2rem !important;
}

.f33 {
  font-size: 33px !important;
  font-size: 3.3rem !important;
}

.f34 {
  font-size: 34px !important;
  font-size: 3.4rem !important;
}

.f35 {
  font-size: 35px !important;
  font-size: 3.5rem !important;
}

.f36 {
  font-size: 36px !important;
  font-size: 3.6rem !important;
}

.f37 {
  font-size: 37px !important;
  font-size: 3.7rem !important;
}

.f38 {
  font-size: 38px !important;
  font-size: 3.8rem !important;
}

.f39 {
  font-size: 39px !important;
  font-size: 3.9rem !important;
}

.f40 {
  font-size: 40px !important;
  font-size: 4rem !important;
}

/* line-height */
.lh10 {
  line-height: 10px !important;
}

.lh11 {
  line-height: 11px !important;
}

.lh12 {
  line-height: 12px !important;
}

.lh13 {
  line-height: 13px !important;
}

.lh14 {
  line-height: 14px !important;
}

.lh15 {
  line-height: 15px !important;
}

.lh16 {
  line-height: 16px !important;
}

.lh17 {
  line-height: 17px !important;
}

.lh18 {
  line-height: 18px !important;
}

.lh19 {
  line-height: 19px !important;
}

.lh20 {
  line-height: 20px !important;
}

.lh21 {
  line-height: 21px !important;
}

.lh22 {
  line-height: 22px !important;
}

.lh23 {
  line-height: 23px !important;
}

.lh24 {
  line-height: 24px !important;
}

.lh25 {
  line-height: 25px !important;
}

.lh26 {
  line-height: 26px !important;
}

.lh27 {
  line-height: 27px !important;
}

.lh28 {
  line-height: 28px !important;
}

.lh29 {
  line-height: 29px !important;
}

.lh30 {
  line-height: 30px !important;
}

.lh31 {
  line-height: 31px !important;
}

.lh32 {
  line-height: 32px !important;
}

.lh33 {
  line-height: 33px !important;
}

.lh34 {
  line-height: 34px !important;
}

.lh35 {
  line-height: 35px !important;
}

.lh36 {
  line-height: 36px !important;
}

.lh37 {
  line-height: 37px !important;
}

.lh38 {
  line-height: 38px !important;
}

.lh39 {
  line-height: 39px !important;
}

.lh40 {
  line-height: 40px !important;
}

/* Margin-Top & Padding-Top */
.mt00 {
  margin-top: 0px !important;
}

.pt00 {
  padding-top: 0px !important;
}

.mt05 {
  margin-top: 5px !important;
}

.pt05 {
  padding-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

/* Margin-Right & Padding-Right */
.mr00 {
  margin-right: 0px !important;
}

.pr00 {
  padding-right: 0px !important;
}

.mr05 {
  margin-right: 5px !important;
}

.pr05 {
  padding-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.pt95 {
  padding-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

/* Margin-Bottom & Padding-Bottom */
.mb00 {
  margin-bottom: 0px !important;
}

.pb00 {
  padding-bottom: 0px !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.pb05 {
  padding-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.pt95 {
  padding-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

/* Margin-Left & Padding-Left */
.ml00 {
  margin-left: 0px !important;
}

.pl00 {
  padding-left: 0px !important;
}

.ml05 {
  margin-left: 5px !important;
}

.pl05 {
  padding-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.pb85 {
  padding-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.pt95 {
  padding-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

/* ---------------------------------------------------------
   add
----------------------------------------------------------*/
/* 古いIEへ警告 */
.ie-prompt {
  text-align: center;
  margin: 0px auto 0px;
  padding: 10px;
  background-color: #000;
  color: #fff;
}
.ie-prompt a {
  color: #fff;
  text-decoration: underline;
}
.ie-prompt a:hover {
  text-decoration: none;
}

/* 音声ブラウザ用 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* プリント表示非表示 */
@media print {
  .is-hidden_print {
    display: none;
  }
  .is-visible_print {
    display: block;
  }
}
/* over */
.opacity:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.opacity:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/* ---------------------------------------------------------
   diagnose2025ページ
----------------------------------------------------------*/
.diagnose2025 .animate:not(.animate__undefined) {
  opacity: 0;
  visibility: hidden;
}
.diagnose2025 h2 {
  padding: 0;
  border: none;
  line-height: 1.34;
}
.diagnose2025 h2:before {
  display: none;
}
.diagnose2025 h2 span {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}
.diagnose2025 video {
  width: 100%;
}
.diagnose2025_label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: fit-content;
  line-height: 1;
  padding: 9px 15px 4px;
  background: #fff;
  font-family: var(--_font-en);
  font-weight: bold;
  color: rgb(var(--_color-blue));
  border-radius: 15px;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .diagnose2025_label {
    font-size: 16px;
  }
}
.diagnose2025_label-pink {
  color: rgb(var(--_color-pink));
}
.diagnose2025_wrapper {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}
.diagnose2025_imgwrap {
  position: relative;
  z-index: 1;
  padding: 30px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .diagnose2025_imgwrap {
    padding: 20px;
  }
}
.diagnose2025_imgwrap:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .diagnose2025_imgwrap:before {
    border-radius: 20px;
  }
}
.diagnose2025_img {
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_img {
    border-radius: 10px;
  }
}
.diagnose2025_h2 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  margin-top: 200px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_h2 {
    margin-top: 120px;
    margin-bottom: 60px;
  }
}
.diagnose2025_h2:before, .diagnose2025_h2:after {
  content: "";
  display: block;
  position: absolute;
  width: 226px;
  height: 148px;
  background-image: url("../img/security/diagnose/ttl_kazari01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  animation: imageSwitch 5s ease infinite;
}
@media screen and (max-width: 768px) {
  .diagnose2025_h2:before, .diagnose2025_h2:after {
    width: 120px;
    height: 79px;
  }
}
.diagnose2025_h2:before {
  right: 100%;
  top: -50px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_h2:before {
    top: -20px;
  }
}
.diagnose2025_h2:after {
  transform: scale(-1, -1);
  left: 100%;
  bottom: -20px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_h2:after {
    bottom: 0;
  }
}
.diagnose2025_h2 .ja {
  font-size: 50px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_h2 .ja {
    font-size: 30px;
  }
}
.diagnose2025_h2 .en {
  margin: 0;
  margin-top: 10px;
  font-family: var(--_font-en);
  font-weight: bold;
  text-transform: uppercase;
  color: rgb(var(--_color-blue));
}
@media screen and (max-width: 768px) {
  .diagnose2025_h2 .en {
    margin-top: 5px;
    font-size: 12px;
  }
}
.diagnose2025_h2-pagettl {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_h2-pagettl {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025_h2-spbr:before {
    top: auto;
    bottom: 5px;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025_h2-spbr:after {
    bottom: auto;
    top: -20px;
  }
}
.diagnose2025_h3 {
  position: relative;
  margin-top: 80px;
  margin-bottom: 20px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_h3 {
    margin-top: 70px;
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.diagnose2025_h3:before {
  position: absolute;
  left: -20px;
  top: -25px;
  content: "";
  display: block;
  width: 89px;
  height: 78px;
  background-image: url("../img/security/diagnose/ttl_obj.svg");
  background-size: contain;
  background-repeat: no-repeat;
  animation: Fade 3s ease-in-out infinite;
}
.diagnose2025_h3-form {
  margin-top: 150px;
  margin-bottom: 50px;
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_h3-form {
    margin-top: 90px;
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.diagnose2025_h4 {
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_h4 {
    margin-top: 60px;
    font-size: 20px;
  }
}
.diagnose2025_ul li {
  position: relative;
  padding-left: 18px;
}
.diagnose2025_ul li:before {
  position: absolute;
  left: 0;
  top: 12px;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: rgb(var(--_color-blue));
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .diagnose2025_ul li:before {
    top: 11px;
  }
}
.diagnose2025_ul-bk li:before {
  background: rgb(var(--_color-black));
}
.diagnose2025_txts {
  margin-bottom: 100px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .diagnose2025_txts {
    margin-bottom: 60px;
  }
}
.diagnose2025-entry .diagnose2025_txts {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .diagnose2025-entry .diagnose2025_txts {
    margin-bottom: 30px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025-entry .diagnose2025_txts br {
    display: none;
  }
}
.diagnose2025_txts > * {
  margin-top: 1em;
}
.diagnose2025_txts > *:first-child {
  margin-top: 0;
}
.diagnose2025_txts_emphasis {
  font-size: 22px !important;
}
@media screen and (max-width: 768px) {
  .diagnose2025_txts_emphasis {
    font-size: 18px !important;
  }
}
.diagnose2025_simpletxts {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_simpletxts {
    margin-bottom: 30px;
  }
}
.diagnose2025_simpletxts > * {
  margin-top: 1em;
}
.diagnose2025_simpletxts > *:first-child {
  margin-top: 0;
}
.diagnose2025_box {
  margin-top: 50px;
  padding: 50px;
  background: rgb(var(--_bg-blue));
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_box {
    margin-top: 20px;
    padding: 30px 20px;
  }
}
.diagnose2025_box-pink {
  background: rgb(var(--_bg-pink));
}
.diagnose2025_box > * {
  margin-top: 30px;
}
.diagnose2025_box > *:first-child {
  margin-top: 0;
}
.diagnose2025_table {
  display: grid;
  grid-template-columns: 250fr 720fr;
  margin-bottom: 50px;
  border-bottom: 1px solid rgb(var(--_border-gray));
}
@media screen and (max-width: 768px) {
  .diagnose2025_table {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }
}
.diagnose2025_table dt,
.diagnose2025_table dd {
  padding: 20px 0;
  border-top: 1px solid rgb(var(--_border-gray));
}
.diagnose2025_table dt {
  padding-right: 30px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .diagnose2025_table dt {
    padding-bottom: 10px;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025_table dd {
    padding-top: 0;
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025_table dd br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025_table-form {
    margin-bottom: 60px;
  }
}
@media screen and (min-width:768px), print {
  .diagnose2025_table-form dt,
  .diagnose2025_table-form dd {
    padding: 30px 0;
  }
}
.diagnose2025_table-form dt {
  position: relative;
  padding-left: 48px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_table-form dt {
    padding-left: 42px;
    font-size: 16px;
  }
}
.diagnose2025_caption {
  text-indent: -1em;
  padding-left: 1em;
}
.diagnose2025_captions {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_captions {
    margin-bottom: 60px;
  }
}
.diagnose2025_captions p {
  text-indent: -1em;
  padding-left: 1em;
}
.diagnose2025_btns {
  display: flex;
  justify-content: center;
  gap: 0 30px;
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_btns {
    flex-direction: column;
    gap: 20px 0;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025_btns-form {
    flex-direction: column-reverse;
  }
}
.diagnose2025_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  height: 80px;
  border: none;
  background: rgb(var(--_color-blue));
  color: #fff;
  font-size: 22px;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_btn {
    height: 60px;
    border-radius: 30px;
    font-size: 18px;
  }
}
.diagnose2025_btn:hover {
  opacity: 0.7;
}
.diagnose2025_btn-back {
  background: rgba(0, 0, 0, 0.2);
}
.diagnose2025 .link {
  color: rgb(var(--_color-blue));
  text-decoration: underline;
}
.diagnose2025 .link:hover {
  text-decoration: none;
}
.diagnose2025 .hissu,
.diagnose2025 .nini {
  position: absolute;
  left: 0;
  top: 36px;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1;
  width: 38px;
  padding: 2px 0 3px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: rgb(var(--_color-red));
}
@media screen and (max-width: 768px) {
  .diagnose2025 .hissu,
  .diagnose2025 .nini {
    top: 26px;
    width: 32px;
    font-size: 12px;
  }
}
.diagnose2025 .nini {
  background: #9B9B9B;
}
.diagnose2025 textarea,
.diagnose2025 select,
.diagnose2025 input[type=text],
.diagnose2025 input[type=email],
.diagnose2025 input[type=tel] {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 15px;
  border: 1px solid rgb(var(--_border-gray));
  border-radius: 3px;
}
.diagnose2025 textarea:focus,
.diagnose2025 select:focus,
.diagnose2025 input[type=text]:focus,
.diagnose2025 input[type=email]:focus,
.diagnose2025 input[type=tel]:focus {
  outline: none;
}
.diagnose2025 textarea::placeholder,
.diagnose2025 select::placeholder,
.diagnose2025 input[type=text]::placeholder,
.diagnose2025 input[type=email]::placeholder,
.diagnose2025 input[type=tel]::placeholder {
  color: rgba(var(--_color-black), 0.5);
}
.diagnose2025 textarea {
  vertical-align: bottom;
  height: 180px;
}
@media screen and (max-width: 768px) {
  .diagnose2025 textarea {
    height: 150px;
  }
}
.diagnose2025 input[type=radio] {
  margin-right: 5px;
}
.diagnose2025 label:has(input[type=radio]) {
  margin-right: 20px;
}
.diagnose2025 .input_error {
  color: rgb(var(--_color-red));
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .diagnose2025 .input_error {
    font-size: 14px;
  }
}
.diagnose2025 .swiper-pagination {
  bottom: 0;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .diagnose2025 .swiper-pagination {
    text-align: left;
  }
}
.diagnose2025 .swiper-pagination-bullet {
  width: 60px;
  height: 10px;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .diagnose2025 .swiper-pagination-bullet {
    width: 15px;
    height: 5px;
    margin: 0 2.5px !important;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025 .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
  }
}
.diagnose2025 .swiper-pagination-bullet-active {
  background: rgb(var(--_color-blue));
}
.diagnose2025 .swiper-button-next, .diagnose2025 .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgb(var(--_color-blue));
}
@media screen and (max-width: 768px) {
  .diagnose2025 .swiper-button-next, .diagnose2025 .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
}
.diagnose2025 .swiper-button-next:after, .diagnose2025 .swiper-button-prev:after {
  width: 20px;
  height: 19px;
  background: #fff;
  mask-image: url("../img/security/diagnose/arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
}
@media screen and (max-width: 768px) {
  .diagnose2025 .swiper-button-next:after, .diagnose2025 .swiper-button-prev:after {
    width: 10px;
    height: 10px;
  }
}
@media screen and (min-width:768px), print {
  .diagnose2025 .swiper-button-next {
    right: auto;
    left: calc(100% + 20px);
  }
}
.diagnose2025 .swiper-button-prev {
  transform: scale(-1, 1);
}
@media screen and (min-width:768px), print {
  .diagnose2025 .swiper-button-prev {
    left: auto;
    right: calc(100% + 20px);
  }
}
.diagnose2025_cta {
  margin-top: 200px;
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url("../img/security/diagnose/cta_bg.jpg");
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .diagnose2025_cta {
    margin-top: 120px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url("../img/security/diagnose/cta_bg_sp.jpg");
  }
}
.diagnose2025_cta_blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 20px;
}
@media screen and (min-width:1121px) {
  .diagnose2025_cta_blocks {
    gap: 0 50px;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025_cta_blocks {
    grid-template-columns: 1fr;
    gap: 20px 0;
  }
}
.diagnose2025_cta_blocks-form {
  grid-template-columns: 1fr;
  display: flex;
  justify-content: center;
  text-align: center;
}
.diagnose2025_cta_blocks-form .diagnose2025_cta_blocks_block {
  padding: 25px 20px;
}
@media screen and (min-width:768px), print {
  .diagnose2025_cta_blocks-form .diagnose2025_cta_blocks_block {
    min-width: 460px;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025_cta_blocks-form .diagnose2025_cta_blocks_block {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .diagnose2025_cta_blocks-form .diagnose2025_cta_blocks_block[href^="tel:"] .icon {
    display: none;
  }
}
.diagnose2025_cta_blocks-form .ja {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_cta_blocks-form .ja {
    font-size: 30px;
  }
}
.diagnose2025_cta_blocks-form .ja:before {
  content: "";
  display: inline-block;
  width: 31px;
  height: 31px;
  margin-right: 10px;
  background: #000;
  mask-image: url("../img/security/diagnose/phone.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: ease all 0.3s;
}
@media screen and (max-width: 768px) {
  .diagnose2025_cta_blocks-form .ja:before {
    width: 20px;
    height: 20px;
  }
}
.diagnose2025_cta_blocks-form .time {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .diagnose2025_cta_blocks-form .time {
    font-size: 14px;
  }
}
.diagnose2025_cta_blocks_block {
  position: relative;
  padding: 30px;
  border-radius: 16px;
  background: rgb(var(--_bg-blue-02));
  border: 1px solid rgb(var(--_color-black));
  font-weight: bold;
  line-height: 1;
  transition: ease all 0.3s;
}
@media screen and (max-width: 768px) {
  .diagnose2025_cta_blocks_block {
    padding: 30px 20px;
  }
}
.diagnose2025_cta_blocks_block-pink {
  background: rgb(var(--_bg-pink-02));
}
.diagnose2025_cta_blocks_block-green {
  background: rgb(var(--_bg-green));
}
@media screen and (min-width:768px), print {
  .diagnose2025_cta_blocks_block[href^="tel:"] {
    pointer-events: none;
  }
}
@media screen and (min-width:768px), print {
  .diagnose2025_cta_blocks_block[href^="tel:"]:hover {
    transform: translateY(0);
  }
}
@media screen and (min-width:768px), print {
  .diagnose2025_cta_blocks_block[href^="tel:"] .icon {
    display: none;
  }
}
.diagnose2025_cta_blocks_block:hover {
  transform: translateY(-10px);
}
.diagnose2025_cta_blocks_block .ja {
  letter-spacing: 0;
  font-size: 28px;
}
.diagnose2025_cta_blocks_block .ja .min {
  font-size: 14px;
}
.diagnose2025_cta_blocks_block .en {
  margin-top: 15px;
  text-transform: uppercase;
  font-family: var(--_font-en);
  font-size: 14px;
}
.diagnose2025_cta_blocks_block .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: rgb(var(--_color-black));
  border-radius: 50%;
}
.diagnose2025_cta_blocks_block .icon:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 13px;
  background: #fff;
  mask-image: url("../img/security/diagnose/arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
}
@media screen and (max-width: 768px) {
  .diagnose2025_footer {
    margin-top: 30px !important;
  }
}
@media screen and (min-width:768px), print {
  .diagnose2025_footer footer {
    margin-top: 0;
  }
}
.diagnose2025-entry .wrapper {
  padding: 0 20px;
}

.the_content a {
  color: #06a;
  text-decoration: underline;
}

h2.wp-block-heading {
  position: relative;
  padding-top: 18px;
  margin-bottom: 30px;
  font-size: 23px;
  font-weight: bold;
  border-top: 3px solid #d9dae0;
}
@media screen and (max-width: 768px) {
  h2.wp-block-heading {
    border-top: 2px solid #d9dae0;
  }
}
h2.wp-block-heading::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 30px;
  height: 3px;
  background: #ff4021;
}
@media screen and (max-width: 768px) {
  h2.wp-block-heading::before {
    top: -2px;
    height: 2px;
  }
}

.wp-block-flexible-table-block-table:not(:root) > table:not(:root) tr th {
  background: #f9f9fa;
}
.wp-block-flexible-table-block-table:not(:root) > table:not(:root) tr th:not(:root), .wp-block-flexible-table-block-table:not(:root) > table:not(:root) tr td:not(:root) {
  padding: 15px 25px;
  border-color: #d9dae0;
}
@media screen and (max-width: 768px) {
  .wp-block-flexible-table-block-table:not(:root) > table:not(:root) tr th:not(:root), .wp-block-flexible-table-block-table:not(:root) > table:not(:root) tr td:not(:root) {
    padding: 14px 3.7333333333vw;
  }
}

.faq-block__image {
  margin: 20px 0 30px;
}
.faq-block__image img {
  width: 100%;
}
.faq-block__row + .faq-block__row {
  margin-top: 30px;
}
.faq-block__item + .faq-block__item {
  margin-top: 11px;
}
.faq-block__item:first-of-type {
  margin-top: 25px;
}
.faq-block__item:not(:last-child) {
  border-bottom: 1px solid #d9dae0;
}
.faq-block__item.-type-1 {
  border: 1px solid #e7e7e7;
  border-top: none;
}
.faq-block__item.-type-1:first-of-type {
  border-top: 1px solid #e7e7e7;
}
.faq-block__item.-type-1 + .-type-1 {
  margin-top: 0;
}
.faq-block__item.-type-2 {
  background: #fff;
}
.faq-block__item.-type-2:first-of-type {
  margin-top: 0;
}
.faq-block__item.-type-2 + .-type-2 {
  margin-top: 0;
}
.faq-block__heading {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 15px 5px 15px 0;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: bold;
  color: #ff4021;
  cursor: pointer;
}
.faq-block__heading i {
  flex-shrink: 0;
}
.faq-block__heading i img {
  width: 100%;
}
.faq-block__heading i.-icon {
  width: 23px;
  margin-bottom: auto;
}
.faq-block__heading i.-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  margin-left: auto;
  transition: rotate 0.3s;
}
.is-opened > .faq-block__heading .-arrow {
  rotate: -180deg;
}
.-type-1 > .faq-block__heading {
  gap: 25px;
  padding: 30px 26px;
  font-size: 17px;
  color: inherit;
  background: #f9f9fa;
}
@media screen and (max-width: 768px) {
  .-type-1 > .faq-block__heading {
    position: relative;
    gap: 10px;
    padding: 20px 65px 20px 20px;
    font-size: 15px;
    line-height: 1.6;
  }
}
.-type-1 > .faq-block__heading i.-icon {
  width: 29px;
}
@media screen and (max-width: 768px) {
  .-type-1 > .faq-block__heading i.-icon {
    margin-top: auto;
  }
}
.-type-1 > .faq-block__heading i.-arrow {
  position: relative;
  width: 30px;
  background: #434343;
}
@media screen and (max-width: 768px) {
  .-type-1 > .faq-block__heading i.-arrow {
    position: absolute;
    width: 13px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: none;
  }
}
.-type-1 > .faq-block__heading i.-arrow::before, .-type-1 > .faq-block__heading i.-arrow::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 2px;
  top: 50%;
  left: 50%;
  background: #fff;
  z-index: 1;
  transition: transform 0.3s;
}
@media screen and (max-width: 768px) {
  .-type-1 > .faq-block__heading i.-arrow::before, .-type-1 > .faq-block__heading i.-arrow::after {
    background: #a4a4a4;
  }
}
.-type-1 > .faq-block__heading i.-arrow::before {
  transform: translate(-50%, -50%);
}
.-type-1 > .faq-block__heading i.-arrow::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.-type-1.is-opened > .faq-block__heading {
  border-bottom: 1px dotted #e7e7e7;
}
.-type-1.is-opened > .faq-block__heading i.-arrow {
  rotate: 0deg !important;
}
.-type-1.is-opened > .faq-block__heading i.-arrow::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.-type-1.is-opened > .faq-block__heading i.-arrow::after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.-type-2 > .faq-block__heading {
  gap: 25px;
  padding: 20px 23px;
  font-size: 17px;
  color: inherit;
  border-bottom: 1px solid #f3f3f3;
}
@media screen and (max-width: 768px) {
  .-type-2 > .faq-block__heading {
    gap: 18px;
    padding: 18px 20px;
    font-size: 16px;
  }
}
.-type-2 > .faq-block__heading i.-icon {
  width: 23px;
}
.-type-2 > .faq-block__heading i.-arrow {
  position: relative;
  width: 16px;
}
.-type-2 > .faq-block__heading i.-arrow::before, .-type-2 > .faq-block__heading i.-arrow::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 2px;
  top: 50%;
  left: 50%;
  background: #a4a4a4;
  z-index: 1;
  transition: transform 0.3s;
}
.-type-2 > .faq-block__heading i.-arrow::before {
  transform: translate(-50%, -50%);
}
.-type-2 > .faq-block__heading i.-arrow::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.-type-2.is-opened > .faq-block__heading {
  border-bottom: 1px dotted #e7e7e7;
}
.-type-2.is-opened > .faq-block__heading i.-arrow {
  rotate: 0deg !important;
}
.-type-2.is-opened > .faq-block__heading i.-arrow::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.-type-2.is-opened > .faq-block__heading i.-arrow::after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.faq-block__content {
  padding-left: 20px;
}
.-type-1 > .faq-block__content, .-type-2 > .faq-block__content {
  padding: 0;
}
.faq-block__detail {
  display: flex;
  gap: 8px;
}
.faq-block__detail i {
  flex-shrink: 0;
  width: 23px;
}
.faq-block__detail i img {
  width: 100%;
}
.faq-block__detail.-type-1 {
  gap: 25px;
  padding: 30px 26px;
}
@media screen and (max-width: 768px) {
  .faq-block__detail.-type-1 {
    gap: 10px;
    padding: 20px;
  }
}
.faq-block__detail.-type-1 i {
  width: 29px;
}
.faq-block__detail.-type-2 {
  background: #fff;
  gap: 25px;
  padding: 30px 26px;
}
@media screen and (max-width: 768px) {
  .faq-block__detail.-type-2 {
    gap: 18px;
    padding: 18px 20px;
  }
}
.faq-block__detail.-type-2 i {
  width: 23px;
}
.faq-block__data {
  padding-bottom: 14px;
  font-size: 12px;
  line-height: 1.5;
}
.faq-block__data a {
  display: block;
  margin-top: 1em;
  font-weight: bold;
  color: #ff4021;
  text-decoration: underline;
}
.faq-block__data p {
  font-size: 12px;
  line-height: 1.5;
}
.faq-block__data p a {
  display: inline-block;
  margin-top: 0;
  font-weight: 400;
  color: #06a;
}
.faq-block__data p + p {
  margin-top: 20px;
}
.-type-1 > .faq-block__data {
  padding-bottom: 0;
  font-size: 15px;
  line-height: 1.6;
}
.-type-1 > .faq-block__data p {
  font-size: 15px;
  line-height: 1.6;
}

:root {
  --color-blue: #5A73FE;
  --color-green: #36B49C;
  --color-red: #F8182C;
  --color-yellow: #FFE164;
  --color-gray: #6E6E6E ;
  --color-gray-02: #868686 ;
  --color-black: #000000;
  --bg-gray: #F3F3F6;
  --bg-gray-02: #F9F9F9;
  --bg-blue: 221, 242, 255;
  --bg-pink: 255, 244, 249;
  --bg-green: 221, 255, 226;
  --border-gray: #D2D2D7;
  --font-ja: "Noto Sans JP", sans-serif;
  --font-en: "Josefin Sans", sans-serif;
  --viewport-width: 390;
  --base-unit: 100vw;
  --viewport-all-width: 390;
  --base-all-unit: 100vw;
}
@media screen and (min-width:768px), print {
  :root {
    --viewport-width: 1;
    --base-unit: 1px;
    --viewport-all-width: 1366;
    --base-all-unit: 100vw;
  }
}

.fukujin {
  font-family: var(--font-ja);
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 1.75;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" 1; /* プロポーショナルメトリクス */
  font-variant-numeric: lining-nums;
}
@media screen and (max-width:767px) {
  .fukujin {
    font-size: 16px;
    letter-spacing: 0;
  }
}
.fukujin .inner {
  margin: 0 auto;
}
@media screen and (min-width:768px), print {
  .fukujin-lower {
    font-size: 18px;
  }
}
.fukujin h2 {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1.34;
}
.fukujin h2:before {
  display: none;
}
.fukujin h2 span {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}
.fukujin h2,
.fukujin h3,
.fukujin h4,
.fukujin h5,
.fukujin h6 {
  line-height: 1.45;
}
.fukujin p {
  font-size: inherit;
}
.fukujin b {
  font-weight: 700;
}
.fukujin a {
  color: var(--color-blue);
  text-decoration: none;
}
.fukujin a:hover {
  text-decoration: underline;
}
.fukujin ul:after,
.fukujin ol:after {
  display: none;
}
.fukujin img {
  height: auto;
  vertical-align: bottom;
}
.fukujin figure {
  margin: 0;
}
.fukujin video {
  width: 100%;
  vertical-align: bottom;
}
.fukujin .c_blue {
  color: var(--color-blue);
}
.fukujin .c_green {
  color: var(--color-green);
}
.fukujin .c_red {
  color: var(--color-red);
}
.fukujin .c_gray {
  color: var(--color-gray);
}
.fukujin .c_black {
  color: var(--color-black);
}
.fukujin .c_yellow {
  color: var(--color-yellow);
}
.fukujin .bg_gray {
  background: var(--bg-gray);
}
.fukujin .swiper:has(.swiper-controller) .swiper-button-prev,
.fukujin .swiper:has(.swiper-controller) .swiper-button-next {
  position: static;
  margin: 0;
}
.fukujin .swiper:has(.swiper-controller) .swiper-button-prev {
  margin-left: auto;
}
.fukujin .swiper:has(.swiper-pagination) {
  padding-bottom: 29px;
}
.fukujin .swiper-controller {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 20px;
  margin-top: 30px;
}
@media screen and (max-width:767px) {
  .fukujin .swiper-controller {
    gap: 0 10px;
    margin-top: 20px;
  }
}
.fukujin .swiper-button-prev, .fukujin .swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width:767px) {
  .fukujin .swiper-button-prev, .fukujin .swiper-button-next {
    width: 40px;
    height: 40px;
  }
}
.fukujin .swiper-button-prev:after, .fukujin .swiper-button-next:after {
  content: "";
  width: 9px;
  height: 15px;
  background: var(--color-gray);
  mask-image: url("../img/fukujin/common/icon-arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.fukujin .swiper-button-prev:after {
  transform: scale(-1, 1);
}
.fukujin .swiper-pagination {
  line-height: 1;
  bottom: 0 !important;
  text-align: right;
}
.fukujin .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0 5px;
  background: var(--bg-gray);
  opacity: 1;
}
.fukujin .swiper-pagination-bullet-active {
  background: var(--color-blue);
}
.fukujin .custom-pagination {
  padding: 5px;
  background: #fff;
  font-size: 16px;
  border-radius: 25px;
}
@media screen and (max-width:767px) {
  .fukujin .custom-pagination {
    display: none;
  }
}
.fukujin .custom-pagination .pagination-item {
  display: inline-block;
  border: none;
  padding: 10px 20px;
  border-radius: 20px;
  background: #fff;
  cursor: pointer;
  transition: ease all 0.3s;
}
@media screen and (max-width:1060px) {
  .fukujin .custom-pagination .pagination-item {
    padding: 10px;
    font-size: calc(16 / var(--viewport-all-width) * var(--base-all-unit));
  }
}
.fukujin .custom-pagination .pagination-item.active {
  background: var(--color-black);
  color: #fff;
}
.fukujin .custom-pagination .pagination-item:hover {
  background: var(--bg-gray);
}
.fukujin_btn02 {
  display: inline-block;
  padding: 10px 30px;
  background: var(--color-blue);
  color: #fff;
  text-align: center;
  font-size: 18px;
  border-radius: 25px;
}
@media screen and (max-width:767px) {
  .fukujin_btn02 {
    font-size: 16px;
  }
}
.fukujin .list_simple li {
  position: relative;
  margin-top: 0.4em;
  padding-left: 1em;
}
.fukujin .list_simple li:first-child {
  margin-top: 0;
}
.fukujin .list_simple li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "・";
}
.fukujin_section {
  margin: 0;
  padding: 120px 0;
}
@media screen and (max-width:767px) {
  .fukujin_section {
    padding: 100px 0;
  }
}
.fukujin_section.fukujin_100vw, .fukujin_section.fukujin_about, .fukujin_section.fukujin_katuyou {
  padding-top: 0;
}
.fukujin_section.fukujin_option {
  padding-bottom: 0;
}
.fukujin_100vw {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100vw;
  margin: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.fukujin_100vw_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fukujin_100vw_bg-fixed {
  position: -webkit-sticky;
  position: sticky;
  height: 100vh;
  height: 100svh;
}
.fukujin_100vw-cta {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width:767px) {
  .fukujin_100vw-cta {
    padding: 0 20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.fukujin_100vw-cta:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: rgba(89, 115, 253, 0.6);
}
.fukujin_wrapper {
  max-width: calc(1120 / var(--viewport-all-width) * var(--base-all-unit));
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}
.fukujin .max1000 {
  max-width: 1000px;
  margin: 0 auto;
}
.fukujin .max800 {
  max-width: 800px;
  margin: 0 auto;
}
.fukujin_clm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  margin-bottom: 100px;
}
@media screen and (max-width:767px) {
  .fukujin_clm {
    grid-template-columns: 1fr;
    gap: 50px 0;
    margin-bottom: 50px;
    margin-top: 50px;
  }
}
.fukujin_clm .fukujin_box {
  padding: 50px 40px;
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .fukujin_clm .fukujin_box {
    margin-top: 0;
    padding: 30px 20px;
  }
}
.fukujin_clm .fukujin_box p {
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin_clm .fukujin_box p {
    font-size: 16px;
  }
}
.fukujin_clm .fukujin_box b {
  font-weight: 700;
  color: var(--color-black);
}
.fukujin_clm-message {
  margin-bottom: 0;
}
.fukujin_clm-message .fukujin_txts {
  margin-bottom: 0;
}
.fukujin_clm-imglist {
  margin-bottom: 0;
}
@media screen and (min-width:768px), print {
  .fukujin_clm-imglist {
    gap: 50px;
  }
}
.fukujin_clm-imglist_block img {
  width: 100%;
}
.fukujin_clm-imglist_block .ttl {
  margin-top: 30px;
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin_clm-imglist_block .ttl {
    margin-top: 20px;
    font-size: 18px;
  }
}
.fukujin_clm-imglist_block .copy {
  margin-top: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_clm-imglist_block .copy {
    margin-top: 20px;
  }
}
.fukujin_clm-imglist_block .txts {
  margin-top: 30px;
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin_clm-imglist_block .txts {
    margin-top: 20px;
  }
}
.fukujin_clm-imglist_block .txts > * {
  margin-top: 1em;
}
.fukujin_clm-imglist_block .txts > *:first-child {
  margin-top: 0;
}
.fukujin_clm-imglist_block .txts b {
  color: var(--color-black);
}
.fukujin_clm-txtin {
  margin-bottom: 0;
  margin-top: 80px;
}
@media screen and (min-width:768px), print {
  .fukujin_clm-txtin {
    gap: 50px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_clm-txtin {
    margin-top: 50px;
    gap: 20px 0;
  }
}
.fukujin_clm-txtin_block {
  width: 100%;
}
.fukujin_clm-txtin_block .ttl {
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin_clm-txtin_block .ttl {
    font-size: 18px;
  }
}
.fukujin_clm-txtin_block .txts {
  margin-top: 20px;
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin_clm-txtin_block .txts {
    margin-top: 15px;
  }
}
.fukujin_clm-txtin_block .txts b {
  color: var(--color-black);
  font-weight: 600;
}
@media screen and (min-width:768px), print {
  .fukujin_clm-hanten {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.fukujin_clm03 {
  display: flex;
  flex-wrap: wrap;
  gap: 35px 2.6785714286%;
}
@media screen and (max-width:767px) {
  .fukujin_clm03 {
    flex-direction: column;
  }
}
.fukujin_clm03_block {
  position: relative;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}
@media screen and (min-width:768px), print {
  .fukujin_clm03_block {
    width: 31.5178571429%;
    gap: 0 30px;
  }
}
.fukujin_clm03_block-100 {
  width: 100%;
}
@media screen and (min-width:768px), print {
  .fukujin_clm03_block-100 {
    display: flex;
  }
}
.fukujin_clm03_block-100 .img_wrap {
  flex-shrink: 0;
}
@media screen and (min-width:768px), print {
  .fukujin_clm03_block-100 .img_wrap {
    width: 28.9814814815%;
  }
}
.fukujin_clm03_block .ttl {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  margin-top: 20px;
  font-size: 20px;
}
.fukujin_clm03_block .ttl .sub {
  font-size: 12px;
  color: var(--color-gray);
}
@media screen and (min-width:768px), print {
  .fukujin_clm03_block .ttl .big {
    font-size: 26px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_clm03_block .ttl .big {
    display: inline-block;
    margin-top: 5px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_clm03_block .ttl .min {
    display: inline-block;
    font-size: 16px;
  }
}
.fukujin_clm03_block .checklist {
  color: var(--color-gray);
  font-size: 14px;
}
.fukujin_clm03_block .checklist b {
  color: var(--color-black);
}
.fukujin_clm03_block .checklist li {
  margin-top: 0.7em !important;
  padding-left: 24px;
}
.fukujin_clm03_block .checklist li:first-child {
  margin-top: 0 !important;
}
.fukujin_clm03_block .checklist li:before {
  width: 16px !important;
  height: 11px !important;
  top: 7px;
}
.fukujin_clm03_block .img_wrap {
  border-radius: 10px !important;
}
.fukujin_clm03_block .txts {
  margin-top: 15px;
  font-size: 16px;
  color: var(--color-gray);
}
.fukujin-methods .fukujin_clm03_block .txts {
  font-size: 14px;
}
.fukujin_clm03_block .txts > * {
  margin-top: 1em;
}
.fukujin_clm03_block .txts > *:first-child {
  margin-top: 0;
}
.fukujin_clm03_block .txts b {
  color: var(--color-black);
}
.fukujin_clm03_block .arinashi dt {
  display: flex;
  align-items: center;
  gap: 0 5px;
  margin-top: 25px;
  font-size: 14px;
  color: var(--color-gray);
}
.fukujin_clm03_block .arinashi dt:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url("../img/fukujin/common/media-nashi.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.fukujin_clm03_block .arinashi dt.arinashi_ari:before {
  background-image: url("../img/fukujin/common/media-ari.svg");
}
.fukujin_clm03_block .arinashi dd {
  margin-top: 5px;
  font-size: 16px;
}
@media screen and (min-width:768px), print {
  .fukujin_clm03-merit .fukujin_clm03_block:nth-child(3n+3):after, .fukujin_clm03-koudou .fukujin_clm03_block:nth-child(3n+3):after {
    left: 50%;
    top: calc(100% - 2px);
    transform: translateX(-50%) translateY(0) rotate(90deg);
  }
}
.fukujin_clm03-merit .fukujin_clm03_block:last-child:after, .fukujin_clm03-koudou .fukujin_clm03_block:last-child:after {
  display: none;
}
.fukujin_clm03-merit .fukujin_clm03_block:after, .fukujin_clm03-koudou .fukujin_clm03_block:after {
  position: absolute;
  left: calc(100% + 8px);
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 8.4985835694%;
  height: 40px;
  background: var(--color-gray);
  mask-image: url("../img/fukujin/common/list-arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
@media screen and (max-width:767px) {
  .fukujin_clm03-merit .fukujin_clm03_block:after, .fukujin_clm03-koudou .fukujin_clm03_block:after {
    left: 50%;
    top: calc(100% - 2px);
    transform: translateX(-50%) translateY(0) rotate(90deg);
  }
}
.fukujin-methods .fukujin_clm03-merit .fukujin_clm03_block:after, .fukujin-methods .fukujin_clm03-koudou .fukujin_clm03_block:after {
  display: none;
}
@media screen and (max-width:767px) {
  .fukujin-methods .fukujin_clm03-merit {
    gap: 20px 0;
  }
}
@media screen and (max-width:767px) {
  .fukujin_clm03-reason {
    gap: 20px 0;
  }
}
@media screen and (min-width:768px), print {
  .fukujin_clm03-reason .fukujin_clm03_block {
    width: 25.8928571429%;
  }
}
@media screen and (min-width:768px), print {
  .fukujin_clm03-reason .fukujin_clm03_block:nth-child(3n+3) {
    width: 42.8571428571%;
  }
}
.fukujin .wideaera {
  position: relative;
  width: 100%;
  max-width: calc(1240 / var(--viewport-all-width) * var(--base-all-unit));
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (max-width:1366px) {
  .fukujin .wideaera {
    max-width: none;
  }
}
@media screen and (max-width:767px) {
  .fukujin .wideaera {
    margin-bottom: 50px;
  }
}
.fukujin .wideaera_txts {
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 100%;
  margin-top: calc(120 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (max-width:767px) {
  .fukujin .wideaera_txts {
    margin-top: calc(100 / var(--viewport-width) * var(--base-unit));
    padding: 0 calc(40 / var(--viewport-width) * var(--base-unit));
  }
}
.fukujin .wideaera_txts .copy {
  color: #fff;
}
.fukujin .wideaera_bg img {
  width: 100%;
  height: auto;
}
@media screen and (max-width:767px) {
  .fukujin .wideaera_bg img {
    height: 100%;
    object-fit: cover;
  }
}
.fukujin .wideaera-message {
  margin-bottom: 120px;
}
@media screen and (max-width:767px) {
  .fukujin .wideaera-message {
    margin-bottom: 50px;
  }
}
@media screen and (max-width:767px) {
  .fukujin-lower .wideaera {
    margin-bottom: 30px;
  }
}
.fukujin_h2 {
  margin-top: 120px;
  margin-bottom: 60px;
  line-height: 1.45;
}
@media screen and (min-width:768px), print {
  .fukujin_h2 {
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: center;
  }
}
@media screen and (max-width:767px) {
  .fukujin_h2 {
    margin-top: 100px;
    margin-bottom: 50px;
  }
}
.fukujin_h2 .main {
  margin-bottom: calc(20 / var(--viewport-all-width) * var(--base-all-unit));
  color: var(--color-gray-02);
  font-size: calc(24 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (min-width:1367px) {
  .fukujin_h2 .main {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_h2 .main {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: calc(18 / var(--viewport-width) * var(--base-unit));
  }
}
.wideaera-kadai .fukujin_h2 .main, .wideaera-katuyou .fukujin_h2 .main {
  color: rgba(255, 255, 255, 0.8);
}
.fukujin_h2 .copy {
  font-weight: bold;
  font-size: calc(60 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (min-width:1367px) {
  .fukujin_h2 .copy {
    font-size: 60px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_h2 .copy {
    font-size: 36px;
    font-size: calc(36 / var(--viewport-width) * var(--base-unit));
  }
}
.fukujin_h2-white {
  color: #fff;
}
.fukujin_h2-white .main {
  color: #fff;
}
.fukujin_h2-black .copy {
  color: var(--color-black) !important;
}
.fukujin_h2-simple {
  margin-bottom: 120px !important;
  text-align: left;
  font-size: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_h2-simple {
    margin-bottom: 80px !important;
    font-size: 36px;
  }
}
.fukujin-lower .fukujin_h2-simple {
  margin-bottom: 60px !important;
}
@media screen and (max-width:767px) {
  .fukujin-lower .fukujin_h2-simple {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width:767px) {
  .fukujin-faq .fukujin_h2-simple {
    margin-bottom: 30px !important;
    font-size: 18px;
  }
}
.fukujin_h2-left {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.fukujin_h2-lower {
  margin-top: 120px !important;
  margin-bottom: 60px !important;
}
.fukujin-features-detail .fukujin_h2-lower {
  margin-top: 0 !important;
}
@media screen and (max-width:767px) {
  .fukujin_h2-lower {
    margin-top: 100px !important;
    margin-bottom: 40px !important;
  }
}
.fukujin_h2-lower .main {
  margin-bottom: 0;
  color: var(--color-black);
  font-size: 20px;
}
@media screen and (max-width:767px) {
  .fukujin_h2-lower .main {
    font-size: 14px;
  }
}
.fukujin_h2-lower .copy {
  font-size: 50px;
}
@media screen and (max-width:767px) {
  .fukujin_h2-lower .copy {
    margin-top: 5px;
    font-size: 30px;
  }
}
.fukujin_h3 {
  margin-top: 120px !important;
  margin-bottom: 60px !important;
  font-size: 50px;
  line-height: 1.45;
}
@media screen and (max-width:767px) {
  .fukujin_h3 {
    margin-top: 80px !important;
    margin-bottom: 30px !important;
    font-size: 24px;
  }
}
.fukujin_h3-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.fukujin_h3-step .icon {
  line-height: 1;
  margin-bottom: 20px !important;
}
@media screen and (max-width:767px) {
  .fukujin_h3-step .icon {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width:767px) {
  .fukujin_h3-step .icon img {
    width: 50px;
  }
}
.fukujin_h3-white {
  color: #fff;
}
.fukujin_h3-futatu {
  text-align: center;
}
@media screen and (max-width:767px) {
  .fukujin_h3-futatu {
    text-align: left;
  }
}
.fukujin_h3-futatu .main {
  color: rgba(255, 255, 255, 0.7);
  font-size: calc(20 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (min-width:1367px) {
  .fukujin_h3-futatu .main {
    font-size: 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_h3-futatu .main {
    font-size: 16px;
  }
}
.fukujin_h3-futatu .copy {
  margin-top: 10px;
  font-size: calc(50 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (min-width:1367px) {
  .fukujin_h3-futatu .copy {
    font-size: 50px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_h3-futatu .copy {
    font-size: 24px;
  }
}
.fukujin_h3-icon {
  display: flex;
  align-items: center;
  font-size: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_h3-icon {
    margin-top: 60px !important;
    font-size: 20px;
  }
}
.fukujin_h3-icon .icon {
  display: flex;
  align-items: center;
}
@media screen and (max-width:767px) {
  .fukujin_h3-icon .icon img {
    width: auto;
    height: 25px;
  }
}
.fukujin_h3-icon .txt {
  display: flex;
  align-items: center;
}
.fukujin_h3-icon .txt:before {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background: var(--color-gray-02);
  margin: 0 20px;
  border-radius: 1.5px;
}
@media screen and (max-width:767px) {
  .fukujin_h3-icon .txt:before {
    width: 15px;
    margin: 0 10px;
  }
}
.fukujin_h3-min {
  margin-bottom: 30px !important;
  font-size: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_h3-min {
    font-size: 24px;
  }
}
.fukujin_h3-lower {
  margin-top: 120px !important;
  margin-bottom: 80px !important;
  font-size: 40px;
}
@media screen and (max-width:767px) {
  .fukujin_h3-lower {
    margin-top: 80px !important;
    margin-bottom: 50px !important;
    font-size: 22px;
  }
}
.fukujin .img_wrap {
  border-radius: 20px;
  vertical-align: bottom;
  overflow: hidden;
}
.fukujin .img_wrap img {
  width: 100%;
  height: auto;
}
.fukujin .checklist {
  margin-top: 20px;
}
.fukujin .checklist li, .fukujin .checklist_block {
  position: relative;
  margin-top: 0.3em;
  padding-left: 28px;
}
@media screen and (max-width:767px) {
  .fukujin .checklist li, .fukujin .checklist_block {
    padding-left: 19px;
  }
}
.fukujin .checklist li:first-child, .fukujin .checklist_block:first-child {
  margin-top: 0;
}
.fukujin .checklist li:before, .fukujin .checklist_block:before {
  position: absolute;
  left: 0;
  top: 8px;
  content: "";
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: var(--color-blue);
  mask-image: url("../img/fukujin/common/icon-check.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
@media screen and (max-width:767px) {
  .fukujin .checklist li:before, .fukujin .checklist_block:before {
    top: 5px;
    width: 14px;
    height: 14px;
  }
}
.fukujin .checklist-min {
  font-size: 16px;
}
@media screen and (max-width:767px) {
  .fukujin .checklist-min {
    font-size: 14px;
  }
}
.fukujin .checklist-min li {
  padding-left: 24px;
}
@media screen and (max-width:767px) {
  .fukujin .checklist-min li {
    padding-left: 20px;
  }
}
.fukujin .checklist-min li:before {
  width: 16px;
  height: 16px;
  top: 7px;
}
@media screen and (max-width:767px) {
  .fukujin .checklist-min li:before {
    width: 12px;
    height: 12px;
  }
}
.fukujin_txts {
  margin-bottom: 100px;
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin_txts {
    margin-bottom: 60px;
  }
}
.fukujin-lower .fukujin_txts {
  margin-bottom: 80px;
}
@media screen and (max-width:767px) {
  .fukujin-lower .fukujin_txts {
    margin-bottom: 30px;
  }
}
@media screen and (min-width:768px), print {
  .fukujin_txts-center {
    text-align: center;
  }
}
.fukujin_txts-center-center {
  text-align: center;
}
.fukujin_txts-black {
  color: var(--color-black);
}
.fukujin_txts-strong {
  font-size: 30px;
  color: var(--color-black);
}
@media screen and (max-width:767px) {
  .fukujin_txts-strong {
    font-size: 16px;
  }
  .fukujin-methods .fukujin_txts-strong {
    font-size: 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin-methods .fukujin_txts-strong br {
    display: none;
  }
}
.fukujin_katuyou .fukujin_txts-strong {
  margin-bottom: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_katuyou .fukujin_txts-strong {
    margin-bottom: 30px;
  }
}
.fukujin_txts-min {
  margin-top: 30px;
  font-size: 16px;
}
@media screen and (max-width:767px) {
  .fukujin_txts-min {
    margin-top: 20px;
    margin-bottom: 30px !important;
    font-size: 14px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_txts-min .fukujin_caption {
    font-size: 14px !important;
  }
}
.fukujin_txts-hint {
  margin-bottom: 60px !important;
}
@media screen and (max-width:767px) {
  .fukujin_txts-hint {
    margin-bottom: 50px !important;
  }
}
.fukujin_txts > * {
  margin-top: 1.5em;
}
.fukujin_txts > *:first-child {
  margin-top: 0;
}
.fukujin_txts p {
  margin-bottom: 0;
}
@media screen and (max-width:767px) {
  .fukujin_txts p br:not(.sp-only) {
    display: none;
  }
}
.fukujin_txts b {
  color: var(--color-black);
  font-weight: 600;
}
.fukujin_txts .name {
  text-align: right;
  font-size: 16px;
}
@media screen and (max-width:767px) {
  .fukujin_txts .name {
    font-size: 12px;
  }
}
.fukujin_case .fukujin_txts {
  margin-bottom: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_case .fukujin_txts {
    margin-bottom: 40px;
  }
}
.fukujin .txt_bg {
  background: linear-gradient(45deg, #F8182C, #ff7700, #ffff00, #36B49C, #5A73FE, #4400ff, #F8182C);
  background-size: 400% 400%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: rainbow 3s ease-in-out infinite;
}
@keyframes rainbow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.fukujin_caption {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 16px !important;
}
@media screen and (max-width:767px) {
  .fukujin_caption {
    font-size: 12px !important;
  }
}
.fukujin_caption-center {
  text-align: center;
}
.fukujin_captions {
  margin-bottom: 60px;
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .fukujin_captions {
    margin-bottom: 50px;
    font-size: 14px;
  }
}
.fukujin_captions > p {
  margin-top: 0.3em;
  margin-bottom: 0 !important;
  text-indent: -1em;
  padding-left: 1em;
}
.fukujin_captions > p:first-child {
  margin-top: 0;
}
.fukujin_table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid var(--border-gray);
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .fukujin_table {
    width: max-content;
    font-size: 12px;
  }
}
.fukujin_table_wrap {
  overflow-x: scroll;
}
@media screen and (max-width:767px) {
  .fukujin_table_wrap {
    box-sizing: border-box;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_table_wrap-arinashi {
    width: calc(100vw - 40px);
    margin-left: -20px;
    margin-right: auto;
  }
}
.fukujin_table tr {
  border-top: 1px solid var(--border-gray);
}
.fukujin_table th,
.fukujin_table td {
  box-sizing: border-box;
  position: relative;
  padding: 30px 20px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width:768px), print {
  .fukujin_table th,
  .fukujin_table td {
    min-width: 140px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_table th,
  .fukujin_table td {
    padding: 20px;
  }
}
.fukujin_table th:before,
.fukujin_table td:before {
  position: absolute;
  left: 0;
  top: 30px;
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 60px);
  background: var(--border-gray);
}
@media screen and (max-width:767px) {
  .fukujin_table th:before,
  .fukujin_table td:before {
    top: 20px;
    height: calc(100% - 40px);
  }
}
.fukujin_table th img,
.fukujin_table td img {
  margin: 0 auto;
}
.fukujin_table th:first-child:before,
.fukujin_table td:first-child:before {
  display: none;
}
.fukujin_table .kaisha {
  border-top: none;
  font-size: 14px;
}
@media screen and (max-width:767px) {
  .fukujin_table .kaisha {
    font-size: 10px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_table .kaisha_fukujin {
    width: 100px;
  }
}
.fukujin_table .kaisha th,
.fukujin_table .kaisha td {
  padding: 0;
  padding-bottom: 10px;
  line-height: 1.34;
}
@media screen and (max-width:767px) {
  .fukujin_table .kaisha th,
  .fukujin_table .kaisha td {
    padding: 0 20px;
    padding-bottom: 10px;
  }
}
.fukujin_table .kaisha th:before,
.fukujin_table .kaisha td:before {
  display: none;
}
.fukujin_table .koumoku {
  display: flex;
  align-items: center;
  gap: 0 20px;
  text-align: left;
}
@media screen and (max-width:767px) {
  .fukujin_table .koumoku {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
    max-width: 130px;
  }
}
.fukujin_table .arinashi {
  border-top: none;
}
.fukujin_table .arinashi th,
.fukujin_table .arinashi td {
  padding: 0;
  padding-bottom: 20px;
  line-height: 1.34;
}
@media screen and (max-width:767px) {
  .fukujin_table .arinashi th,
  .fukujin_table .arinashi td {
    padding: 0 20px;
    padding-bottom: 15px;
  }
}
.fukujin_table .arinashi th:before,
.fukujin_table .arinashi td:before {
  display: none;
}
@media screen and (max-width:767px) {
  .fukujin_table-arinashi {
    font-size: 14px;
    line-height: 1.3;
  }
}
@media screen and (min-width:768px), print {
  .fukujin_table-arinashi .koumoku {
    display: table-cell;
  }
}
@media screen and (max-width:767px) {
  .fukujin_table-arinashi .koumoku {
    padding-left: 0;
  }
}
.fukujin_table-arinashi .koumoku .wrap {
  display: flex;
  align-items: center;
  gap: 0 15px;
}
@media screen and (max-width:767px) {
  .fukujin_table-arinashi .koumoku .wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
  }
}
.fukujin_table-arinashi .koumoku .txt {
  color: var(--color-black);
}
.fukujin_table-arinashi .koumoku .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: var(--color-black);
  mask-image: url("../img/fukujin/common/icon-others.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
@media screen and (max-width:767px) {
  .fukujin_table-arinashi .koumoku .icon {
    width: 30px;
    height: 30px;
  }
}
.fukujin_table-arinashi .koumoku .icon-brand {
  mask-image: url("../img/fukujin/common/icon-brand.svg");
}
.fukujin_table-arinashi .koumoku .icon-kankei {
  mask-image: url("../img/fukujin/common/icon-kankei.svg");
}
.fukujin_table-arinashi .koumoku .icon-eigyou {
  mask-image: url("../img/fukujin/common/icon-eigyou.svg");
}
.fukujin_table-arinashi .koumoku .icon-shisand {
  mask-image: url("../img/fukujin/common/icon-shisand.svg");
}
.fukujin_table-arinashi .koumoku .icon-kyousou {
  mask-image: url("../img/fukujin/common/icon-kyousou.svg");
}
.fukujin_table-arinashi td {
  color: var(--color-gray);
}
.fukujin_link {
  color: var(--color-blue);
  cursor: pointer;
}
.fukujin_link[target=_blank]:after {
  width: 18px;
  height: 14px;
  mask-image: url("../img/fukujin/common/icon-newtab.svg");
}
@media screen and (max-width:767px) {
  .fukujin_link[target=_blank]:after {
    width: 16px;
    height: 13px;
  }
}
.fukujin_link:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 15px;
  margin-left: 10px;
  background: var(--color-blue);
  mask-image: url("../img/fukujin/common/icon-arrow.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
@media screen and (max-width:767px) {
  .fukujin_link:after {
    width: 7px;
    height: 11px;
  }
}
.fukujin_link-white {
  color: #fff !important;
}
.fukujin_link-white:after {
  background: #fff;
}
.fukujin_link_wrap {
  margin-bottom: 100px;
  text-align: center;
}
@media screen and (max-width:767px) {
  .fukujin_link_wrap {
    margin-bottom: 60px;
  }
}
.fukujin_link_wrap-left {
  margin-top: 60px;
  text-align: left;
}
@media screen and (max-width:767px) {
  .fukujin_link_wrap-left {
    margin-top: 30px;
  }
}
.fukujin_box {
  margin-top: 60px;
  padding: 60px;
  background: var(--bg-gray-02);
  border-radius: 20px;
}
@media screen and (max-width:767px) {
  .fukujin_box {
    margin-top: 50px;
    padding: 30px 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin-lower .fukujin_box {
    margin-top: 30px;
  }
}
.fukujin_box .ttl {
  margin-bottom: 20px;
  font-size: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_box .ttl {
    margin-bottom: 10px;
    font-size: 24px;
  }
}
.fukujin_box .ttl-center {
  text-align: center;
}
.fukujin_box .ttl-line {
  margin-bottom: 40px;
  padding-bottom: 15px;
  font-size: 24px;
  border-bottom: 1px solid var(--border-gray);
}
@media screen and (max-width:767px) {
  .fukujin_box .ttl-line {
    font-size: 20px;
  }
}
.fukujin_box .ttl-point {
  display: flex;
  flex-direction: column;
}
.fukujin_box .ttl-point .en {
  color: var(--color-gray);
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .fukujin_box .ttl-point .en {
    font-size: 14px;
  }
}
.fukujin_box .ttl-point .main {
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin_box .ttl-point .main {
    font-size: 20px;
  }
}
.fukujin_box .txt {
  color: var(--color-gray);
}
.fukujin_box .txt b {
  color: var(--color-black);
  font-weight: 700;
}
.fukujin_box .fukujin_caption-center {
  text-align: center;
}
.fukujin_box .fukujin_txts {
  margin-bottom: 0;
}
.fukujin_box .fukujin_table_wrap {
  margin-top: 60px;
}
.fukujin_box-white {
  background: #fff;
}
.fukujin_box-gray {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.fukujin_box-center {
  text-align: center;
}
.fukujin_box-clm {
  display: grid;
  grid-template-columns: 600fr 320fr;
  gap: 0 80px;
}
@media screen and (max-width:767px) {
  .fukujin_box-clm {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column-reverse;
    gap: 20px 0;
    padding: 40px;
  }
}
.fukujin_box-clm .main {
  color: var(--color-gray);
}
.fukujin_box-clm .main b {
  color: var(--color-black);
  font-weight: 700;
}
.fukujin_box-clm .aside figcaption {
  margin-top: 0.5em;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0;
}
@media screen and (max-width:767px) {
  .fukujin_box-clm .aside figcaption {
    font-size: 10px;
  }
}
.fukujin_box-naiyaku {
  margin-bottom: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_box-naiyaku {
    margin-bottom: 50px;
  }
}
@media screen and (min-width:768px), print {
  .fukujin_box-min {
    padding: 50px;
  }
}
.fukujin .read_wrap {
  position: relative;
}
.fukujin .read_block {
  position: relative;
  overflow: hidden;
  height: 270px;
}
.fukujin .read_block:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, white 20%, rgba(255, 255, 255, 0) 100%);
}
.fukujin .read_block.open:before {
  display: none;
}
.fukujin .read_more {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}
.fukujin .read_more.open {
  position: static;
}
@media screen and (max-width:767px) {
  .fukujin .read_more.open {
    margin-top: 20px;
  }
}
.fukujin .read_more.open:after {
  transform: rotate(-90deg);
}
.fukujin .read_more:after {
  transform: rotate(90deg);
  transition: ease all 0.3s;
}
.fukujin .ranking-list {
  margin-top: 60px;
}
@media screen and (max-width:767px) {
  .fukujin .ranking-list {
    margin-top: 30px;
  }
}
.fukujin .ranking-list:has(.ranking-list_block) {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 10px;
}
@media screen and (max-width:767px) {
  .fukujin .ranking-list:has(.ranking-list_block) {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width:767px) {
  .fukujin .ranking-list_block {
    margin-bottom: 30px;
  }
}
@media screen and (max-width:767px) {
  .fukujin .ranking-list_block:last-child {
    margin-bottom: 0;
  }
}
.fukujin .ranking-list_ttl {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 18px;
  border-bottom: 1px solid var(--color-black);
}
@media screen and (max-width:767px) {
  .fukujin .ranking-list_ttl {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.fukujin .ranking-list_ul {
  font-size: 13px;
  line-height: 1.5;
}
.fukujin .ranking-list_ul li {
  padding: 6px 0;
  border-bottom: 1px dashed var(--color-black);
}
.fukujin .ranking-list_ul li.first-rank {
  color: var(--color-red);
}
.fukujin .ranking-list_ul dl {
  display: flex;
  justify-content: space-between;
  gap: 0 1px;
}
.fukujin .ranking-list_ul dl .suuji {
  display: block;
  width: 100%;
  font-size: 11px;
}
@media screen and (max-width:767px) {
  .fukujin .ranking-list_ul dl .suuji {
    display: inline;
  }
}
.fukujin .ranking-list_ul dl .suuji-inline {
  display: inline;
  width: auto;
}
.fukujin .ranking-list_ul-inline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 10px;
}
@media screen and (max-width:767px) {
  .fukujin .ranking-list_ul-inline {
    grid-template-columns: 1fr;
  }
}
.fukujin .ranking-list_ul-inline dl .suuji {
  display: inline;
  width: auto;
}
.fukujin_loopslide .swiper-wrapper {
  transition-timing-function: linear;
}
.fukujin_loopslide .swiper-slide {
  width: 345px;
}
@media screen and (max-width:767px) {
  .fukujin_loopslide .swiper-slide {
    width: 190px;
  }
}
.fukujin_loopslide-forright {
  margin-top: 20px;
}
@media screen and (max-width:767px) {
  .fukujin_loopslide-forright {
    margin-top: 10px;
  }
}
.fukujin .label {
  display: inline-block;
  background: var(--color-red);
  color: #fff;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  border-radius: 20px;
}
@media screen and (max-width:767px) {
  .fukujin .label {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    border-radius: 18px;
  }
}
.fukujin .label-blue {
  background: var(--color-blue);
}
.fukujin .label-green {
  background: var(--color-green);
}
.fukujin .label-white {
  background: #fff;
  color: var(--color-black);
}
.fukujin .label-black {
  background: var(--color-black);
  color: #fff;
}
.fukujin_mv {
  height: 750px;
  background: var(--bg-gray);
}
@media screen and (max-width:767px) {
  .fukujin_mv {
    height: 570px;
  }
}
.fukujin_mv_inner {
  position: relative;
  height: 100%;
}
.fukujin_mv_bg {
  height: 100% !important;
  object-fit: cover;
  mask-image: url("../img/fukujin/copy.svg");
  mask-size: 1200px;
  mask-position: center;
  mask-repeat: no-repeat;
}
@media screen and (max-width:767px) {
  .fukujin_mv_bg {
    mask-image: url("../img/fukujin/copy_sp.svg");
    mask-size: 246px;
  }
}
.fukujin_boutou {
  padding: 100px 0 120px;
}
@media screen and (max-width:767px) {
  .fukujin_boutou {
    margin-bottom: 0;
    padding-bottom: 100px;
  }
}
.fukujin_boutou_h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 50px;
  margin-bottom: 50px !important;
  font-size: 50px;
  text-align: center;
}
@media screen and (max-width:767px) {
  .fukujin_boutou_h2 {
    flex-direction: column;
    gap: 20px 0;
    font-size: 27px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_boutou_h2 span {
    line-height: 1;
    display: block;
  }
}
@media screen and (max-width:767px) {
  .fukujin_boutou_h2 .kakeru {
    font-size: 20px;
  }
}
.fukujin_boutou_h2 .min {
  font-size: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_boutou_h2 .min {
    margin-bottom: 15px;
    font-size: 16px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_boutou_h2 br {
    display: none;
  }
}
.fukujin_boutou_clm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 50px;
}
@media screen and (max-width:767px) {
  .fukujin_boutou_clm {
    grid-template-columns: 1fr;
    gap: 50px 0;
  }
}
.fukujin_boutou_clm .img_wrap {
  margin-bottom: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_boutou_clm .img_wrap {
    margin-bottom: 20px;
  }
}
.fukujin_boutou_clm .ttl {
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin_boutou_clm .ttl {
    font-size: 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_about_swiper {
    overflow: visible !important;
  }
}
.fukujin_about_swiper .swiper-wrapper {
  counter-reset: li;
}
@media screen and (min-width:768px), print {
  .fukujin_about_swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_about_swiper .swiper-slide {
    width: 330px;
  }
}
.fukujin_about_swiper .swiper-inner {
  background: var(--bg-gray-02);
  border-radius: 20px;
  padding: 30px;
}
.fukujin_about_swiper .swiper-ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
  font-size: 24px;
}
.fukujin_about_swiper .swiper-ttl:before {
  margin-bottom: 15px;
  counter-increment: li;
  content: "STEP." counter(li, decimal);
  font-size: 22px;
}
.fukujin_about_swiper .swiper-ttl .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 40px;
  margin-bottom: 10px;
  line-height: 1;
}
.fukujin_about_swiper .swiper-dl {
  margin-top: 30px;
}
.fukujin_about_swiper .swiper-dl:first-of-type {
  margin-top: 0;
}
.fukujin_about_swiper .swiper-dl dt {
  position: relative;
  font-size: 14px;
  color: var(--color-gray);
  margin-bottom: 5px;
  padding-left: 25px;
}
.fukujin_about_swiper .swiper-dl dt:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-color: var(--color-gray);
  mask-image: url("../img/fukujin/common/icon-people.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.fukujin_about_swiper .swiper-dl dd {
  font-size: 16px;
}
.fukujin_about_swiper .swiper-dl-kouka dt:before {
  mask-image: url("../img/fukujin/common/icon-media.svg");
}
@media screen and (max-width:767px) {
  .fukujin_about_swiper_wrap {
    box-sizing: border-box;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0 20px;
    overflow-x: hidden;
  }
}
.fukujin_case {
  background: var(--bg-gray);
}
.fukujin_case_ue {
  position: relative;
  z-index: 1;
}
.fukujin_case_ue:before, .fukujin_case_ue:after {
  position: absolute;
  bottom: -1px;
  z-index: 1;
  content: "";
  display: block;
  width: 50%;
  height: 160px;
  background: var(--bg-gray);
}
@media screen and (max-width:767px) {
  .fukujin_case_ue:before, .fukujin_case_ue:after {
    height: calc(45 / var(--viewport-width) * var(--base-unit));
  }
}
.fukujin_matome .fukujin_case_ue:before, .fukujin_matome .fukujin_case_ue:after {
  background: #fff;
}
.fukujin_case_ue:before {
  left: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.fukujin_case_ue:after {
  right: 0;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.fukujin_case_ue_txts {
  position: absolute;
  left: 50%;
  top: calc(120 / var(--viewport-all-width) * var(--base-all-unit));
  transform: translateX(-50%);
  width: max-content;
  color: #fff;
  text-align: center;
  font-size: calc(34 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (min-width:1367px) {
  .fukujin_case_ue_txts {
    font-size: 34px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_case_ue_txts {
    box-sizing: border-box;
    width: 100%;
    padding: 0 calc(40 / var(--viewport-width) * var(--base-unit));
    top: 100px;
    top: calc(90 / var(--viewport-width) * var(--base-unit));
    font-size: 20px;
    font-size: calc(20 / var(--viewport-width) * var(--base-unit));
    text-align: left;
    letter-spacing: 0;
  }
}
@media screen and (max-width:767px) {
  .fukujin_matome .fukujin_case_ue_txts {
    text-align: center;
  }
}
.fukujin_case_ue_bg {
  position: relative;
  z-index: -1;
  vertical-align: bottom;
}
@media screen and (max-width:767px) {
  .fukujin_matome .fukujin_case_ue_bg {
    height: calc(300 / var(--viewport-width) * var(--base-unit));
  }
}
.fukujin_case_ue_bg:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.fukujin_matome .fukujin_case_ue_bg video {
  height: 100%;
  object-fit: cover;
}
.fukujin_case_blocks_block:last-child .fukujin_link_wrap {
  margin-bottom: 0;
}
.fukujin-methods .fukujin_case_blocks_block_slides {
  margin-top: 120px;
}
@media screen and (max-width:767px) {
  .fukujin-methods .fukujin_case_blocks_block_slides {
    margin-top: 100px;
  }
}
.fukujin_case_blocks_block_ttl {
  margin-top: 120px;
  margin-bottom: 60px;
  text-align: center;
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_ttl {
    margin-top: 100px;
    margin-bottom: 40px;
    font-size: 20px;
  }
}
.fukujin_case_blocks_block_subttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px !important;
  margin-bottom: 60px !important;
  text-align: center;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_subttl {
    margin-top: 50px !important;
    margin-bottom: 40px !important;
  }
}
.fukujin_case_blocks_block_subttl .label {
  margin-bottom: 10px;
}
.fukujin_case_blocks_block_subttl .big {
  font-size: 50px;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_subttl .big {
    font-size: 34px;
  }
}
.fukujin_case_blocks_block_subttl .min {
  font-size: 16px;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_subttl .min {
    font-size: 12px;
  }
}
.fukujin_case_blocks_block_jigyounaiyou {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0 20px;
  margin-bottom: 100px;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_jigyounaiyou {
    gap: 0 10px;
  }
}
.fukujin_case_blocks_block_jigyounaiyou dt {
  padding: 5px 20px;
  font-size: 16px;
  background: var(--color-black);
  border-radius: 20px;
  color: #fff;
  flex-shrink: 0;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_jigyounaiyou dt {
    font-size: 12px;
    padding: 5px 10px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_jigyounaiyou dd {
    font-size: 14px;
  }
}
.fukujin_case_blocks_block_main {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_main {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.fukujin_case_blocks_block_main.is-visible02 .imgs .img01 {
  opacity: 0;
  visibility: hidden;
}
.fukujin_case_blocks_block_main.is-visible02 .imgs .img02 {
  opacity: 1;
  visibility: visible;
}
.fukujin_case_blocks_block_main .txts {
  width: 44.6428571429%;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_main .txts {
    width: 100%;
    padding: 0 20px;
  }
}
.fukujin_case_blocks_block_main .txts_block {
  margin-bottom: 90vh;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_main .txts_block {
    margin-bottom: 100px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_main .txts_block:last-child {
    margin-bottom: 50px;
  }
}
.fukujin_case_blocks_block_main .txts_block_img {
  text-align: center;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_main .txts_block_img {
    width: fit-content;
    margin: 0 auto 50px;
  }
}
.fukujin_case_blocks_block_main .txts_block_txts .list {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width:768px), print {
  .fukujin_case_blocks_block_main .txts_block_txts .list {
    max-width: 395px;
  }
}
.fukujin_case_blocks_block_main .txts_block_txts .list li {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_main .txts_block_txts .list li {
    padding: 20px;
  }
}
.fukujin_case_blocks_block_main .txts_block_txts .h5 {
  margin-top: 100px;
  margin-bottom: 50px;
  font-size: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_main .txts_block_txts .h5 {
    font-size: 24px;
  }
}
.fukujin_case_blocks_block_main .txts_block_txts .h5:first-child {
  margin-top: 0;
}
.fukujin_case_blocks_block_main .txts_block_txts .group {
  margin-top: 50px;
}
.fukujin_case_blocks_block_main .txts_block_txts .group .label {
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: fit-content;
  font-size: 16px;
}
.fukujin_case_blocks_block_main .txts_block_txts .group .dl {
  margin-top: 20px;
}
.fukujin_case_blocks_block_main .txts_block_txts .group .dl dt {
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .fukujin_case_blocks_block_main .txts_block_txts .group .dl dd {
    margin-bottom: 3px;
    line-height: 1.3;
  }
}
.fukujin_case_blocks_block_main .txts_block_txts .group .dl dd .big {
  font-size: 30px;
}
.fukujin_case_blocks_block_main .txts_block_txts .txt {
  margin-top: 50px;
}
.fukujin_case_blocks_block_main .imgs {
  position: sticky;
  top: 50px;
  width: 44.6428571429%;
  height: auto;
  max-height: 630px; /* 最大高さを制限 */
}
.fukujin_case_blocks_block_main .imgs_img {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  filter: drop-shadow(0 3px 26px rgba(0, 0, 0, 0.4));
  transition: ease all 1s;
}
.fukujin_case_blocks_block_main .imgs_img:nth-child(n+2) {
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width:767px) {
  .fukujin_case .case_img_pc {
    max-width: 260px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_case .case_img_sp {
    max-width: 200px;
  }
}
.fukujin_cta_blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 20px;
}
@media screen and (max-width:767px) {
  .fukujin_cta_blocks {
    grid-template-columns: 1fr;
    gap: 20px 0;
  }
}
.fukujin_cta_blocks a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px 0;
  padding: 60px 20px;
  background: #fff;
  border-radius: 20px;
  text-align: center;
  color: var(--color-black);
  transition: ease all 0.3s;
  text-decoration: none;
}
@media screen and (max-width:767px) {
  .fukujin_cta_blocks a {
    padding: 30px 10px;
  }
}
.fukujin_cta_blocks a:hover {
  text-decoration: none;
  opacity: 1;
  transform: translateY(-10px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
}
.fukujin_cta_blocks a:hover img {
  opacity: 1;
}
.fukujin_cta_blocks a:hover .fukujin_btn02 {
  opacity: 1;
}
.fukujin_cta_blocks .icon {
  display: flex;
  align-items: center;
  min-height: 40px;
  margin: 0;
  vertical-align: middle;
}
.fukujin_cta_blocks .icon img {
  vertical-align: middle;
}
.fukujin_cta_blocks .ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 15px;
  font-size: 24px;
  font-weight: bold;
}
.fukujin_cta_blocks .ttl .sub {
  font-size: 18px;
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1;
}
.fukujin_cta_blocks .ttl .sub .min {
  margin-top: 5px;
  font-size: 10px;
}
.fukujin_tokuchou .fukujin_wrapper {
  max-width: 1000px;
  padding-bottom: 120px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou .fukujin_wrapper {
    padding-bottom: 100px;
  }
}
.fukujin_tokuchou_block {
  margin-top: 50vh;
}
.fukujin_tokuchou_block .img {
  margin-bottom: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_block .img {
    margin-bottom: 30px;
  }
}
.fukujin_tokuchou_block .fukujin_txts {
  margin-bottom: 60px;
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_block .fukujin_txts {
    margin-bottom: 30px;
  }
}
.fukujin_tokuchou_block .fukujin_txts b {
  color: #fff;
}
.fukujin_tokuchou_block .fukujin_box {
  margin-bottom: 120px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_block .fukujin_box {
    margin-bottom: 100px;
  }
}
.fukujin_tokuchou .fukujin_link_wrap {
  margin-bottom: 0;
}
@media screen and (max-width:767px) {
  .fukujin_hikaku {
    padding-top: 30px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_hikaku .fukujin_txts:last-of-type {
    margin-bottom: 0;
  }
}
.fukujin_nagare {
  padding-top: 120px !important;
  padding-bottom: 0;
}
@media screen and (max-width:767px) {
  .fukujin_nagare {
    padding-top: 100px;
  }
}
.fukujin_nagare .fukujin_h2 {
  margin-top: 0;
}
.fukujin_nagare_swiper {
  overflow: visible !important;
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_wrap {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow-x: hidden;
    padding: 0 20px;
  }
}
.fukujin_nagare_swiper .swiper-slide {
  width: 535px;
  height: auto;
  padding: 0 15px;
  padding-top: 50px;
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper .swiper-slide {
    width: 330px;
    padding: 0 10px;
    padding-top: 40px;
  }
}
.fukujin_nagare_swiper .swiper-slide:first-child {
  padding-left: 0;
}
.fukujin_nagare_swiper .swiper-slide:last-child {
  padding-right: 0;
}
.fukujin_nagare_swiper .swiper-slide:nth-child(n+2) .fukujin_nagare_swiper_phase {
  left: 15px;
  padding: 0 10px;
}
.fukujin_nagare_swiper .swiper-slide:before {
  position: absolute;
  left: 0;
  top: 18px;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper .swiper-slide:before {
    top: 13px;
  }
}
.fukujin_nagare_swiper_box {
  box-sizing: border-box;
  height: 100%;
  padding: 30px;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_box {
    padding: 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_box .img_wrap {
    border-radius: 10px;
  }
}
.fukujin_nagare_swiper_box .ttl {
  display: flex;
  margin-top: 20px;
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_box .ttl {
    font-size: 20px;
  }
}
.fukujin_nagare_swiper_box .ttl .sub {
  color: var(--color-gray-02);
}
.fukujin_nagare_swiper_box .ttl .main {
  display: flex;
  align-items: center;
}
.fukujin_nagare_swiper_box .ttl .main:before {
  content: "";
  display: block;
  width: 20px;
  height: 3px;
  border-radius: 1.5px;
  background: var(--color-gray-02);
  margin: 0 20px;
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_box .ttl .main:before {
    width: 15px;
    margin: 0 15px;
  }
}
.fukujin_nagare_swiper_box .txts {
  margin-top: 20px;
  font-size: 18px;
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_box .txts {
    margin-top: 15px;
    font-size: 16px;
  }
}
.fukujin_nagare_swiper_box .txts > * {
  margin-top: 1em;
}
.fukujin_nagare_swiper_box .txts > *:first-child {
  margin-top: 0;
}
.fukujin_nagare_swiper_box .koumoku {
  margin-top: 50px;
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_box .koumoku {
    margin-top: 40px;
  }
}
.fukujin_nagare_swiper_box .koumoku_clm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 15px;
}
.fukujin_nagare_swiper_box .koumoku_ttl {
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  border-bottom: 1px solid var(--border-gray);
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_box .koumoku_ttl {
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 16px;
  }
}
.fukujin_nagare_swiper_box .koumoku .checklist {
  font-size: 14px;
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_box .koumoku .checklist {
    margin-top: 0;
  }
}
.fukujin_nagare_swiper_box .koumoku .checklist li {
  padding-left: 19px;
}
.fukujin_nagare_swiper_box .koumoku .checklist li:before {
  width: 13px;
  height: 9px;
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_box .koumoku .checklist li:before {
    top: 8px;
  }
}
.fukujin_nagare_swiper_phase {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  padding-right: 10px;
  background: var(--bg-gray);
}
@media screen and (max-width:767px) {
  .fukujin_nagare_swiper_phase {
    font-size: 14px !important;
  }
}
.fukujin_nagare_last {
  position: relative;
}
@media screen and (max-width:767px) {
  .fukujin_nagare_last {
    margin-top: calc(-236 / var(--viewport-width) * var(--base-unit));
  }
}
.fukujin_nagare_last:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent linear-gradient(180deg, #F3F3F6 0%, rgba(243, 243, 246, 0) 100%) 0% 0% no-repeat;
  height: calc(290 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (min-width:1367px) {
  .fukujin_nagare_last:before {
    height: 290px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_nagare_last:before {
    height: 290px;
  }
}
.fukujin_nagare_last .fukujin_wrapper {
  position: relative;
}
.fukujin_nagare_last_copy {
  box-sizing: border-box;
  width: 100%;
  max-width: 1120px;
  padding: 0 20px;
  position: absolute;
  left: 50%;
  bottom: 146px;
  transform: translateX(-50%);
  color: #fff;
  font-size: calc(60 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (min-width:1367px) {
  .fukujin_nagare_last_copy {
    font-size: 60px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_nagare_last_copy {
    bottom: calc(363 / var(--viewport-width) * var(--base-unit));
    text-align: center;
    font-size: calc(36 / var(--viewport-width) * var(--base-unit));
  }
}
.fukujin_price_blocks {
  display: flex;
  gap: 0 60px;
  margin-bottom: 60px;
  line-height: 1;
}
@media screen and (max-width:767px) {
  .fukujin_price_blocks {
    margin-bottom: 30px;
  }
}
.fukujin_price_blocks dl {
  display: flex;
  flex-direction: column;
}
.fukujin_price_blocks dt {
  font-size: 18px;
  color: var(--color-gray);
}
.fukujin_price_blocks dd {
  margin-top: 10px;
}
@media screen and (max-width:767px) {
  .fukujin_price_blocks dd {
    margin-top: 5px;
  }
}
.fukujin_price_blocks dd .big {
  font-size: 50px;
}
.fukujin_price_naiyaku_blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media screen and (max-width:767px) {
  .fukujin_price_naiyaku_blocks {
    grid-template-columns: 1fr;
    gap: 40px 0;
  }
}
.fukujin_price_naiyaku_blocks_dl dt {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media screen and (max-width:767px) {
  .fukujin_price_naiyaku_blocks_dl dt {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
.fukujin_price_naiyaku_blocks_dl dt .icon {
  line-height: 1;
}
@media screen and (max-width:767px) {
  .fukujin_price_naiyaku_blocks_dl dt .icon img {
    height: 20px;
    width: auto;
  }
}
.fukujin_price_naiyaku_blocks_dl dt .txt {
  display: flex;
  align-items: center;
}
.fukujin_price_naiyaku_blocks_dl dt .txt:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 3px;
  border-radius: 1.5px;
  background: var(--border-gray);
  margin: 0 10px;
}
@media screen and (max-width:767px) {
  .fukujin_price_naiyaku_blocks_dl dt .txt:before {
    width: 15px;
  }
}
.fukujin_price_naiyaku_blocks_dl dd {
  position: relative;
  padding-left: 1em;
  font-size: 18px;
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin_price_naiyaku_blocks_dl dd {
    font-size: 14px;
  }
}
.fukujin_price_naiyaku_blocks_dl dd:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.fukujin_faq {
  padding-top: 120px !important;
}
@media screen and (max-width:767px) {
  .fukujin_faq {
    padding-top: 100px !important;
  }
}
.fukujin_faq .fukujin_txts {
  margin-bottom: 0;
}
.fukujin_faq_blocks {
  margin-bottom: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks {
    margin-bottom: 50px;
  }
}
.fukujin-lower .fukujin_faq_blocks {
  margin-bottom: 0;
}
.fukujin-methods .fukujin_faq_blocks {
  margin-bottom: 120px;
}
@media screen and (max-width:767px) {
  .fukujin-methods .fukujin_faq_blocks {
    margin-bottom: 100px;
  }
}
.fukujin_faq_blocks_box {
  margin-top: 20px;
  padding: 40px 60px;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks_box {
    padding: 30px 20px;
  }
}
.fukujin_faq_blocks_box:first-child {
  margin-top: 0;
}
.fukujin_faq_blocks_box .ttl {
  position: relative;
  font-size: 24px;
  margin-bottom: 20px;
  padding-left: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks_box .ttl {
    margin-bottom: 15px;
    padding-left: 35px;
    font-size: 20px;
  }
}
.fukujin_faq_blocks_box .ttl:before {
  position: absolute;
  left: 0;
  top: -1px;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: var(--color-black);
  mask-image: url("../img/fukujin/common/iocn-q.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks_box .ttl:before {
    top: 5px;
    width: 20px;
    height: 20px;
  }
}
.fukujin_faq_blocks_box .txts {
  padding-left: 60px;
  color: var(--color-gray);
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks_box .txts {
    padding-left: 35px;
    font-size: 16px;
  }
}
.fukujin_faq_blocks_box .txts > * {
  margin-top: 1em;
}
.fukujin_faq_blocks_box .txts > *:first-child {
  margin-top: 0;
}
.fukujin_faq_blocks_box .txts b {
  color: var(--color-black);
}
.fukujin_faq_blocks-caution {
  margin-top: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks-caution {
    margin-top: 30px;
  }
}
.fukujin_faq_blocks-caution .ttl:before {
  top: -3px;
  mask-image: url("../img/fukujin/common/icon-caution.svg");
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks-caution .ttl:before {
    top: 5px;
  }
}
.fukujin_faq_blocks-accordions {
  border: none !important;
}
.fukujin_faq_blocks-accordions .fukujin_faq_blocks_box {
  padding: 0;
}
.fukujin_faq_blocks-accordions .fukujin_accordions_trigger {
  border: none;
  margin-bottom: 0;
  padding: 25px 30px;
  padding-left: 90px;
  padding-right: 64px;
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks-accordions .fukujin_accordions_trigger {
    padding: 20px;
    padding-left: 50px;
    padding-right: 45px;
    font-size: 16px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks-accordions .fukujin_accordions_trigger.open:after {
    transform: translateY(0) rotate(-90deg);
  }
}
.fukujin_faq_blocks-accordions .fukujin_accordions_trigger:before {
  left: 30px;
  top: 23px;
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks-accordions .fukujin_accordions_trigger:before {
    left: 20px;
  }
}
.fukujin_faq_blocks-accordions .fukujin_accordions_trigger:after {
  right: 30px;
  width: 14px;
  height: 24px;
  background: var(--color-blue);
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks-accordions .fukujin_accordions_trigger:after {
    right: 20px;
    top: 25px;
    width: 9px;
    height: 15px;
    transform: translateY(0) rotate(90deg);
  }
}
.fukujin_faq_blocks-accordions .fukujin_accordions_content {
  padding: 0 30px;
  padding-left: 90px;
  padding-bottom: 25px;
}
@media screen and (max-width:767px) {
  .fukujin_faq_blocks-accordions .fukujin_accordions_content {
    padding: 0 20px;
    padding-left: 50px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_message {
    padding-top: 0;
  }
}
.fukujin_knowledge {
  padding-top: 120px !important;
}
@media screen and (max-width:767px) {
  .fukujin_knowledge {
    padding-top: 100px;
  }
}
.fukujin_knowledge_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}
@media screen and (max-width:767px) {
  .fukujin_knowledge_list {
    grid-template-columns: 1fr;
    gap: 20px 0;
  }
}
.fukujin_knowledge_list a {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  transition: ease all 0.3s;
}
.fukujin_knowledge_list a:hover {
  text-decoration: none;
  opacity: 1;
  transform: translateY(-10px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
}
.fukujin_knowledge_list .img_wrap {
  border-radius: 10px;
}
.fukujin_knowledge_list .ttl {
  margin-top: 20px;
  color: var(--color-black);
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .fukujin_knowledge_list .ttl {
    margin-top: 15px;
    font-size: 16px;
  }
}
.fukujin_knowledge_list .categorys {
  margin-top: 10px;
  font-size: 10px;
  color: var(--color-gray);
}
.fukujin_knowledge_list .arrow {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-blue);
}
@media screen and (max-width:767px) {
  .fukujin_knowledge_list .arrow {
    width: 30px;
    height: 30px;
  }
}
.fukujin_knowledge_list .arrow:before {
  content: "";
  display: block;
  width: 9px;
  height: 15px;
  background: #fff;
  mask-image: url("../img/fukujin/common/icon-arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.fukujin_knowledge_list-ranking {
  counter-reset: li;
}
.fukujin_knowledge_list-ranking li:nth-child(1) a:before, .fukujin_knowledge_list-ranking li:nth-child(1) a:after {
  background: #AD8826;
}
.fukujin_knowledge_list-ranking li:nth-child(2) a:before, .fukujin_knowledge_list-ranking li:nth-child(2) a:after {
  background: #B2B2B2;
}
.fukujin_knowledge_list-ranking li:nth-child(3) a:before, .fukujin_knowledge_list-ranking li:nth-child(3) a:after {
  background: #875E4A;
}
.fukujin_knowledge_list-ranking a:before, .fukujin_knowledge_list-ranking a:after {
  position: absolute;
  right: 30px;
  width: 40px;
  background: var(--color-blue);
  z-index: 1;
}
.fukujin_knowledge_list-ranking a:before {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  height: 40px;
  counter-increment: li;
  content: counter(li, decimal);
  color: #fff;
}
.fukujin_knowledge_list-ranking a:after {
  content: "";
  display: block;
  height: 10px;
  top: 40px;
  clip-path: polygon(100% 0, 100% 100%, 50% 0, 0 100%, 0 0);
}
.fukujin_knowledge_catlist {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width:767px) {
  .fukujin_knowledge_catlist {
    gap: 10px;
  }
}
.fukujin_knowledge_catlist a {
  display: block;
  background: #fff;
  padding: 8px 30px;
  border-radius: 25px;
  transition: ease all 0.3s;
}
@media screen and (max-width:767px) {
  .fukujin_knowledge_catlist a {
    padding: 8px 20px;
  }
}
.fukujin_knowledge_catlist a:hover {
  text-decoration: none;
  opacity: 1;
  transform: translateY(-10px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
}
.fukujin_knowledge_catlist a:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 15px;
  margin-left: 10px;
  background: var(--color-blue);
  mask-image: url("../img/fukujin/common/icon-arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.fukujin_contentfooter {
  padding-top: 120px;
  padding-bottom: 120px;
  font-size: 18px;
  background: #fff;
}
@media screen and (max-width:767px) {
  .fukujin_contentfooter {
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 16px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_contentfooter .fukujin_wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.fukujin_contentfooter .fukujin_h2-simple {
  margin-top: 0;
  margin-bottom: 60px !important;
  padding-top: 0;
  border: none;
}
@media screen and (max-width:767px) {
  .fukujin_contentfooter .fukujin_h2-simple {
    margin-bottom: 50px !important;
  }
}
.fukujin_contentfooter .fukujin_h2-simple:before {
  display: none;
}
.fukujin_contentfooter_links {
  display: flex;
  gap: 0 50px;
}
@media screen and (max-width:767px) {
  .fukujin_contentfooter_links {
    flex-direction: column;
    gap: 50px 0;
  }
}
.fukujin_contentfooter_links > ul > li:first-child {
  margin-top: 0;
}
.fukujin_contentfooter_links li {
  margin-top: 0.5em;
  color: var(--color-gray);
}
.fukujin_contentfooter a {
  color: var(--color-black);
  text-decoration: none;
}
.fukujin_contentfooter a:hover {
  text-decoration: none;
  color: var(--color-blue);
}
.fukujin-lower .fukujin_section.fukujin_100vw.bg_gray {
  padding-top: 120px;
}
@media screen and (max-width:767px) {
  .fukujin-lower .fukujin_section.fukujin_100vw.bg_gray {
    padding-top: 100px;
  }
}
.fukujin-lower_mv {
  height: 400px;
  margin-bottom: 80px;
}
@media screen and (max-width:767px) {
  .fukujin-lower_mv {
    height: 150px;
    margin-bottom: 50px;
  }
}
.fukujin-lower_mv picture {
  height: 100%;
}
.fukujin-lower_mv_bg {
  width: 100%;
  max-width: none;
  height: 100% !important;
  object-fit: cover;
}
.fukujin-lower_boutou {
  margin: 0;
  padding-bottom: 120px;
}
@media screen and (max-width:767px) {
  .fukujin-lower_boutou {
    padding-bottom: 100px;
  }
}
.fukujin-lower_boutou .fukujin_txts {
  margin-bottom: 0;
}
.fukujin-lower_pagettlin {
  position: relative;
  z-index: 1;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--font-ja);
  font-weight: bold;
}
@media screen and (max-width:767px) {
  .fukujin-lower_pagettlin {
    height: 200px;
  }
}
.fukujin-lower_pagettlin:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.fukujin-lower_pagettlin_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fukujin-lower_pagettlin_ttl {
  font-size: 50px !important;
  line-height: 1.34;
  margin: 0;
}
@media screen and (max-width:767px) {
  .fukujin-lower_pagettlin_ttl {
    font-size: 30px !important;
  }
}
.fukujin-lower_container {
  padding: 80px 0 120px;
}
@media screen and (max-width:767px) {
  .fukujin-lower_container {
    padding: 50px 0 100px;
  }
}
.fukujin_pagettl {
  margin-bottom: 80px;
  text-align: center;
  line-height: 1.45;
}
@media screen and (max-width:767px) {
  .fukujin_pagettl {
    margin-bottom: 35px;
  }
}
.fukujin_pagettl .sub {
  color: var(--color-gray-02);
}
@media screen and (max-width:767px) {
  .fukujin_pagettl .sub {
    font-size: 14px;
  }
}
.fukujin_pagettl .main {
  font-size: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_pagettl .main {
    margin-top: 5px;
    font-size: 30px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_pagettl .label {
    margin-bottom: 10px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_pagettl-futatu {
    margin-bottom: 50px;
  }
}
.fukujin_pagettl-ttlonly {
  padding-top: 100px;
}
@media screen and (max-width:767px) {
  .fukujin_pagettl-ttlonly {
    padding-top: 50px;
    margin-bottom: 50px;
  }
}
.fukujin_pagettl-ttlonly .main {
  margin-top: 0;
}
.fukujin_pagettl-labelin {
  padding-top: 100px;
}
@media screen and (max-width:767px) {
  .fukujin_pagettl-labelin {
    margin-bottom: 50px;
    padding-top: 50px;
  }
}
.fukujin_copy {
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: center;
  font-size: 90px;
  font-weight: bold;
  line-height: 1.45;
}
@media screen and (max-width:767px) {
  .fukujin_copy {
    margin-top: 35px;
    margin-bottom: 50px;
    font-size: 40px;
  }
}
.fukujin_tokuchou:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.fukujin_tokuchou_menu {
  margin-bottom: 120px;
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu {
    margin-top: 50px;
    margin-bottom: 100px;
    font-size: 16px;
  }
}
.fukujin_tokuchou_menu_dl {
  display: flex;
  align-items: center;
  gap: 0 80px;
  padding: 30px 20px;
  border-top: 1px solid var(--border-gray);
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu_dl {
    align-items: flex-start;
    gap: 0 30px;
    padding: 30px 0;
  }
}
.fukujin_tokuchou_menu_dl:last-of-type {
  border-bottom: 1px solid var(--border-gray);
}
.fukujin_tokuchou_menu_dl dt {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 110px;
  text-align: center;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu_dl dt {
    min-width: 70px;
    font-size: 12px;
  }
}
.fukujin_tokuchou_menu_dl dt .icon {
  display: block;
  width: 40px;
  height: 40px;
  background: var(--color-black);
  mask-image: url("../img/fukujin/common/icon-web.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.fukujin_tokuchou_menu_dl dt .icon-option {
  mask-image: url("../img/fukujin/common/icon-option.svg");
}
.fukujin_tokuchou_menu_dl dt .txt {
  margin-top: 10px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu_dl dt .txt {
    margin-top: 5px;
  }
}
.fukujin_tokuchou_menu_dl_ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  font-size: 18px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu_dl_ul {
    flex-direction: column;
    gap: 10px 0;
    font-size: 16px;
  }
}
.fukujin_tokuchou_menu_dl .fukujin_link:after {
  transform: rotate(90deg);
}
.fukujin_tokuchou_menu_hoka {
  margin-top: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu_hoka {
    margin-top: 50px;
  }
}
.fukujin_tokuchou_menu_hoka .ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px 0;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu_hoka .ttl {
    gap: 5px 0;
  }
}
.fukujin_tokuchou_menu_hoka .ttl .label {
  background: var(--color-black);
  font-size: 18px;
  height: auto;
  line-height: 1;
  padding: 8px 20px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu_hoka .ttl .label {
    padding: 8px 15px;
    font-size: 14px;
  }
}
.fukujin_tokuchou_menu_hoka .ttl .txt {
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu_hoka .ttl .txt {
    font-size: 18px;
  }
}
.fukujin_tokuchou_menu_hoka .list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  margin-top: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_tokuchou_menu_hoka .list {
    margin-top: 20px;
  }
}
.fukujin_tokuchou_menu-foot .fukujin_tokuchou_menu_dl .fukujin_link:after {
  transform: rotate(0);
}
.fukujin-features-index .fukujin_tokuchou_menu-foot {
  margin-top: 0;
}
.fukujin-features_blocks, .fukujin-jirei_blocks {
  counter-reset: li;
  display: flex;
  flex-direction: column;
  gap: 60px 0;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks, .fukujin-jirei_blocks {
    gap: 30px 0;
  }
}
.fukujin-features_blocks_block, .fukujin-jirei_blocks_block {
  padding: 60px;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block, .fukujin-jirei_blocks_block {
    padding: 30px 20px;
  }
}
.fukujin-features_blocks_block .ttl, .fukujin-jirei_blocks_block .ttl {
  display: flex;
  align-items: center;
  gap: 0 15px;
  color: var(--color-gray);
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .ttl, .fukujin-jirei_blocks_block .ttl {
    gap: 0 10px;
    font-size: 14px;
  }
}
.fukujin-features_blocks_block .ttl .icon, .fukujin-jirei_blocks_block .ttl .icon {
  display: block;
  width: 36px;
  height: 36px;
  background: var(--color-gray);
  mask-image: url("../img/fukujin/common/icon-seo.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .ttl .icon, .fukujin-jirei_blocks_block .ttl .icon {
    width: 30px;
    height: 30px;
  }
}
.fukujin-features_blocks_block .ttl .icon-article, .fukujin-jirei_blocks_block .ttl .icon-article {
  mask-image: url("../img/fukujin/common/icon-writing.svg");
}
.fukujin-features_blocks_block .ttl .icon-movie, .fukujin-jirei_blocks_block .ttl .icon-movie {
  mask-image: url("../img/fukujin/common/icon-movie.svg");
}
.fukujin-features_blocks_block .ttl .icon-sns, .fukujin-jirei_blocks_block .ttl .icon-sns {
  mask-image: url("../img/fukujin/common/icon-sns.svg");
}
.fukujin-features_blocks_block .ttl .icon-media, .fukujin-jirei_blocks_block .ttl .icon-media {
  mask-image: url("../img/fukujin/common/icon-web.svg");
}
.fukujin-features_blocks_block .ttl .icon-analysis, .fukujin-jirei_blocks_block .ttl .icon-analysis {
  mask-image: url("../img/fukujin/common/icon-analysis.svg");
}
.fukujin-features_blocks_block .ttl .icon-others, .fukujin-jirei_blocks_block .ttl .icon-others {
  mask-image: url("../img/fukujin/common/icon-others.svg");
}
.fukujin-features_blocks_block .ttl .icon-option-sns, .fukujin-jirei_blocks_block .ttl .icon-option-sns {
  mask-image: url("../img/fukujin/common/icon-option-sns.svg");
}
.fukujin-features_blocks_block .ttl .icon-option-movie, .fukujin-jirei_blocks_block .ttl .icon-option-movie {
  mask-image: url("../img/fukujin/common/icon-option-movie.svg");
}
.fukujin-features_blocks_block .ttl-number, .fukujin-jirei_blocks_block .ttl-number {
  position: relative;
  padding-left: calc(1em + 20px + 20px);
  color: var(--color-black);
  font-size: 40px;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .ttl-number, .fukujin-jirei_blocks_block .ttl-number {
    padding-left: calc(1em + 10px);
    font-size: 22px;
  }
}
.fukujin-features_blocks_block .ttl-number:before, .fukujin-features_blocks_block .ttl-number:after, .fukujin-jirei_blocks_block .ttl-number:before, .fukujin-jirei_blocks_block .ttl-number:after {
  position: absolute;
}
.fukujin-features_blocks_block .ttl-number:before, .fukujin-jirei_blocks_block .ttl-number:before {
  left: 0;
  top: 0;
  counter-increment: li;
  content: counter(li, decimal);
  color: var(--border-gray);
}
.fukujin-features_blocks_block .ttl-number:after, .fukujin-jirei_blocks_block .ttl-number:after {
  left: calc(1em + 0px);
  top: 27px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 5px;
  border-radius: 2.5px;
  background: var(--border-gray);
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .ttl-number:after, .fukujin-jirei_blocks_block .ttl-number:after {
    display: none;
  }
}
.fukujin-features_blocks_block .copy, .fukujin-jirei_blocks_block .copy {
  margin-top: 20px;
  font-weight: bold;
  font-size: 46px;
  line-height: 1.45;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .copy, .fukujin-jirei_blocks_block .copy {
    margin-top: 10px;
    font-size: 24px;
  }
}
.fukujin-features_blocks_block .img_wrap, .fukujin-jirei_blocks_block .img_wrap {
  margin-top: 60px;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .img_wrap, .fukujin-jirei_blocks_block .img_wrap {
    margin-top: 20px;
    border-radius: 10px;
  }
}
.fukujin-features_blocks_block .txts, .fukujin-jirei_blocks_block .txts {
  margin-top: 30px;
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .txts, .fukujin-jirei_blocks_block .txts {
    margin-top: 20px;
    font-size: 14px;
  }
}
.fukujin-features_blocks_block .txts > *, .fukujin-jirei_blocks_block .txts > * {
  margin-top: 1em;
}
.fukujin-features_blocks_block .txts > *:first-child, .fukujin-jirei_blocks_block .txts > *:first-child {
  margin-top: 0;
}
.fukujin-features_blocks_block .txts b, .fukujin-jirei_blocks_block .txts b {
  color: var(--color-black);
}
.fukujin-features_blocks_block .checklist, .fukujin-jirei_blocks_block .checklist {
  margin-top: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid var(--border-gray);
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .checklist, .fukujin-jirei_blocks_block .checklist {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.fukujin-features_blocks_block .checklist li, .fukujin-jirei_blocks_block .checklist li {
  padding: 60px 0;
  padding-left: 26px;
  border-top: 1px solid var(--border-gray);
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .checklist li, .fukujin-jirei_blocks_block .checklist li {
    padding: 25px 0;
    padding-left: 23px;
  }
}
.fukujin-features_blocks_block .checklist li:before, .fukujin-jirei_blocks_block .checklist li:before {
  width: 16px;
  height: 16px;
  top: 67px;
  background: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .checklist li:before, .fukujin-jirei_blocks_block .checklist li:before {
    top: 30px;
    width: 13px;
    height: 13px;
  }
}
.fukujin-features_blocks_block .checklist dt, .fukujin-jirei_blocks_block .checklist dt {
  font-size: 18px;
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .checklist dt, .fukujin-jirei_blocks_block .checklist dt {
    font-size: 14px;
  }
}
.fukujin-features_blocks_block .checklist dd, .fukujin-jirei_blocks_block .checklist dd {
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .checklist dd, .fukujin-jirei_blocks_block .checklist dd {
    font-size: 17px;
  }
}
.fukujin-features_blocks_block .subttl, .fukujin-jirei_blocks_block .subttl {
  display: flex;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 20px;
  border-bottom: 1px solid var(--border-gray);
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .subttl, .fukujin-jirei_blocks_block .subttl {
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 16px;
  }
}
.fukujin-features_blocks_block .subttl:before, .fukujin-jirei_blocks_block .subttl:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background-image: url("../img/fukujin/common/icon-good.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .subttl:before, .fukujin-jirei_blocks_block .subttl:before {
    width: 20px;
    height: 20px;
  }
}
.fukujin-features_blocks_block .subttl-kouka:before, .fukujin-jirei_blocks_block .subttl-kouka:before {
  background-image: url("../img/fukujin/common/icon-kirakira.svg");
}
.fukujin-features_blocks_block .subttl-rei:before, .fukujin-jirei_blocks_block .subttl-rei:before {
  background-image: url("../img/fukujin/common/icon-pen.svg");
}
.fukujin-features_blocks_block .list_simple, .fukujin-jirei_blocks_block .list_simple {
  font-size: 18px;
  color: var(--color-gray);
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .list_simple, .fukujin-jirei_blocks_block .list_simple {
    font-size: 14px;
  }
}
.fukujin-features_blocks_block .list_simple b, .fukujin-jirei_blocks_block .list_simple b {
  color: var(--color-black);
}
.fukujin-features_blocks_block .clms, .fukujin-jirei_blocks_block .clms {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width:767px) {
  .fukujin-features_blocks_block .clms, .fukujin-jirei_blocks_block .clms {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
@media screen and (min-width:768px), print {
  .fukujin-features_blocks_block .clms_block, .fukujin-jirei_blocks_block .clms_block {
    width: 47.5%;
  }
}
.fukujin-features_blocks_block .clms_block-100, .fukujin-jirei_blocks_block .clms_block-100 {
  width: 100%;
}
.fukujin-features_blocks-option .fukujin-features_blocks_block, .fukujin-jirei_blocks-option .fukujin-features_blocks_block {
  background: var(--bg-gray-02);
}
.fukujin-jirei_blocks {
  margin-top: 60px;
}
@media screen and (max-width:767px) {
  .fukujin-jirei_blocks {
    margin-top: 50px;
  }
}
.fukujin-jirei_blocks_block .ttl {
  font-size: 40px;
  color: var(--color-black);
}
@media screen and (max-width:767px) {
  .fukujin-jirei_blocks_block .ttl {
    font-size: 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin-jirei_blocks_block .img_wrap {
    margin-top: 30px;
  }
}
.fukujin_subcopy {
  position: relative;
  z-index: 1;
  margin-bottom: 60px;
  padding: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
}
@media screen and (max-width:767px) {
  .fukujin_subcopy {
    margin-bottom: 30px;
    padding: 30px 0;
    font-size: 16px;
  }
}
.fukujin_subcopy:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.fukujin_subcopy_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  height: 100%;
  object-fit: cover;
}
.fukujin_accordions {
  border-bottom: 1px solid var(--border-gray);
}
.fukujin_accordions_trigger {
  position: relative;
  cursor: pointer;
  padding: 10px 0;
  border-top: 1px solid var(--border-gray);
  font-weight: 600;
}
.fukujin_accordions_trigger.open:after {
  transform: translateY(-50%) rotate(-90deg);
}
.fukujin_accordions_trigger:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  content: "";
  display: block;
  width: 7px;
  height: 11px;
  background: var(--color-black);
  mask-image: url("../img/fukujin/common/icon-arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  transition: ease all 0.3s;
}
.fukujin_accordions_trigger b {
  color: var(--color-black);
  font-weight: 600;
}
.fukujin_accordions_content {
  display: none;
  padding-bottom: 10px;
}
.fukujin_accordions-kodawari .fukujin_accordions_trigger {
  display: flex;
  gap: 0 20px;
}
@media screen and (max-width:767px) {
  .fukujin_accordions-kodawari .fukujin_accordions_trigger {
    gap: 0 10px;
  }
}
.fukujin_accordions-kodawari .fukujin_accordions_content {
  font-size: 14px;
}
.fukujin-important .fukujin_reason {
  padding-top: 0;
}
.fukujin_kadai {
  padding-top: 0;
}
.fukujin_kadai_ol {
  counter-reset: li;
}
.fukujin_kadai_ol li {
  position: relative;
  margin-top: 60px;
  padding-left: 80px;
}
@media screen and (max-width:767px) {
  .fukujin_kadai_ol li {
    margin-top: 30px;
    padding-left: 0;
  }
}
.fukujin_kadai_ol li:first-child {
  margin-top: 0;
}
.fukujin_kadai_ol .ttl {
  font-size: 24px;
}
@media screen and (max-width:767px) {
  .fukujin_kadai_ol .ttl {
    font-size: 20px;
    padding-left: 40px;
  }
}
.fukujin_kadai_ol .ttl:before {
  position: absolute;
  left: 0;
  top: 0;
  counter-increment: li;
  content: counter(li, decimal);
}
.fukujin_kadai_ol .ttl:after {
  position: absolute;
  left: calc(1em + 12px);
  top: 16px;
  content: "";
  display: block;
  width: 20px;
  height: 3px;
  border-radius: 1.5px;
  background: var(--color-black);
}
@media screen and (max-width:767px) {
  .fukujin_kadai_ol .ttl:after {
    left: 1em;
    top: 14px;
    width: 10px;
  }
}
.fukujin_kadai_ol .txts {
  color: var(--color-gray);
}
.fukujin_kadai_ol .txts b {
  color: var(--color-black);
}
.fukujin_matome_ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}
@media screen and (max-width:767px) {
  .fukujin_matome_ttl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
.fukujin_matome_ttl > * {
  line-height: 1;
}
@media screen and (max-width:767px) {
  .fukujin_matome_ttl > * {
    line-height: 1.3;
  }
}
.fukujin_matome_ttl .min {
  font-size: calc(50 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (min-width:1367px) {
  .fukujin_matome_ttl .min {
    font-size: 50px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_matome_ttl .min {
    font-size: 20px;
  }
}
.fukujin_matome_ttl .big {
  margin-top: 40px;
  font-size: calc(90 / var(--viewport-all-width) * var(--base-all-unit));
}
@media screen and (min-width:1367px) {
  .fukujin_matome_ttl .big {
    font-size: 90px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_matome_ttl .big {
    margin-top: 20px;
    font-size: 36px;
  }
}
.fukujin_matome_ttl .img {
  margin-top: 40px;
}
@media screen and (max-width:767px) {
  .fukujin_matome_ttl .img {
    margin-top: 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_matome_ttl .img img {
    width: 235px;
  }
}
.fukujin_bottom {
  margin-top: 120px;
  margin-bottom: 120px;
}
@media screen and (max-width:767px) {
  .fukujin_bottom {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
.fukujin_bottom_links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}
@media screen and (max-width:767px) {
  .fukujin_bottom_links {
    flex-direction: column;
    gap: 10px 0;
  }
}
.fukujin_bottom-important {
  margin-top: 0;
}
.fukujin_anchorlist a {
  cursor: pointer;
}
.fukujin_anchorlist a[target=_blank]:after {
  width: 18px;
  height: 14px;
  mask-image: url("../img/fukujin/common/icon-newtab.svg");
}
@media screen and (max-width:767px) {
  .fukujin_anchorlist a[target=_blank]:after {
    width: 16px;
    height: 13px;
  }
}
.fukujin_anchorlist a:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 15px;
  margin-left: 10px;
  background: var(--color-blue);
  mask-image: url("../img/fukujin/common/icon-arrow.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transform: rotate(90deg);
}
@media screen and (max-width:767px) {
  .fukujin_anchorlist a:after {
    width: 7px;
    height: 11px;
  }
}
.fukujin_anchorlist a-white {
  color: #fff !important;
}
.fukujin_anchorlist a-white:after {
  background: #fff;
}
.fukujin_mokuji {
  background: #fff;
  border-radius: 20px;
  padding: 60px;
}
@media screen and (max-width:767px) {
  .fukujin_mokuji {
    padding: 20px 30px;
  }
}
.fukujin_mokuji_ttl {
  margin-bottom: 20px !important;
  padding-bottom: 10px !important;
  font-size: 18px;
  border-bottom: 1px solid var(--border-gray) !important;
}
.fukujin_mokuji_ul li {
  margin-top: 0.5em;
}
.fukujin_mokuji_ul li:first-child {
  margin-top: 0;
}
.fukujin_fukidashi {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 5px 40px;
  font-size: 20px !important;
  background: var(--color-red);
  color: #fff;
  text-align: center;
}
@media screen and (max-width:767px) {
  .fukujin_fukidashi {
    padding: 5px 20px;
    font-size: 16px !important;
  }
}
.fukujin_fukidashi:before {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 20px;
  height: 15px;
  background: var(--color-red);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.fukujin_form_ttl {
  margin-bottom: 25px;
  text-align: center;
}
@media screen and (max-width:767px) {
  .fukujin_form_ttl {
    margin-bottom: 30px;
  }
}
.fukujin_form_ttl .main {
  font-size: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_form_ttl .main {
    font-size: 24px;
  }
}
.fukujin_form_checklist_wrap {
  margin-bottom: 30px;
  padding: 10px;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width:767px) {
  .fukujin_form_checklist_wrap {
    padding: 30px;
  }
}
.fukujin_form_checklist_wrap .checklist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 30px;
  margin: 0;
}
@media screen and (max-width:767px) {
  .fukujin_form_checklist_wrap .checklist {
    flex-direction: column;
  }
}
.fukujin_form_checklist_wrap .checklist li {
  margin: 0;
}
.fukujin_form_dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px 20px;
}
@media screen and (max-width:767px) {
  .fukujin_form_dl {
    flex-direction: column;
    gap: 10px 0;
  }
}
.fukujin_form_dl dt,
.fukujin_form_dl dd {
  width: 100%;
  box-sizing: border-box;
}
.fukujin_form_dl dt {
  position: relative;
  padding-left: 48px;
  flex-shrink: 0;
}
@media screen and (min-width:768px), print {
  .fukujin_form_dl dt {
    width: 228px;
  }
}
@media screen and (max-width:767px) {
  .fukujin_form_dl dt {
    padding-left: 42px;
  }
}
@media screen and (min-width:768px), print {
  .fukujin_form_dl dd {
    width: calc(100% - 228px - 20px);
  }
}
@media screen and (max-width:767px) {
  .fukujin_form_dl dd {
    margin-bottom: 10px;
  }
}
.fukujin_form_dl dd .wpcf7-form-control-wrap {
  width: 100%;
}
.fukujin_form_term {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  margin-top: 30px;
}
@media screen and (max-width:767px) {
  .fukujin_form_term {
    font-size: 10px;
  }
}
.fukujin_form_term a {
  color: var(--color-black);
  text-decoration: underline;
}
.fukujin-form .hissu,
.fukujin-form .nini {
  position: absolute;
  left: 0;
  top: 6px;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1;
  width: 38px;
  padding: 2px 0 3px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: var(--color-red);
}
@media screen and (max-width:767px) {
  .fukujin-form .hissu,
  .fukujin-form .nini {
    top: 6px;
    width: 32px;
    font-size: 12px;
  }
}
.fukujin-form .nini {
  background: var(--color-gray-02);
}
.fukujin-form textarea,
.fukujin-form select,
.fukujin-form input[type=text],
.fukujin-form input[type=email],
.fukujin-form input[type=tel] {
  width: 100%;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 12px 15px;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.15;
  border: 1px solid var(--border-gray);
  border-radius: 3px;
  background: #fff;
}
.fukujin-form textarea:focus,
.fukujin-form select:focus,
.fukujin-form input[type=text]:focus,
.fukujin-form input[type=email]:focus,
.fukujin-form input[type=tel]:focus {
  outline: none;
}
.fukujin-form textarea::placeholder,
.fukujin-form select::placeholder,
.fukujin-form input[type=text]::placeholder,
.fukujin-form input[type=email]::placeholder,
.fukujin-form input[type=tel]::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.fukujin-form textarea {
  vertical-align: bottom;
  height: 180px;
}
@media screen and (max-width:767px) {
  .fukujin-form textarea {
    height: 150px;
  }
}
.fukujin-form input[type=radio] {
  margin-right: 5px;
}
.fukujin-form .fukujin_btns {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--border-gray);
}
@media screen and (max-width:767px) {
  .fukujin-form .fukujin_btns {
    flex-direction: column-reverse;
    margin-top: 20px;
  }
}
@media screen and (max-width:767px) {
  .fukujin-form .fukujin_box {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 0;
  }
}
@media screen and (max-width:767px) {
  .fukujin-form .fukujin_box-formwrap {
    margin-top: 0;
    padding-bottom: 0;
    background: none;
  }
}
.fukujin-form .fukujin_txts-strong {
  margin-bottom: 30px !important;
}
@media screen and (max-width:767px) {
  .fukujin-form .fukujin_txts-strong {
    font-size: 20px;
  }
}
.fukujin-form-thanks .fukujin_txts {
  margin-bottom: 60px;
}
@media screen and (max-width:767px) {
  .fukujin-form-thanks .fukujin_txts {
    margin-bottom: 50px;
  }
}
.fukujin-form-thanks .fukujin_btns {
  border: none;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 60px;
}
@media screen and (max-width:767px) {
  .fukujin-form-thanks .fukujin_btns {
    margin-bottom: 50px;
  }
}
.fukujin_btns {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 20px 30px;
}
.fukujin_btns .wpcf7-spinner {
  position: absolute;
  top: 68%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fukujin_btn {
  width: 100%;
  max-width: 380px;
  height: 60px;
  line-height: 60px;
  background: var(--color-blue);
  color: #fff !important;
  border-radius: 30px;
  font-size: 22px;
  text-align: center;
  border: none;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (max-width:767px) {
  .fukujin_btn {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
  }
}
.fukujin_btn:hover {
  opacity: 0.7;
  text-decoration: none !important;
}
.fukujin_btn-back {
  background: #d6d6d6;
}
.fukujin_btn[type=submit] {
  max-width: 380px;
}
.fukujin-knowledge {
  background: var(--bg-gray);
}
@media screen and (min-width:768px), print {
  .fukujin-knowledge .fukujin_knowledge_list {
    gap: 35px;
  }
}
@media screen and (max-width:767px) {
  .fukujin-knowledge .fukujin_h2 {
    margin-bottom: 50px !important;
  }
}
.fukujin-knowledge .fukujin_h3 {
  margin-top: 100px;
}
@media screen and (max-width:767px) {
  .fukujin-knowledge .fukujin_h3 {
    margin-top: 70px;
  }
}
@media screen and (max-width:767px) {
  .fukujin-knowledge .fukujin_knowledge_catlist {
    margin-top: 50px;
  }
}
.fukujin-knowledge-cat .fukujin_h2:first-child {
  margin-top: 0 !important;
}
@media screen and (max-width:767px) {
  .fukujin-knowledge-single .inner {
    padding-top: 5px !important;
  }
}
.fukujin .inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1040px;
  padding-top: 60px;
  padding-bottom: 120px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width:767px) {
  .fukujin .inner {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
.fukujin .common-pagination {
  margin-top: 60px;
}
@media screen and (max-width:767px) {
  .fukujin .common-pagination {
    margin-top: 50px;
    margin-bottom: 100px;
  }
}
.fukujin .pagination-content {
  font-size: 14px;
}
.fukujin .contents {
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width:767px) {
  .fukujin .contents {
    border-radius: 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
.fukujin .article-box {
  border: none !important;
  max-width: 700px;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  .fukujin .article-box {
    padding: 20px !important;
  }
}
.fukujin #fukujin-articles a {
  color: var(--color-blue);
}
@media screen and (max-width:767px) {
  .fukujin .diffSns ul,
  .fukujin .related-articles ul {
    background: none;
  }
}
@media screen and (max-width:767px) {
  .fukujin .footerCat {
    margin-bottom: 0;
  }
}
@media screen and (max-width:767px) {
  .fukujin .footerCat .fukujin_h3 {
    margin-top: 100px;
  }
}