@charset "UTF-8";
/* =======================================================

	商品紹介

======================================================= */
.lineup .sec_1 {
  padding: 4em 0; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lineup .sec_1 {
      padding: 2em 0; } }
.lineup .sec_2 {
  background-color: #f6f6f6;
  padding-bottom: 2em; }
  .lineup .sec_2 table {
    background-color: #fff; }
.lineup .bnr_pdf {
  background-color: #000;
  color: #fff;
  width: 800px;
  margin: 2.5em auto;
  display: flex; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lineup .bnr_pdf {
      width: 100%;
      flex-direction: column; } }
  .lineup .bnr_pdf figure {
    width: 50%;
    opacity: 0.8; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lineup .bnr_pdf figure {
        width: 100%; } }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lineup .bnr_pdf figure img {
        height: 100px;
        object-fit: cover; } }
  .lineup .bnr_pdf p {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    line-height: 1.6;
    font-size: 1.8rem;
    font-weight: 500;
    position: relative; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lineup .bnr_pdf p {
        width: 100%;
        font-size: 1.4rem;
        height: 70px;
        padding-right: 20px;
        gap: 15px; } }
    .lineup .bnr_pdf p i {
      width: 60px; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .lineup .bnr_pdf p i {
          width: 44px; } }
    .lineup .bnr_pdf p::after {
      content: "";
      width: 28px;
      height: 56px;
      background-color: #F40D15;
      clip-path: polygon(100% 0, 100% 100%, 0 100%);
      transition: .3s;
      position: absolute;
      right: 0;
      bottom: 0; }
.lineup .sec_ttl {
  position: relative;
  margin-bottom: 6em; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lineup .sec_ttl {
      margin-bottom: 3em; } }
  .lineup .sec_ttl .bg {
    min-height: 400px;
    object-fit: cover; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lineup .sec_ttl .bg {
        min-height: 280px; } }
  .lineup .sec_ttl span {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: calc(50vw - 500px + 160px);
    background-color: rgba(244, 13, 21, 0.9);
    display: flex;
    align-items: center;
    padding-left: 35px; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lineup .sec_ttl span {
        width: 70px;
        padding-left: 15px; } }
    .lineup .sec_ttl span img {
      width: 89px; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .lineup .sec_ttl span img {
          width: 36px; } }

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