@charset "UTF-8";
/**
 * page components
 */
.p_c-ttl-1 {
  color: var(--green);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .p_c-ttl-1 {
    font-size: 1.8rem;
    line-height: 1.44;
  }
}
.p_c-ttl-2 {
  align-content: center;
  background: #AEAEAE;
  border-radius: 0.3rem;
  color: white;
  display: flex;
  font-size: 2.2rem;
  font-weight: 700;
  height: 3.4rem;
  line-height: normal;
  margin-top: 3.2rem !important;
  padding: 0 1rem;
}
@media screen and (max-width: 767px) {
  .p_c-ttl-2 {
    font-size: 1.8rem;
    height: 3rem;
    margin-top: 2.6rem !important;
  }
}
.p_c-list-1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p_c-list-1 li {
  line-height: 1.625;
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.p_c-list-1 li:before {
  aspect-ratio: 1/1;
  background-color: var(--light-green);
  border-radius: 50%;
  content: " ";
  display: inline-block;
  margin: 0 0.5rem 0 0;
  width: 1.3rem;
}
.p_c-list-2 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p_c-list-2 {
    gap: 0.9rem;
  }
}
.p_c-list-2 li {
  padding-left: 1em;
  text-indent: -1em;
}
.p_c-list-2 li:before {
  content: "・";
}
.p_c-list-3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p_c-list-3 li {
  counter-increment: item;
  display: flex;
  gap: 1.2rem;
  line-height: 1.625;
}
.p_c-list-3 li:before {
  align-items: center;
  align-self: flex-start;
  aspect-ratio: 1/1;
  background: var(--green);
  border-radius: 50%;
  content: counter(item);
  color: white;
  display: flex;
  flex-shrink: 0;
  font-family: var(--font-2);
  font-size: 1.2rem;
  line-height: 1;
  justify-content: center;
  transform: translateY(0.6rem);
  width: 1.6rem;
}
.p_c-txt-green {
  color: var(--green);
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p_c-txt-green {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}
.p_c-note {
  font-size: 1.3rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p_c-note {
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .p_c-table-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: none;
    isolation: isolate;
  }
}
.p_c-table-frozen {
  display: none;
  height: 0;
  left: 0;
  overflow: visible;
  position: sticky;
  top: 0;
  z-index: 5;
}
.p_c-table-frozen .cell {
  align-items: center;
  background: var(--light-green);
  border: 2px solid #ccc;
  border-top: none;
  box-sizing: border-box;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: center;
  left: 0;
  line-height: normal;
  position: absolute;
  text-orientation: upright;
  white-space: nowrap;
  width: 6rem;
}
.p_c-table-frozen .cell.is-full {
  width: 15.2rem;
}
.p_c-table-frozen .cell.is-vertical {
  letter-spacing: 0.5rem;
  writing-mode: vertical-rl;
}
.p_c-table {
  border-collapse: collapse;
  margin: 3rem auto 0;
  table-layout: fixed;
  width: 96.6rem;
}
@media screen and (max-width: 767px) {
  .p_c-table {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 2px solid #ccc;
  }
}
.p_c-table .col-group {
  width: 6rem;
}
.p_c-table .col-name {
  width: 9.2rem;
}
.p_c-table .col-material {
  width: 9rem;
}
.p_c-table .col-value {
  width: 36.2rem;
}
.p_c-table th, .p_c-table td {
  border: 2px solid #ccc;
  font-size: 1.4rem;
  line-height: normal;
  padding: 2.3rem 1.8rem;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .p_c-table th, .p_c-table td {
    border-left: none;
    border-top: none;
  }
}
.p_c-table thead th {
  background: var(--light-green);
  font-weight: 400;
  height: 6.8rem;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p_c-table thead th:first-child {
    left: 0;
    position: sticky;
    z-index: 3;
    border-left: 2px solid #ccc;
  }
}
.p_c-table tbody th {
  background: var(--light-green);
  font-weight: 400;
  text-orientation: upright;
  white-space: nowrap;
}
.p_c-table tbody th.is-vertical {
  letter-spacing: 0.5rem;
  text-align: center;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .p_c-table tbody th.group {
    opacity: 0;
  }
}
.p_c-table tbody td.label {
  background: var(--ultra-light-green);
  padding: 2.3rem 1rem 2.3rem 1rem;
}
@media screen and (max-width: 767px) {
  .p_c-table tbody td.name {
    left: 6rem;
    position: sticky;
    z-index: 2;
  }
}
.p_c-table-s {
  background-color: white;
  border-collapse: collapse;
  width: 100%;
}
.p_c-table-s th, .p_c-table-s td {
  border: 2px solid #ccc;
  font-size: 1.4rem;
  line-height: normal;
  padding: 0.62rem 1.2rem;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .p_c-table-s th, .p_c-table-s td {
    padding: 0.5rem 0.5rem;
  }
}
.p_c-table-s td:nth-child(3) {
  text-align: left;
}
.p_c-table-s thead th {
  background: var(--light-green);
  font-weight: 400;
}
.p_c-table-s tbody th {
  background: var(--ultra-light-green);
  font-weight: 400;
  white-space: nowrap;
}
.p_c-table-s tbody td {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p_c-table-s tbody td {
    padding: 0.6rem 0.5rem 0.65rem;
  }
}

/**
 * page layout
 */
.p_l-navi {
  padding: 4.8rem 0 9.3rem;
}
@media screen and (max-width: 767px) {
  .p_l-navi {
    padding: 4.1rem 0 4.3rem;
  }
}
.p_l-feature {
  margin-bottom: 8.6rem;
}
@media screen and (max-width: 767px) {
  .p_l-feature {
    margin-bottom: 4.6rem;
  }
}
.p_l-feature > .u-flex {
  justify-content: space-between;
  padding: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p_l-feature > .u-flex {
    flex-direction: column;
    padding: 1.3rem 0 0;
  }
}
.p_l-feature-primary {
  width: 47.1rem;
}
@media screen and (max-width: 767px) {
  .p_l-feature-primary {
    width: 100%;
  }
}
.p_l-feature-primary > * + * {
  margin-top: 1rem;
}
.p_l-feature-secondary {
  margin-top: 1.8rem;
  width: 60.5rem;
}
@media screen and (max-width: 767px) {
  .p_l-feature-secondary {
    margin-top: 4.8rem;
    width: 100%;
  }
}
.p_l-feature-secondary .c-box {
  width: 100%;
}
.p_l-feature-secondary .c-box img {
  display: block;
  margin: 0 auto;
}
.p_l-feature-secondary .c-box-ttl {
  left: 3.2rem;
  position: absolute;
  top: 2.7rem;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p_l-feature-secondary .c-box-ttl {
    left: 2.2rem;
    top: 1.2rem;
  }
}
.p_l-material-table {
  margin-bottom: 11.7rem;
}
@media screen and (max-width: 767px) {
  .p_l-material-table {
    margin-bottom: 5.2rem;
  }
}
.p_l-material-table .c-ttl-2 {
  margin-bottom: 5.8rem;
}
@media screen and (max-width: 767px) {
  .p_l-material-table .c-ttl-2 {
    margin-bottom: 2.3rem;
  }
}
.p_l-other {
  background: url(../img/products_other_bg.webp) no-repeat 0 0/cover;
  height: 49.8rem;
  margin-bottom: -8.7rem;
  padding: 5.1rem 0 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p_l-other {
    background: url(../img/products_other_bg_sp.webp) no-repeat 50% 0/100dvw auto;
    height: 44.4rem;
    margin-bottom: -5.2rem;
    padding: 2.1rem 0 0;
  }
}
.p_l-other-cards {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p_l-other-cards {
    flex-direction: column;
    gap: 1.4rem;
    justify-content: start;
    padding: 3.9rem 0 0;
  }
}
.p_l-checkpoint {
  background-color: var(--gray-green);
  border-radius: 6rem 6rem 0 0;
  padding: 8.3rem 0 10.4rem;
}
@media screen and (max-width: 767px) {
  .p_l-checkpoint {
    background-color: var(--gray-green);
    border-radius: 3rem 3rem 0 0;
    padding: 4.4rem 0 6.3rem;
  }
}
.p_l-checkpoint .c-ttl-2 {
  margin-bottom: 3.7rem;
}
@media screen and (max-width: 767px) {
  .p_l-checkpoint .c-ttl-2 {
    margin-bottom: 0.2rem;
  }
}
.p_l-checkpoint .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 6rem;
  padding: 5.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .p_l-checkpoint .items {
    row-gap: 4.8rem;
    padding: 3.3rem 0 0;
  }
}
.p_l-checkpoint .item {
  width: 53.5rem;
}
.p_l-checkpoint .item .caption {
  line-height: 1.625;
  padding: 1.3rem 0 0 0.3rem;
}
@media screen and (max-width: 767px) {
  .p_l-checkpoint .item .caption {
    padding: 0.7rem 0 0 0;
  }
}

