:root{
  --color-quality:#EBB553;
  --font-family-number:'Lora', serif;
}


@media (max-width:767px){
  .pc{
    display:none;
  }
}

#wrap{
  overflow:hidden;
}

.sec-heading{
  margin-top:56px;
  position:relative;
  & .inner{
    width:100%;
    max-width:1360px;
    margin:0 auto;
    & .block01{
      display:-webkit-box;
      display:-moz-box;
      display:-ms-flexbox;
      display:-webkit-flex;
      display:flex;
      -webkit-flex-wrap:wrap;
      -moz-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      position:relative;
      min-height:560px;
      &:after{
        position:absolute;
        z-index:-1;
        content:"";
        top:0;
        left:0;
        bottom:120px;
        width:calc(50% + 258px);
        background:#f5f5f5;
      }
      & .photo{
        width:50%;
        margin-top:53px;
        & img{
          width:100%;
        }
      }
      & .info{
        width:50%;
        padding:74px 15px 0 65px;
        & .desc{
          margin-top:-14px;
          background:#fff;
          padding:35px 32px 38px;
          max-width:500px;
          & .txt{
            font-size:15px;
            font-size:1.5rem;
            line-height:28px;
            line-height:1.86667em;
            letter-spacing:.05em;
            &:not(:last-child){
              margin-bottom:1.5rem;
            }
          }
        }
        & .c-ttl02{
          padding-left:4%;
        }
      }
    }
  }
}
@media (max-width:767px){
  .sec-heading{
    margin-bottom:47px;
    & .inner{
      & .block01{
        flex-direction:column;
        padding-top:30px;
        &:after{
          width:100%;
        }
        & .info{
          width:100%;
          padding:0;
          & .c-ttl02{
            padding-left:0;
            text-align:center;
            margin-bottom:25px;
          }
          & .desc{
            width:calc(100% - 34px);
            margin:0 auto;
            padding-bottom:31px;
          }
        }
        & .photo{
          width:auto;
          margin:42px 17px 0 0;
        }
      }
    }
  }
}
@media only screen and (min-width:768px) and (max-width:1023px){
  .sec-heading{
    & .inner{
      & .block01{
        min-height:480px;
        & .info{
          padding-top:50px;
          padding-left:15px;
          & .txt{
            padding-left:20px;
            padding-right:20px;
            font-size:14px;
            font-size:1.4rem;
          }
        }
      }
    }
  }
}

.sec-content{
  background-color:#f5f5f5;
  & .block02,
  & .block03{
    & .inner{
      width:100%;
      max-width:1070px;
      margin:0 auto;
      & .c-ttl06{
        margin-bottom:44px;
      }
    }
  }
  & .block02{
    position:relative;
    padding:70px 20px 76px;
    margin-bottom:44px;
    &:after{
      position:absolute;
      content:"";
      left:0;
      bottom:0;
      right:0;
      background:#fff;
      height:2px;
      max-width:716px;
      margin:0 auto;
    }
    & .desc{
      & .txt{
        font-size:15px;
        font-size:1.5rem;
        line-height:28px;
        line-height:1.86667em;
        letter-spacing:.05em;
      }
    }
  }
  & .block03{
    position:relative;
    padding:0 20px 120px;
    & .kenshokai-img01,
    & .kenshokai-img02{
      position:absolute;
      z-index:1;
      width:calc(323 / 1360 * 100%);
      min-height:240px;
      & img{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        object-position:center;
        object-fit:cover;
      }
      &:before{
        content:"";
        display:block;
        padding-top:calc(249 / 323 * 100%);
      }
    }
    & .kenshokai-img01{
      top:40px;
      left:0;
    }
    & .kenshokai-img02{
      right:0;
      bottom:4%;
    }
    & .inner{
      & .box{
        background-color:#fff;
        padding:40px 17%;
        margin:0 auto;
        & .c-ttl02{
          line-height:1.4em;
          text-align:center;
          margin-bottom:50px;
          & span{
            font-size:clamp(2rem, 0.382vw + 1.878rem, 2.4rem);
            background-image:none;
          }
        }
        & .desc{
          & .txt{
            padding:0;
            &:not(:last-child){
              margin-bottom:1.5rem;
            }
          }
        }
      }
    }
  }
}
@media (max-width:1400px){
  .sec-content{
    & .block03{
      & .inner{
        & .box{
          padding:40px calc(323 / 1360 * 100%);
        }
      }
    }
  }
}
@media (max-width:767px){
  .sec-content{
    & .block03{
      padding-bottom:200px;
      margin-top:70px;
      & .kenshokai-img01,
      & .kenshokai-img02{
        top:unset;
        bottom:0;
        width:50%;
        z-index:0;
      }
      & .inner{
        padding-bottom:0;
        margin-bottom:-30px;
        position:relative;
        z-index:1;
        & .box{
          width:100%;
          padding:40px;
        }
      }
    }
  }
}

