/* -------------------------------------------------------------------------- */
/* PC */
/* -------------------------------------------------------------------------- */
:root {
  --clr-main: #001837;
  --clr-sub: #224676;
  --clr-txt: #333333;
  --clr-white: #ffffff;
  --clr-black: #000000;
  --clr-red: #cf1111;
  --clr-border: #bdbdbd;

  --light: 300;
  --regular: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --black: 900;

  --sp-05: 4px;
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 40px;
  --sp-6: 48px;
  --sp-8: 60px;
  --sp-10: 80px;

  --h1-fz: 74px;
  --h2-fz: 42px;
  --h3-fz: 32px;
  --h4-fz: 26px;
  --h5-fz: 20px;
  --h6-fz: 18px;
  --base-fz: 16px;
  --small-fz: 14px;
  --tiny-fz: 12px;
  --large-fz: 18px;
}

/* -------------------------------------------------------------------------- */
#main_col {
  width: 100%;
}

#content_area {
  /* width: 960px; */
  width: min(100%, 961px);
  padding: 0;
}

body {
  min-width: 1080px;
}

html,
body {
  scroll-behavior: smooth;
}

/* -------------------------------------------------------------------------- */
body:has(dialog[open]) {
  overflow: hidden;
}

#inquiry_forms iframe {
  height: 1500px !important;
  width: 888px;
  margin: 0 auto;
  display: block;
}

#contact_ui {
  width: 888px;
}

.sx-cnt_wrap {
  width: min(100%, 961px);
  margin-inline: auto;
  font-size: var(--base-fz);
  font-weight: var(--regular);
  background-color: var(--clr-white);
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
}

.sx-cnt_wrap *,
.sx-cnt_wrap::before,
.sx-cnt_wrap::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

.sx-cnt_wrap p,
.sx-cnt_wrap table,
.sx-cnt_wrap blockquote,
.sx-cnt_wrap address,
.sx-cnt_wrap pre,
.sx-cnt_wrap iframe,
.sx-cnt_wrap form,
.sx-cnt_wrap figure,
.sx-cnt_wrap dl {
  margin: 0;
}

.sx-cnt_wrap h1,
.sx-cnt_wrap h2,
.sx-cnt_wrap h3,
.sx-cnt_wrap h4,
.sx-cnt_wrap h5,
.sx-cnt_wrap h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

.sx-cnt_wrap em {
  font-style: normal;
}

.sx-cnt_wrap ul,
.sx-cnt_wrap ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sx-cnt_wrap img {
  max-width: 100%;
  width: attr(width px);
  height: auto;
  display: block;
}

.sx-cnt_wrap a {
  text-decoration: none;
}

/* --------------------------------- Common --------------------------------- */
[class*="__wrapper-m"] {
  width: min(100%, 890px);
  margin-inline: auto;
}

.cmn-py {
  padding-block: var(--sp-5);
}

.cmn-hl {
  background: linear-gradient(to bottom,
      transparent 40%,
      #ffe861 40%,
      #ffe861 80%,
      transparent 80%);
}

.sp {
  display: none !important;
}

.pc {
  display: block;
}

/* -------------------------------------------------------------------------- */
.cmn-cta {
  width: min(100%, 585px);
}

.cmn-cta .cmn-cta__title,
.cmn-cta .cmn-cta__box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
}

.cmn-cta .cmn-cta__title {
  gap: var(--sp-2);
  margin-bottom: var(--sp-2);
}

.cmn-cta .cmn-cta__title::before,
.cmn-cta .cmn-cta__title::after {
  content: "";
  position: relative;
  display: block;
  flex-grow: 1;
  height: 2px;
  background-color: var(--clr-white);
}

.cmn-cta .cmn-cta__box {
  gap: 10px;
}

.cmn-cta .cmn-cta__link {
  height: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--sp-1);
  border-radius: var(--sp-1);
  transition: all 0.1s;
}

