@charset "UTF-8";

/* standard.html page-specific styles */
body.standard-page{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;color:#111}
.st-serif{font-family:"Sterling Display","Times New Roman",serif;font-weight:400}
.st-five{font-size:150px;line-height:.75}
.st-intro h2{margin:20px 0 0}
.st-intro h2 small{display:block;font-family:"Yu Mincho",serif;font-size:24px}
.st-nav{background:linear-gradient(90deg,#7ca4c2,#226697);color:#fff}
.st-nav a{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 24px;border-bottom:1px solid #fff;color:inherit;text-decoration:none;font-family:"Yu Mincho",serif;font-size:20px}
.st-nav a:after{content:"";    width: 12px;
    height: 12px;
    border-right: 1px solid;
    border-bottom: 1px solid;transform:rotate(45deg)}
.st-cards{padding:110px 0;overflow-x:clip}
.st-card{max-width:800px;margin:0 auto 120px;text-align:center}
.st-card>img{display:block;width:75%;margin:auto;border-radius:24px}
.st-card h2{margin:42px 0 0}
.st-card h2 small{display:block;margin-top:10px;font-family:"Yu Mincho",serif;font-size:28px}
.st-card p{margin:38px 0;text-align:left;font-size:var(--fs-body);line-height:1.8}
.st-button{display:inline-block;min-width:420px;padding:18px 28px;border:1px solid;border-radius:40px;color:inherit;text-decoration:none;font-size:18px}
.st-brand{position:relative;z-index:0;padding:70px 40px;border-radius:24px}
.st-brand::before{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:min(100vw,1920px);background:url("../../img/renewal/standerd/standard_bg.png") center/cover no-repeat;border-radius:24px;content:"";transform:translateX(-50%)}
.st-brand>img{width:100%}
.st-brand h2{
    font-family: "Yu Mincho", serif;
    font-size: 22px;
    text-align: center;
    margin-top: 50px;
}
.st-brand p{text-align:left}
.st-links{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:75px}
.st-link img{width:100%;border-radius:18px}
.st-link a{position:relative;display:flex;padding:18px 20px 18px 8px;color:inherit;font-family:"Zen Old Mincho",serif;text-decoration:none;align-items:center}
.st-link a::after{content:"";position:absolute;top:50%;right:8px;width:5px;height:5px;border-top:1px solid;border-right:1px solid;transform:translateY(-50%) rotate(45deg)}
.st-contact{padding:100px 0}
.st-shop{padding:80px 0;background:#f7f7f7;text-align:center}
.st-shop h2{font-size:32px}
.st-shop a{display:block;max-width:520px;margin:16px auto;padding:20px;background:#000;border-radius:40px;color:#fff;text-decoration:none}

@media(max-width:767px){
.st-five{font-size:120px}

.st-intro h2 small{font-size:20px}
.st-nav a{min-height:50px;font-size:13px}
.st-cards{padding:95px 0}
.st-card{margin-bottom:105px}
.st-card>img{width:78%}

.st-card h2 small{font-size:20px}
.st-card p{font-size:14px}
.st-button{min-width:0;width:85%;font-size:15px}
.st-brand{padding:30px 25px}
.st-links{gap:16px}
.st-link a{font-size:12px}
.st-contact{padding:90px 0}

}

@media(min-width:768px){
  .st-link a{padding-right:30px;justify-content:center;text-align:center}
  .st-link a::after{right:10px;width:9px;height:9px}
  .st-link-break-sp{display:none}
  .st-nav .st-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:1920px;margin-right:auto;margin-left:auto;padding:0}
  .st-nav a{justify-content:center;gap:14px;min-width:0;min-height:70px;padding:12px 10px;border-right:1px solid rgba(255,255,255,.75);border-bottom:0;text-align:center;font-size:16px;line-height:1.5}
  .st-nav a:last-child{border-right:0}
  .st-nav a:after{flex:0 0 auto;width:8px;height:8px;border-width:0 1px 1px 0}
  .st-cards .about-alternating__item{margin:0;max-width:none;text-align:left}
  .st-cards .about-alternating__item>img{width:100%;margin:0}
  .st-cards .about-alternating__item h2{margin:0 0 24px}
  .st-cards .about-alternating__item p{margin:0 0 30px}
  .st-cards .about-alternating__item .st-button{min-width:0;width:min(100%,420px);text-align:center}
  .st-brand{width:min(calc(100% - 80px),1120px);margin-right:auto;margin-left:auto}
  .st-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
  .st-brand h2{
    font-size: 28px;
    margin-top: 70px;
}
}