/*! Writen  by SCSS */
.dummy {
  color: #F6C; }

.inner_main .main_image {
  background-image: url("../images/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_image {
      background-image: url("../images/main_sp.jpg"); } }

.tab_group {
  scroll-margin-top: 100px;
  margin-bottom: clamp(50px, 8.334vw, 100px);
  position: relative; }
  @media screen and (max-width: 480px) {
    .tab_group {
      flex-wrap: wrap;
      gap: 8px 2%; } }
  .tab_group a {
    width: 19.24%;
    border: 1px solid #db5a39;
    text-align: center;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(15px, 2.154vw, 28px);
    color: #dcdddd;
    transition: 0.3s color ease-in-out 0s,0.3s background ease-in-out 0s; }
    @media screen and (max-width: 480px) {
      .tab_group a {
        width: 49%;
        line-height: 2;
        font-size: 5vw;
        padding: 7px 5px 5px; } }
    @media screen and (max-width: 480px) {
      .tab_group a.line2 {
        line-height: 1; } }
    .tab_group a.cr, body:not(.mobile) .tab_group a:hover {
      background: #db5a39;
      color: #FFF; }

.image,
.photo {
  position: relative; }
  .image.border:after,
  .photo.border:after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid #000;
    pointer-events: none; }
  .image .wappen,
  .photo .wappen {
    position: absolute;
    left: 0;
    top: 0;
    background: #a5874b;
    font-size: clamp(10px, 1vw, 13px);
    color: #FFF;
    line-height: 1.2;
    padding: 3px 4px; }
  .image .cap,
  .photo .cap {
    line-height: 1.2; }
    @media screen and (max-width: 480px) {
      .image .cap.sp_right_top,
      .photo .cap.sp_right_top {
        bottom: auto;
        top: 1px; } }
    @media screen and (max-width: 480px) {
      .image .cap.sp_left_top,
      .photo .cap.sp_left_top {
        bottom: auto;
        top: 1px;
        right: auto;
        left: 3px; } }

.wide_img {
  margin: 0 calc(50% - 50vw) clamp(30px, 4.167vw, 50px); }
  .wide_img img {
    width: 100%; }
  .wide_img .cap {
    font-size: clamp(18px, 1.875vw, 30px);
    right: 10px; }
    @media screen and (max-width: 480px) {
      .wide_img .cap {
        right: 5px; } }
  .wide_img.left .cap {
    left: 10px; }
    @media screen and (max-width: 480px) {
      .wide_img.left .cap {
        left: 5px; } }

.quality_ttl_group {
  flex-direction: column;
  row-gap: 15px;
  margin-bottom: clamp(40px, 6.667vw, 80px); }
  @media screen and (max-width: 820px) {
    .quality_ttl_group {
      margin-bottom: 30px; } }
  .quality_ttl_group .quality_ttl {
    font-size: clamp(40px, 4.167vw, 50px);
    font-weight: 700;
    color: #db5a39; }
    @media screen and (max-width: 480px) {
      .quality_ttl_group .quality_ttl {
        font-size: 10vw; } }
  .quality_ttl_group .quality_read {
    font-size: clamp(17px, 1.667vw, 20px);
    line-height: 1.6; }
    @media screen and (max-width: 480px) {
      .quality_ttl_group .quality_read {
        font-size: 16px; } }

.item_text_group .item_name {
  text-align: center;
  font-size: clamp(12px, 1.462vw, 19px);
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
  line-height: 2.2; }
  @media screen and (max-width: 820px) {
    .item_text_group .item_name {
      font-size: 1.6vw;
      padding-bottom: 5px;
      margin-bottom: 5px; } }
  @media screen and (max-width: 480px) {
    .item_text_group .item_name {
      font-size: 3.45vw;
      padding-bottom: 10px;
      margin-bottom: 10px; } }
  .item_text_group .item_name .small {
    font-size: 70%; }
  .item_text_group .item_name .block {
    display: block;
    margin-top: 5px; }
  .item_text_group .item_name.ta_l {
    text-align: left; }
  .item_text_group .item_name.line2 {
    line-height: 1.1; }
  @media screen and (max-width: 480px) {
    .item_text_group .item_name.sp_line2 {
      line-height: 1.1; } }
.item_text_group .item_read {
  font-size: clamp(11px, 1.231vw, 16px);
  line-height: 1.35; }
  @media screen and (max-width: 480px) {
    .item_text_group .item_read {
      font-size: 12px; } }
  .item_text_group .item_read .cap_l {
    display: block;
    margin-top: 5px;
    line-height: 1.4; }
    .item_text_group .item_read .cap_l.inline {
      display: inline; }

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