/* スマホではPC用の.mvを非表示、スマホ用の.spを表示 */
.stress-lp .st-mv{
  display: none;
}
.stress-lp .st-mv-sp{
  display: block;
  width: 100%;
}

/* PCでは逆にする */
@media screen and (min-width: 768px){
  .stress-lp .st-mv{
    display: block;
    max-width: 1200px;
    margin-inline: auto;
  }
  .stress-lp .st-mv-sp{
    display: none;
  }
}

.stress-lp .read{
  font-weight: bold;
  margin-inline: auto;
  display: flex;
  justify-content: center;
}

.stress-lp .color-orange{
  color: #f5a519;
}

.stress-lp .fs-L{
  font-size: clamp(24px, 4vw, 50px);
  margin: auto 0;
  padding: 1rem 0;
}

.stress-lp .fs-m{
  font-size: clamp(12px, 2vw, 32px);
  font-weight: bold;
  text-align: center;
  padding: 0 30px;
  line-height: 1.2;
}@media screen and (min-width: 768px){
  .stress-lp .read{
    margin-top: 3rem;
  }
  .stress-lp .fs-L{
    padding: 2rem 0;
  }
}

.stress-lp .btn-apply{
  display: block;
  width: 80%;
  aspect-ratio: 527 / 96;
  margin-inline: auto;
  background: url(images/stress-lp/button-1.webp) no-repeat center / contain;
}

.stress-lp .btn-apply-secondary{
  display: block;
  width: 80%;
  aspect-ratio: 527 / 96;
  margin: 20px auto 50px auto;
  background: url(images/stress-lp/button-2.webp) no-repeat center / contain;
}
@media screen and (min-width: 768px){
  .stress-lp .btn-apply{
    display: block;
    width: 27%;
    max-width: 527px;
    aspect-ratio: 527 / 96;
    margin-inline: auto;
    background: url(images/stress-lp/button-1.webp) no-repeat center / contain;
  }
  
  .stress-lp .btn-apply-secondary{
    display: block;
    width: 27%;
    max-width: 527px;
    aspect-ratio: 527 / 96;
    margin: 20px auto 50px auto;
    background: url(images/stress-lp/button-2.webp) no-repeat center / contain;
  }
}

.stress-lp .sec-wrap{
  position: relative;
}
.stress-lp .botton{
  display: block;
  position: sticky;
  top: 5%;
  margin-inline: auto;
  width: 80%;
  aspect-ratio: 527 / 96;
  background: url(images/stress-lp/button-1.webp) no-repeat center / contain;
}
@media screen and (min-width: 768px){
  .stress-lp .botton{
    width: 25%;
    max-width: 527px;
    top: 10%;
    left: 80%;
  }
}
.stress-lp .section--problem{
  box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.4);
  width: 100%;
  padding-block: clamp(40px, 10vw, 120px);
  padding-bottom: 29vw;
  background: url(images/stress-lp/bg-sec2-sp_1.webp) no-repeat bottom center / cover;
}

.stress-lp .section--body{
  width: 94.8%;
  max-width: 711px;
  aspect-ratio: 711 / 1822;
  margin-inline: auto;
  background: url(images/stress-lp/content2-sp.webp) no-repeat bottom center / contain;
}
@media screen and (min-width: 768px){ 
  .stress-lp .section--problem{
    padding-bottom: 10vw;
    background: url(images/stress-lp/bg-sec2.webp) no-repeat bottom center / cover;
  }
  .stress-lp .section--body{
    width: 50%;
    max-width: 964px;
    aspect-ratio: 964 / 1234;
    background: url(images/stress-lp/content2.webp) no-repeat bottom center / contain;
  }
}

.stress-lp .section--solution{
  width: 100%;
  padding-block: clamp(40px, 10vw, 120px);
  background: url(images/stress-lp/bg-sec3.webp) no-repeat bottom center / cover;
}

.stress-lp .section--solution--head{
  width: 80%;
  aspect-ratio: 780 / 277.5;
  background: url(images/stress-lp/sec3-head_1.webp) no-repeat center / contain;
  margin-inline: auto;
}

.stress-lp .section--solution--body{
  width: 90%;
  aspect-ratio: 992 / 2368;
  background: url(images/stress-lp/sec3-body.webp) no-repeat center / contain;
  margin-inline: auto;
}
@media screen and (min-width: 768px){
  .stress-lp .section--solution--head{
    width: 41%;
  }
  
  .stress-lp .section--solution--body{
    width: 50%;
  }
}

