@charset "UTF-8";
.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.se-hero {
  padding: 0 2rem;
}
@media only screen and (min-width: 768px) {
  .se-hero {
    padding: 0 8rem;
  }
}
.se-hero__inner {
  padding: 4.3rem 0 4.5rem;
}
@media only screen and (min-width: 768px) {
  .se-hero__inner {
    padding: 5.2rem 0;
  }
}
.se-hero__title-red {
  color: #D7282F;
  font-family: "DM Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  padding-left: 2.2rem;
  margin-bottom: 0.2rem;
}
@media only screen and (min-width: 768px) {
  .se-hero__title-red {
    font-size: 2rem;
    padding-left: 3rem;
    margin-bottom: 0.5rem;
  }
}
.se-hero__title-red::before {
  content: "";
  width: 1.3rem;
  height: 2.6rem;
  position: absolute;
  left: 0.2rem;
  top: -0.2rem;
  background-image: url("../images/common/slash.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .se-hero__title-red::before {
    width: 1.9rem;
    height: 3.5rem;
    top: -0.5rem;
  }
}
.se-hero__title-bk {
  font-size: 3.2rem;
  line-height: 115%;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .se-hero__title-bk {
    letter-spacing: -0.216rem;
    font-size: 7.2rem;
    font-weight: 700;
  }
}
.se-hero__breadcrumb {
  margin-top: 0.6rem;
  line-height: 100%;
}
.se-hero__breadcrumb li {
  display: inline;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (min-width: 768px) {
  .se-hero__breadcrumb li {
    font-size: 1.4rem;
  }
}
.se-hero__breadcrumb li:not(:first-child)::before {
  content: "−";
  margin: 0 0.5rem;
}
@media only screen and (min-width: 768px) {
  .se-hero__breadcrumb li:not(:first-child)::before {
    margin: 0 0.6rem;
  }
}
.se-hero__breadcrumb li:last-child a, .se-hero__breadcrumb li:last-child span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.se-hero__breadcrumb li a,
.se-hero__breadcrumb li span {
  font-weight: 500;
}

.se-intro {
  padding: 2.8rem 2rem 0rem;
}
@media only screen and (min-width: 768px) {
  .se-intro {
    padding: 2.7rem 8rem 0;
  }
}
.se-intro__inner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 3.8rem;
}
@media only screen and (min-width: 768px) {
  .se-intro__inner {
    padding-bottom: 4.5rem;
  }
}
.se-intro__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 3.4rem;
}
@media only screen and (min-width: 768px) {
  .se-intro__title {
    font-size: 4.6rem;
  }
}
.se-intro__text {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.028rem;
}
@media only screen and (min-width: 768px) {
  .se-intro__text {
    font-size: 2rem;
    max-width: 104rem;
  }
}
.se-intro__button {
  margin-top: 3rem;
}
.se-intro__button .basic__button a {
  min-width: 24rem;
}
@media only screen and (min-width: 768px) {
  .se-intro__button .basic__button a {
    min-width: 27rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-intro__button {
    text-align: right;
    margin: -10.7rem 0 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-intro.has-button .se-intro__text {
    max-width: 83rem;
  }
}

.se-mv {
  margin-top: 0.3rem;
}
@media only screen and (min-width: 768px) {
  .se-mv {
    margin-top: 0.5rem;
  }
}

.se-archive {
  padding: 0 2rem 12rem;
}
@media only screen and (min-width: 768px) {
  .se-archive {
    padding: 2.7rem 8rem 20rem;
  }
}
.se-archive__inner {
  max-width: 120rem;
  margin: auto;
}
.se-archive__container {
  padding: 1.6rem 0 0 0;
}
@media only screen and (min-width: 768px) {
  .se-archive__container {
    padding: 7rem 0 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8rem;
    row-gap: 8rem;
  }
}
.se-archive__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 3.3rem 0 3rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__item {
    padding: 0rem 0 4rem;
  }
}
.se-archive__item-red {
  color: #D7282F;
  font-family: "DM Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__item-red {
    font-size: 1.6rem;
    margin-bottom: 0.1rem;
  }
}
.se-archive__item-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__item-title {
    font-size: 3.2rem;
    margin-bottom: 2.5rem;
  }
}
.se-archive__item-text {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.028rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__item-text {
    font-size: 1.5rem;
    letter-spacing: normal;
  }
}
.se-archive__item-picture {
  margin: 1.3rem 0 2.2rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__item-picture {
    margin: 2.2rem 0 2.2rem;
  }
}
.se-archive__item-picture img {
  border-radius: 1rem;
}
.se-archive__linkArea {
  margin-top: 3.8rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__linkArea {
    display: grid;
    max-width: 128rem;
    margin: 7rem auto 0;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3rem;
  }
}
.se-archive__linkArea-item {
  display: block;
  padding: 2.4rem 4rem 2.4rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
  .se-archive__linkArea-item {
    padding: 0.8rem;
    border: none;
    border-radius: 0.6rem;
    background: #F5F5F5;
    height: 9.52rem;
    display: flex;
    align-items: center;
  }
}
.se-archive__linkArea-item img {
  display: none;
}
@media only screen and (min-width: 768px) {
  .se-archive__linkArea-item img {
    display: block;
    width: 12rem;
  }
}
.se-archive__linkArea-item p {
  font-size: 1.4rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .se-archive__linkArea-item p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 2.2rem;
  }
}
.se-archive__linkArea-item i {
  background-color: #303030;
}
@media only screen and (min-width: 768px) {
  .se-archive__linkArea-item i {
    right: 3.5rem;
  }
}
.se-archive__linkArea-item i::after, .se-archive__linkArea-item i::before {
  border-color: #303030;
}
.se-archive__category {
  display: flex;
  align-items: center;
  margin-top: 6.5rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__category {
    margin-top: 10rem;
  }
}
.se-archive__category img {
  width: 7.5rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__category img {
    width: 12rem;
  }
}
.se-archive__category span {
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
  margin: 0 0 0 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__category span {
    font-size: 4rem;
  }
}
.se-archive__category-p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.028rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .se-archive__category-p {
    font-size: 1.5rem;
    margin-top: 2.6rem;
  }
}

