/*! Writen  by SCSS */
.breadlist {
  display: none; }

.ttl_wrap {
  padding: 200px 0 80px;
  text-align: center; }
  @media screen and (max-width: 860px) {
    .ttl_wrap {
      padding: calc(200vw / 8.6) 0 calc(80vw / 8.6); } }
  @media screen and (max-width: 480px) {
    .ttl_wrap {
      padding: 80px 0 40px; } }

.sec_sub {
  font-size: clamp(17px, calc(31vw / 12), 31px); }

.supple01 {
  position: absolute;
  left: 120px;
  margin-top: -50px;
  width: calc(298%/16); }
  @media screen and (max-width: 480px) {
    .supple01 {
      left: 10px;
      width: calc(180%/4.74); } }

.supple02 {
  position: absolute;
  top: -5%;
  left: -5%;
  width: calc(110%/9.9); }
  @media screen and (max-width: 480px) {
    .supple02 {
      left: 0;
      top: -2%;
      width: calc(100%/4.74); } }

.supple03 {
  position: absolute;
  top: -10%;
  left: -12%;
  width: calc(110%/4.74); }
  @media screen and (max-width: 480px) {
    .supple03 {
      left: 0;
      top: -8%;
      width: calc(100%/4.74); } }

.sec .sec_ttl,
.sec .s_ttl {
  margin-bottom: 35px; }
  @media screen and (max-width: 480px) {
    .sec .sec_ttl,
    .sec .s_ttl {
      margin-bottom: 20px; } }
.sec .sec_sub,
.sec .s_main {
  margin-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .sec .sec_sub,
    .sec .s_main {
      margin-bottom: 30px; } }
.sec .sec_sub .s1 {
  font-size: 60%;
  letter-spacing: 0.15em; }
  @media screen and (max-width: 480px) {
    .sec .sec_sub .s1 {
      display: block; } }
.sec .s_read {
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec .s_read {
      margin-bottom: 50px; } }
.sec .c_ttl {
  margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .sec .c_ttl {
      margin-bottom: 25px; } }