.kensa-list01{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:20px;
  max-width:1260px;
  margin:100px auto;
  & ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    & li{
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      gap:1.4rem;
      width:22rem;
      height:22rem;
      aspect-ratio:1/1;
      text-align:center;
      white-space:nowrap;
      border:1px solid var(--color-quality);
      border-radius:50%;
      background-color:#fff;
      padding:1rem;
      & > span{
        display:block;
        font-family:var(--font-family-number);
        font-size:clamp(2rem, 0.574vw + 1.816rem, 2.6rem);
        font-weight:bold;
        color:var(--color-quality);
        margin-top:-20px;
      }
      & p{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:0.8rem;
        font-size:clamp(1.6rem, 0.382vw + 1.478rem, 2rem);
        font-weight:bold;
        & .marker{
          font-size:clamp(1.8rem, 0.382vw + 1.678rem, 2.2rem);
          background-image:linear-gradient(0deg, #fff6e5, #fff6e5);
          background-position:left bottom;
          background-repeat:no-repeat;
          background-size:auto 2rem;
        }
      }
    }
  }
}
@media (max-width:767px){
  .kensa-list01{
    margin:50px auto;
    & ul{
      flex-wrap:wrap;
      width:100%;
      & li{
        gap:0.8rem;
        width:calc(50% - 10px);
        min-width:16rem;
        height:auto;
        min-height:16rem;
        & > span{
          margin-top:-10px;
        }
      }
    }
  }
}

.kensa-list02{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  & > li{
    width:calc(50% - 10px);
    background-color:#fff;
    padding:30px;
    & h4{
      text-align:center;
      font-weight:bold;
      margin-bottom:20px;
      & span:first-child{
        display:block;
        font-size:clamp(2rem, 0.382vw + 1.878rem, 2.4rem);
        color:var(--color-quality);
        margin-bottom:4px;
      }
      & span:last-child{
        font-size:clamp(2rem, 0.382vw + 1.878rem, 2.4rem);
      }
    }
    & img{
      width:100%;
    }
    & .desc{
      font-size:1.5rem;
      font-weight:500;
      text-align:center;
      margin-bottom:40px;
      & .note{
        font-size:clamp(1.2rem, 0.191vw + 1.139rem, 1.4rem);
        margin-top:6px;
      }
    }
    & .kensa-item-list{
      counter-reset:number;
      margin-top:30px;
      & li{
        counter-increment:number;
        display:flex;
        align-items:center;
        gap:10px;
        font-size:clamp(1.6rem, 0.191vw + 1.539rem, 1.8rem);
        font-weight:500;
        border-bottom:1px dotted #bdbdbd;
        padding-bottom:10px;
        margin-bottom:10px;
        &:before{
          content:counter(number, decimal-leading-zero);
          font-family:var(--font-family-number);
          font-size:1.5rem;
          font-weight:bold;
          text-align:center;
          color:#fff;
          display:block;
          width:3.6rem;
          height:3.6rem;
          line-height:3.6rem;
          aspect-ratio:1/1;
          border-radius:50%;
          background-color:var(--color-quality);
        }
      }
    }
  }
  & > li:first-child{
    & .kensa-item-list{
      display:grid;
      grid-template-columns:repeat(2, calc(50% - 4px));
      column-gap:8px;
      grid-template-rows:repeat(6, 1fr);
      grid-auto-flow:column;
    }
  }
}
@media (max-width:767px){
  .kensa-list02{
    & > li{
      width:100%;
    }
  }
}
@media (max-width:490px){
  .kensa-list02{
    & > li{
      padding:24px 30px;
    }
    & > li:first-child{
      & .kensa-item-list{
        display:block;
      }
    }
  }
}

.concept-contact{
  margin-top:103px;
}
@media (max-width:767px){
  .concept-contact{
    margin-top:80px;
  }
}

/*# sourceMappingURL=maps/quality.min.css.map */