.stress-lp .section--reasons{
  width: 100%;
  padding-block: clamp(40px, 10vw, 120px);
  background: url(images/stress-lp/bg-sec4.webp) no-repeat bottom center / cover;
}

.stress-lp .section--reasons--head{
  width: 80%;
  aspect-ratio: 1832 / 583;
  background: url(images/stress-lp/content4.webp) no-repeat center / contain;
  margin-inline: auto;
}

.stress-lp .section--reasons--body{
  width: 99%;
  aspect-ratio: 1898 / 1238;
  background: url(images/stress-lp/content4-1.webp) no-repeat center / contain;
  margin: 40px auto;
}
@media screen and (min-width: 768px){
  .stress-lp .section--reasons--head{
    width: 50%;
  }
  
  .stress-lp .section--reasons--body{
    width: 50%;
  }
}

.stress-lp .section--plan-sp{
  display: block;
  width: 90%;
  aspect-ratio: 720 / 1572;
  background: url(images/stress-lp/content5-sp.webp) no-repeat center / contain;
  margin: 50px auto;
}
.stress-lp .section--plan{
  display: none;
}
@media screen and (min-width: 768px){
  .stress-lp .section--plan-sp{
    display: none;
  }
  .stress-lp .section--plan{
    display: block;
    width: 50%;
    aspect-ratio: 2000 / 5725;
    background: url(images/stress-lp/content5.webp) no-repeat center / contain;
    margin: 50px auto;
  }
}

/* .section--cases{
} .stress-lp */

.section--cases--head{
  width: 100%;
  padding-block: clamp(20px, 10vw, 60px);
  background: url(images/stress-lp/bg-sec6.webp) no-repeat bottom center / cover;
}

.stress-lp .section--cases--head--ttl{
  width: 90%;
  aspect-ratio: 1790 / 335;
  margin-inline: auto;
  background: url(images/stress-lp/sec6-ttl.webp) no-repeat center / contain;
}
@media screen and (min-width: 768px){
  .stress-lp .section--cases--head--ttl{
    width: 50%;
  }
}

.stress-lp .section--cases--body{
  width: 100%;
  padding-block: clamp(20px, 10vw, 40px);
  background: url(images/stress-lp/bg-sec7-sp.webp) no-repeat center / cover;
}

.stress-lp .section--cases--body--ct{
  width: 90%;
  aspect-ratio: 683 / 2613;
  margin-inline: auto;
  background: url(images/stress-lp/content7-sp.webp) no-repeat center / contain;
}
@media screen and (min-width: 768px){
  .stress-lp .section--cases--body{
    background: url(images/stress-lp/bg-sec7.webp) no-repeat center / cover;
  }
  .stress-lp .section--cases--body--ct{
    width: 50%;
    aspect-ratio: 1969 / 7456;
    background: url(images/stress-lp/content7.webp) no-repeat center / contain;
  }
}

.stress-lp .osaka-info{
  width: 100%;
  margin-block: clamp(20px, 10vw, 40px);
  aspect-ratio: 1936 / 673;
  margin-inline: auto;
  background: url(images/stress-lp/sec8.webp) no-repeat center / contain;
}


.stress-lp .section--start{
  width: 90%;
  aspect-ratio: 1785 / 579;
  background: url(images/stress-lp/sec9.webp) no-repeat center / contain;
  margin-inline: auto; 
}
@media screen and (min-width: 768px){
  .stress-lp .osaka-info{
    width: 50%;
  }
  .stress-lp .section--start{
    width: 50%;
  }
}

.stress-lp .section--qa{
  width: 100%;
  padding-block: clamp(60px, 10vw, 150px);
  padding-bottom: 23vw;
  background: url(images/stress-lp/bg-qa.webp) no-repeat bottom / contain;
}

.stress-lp .section--qa--body{
  width: 80%;
  aspect-ratio: 631 / 1965;
  background: url(images/stress-lp/content-qa-sp.webp) no-repeat center / contain;
  margin-inline: auto; 
}
@media screen and (min-width: 768px){
  .stress-lp .section--qa--body{
    width: 40%;
    background: url(images/stress-lp/content-qa.webp) no-repeat center / contain;
  }
}