.cmn-cta .cmn-cta__link p,
.cmn-cta .cmn-cta__link span {
  font-weight: var(--bold);
  color: var(--clr-white);
  letter-spacing: 0.05em;
}

.cmn-cta .cmn-cta__link span {
  padding-left: var(--sp-6);
  position: relative;
}

.cmn-cta .cmn-cta__link span::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  margin-block: auto;
  background: no-repeat center / contain;
}

.cmn-cta .cmn-cta__link:hover {
  filter: none;
  transform: translateY(4px);
}

.cmn-cta .cmn-cta__link--tel {
  width: min(100%, 370px);
  background: linear-gradient(to bottom, #d25e6c, #a7343e);
  flex-flow: column nowrap;
  filter: drop-shadow(0px 4px 0px #6f2627);
}

.cmn-cta .cmn-cta__link--tel p {
  font-size: var(--base-fz);
}

.cmn-cta .cmn-cta__link--tel span {
  font-size: 38px;
  line-height: 1;
}

.cmn-cta .cmn-cta__link--tel span::before {
  width: 40px;
  height: 28px;
  background-image: url("/raid/maker/dell/assets/images/cmn-cta_deco1.webp");
}

.cmn-cta .cmn-cta__link--mail {
  width: min(100%, 205px);
  background: linear-gradient(to bottom, #467dbd, #1d5697);
  filter: drop-shadow(0px 4px 0px #2e4560);
}

.cmn-cta .cmn-cta__link--mail span::before {
  width: 35px;
  height: 27px;
  background-image: url("/raid/maker/dell/assets/images/cmn-cta_deco2.webp");
}

.cmn-cta--des2 {
  width: min(100%, 630px);
  margin-inline: auto;
  border-radius: var(--sp-1);
  background-color: var(--clr-white);
  padding: 14px 27px;
}

.cmn-cta--des2 .cmn-cta__title {
  margin-bottom: var(--sp-1);
}

.cmn-cta--des2 .cmn-cta__title::before,
.cmn-cta--des2 .cmn-cta__title::after {
  background-color: var(--clr-black);
}

/* --------------------------------- Sec-CTA -------------------------------- */
.sec-cta {
  margin-bottom: var(--sp-3);
}

.sec-cta .sec-cta__img {
  transform: translateY(20px);
}

.sec-cta .sec-cta__wrapper {
  padding: 0 var(--sp-2) var(--sp-2);
}

.sec-cta .sec-cta__header {
  margin-bottom: var(--sp-2);
}

.sec-cta .sec-cta__header h3,
.sec-cta .sec-cta__header p {
  color: var(--clr-white);
  text-align: center;
}

.sec-cta .sec-cta__header h3 {
  font-size: 34px;
  font-weight: var(--bold);
  letter-spacing: 0.06em;
  line-height: 2;
}

.sec-cta .sec-cta__header h3 em {
  font-size: 52px;
  letter-spacing: 0.01em;
}

.sec-cta .sec-cta__header p {
  font-size: var(--large-fz);
  font-weight: var(--medium);
  letter-spacing: 0.12em;
  line-height: 1.6;
}

.sec-cta .sec-cta__note {
  font-size: 10px;
  font-weight: var(--regular);
  color: var(--clr-white);
}

.sec-cta .cmn-cta {
  margin-bottom: var(--sp-1);
}

.sec-cta__box--bg1 {
  background: no-repeat center / cover url("/raid/maker/dell/assets/images/sec-cta_bg1.webp");
}

.sec-cta__box--bg2 {
  background: no-repeat center / cover url("/raid/maker/dell/assets/images/sec-cta_bg2.webp");
}

.sec-cta__box--bg3 {
  background: no-repeat center / cover url("/raid/maker/dell/assets/images/sec-cta_bg3.webp");
}

/* ---------------------------------- sec00 --------------------------------- */
.sec00 {
  padding: var(--sp-8) var(--sp-6) var(--sp-5);
  background: no-repeat center right / cover url("/raid/maker/dell/assets/images/sec00_bg1.webp");
}

.sec00 .sec00__cta {
  margin-bottom: var(--sp-2);
}

.sec00 .sec00__textbox {
  width: min(100%, 525px);
  color: var(--clr-white);
}

.sec00 .sec00__textbox p {
  font-size: 10px;
}

/* ---------------------------------- Sec01 --------------------------------- */
.sec01 .sec01__header {}

.sec01 .sec01__wrapper-l {
  padding-block: var(--sp-8);
  background-color: #f6f6f6;
}

.sec01 .sec01__textbox1 {
  margin-bottom: var(--sp-5);
}

.sec01 .sec01__textbox1 p {
  font-size: var(--h5-fz);
  font-weight: var(--bold);
  letter-spacing: 0.06em;
  line-height: 1.4;
  text-align: center;
}

.sec01 .sec01__textbox1 p:not(:last-child) {
  margin-bottom: var(--sp-2);
}

.sec01 .sec01__textbox1 p span {
  font-size: var(--h3-fz);
  font-weight: var(--black);
  letter-spacing: 0;
  -webkit-text-stroke: 2px #000000;
  paint-order: stroke fill;
  color: #9dd814;
}

.sec01 .sec01__textbox2 p {
  font-size: 24px;
  font-weight: var(--bold);
  letter-spacing: 0.09em;
  line-height: 1.6;
  text-align: center;
}

.sec01 .sec01__textbox2 p span {
  font-size: 28px;
}

.sec01 {
  /* .sec01__img {
    margin: 0 auto var(--sp-6) auto;
  } */
}

.sec01 .sec01__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: var(--sp-3);
  counter-reset: count;
  margin-bottom: var(--sp-6);
}

.sec01 .sec01__item {
  width: min(100%, 430px);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}

.sec01 .sec01__item .sec01__item-header,
.sec01 .sec01__item .sec01__item-content {
  width: 100%;
}

.sec01 .sec01__item .sec01__item-content img {
  flex-shrink: 0;
}

.sec01 .sec01__item .sec01__item-count {
  position: absolute;
  inset: 0 auto auto 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: var(--clr-white);
  font-weight: var(--bold);
  line-height: 1;
  background-color: var(--clr-black);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: var(--sp-05);
  padding: var(--sp-05);
  transform: translate(-5px, -16px);
}

.sec01 .sec01__item .sec01__item-count::after {
  display: block;
  counter-increment: count;
  content: counter(count);
}

.sec01 .sec01__item .sec01__item-count span {
  font-size: 10px;
}

.sec01 .sec01__item .sec01__item-header {
  background-color: #ffda39;
  border-radius: 10px 10px 0 0;
  padding: 12px;
  border-bottom: 1px dashed var(--clr-black);
}

.sec01 .sec01__item .sec01__item-header h4 {
  font-size: var(--h5-fz);
  font-weight: var(--bold);
  text-align: center;
}

.sec01 .sec01__item .sec01__item-content {
  height: 100%;
  border-radius: 0 0 10px 10px;
  background-color: var(--clr-white);
  padding: var(--sp-3);
  display: flex;
  justify-content: center;
  align-items: start;
  flex-flow: row nowrap;
  gap: var(--sp-3);
}

.sec01 .sec01__item .sec01__item-box {
  flex-shrink: 0;
  width: 275px;
  /* width: min(100%, 275px); */
}

.sec01 .sec01__item .sec01__item-box ul {
  margin-bottom: var(--sp-2);
}

.sec01 .sec01__item .sec01__item-box li {
  font-size: var(--tiny-fz);
  font-weight: var(--bold);
  line-height: 1.3;
  position: relative;
  padding-left: var(--sp-2);
  letter-spacing: 0.01em;
}

.sec01 .sec01__item .sec01__item-box li::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 12px;
  height: 12px;
  background: no-repeat center / contain url("/raid/maker/dell/assets/images/sec01_deco1.webp");
  transform: translateY(2px);
}

.sec01 .sec01__item .sec01__item-box li:not(:last-child) {
  margin-bottom: var(--sp-1);
}

.sec01 .sec01__item .sec01__item-box p {
  font-size: var(--small-fz);
  font-weight: var(--bold);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

/* ---------------------------------- Sec02 --------------------------------- */
.sec02 .sec02__content {
  padding-block: 0 var(--sp-10);
  background: no-repeat center / cover url("/raid/maker/synology/assets/images/sec02_bg1.webp");
  margin-bottom: var(--sp-3);
}

.sec02 .sec02__header {
  margin-bottom: var(--sp-8);
}

.sec02 .sec02__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 20px;
}

.sec02 .sec02__item {
  width: min(100%, 283px);
  /* height: 238px; */
  border-radius: 10px;
  background-color: var(--clr-border);
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec02 .sec02__item .sec02__item-link {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: relative;
  background-color: var(--clr-white);
  border: 1px solid #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: var(--sp-2);
  cursor: initial;
  pointer-events: none;
  padding: var(--sp-2);
  transition: all 0.3s;
}

.sec02 .sec02__item .sec02__item-link h4 {
  font-size: var(--h6-fz);
  font-weight: var(--bold);
  color: var(--clr-black);
  text-align: center;
}
.sec02 .sec02__item .sec02__item-link img{
  min-height: 120px;
  object-fit: contain;
}
.sec02 .sec02__item .sec02__item-link--enable {
  cursor: pointer;
  pointer-events: fill;
}

.sec02 .sec02__item .sec02__item-link--enable:hover {
  opacity: 0.6;
}

.sec02 .sec02__item .sec02__item-link--enable::after {
  display: block;
  content: "";
  position: relative;
  inset: auto 0 0 0;
  margin-inline: auto;
  width: 20px;
  height: 20px;
  background: no-repeat center / contain url("/raid/maker/synology/assets/images/sec02_deco1.webp");
}

.sec02 .sec02__list2 {
  width: min(100%, 890px);
  margin-inline: auto;
  list-style: "※" outside;
}

.sec02 .sec02__item2 {
  font-size: var(--small-fz);
  font-weight: var(--regular);
}

/* ---------------------------------- Sec03 --------------------------------- */
.sec03 .sec03__header {
  margin-bottom: var(--sp-3);
}

.sec03 .sec03__item {
  background-color: #fff7cd;
  border: 1px solid #fed900;
  border-radius: 10px;
  padding: var(--sp-3);
}

.sec03 .sec03__item:not(:last-child) {
  margin-bottom: var(--sp-2);
}

.sec03 .sec03__item .sec03__item-header {
  margin-bottom: var(--sp-2);
}

.sec03 .sec03__item .sec03__item-header h4 {
  font-size: var(--h5-fz);
  font-weight: var(--bold);
  padding-left: var(--sp-2);
  position: relative;
}

.sec03 .sec03__item .sec03__item-header h4::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  margin-block: auto;
  width: 5px;
  height: 75%;
  background-color: #fed900;
}

.sec03 .sec03__item .sec03__textbox {
  padding: 10px 15px;
  background-color: var(--clr-white);
  border-radius: var(--sp-1);
}

.sec03 .sec03__item .sec03__textbox p {
  font-size: var(--large-fz);
  line-height: 1.8;
}

/* ---------------------------------- Sec04 --------------------------------- */
.sec04 {
  padding-top: 0;
}

.sec04 .sec04__header {
  margin-bottom: var(--sp-10);
}

.sec04 .sec04__list.sec03__item:not(:last-child) {
  margin-bottom: var(--sp-10);
}

.sec04 .sec04__item:not(:last-child) {
  padding-bottom: var(--sp-6);
  margin-bottom: var(--sp-6);
  border-bottom: 1px dashed var(--clr-black);
}

.sec04 .sec04__item .sec04__item-img1 {
  margin: 0 auto var(--sp-1) auto;
}

.sec04 .sec04__item .sec04__item-img2 {
  margin-inline: auto;
}

.sec04 .sec04__item .sec04__item-header {
  padding-inline: var(--sp-3);
  margin-bottom: var(--sp-2);
}

.sec04 .sec04__item .sec04__item-header h4,
.sec04 .sec04__item .sec04__item-header p {
  line-height: 1.8;
}

.sec04 .sec04__item .sec04__item-header h4 {
  font-size: 24px;
  font-weight: var(--bold);
  letter-spacing: 0.03em;
}

.sec04 .sec04__item .sec04__item-header p {
  font-size: var(--base-fz);
  font-weight: var(--semibold);
  letter-spacing: 0.06em;
}

/* New Custom */
/* -------------------------------------------------------------------------- */
.sec04 .sec04__header2 {
  margin-bottom: var(--sp-2);
}

.sec04 .sec04__header2:not(:first-child) {
  padding-top: var(--sp-2);
}

.sec04 .sec04__header2 h4 {
  font-size: var(--h3-fz);
  text-align: center;
  font-weight: var(--bold);

  letter-spacing: 0.03em;
}

.sec04 .sec04__list:has(+ .sec04__header2) {
  margin-bottom: var(--sp-8);
}

.sec04 .sec04__item:has(+ .sec04__item--link) {
  margin-bottom: var(--sp-2);
}

.sec04 .sec04__item--link a {
  font-size: var(--base-fz);
  font-weight: var(--regular);
  letter-spacing: 0.03em;
  color: var(--clr-txt);
  text-decoration: underline;
  transition: opacity 0.3s;
}

.sec04 .sec04__item--link a:hover {
  opacity: 0.6;
}

/* ---------------------------------- Sec05 --------------------------------- */
.sec05 .sec05__wrapper {
  width: min(100%, 890px);
  margin-inline: auto;
  padding: var(--sp-5) var(--sp-4);
  filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
  border-radius: var(--sp-2);
  background-color: var(--clr-white);
}

.sec05 .sec05__header {
  margin-bottom: var(--sp-4);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  gap: var(--sp-3);
}

.sec05 .sec05__header::before {
  display: block;
  content: "";
  width: 74px;
  height: 87px;
  background: no-repeat center / contain url("/raid/maker/dell/assets/images/sec05_deco1.webp");
}

.sec05 .sec05__header h3 {
  color: #232b27;
  font-size: var(--h5-fz);
  font-weight: var(--bold);
}

.sec05 .sec05__img {
  margin-inline: auto;
}

/* ---------------------------------- Sec06 --------------------------------- */
.sec06 .sec06__header {
  margin-bottom: var(--sp-2);
}

.sec06 .sec06__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row nowrap;
  gap: 10px;
  margin-bottom: var(--sp-5);
}

.sec06 .sec06__item {
  width: 288px;
  border: 2px solid #fed900;
  border-radius: var(--sp-1);
  overflow: hidden;
}

.sec06 .sec06__item .sec06__item-header {
  background-color: #fff7cd;
  padding: var(--sp-2);
}

.sec06 .sec06__item .sec06__item-header h4 {
  font-size: 24px;
  font-weight: var(--bold);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-align: center;
}

.sec06 .sec06__item .sec06__item-box {
  padding: var(--sp-2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: var(--sp-3);
}

.sec06 .sec06__item .sec06__item-text {
  font-size: var(--base-fz);
  font-weight: var(--semibold);
  line-height: 1.8;
}

:is(.sec06 .sec06__textbox1, .sec06 .sec06__textbox2) p {
  font-weight: var(--bold);
  text-align: center;
  line-height: 1.8;
}

:is(.sec06 .sec06__textbox1, .sec06 .sec06__textbox2) p:not(:last-child) {
  margin-bottom: var(--sp-05);
}

.sec06 .sec06__textbox1 {
  margin-bottom: var(--sp-6);
}

.sec06 .sec06__textbox1 p {
  font-size: var(--large-fz);
  letter-spacing: 0.06em;
}

.sec06 .sec06__textbox1 em {
  font-size: 24px;
  letter-spacing: 0.09em;
}

.sec06 .sec06__textbox2 {
  position: relative;
}

.sec06 .sec06__textbox2::before {
  content: "";
  position: relative;
  display: block;
  width: min(100%, 621px);
  height: 37px;
  margin: 0 auto var(--sp-6);
  background: no-repeat center / contain url("/raid/maker/dell/assets/images/sec06_deco1.webp");
}

.sec06 .sec06__textbox2 p {
  font-size: var(--h5-fz);
}

.sec06 .sec06__textbox2 em {
  font-size: var(--h3-fz);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec06 .sec06__textbox2 span {
  /* -webkit-text-stroke: 2px #000000;
  paint-order: stroke fill;
  color: #9dd814; */
  line-height: 0;
}

.sec06 .sec06__textbox2 img {
  width: 157px;
  height: auto;
  display: inline;
}

/* ---------------------------------- Sec07 --------------------------------- */
.sec07 {
  transform: translateY(20px);
  background: no-repeat bottom center / cover url("/raid/maker/dell/assets/images/sec07_bg1.webp");
}

.sec07 .sec07__header {
  margin-bottom: var(--sp-5);
}

.sec07 .sec07__header h3 {
  font-size: 28px;
  font-weight: var(--bold);
  letter-spacing: 0.09em;
  text-align: center;
}

.sec07 .sec07__cnt {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 28px;
  margin-bottom: var(--sp-4);
}

.sec07 .sec07__cnt-item {
  width: min(100%, 430px);
  border-radius: 10px;
  overflow: hidden;
  filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.15));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}

.sec07 .sec07__cnt-header,
.sec07 .sec07__cnt-box {
  width: 100%;
}

.sec07 .sec07__cnt-box {
  padding: var(--sp-4) var(--sp-2);
  background-color: var(--clr-white);
  height: 100%;
}

.sec07 .sec07__cnt-box p {
  font-size: var(--large-fz);
  font-weight: var(--medium);
  letter-spacing: 0.03em;
  line-height: 1.6;
  text-align: center;
  margin-bottom: var(--sp-4);
}

.sec07 .sec07__cnt-header {
  padding: var(--sp-2);
  background-color: #fff3b2;
}

.sec07 .sec07__cnt-header h4 {
  font-size: 24px;
  font-weight: var(--bold);
  letter-spacing: 0.09em;
  text-align: center;
}

.sec07 .sec07__cnt-header--des2 {
  background-color: #ffe033;
}

.sec07 .sec07__list {
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: row nowrap;
  gap: var(--sp-2);
}

.sec07 .sec07__item img {
  margin: 0 auto var(--sp-1);
}

.sec07 .sec07__item h5 {
  font-size: var(--base-fz);
  font-weight: var(--bold);
  line-height: 1.5;
  text-align: center;
}

.sec07 .sec07__text {
  font-size: var(--h5-fz);
  font-weight: var(--bold);
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
}

/* ---------------------------------- Sec08 --------------------------------- */

/* ---------------------------------- Sec09 --------------------------------- */
.sec09 .sec09__header {
  margin-bottom: var(--sp-3);
}

.sec09 .sec09__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  gap: 29px 19px;
  margin-bottom: var(--sp-3);
}