/**
 * page style
 */
.p-products:before {
  content: " ";
  display: block;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.p-products-1 .img-feature {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-products-1 .img-feature {
    padding: 6.5rem 0 3.8rem;
    width: 32rem;
  }
}
.p-products-2 .p_l-feature .figure-1 img {
  width: 55.6rem;
}
@media screen and (max-width: 767px) {
  .p-products-2 .p_l-feature .figure-1 img {
    padding-top: 5.8rem;
    width: 31rem;
  }
}
.p-products-2 .p_l-feature .figure-2 .c-box-ttl {
  top: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-products-2 .p_l-feature .figure-2 .c-box-ttl {
    top: 1.3rem;
  }
}
.p-products-2 .p_l-feature .figure-2 img {
  margin-top: 5.7rem !important;
  transform: translateX(1rem);
  width: 33.8rem;
}
@media screen and (max-width: 767px) {
  .p-products-2 .p_l-feature .figure-2 img {
    margin-top: 0 !important;
    padding-top: 7rem;
    transform: translateX(0.5rem);
    width: 22.2rem;
  }
}
.p-products-2 .p_l-feature .note {
  display: block;
  font-size: 1.1rem;
  line-height: normal;
  margin-top: -1.3rem;
  padding: 0 3rem 4.3rem 5.5rem;
}
@media screen and (max-width: 767px) {
  .p-products-2 .p_l-feature .note {
    margin-top: 0;
    padding: 0 2rem 3rem;
  }
}
.p-products-3 .p_l-feature-primary {
  width: 61rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature-primary {
    width: 100%;
  }
}
.p-products-3 .p_l-feature-secondary {
  margin-right: 6rem;
  width: unset;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature-secondary {
    margin: 3rem 0 0;
  }
}
.p-products-3 .p_l-feature-secondary .table-1 {
  margin: 0 auto;
  width: 37.9rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature-secondary .table-1 {
    width: 100%;
  }
}
.p-products-3 .p_l-feature-secondary .table-1 thead th:nth-child(1) {
  width: 6.2rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature-secondary .table-1 thead th:nth-child(1) {
    width: 5.5rem;
  }
}
.p-products-3 .p_l-feature-secondary .table-1 thead th:nth-child(2) {
  width: 5.5rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature-secondary .table-1 thead th:nth-child(2) {
    width: 4.9rem;
  }
}
.p-products-3 .p_l-feature-secondary .table-1 thead th:nth-child(3) {
  width: 16.7rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature-secondary .table-1 thead th:nth-child(3) {
    width: 16rem;
  }
}
.p-products-3 .p_l-feature .c-box {
  margin: 4.8rem 0 0;
  padding: 4.5rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box {
    margin: 3.8rem 0 0;
    padding: 2.2rem 2.4rem 3.5rem;
  }
}
.p-products-3 .p_l-feature .c-box .figure-1 .c-box-ttl {
  margin-bottom: -3rem;
}
.p-products-3 .p_l-feature .c-box .figure-1 img {
  display: block;
  margin: 0 auto 6.5rem;
  transform: translateX(1rem);
  width: 65.7rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-1 img {
    margin: 0 auto 4.5rem;
    padding: 4.8rem 0 0;
    transform: unset;
    width: 30.8rem;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .c-box-ttl {
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .c-box-ttl {
    margin-bottom: 3.2rem;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables {
  align-items: start;
  display: flex;
  justify-content: center;
  gap: 8.2rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables {
    flex-direction: column;
    gap: 3.2rem;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 {
  width: 42.1rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 {
    width: 100%;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 th, .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 td {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 thead th {
    white-space: nowrap;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 tbody th {
  width: 7.4rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 tbody th {
    text-align: center;
    width: 3.9rem;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 tbody td:nth-child(2) {
  width: 27.6rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 tbody td:nth-child(2) {
    width: 20.6rem;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 tbody td:nth-child(3) {
  padding-left: 2.2rem;
  width: 7.1rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-2 tbody td:nth-child(3) {
    padding-left: 0.5rem;
    text-align: center;
    width: auto;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 {
  width: 38rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 {
    width: 100%;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 th, .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 td {
  text-align: left;
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 tbody th {
  width: 7.4rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 tbody th {
    text-align: center;
    width: 3.9rem;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 tbody td:nth-child(2) {
  padding-left: 3rem;
  width: 15.2rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 tbody td:nth-child(2) {
    width: 12.6rem;
  }
}
.p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 tbody td:nth-child(3) {
  padding-left: 3rem;
  width: 15.4rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p_l-feature .c-box .figure-2 .tables .table-3 tbody td:nth-child(3) {
    width: auto;
  }
}
.p-products-3 .p-method {
  padding: 0 0 15rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method {
    padding: 0 0 5.8rem;
  }
}
.p-products-3 .p-method .c-ttl-2 {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .c-ttl-2 {
    margin-bottom: 3rem;
  }
}
.p-products-3 .p-method .items {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
}
.p-products-3 .p-method .item {
  display: flex;
  justify-content: space-between;
  padding: 4.2rem 4rem 2.7rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .item {
    flex-direction: column;
    padding: 3rem 2.4rem 4rem;
  }
}
.p-products-3 .p-method .item-primary {
  width: 53.6rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .item-primary {
    display: contents;
    width: 100%;
  }
}
.p-products-3 .p-method .item-primary .c-box-ttl {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .item-primary .c-box-ttl {
    margin-bottom: 1.8rem;
  }
}
.p-products-3 .p-method .item-primary .p_c-list-3 {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .item-primary .p_c-list-1,
  .p-products-3 .p-method .item-primary .p_c-list-3,
  .p-products-3 .p-method .item-primary .p_c-txt-green {
    order: 3;
  }
}
.p-products-3 .p-method .item-secondary img {
  margin: 0 auto;
}
.p-products-3 .p-method .item-1 img {
  margin: -1.5rem 8.7rem 0 0;
  width: 33.5rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .item-1 img {
    margin: -1.5rem 0 1.4rem -0.7rem;
    width: 29.5rem;
  }
}
.p-products-3 .p-method .item-2 {
  padding-bottom: 5.2rem;
}
.p-products-3 .p-method .item-2 img {
  margin: 11rem 2rem 0 0;
  width: 37.7rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .item-2 img {
    margin: -1.2rem -2rem 2.7rem -1.8rem;
    width: 33.1rem;
  }
}
.p-products-3 .p-method .item-3 {
  padding-bottom: 5.5rem;
}
.p-products-3 .p-method .item-3 img {
  margin: 2.4rem 4.2rem 0 0;
  width: 32.7rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .item-3 img {
    margin: -0.4rem 0 2.1rem -1.8rem;
  }
}
.p-products-3 .p-method .attentions {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin: 5.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .attentions {
    gap: 3rem;
    margin: 5.3rem 0 0;
  }
}
.p-products-3 .p-method .attention {
  background: var(--light-blue);
  border-radius: 2rem;
  display: flex;
  min-height: 10rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .attention {
    flex-direction: column;
  }
}
.p-products-3 .p-method .attention-ttl {
  align-items: center;
  background: var(--blue) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="35" viewBox="0 0 40 35" fill="none"><path d="M25.3961 34.9522C21.7368 34.9522 18.0765 35.0113 14.4185 34.9362C10.4576 34.8551 6.49776 34.9071 2.53766 34.8805C1.42682 34.8732 0.691601 34.3348 0.24669 33.3639C-0.0919154 32.6253 -0.089553 31.8746 0.301024 31.148C0.576108 30.6359 0.860379 30.1285 1.15252 29.6261C2.0644 28.0588 2.98336 26.4955 3.89733 24.929C4.76431 23.443 5.62579 21.9537 6.49409 20.4683C7.57343 18.6217 8.66064 16.7796 9.7384 14.9317C10.8277 13.0639 11.9063 11.1897 12.9958 9.32215C14.0502 7.51495 15.1159 5.71404 16.1708 3.90709C16.5929 3.18421 16.9969 2.45109 17.4148 1.72585C17.5423 1.50457 17.6736 1.28277 17.8287 1.08066C18.9989 -0.443326 21.2623 -0.303422 22.2597 1.17305C22.5456 1.59618 22.797 2.04319 23.0542 2.48522C23.6737 3.55038 24.2843 4.62079 24.9032 5.68622C25.8143 7.2543 26.728 8.82081 27.6438 10.386C28.1722 11.289 28.7103 12.1864 29.2376 13.0899C29.8589 14.154 30.4723 15.2225 31.0905 16.2888C31.6152 17.1938 32.1407 18.0989 32.6678 19.0026C33.2767 20.047 33.8865 21.0907 34.4978 22.1338C35.2146 23.3575 35.9352 24.5793 36.651 25.8036C37.4256 27.1283 38.1983 28.4541 38.9684 29.7813C39.2136 30.2036 39.4514 30.6301 39.6869 31.0577C39.8926 31.4312 40 31.846 40 32.2602C40.0005 33.1185 39.6622 33.8443 38.9763 34.3803C38.643 34.6406 38.2652 34.8118 37.8342 34.8651C37.4416 34.9136 37.0515 34.9588 36.6538 34.9582C32.9014 34.953 29.1489 34.9551 25.3964 34.9551V34.9522H25.3961ZM17.6376 12.8982C17.6599 13.182 17.6751 13.4374 17.7014 13.6915C17.7725 14.3836 17.8531 15.0748 17.9206 15.7672C17.9859 16.4373 18.0327 17.1093 18.0998 17.7791C18.1715 18.4944 18.2652 19.2076 18.3348 19.9231C18.4022 20.6163 18.4469 21.3119 18.5112 22.0057C18.5369 22.2826 18.5883 22.5572 18.6274 22.8328C18.6647 23.0952 18.7865 23.3155 18.9605 23.5113C19.2837 23.8746 19.6979 23.9659 20.1635 23.9349C20.8 23.8924 21.3056 23.4386 21.3946 22.807C21.44 22.4855 21.4909 22.164 21.5195 21.8408C21.5851 21.1006 21.6389 20.3591 21.6975 19.6184C21.703 19.5488 21.7046 19.4787 21.7122 19.4094C21.7904 18.695 21.8788 17.9813 21.9463 17.2657C22.0159 16.5258 22.0652 15.784 22.1237 15.043C22.1293 14.9734 22.1314 14.9023 22.1484 14.8354C22.3025 14.2227 22.2009 13.5818 22.3613 12.9686C22.3957 12.8376 22.3823 12.689 22.3678 12.551C22.3248 12.1328 22.2566 11.7134 21.9991 11.3682C21.2654 10.3855 20.4 10.2317 19.1994 10.4587C18.4146 10.7782 17.8854 11.3323 17.6867 12.162C17.6282 12.4066 17.651 12.6704 17.6379 12.8982H17.6376ZM20.006 30.2288C21.115 30.3264 22.3248 29.2907 22.3424 27.9441C22.3626 26.4102 21.0373 25.6424 20.0622 25.6009C18.9364 25.5532 17.6505 26.6186 17.6746 27.9255C17.6993 29.2608 18.9372 30.3254 20.006 30.2285V30.2288Z" fill="%23FFFEC1"/></svg>') no-repeat 1.8rem 50%/4rem auto;
  color: white;
  display: flex;
  flex-shrink: 0;
  line-height: 1.611;
  padding: 0 1.8rem 0 7.1rem;
  width: 26.3rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .attention-ttl {
    background-position: 2.4rem 50%;
    min-height: 8rem;
    padding: 0 1.8rem 0 8rem;
    width: 100%;
  }
}
.p-products-3 .p-method .attention-body {
  align-items: center;
  display: flex;
  line-height: 1.625;
  padding: 1rem 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .attention-body {
    flex-direction: column;
    padding: 1.5rem 2.6rem 2.4rem;
  }
}
.p-products-3 .p-method .attention-body .list {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="26" viewBox="0 0 22 26" fill="none"><path d="M21.75 12.5576L-1.18272e-06 25.115L-8.49151e-08 0.000247958L21.75 12.5576Z" fill="%230CAEF4"/></svg>') no-repeat top 50% right 0/2.2rem auto;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 0 4.5rem 0 0;
  margin: 0 1.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-products-3 .p-method .attention-body .list {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="22" viewBox="0 0 26 22" fill="none"><path d="M12.5571 21.75L-0.000238424 -2.36543e-06L25.1145 -1.6983e-07L12.5571 21.75Z" fill="%230CAEF4"/></svg>') no-repeat 50% 100%/2.6rem auto;
    margin: 0 0 1.4rem;
    padding: 0 0 3.8rem;
  }
}
.p-products-3 .p-method .attention-body .list li {
  font-weight: 700;
}
.p-products-3 .p-method .attention-body .list li:before {
  border-radius: 50%;
  color: #89CDEA;
  content: "●";
  display: inline-block;
}

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