.stress-lp .form{
  width: 100%;
  padding-block: clamp(30px, 10vw, 60px);
  background: linear-gradient(#39a9dd, #0086cb, #39a9dd);
}

.stress-lp .form--ttl{
  color: #fff;
  font-size: clamp(16px, 5vw, 40px);
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}

.stress-lp .form--contaner{
  width: 95%;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 0;
  margin-inline: auto;
}

.stress-lp .form--inner{
  width: 95%;
  margin-inline: auto;
}
@media screen and (min-width: 768px){
  .stress-lp .form--inner{
    width: 50%;
  }
}

.stress-lp .header-logo{
    position: absolute;
    top: 0;
    left: 30px;
}
.stress-lp .header-logo a{
    display: block;
    width: fit-content;
}
.stress-lp .header-logo a span{
    display: block;
}
.stress-lp .header-logo a:hover{
	opacity: 0.5;
	transition: 0.3s;
}
@media screen and (max-width: 768px){
.stress-lp .header-logo{
        position: relative;
        width: fit-content;
        text-align: center;
        top: 0;
        left: 50%;
        transform: translate(-50%);
    }
}
.stress-lp figure{margin-block-start:0}.stress-lp figure img{display:block;width:100%;height:auto}.stress-lp figure[class]{background-image:none;aspect-ratio:auto}.stress-lp .header-logo{position:static;transform:none;margin:20px 30px}.stress-lp .stress-back-link{text-align:center}.stress-lp .form input,.stress-lp .form textarea{max-width:100%;box-sizing:border-box}
.stress-lp .stress-lp-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Match the original LP's logo and service-list links. */
.stress-lp{position:relative}
.stress-lp .header-logo{position:absolute;top:0;left:30px;z-index:2;margin:0;padding:16px 0;width:240px;max-width:calc(100% - 60px);transform:none}
.stress-lp .header-logo .stress-brand-logo{width:100%;margin:0}
.stress-lp .header-logo p{margin:8px 0 0;font-size:1rem;line-height:1.6}
.stress-lp .header-logo a{color:#0274be;text-decoration:none}
.stress-lp .header-logo a:focus-visible{outline:3px solid #f5a519;outline-offset:4px}
.stress-lp .stress-back-link{margin:30px auto;text-align:center;padding-inline:20px}
@media(max-width:768px){.stress-lp .header-logo{position:relative;left:auto;top:auto;margin-inline:auto;text-align:center;padding:20px 0;max-width:calc(100% - 40px)}.stress-lp .header-logo a{margin-inline:auto}}
.stress-lp .stress-copyright{margin:0;padding:20px 24px 90px;text-align:center;font-size:.8125rem;line-height:1.8;color:#526571}
.stress-lp .stress-to-top{position:fixed;right:24px;bottom:24px;z-index:10;margin:0;font-size:.875rem}
.stress-lp .stress-to-top a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:8px;background:#0274be;color:#fff;text-decoration:none;box-shadow:0 4px 16px rgb(24 51 67 / 18%)}
.stress-lp .stress-to-top a:hover{background:#005d99}
.stress-lp .stress-to-top a:focus-visible{outline:3px solid #f5a519;outline-offset:4px}
.editor-styles-wrapper .stress-lp .stress-to-top{position:static;text-align:right}
@media(max-width:600px){.stress-lp .stress-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
/* Original Astra scroll-to-top appearance: compact blue button with white chevron. */
.stress-lp .stress-to-top{right:30px;bottom:90px;font-size:18px}
.stress-lp .stress-to-top a{width:38px;height:38px;min-height:38px;padding:0;border-radius:18px;background:#046bd2;box-shadow:none}
.stress-lp .stress-to-top a span{font-size:0;display:block;width:13px;height:13px;border-top:3px solid #fff;border-left:3px solid #fff;transform:translateY(3px) rotate(45deg)}
.stress-lp .stress-to-top a:hover{background:#045cb4}
@media(max-width:600px){.stress-lp .stress-to-top{right:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px))}}
.stress-lp .stress-course-guidance{box-sizing:border-box;max-width:760px;width:calc(100% - 48px);margin:40px auto;padding:28px 32px;background:#edf5f8;border-left:4px solid #39a9dd;border-radius:8px}
.stress-lp .stress-course-guidance h2{font-size:1.375rem;line-height:1.6;margin:0 0 16px;color:#183343}
.stress-lp .stress-course-guidance p{font-size:1rem;line-height:1.9;margin:0 0 16px}
.stress-lp .stress-course-guidance p:last-child{margin:0}
@media(max-width:600px){.stress-lp .stress-course-guidance{width:calc(100% - 40px);padding:24px 20px}.stress-lp .stress-course-guidance h2{font-size:1.25rem}}