.sec09 .sec09__item {
  width: 208px;
  height: 192px;
  filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, 0.2));
  background-color: var(--clr-white);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: 20px;
  position: relative;
}

.sec09 .sec09__item::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 30px;
  height: 27px;
  background: no-repeat center / contain url("/raid/maker/dell/assets/images/sec09_deco1.webp");
}

.sec09 .sec09__item .sec09__item-img {
  width: 90px;
  height: auto;
}

.sec09 .sec09__item .sec09__item-title {
  font-size: var(--large-fz);
  font-weight: var(--medium);
  text-align: center;
}

.sec09 .sec09__list2 {
  list-style: "※" outside;
  margin-left: var(--sp-3);
}

.sec09 .sec09__item2 {
  font-size: 15px;
  font-weight: var(--medium);
}

/* ---------------------------------- Sec10 --------------------------------- */
.sec10 {
  padding-top: 0;
  background: no-repeat center / cover url("/raid/maker/dell/assets/images/sec10_bg1.webp");
}

.sec10 .sec10__header {
  margin-bottom: var(--sp-3);
}

.sec10 .sec10__title {
  font-size: 28px;
  font-weight: var(--bold);
  letter-spacing: 0.04em;
  margin-bottom: var(--sp-5);
  text-align: center;
}

