@charset "UTF-8";
body.quality--01 .main .section--01 .detail--01 .arrow::after, body.quality--01 .main .section--01 .detail--02 .item + .item::before, body.quality--01 .main .section--02 .detail .item + .item::before {
  clip-path: polygon(0 0, 100% 50%, 0 100%); }

.delay01 {
  transition-delay: .1s !important; }

.delay02 {
  transition-delay: .2s !important; }

.delay03 {
  transition-delay: .3s !important; }

.delay04 {
  transition-delay: .4s !important; }

.delay05 {
  transition-delay: .5s !important; }

.delay06 {
  transition-delay: .6s !important; }

.delay07 {
  transition-delay: .7s !important; }

.delay08 {
  transition-delay: .8s !important; }

.delay09 {
  transition-delay: .9s !important; }

.delay10 {
  transition-delay: 1s !important; }

/* fade in */
.fade-in {
  opacity: 0;
  transition: all 2s ease; }
  .fade-in.inview-on {
    opacity: 1; }

.inview-on .fade-in {
  opacity: 1; }

/* fade in up */
.fade-in-up {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  transition: all 1.5s ease; }
  .fade-in-up.inview-on {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; }

.inview-on .fade-in-up {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1; }

.sans {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-weight: 500; }

.serif {
  font-family: "Shippori Mincho", serif; }

.cinzel {
  font-family: "Cinzel", serif; }

.garamond {
  font-family: "Cormorant Garamond", serif; }

.eb {
  font-family: "EB Garamond", serif; }
  .eb.italic {
    font-style: italic; }

.yakuhan {
  font-family: YakuHanMP, 'Shippori Mincho', serif; }

.yakuhan_sans {
  font-family: YakuHanJP ,"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif !important; }

.colorA {
  color: #215968; }

.mt10 {
  margin-top: 0.2rem; }

.mt30 {
  margin-top: 0.5rem; }

.mt50 {
  margin-top: 0.8rem; }
  @media screen and (max-width: 750px) {
    .mt50 {
      margin-top: 0.5rem; } }

.mt80 {
  margin-top: 1.5rem; }
  @media screen and (max-width: 750px) {
    .mt80 {
      margin-top: 0.8rem; } }

.mt100 {
  margin-top: 2.0rem; }
  @media screen and (max-width: 750px) {
    .mt100 {
      margin-top: 1.5rem; } }

.mt130 {
  margin-top: 2.5rem; }
  @media screen and (max-width: 750px) {
    .mt130 {
      margin-top: 1.5rem; } }

.mt150 {
  margin-top: 3.2rem; }
  @media screen and (max-width: 750px) {
    .mt150 {
      margin-top: 1.5rem; } }

.tac {
  text-align: center; }

.inner_main .img_cap.black.no_shadow .cap {
  bottom: auto;
  top: calc(480%/7.44); }

.inner_main .page_name {
  padding-top: 20px;
  background: #fff; }
  @media screen and (max-width: 750px) {
    .inner_main .page_name {
      bottom: -20px;
      z-index: 5; } }
  .inner_main .page_name::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    height: 40px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 40%, white 100%); }

.main.bgWrap {
  position: relative; }
  .main.bgWrap::before {
    content: "";
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 60px;
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%); }

.section_cont {
  padding: 80px 0 100px; }
  @media screen and (max-width: 750px) {
    .section_cont {
      padding: 45px 0 60px; } }

.page_ttl {
  display: block;
  text-align: center;
  margin-bottom: 80px; }
  @media screen and (max-width: 750px) {
    .page_ttl {
      margin-bottom: 50px; } }
  .page_ttl .en {
    font-size: clamp(30px, 4.54vw, 50px);
    line-height: 1;
    margin-bottom: 0.2em;
    letter-spacing: 0.1em;
    display: block; }
  .page_ttl .ja {
    font-size: clamp_gm(18px, 2.27vw, 25px);
    line-height: 1;
    letter-spacing: 0.1em;
    display: block; }

.wrap02 {
  margin-left: auto;
  margin-right: auto; }

