@charset "UTF-8";
body.quality-page{color:#111;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif}
.q-serif{font-family:"Sterling Display","Times New Roman",serif;font-weight:400}.q-inner{position:relative;z-index:1}
.q-diamond{position:relative;isolation:isolate;background:transparent}.q-diamond::before{position:absolute;inset:0;z-index:-1;width:min(100%,1920px);margin:0 auto;content:""}
.q-five::before{background:linear-gradient(145deg,#f1efe6,#fff 58%)}.q-five .q-inner{width:min(calc(100% - 40px),1600px);max-width:1600px}
.q-material{margin-top:38px;text-align:left}.q-material>h3{margin:0 0 30px;font-family:"Yu Mincho",serif;font-size:26px;font-weight:400;text-align:center}.q-material-slider{min-width:0}.q-material-track{display:flex;gap:24px;margin-right:calc(50% - 50vw);overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-padding-left:8%;scroll-snap-type:inline mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.q-material-track::-webkit-scrollbar{display:none}.q-material-slide{flex:0 0 min(82vw,450px);overflow:hidden;border-radius:14px 14px 0 0;background:#fff;scroll-snap-align:start}.q-material-slide img{display:block;width:100%;aspect-ratio:1120/900;object-fit:cover;object-position:top}.q-material-slide p{min-height:130px;margin:0;padding:24px 28px 30px;font-size:14px;line-height:1.75}.q-material-dots{display:flex;gap:10px;margin:28px 0 0 32%}.q-material-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#d8d8d8;cursor:pointer}.q-material-dots button.is-active{background:#176198}
.q-diamond{padding:0 0 30px;color:#fff}.q-diamond::before{background:linear-gradient(180deg,#286895 0%,#76a2c2 32%,#dce7ee 88%,#f8f5ed 100%)}.q-diamond-title{padding:30px 0}.q-diamond h2{margin:0;line-height:1.2;text-align:center}.q-diamond h2::after{display:block;width:72%;height:1px;margin:22px auto 30px;background:currentColor;content:""}.q-diamond h2 small{display:block;margin-top:12px;font-family:"Yu Mincho",serif;font-size:22px;line-height:1.55}.q-diamond-title p,.q-step p{font-size:14px;line-height:1.8}.q-diamond-title p{margin:0}.q-appraisal{padding:25px 0 5px;text-align:center}.q-appraisal .num{font-size:108px;line-height:.85}.q-appraisal h3{margin:12px 0 0;line-height:1.1}.q-appraisal h3 small{display:block;margin-top:20px;font-family:"Yu Mincho",serif;font-size:22px;line-height:1.6}.q-appraisal-triangle{display:block;width:100%;margin:35px auto 0}.q-appraisal-triangle img{display:block;width:100%;height:auto}.q-steps{color:#176198}.q-step{margin:55px 0}.q-step h4{margin:0 0 25px;font-family:"Yu Mincho",serif;font-size:23px;font-weight:400;line-height:1.5;text-align:center}.q-step p{margin:0;text-align:left}.q-step-link{display:flex;width:min(100%,400px);min-height:58px;margin:20px auto 30px;border:1px solid #222;align-items:center;justify-content:center;color:#222;font-size:14px;text-decoration:none}
.q-feature{padding:90px 0 55px}.q-feature>.q-inner>h2{margin:0 0 45px;padding-bottom:18px;border-bottom:1px solid #777;font-family:"Yu Mincho",serif;font-size:25px;font-weight:400;text-align:center}.q-feature-image{display:block;width:100%;height:auto;margin:0 auto}
.q-4c{padding:70px 0 0}.q-4c h2{margin:0 0 45px;padding-bottom:18px;border-bottom:1px solid #777;font-family:"Yu Mincho",serif;font-size:27px;font-weight:400;text-align:center}.q-4c>.q-inner>p,.q-4c article p{font-size:14px;line-height:1.8}.q-4c article{margin:85px 0 0}.q-4c h3{margin:0 0 28px;font-family:"Yu Mincho",serif;font-size:25px;font-weight:400;letter-spacing:.15em;line-height:1.45;text-align:center}.q-4c img{display:block;width:100%;height:auto;margin-top:35px}
.q-nav{background:linear-gradient(90deg,#7ca4c2,#226697);color:#fff}.q-nav a{display:flex;padding:24px;border-bottom:1px solid;justify-content:space-between;color:inherit;text-decoration:none}.q-contact{padding:90px 0}.q-shop{padding:80px 0;background:#f7f7f7;text-align:center}.q-shop a{display:block;max-width:520px;margin:16px auto;padding:20px;border-radius:40px;background:#000;color:#fff;text-decoration:none}
@media(min-width:768px){
.q-material{margin-top:0}.q-material>h3{margin-bottom:45px;font-size:30px}.q-material-track{gap:20px;margin-right:0;scroll-padding-left:6%;overflow-x:auto}.q-material-slide{flex-basis:calc((100% - 60px)/4)}.q-material-slide img{aspect-ratio:1/1.03}.q-material-slide p{min-height:126px;padding:22px 20px 28px}.q-material-dots{justify-content:center;margin-left:0}
.q-diamond{padding-bottom:70px}.q-diamond-title{max-width:900px;margin:auto;padding:90px 0}.q-diamond h2 small{font-size:27px}.q-diamond-title p{font-size:16px}.q-appraisal .num{font-size:120px}.q-appraisal h3 small{font-size:26px}.q-appraisal-triangle{max-width:760px;margin-top:55px}.q-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.q-step{margin:45px 0 0}
.q-feature{padding:115px 0 80px}.q-feature>.q-inner{max-width:760px}.q-feature-image{max-width:680px}
.q-4c .q-inner{display:block}.q-4c article{margin-top:90px}.q-contact{padding:100px 0}
}
@media(min-width:900px){
.q-diamond>.q-inner{max-width:1120px}
.q-4c .q-inner{display:block;max-width:1120px}
.q-4c h2{width:min(100%,560px);margin-right:auto;margin-bottom:50px;margin-left:auto;font-size:32px}
.q-4c .q-inner>p{max-width:820px;margin:0 auto 120px;font-size:16px;line-height:2;text-align:left}
.q-4c article {
  display: grid;
  grid-template-columns: minmax(0, 46%) minmax(0, 1fr);
  grid-template-rows: 1fr auto auto 1fr;
  column-gap: 84px;
  row-gap: 32px;
  margin: 0 0 145px;
}

.q-4c article h3,
.q-4c article p {
  grid-column: 2;
}

.q-4c article h3 {
  grid-row: 2;
  margin: 0;
  font-size: 28px;
}

.q-4c article p {
  grid-row: 3;
  margin: 0;
  font-size: 16px;
  line-height: 2;
  text-align: center;
}

.q-4c article img {
  grid-column: 1;
  grid-row: 1 / -1;
  width: 100%;
  margin: 0;
  align-self: center;
}

.q-4c article:nth-of-type(even) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 46%);
}

.q-4c article:nth-of-type(even) h3,
.q-4c article:nth-of-type(even) p {
  grid-column: 1;
}

.q-4c article:nth-of-type(even) img {
  grid-column: 2;
}

.q-4c article img + img {
  grid-row: auto;
  margin-top: 28px;
}
}