.se-point {
  padding: 7.4rem 2rem 5rem;
}
@media only screen and (min-width: 768px) {
  .se-point {
    padding: 9.9rem 2rem 11.3rem;
  }
}
.se-point.has-no-titleArea {
  padding-top: 2.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point.has-no-titleArea {
    padding-top: 2.1rem;
  }
}
.se-point__inner {
  max-width: 128rem;
  margin: auto;
}
.se-point__h1 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 4rem;
}
.se-point__titleArea {
  padding: 0 0 3.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 768px) {
  .se-point__titleArea {
    padding: 0 0 4.7rem 0;
  }
}
.se-point__titleArea.has-no-body-part-bellow {
  margin-bottom: 4.7rem;
}
@media only screen and (min-width: 768px) {
  .se-point__titleArea.has-no-body-part-bellow {
    margin-bottom: 10rem;
  }
}
.se-point__titleArea-point {
  color: #FFF;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3.24rem;
  background: #D7282F;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.6rem 1.8rem;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .se-point__titleArea-point {
    font-size: 1.6rem;
  }
}
.se-point__titleArea-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
}
@media only screen and (min-width: 768px) {
  .se-point__titleArea-title {
    font-size: 4rem;
  }
}
.se-point__titleArea-text {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.028rem;
  margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .se-point__titleArea-text {
    font-size: 2rem;
    max-width: 104.1rem;
    margin-top: 2.7rem;
    letter-spacing: normal;
  }
}
.se-point__titleArea-picture {
  margin-top: 4.7rem;
}
@media only screen and (min-width: 768px) {
  .se-point__titleArea-picture {
    margin-top: 8rem;
  }
}
.se-point__body {
  padding: 2rem 0 0;
}
@media only screen and (min-width: 768px) {
  .se-point__body {
    padding: 3.5rem 0 0;
    max-width: 106.3rem;
    margin: auto;
  }
}
.se-point__body:not(:last-child) {
  margin-bottom: 7.4rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body:not(:last-child) {
    margin-bottom: 13.8rem;
  }
}
.se-point__body-block {
  padding: 3rem 0 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 768px) {
  .se-point__body-block {
    padding: 4.7rem 0 4.7rem;
  }
}
.se-point__body-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  padding-left: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-title {
    font-size: 2.8rem;
    line-height: 160%;
    padding-left: 2.9rem;
  }
}
.se-point__body-title::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: #D7282F;
  border-radius: 50%;
  position: absolute;
  left: 0rem;
  top: 1.1rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-title::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 1.7rem;
    left: 0rem;
  }
}
.se-point__body-title2 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 140%;
}
@media only screen and (min-width: 768px) {
  .se-point__body-title2 {
    font-size: 4rem;
  }
}
.se-point__body-redlist {
  display: grid;
  row-gap: 0.8rem;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-redlist {
    margin-top: 3rem;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.4rem;
    row-gap: 1.4rem;
  }
}
.se-point__body-redlist li {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 1.2rem 3.2rem;
  border-radius: 9.9rem;
  border: 1px solid #D7282F;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .se-point__body-redlist li {
    padding: 1.2rem 3.2rem;
    font-size: 1.6rem;
    min-height: 7.4rem;
  }
}
.se-point__body-bluelist {
  display: grid;
  row-gap: 1.2rem;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-bluelist {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2.3rem;
    margin: 3rem 0 1.4rem;
  }
}
.se-point__body-bluelist__item {
  padding: 2rem 2.4rem;
  border-radius: 2rem;
  background: #F1FEFF;
}
@media only screen and (min-width: 768px) {
  .se-point__body-bluelist__item {
    padding: 3.2rem 4rem;
  }
}
.se-point__body-bluelist__item h4 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 130%;
}
@media only screen and (min-width: 768px) {
  .se-point__body-bluelist__item h4 {
    font-size: 2rem;
  }
}
.se-point__body-bluelist__item ul {
  margin-top: 1.1rem;
}
.se-point__body-bluelist__item ul li {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 160%;
}
.se-point__body-bluelist__item ul li::before {
  content: "・";
}
.se-point__body-subtitle {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-subtitle {
    font-size: 2rem;
    line-height: 160%;
    margin-top: 2.9rem;
  }
}
.se-point__body-text {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  margin-top: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-text {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
}
.se-point__body-small {
  margin-top: 0.2rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-small {
    margin-top: 0.5rem;
  }
}
.se-point__body-small li {
  font-size: 1rem;
  line-height: 180%;
}
@media only screen and (min-width: 768px) {
  .se-point__body-small li {
    font-size: 1.2rem;
  }
}
.se-point__body-list li {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  position: relative;
  padding-left: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-list li {
    font-size: 1.6rem;
  }
}
.se-point__body-list li::before {
  content: "・";
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.se-point__body-picture {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-picture {
    margin-top: 3.5rem;
  }
}
.se-point__body-video {
  width: 100%;
  height: 18.8rem;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-video {
    margin-top: 3.5rem;
    height: 60rem;
  }
}
.se-point__body-video iframe {
  width: 100%;
  height: 100%;
}
.se-point__body-layout {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-layout {
    margin-top: 3.5rem;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .se-point__body-layout__text {
    width: 62.4rem;
  }
}
.se-point__body-layout__text p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
}
@media only screen and (min-width: 768px) {
  .se-point__body-layout__text p {
    font-size: 1.6rem;
  }
}
.se-point__body-layout__image {
  margin-top: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-layout__image {
    margin: 0;
    width: 39rem;
  }
}
.se-point__body-layout__image img {
  border-radius: 1rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-layout__image.image-format-variant {
    margin-top: -7.5rem;
    width: 33rem;
    margin-right: 2rem;
  }
}
.se-point__layout2 {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .se-point__layout2 {
    padding-bottom: 5.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-point__layout2-row {
    display: flex;
    justify-content: space-between;
  }
  .se-point__layout2-row:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-point__layout2-text {
    width: 61.2rem;
  }
}
.se-point__layout2-text h5 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .se-point__layout2-text h5 {
    font-size: 2rem;
    line-height: 160%;
    margin-top: 3.5rem;
  }
}
.se-point__layout2-text p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .se-point__layout2-text p {
    font-size: 1.6rem;
  }
}
.se-point__layout2-text ul {
  display: grid;
  row-gap: 0.8rem;
  margin-top: 1.1rem;
}
@media only screen and (min-width: 768px) {
  .se-point__layout2-text ul {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.2rem;
    row-gap: 1.2rem;
    margin-top: 2.7rem;
  }
}
.se-point__layout2-text ul li {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 1.2rem 3.2rem;
  border-radius: 9.9rem;
  border: 1px solid #D7282F;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 140%;
}
@media only screen and (min-width: 768px) {
  .se-point__layout2-text ul li {
    font-size: 1.6rem;
  }
}
.se-point__layout2-text ul li .percent {
  display: block;
  font-size: 2.8rem;
  font-weight: 700;
  width: 100%;
  text-align: center;
  margin-top: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__layout2-text ul li .percent {
    font-size: 4rem;
    margin-top: 1.2rem;
  }
}
.se-point__layout2-text ul li .percent::after {
  content: "%";
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .se-point__layout2-text ul li .percent::after {
    font-size: 2.4rem;
  }
}
.se-point__layout2-image {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__layout2-image {
    width: 41rem;
  }
}
.se-point__body-bk {
  padding: 4rem 2rem;
  border-radius: 0.8rem;
  background: #333;
  margin: 7rem 0 0;
}
@media only screen and (min-width: 768px) {
  .se-point__body-bk {
    padding: 6.4rem 8rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 7.2rem;
    margin: 13.6rem 0 0;
  }
}
.se-point__body-bk__title {
  color: #FFF;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 768px) {
  .se-point__body-bk__title {
    font-size: 3.2rem;
  }
}
.se-point__body-bk__text {
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 180%;
}
.se-point__blue {
  padding: 0rem 0 2rem;
}
@media only screen and (min-width: 768px) {
  .se-point__blue {
    padding: 0rem 0 2rem;
  }
}
.se-point__blue:has(.se-point__blue-title) {
  padding-top: 2.5rem;
}
@media only screen and (min-width: 768px) {
  .se-point__blue:has(.se-point__blue-title) {
    padding-top: 3.5rem;
  }
}
.se-point__blue-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
}
@media only screen and (min-width: 768px) {
  .se-point__blue-title {
    font-size: 3.2rem;
    padding-bottom: 0.5rem;
  }
}
.se-point__blue-titlered {
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  padding-left: 1.5rem;
  margin-top: 3.3rem;
}
@media only screen and (min-width: 768px) {
  .se-point__blue-titlered {
    font-size: 2.8rem;
    margin-top: 5rem;
    padding-left: 3.2rem;
  }
}
.se-point__blue-titlered span {
  font-size: 1.2rem;
  display: block;
  font-weight: 500;
  margin-top: -0.3rem;
}
@media only screen and (min-width: 768px) {
  .se-point__blue-titlered span {
    font-size: 1.6rem;
    margin-top: -0.5rem;
  }
}
.se-point__blue-titlered::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: #D7282F;
  border-radius: 50%;
  position: absolute;
  left: 0rem;
  top: 1.1rem;
}
@media only screen and (min-width: 768px) {
  .se-point__blue-titlered::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 1.2rem;
  }
}
.se-point__blue-container {
  display: grid;
  row-gap: 1.2rem;
  margin-top: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .se-point__blue-container {
    grid-template-columns: 1fr 1fr;
    column-gap: 3.2rem;
    row-gap: 2.2rem;
    margin-top: 2rem;
  }
}
.se-point__blue-item {
  padding: 2rem 2.4rem;
  border-radius: 2rem;
  background: #F1FEFF;
}
@media only screen and (min-width: 768px) {
  .se-point__blue-item {
    padding: 3.2rem 4rem;
  }
}
.se-point__blue-item__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 130%;
}
@media only screen and (min-width: 768px) {
  .se-point__blue-item__title {
    font-size: 2rem;
    line-height: 160%;
    margin-bottom: 0.5rem;
  }
}
.se-point__blue-item__text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 160%;
}
.se-point.is-in-the-bottom-of-page {
  padding-top: 0;
  margin-top: -4rem;
}
@media only screen and (min-width: 768px) {
  .se-point.is-in-the-bottom-of-page {
    margin-top: -2rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-point.is-in-the-bottom-of-page .se-point__blue {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 4.5rem;
  }
}
.se-point.is-in-the-bottom-of-page .se-point__blue-titlered {
  margin-top: 1.7rem;
}
@media only screen and (min-width: 768px) {
  .se-point.is-in-the-bottom-of-page .se-point__blue-titlered {
    margin-top: 3rem;
  }
}
.se-point.is-in-the-bottom-of-page .about-next__container {
  margin: 1rem auto 0rem;
}
@media only screen and (min-width: 768px) {
  .se-point.is-in-the-bottom-of-page .about-next__container {
    max-width: 100%;
    margin: 3rem auto 0rem;
    row-gap: 2.4rem;
  }
}
.se-point .prtc-req-def-example {
  margin-top: 4.8rem;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-req-def-example {
    margin-bottom: 3.2rem;
  }
}
.se-point .prtc-req-def-example__item {
  margin-bottom: 4.8rem;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-req-def-example__item {
    margin-bottom: 3.2rem;
  }
}
.se-point .prtc-req-def-example__item:last-child {
  margin-bottom: 0;
}
.se-point .prtc-req-def-example__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-req-def-example__title {
    font-size: 1.8rem;
  }
}
.se-point .prtc-req-def-example__text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-req-def-example__text {
    font-size: 1.4rem;
  }
}
.se-point .prtc-req-def-example__child-item {
  list-style: none; /* デフォルトの丸を消す */
  position: relative;
  padding-left: 1.2em; /* 文字の開始位置を調整 */
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-req-def-example__child-item {
    font-size: 1.4rem;
  }
}
.se-point .prtc-req-def-example__child-item::before {
  content: "・"; /* 中黒をテキストとして挿入 */
  position: absolute;
  left: 0;
  font-weight: bold; /* 少し太くして存在感を出す */
  transform: scale(0.8); /* ここでサイズを自由に変えられる */
}
.se-point .prtc-req-def-example__remarks {
  margin-top: 8rem;
  color: #D7282F;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-req-def-example__remarks {
    margin-top: 6rem;
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-point .prtc-req-def-example__remarks .pc_hidden {
    display: none;
  }
}
.se-point .prtc-quotation-banner {
  margin-top: 4.8rem;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-quotation-banner {
    margin-top: 3.2rem;
  }
}
.se-point .prtc-eol-flow {
  margin-top: 4.8rem;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-eol-flow {
    margin-top: 1.2rem;
  }
}
.se-point .prtc-eol-flow picture {
  width: 40rem;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-eol-flow picture {
    width: 26.7rem;
  }
}
.se-point .prtc-sector-image-wrapper {
  margin-top: 3.2rem;
}
@media only screen and (max-width: 767px) {
  .se-point .prtc-sector-image-wrapper {
    margin-top: 1.2rem;
  }
}
.se-point .prtc-sector-image-wrapper picture {
  width: 100%;
}