.sec10 .sec10__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 12px;
  counter-reset: count;
  margin-bottom: 20px;
}

.sec10 .sec10__item {
  width: min(100%, 212px);
  background-color: var(--clr-white);
  position: relative;
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.21));
  padding: var(--sp-5) 20px var(--sp-3);
}

.sec10 .sec10__item::before {
  counter-increment: count;
  content: counter(count);
  position: absolute;
  inset: 0 0 auto 0;
  margin-inline: auto;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  background: var(--clr-black);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--clr-white);
  font-size: 28px;
  font-weight: var(--bold);
  border-radius: 50%;
}

.sec10 .sec10__item .sec10__item-header {
  padding-bottom: 12px;
  margin-bottom: var(--sp-3);
  border-bottom: 1px dashed var(--clr-black);
}

.sec10 .sec10__item .sec10__item-header h5,
.sec10 .sec10__item .sec10__item-header p {
  text-align: center;
  font-weight: var(--bold);
}

.sec10 .sec10__item .sec10__item-header h5 {
  font-size: var(--h4-fz);
  letter-spacing: -0.05em;
}

.sec10 .sec10__item .sec10__item-header p {
  font-size: var(--base-fz);
  letter-spacing: 0.04em;
}

.sec10 .sec10__item .sec10__item-img {
  width: 90px;
  margin: 0 auto;
}

