@charset "UTF-8";

/* ページコンテナ
----------------------------------------------------------------------------- */
.request_regContainer {
  padding-block:112px 136px;
  background-color:var(--cc-gray-50);
}
@media (max-width: 1023px) {
  .request_regContainer {
    padding-block:0 calc(64 * var(--sp-w));
  }
}
.request_regContainer + .breadcrumb2 {
  margin-top:0;
}
.l2-headerA__inner__desc_request_reg {
  grid-column:1/-1;
  font-family: var(--ff-noto-sans);
  font-size:18px;
  color:var(--cc-black-sm);
}
.l2-headerA__inner .l2-headerA__inner__desc_request_reg:first-of-type {
  margin-top: 24px;
}
.l2-mailSettingIntro__btnWrap {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  justify-content: flex-start;
}
.l2-mailSettingIntro__link {
  width:253.33px;
  height:56px;
  font-size:18px;
  font-weight: 500;
  transition: 0.3s ease-in;
}
.l2-mailSettingIntro__link.confirm {
  background-color: #FFF;
  border: 1px solid var(--cc-stroke-wb);
  color:inherit;
}
.l2-mailSettingIntro__link:hover {
  background-color: #670606;
  transition: 0.3s ease-in;
}
.l2-mailSettingIntro__link.confirm:hover{
  background-color:#FFF;
  border-color: var(--cc-gray-300);
  box-shadow: 2px 2px 4px rgba(58, 59, 59, .1);
  transition: 0.3s ease-in;
}
.l2-mailSettingIntro__link::before {
  width:18px;
  background-color:#fff;
}
.p2-i-bf-plus::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image:url(/assets/img/ico_plus.svg);
  mask-image:url(/assets/img/ico_plus.svg);
  background-color: #fff;
  transition: none;
  animation: none;
}
.request_reg__inner {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.usage__heading {
  position: relative;
  padding: 40px 0 16px 0;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--ff-zen);
  border-bottom: 1px solid var(--cc-stroke-wb);
}
.usage__heading:not(:first-child) {
  margin-top: 40px;
}
.request_reg__inner:nth-of-type(3) .usage__heading {
  padding: 24px 0 16px 0;
}
.usage__heading::after {
  content: "";
  display: block;
  border-bottom: 4px solid var(--cc-red-700);
  border-top:none;
  border-left:none;
  border-right:none;
  width: 56px;
  position: absolute;
  top: 100%;
  left: 0;
}
.usageGuide__steps {
  display: flex;
  justify-content: space-between;
  gap: 72px;
  margin-block: 24px;
  padding: 0;
  list-style: none;
}
.usageGuide__step {
  font-family: var(--ff-noto-sans);
  flex: 1;
  background-color: #fff;
  border-radius: 4px;
  padding: 16px 20px;
  border: 1px solid var(--cc-stroke-wb);
  display: flex;
  flex-direction: column;
}
.usageGuide__stepTitle {
  font-family: var(--ff-zen);
  font-size: 20px;
  font-weight:700;
  margin-bottom: 4px;
  color: var(--cc-black-sm);
}
.usageGuide__stepText {
  font-family: var(--ff-noto-sans);
  font-size: 16px;
  color: var(--cc-black-sm);
}
.usageGuide__stepImage {
  width: 100%;
  max-width: 320px;
  margin-top: 16px;
}
.usageGuide__step {
  position: relative;
}
.usageGuide__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(-38px);
  border-right: 1px solid var(--cc-gray-500);
  border-bottom: 1px solid var(--cc-gray-500);
  width: 14px;
  height: 14px;
  transform: translateY(-50%) rotate(-45deg);
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .request_reg__inner {
    padding-inline: 24px;
  }
}
@media (max-width: 1023px) {
  .l2-headerA__inner__desc_request_reg {
    grid-column:1/-1;
    font-size:calc(14 * var(--sp-w));
  }
  .l2-headerA__inner .l2-headerA__inner__desc_request_reg:first-of-type {
  margin-top: calc(16 * var(--sp-w));
}
  .l2-mailSettingIntro__btnWrap {
    justify-content: center;
    align-items: center;
    gap: calc(8 * var(--sp-w));
    margin-top: calc(16 * var(--sp-w));
  }
  .l2-mailSettingIntro__link {
    gap:calc(6 * var(--sp-w));
    border-radius:calc(6 * var(--sp-w));
    width:100%;
    height:calc(40 * var(--sp-w));
    font-size:calc(14 * var(--sp-w));
    margin-top: 0;
  }
  .l2-mailSettingIntro__link::before {
    width:calc(16 * var(--sp-w));
  }
  .l2-mailSettingIntro__link::before {
    width:calc(16 * var(--sp-w));
  }
  .request_reg__inner {
    width: 100%;
    margin-bottom:calc(16 * var(--sp-w));
  }
  .request_reg__inner:nth-of-type(3) .usage__heading {
    padding: 0;
    padding-bottom: calc(6 * var(--sp-w));
  }
  .usage__heading {
    margin-top: calc(24 * var(--sp-w));
    margin-bottom: calc(16 * var(--sp-w));
    padding: 0;
    padding-bottom: calc(6 * var(--sp-w));
    font-size: calc(18 * var(--sp-w));
  }
  .usage__heading:not(:first-child) {
    margin-top: calc(18 * var(--sp-w));
  }
  .usage__heading::after {
    width: calc(40 * var(--sp-w));
    border-bottom-width: calc(2 * var(--sp-w));
    top:98%;
  }
  .usageGuide__steps {
    flex-direction: column;
    gap: calc(40 * var(--sp-w));
    margin-block: 0;
  }
  .usageGuide__step:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: auto;
    bottom: calc(-23 * var(--sp-w));
    transform: translateX(-50%) rotate(45deg);
    width: calc(8 * var(--sp-w));
    height: calc(8 * var(--sp-w));
    border-right: calc(1 * var(--sp-w)) solid var(--cc-gray-500);
    border-bottom: calc(1 * var(--sp-w)) solid var(--cc-gray-500);
  }
  .usageGuide__step {
    width: 100%;
    padding: calc(16 * var(--sp-w)) calc(20 * var(--sp-w));
  }
  .usageGuide__stepText {
    font-size: calc(14 * var(--sp-w));
  }
  .usageGuide__stepImage {
    width: 100%;
    max-width:100%;
    margin: calc(16 * var(--sp-w)) auto 0 auto;
  }
  .usageGuide__stepTitle {
    margin-bottom: calc(4 * var(--sp-w));
    font-size: calc(18 * var(--sp-w));
  }
}