.sec1 {
  background: #eee; }
  .sec1 .inner_990 {
    padding: 160px 20px 130px; }
    @media screen and (max-width: 480px) {
      .sec1 .inner_990 {
        padding: 80px 20px 60px; } }
  .sec1 .img105 {
    margin-bottom: 50px; }
    @media screen and (max-width: 480px) {
      .sec1 .img105 {
        margin-bottom: 25px; } }
  .sec1 .s_main {
    margin-bottom: 113px; }
    @media screen and (max-width: 480px) {
      .sec1 .s_main {
        margin-bottom: 30px; } }
  .sec1 .box01 {
    background: #c9c0ba;
    padding: 50px 47px;
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
    @media screen and (max-width: 767px) {
      .sec1 .box01 {
        padding: 25px; } }
    @media screen and (max-width: 480px) {
      .sec1 .box01 {
        padding: 15px 7px;
        flex-direction: column; } }
    .sec1 .box01 .l_cnt {
      width: calc(480%/8.96); }
      @media screen and (max-width: 480px) {
        .sec1 .box01 .l_cnt {
          width: 100%;
          margin-bottom: 4%; } }
      .sec1 .box01 .l_cnt .in_box {
        display: flex;
        align-items: stretch;
        justify-content: space-between; }
        .sec1 .box01 .l_cnt .in_box .in_l {
          width: calc(209%/4.8); }
        .sec1 .box01 .l_cnt .in_box .in_r {
          width: calc(261%/4.8);
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
    .sec1 .box01 .r_cnt {
      width: calc(382%/8.96); }
      @media screen and (max-width: 480px) {
        .sec1 .box01 .r_cnt {
          width: 100%; } }

.inner_990 {
  max-width: 1130px;
  margin: 0 auto; }

ul.list {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 480px) {
    ul.list li.type_sp_flex {
      width: 100% !important;
      margin-right: 0 !important;
      display: flex;
      justify-content: space-between; } }
  @media screen and (max-width: 480px) {
    ul.list li.type_sp_flex .list_img {
      width: 48.66%;
      margin-bottom: 0; } }
  @media screen and (max-width: 480px) {
    ul.list li.type_sp_flex .text_wrap {
      width: 48.66%; } }
  @media screen and (max-width: 600px) {
    ul.list.col4 {
      max-width: 500px;
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    ul.list.col4 li {
      width: calc(238%/10.5); }
      ul.list.col4 li:not(:nth-child(4n)) {
        margin-right: calc(32%/10.5); }
      ul.list.col4 li:not(:nth-last-child(-n+4)) {
        margin-bottom: calc(44%/10.4); } }
  @media screen and (min-width: 601px) and (max-width: 767px) {
    ul.list.col4 li {
      width: calc(225%/7.27); }
      ul.list.col4 li:not(:nth-child(3n)) {
        margin-right: calc(26%/7.27); }
      ul.list.col4 li:not(:nth-last-child(-n+3)) {
        margin-bottom: calc(40%/7.27); } }
  @media screen and (max-width: 600px) {
    ul.list.col4 li {
      width: calc(205%/4.2); }
      ul.list.col4 li:not(:nth-child(2n)) {
        margin-right: calc(10%/4.2); }
      ul.list.col4 li:not(:nth-last-child(-n+2)) {
        margin-bottom: calc(30%/4.2); } }
  @media screen and (max-width: 480px) {
    ul.list.col4 li {
      width: calc(182% / 3.74); } }
  ul.list.col4 li.bg_item {
    position: relative;
    z-index: 2; }
    ul.list.col4 li.bg_item:before {
      content: "";
      position: absolute;
      top: -15px;
      left: -15px;
      right: -15px;
      bottom: -15px;
      width: calc(100% + 30px);
      height: calc(100% + 30px);
      z-index: -1;
      background: #696967; }
      @media screen and (max-width: 480px) {
        ul.list.col4 li.bg_item:before {
          left: -10px;
          right: -10px;
          width: calc(100% + 20px); } }
    @media screen and (max-width: 480px) {
      ul.list.col4 li.bg_item {
        transform: translateX(10px); } }
    ul.list.col4 li.bg_item .list_ttl, ul.list.col4 li.bg_item .list_copy {
      color: #fff; }
  @media screen and (min-width: 768px) {
    ul.list.col2 li {
      width: calc(238%/5.22); }
      ul.list.col2 li:not(:nth-child(2n)) {
        margin-right: calc(46%/5.22); }
      ul.list.col2 li:not(:nth-last-child(-n+2)) {
        margin-bottom: calc(24%/5.22); } }
  ul.list .list_img {
    margin-bottom: calc(20%/2.38);
    margin-bottom: calc(14%/2.38);
    line-height: 0;
    position: relative; }
    @media screen and (max-width: 767px) {
      ul.list .list_img {
        margin-bottom: 7px; } }
    @media screen and (min-width: 480px) {
      ul.list .list_img img {
        width: 100%; } }
    ul.list .list_img .t_cap {
      right: 8px;
      bottom: 8px; }
      ul.list .list_img .t_cap.s_none {
        text-shadow: none; }
    ul.list .list_img .t_cap_b {
      right: 8px;
      bottom: 8px;
      color: #000;
      text-shadow: none; }
    ul.list .list_img .t_cap_b_l {
      left: 8px;
      bottom: 8px;
      color: #000;
      text-shadow: none; }
  ul.list .list_ttl {
    font-size: clamp(14px, calc(16vw / 14), 16px);
    line-height: 1.4;
    letter-spacing: 0.1em;
    width: 100%;
    padding: 0;
    display: block;
    margin-bottom: calc(13%/2.16);
    margin-bottom: calc(5%/2.16); }
    @media screen and (max-width: 767px) {
      ul.list .list_ttl {
        margin: 0;
        padding: 0;
        line-height: 1.1;
        margin-bottom: 9px; } }
    ul.list .list_ttl.tume_01 {
      letter-spacing: -0.01em; }
    ul.list .list_ttl.tume_02 {
      letter-spacing: -0.02em; }
    ul.list .list_ttl.tume_03 {
      letter-spacing: -0.03em; }
    ul.list .list_ttl.tume_04 {
      letter-spacing: -0.04em; }
    ul.list .list_ttl.tume_05 {
      letter-spacing: -0.05em; }
    ul.list .list_ttl.tume_06 {
      letter-spacing: -0.06em; }
    ul.list .list_ttl.tume_07 {
      letter-spacing: -0.07em; }
    ul.list .list_ttl.tume_08 {
      letter-spacing: -0.08em; }
    ul.list .list_ttl.tume_09 {
      letter-spacing: -0.09em; }
    ul.list .list_ttl.tume_01_sp {
      letter-spacing: -0.01em; }
    ul.list .list_ttl.tume_02_sp {
      letter-spacing: -0.02em; }
    ul.list .list_ttl.tume_03_sp {
      letter-spacing: -0.03em; }
    ul.list .list_ttl.tume_04_sp {
      letter-spacing: -0.04em; }
    ul.list .list_ttl.tume_05_sp {
      letter-spacing: -0.05em; }
    ul.list .list_ttl.tume_06_sp {
      letter-spacing: -0.06em; }
    ul.list .list_ttl.tume_07_sp {
      letter-spacing: -0.07em; }
    ul.list .list_ttl.tume_08_sp {
      letter-spacing: -0.08em; }
    ul.list .list_ttl.tume_09_sp {
      letter-spacing: -0.09em; }
    ul.list .list_ttl img {
      display: inline;
      margin: 0;
      padding: 0;
      line-height: 0;
      font-size: 0; }
  ul.list .list_copy {
    line-height: 1.6;
    font-size: clamp(12px, calc(13vw / 14), 13px); }
  ul.list .cap_l {
    font-size: clamp(8px, calc(9vw / 10.9), 9px); }

.sec2 {
  background: #eeeeee;
  padding-bottom: 130px; }
  @media screen and (max-width: 480px) {
    .sec2 {
      padding-bottom: 80px; } }
  .sec2 .inner_990 {
    padding: 160px 20px 130px;
    padding-bottom: 80px; }
    @media screen and (max-width: 480px) {
      .sec2 .inner_990 {
        padding: 80px 20px 80px;
        padding-bottom: 50px; } }
  .sec2 .box1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: calc(37%/10.9); }
    @media screen and (max-width: 480px) {
      .sec2 .box1 {
        margin-bottom: 30px; } }
    .sec2 .box1 .l_cnt {
      width: calc(522%/10.9); }
      @media screen and (max-width: 767px) {
        .sec2 .box1 .l_cnt {
          width: 100%; } }
    .sec2 .box1 .r_cnt {
      width: calc(522%/10.9); }
      @media screen and (max-width: 767px) {
        .sec2 .box1 .r_cnt {
          display: none; } }
  @media screen and (min-width: 960px) {
    .sec2 .last_item .inner .flex_box .text_wrap {
      width: calc(360%/9.12); } }

.sec3 .inner_990 {
  padding: 130px 20px 130px; }
  @media screen and (max-width: 480px) {
    .sec3 .inner_990 {
      padding: 60px 20px 60px; } }
@media screen and (max-width: 480px) {
  .sec3 .t_cap.small {
    font-size: 9px; } }
.sec3 .box1 {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }
  @media screen and (max-width: 767px) {
    .sec3 .box1 {
      display: block; } }
  .sec3 .box1 .l_cnt {
    width: calc(522%/10.9);
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 767px) {
      .sec3 .box1 .l_cnt {
        width: 100%;
        margin-bottom: calc(37% / 10.9); } }
    @media screen and (max-width: 480px) {
      .sec3 .box1 .l_cnt {
        margin-bottom: 30px; } }
    .sec3 .box1 .l_cnt .wide_img {
      margin-top: auto; }
      @media screen and (max-width: 480px) {
        .sec3 .box1 .l_cnt .wide_img {
          width: 85%;
          text-align: center;
          margin-inline: auto; } }
  .sec3 .box1 .r_cnt {
    width: calc(522%/10.9); }
    @media screen and (max-width: 767px) {
      .sec3 .box1 .r_cnt {
        width: 100%; } }
@media screen and (min-width: 768px) {
  .sec3 ul.list.col2 li:not(:nth-last-child(-n+2)) {
    margin-bottom: calc(28%/5.22); } }
@media screen and (min-width: 601px) and (max-width: 767px) {
  .sec3 ul.list.col2 li {
    width: calc(225%/7.27); }
    .sec3 ul.list.col2 li:not(:nth-child(3n)) {
      margin-right: calc(26%/7.27); }
    .sec3 ul.list.col2 li:not(:nth-last-child(-n+3)) {
      margin-bottom: calc(40%/7.27); } }
@media screen and (max-width: 600px) {
  .sec3 ul.list.col2 li {
    width: calc(205%/4.2); }
    .sec3 ul.list.col2 li:not(:nth-child(2n)) {
      margin-right: calc(10%/4.2); }
    .sec3 ul.list.col2 li:not(:nth-last-child(-n+2)) {
      margin-bottom: calc(30%/4.2); } }
@media screen and (max-width: 480px) {
  .sec3 ul.list.col2 li {
    width: calc(182% / 3.74); } }
.sec3 ul.list .list_img {
  margin-bottom: calc(15%/2.16);
  line-height: 0; }
  @media screen and (max-width: 767px) {
    .sec3 ul.list .list_img {
      margin-bottom: calc(15%/2.5); } }
  .sec3 ul.list .list_img img {
    width: 100%; }

.sec4 .inner_990 {
  padding: 0 20px 120px; }
  @media screen and (max-width: 480px) {
    .sec4 .inner_990 {
      padding: 0 20px 90px; } }
.sec4 .box1 {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: stretch; }
  @media screen and (max-width: 767px) {
    .sec4 .box1 {
      display: block; } }
  .sec4 .box1 .l_cnt {
    width: calc(522%/10.9);
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 767px) {
      .sec4 .box1 .l_cnt {
        width: 100%;
        margin-bottom: calc(37% / 9.9); } }
    @media screen and (max-width: 480px) {
      .sec4 .box1 .l_cnt {
        margin-bottom: 30px; } }
    @media screen and (max-width: 480px) {
      .sec4 .box1 .l_cnt .wide_img {
        width: 85%;
        margin-inline: auto;
        text-align: center; } }
  .sec4 .box1 .r_cnt {
    width: calc(522%/10.9); }
    @media screen and (max-width: 767px) {
      .sec4 .box1 .r_cnt {
        width: 100%; } }
@media screen and (min-width: 768px) {
  .sec4 ul.list.col2 li:not(:nth-last-child(-n+2)) {
    margin-bottom: calc(30%/5.22); } }
@media screen and (min-width: 601px) and (max-width: 767px) {
  .sec4 ul.list.col2 li {
    width: calc(225%/7.27); }
    .sec4 ul.list.col2 li:not(:nth-child(3n)) {
      margin-right: calc(26%/7.27); }
    .sec4 ul.list.col2 li:not(:nth-last-child(-n+3)) {
      margin-bottom: calc(40%/7.27); } }
@media screen and (max-width: 600px) {
  .sec4 ul.list.col2 li {
    width: calc(205%/4.2); }
    .sec4 ul.list.col2 li:not(:nth-child(2n)) {
      margin-right: calc(10%/4.2); }
    .sec4 ul.list.col2 li:not(:nth-last-child(-n+2)) {
      margin-bottom: calc(30%/4.2); } }
@media screen and (max-width: 480px) {
  .sec4 ul.list.col2 li {
    width: calc(182% / 3.74); } }
.sec4 ul.list .list_img {
  margin-bottom: calc(15%/2.38);
  line-height: 0; }
  @media screen and (max-width: 767px) {
    .sec4 ul.list .list_img {
      margin-bottom: calc(15%/2.5); } }
  .sec4 ul.list .list_img img {
    width: 100%; }
@media screen and (max-width: 480px) {
  .sec4 ul.list .list_copy .cap {
    display: block;
    line-height: 1.6;
    margin-top: 3px; } }

.sec05 {
  padding-bottom: 130px; }
  @media screen and (max-width: 480px) {
    .sec05 {
      padding-bottom: 60px; } }

.last_item .inner {
  max-width: 1012px; }
  .last_item .inner .sec_ttl.box_top {
    margin-bottom: 0;
    line-height: 1; }
    .last_item .inner .sec_ttl.box_top span {
      display: inline-block;
      transform: translate(0, 0.2em); }
  .last_item .inner .flex_box {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: clamp(10px, calc(40vw / 10.12), 40px);
    padding-left: clamp(10px, calc(60vw / 10.12), 60px);
    align-items: center; }
    @media screen and (max-width: 480px) {
      .last_item .inner .flex_box {
        flex-direction: column;
        padding: 20px;
        row-gap: 10px; } }
    .last_item .inner .flex_box::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      border: 1px solid #676766;
      pointer-events: none; }
    .last_item .inner .flex_box .sec_ttl {
      width: 100%; }
    .last_item .inner .flex_box .text_wrap {
      width: calc(346%/9.12); }
      @media screen and (max-width: 480px) {
        .last_item .inner .flex_box .text_wrap {
          width: 100%; } }
      .last_item .inner .flex_box .text_wrap .sec_ttl {
        margin-bottom: clamp(20px, calc(30vw / 10.12), 30px); }
      .last_item .inner .flex_box .text_wrap .sec_sub {
        padding-bottom: clamp(10px, calc(25vw / 10.12), 25px);
        margin-bottom: clamp(10px, calc(25vw / 10.12), 25px);
        border-bottom: 1px solid #928173;
        font-size: clamp(16px, calc(23vw / 10.12), 23px);
        letter-spacing: 0.3em;
        line-height: 1; }
        .last_item .inner .flex_box .text_wrap .sec_sub.ex_ls {
          letter-spacing: 0.1em; }
        @media screen and (max-width: 480px) {
          .last_item .inner .flex_box .text_wrap .sec_sub {
            font-size: clamp(17px, calc(31vw / 12), 31px);
            letter-spacing: 0.2em;
            text-align: center;
            line-height: 1.8; } }
      .last_item .inner .flex_box .text_wrap .list_copy {
        font-size: 13px;
        line-height: 2; }
        @media screen and (max-width: 480px) {
          .last_item .inner .flex_box .text_wrap .list_copy {
            text-align: center; } }
    .last_item .inner .flex_box .img {
      width: calc(460%/9.12); }
      @media screen and (max-width: 480px) {
        .last_item .inner .flex_box .img {
          width: 94.92%;
          margin-inline: auto; } }

.sec6 .inner_990 {
  background: #696967;
  color: #fff;
  padding: 50px 40px 40px;
  margin: 0 auto 130px; }
  @media screen and (max-width: 480px) {
    .sec6 .inner_990 {
      padding: 40px 20px 80px;
      margin: 0 auto 0; } }
  .sec6 .inner_990 .sec_ttl {
    color: #fff;
    margin-bottom: 30px; }
.sec6 ul.list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1050px; }
  @media screen and (max-width: 600px) {
    .sec6 ul.list.col4 {
      max-width: 500px;
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    .sec6 ul.list.col4 li {
      width: calc(238%/10.5); }
      .sec6 ul.list.col4 li:not(:nth-child(4n)) {
        margin-right: calc(32.6%/10.5); }
      .sec6 ul.list.col4 li:not(:nth-last-child(-n+4)) {
        margin-bottom: calc(44%/10.4); } }
  @media screen and (max-width: 480px) {
    .sec6 ul.list.col4 li .list_img .t_cap_b {
      font-size: 9px; }
      .sec6 ul.list.col4 li .list_img .t_cap_b.shadow {
        text-shadow: 0 0 3px #fff, 2px 2px 3px #fff, -2px 2px 3px #fff, -2px -2px 3px #fff, 2px -2px 3px #fff; } }

.sec7 {
  background: #141514; }
  .sec7 .sec_sub {
    color: #fff; }
  .sec7 .inner_990 {
    padding: 160px 20px;
    max-width: 1030px; }
    @media screen and (max-width: 480px) {
      .sec7 .inner_990 {
        padding: 80px 20px 0; } }
  .sec7 .box01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px; }
    @media screen and (max-width: 480px) {
      .sec7 .box01 {
        display: block; } }
    .sec7 .box01 .l_cnt {
      width: calc(472%/9.9); }
      @media screen and (max-width: 480px) {
        .sec7 .box01 .l_cnt {
          width: 100%;
          margin-bottom: 25px; } }
      .sec7 .box01 .l_cnt .txt {
        color: #fff; }
        @media screen and (max-width: 480px) {
          .sec7 .box01 .l_cnt .txt .c_read,
          .sec7 .box01 .l_cnt .txt .c_ttl {
            text-align: center; } }
    .sec7 .box01 .r_cnt {
      width: calc(480%/9.9); }
      @media screen and (max-width: 480px) {
        .sec7 .box01 .r_cnt {
          width: 80%;
          margin: 0 auto; } }
  .sec7 .img604 {
    margin-bottom: 90px; }
    @media screen and (max-width: 480px) {
      .sec7 .img604 {
        margin-bottom: 40px; } }
  .sec7 .list_wrap_ttl {
    color: #fff;
    font-size: clamp(18px, calc(24vw / 10.9), 24px);
    margin-bottom: 25px;
    letter-spacing: 0.2em;
    font-feature-settings: "palt"; }
  .sec7 .list_wrap {
    background: #000;
    padding: 40px 20px; }
    @media screen and (max-width: 480px) {
      .sec7 .list_wrap {
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 35px 20px 80px; } }
    .sec7 .list_wrap ul.list {
      max-width: 920px;
      margin: 0 auto;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec7 .list_wrap ul.list {
          flex-wrap: wrap; } }
      .sec7 .list_wrap ul.list li {
        width: calc(280% / 9.2); }
        @media screen and (max-width: 480px) {
          .sec7 .list_wrap ul.list li {
            width: 100%;
            max-width: 200px;
            margin-inline: auto; } }
        .sec7 .list_wrap ul.list li .list_img {
          margin-bottom: 10px; }
          @media screen and (max-width: 480px) {
            .sec7 .list_wrap ul.list li .list_img span {
              font-size: 9px; } }
        .sec7 .list_wrap ul.list li .list_ttl {
          color: #FFF; }
          @media screen and (max-width: 480px) {
            .sec7 .list_wrap ul.list li .list_ttl {
              margin-bottom: 20px; } }

.img801 .list_wrap_ttl {
  color: #fff;
  font-size: clamp(18px, calc(24vw / 10.9), 24px);
  margin-bottom: 25px;
  letter-spacing: 0.2em;
  font-feature-settings: "palt"; }
.img801 .list_wrap {
  background: none; }
  .img801 .list_wrap ul.list {
    max-width: 700px;
    margin: 0 auto;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .img801 .list_wrap ul.list {
        flex-wrap: wrap; } }
    .img801 .list_wrap ul.list li {
      width: calc(330% / 7); }
      @media screen and (max-width: 480px) {
        .img801 .list_wrap ul.list li {
          width: 80%;
          max-width: none;
          margin-inline: auto; } }
      .img801 .list_wrap ul.list li .list_img {
        margin-bottom: 10px; }
        @media screen and (max-width: 480px) {
          .img801 .list_wrap ul.list li .list_img span {
            font-size: 9px; } }
      .img801 .list_wrap ul.list li .list_ttl {
        color: #FFF; }
        @media screen and (max-width: 480px) {
          .img801 .list_wrap ul.list li .list_ttl {
            margin-bottom: 9px; } }
      .img801 .list_wrap ul.list li .list_copy {
        color: #FFF; }
      .img801 .list_wrap ul.list li .cap_l {
        display: inline-block;
        line-height: 1.8;
        padding-top: 0.8em; }

@media screen and (max-width: 480px) {
  .sld {
    overflow-x: auto;
    overflow-y: hidden; } }

@media screen and (max-width: 480px) {
  .sld1 img {
    width: 500px;
    max-width: 500px; } }

@media screen and (max-width: 480px) {
  .t_cap, .t_cap_b {
    font-size: 7px !important;
    right: 3px !important; } }

.ex_ttl {
  font-size: clamp(14px, calc(16vw / 14), 16px);
  line-height: 1.4;
  letter-spacing: 0.1em;
  width: 100%;
  color: #fff;
  text-align: right;
  margin-top: 10px; }
  @media screen and (max-width: 767px) {
    .ex_ttl {
      text-align: left; } }

.ex_cap {
  color: #fff; }
  @media screen and (max-width: 767px) {
    .ex_cap {
      text-align: left; } }

.ls_02 {
  letter-spacing: -0.02em !important; }

@media screen and (max-width: 480px) {
  .ls01_sp {
    letter-spacing: -0.01em; } }

@media screen and (max-width: 480px) {
  .ls03_sp {
    letter-spacing: -0.03em !important; } }

@media screen and (max-width: 480px) {
  .ls01_sp {
    letter-spacing: -0.01em; } }

@media screen and (max-width: 480px) {
  .ls05_sp {
    letter-spacing: -0.05em; } }

.sec8 {
  background: linear-gradient(to right, #464342, #363433);
  margin-bottom: 90px;
  color: #fff; }
  @media screen and (max-width: 480px) {
    .sec8 {
      margin-bottom: 60px; } }
  .sec8 .inner_990 {
    max-width: 1400px;
    padding: 90px 20px; }
    @media screen and (max-width: 480px) {
      .sec8 .inner_990 {
        padding: 60px 20px; } }
  @media screen and (min-width: 601px) {
    .sec8 ul.list.col5 {
      width: 100%;
      justify-content: space-between; } }
  @media screen and (max-width: 1200px) {
    .sec8 ul.list.col5 {
      flex-wrap: wrap; } }
  @media screen and (max-width: 600px) {
    .sec8 ul.list.col5 {
      max-width: 500px;
      margin: 0 auto; } }
  @media screen and (min-width: 1201px) {
    .sec8 ul.list.col5 li {
      width: calc(238%/13.6); } }
  @media screen and (min-width: 601px) and (max-width: 1200px) {
    .sec8 ul.list.col5 li {
      width: 30%;
      margin-bottom: calc(30% / 5.22); } }
  @media screen and (max-width: 600px) {
    .sec8 ul.list.col5 li {
      width: calc(205% / 4.2);
      margin-bottom: calc(30% / 4.2); } }
  @media screen and (max-width: 600px) {
    .sec8 ul.list.col5 li:not(:nth-child(2n)) {
      margin-right: calc(10% / 4.2); } }
  @media screen and (min-width: 601px) and (max-width: 1200px) {
    .sec8 ul.list.col5 li.wide1 {
      display: flex;
      justify-content: space-between;
      width: 65%; }
      .sec8 ul.list.col5 li.wide1 .imgs {
        width: calc(341%/7.54); }
      .sec8 ul.list.col5 li.wide1 .txts {
        width: calc(341%/7.54); } }
  .sec8 ul.list.col5 li.txt_wide {
    display: flex;
    flex-direction: column;
    grid-gap: 3em; }
    @media screen and (max-width: 600px) {
      .sec8 ul.list.col5 li.txt_wide {
        grid-gap: 2em;
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-right: 0;
        margin-bottom: 0; } }
  .sec8 ul.list.col5 li .list_ttl {
    color: #aa9d70; }
  .sec8 ul.list.col5 li .list_copy {
    letter-spacing: 0.05em;
    text-align: justify; }
  @media screen and (max-width: 480px) {
    .sec8 ul.list.col5 li .list_img .t_cap_b {
      font-size: 9px; }
      .sec8 ul.list.col5 li .list_img .t_cap_b.shadow {
        text-shadow: 0 0 3px #fff, 2px 2px 3px #fff, -2px 2px 3px #fff, -2px -2px 3px #fff, 2px -2px 3px #fff; } }
  .sec8 ul.list .list_img {
    margin-bottom: calc(15%/2.38);
    line-height: 0; }
    @media screen and (max-width: 767px) {
      .sec8 ul.list .list_img {
        margin-bottom: calc(15%/2.5); } }
    .sec8 ul.list .list_img img {
      width: 100%; }
  @media screen and (max-width: 480px) {
    .sec8 ul.list .list_copy .cap {
      display: block;
      line-height: 1.6;
      margin-top: 3px; } }

/*# sourceMappingURL=quality.css.map */