.prtc-btn-contact .se-blackbanner__item-text {
  font-size: 2.9rem !important;
}
@media only screen and (max-width: 767px) {
  .prtc-btn-contact .se-blackbanner__item-text {
    font-size: 2.2rem !important;
  }
  .prtc-btn-contact .se-blackbanner__item-text br {
    display: none;
  }
}

.se-flow {
  padding: 1rem 2rem 5rem;
}
@media only screen and (min-width: 768px) {
  .se-flow {
    padding: 4.2rem 2rem 11.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-flow__inner {
    max-width: 106rem;
    margin: auto;
  }
}
.se-flow__title {
  font-size: 2rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .se-flow__title {
    font-size: 2.8rem;
  }
}
.se-flow__container {
  padding-left: 3rem;
  margin-top: 0.7rem;
}
@media only screen and (min-width: 768px) {
  .se-flow__container {
    padding-left: 8.3rem;
    margin-top: -0.5rem;
  }
}
.se-flow__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 2.2rem 0 2rem;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .se-flow__item {
    padding: 4rem 0 4rem;
  }
}
.se-flow__item::before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-color: #D7282F;
  position: absolute;
  left: -3rem;
  top: 2.8rem;
  border-radius: 50%;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .se-flow__item::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 5rem;
    left: -9rem;
  }
}
.se-flow__item:not(:last-child)::after {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #B2B2B2;
  position: absolute;
  left: -2.5rem;
  top: 3rem;
}
@media only screen and (min-width: 768px) {
  .se-flow__item:not(:last-child)::after {
    width: 3px;
    left: -8.4rem;
    top: 5.5rem;
  }
}
.se-flow__item-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 130%;
}
@media only screen and (min-width: 768px) {
  .se-flow__item-title {
    font-size: 2rem;
    line-height: 160%;
  }
}
.se-flow__item-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 160%;
  margin-top: 0.6rem;
}
@media only screen and (min-width: 768px) {
  .se-flow__item-text {
    font-size: 1.6rem;
    font-weight: 500;
  }
}