.main {
  overflow: hidden; }
  .main.bgWrap {
    background: url("../../images/quality/bg.jpg") 50% 0/100% auto no-repeat; }
  @media screen and (min-width: 751px) {
    .main .wrap02 {
      width: 24rem; } }
  .main sup {
    font-size: .5em; }
  .main .snav {
    display: flex;
    justify-content: space-between;
    width: 26.04rem;
    margin: .9rem auto 0; }
    @media screen and (max-width: 750px) {
      .main .snav {
        flex-wrap: wrap;
        gap: .2rem;
        width: auto; } }
    .main .snav li {
      width: 6.36rem; }
      @media screen and (max-width: 750px) {
        .main .snav li {
          width: calc(50% - .1rem); } }
    .main .snav a {
      display: grid;
      grid-template-rows: auto;
      grid-template-columns: auto;
      position: relative; }
      @media screen and (hover: hover) and (pointer: fine) {
        .main .snav a .image img {
          transition: transform .4s; }
        .main .snav a:hover .image img {
          transform: scale(1.1); } }
      .main .snav a::after {
        content: '';
        display: block;
        width: 1rem;
        height: 1rem;
        position: absolute;
        right: .32rem;
        bottom: .4rem;
        background: rgba(255, 255, 255, 0.5) url(../../images/quality/arrow.svg) 50% 50%/0.25rem auto no-repeat;
        border-radius: 50%; }
        @media screen and (max-width: 750px) {
          .main .snav a::after {
            width: .6rem;
            height: .6rem;
            right: .2rem;
            bottom: .2rem;
            background-size: .15rem auto; } }
    .main .snav .image {
      grid-row: 1/2;
      grid-column: 1/2;
      margin: 0;
      overflow: hidden; }
      @media screen and (max-width: 750px) {
        .main .snav .image img {
          aspect-ratio: 2/1;
          object-fit: cover; } }
    .main .snav .text {
      grid-row: 1/2;
      grid-column: 1/2;
      align-self: flex-end;
      padding: 0 0 .62rem .5rem;
      position: relative;
      color: #fff; }
      @media screen and (max-width: 750px) {
        .main .snav .text {
          padding: 0 .2rem .2rem; } }
      .main .snav .text .en {
        font-family: "Cormorant Garamond", serif;
        font-size: .4rem;
        line-height: 1; }
        @media screen and (max-width: 750px) {
          .main .snav .text .en {
            font-size: .3rem; } }
      .main .snav .text .ja {
        margin: .2rem 0 0;
        font-size: .44rem;
        line-height: 1.3636363636; }
        @media screen and (max-width: 750px) {
          .main .snav .text .ja {
            margin: .1rem 0 0;
            font-size: .32rem; } }
  .main .lead {
    font-size: 0.32rem; }
    .main .lead .text .catch {
      line-height: 1.7142857143;
      font-size: .7rem;
      font-weight: 500;
      letter-spacing: .06em; }
      .main .lead .text .catch::before, .main .lead .text .catch::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      .main .lead .text .catch::before {
        margin-bottom: -0.3571428571em; }
      .main .lead .text .catch::after {
        margin-top: -0.3571428571em; }
      @media screen and (max-width: 750px) {
        .main .lead .text .catch {
          font-size: 1.5em; } }
    .main .lead .text p {
      line-height: 2.1875; }
      .main .lead .text p::before, .main .lead .text p::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      .main .lead .text p::before {
        margin-bottom: -0.59375em; }
      .main .lead .text p::after {
        margin-top: -0.59375em; }
  .main article > .lead {
    padding-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      .main article > .lead {
        display: block;
        padding-top: 1rem; } }
    .main article > .lead .text .shoulder {
      width: max-content;
      border-bottom: 1px solid currentColor;
      padding: 0 0 .3rem; }
      @media screen and (max-width: 750px) {
        .main article > .lead .text .shoulder {
          padding: 0 0 .2rem; } }
      .main article > .lead .text .shoulder .en {
        color: #215968;
        font-family: "Cormorant Garamond", serif;
        font-size: .4rem;
        line-height: 1; }
        @media screen and (max-width: 750px) {
          .main article > .lead .text .shoulder .en {
            font-size: .3rem; } }
      .main article > .lead .text .shoulder .ja {
        margin: .2rem 0 0;
        font-size: .46rem;
        letter-spacing: .06em;
        line-height: 1; }
        @media screen and (max-width: 750px) {
          .main article > .lead .text .shoulder .ja {
            font-size: .32rem; } }
    .main article > .lead .text .catch {
      padding: 1rem 0 0; }
      @media screen and (max-width: 750px) {
        .main article > .lead .text .catch {
          padding: .6rem 0 0; } }
    .main article > .lead .text p {
      padding: .92rem 0 0; }
      @media screen and (max-width: 750px) {
        .main article > .lead .text p {
          padding: .6rem 0 0; }
          .main article > .lead .text p br {
            display: none; } }
    .main article > .lead .image {
      width: 14.6rem;
      margin: 0 -2.4rem 0 0; }
      @media screen and (max-width: 750px) {
        .main article > .lead .image {
          width: auto;
          margin: .6rem -.5rem 0 0; } }
      .main article > .lead .image figcaption {
        padding: .2rem .4rem 0; }
        @media screen and (max-width: 750px) {
          .main article > .lead .image figcaption {
            padding: .2rem .2rem 0; } }
  .main section {
    margin-top: 2.26rem; }
    @media screen and (max-width: 750px) {
      .main section {
        margin-top: 1rem; } }
    .main section .headline {
      text-align: center; }
      .main section .headline .num {
        font-size: 1.5rem;
        line-height: 1; }
        @media screen and (max-width: 750px) {
          .main section .headline .num {
            font-size: .64rem; } }
      .main section .headline .ttl {
        padding: .24rem 0 0;
        font-size: .6rem;
        font-weight: 400;
        line-height: 1;
        text-align: center; }
        @media screen and (max-width: 750px) {
          .main section .headline .ttl {
            line-height: 1.5;
            padding: .2rem 0 0;
            font-size: .36rem; }
            .main section .headline .ttl::before, .main section .headline .ttl::after {
              content: '';
              display: block;
              height: 0;
              width: 0; }
            .main section .headline .ttl::before {
              margin-bottom: -0.25em; }
            .main section .headline .ttl::after {
              margin-top: -0.25em; } }
    .main section .lead {
      margin: 1.2rem 0 0; }
      @media screen and (max-width: 750px) {
        .main section .lead {
          margin: 1rem 0 0; } }
    .main section.section--01 {
      margin-top: 2.76rem; }
      @media screen and (max-width: 750px) {
        .main section.section--01 {
          margin-top: 1rem; } }
  body.quality--01 .main article > .lead {
    align-items: flex-end; }
  body.quality--01 .main .section--01 .lead {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      body.quality--01 .main .section--01 .lead {
        display: block; } }
    body.quality--01 .main .section--01 .lead .text {
      width: 10.24rem; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .lead .text {
          width: auto; } }
      body.quality--01 .main .section--01 .lead .text p {
        padding: .96rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .lead .text p {
            padding: .6rem 0 0; } }
    body.quality--01 .main .section--01 .lead .image {
      width: 14.6rem;
      margin: 0 0 0 -2.4rem; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .lead .image {
          width: auto;
          margin: .6rem 0 0 -.5rem; } }
      body.quality--01 .main .section--01 .lead .image figcaption {
        position: absolute;
        bottom: .5rem;
        left: .4rem;
        color: #fff;
        font-family: "Shippori Mincho", serif;
        font-size: .4rem;
        line-height: 1; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .lead .image figcaption {
            bottom: .4rem;
            font-size: .32rem; } }
  body.quality--01 .main .section--01 .detail--01 {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--01 .main .section--01 .detail--01 {
        margin: .8rem 0 0; } }
    body.quality--01 .main .section--01 .detail--01 .text .catch {
      font-size: .54rem;
      font-family: 500;
      line-height: 1; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .detail--01 .text .catch {
          font-size: .36rem; } }
    body.quality--01 .main .section--01 .detail--01 .text p {
      line-height: 1.875;
      padding: .4rem 0 0; }
      body.quality--01 .main .section--01 .detail--01 .text p::before, body.quality--01 .main .section--01 .detail--01 .text p::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      body.quality--01 .main .section--01 .detail--01 .text p::before {
        margin-bottom: -0.4375em; }
      body.quality--01 .main .section--01 .detail--01 .text p::after {
        margin-top: -0.4375em; }
    body.quality--01 .main .section--01 .detail--01 .data .shoulder {
      width: 1rem;
      background: #2b2e2f;
      color: #fff;
      font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
      font-size: .26rem;
      font-weight: 700;
      line-height: .47rem;
      text-align: center; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .detail--01 .data .shoulder {
          width: auto;
          padding: 0 .5em;
          font-size: .24rem;
          line-height: .36rem; } }
    body.quality--01 .main .section--01 .detail--01 .data .name {
      font-size: .6rem;
      line-height: 1; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .detail--01 .data .name {
          font-size: .36rem; } }
      body.quality--01 .main .section--01 .detail--01 .data .name span {
        font-size: .3rem; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .detail--01 .data .name span {
            font-size: 0.24rem; } }
    body.quality--01 .main .section--01 .detail--01 .data p {
      line-height: 1.875; }
      body.quality--01 .main .section--01 .detail--01 .data p::before, body.quality--01 .main .section--01 .detail--01 .data p::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      body.quality--01 .main .section--01 .detail--01 .data p::before {
        margin-bottom: -0.4375em; }
      body.quality--01 .main .section--01 .detail--01 .data p::after {
        margin-top: -0.4375em; }
    body.quality--01 .main .section--01 .detail--01 .item--01 {
      display: grid;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 2.6rem;
      width: 10.3rem; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .detail--01 .item--01 {
          display: block;
          width: auto; } }
      body.quality--01 .main .section--01 .detail--01 .item--01 .text {
        grid-row: 1/2;
        grid-column: 1/2; }
      body.quality--01 .main .section--01 .detail--01 .item--01 .data {
        grid-row: 2/3;
        grid-column: 1/2;
        padding: 1.5rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .detail--01 .item--01 .data {
            padding: .6rem 0 0; } }
        body.quality--01 .main .section--01 .detail--01 .item--01 .data .name {
          display: flex;
          align-items: baseline; }
          body.quality--01 .main .section--01 .detail--01 .item--01 .data .name .shoulder {
            align-self: center;
            margin: 0 .2rem 0 0; }
        body.quality--01 .main .section--01 .detail--01 .item--01 .data p {
          width: 6.8rem;
          padding: .48rem 0 0; }
          @media screen and (max-width: 750px) {
            body.quality--01 .main .section--01 .detail--01 .item--01 .data p {
              width: auto;
              padding: .4rem 0 0; } }
      body.quality--01 .main .section--01 .detail--01 .item--01 .image {
        grid-row: 1/3;
        grid-column: 2/3;
        align-self: flex-end; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .detail--01 .item--01 .image {
            width: 40%;
            margin: .6rem auto 0; } }
    body.quality--01 .main .section--01 .detail--01 .item--02 {
      display: grid;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 5.6rem;
      width: 9rem; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .detail--01 .item--02 {
          display: block;
          width: auto; } }
      body.quality--01 .main .section--01 .detail--01 .item--02 .text {
        grid-row: 1/2;
        grid-column: 1/3; }
      body.quality--01 .main .section--01 .detail--01 .item--02 .data {
        grid-row: 2/3;
        grid-column: 1/2;
        padding: .8rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .detail--01 .item--02 .data {
            padding: .6rem 0 0; } }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .detail--01 .item--02 .data .name {
            display: flex;
            align-items: center; } }
        body.quality--01 .main .section--01 .detail--01 .item--02 .data .name .shoulder {
          margin: 0 0 .2rem; }
          @media screen and (max-width: 750px) {
            body.quality--01 .main .section--01 .detail--01 .item--02 .data .name .shoulder {
              margin: 0 .2rem 0 0; } }
        body.quality--01 .main .section--01 .detail--01 .item--02 .data p {
          padding: 1.3rem 0 0; }
          @media screen and (max-width: 750px) {
            body.quality--01 .main .section--01 .detail--01 .item--02 .data p {
              padding: .4rem 0 0; } }
      body.quality--01 .main .section--01 .detail--01 .item--02 .image {
        grid-row: 2/3;
        grid-column: 2/3;
        align-self: flex-end; }
    body.quality--01 .main .section--01 .detail--01 .arrow {
      align-self: flex-start;
      width: 3.06rem;
      margin: 2.5rem auto 0 .4rem;
      padding: .3rem 0 .3rem .5rem;
      position: relative;
      z-index: 1;
      background: #964737;
      color: #fff;
      font-size: .3rem;
      line-height: 1.5; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .detail--01 .arrow {
          width: max-content;
          margin: .8rem auto 1.2rem;
          padding: .3rem .3rem 0;
          text-align: center; } }
      body.quality--01 .main .section--01 .detail--01 .arrow strong {
        font-size: .54rem;
        font-weight: inherit; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .detail--01 .arrow strong {
            font-size: .48rem; } }
      body.quality--01 .main .section--01 .detail--01 .arrow::after {
        content: '';
        display: block;
        width: .68rem;
        height: 2.96rem;
        position: absolute;
        top: 50%;
        left: 100%;
        background: #964737;
        transform: translate(0, -50%); }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .detail--01 .arrow::after {
            position: absolute;
            width: 100%;
            height: .4rem;
            top: calc(100% - 1px);
            left: 0;
            transform: none;
            clip-path: polygon(0 0, 100% 0, 100% 1px, 50% 100%, 0 1px); } }
    body.quality--01 .main .section--01 .detail--01 .note {
      line-height: 1.6666666667;
      width: 100%;
      padding: 1rem 0 0;
      font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
      font-size: .24rem;
      font-weight: 500; }
      body.quality--01 .main .section--01 .detail--01 .note::before, body.quality--01 .main .section--01 .detail--01 .note::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      body.quality--01 .main .section--01 .detail--01 .note::before {
        margin-bottom: -0.3333333333em; }
      body.quality--01 .main .section--01 .detail--01 .note::after {
        margin-top: -0.3333333333em; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .detail--01 .note {
          padding: .4rem 0 0; } }
  body.quality--01 .main .section--01 .detail--02 {
    display: flex;
    justify-content: space-between;
    width: 17.3rem;
    margin: 1.5rem auto 0;
    padding: .8rem 1rem;
    background: #f7f7f7; }
    @media screen and (max-width: 750px) {
      body.quality--01 .main .section--01 .detail--02 {
        display: block;
        width: auto;
        margin: .8rem -.5rem 0;
        padding: .6rem .5rem; } }
    body.quality--01 .main .section--01 .detail--02 .item {
      width: 7rem; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--01 .detail--02 .item {
          width: auto; } }
      body.quality--01 .main .section--01 .detail--02 .item .image figcaption {
        min-width: 1.54rem;
        padding: 0 .1rem;
        position: absolute;
        top: 0;
        left: 0;
        background: #2b2e2f;
        color: #fff;
        font-size: .26rem;
        line-height: .46rem;
        text-align: center; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .detail--02 .item .image figcaption {
            font-size: .24rem;
            line-height: .44rem; } }
      body.quality--01 .main .section--01 .detail--02 .item p {
        line-height: 1.8;
        padding: .3rem 0 0;
        white-space: nowrap; }
        body.quality--01 .main .section--01 .detail--02 .item p::before, body.quality--01 .main .section--01 .detail--02 .item p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--01 .main .section--01 .detail--02 .item p::before {
          margin-bottom: -0.4em; }
        body.quality--01 .main .section--01 .detail--02 .item p::after {
          margin-top: -0.4em; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--01 .detail--02 .item p {
            white-space: normal; } }
      body.quality--01 .main .section--01 .detail--02 .item + .item {
        position: relative; }
        body.quality--01 .main .section--01 .detail--02 .item + .item::before {
          content: '';
          display: block;
          width: .3rem;
          height: .8rem;
          position: absolute;
          top: 1.9rem;
          left: -.8rem;
          background: #ccc; }
          @media screen and (max-width: 750px) {
            body.quality--01 .main .section--01 .detail--02 .item + .item::before {
              width: .8rem;
              height: .3rem;
              margin: .4rem auto;
              position: static;
              clip-path: polygon(0 0, 100% 0, 50% 100%); } }
  body.quality--01 .main .section--02 .lead .text {
    display: flex; }
    @media screen and (max-width: 750px) {
      body.quality--01 .main .section--02 .lead .text {
        display: block; } }
    body.quality--01 .main .section--02 .lead .text .catch {
      flex-grow: 1; }
    body.quality--01 .main .section--02 .lead .text p {
      width: 11.26rem; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--02 .lead .text p {
          width: auto;
          padding: .6rem 0 0; } }
  body.quality--01 .main .section--02 .detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1.2rem 0 0;
    padding: 1.2rem 2.08rem;
    background: #f7f7f7; }
    @media screen and (max-width: 750px) {
      body.quality--01 .main .section--02 .detail {
        display: block;
        margin: .8rem -.5rem 0;
        padding: .6rem .5rem; } }
    body.quality--01 .main .section--02 .detail .catch {
      width: 100%;
      font-size: .46rem;
      line-height: 1;
      text-align: center; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--02 .detail .catch {
          font-size: .36rem; } }
    body.quality--01 .main .section--02 .detail .item {
      margin: .96rem 0 0; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--02 .detail .item {
          margin: .6rem 0 0; } }
      body.quality--01 .main .section--02 .detail .item--01, body.quality--01 .main .section--02 .detail .item--03 {
        width: 5.52rem; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--02 .detail .item--01, body.quality--01 .main .section--02 .detail .item--03 {
            width: auto; }
            body.quality--01 .main .section--02 .detail .item--01 .image, body.quality--01 .main .section--02 .detail .item--03 .image {
              width: 5.52rem; } }
      body.quality--01 .main .section--02 .detail .item--02 {
        width: 5.15rem;
        padding: .1rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--02 .detail .item--02 {
            width: auto;
            padding: 0; }
            body.quality--01 .main .section--02 .detail .item--02 .image {
              width: 5.15rem; } }
      body.quality--01 .main .section--02 .detail .item .image {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 5.36rem; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--02 .detail .item .image {
            margin: 0 auto; } }
        body.quality--01 .main .section--02 .detail .item .image figcaption {
          font-family: "Shippori Mincho", serif;
          font-size: .4rem;
          line-height: 1; }
          @media screen and (max-width: 750px) {
            body.quality--01 .main .section--02 .detail .item .image figcaption {
              font-size: .36rem; } }
          body.quality--01 .main .section--02 .detail .item .image figcaption span:first-child {
            font-size: .32rem; }
            @media screen and (max-width: 750px) {
              body.quality--01 .main .section--02 .detail .item .image figcaption span:first-child {
                font-size: .28rem; } }
          body.quality--01 .main .section--02 .detail .item .image figcaption span:last-child {
            font-size: .26rem; }
            @media screen and (max-width: 750px) {
              body.quality--01 .main .section--02 .detail .item .image figcaption span:last-child {
                font-size: .24rem; } }
      body.quality--01 .main .section--02 .detail .item p {
        line-height: 1.875;
        padding: .4rem 0 0; }
        body.quality--01 .main .section--02 .detail .item p::before, body.quality--01 .main .section--02 .detail .item p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--01 .main .section--02 .detail .item p::before {
          margin-bottom: -0.4375em; }
        body.quality--01 .main .section--02 .detail .item p::after {
          margin-top: -0.4375em; }
      body.quality--01 .main .section--02 .detail .item + .item {
        position: relative; }
        body.quality--01 .main .section--02 .detail .item + .item::before {
          content: '';
          display: block;
          width: .3rem;
          height: .7rem;
          position: absolute;
          top: 1.9rem;
          left: -1.14rem;
          background: #ccc; }
          @media screen and (max-width: 750px) {
            body.quality--01 .main .section--02 .detail .item + .item::before {
              width: .7rem;
              height: .3rem;
              margin: .4rem auto;
              position: static;
              clip-path: polygon(0 0, 100% 0, 50% 100%); } }
  body.quality--01 .main .section--03 .lead {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      body.quality--01 .main .section--03 .lead {
        display: block; } }
    body.quality--01 .main .section--03 .lead .text {
      width: 10.3rem; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--03 .lead .text {
          width: auto; } }
      body.quality--01 .main .section--03 .lead .text p {
        padding: 1rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--03 .lead .text p {
            padding: .4rem 0 0; } }
    body.quality--01 .main .section--03 .lead .image {
      display: flex;
      width: 14.6rem;
      margin: 0 -2.4rem 0 0;
      padding: 1.2rem 0 1.3rem 2.16rem;
      background: #f7f7f7; }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--03 .lead .image {
          display: block;
          width: auto;
          margin: .6rem -.5rem 0;
          padding: .6rem .5rem; } }
      body.quality--01 .main .section--03 .lead .image .item figure {
        width: 3.9rem; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--03 .lead .image .item figure {
            display: block;
            margin: 0 auto; } }
      body.quality--01 .main .section--03 .lead .image .item figcaption {
        padding: .4rem 0 0;
        font-family: "Shippori Mincho", serif;
        font-size: .4rem;
        line-height: 1; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--03 .lead .image .item figcaption {
            font-size: .36rem; } }
      body.quality--01 .main .section--03 .lead .image .item p {
        line-height: 1.5625;
        padding: .36rem 0 0; }
        body.quality--01 .main .section--03 .lead .image .item p::before, body.quality--01 .main .section--03 .lead .image .item p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--01 .main .section--03 .lead .image .item p::before {
          margin-bottom: -0.28125em; }
        body.quality--01 .main .section--03 .lead .image .item p::after {
          margin-top: -0.28125em; }
      body.quality--01 .main .section--03 .lead .image .item--01 {
        width: 6.2rem; }
        @media screen and (max-width: 750px) {
          body.quality--01 .main .section--03 .lead .image .item--01 {
            width: auto; } }
      @media screen and (max-width: 750px) {
        body.quality--01 .main .section--03 .lead .image .item--02 {
          margin: .6rem 0 0; } }
  body.quality--02 .main .section--01 .lead {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      body.quality--02 .main .section--01 .lead {
        display: block; } }
    body.quality--02 .main .section--01 .lead .text {
      width: 10.24rem; }
      @media screen and (max-width: 750px) {
        body.quality--02 .main .section--01 .lead .text {
          width: auto; } }
      body.quality--02 .main .section--01 .lead .text p {
        padding: .96rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--01 .lead .text p {
            padding: .6rem 0 0; } }
    body.quality--02 .main .section--01 .lead .image {
      width: 14.6rem;
      margin: 0 0 0 -2.4rem; }
      @media screen and (max-width: 750px) {
        body.quality--02 .main .section--01 .lead .image {
          width: auto;
          margin: .6rem 0 0 -.5rem; } }
      body.quality--02 .main .section--01 .lead .image figcaption {
        padding: .2rem .4rem 0; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--01 .lead .image figcaption {
            padding: .2rem .2rem 0;
            position: static; } }
  body.quality--02 .main .section--01 .detail {
    margin: 2.1rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--02 .main .section--01 .detail {
        margin: .8rem 0 0; } }
    body.quality--02 .main .section--01 .detail .text {
      display: flex; }
      @media screen and (max-width: 750px) {
        body.quality--02 .main .section--01 .detail .text {
          display: block; } }
      body.quality--02 .main .section--01 .detail .text .catch {
        line-height: 1.6666666667;
        flex-grow: 1;
        font-size: .54rem;
        font-weight: 500; }
        body.quality--02 .main .section--01 .detail .text .catch::before, body.quality--02 .main .section--01 .detail .text .catch::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--02 .main .section--01 .detail .text .catch::before {
          margin-bottom: -0.3333333333em; }
        body.quality--02 .main .section--01 .detail .text .catch::after {
          margin-top: -0.3333333333em; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--01 .detail .text .catch {
            font-size: .48rem; } }
      body.quality--02 .main .section--01 .detail .text p {
        line-height: 1.875;
        width: 15.6rem; }
        body.quality--02 .main .section--01 .detail .text p::before, body.quality--02 .main .section--01 .detail .text p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--02 .main .section--01 .detail .text p::before {
          margin-bottom: -0.4375em; }
        body.quality--02 .main .section--01 .detail .text p::after {
          margin-top: -0.4375em; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--01 .detail .text p {
            width: auto;
            padding: .4rem 0 0; } }
    body.quality--02 .main .section--01 .detail .image {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 1.2rem 0 0;
      padding: 1.2rem 2.3rem;
      background: #f7f7f7; }
      @media screen and (max-width: 750px) {
        body.quality--02 .main .section--01 .detail .image {
          display: block;
          margin: .6rem -.5rem 0;
          padding: .6rem .5rem; } }
      body.quality--02 .main .section--01 .detail .image .catch {
        width: 100%;
        font-size: .46rem;
        line-height: 1;
        text-align: center; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--01 .detail .image .catch {
            line-height: 1.5;
            font-size: .36rem; }
            body.quality--02 .main .section--01 .detail .image .catch::before, body.quality--02 .main .section--01 .detail .image .catch::after {
              content: '';
              display: block;
              height: 0;
              width: 0; }
            body.quality--02 .main .section--01 .detail .image .catch::before {
              margin-bottom: -0.25em; }
            body.quality--02 .main .section--01 .detail .image .catch::after {
              margin-top: -0.25em; } }
      body.quality--02 .main .section--01 .detail .image figure {
        width: 4.4rem;
        margin: .7rem 0 0;
        position: relative; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--01 .detail .image figure {
            margin: .6rem auto 0; } }
        body.quality--02 .main .section--01 .detail .image figure .num {
          width: .4rem;
          position: absolute;
          top: 0;
          left: 0;
          background: #2b2e2f;
          color: #fff;
          font-family: "Shippori Mincho", serif;
          font-size: .32rem;
          line-height: .4rem;
          text-align: center; }
        body.quality--02 .main .section--01 .detail .image figure .text {
          display: block;
          margin: .3rem;
          font-family: "Shippori Mincho", serif;
          font-size: .4rem;
          line-height: .4rem;
          text-align: center; }
          @media screen and (max-width: 750px) {
            body.quality--02 .main .section--01 .detail .image figure .text {
              font-size: .36rem; } }
          body.quality--02 .main .section--01 .detail .image figure .text span {
            display: inline-block;
            vertical-align: top;
            font-size: .34rem; }
            @media screen and (max-width: 750px) {
              body.quality--02 .main .section--01 .detail .image figure .text span {
                font-size: .32rem; } }
    body.quality--02 .main .section--01 .detail .note {
      line-height: 1.5;
      padding: .4rem 0 0;
      font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
      font-size: .24rem; }
      body.quality--02 .main .section--01 .detail .note::before, body.quality--02 .main .section--01 .detail .note::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      body.quality--02 .main .section--01 .detail .note::before {
        margin-bottom: -0.25em; }
      body.quality--02 .main .section--01 .detail .note::after {
        margin-top: -0.25em; }
  body.quality--02 .main .section--02 .lead {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      body.quality--02 .main .section--02 .lead {
        display: block; } }
    body.quality--02 .main .section--02 .lead .text {
      width: 10.4rem; }
      @media screen and (max-width: 750px) {
        body.quality--02 .main .section--02 .lead .text {
          width: auto; } }
      body.quality--02 .main .section--02 .lead .text p {
        padding: 1rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--02 .lead .text p {
            padding: .4rem 0 0; } }
    body.quality--02 .main .section--02 .lead .image {
      width: 14.6rem;
      margin: 0 -2.4rem 0 0; }
      @media screen and (max-width: 750px) {
        body.quality--02 .main .section--02 .lead .image {
          width: auto;
          margin: .6rem -.5rem 0 0; } }
      body.quality--02 .main .section--02 .lead .image figcaption {
        line-height: 1.675;
        padding: 0 0 .5rem .4rem;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        font-family: "Shippori Mincho", serif;
        font-size: .4rem; }
        body.quality--02 .main .section--02 .lead .image figcaption::before, body.quality--02 .main .section--02 .lead .image figcaption::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--02 .main .section--02 .lead .image figcaption::before {
          margin-bottom: -0.3375em; }
        body.quality--02 .main .section--02 .lead .image figcaption::after {
          margin-top: -0.3375em; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--02 .lead .image figcaption {
            padding: 0 .4rem .4rem;
            font-size: .32rem; } }
  body.quality--02 .main .section--02 .detail {
    display: flex;
    margin: 1.5rem 0 0;
    padding: 1.2rem .8rem;
    background: #f7f7f7; }
    @media screen and (max-width: 750px) {
      body.quality--02 .main .section--02 .detail {
        display: block;
        margin: .6rem -.5rem 0;
        padding: .6rem .5rem; } }
    body.quality--02 .main .section--02 .detail .text {
      width: 5rem; }
      @media screen and (max-width: 750px) {
        body.quality--02 .main .section--02 .detail .text {
          width: auto; } }
      body.quality--02 .main .section--02 .detail .text .name {
        border-bottom: 1px solid currentColor;
        padding: .2rem 0 .14rem;
        font-size: .46rem;
        line-height: 1; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--02 .detail .text .name {
            padding: 0 0 .2rem;
            font-size: .36rem; } }
      body.quality--02 .main .section--02 .detail .text .catch {
        line-height: 1.5277777778;
        padding: .6rem 0 0;
        font-size: .36rem; }
        body.quality--02 .main .section--02 .detail .text .catch::before, body.quality--02 .main .section--02 .detail .text .catch::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--02 .main .section--02 .detail .text .catch::before {
          margin-bottom: -0.2638888889em; }
        body.quality--02 .main .section--02 .detail .text .catch::after {
          margin-top: -0.2638888889em; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--02 .detail .text .catch {
            padding: .4rem 0 0; } }
      body.quality--02 .main .section--02 .detail .text p {
        line-height: 1.5625;
        padding: .44rem 0 0; }
        body.quality--02 .main .section--02 .detail .text p::before, body.quality--02 .main .section--02 .detail .text p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--02 .main .section--02 .detail .text p::before {
          margin-bottom: -0.28125em; }
        body.quality--02 .main .section--02 .detail .text p::after {
          margin-top: -0.28125em; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--02 .detail .text p {
            padding: .4rem 0 0; } }
    body.quality--02 .main .section--02 .detail .image--01 {
      width: 6.36rem;
      margin: 0 0 0 auto; }
      @media screen and (max-width: 750px) {
        body.quality--02 .main .section--02 .detail .image--01 {
          width: auto;
          margin: .6rem 0 0; } }
    body.quality--02 .main .section--02 .detail .image--02,
    body.quality--02 .main .section--02 .detail .image--03 {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 4.8rem;
      margin: 0 0 0 .4rem; }
      @media screen and (max-width: 750px) {
        body.quality--02 .main .section--02 .detail .image--02,
        body.quality--02 .main .section--02 .detail .image--03 {
          display: block;
          width: auto;
          margin: .4rem 0 0; } }
      body.quality--02 .main .section--02 .detail .image--02 figcaption,
      body.quality--02 .main .section--02 .detail .image--03 figcaption {
        line-height: 1.6666666667;
        font-family: "Shippori Mincho", serif;
        font-size: .3rem; }
        body.quality--02 .main .section--02 .detail .image--02 figcaption::before, body.quality--02 .main .section--02 .detail .image--02 figcaption::after,
        body.quality--02 .main .section--02 .detail .image--03 figcaption::before,
        body.quality--02 .main .section--02 .detail .image--03 figcaption::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--02 .main .section--02 .detail .image--02 figcaption::before,
        body.quality--02 .main .section--02 .detail .image--03 figcaption::before {
          margin-bottom: -0.3333333333em; }
        body.quality--02 .main .section--02 .detail .image--02 figcaption::after,
        body.quality--02 .main .section--02 .detail .image--03 figcaption::after {
          margin-top: -0.3333333333em; }
        @media screen and (max-width: 750px) {
          body.quality--02 .main .section--02 .detail .image--02 figcaption,
          body.quality--02 .main .section--02 .detail .image--03 figcaption {
            padding: .2rem 0 0; } }
  body.quality--03 .main .section--01 .item,
  body.quality--03 .main .section--02 .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--03 .main .section--01 .item,
      body.quality--03 .main .section--02 .item {
        display: block;
        margin: .8rem 0 0; } }
    body.quality--03 .main .section--01 .item .text,
    body.quality--03 .main .section--02 .item .text {
      width: 10.9rem; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--01 .item .text,
        body.quality--03 .main .section--02 .item .text {
          width: auto; } }
      body.quality--03 .main .section--01 .item .text .catch,
      body.quality--03 .main .section--02 .item .text .catch {
        line-height: 1.6666666667;
        font-size: .54rem;
        font-weight: 500; }
        body.quality--03 .main .section--01 .item .text .catch::before, body.quality--03 .main .section--01 .item .text .catch::after,
        body.quality--03 .main .section--02 .item .text .catch::before,
        body.quality--03 .main .section--02 .item .text .catch::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--03 .main .section--01 .item .text .catch::before,
        body.quality--03 .main .section--02 .item .text .catch::before {
          margin-bottom: -0.3333333333em; }
        body.quality--03 .main .section--01 .item .text .catch::after,
        body.quality--03 .main .section--02 .item .text .catch::after {
          margin-top: -0.3333333333em; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--01 .item .text .catch,
          body.quality--03 .main .section--02 .item .text .catch {
            font-size: .44rem; } }
      body.quality--03 .main .section--01 .item .text p,
      body.quality--03 .main .section--02 .item .text p {
        line-height: 1.875;
        padding: .8rem 0 0; }
        body.quality--03 .main .section--01 .item .text p::before, body.quality--03 .main .section--01 .item .text p::after,
        body.quality--03 .main .section--02 .item .text p::before,
        body.quality--03 .main .section--02 .item .text p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--03 .main .section--01 .item .text p::before,
        body.quality--03 .main .section--02 .item .text p::before {
          margin-bottom: -0.4375em; }
        body.quality--03 .main .section--01 .item .text p::after,
        body.quality--03 .main .section--02 .item .text p::after {
          margin-top: -0.4375em; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--01 .item .text p,
          body.quality--03 .main .section--02 .item .text p {
            padding: .4rem 0 0; } }
    body.quality--03 .main .section--01 .item .image,
    body.quality--03 .main .section--02 .item .image {
      width: 11.6rem; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--01 .item .image,
        body.quality--03 .main .section--02 .item .image {
          width: auto; } }
  body.quality--03 .main .section--01 .item--01 {
    margin: 1.1rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--03 .main .section--01 .item--01 {
        margin: .8rem 0 0; } }
    body.quality--03 .main .section--01 .item--01 .text {
      width: 7.8rem; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--01 .item--01 .text {
          width: auto; } }
      body.quality--03 .main .section--01 .item--01 .text .catch {
        line-height: 1.5789473684;
        font-size: .76rem; }
        body.quality--03 .main .section--01 .item--01 .text .catch::before, body.quality--03 .main .section--01 .item--01 .text .catch::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--03 .main .section--01 .item--01 .text .catch::before {
          margin-bottom: -0.2894736842em; }
        body.quality--03 .main .section--01 .item--01 .text .catch::after {
          margin-top: -0.2894736842em; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--01 .item--01 .text .catch {
            font-size: 1.5em; } }
      body.quality--03 .main .section--01 .item--01 .text p {
        padding: 1rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--01 .item--01 .text p {
            padding: .4rem 0 0; } }
    body.quality--03 .main .section--01 .item--01 .image {
      width: 17.79rem;
      margin: 0 -2.4rem 0 0; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--01 .item--01 .image {
          width: auto;
          margin: .6rem -.5rem 0 0; } }
  body.quality--03 .main .section--01 .item--02 {
    flex-direction: row-reverse;
    margin: 1.9rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--03 .main .section--01 .item--02 {
        margin: .8rem 0 0; }
        body.quality--03 .main .section--01 .item--02 .image {
          margin: .6rem 0 0; } }
  @media screen and (max-width: 750px) {
    body.quality--03 .main .section--01 .item--03 {
      margin: .8rem 0 0; }
      body.quality--03 .main .section--01 .item--03 .image {
        margin: .6rem 0 0; } }
  body.quality--03 .main .section--02 .item--01 {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 10.28rem 1fr 10.5rem; }
    @media screen and (max-width: 750px) {
      body.quality--03 .main .section--02 .item--01 {
        display: block; } }
    body.quality--03 .main .section--02 .item--01 .text {
      grid-row: 1/2;
      grid-column: 3/4; }
      body.quality--03 .main .section--02 .item--01 .text .catch {
        line-height: 1.5789473684;
        font-size: .76rem; }
        body.quality--03 .main .section--02 .item--01 .text .catch::before, body.quality--03 .main .section--02 .item--01 .text .catch::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--03 .main .section--02 .item--01 .text .catch::before {
          margin-bottom: -0.2894736842em; }
        body.quality--03 .main .section--02 .item--01 .text .catch::after {
          margin-top: -0.2894736842em; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--02 .item--01 .text .catch {
            font-size: 1.5em; } }
      body.quality--03 .main .section--02 .item--01 .text p {
        padding: .6rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--02 .item--01 .text p {
            padding: .4rem 0 0; } }
    body.quality--03 .main .section--02 .item--01 .image {
      grid-row: 1/3;
      grid-column: 1/2;
      width: auto; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--02 .item--01 .image {
          margin: 0 -.5rem; } }
    body.quality--03 .main .section--02 .item--01 .legend {
      grid-row: 2/3;
      grid-column: 3/4; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--02 .item--01 .legend {
          margin: .6rem 0 0; } }
      body.quality--03 .main .section--02 .item--01 .legend dt,
      body.quality--03 .main .section--02 .item--01 .legend dd {
        margin: .2rem 0 0; }
      body.quality--03 .main .section--02 .item--01 .legend dt {
        float: left;
        clear: both;
        font-size: .4rem;
        line-height: .5rem; }
        @media screen and (min-width: 751px) {
          body.quality--03 .main .section--02 .item--01 .legend dt {
            width: 3rem; } }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--02 .item--01 .legend dt {
            float: none;
            font-size: .36rem;
            line-height: .48rem; } }
        body.quality--03 .main .section--02 .item--01 .legend dt .num {
          display: inline-block;
          width: .5rem;
          margin: 0 .2rem 0 0;
          background: #215968;
          border-radius: 50%;
          color: #fff;
          font-size: .34rem;
          line-height: .5rem;
          text-align: center;
          vertical-align: top; }
          @media screen and (max-width: 750px) {
            body.quality--03 .main .section--02 .item--01 .legend dt .num {
              width: .48rem;
              margin: 0 .1rem 0 0;
              font-size: .32rem;
              line-height: .48rem; } }
      body.quality--03 .main .section--02 .item--01 .legend dd {
        padding: 0 0 0 .2rem;
        overflow: hidden;
        font-size: .28rem;
        line-height: 1.7857142857; }
  @media screen and (max-width: 750px) {
    body.quality--03 .main .section--02 .item--02 .image {
      margin: .6rem 0 0; } }
  body.quality--03 .main .section--02 .item--03 .image,
  body.quality--03 .main .section--02 .item--04 .image {
    height: 7.8rem;
    padding: .8rem .7rem 0;
    background: #f7f7f7; }
    @media screen and (max-width: 750px) {
      body.quality--03 .main .section--02 .item--03 .image,
      body.quality--03 .main .section--02 .item--04 .image {
        height: auto;
        margin: .6rem -.5rem 0;
        padding: .6rem .5rem; } }
    body.quality--03 .main .section--02 .item--03 .image img,
    body.quality--03 .main .section--02 .item--04 .image img {
      display: block; }
    body.quality--03 .main .section--02 .item--03 .image figcaption,
    body.quality--03 .main .section--02 .item--04 .image figcaption {
      font-family: "Shippori Mincho", serif;
      font-size: .4rem;
      line-height: 1;
      text-align: center; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--02 .item--03 .image figcaption,
        body.quality--03 .main .section--02 .item--04 .image figcaption {
          font-size: 0.36rem; } }
    body.quality--03 .main .section--02 .item--03 .image .note,
    body.quality--03 .main .section--02 .item--04 .image .note {
      line-height: 1.6666666667;
      font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
      font-size: .24rem; }
      body.quality--03 .main .section--02 .item--03 .image .note::before, body.quality--03 .main .section--02 .item--03 .image .note::after,
      body.quality--03 .main .section--02 .item--04 .image .note::before,
      body.quality--03 .main .section--02 .item--04 .image .note::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      body.quality--03 .main .section--02 .item--03 .image .note::before,
      body.quality--03 .main .section--02 .item--04 .image .note::before {
        margin-bottom: -0.3333333333em; }
      body.quality--03 .main .section--02 .item--03 .image .note::after,
      body.quality--03 .main .section--02 .item--04 .image .note::after {
        margin-top: -0.3333333333em; }
  body.quality--03 .main .section--02 .item--03 {
    flex-direction: row-reverse; }
    body.quality--03 .main .section--02 .item--03 .image img {
      width: 5.89rem;
      margin: .12rem auto 0;
      mix-blend-mode: multiply; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--02 .item--03 .image img {
          margin: .2rem auto 0; } }
    body.quality--03 .main .section--02 .item--03 .image .note {
      padding: .58rem 0 0; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--02 .item--03 .image .note {
          padding: .4rem 0 0; } }
  body.quality--03 .main .section--02 .item--04 .image img {
    width: 6.04rem;
    margin: .38rem auto 0; }
    @media screen and (max-width: 750px) {
      body.quality--03 .main .section--02 .item--04 .image img {
        margin: .4rem auto 0; } }
  body.quality--03 .main .section--02 .item--04 .image .note {
    padding: .32rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--03 .main .section--02 .item--04 .image .note {
        padding: .4rem 0 0; } }
  body.quality--03 .main .section--02 .column {
    margin: 2.1rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--03 .main .section--02 .column {
        margin: .8rem 0 0; } }
    body.quality--03 .main .section--02 .column .headline {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 1.4rem;
      border-top: 1px solid currentColor;
      border-bottom: 1px solid currentColor;
      font-size: .4rem; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--02 .column .headline {
          display: block;
          height: auto;
          padding: .2rem 0;
          font-size: .32rem;
          line-height: 1; } }
      body.quality--03 .main .section--02 .column .headline span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 .3rem 0 0;
        padding: 0 .24rem;
        background: #2b2e2f;
        color: #fff;
        font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
        font-size: .26rem;
        font-weight: 500;
        line-height: .47rem; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--02 .column .headline span {
            display: block;
            width: max-content;
            margin: 0 auto .2rem; } }
      body.quality--03 .main .section--02 .column .headline strong {
        font-size: .54rem;
        font-weight: 500; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--02 .column .headline strong {
            display: block;
            margin: .2rem 0 0;
            font-size: .48rem; } }
    body.quality--03 .main .section--02 .column .text {
      padding: 1rem 0 0;
      text-align: center; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--02 .column .text {
          padding: .6rem 0 0; } }
      body.quality--03 .main .section--02 .column .text .catch {
        font-size: .54rem;
        font-weight: 500;
        line-height: 1; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--02 .column .text .catch {
            font-size: .36rem; } }
      body.quality--03 .main .section--02 .column .text p {
        line-height: 1.875;
        padding: .8rem 0 0; }
        body.quality--03 .main .section--02 .column .text p::before, body.quality--03 .main .section--02 .column .text p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--03 .main .section--02 .column .text p::before {
          margin-bottom: -0.4375em; }
        body.quality--03 .main .section--02 .column .text p::after {
          margin-top: -0.4375em; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--02 .column .text p {
            padding: .4rem 0 0;
            text-align: left; } }
      body.quality--03 .main .section--02 .column .text .note {
        padding: .4rem 0 0;
        font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
        font-size: .24rem;
        line-height: 1; }
        @media screen and (max-width: 750px) {
          body.quality--03 .main .section--02 .column .text .note {
            text-align: right; } }
    body.quality--03 .main .section--02 .column .image {
      display: flex;
      justify-content: center;
      gap: .4rem;
      margin: .8rem 0 0; }
      @media screen and (max-width: 750px) {
        body.quality--03 .main .section--02 .column .image {
          margin: .6rem 0 0;
          gap: .1rem; } }
      body.quality--03 .main .section--02 .column .image--01 {
        width: 7.8rem; }
      body.quality--03 .main .section--02 .column .image--02 {
        width: 3.9rem; }
  body.quality--04 .main .section--01 .lead {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between; }
    body.quality--04 .main .section--01 .lead .text {
      display: flex; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--01 .lead .text {
          display: block; } }
      body.quality--04 .main .section--01 .lead .text .catch {
        flex-grow: 1; }
      body.quality--04 .main .section--01 .lead .text p {
        width: 14.3rem; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--01 .lead .text p {
            width: auto;
            padding: .6rem 0 0; } }
    body.quality--04 .main .section--01 .lead .image {
      margin: 1.3rem 0 0;
      padding: 1.3rem 0 .66rem;
      background: repeating-linear-gradient(#f7f7f7, #f7f7f7 5rem, #9fc1e2 5rem, #80aed7); }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--01 .lead .image {
          margin: .6rem -.5rem 0;
          padding: .6rem .5rem;
          background: repeating-linear-gradient(#f7f7f7, #f7f7f7 50%, #9fc1e2 50%, #80aed7); } }
      body.quality--04 .main .section--01 .lead .image .text--01,
      body.quality--04 .main .section--01 .lead .image .text--02 {
        font-family: "Shippori Mincho", serif;
        font-size: .46rem;
        line-height: 1;
        text-align: center; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--01 .lead .image .text--01,
          body.quality--04 .main .section--01 .lead .image .text--02 {
            line-height: 1.5;
            font-size: .36rem; }
            body.quality--04 .main .section--01 .lead .image .text--01::before, body.quality--04 .main .section--01 .lead .image .text--01::after,
            body.quality--04 .main .section--01 .lead .image .text--02::before,
            body.quality--04 .main .section--01 .lead .image .text--02::after {
              content: '';
              display: block;
              height: 0;
              width: 0; }
            body.quality--04 .main .section--01 .lead .image .text--01::before,
            body.quality--04 .main .section--01 .lead .image .text--02::before {
              margin-bottom: -0.25em; }
            body.quality--04 .main .section--01 .lead .image .text--01::after,
            body.quality--04 .main .section--01 .lead .image .text--02::after {
              margin-top: -0.25em; } }
      body.quality--04 .main .section--01 .lead .image img {
        display: block;
        width: 9.99rem;
        margin: .9rem auto 0; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--01 .lead .image img {
            width: auto;
            margin: .4rem 0 0; } }
      body.quality--04 .main .section--01 .lead .image .text--02 {
        margin: .4rem 0 0;
        color: #fff; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--01 .lead .image .bottomRightOut {
          padding: .2rem .4rem 0; } }
  body.quality--04 .main .section--01 .detail {
    margin: 2rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--04 .main .section--01 .detail {
        margin: 1.24rem 0 0; } }
    body.quality--04 .main .section--01 .detail .text {
      display: flex; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--01 .detail .text {
          display: block; } }
      body.quality--04 .main .section--01 .detail .text .catch {
        line-height: 1.6666666667;
        flex-grow: 1;
        font-size: .54rem;
        font-family: 500; }
        body.quality--04 .main .section--01 .detail .text .catch::before, body.quality--04 .main .section--01 .detail .text .catch::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--04 .main .section--01 .detail .text .catch::before {
          margin-bottom: -0.3333333333em; }
        body.quality--04 .main .section--01 .detail .text .catch::after {
          margin-top: -0.3333333333em; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--01 .detail .text .catch {
            font-size: 0.36rem; } }
      body.quality--04 .main .section--01 .detail .text p {
        line-height: 1.875;
        width: 14.1rem; }
        body.quality--04 .main .section--01 .detail .text p::before, body.quality--04 .main .section--01 .detail .text p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--04 .main .section--01 .detail .text p::before {
          margin-bottom: -0.4375em; }
        body.quality--04 .main .section--01 .detail .text p::after {
          margin-top: -0.4375em; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--01 .detail .text p {
            width: auto;
            padding: .4rem 0 0; } }
    body.quality--04 .main .section--01 .detail .image_group {
      margin: 1.2rem 0 0;
      display: flex;
      flex-wrap: wrap;
      gap: 30px 0;
      position: relative; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--01 .detail .image_group {
          gap: 20px 0; } }
      body.quality--04 .main .section--01 .detail .image_group .image {
        width: 48%;
        background: #f7f7f7;
        padding: 0.6rem; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--01 .detail .image_group .image {
            padding: 20px;
            width: 100%; } }
        body.quality--04 .main .section--01 .detail .image_group .image.full {
          width: 100%;
          padding: 1.2rem; }
          @media screen and (max-width: 750px) {
            body.quality--04 .main .section--01 .detail .image_group .image.full {
              padding: 20px; } }
          body.quality--04 .main .section--01 .detail .image_group .image.full .logo {
            width: 5.2rem;
            position: absolute;
            top: 1.44rem;
            right: .96rem; }
            @media screen and (max-width: 750px) {
              body.quality--04 .main .section--01 .detail .image_group .image.full .logo {
                position: static;
                margin: .6rem auto 0; } }
          body.quality--04 .main .section--01 .detail .image_group .image.full .figure {
            width: 19.31rem;
            margin: .9rem auto 0; }
            @media screen and (max-width: 750px) {
              body.quality--04 .main .section--01 .detail .image_group .image.full .figure {
                width: auto;
                margin: .4rem 0 0; } }
        body.quality--04 .main .section--01 .detail .image_group .image .catch {
          width: 100%;
          font-size: .46rem;
          font-weight: 500;
          line-height: 1;
          text-align: center; }
          @media screen and (max-width: 750px) {
            body.quality--04 .main .section--01 .detail .image_group .image .catch {
              font-size: 0.36rem; } }
        body.quality--04 .main .section--01 .detail .image_group .image .text {
          display: block;
          line-height: 1.875;
          padding: .6rem 0 0; }
          body.quality--04 .main .section--01 .detail .image_group .image .text::before, body.quality--04 .main .section--01 .detail .image_group .image .text::after {
            content: '';
            display: block;
            height: 0;
            width: 0; }
          body.quality--04 .main .section--01 .detail .image_group .image .text::before {
            margin-bottom: -0.4375em; }
          body.quality--04 .main .section--01 .detail .image_group .image .text::after {
            margin-top: -0.4375em; }
          @media screen and (max-width: 750px) {
            body.quality--04 .main .section--01 .detail .image_group .image .text {
              text-align: left; } }
          body.quality--04 .main .section--01 .detail .image_group .image .text .small {
            display: block;
            font-size: 80%; }
        body.quality--04 .main .section--01 .detail .image_group .image .logo_alsok {
          margin-top: 30px;
          text-align: center; }
          @media screen and (max-width: 750px) {
            body.quality--04 .main .section--01 .detail .image_group .image .logo_alsok {
              max-width: 150px;
              margin: 20px auto 0; } }
        body.quality--04 .main .section--01 .detail .image_group .image .point_wrap {
          padding: 20px;
          margin-top: 30px;
          background: #f5f3e4; }
          body.quality--04 .main .section--01 .detail .image_group .image .point_wrap .point_ttl {
            font-size: 0.35rem;
            text-align: center;
            padding-bottom: 10px;
            margin-bottom: 15px;
            border-bottom: 1px solid #000; }
          body.quality--04 .main .section--01 .detail .image_group .image .point_wrap .point_group {
            align-items: flex-start;
            flex-direction: column;
            row-gap: 10px; }
            body.quality--04 .main .section--01 .detail .image_group .image .point_wrap .point_group .point_in {
              align-items: flex-start;
              justify-content: flex-start;
              column-gap: 10px;
              font-size: 0.3rem; }
              @media screen and (max-width: 750px) {
                body.quality--04 .main .section--01 .detail .image_group .image .point_wrap .point_group .point_in {
                  flex-direction: column;
                  font-size: 0.27rem;
                  row-gap: 5px;
                  width: 100%; } }
              body.quality--04 .main .section--01 .detail .image_group .image .point_wrap .point_group .point_in dt {
                flex-shrink: 0;
                padding: 5px 10px;
                line-height: 1.4;
                color: #FFF;
                background: #526e9d; }
                @media screen and (max-width: 750px) {
                  body.quality--04 .main .section--01 .detail .image_group .image .point_wrap .point_group .point_in dt {
                    width: 100%;
                    text-align: center; } }
              body.quality--04 .main .section--01 .detail .image_group .image .point_wrap .point_group .point_in dd .small {
                display: block;
                font-size: 80%; }
  body.quality--04 .main .section--02 .lead {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      body.quality--04 .main .section--02 .lead {
        display: block; } }
    body.quality--04 .main .section--02 .lead .text {
      width: 10.4rem; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--02 .lead .text {
          width: auto; } }
      body.quality--04 .main .section--02 .lead .text p {
        padding: 1rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .lead .text p {
            padding: .6rem 0 0; } }
    body.quality--04 .main .section--02 .lead .image {
      width: 14.6rem;
      margin: 0 0 0 -2.4rem; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--02 .lead .image {
          width: auto;
          margin: .6rem 0 0 -.5rem; } }
  body.quality--04 .main .section--02 .detail--01 {
    margin: 2.5rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--04 .main .section--02 .detail--01 {
        margin: .8rem 0 0; } }
    body.quality--04 .main .section--02 .detail--01 .text {
      display: flex; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--02 .detail--01 .text {
          display: block; } }
      body.quality--04 .main .section--02 .detail--01 .text .catch {
        line-height: 1.6666666667;
        flex-grow: 1;
        font-size: .54rem;
        font-weight: 500; }
        body.quality--04 .main .section--02 .detail--01 .text .catch::before, body.quality--04 .main .section--02 .detail--01 .text .catch::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--04 .main .section--02 .detail--01 .text .catch::before {
          margin-bottom: -0.3333333333em; }
        body.quality--04 .main .section--02 .detail--01 .text .catch::after {
          margin-top: -0.3333333333em; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .detail--01 .text .catch {
            font-size: .36rem; } }
      body.quality--04 .main .section--02 .detail--01 .text p {
        line-height: 2.1875;
        width: 10.74rem; }
        body.quality--04 .main .section--02 .detail--01 .text p::before, body.quality--04 .main .section--02 .detail--01 .text p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--04 .main .section--02 .detail--01 .text p::before {
          margin-bottom: -0.59375em; }
        body.quality--04 .main .section--02 .detail--01 .text p::after {
          margin-top: -0.59375em; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .detail--01 .text p {
            width: auto;
            padding: .6rem 0 0; } }
    body.quality--04 .main .section--02 .detail--01 .image {
      margin: 1.2rem 0 0;
      padding: 1.2rem 1.2rem 1.2rem 1.3rem;
      background: #f7f7f7; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--02 .detail--01 .image {
          margin: .6rem -.5rem 0;
          padding: .6rem .5rem; } }
      body.quality--04 .main .section--02 .detail--01 .image .name {
        padding: 0 .1rem 0 0;
        font-family: "Shippori Mincho", serif;
        font-size: .46rem;
        line-height: 1;
        text-align: center; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .detail--01 .image .name {
            font-size: .36rem; } }
      body.quality--04 .main .section--02 .detail--01 .image img {
        display: block;
        width: 21.37rem;
        margin: .8rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .detail--01 .image img {
            width: auto;
            margin: .6rem 0 0; } }
      body.quality--04 .main .section--02 .detail--01 .image .note {
        line-height: 1.6666666667;
        padding: .7rem 0 0;
        font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
        font-size: .24rem; }
        body.quality--04 .main .section--02 .detail--01 .image .note::before, body.quality--04 .main .section--02 .detail--01 .image .note::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--04 .main .section--02 .detail--01 .image .note::before {
          margin-bottom: -0.3333333333em; }
        body.quality--04 .main .section--02 .detail--01 .image .note::after {
          margin-top: -0.3333333333em; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .detail--01 .image .note {
            padding: .4rem 0 0; } }
  body.quality--04 .main .section--02 .detail--02 {
    display: grid;
    grid-template-rows: auto auto auto;
    grid-template-columns: 50% 50%;
    margin: 1.5rem 0 0; }
    @media screen and (max-width: 750px) {
      body.quality--04 .main .section--02 .detail--02 {
        display: block;
        margin: 0.8rem 0 0; } }
    body.quality--04 .main .section--02 .detail--02 .catch {
      line-height: 1.6666666667;
      grid-row: 1/2;
      grid-column: 1/3;
      padding: 0 0 1rem;
      font-size: .54rem;
      text-align: center; }
      body.quality--04 .main .section--02 .detail--02 .catch::before, body.quality--04 .main .section--02 .detail--02 .catch::after {
        content: '';
        display: block;
        height: 0;
        width: 0; }
      body.quality--04 .main .section--02 .detail--02 .catch::before {
        margin-bottom: -0.3333333333em; }
      body.quality--04 .main .section--02 .detail--02 .catch::after {
        margin-top: -0.3333333333em; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--02 .detail--02 .catch {
          padding: 0;
          font-size: .36rem; } }
    body.quality--04 .main .section--02 .detail--02 .item--01,
    body.quality--04 .main .section--02 .detail--02 .item--02 {
      grid-row: 2/3;
      padding: .3rem .9rem; }
      body.quality--04 .main .section--02 .detail--02 .item--01 .name,
      body.quality--04 .main .section--02 .detail--02 .item--02 .name {
        display: flex;
        align-items: flex-end; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .detail--02 .item--01 .name,
          body.quality--04 .main .section--02 .detail--02 .item--02 .name {
            display: block; } }
        body.quality--04 .main .section--02 .detail--02 .item--01 .name .image,
        body.quality--04 .main .section--02 .detail--02 .item--02 .name .image {
          width: 1.8rem;
          margin: 0 .3rem 0 0; }
          @media screen and (max-width: 750px) {
            body.quality--04 .main .section--02 .detail--02 .item--01 .name .image,
            body.quality--04 .main .section--02 .detail--02 .item--02 .name .image {
              width: 1.6rem;
              margin: 0 auto .4rem; } }
        body.quality--04 .main .section--02 .detail--02 .item--01 .name .text,
        body.quality--04 .main .section--02 .detail--02 .item--02 .name .text {
          line-height: 1.5476190476;
          font-size: .42rem;
          font-weight: 500; }
          body.quality--04 .main .section--02 .detail--02 .item--01 .name .text::before, body.quality--04 .main .section--02 .detail--02 .item--01 .name .text::after,
          body.quality--04 .main .section--02 .detail--02 .item--02 .name .text::before,
          body.quality--04 .main .section--02 .detail--02 .item--02 .name .text::after {
            content: '';
            display: block;
            height: 0;
            width: 0; }
          body.quality--04 .main .section--02 .detail--02 .item--01 .name .text::before,
          body.quality--04 .main .section--02 .detail--02 .item--02 .name .text::before {
            margin-bottom: -0.2738095238em; }
          body.quality--04 .main .section--02 .detail--02 .item--01 .name .text::after,
          body.quality--04 .main .section--02 .detail--02 .item--02 .name .text::after {
            margin-top: -0.2738095238em; }
          @media screen and (max-width: 750px) {
            body.quality--04 .main .section--02 .detail--02 .item--01 .name .text,
            body.quality--04 .main .section--02 .detail--02 .item--02 .name .text {
              font-size: .32rem; } }
      body.quality--04 .main .section--02 .detail--02 .item--01 p,
      body.quality--04 .main .section--02 .detail--02 .item--02 p {
        line-height: 1.875;
        padding: .56rem 0 0; }
        body.quality--04 .main .section--02 .detail--02 .item--01 p::before, body.quality--04 .main .section--02 .detail--02 .item--01 p::after,
        body.quality--04 .main .section--02 .detail--02 .item--02 p::before,
        body.quality--04 .main .section--02 .detail--02 .item--02 p::after {
          content: '';
          display: block;
          height: 0;
          width: 0; }
        body.quality--04 .main .section--02 .detail--02 .item--01 p::before,
        body.quality--04 .main .section--02 .detail--02 .item--02 p::before {
          margin-bottom: -0.4375em; }
        body.quality--04 .main .section--02 .detail--02 .item--01 p::after,
        body.quality--04 .main .section--02 .detail--02 .item--02 p::after {
          margin-top: -0.4375em; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .detail--02 .item--01 p,
          body.quality--04 .main .section--02 .detail--02 .item--02 p {
            padding: .4rem 0 0; } }
    body.quality--04 .main .section--02 .detail--02 .item--01 {
      grid-column: 1/2; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--02 .detail--02 .item--01 {
          margin: .8rem 0 0;
          padding: 0; } }
    body.quality--04 .main .section--02 .detail--02 .item--02 {
      grid-column: 2/3; }
      @media screen and (min-width: 751px) {
        body.quality--04 .main .section--02 .detail--02 .item--02 {
          border-left: 1px solid #ccc;
          padding-left: calc(.9rem - 1px); } }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--02 .detail--02 .item--02 {
          border-top: 1px solid #ccc;
          margin: .6rem 0 0;
          padding: .6rem 0 0; } }
    body.quality--04 .main .section--02 .detail--02 .item--03 {
      grid-row: 3/4;
      grid-column: 2/3;
      padding: 2rem 0 0 1.1rem; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--02 .detail--02 .item--03 {
          margin: .8rem 0 0;
          padding: 0; } }
      body.quality--04 .main .section--02 .detail--02 .item--03 .name {
        font-size: .54rem;
        font-weight: 500;
        line-height: 1;
        text-align: center; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .detail--02 .item--03 .name {
            font-family: .36rem; } }
      body.quality--04 .main .section--02 .detail--02 .item--03 dl {
        margin: .8rem 0 0; }
        @media screen and (max-width: 750px) {
          body.quality--04 .main .section--02 .detail--02 .item--03 dl {
            margin: .4rem 0 0; } }
        body.quality--04 .main .section--02 .detail--02 .item--03 dl dt {
          background: #f8ebdd;
          font-size: .42rem;
          font-weight: 500;
          line-height: .8rem;
          text-align: center; }
          @media screen and (max-width: 750px) {
            body.quality--04 .main .section--02 .detail--02 .item--03 dl dt {
              font-size: .28rem;
              line-height: 2; } }
        body.quality--04 .main .section--02 .detail--02 .item--03 dl dd {
          padding: .22rem 0 0;
          font-size: .32rem;
          line-height: 1.875; }
          @media screen and (max-width: 750px) {
            body.quality--04 .main .section--02 .detail--02 .item--03 dl dd {
              padding: .2rem 0 0;
              font-size: .28rem; } }
          body.quality--04 .main .section--02 .detail--02 .item--03 dl dd ul {
            margin: .3rem 0 0; }
            @media screen and (max-width: 750px) {
              body.quality--04 .main .section--02 .detail--02 .item--03 dl dd ul {
                margin: 0; } }
            body.quality--04 .main .section--02 .detail--02 .item--03 dl dd ul li {
              margin: .16rem 0 0;
              padding: 0 0 0 .32rem;
              position: relative; }
              body.quality--04 .main .section--02 .detail--02 .item--03 dl dd ul li::before {
                content: '';
                display: block;
                width: .2rem;
                height: .2rem;
                position: absolute;
                top: .2rem;
                left: 0;
                background: #de9a56;
                border-radius: 50%; }
                @media screen and (max-width: 750px) {
                  body.quality--04 .main .section--02 .detail--02 .item--03 dl dd ul li::before {
                    top: .18rem; } }
          body.quality--04 .main .section--02 .detail--02 .item--03 dl dd + dt {
            margin: .56rem 0 0; }
            @media screen and (max-width: 750px) {
              body.quality--04 .main .section--02 .detail--02 .item--03 dl dd + dt {
                margin: .4rem 0 0; } }
    body.quality--04 .main .section--02 .detail--02 > .image {
      grid-row: 3/4;
      grid-column: 1/2;
      display: flex;
      gap: .2rem;
      padding: 2rem 0 0; }
      @media screen and (max-width: 750px) {
        body.quality--04 .main .section--02 .detail--02 > .image {
          margin: .6rem 0 0;
          padding: 0;
          gap: .1rem; } }
      body.quality--04 .main .section--02 .detail--02 > .image figure {
        width: 5.7rem; }
  .main .fNote {
    margin-top: 2.5rem; }
    @media screen and (max-width: 750px) {
      .main .fNote {
        margin-top: 1.5rem; } }

/* .gFooter{
	.pager{
		.next{
			a{
				cursor: none;
				pointer-events: none;
				opacity: 0.25;
			}
		}
	}
} */
.footer .btn:before,
.footer .btn::after {
  display: none; }

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