.sec10 .sec10__note {
  font-size: var(--large-fz);
  font-weight: var(--bold);
  letter-spacing: 0.09em;
  line-height: 1.8;
  text-align: center;
}

/* ---------------------------------- Sec11 --------------------------------- */
.sec11 .sec11__deco {
  margin-bottom: 12px;
}

.sec11 .sec11__list {
  display: flex;
  justify-content: start;
  align-items: stretch;
  flex-flow: row nowrap;
  gap: 11px;
}

.sec11 .sec11__item {
  width: min(100%, 116px);
  border: 1px solid #ffe446;
  border-radius: 10px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: column nowrap;
}

.sec11 .sec11__item:not(:last-child) {
  position: relative;
}

.sec11 .sec11__item:not(:last-child)::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  margin-block: auto;
  width: 11px;
  height: 38px;
  background: no-repeat center / contain url("/raid/maker/dell/assets/images/sec11_deco2.webp");
  transform: translateX(100%);
}

.sec11 .sec11__item .sec11__item-count,
.sec11 .sec11__item .sec11__item-box {
  width: 100%;
}

.sec11 .sec11__item .sec11__item-count {
  padding: var(--sp-1);
  font-size: var(--h5-fz);
  font-weight: var(--semibold);
  letter-spacing: 0.07em;
  text-align: center;
  background-color: #ffe446;
  border-radius: 10px 10px 0 0;
  display: block;
}

.sec11 .sec11__item .sec11__item-box {
  background-color: var(--clr-white);
  padding: var(--sp-2) 0 var(--sp-2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: 10px;
  flex-grow: 1;
  border-radius: 0 0 10px 10px;
}

.sec11 .sec11__item .sec11__item-box h4 {
  font-size: 19px;
  font-weight: var(--medium);
  letter-spacing: -0.1em;
  text-align: center;
}

/* ---------------------------------- Sec12 --------------------------------- */