.se-redbanner {
  padding: 2rem 2rem 7.3rem;
}
@media only screen and (min-width: 768px) {
  .se-redbanner {
    padding: 2.7rem 2rem 10rem;
  }
}
.se-redbanner__item {
  padding: 4.5rem 3.2rem 4rem;
  display: block;
  border-radius: 1rem;
  background: #D7282F;
}
@media only screen and (min-width: 768px) {
  .se-redbanner__item {
    max-width: 106.3rem;
    margin: auto;
    padding: 6.8rem 10rem 6.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .se-redbanner__item i {
    top: auto;
    bottom: 2.8rem;
    right: 2.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-redbanner__item i {
    right: 8rem;
  }
}
.se-redbanner__item-ja {
  color: #FFF;
  font-size: 1.2rem;
  font-weight: 700;
  position: relative;
  padding-left: 2.5rem;
}
@media only screen and (min-width: 768px) {
  .se-redbanner__item-ja {
    font-size: 1.6rem;
    padding-left: 3rem;
  }
}
.se-redbanner__item-ja::before {
  content: "";
  width: 1.4rem;
  height: 2.5rem;
  position: absolute;
  left: 0.2rem;
  top: -0.2rem;
  background-image: url("../images/common/slash_w.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .se-redbanner__item-ja::before {
    width: 1.8rem;
    height: 3.5rem;
    top: -0.5rem;
  }
}
.se-redbanner__item-en {
  color: #FFF;
  font-family: "DM Sans", sans-serif;
  font-size: 4rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 0.3rem;
}
@media only screen and (min-width: 768px) {
  .se-redbanner__item-en {
    font-size: 7.2rem;
    margin-top: -0.1rem;
  }
}
.se-redbanner__item-text {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 140%;
  margin-top: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .se-redbanner__item-text {
    font-size: 1.6rem;
    margin-top: 0.5rem;
  }
}

.se-blackbanner {
  padding: 2rem 2rem 6rem;
}
@media only screen and (min-width: 768px) {
  .se-blackbanner {
    padding: 2.7rem 2rem 10rem;
  }
}
.se-blackbanner__item {
  padding: 3.3rem 3.2rem 4rem;
  display: block;
  border-radius: 1rem;
  background: #333;
}
@media only screen and (min-width: 768px) {
  .se-blackbanner__item {
    max-width: 62.4rem;
    margin: auto;
    padding: 3.6rem 4.8rem 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .se-blackbanner__item i {
    top: auto;
    bottom: 2.8rem;
    right: 2.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-blackbanner__item i {
    right: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .se-blackbanner__item.variant {
    padding: 3rem 4.8rem 2.6rem;
  }
}
.se-blackbanner__item.variant .se-blackbanner__item-text {
  font-size: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .se-blackbanner__item.variant .se-blackbanner__item-text {
    font-size: 3.2rem;
  }
}
.se-blackbanner__item-en {
  color: #FFF;
  font-family: "DM Sans", sans-serif;
  font-size: 4rem;
  font-weight: 500;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .se-blackbanner__item-en {
    font-size: 4rem;
    font-weight: 400;
  }
}
.se-blackbanner__item-text {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 140%;
  margin-top: 1.7rem;
}
@media only screen and (min-width: 768px) {
  .se-blackbanner__item-text {
    margin-top: 0.5rem;
  }
}

.se-related {
  padding: 0rem 4.5rem 12rem;
}
@media only screen and (min-width: 768px) {
  .se-related {
    padding: 0rem 4rem 20rem;
  }
}
.se-related__title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
}
@media only screen and (min-width: 768px) {
  .se-related__title {
    font-size: 4rem;
    line-height: 140%;
  }
}
.se-related__container {
  margin: 3.1rem auto 0;
  display: grid;
  row-gap: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .se-related__container {
    column-gap: 4.6rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 5.5rem auto 0;
    max-width: 113rem;
    row-gap: 4.6rem;
  }
}
.se-related__item {
  padding: 0 0 2.4rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 768px) {
  .se-related__item {
    padding: 0 0 1.8rem 0;
  }
}
.se-related__item-picture {
  margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .se-related__item-picture {
    margin-bottom: 2rem;
  }
}
.se-related__item-picture img {
  border-radius: 0.7rem;
}
.se-related__item-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .se-related__item-title {
    font-size: 2.4rem;
    line-height: 140%;
  }
  .se-related__item-title.ajust-height {
    min-height: 6.7rem;
  }
}
.se-related__item-text {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.028rem;
}

.se-field {
  margin-top: -6rem;
}
@media only screen and (min-width: 768px) {
  .se-field {
    margin-top: -9.7rem;
  }
}
.se-field__inner {
  padding: 0rem 4.4rem 12rem;
}
@media only screen and (min-width: 768px) {
  .se-field__inner {
    padding: 0 4.4rem 20rem;
  }
}
.se-field__title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
}
@media only screen and (min-width: 768px) {
  .se-field__title {
    font-size: 4rem;
  }
}
.se-field__container {
  margin-top: 1.1rem;
}
@media only screen and (min-width: 768px) {
  .se-field__container {
    margin: 5.6rem auto 0;
    max-width: 94rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10rem;
    row-gap: 10rem;
  }
}
.se-field__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  display: block;
  padding: 2.3rem 0 1.1rem;
}
@media only screen and (min-width: 768px) {
  .se-field__item {
    padding: 0rem 0 1.1rem;
  }
}
.se-field__item-picture img {
  border-radius: 1rem;
}
.se-field__item-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
}
@media only screen and (min-width: 768px) {
  .se-field__item-title {
    font-size: 2.4rem;
  }
}
.se-field__item-text {
  position: relative;
  padding: 1.2rem 0rem 1rem;
}
@media only screen and (min-width: 768px) {
  .se-field__item-text {
    padding: 2.2rem 0rem 0.6rem;
  }
}
.se-field__item-text i {
  background-color: #303030;
  top: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .se-field__item-text i {
    top: 3.4rem;
  }
}
.se-field__item-text i::after, .se-field__item-text i::before {
  border-color: #303030;
}
.se-field__item-p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.028rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .se-field__item-p {
    margin-top: 1.3rem;
  }
}

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