@charset "shift_jis";


/*
================================================
制作：FPサービス
http://www.doctorsupportnet.jp/
================================================*/

.page{max-width:1100px;margin:auto;padding:45px 28px 70px}
.hero{background:linear-gradient(110deg,#f7fbf6,#eef8f1);border-radius:18px;padding:38px 50px;margin-bottom:28px}
.hero-inner{display:block}
.hero-content{max-width:760px;margin:0 auto;text-align:center}
h1{margin:0;color:#07853b;font-size:48px;line-height:1.2}
.intro{font-size:18px;line-height:1.8}
.qr-row{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:20px}
.qr{width:190px;height:190px;background:#fff;border:12px solid #fff;box-shadow:0 2px 10px #0001;display:grid;place-items:center}
.guide {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  line-height: 1.65;
  text-align: left;
}
.sp-icon{position:relative;width:28px;height:46px;border:3px solid #81786d;border-radius:6px;flex:none}
.sp-icon:after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;background:#81786d;border-radius:50%;transform:translateX(-50%)}
.section{background:#f4faf6;border-radius:18px;padding:30px 38px;margin:22px 0}
h2{margin:0 0 8px;color:#07853b;font-size:28px}
.section>p{margin-top:6px}
.info{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#fff;padding:24px 34px;border-radius:12px;margin-top:18px}
.info li{margin:13px 0;font-weight:600}
.info small{display:block;font-weight:400;line-height:1.6;margin-top:3px}
.times{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.time{background:#fff;border-radius:12px;padding:20px 28px;text-align:center}
.time p{margin:0 0 3px;font-weight:600}
.time strong{font-size:30px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.step{position:relative;background:#fff;border-radius:12px;padding:40px 20px 24px;text-align:center;min-height:110px}
.label{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#5aa63c;color:#fff;border-radius:7px;padding:7px 32px;font-weight:700;white-space:nowrap}
.step h3 {
  font-size: 19px;
  line-height: 1.55;
  margin: 15px 0 25px;
}
.step p {
  font-size: 14px;
  line-height: 1.7;
  color: #555;
  margin: 0;
}
.consult-time__lead{margin:8px 0 14px;font-size:14px;font-weight:400;line-height:1.7}
.consult-time__list{display:flex;gap:10px;margin-top:8px}
.consult-time__item{display:flex;align-items:center;gap:10px;width:50%;padding:12px;background:#f7faf7;border:1px solid #dce9dc;border-radius:8px}
.consult-time__label{display:block;font-size:13px;font-weight:600}
.consult-time__hour{display:block;margin-top:2px;font-size:17px;white-space:nowrap}
.sun-icon{position:relative;width:20px;height:20px;margin:5px;background:#e9a43b;border-radius:50%;flex:none;box-shadow:0 -10px 0 -7px #e9a43b,0 10px 0 -7px #e9a43b,10px 0 0 -7px #e9a43b,-10px 0 0 -7px #e9a43b,7px 7px 0 -7px #e9a43b,-7px 7px 0 -7px #e9a43b,7px -7px 0 -7px #e9a43b,-7px -7px 0 -7px #e9a43b}
.moon-icon{position:relative;width:25px;height:25px;background:#5577a8;border-radius:50%;flex:none;overflow:hidden}
.moon-icon:after{content:"";position:absolute;top:-3px;left:8px;width:24px;height:24px;background:#f7faf7;border-radius:50%}
.consult-time__example{margin:12px 0 0;padding:8px 10px;background:#fff;border-radius:5px;font-size:13px;font-weight:400;line-height:1.6}
.consult-time__example span{display:inline-block;margin-right:7px;padding:2px 7px;background:#638d42;border-radius:3px;color:#fff;font-size:12px}
@media(max-width:700px){
.page{padding:20px 14px}.hero{padding:28px 22px}.hero-inner{display:block}
h1{font-size:36px}.qr-row{display:block}.qr{margin:20px auto}.guide{justify-content:center}
.info,.times,.steps{grid-template-columns:1fr}.consult-time__list{display:block}.consult-time__item{width:100%;margin-bottom:8px}.section{padding:25px 20px}
}