html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;color:#565656;line-height:1.8181818182;text-size-adjust:100%;word-break:break-word;overflow-wrap:break-word;font-weight:normal;box-sizing:border-box;letter-spacing:.05em;scroll-behavior:smooth}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,hr{margin:0}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,button,div,span,a,dl,dt,dd,section,header,footer,nav{box-sizing:border-box}
body,fieldset{margin:0;padding:0}
body:has(dialog[open]),fieldset:has(dialog[open]){overflow:hidden}
fieldset,legend{border:none;padding-inline:0;padding-block:0;margin-inline:0}
ul[role=list],ol[role=list]{list-style:none}
button,dialog{padding:0;margin:0}
dialog{border:0}
ul,ol{padding:0;margin:0;list-style:none}
address{font-style:normal}
h1,h2,h3,h4,h5,h6{text-wrap:pretty}
button{touch-action:manipulation;user-select:none;-webkit-user-select:none}
a{user-select:none;-webkit-user-select:none;text-decoration:none}
a:not([class]){text-decoration-skip-ink:auto}
img,picture{display:block}
input,button,textarea,select{font:inherit}
em{font-style:normal;font-weight:bold}
body{container-name:body;container-type:inline-size;font-family:"Open Sans","Arial","メイリオ","Meiryo",sans-serif}

.headline2{color:#1b97b1;text-align:center;line-height:1.2}
.headline2__style02{font-size:3.5rem}
@media(width < 768px){.headline2__style02{font-size:2.8rem}}

.headline2__style02>span{
  display:inline-block;
  background-color:#1b97b1;
  color:#fff;
  margin-left:12px;
  border-radius:5px;
  padding:7.5px 10px;
  white-space: nowrap;
}

@media(width < 768px){
  .headline2__style02>span{
    display:inline-block;   /* block をやめる */
    width:auto;             /* fit-content も不要 */
    margin:0 0 0 8px;       /* 左に少し余白だけ */
    padding:7px 12.5px;
    white-space: nowrap;
  }
}
.headline2__style03{position:relative;font-size:4.5rem}
@media(width < 768px){.headline2__style03{font-size:3rem;line-height:1.4}}
.headline2__style03::after{content:"";display:block;width:99px;height:5px;background-image:linear-gradient(to right, #1b97b1 0%, #1b97b1 49%, #1b97b1 50%, #f0be55 51%, #f0be55 52%, #f0be55 99%, #f0be55 100%);margin:20px auto 0}
@media(width < 768px){.headline2__style03::after{margin-top:14px}}

.headline3{text-align:center;color:#fff;line-height:1.2}
.headline3__style01{font-size:3.5rem;width:100%;background-color:#4cb1c1;padding:19px 25px;border-radius:10px}
@media(width < 768px){.headline3__style01{font-size:2.2rem;border-radius:5px;padding:16.8px 25px}}

@media(width < 768px){.pc-only{display:none}}
.sp-only{display:none}
@media(width < 768px){.sp-only{display:block}}

.anim-opacity{transition:opacity .4s ease-out}
.anim-opacity:is(:hover){opacity:.8}

.c-blue02{color:#1b97b1}
.c-red{color:#d87477}
.under-line{background-image:linear-gradient(to bottom, transparent 0%, transparent calc(100% - 11px), #ffff7f calc(100% - 10px), #ffff7f 100%);padding-bottom:4px}
.bold{font-weight:bold}

.header{width:100%;background-color:#fff;padding:13px 40px}
@media(width < 768px){.header{padding:19px 0 0 0}}
.header__wrap{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin-inline:auto}
@media(width < 768px){.header__wrap{display:block}}
.header__logo{margin-right:90px;width:fit-content}
@media(width < 768px){.header__logo{width:177px;margin:0 0 19px 10px}}
.header__logo>a{display:block;width:100%;height:100%}
@media(width < 768px){.header__logo>a>img{width:100%;height:auto}}
.header__container{display:flex;gap:0 19px;align-items:center}
@media(width < 768px){.header__container{background-color:#565656;justify-content:center;padding:6px 10px}}
.header__button{display:block;color:#fff;background-color:#6e6e6e;border-radius:3px;font-size:1.6rem;line-height:1.5;padding:5px 22px}

.fv{width:100%;background:linear-gradient(to bottom, #d6e9ed 0%, #d6e9ed 53.7254901961%, #d6e9ed 53.9215686275%, #fff 54.1176470588%, #fff 55.4%, #fff 91.8%, #fff 92%, #d6e9ed 92.2%, #d6e9ed 99.9%, #d6e9ed 100%);padding:34px 56px 17px}
@media(width < 768px){.fv{background:#d6e9ed;padding:36px 0 26px}}
.fv__wrap{max-width:1200px;margin-inline:auto}
.fv__contents{max-width:fit-content}
@media(width < 768px){.fv__contents{width:100%}}
.fv__img>img{width:100%;height:auto}

.question{
  background-color:#eaf3f4;
}

.question__wrap{
  max-width:1100px;
  margin:0 auto;
  padding:56px 56px 0;
}

.question__title{
  margin-bottom:32px;
}

.question__img{
  border-radius:10px;
}

.question__img img{
  width:100%;
  height:auto;
}

@media(width < 768px){

  .question__wrap{
    max-width:100%;
    padding:36px 10px 0;
  }

  .question__title{
    margin-bottom:24px;
  }

}


.service{padding:98px 56px 88px;background-color:#eaf3f4}
@media(width < 768px){.service{padding:54px 10px 50px}}
.service__list{background-color:#fff;max-width:1100px;border-radius:10px;margin:53px auto 0;padding:48px 50px 65px}
@media(width < 768px){.service__list{margin:30px 0 0 0;padding:30px 12.5px 40px;border-radius:0}}
.service__item{container-type:inline-size;container-name:serviceList}
.service__item:nth-child(2){margin-top:43px}
.service__item:not(:first-child,:nth-child(2)){margin-top:50px}
@media(width < 768px){.service__item:not(:first-child){margin-top:40px}}
.service__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:39px 0 0 42px}
@container serviceList (width < 750px){.service__inner{padding-left:0}}
@media(width < 768px){.service__inner{padding:22px 0 0;gap:30px}}
.service__inner--gap0{gap:0}
@media(width < 768px){.service__inner--gap0{padding:22px 0 0;gap:30px}}
.service__text{position:relative;flex:1 0 240px;max-width:490px;font-size:2.2rem;line-height:1.8181818182}
@container serviceList (width < 750px){.service__text{text-indent:0}}
@media(width < 768px){.service__text{line-height:1.9;font-size:1.7rem;text-indent:0}}
.service__text--w-sm{max-width:460px}
.service__text--w-vsm{max-width:440px}
@container serviceList (width < 750px){.service__text{max-width:100%}}
@container serviceList (width < 750px){.service__img{width:100%;max-width:100%}}
@container serviceList (width < 750px){.service__img>img{width:100%;height:auto}}

.conditions{padding-block:95px 63px;padding-inline:56px}
@media(width < 768px){.conditions{padding:54px 17.5px 40px}}
.conditions__list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;row-gap:30px;margin:56px auto 0;max-width:890px}
@media(width < 768px){.conditions__list{margin:20px 0 0 0;gap:16px;justify-content:center}}
.conditions__item{width:clamp(300px,44.9438202247%,400px)}
@media(width < 768px){.conditions__item{width:clamp(260px,100%,600px)}}
.conditions__term{font-size:3rem;line-height:1.2;font-weight:bold;color:#fff;text-align:center;padding:10px 15px;border-radius:calc(infinity*1px)}
@media(width < 768px){.conditions__term{font-size:2.6rem;padding:8px 12px}}
.conditions__term--doctor{background-color:#1b97b1}
.conditions__term--patient{background-color:#f0be55}
.conditions__description{margin-top:14px}
@media(width < 768px){.conditions__description{margin-top:12px}}
.conditions__description__inner{padding:24px 20px 30px;border-radius:5px}
@media(width < 768px){.conditions__description__inner{padding:20px 17px 25px}}
.conditions__description__inner--doctor{background-color:#eefafc}
.conditions__description__inner--patient{background-color:#fdfbe9}
.conditions__img{width:fit-content;margin-inline:auto}
.conditions__img--doctor{max-width:270px}
@media(width < 768px){.conditions__img--doctor{width:90%;max-width:100%}}
.conditions__img>img{width:100%;height:auto}
.conditions__text{text-align:center;font-size:2.6rem;line-height:1.3846153846}
@media(width < 768px){.conditions__text{font-size:2.2rem;line-height:1.3636363636}}
.conditions__text--doctor{margin-top:10px}
.conditions__text--patient{margin-top:25px}
@media(width < 768px){.conditions__text--patient{margin-top:20px}}
.conditions__caption{font-size:1.6rem;font-weight:bold;text-align:center;margin-top:.44em}
@media(width < 768px){.conditions__caption{font-size:1.4rem;margin-top:.35em}}

.flow{padding:80px 56px 114px}
@media(width < 768px){.flow{padding:54px 0 59px}}
.flow__wrap{max-width:1000px;margin-inline:auto;margin-top:38px}
@media(width < 768px){.flow__wrap{margin-top:30px}}
.flow__container{background-color:#d6e9ed;padding:36px 41px 33px 89px}
@media(width < 768px){.flow__container{padding:33px 16px 19px}}
.flow__img>img{width:100%;height:auto}
.flow__catch{font-size:3.6rem;font-weight:bold;line-height:1.6666666667;color:#6e6e6e;text-align:center;margin-top:50px}
@media(width < 768px){.flow__catch{font-size:2.2rem;line-height:1.8181818182;margin-top:28px}}
.flow__list{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:27.5px;justify-content:center;align-items:center}
@media(width < 768px){.flow__list{margin-top:19px;padding-inline:17.5px;gap:23px}}
.flow__item{border-radius:5px}
.flow__item>img{width:100%;height:auto}

.q-a{padding-inline:56px;padding-bottom:128px}
@media(width < 768px){.q-a{padding-inline:10px;padding-bottom:50px}}
.q-a__list{width:100%;max-width:1000px;margin:42px auto 0}
@media(width < 768px){.q-a__list{margin:24px 0 0 0}}
.q-a__item{border-radius:10px;border:5px solid #1b97b1;overflow:clip}
.q-a__item:not(:first-child){margin-top:20px}
@media(width < 768px){.q-a__item:not(:first-child){margin-top:15px}}
.accordion__title{cursor:pointer;position:relative;font-size:2.2rem;line-height:1.7777777778;font-weight:bold;color:#6e6e6e;padding:12.5px 50px 12.5px calc(22px + 1.5em);text-indent:-1.5em;list-style:none;background-color:#fcf9db}
@media(width < 768px){.accordion__title{font-size:1.8rem;text-indent:-1.4em;padding:16px 35px 16px calc(14px + 1.5em)}}
.accordion__title::-webkit-details-marker{display:none}
.accordion__open-icon{position:absolute;display:grid;place-items:center;width:25px;height:25px;background-color:#1b97b1;border-radius:50%;padding:7px;top:20px;right:14px}
@media(width < 768px){.accordion__open-icon{width:20px;height:20px;padding:5px;top:50%;right:12px;transform:translateY(-50%)}}
.accordion__plus-bar{position:relative;display:block;width:100%;height:100%}
.accordion__plus-bar>span{position:absolute;background-color:#fff;transition:rotate .2s ease-out}
.accordion__plus-bar>span:first-child{width:11px;height:3px;top:50%;left:0;transform:translateY(-50%)}
@media(width < 768px){.accordion__plus-bar>span:first-child{width:10px;height:2px}}
.accordion__plus-bar>span:last-child{width:3px;height:11px;transform-origin:center;top:0;left:4px}
@media(width < 768px){.accordion__plus-bar>span:last-child{width:2px;height:10px}}
.accordion__plus-bar.open span:last-child{rotate:90deg}
.accordion__inner{overflow:clip}
.accordion__answer{font-size:2rem;line-height:1.7777777778;text-indent:-1.5em;padding:16px 50px 19px calc(22px + 1.5em)}
@media(width < 768px){.accordion__answer{font-size:1.8rem;text-indent:-1.4em;padding:14px 35px 14px calc(14px + 1.5em)}}

.button-group{background-color:#d6e9ed;padding:50px 56px;container-type:inline-size;container-name:buttonGroup}
@media(width < 768px){.button-group{padding:50px 12.5px}}
.button-group__wrap{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(auto-fit, minmax(352px, 1fr));gap:20px 40px;margin-inline:auto;max-width:940px}
@media(width < 768px){
  .button-group__wrap{grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:20px;width:100%}
  @container buttonGroup (539px < width < 768px){
    .button-group__wrap{grid-template-columns:repeat(auto-fit, minmax(352px, 1fr))}
  }
}
.button-group__button{cursor:pointer;display:block;border-radius:5px;padding:8px}
.button-group__button--date{background-color:#d87477}
.button-group__button--contact{background-color:#1b97b1}
.button-group__button>span{display:block;padding:22.5px 30.5px;border:5px solid #fff;border-radius:5px;font-size:2.6rem;color:#fff;line-height:1.5;text-align:center}
@media(width < 768px){.button-group__button>span{padding:17.5px 25px}}

.footer{background-color:#1d1d1d;padding:46px 56px;container-type:inline-size;container-name:footer}
@media(width < 768px){.footer{padding:26px 10px 16px}}
.footer__wrap{display:flex;justify-content:space-between;max-width:1364px;margin-inline:auto}
@container footer (width < 678px){.footer__wrap{display:block}}
@media(width < 768px){.footer__wrap{flex-wrap:wrap}}
.footer__list{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-left:15px}
@container footer (width < 678px){.footer__list{display:block}}
@media(width < 768px){.footer__list{display:block;padding-left:0}}
@media(width < 768px){.footer__item:not(:first-child){margin-top:8px}}
.footer__link{cursor:pointer;position:relative;font-size:1.8rem;color:#fff;word-break:keep-all}
@media(width < 768px){.footer__link{font-size:1.4rem}}
.footer__link::before{content:">";display:inline-block;margin-right:2px}
@media(width < 768px){.footer__link::before{margin-right:1px}}
.footer__copylight{flex:none;color:#fff}
@container footer (width < 678px){.footer__copylight{margin-top:40px;text-align:center}}
@media(width < 768px){.footer__copylight{text-align:center}}
.footer__copylight>small{font-size:1.8rem}
@media(width < 768px){.footer__copylight>small{font-size:1.4rem}}

/* LINE公式との違い */
.diff3{
  margin-top: 22px;
  padding: 70px 56px;
  background-color: #fff;
}

.diff3__wrap{
  max-width: 1000px;
  margin-inline: auto;
  background-color: #fff;
  border: 5px solid #41a8be;
  border-radius: 10px;
  padding: 40px 34px 38px;
}

@media (width < 768px){
  .diff3{
    padding: 50px 10px;
  }

  .diff3__wrap{
    padding: 28px 13px 28px;
  }
}

.diff3__lead{
  margin-top: 16px;
  text-align: left;
  font-size: 2.5rem;
  line-height: 2.0;
  color: #565656;
  font-weight: 700;
  letter-spacing: .02em;
  line-break: strict;
  word-break: keep-all;
}

@media (width < 768px){
  .diff3__lead{
    margin-top: 12px;
    font-size: 1.9rem;
    text-align:left;

    line-break: auto;
    word-break: normal;
  }
}

.diff3__list{
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

@media (width < 768px){
  .diff3__list{
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.diff3__item{
  background: #eaf3f4;
  border: 2px solid #d6e9ed;
  border-radius: 10px;
  padding: 24px 14px 22px;
  display: flex;
  flex-direction: column;
  min-height: auto;
}

@media (width < 768px){
  .diff3__item{
    min-height: auto;
    padding: 26px 18px 22px;
  }
}

.diff3__head{
  text-align: center;
  
}

.diff3__head span{
  padding: 6px 12px;
  color: #1b97b1;
  font-size: 2.2rem;
  font-weight: 700;
  border-radius: 8px;
  letter-spacing: .02em;
}

@media (width < 768px){
  .diff3__head span{
    font-size: 2.5rem;
    padding: 6px 14px;
	white-space:nowrap;
  }
}

.diff3__points{
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: left;
  max-width: none;
}

.diff3__points li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
  font-size: 1.9rem;
  line-height: 1.7;
  color: #565656;
  font-weight: 700;
}

.diff3__points li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #1b97b1;
  font-weight: 900;
  font-size: 1.8rem;
}
.diff3__title{
  max-width: 1000px;
  margin: 0 auto 28px;
  text-align: center;
  font-size: 4.2rem;
}

@media (width < 768px){
  .diff3__title{
    font-size: 2.8rem;
    margin-bottom: 18px;
  }

  .diff3__title::after{
    margin-top: 14px;
  }
}

.diff3__title::after{
  content: "";
  display: block;
  width: 99px;
  height: 5px;
  margin: 20px auto 0;
  background-image: linear-gradient(
    to right,
    #1b97b1 0%,
    #1b97b1 49%,
    #1b97b1 50%,
    #f0be55 51%,
    #f0be55 52%,
    #f0be55 99%,
    #f0be55 100%
  );
}

/* 資料セクション（色ありに戻す） */
.download{
  padding: 0;
  background: #eaf3f4;
  margin-top: 28px;
}

.download__wrap{
  max-width: 1000px;
  margin-inline: auto;
  background-color: #fcf9db;
  border: 5px solid #41a8be;
  border-radius: 10px;
  padding: 36px 34px 34px;
}

@media (width < 768px){
  .download__wrap{
    padding: 24px 13px 24px;
  }
}

.download__content{
  margin-top: 26px;
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 32px;
  align-items: center;
}

@media (width < 768px){
  .download__content{
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 18px;
  }
}

.download__image{
  display: flex;
  justify-content: center;
}

.download__mock{
  width: 100%;
  max-width: 300px;
  background: #ffffff;
  border: 2px solid #d6e9ed;
  border-radius: 10px;
  overflow: hidden;
}

.download__mock-head{
  height: 18px;
  background: #1b97b1;
}

.download__mock-body{
  padding: 18px 16px;
}

.download__mock-body p{
  font-size: 1.3rem;
  line-height: 1.7;
  color: #565656;
  font-weight: 700;
}

.download__mock-body p + p{
  margin-top: 6px;
}

.download__text{
  text-align: left;
}

@media (width < 768px){
  .download__text{
    text-align: center;
  }
}

.download__lead{
  font-size: 1.9rem;
  line-height: 1.8;
  font-weight: 700;
  color: #565656;
}

@media (width < 768px){
  .download__lead{
    font-size: 1.6rem;
  }
}

.download__list{
  margin-top: 18px;
  padding: 0;
  list-style: none;
}

.download__list li{
  position: relative;
  padding-left: 24px;
  font-size: 1.7rem;
  line-height: 1.9;
  font-weight: 700;
  color: #565656;
}

.download__list li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #1b97b1;
  font-weight: 900;
}

@media (width < 768px){
  .download__list{
    display: inline-block;
    text-align: left;
  }

  .download__list li{
    font-size: 1.6rem;
  }
}
/* LINE公式アカウントとの違い 画像 */

.diff3__img{
  text-align:center;
  margin:18px 0 16px;

}

.diff3__img img{
  max-width:240px;
  height:auto;
  display:inline-block;
}

/* =========================
資料誘導ポップ
========================= */

.doc-guide{
  padding: 42px 0 28px;
  text-align: center;
  background: #eaf3f4;
  border-top: 1px solid #c9d9de;
  margin-top: 32px;
}

@media (width < 768px){
  .doc-guide{
    padding: 32px 0 22px;
    margin-top: 24px;
  }
}

.doc-guide__inner{
  max-width: 760px;
  margin: 0 auto;
  padding: 0 20px;
}

.doc-guide__sub{
  display: inline-block;
  padding: 6px 14px;
  background: #fff;
  border-radius: 999px;
  font-size: 2.0rem;
  line-height: 1.2;
  font-weight: 700;
  color: #1b97b1;
}

.doc-guide__title{
  margin-top: 14px;
  font-size: 4rem;
  line-height: 1.35;
  font-weight: 700;
  color: #565656;
}

@media (width < 768px){
  .doc-guide__title{
    font-size: 2.8rem;
    margin-top: 12px;
  }
}

.doc-guide__lead{
  margin-top: 14px;
  font-size: 3.0rem;
  line-height: 1.8;
  font-weight: 700;
  color: #565656;
}

@media (width < 768px){
  .doc-guide__lead{
    font-size: 1.7rem;
  }
}

.doc-guide__list{
  margin-top: 18px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

@media (width < 768px){
  .doc-guide__list{
    margin-top: 18px;
    gap: 8px;
  }
}

.doc-guide__list li{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  padding: 12px 20px;
  background: #fff;
  border-radius: 999px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 700;
  color: #565656;
  box-shadow: 0 3px 0 rgba(65,168,190,.18);
}

.doc-guide__list li::before{
  content: "✓";
  margin-right: 8px;
  color: #1b97b1;
  font-weight: 900;
}

@media (width < 768px){
  .doc-guide__list li{
    min-width: auto;
    width: 100%;
    font-size: 1.7rem;
    padding: 11px 14px;
  }
}

.doc-guide__arrow{
  margin-top: 20px;
  font-size: 3.2rem;
  line-height: 1;
  color: #1b97b1;
  animation: docGuideBounce 1.6s infinite;
}

@keyframes docGuideBounce{
  0%, 100%{ transform: translateY(0); }
  50%{ transform: translateY(6px); }
}



.service__lead{
  margin-top: 18px;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 700;
  color: #565656;
}

@media (width < 768px){
  .service__lead{
    margin-top: 12px;
    font-size: 1.6rem;
  }
}
.c-green{
  color: #06c755;
}

/* =========================
   Mobile stability fixes
========================= */
html, body {
  overflow-x: clip;
}

img {
  max-width: 100%;
  height: auto;
}

picture {
  max-width: 100%;
}

.button-group__wrap {
  width: 100%;
}

.header__button,
.button-group__button {
  text-align: center;
}

.diff3__lead,
.doc-guide__lead,
.service__text,
.accordion__title,
.accordion__answer {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (width < 768px) {
  .header {
    padding: 12px 0 0;
  }

  .header__wrap {
    padding-inline: 10px;
  }

  .header__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 10px;
  }

  .header__button {
    width: 100%;
    padding: 10px 14px;
    font-size: 1.5rem;
  }

  .fv__wrap {
    padding-inline: 10px;
  }

  .question__solution,
  .doc-guide,
  .flow,
  .q-a,
  .service,
  .conditions,
  .button-group {
    overflow-x: clip;
  }

  .diff3__wrap,
  .service__list {
    overflow: hidden;
  }

  .diff3__lead {
    line-height: 1.7;
    letter-spacing: 0;
  }

  .diff3__points li {
    font-size: 2.0rem;
    line-height: 1.7;
  }

  .doc-guide__inner {
    padding-inline: 10px;
  }

  .doc-guide__sub {
    font-size: 1.8rem;
  }

  .doc-guide__lead {
    line-height: 1.6;
  }

  .service__text {
    font-size: 1.8rem;
    line-height: 1.8;
  }

  .service__img,
  .service__img img,
  .flow__img,
  .flow__img img {
    width: 100%;
    height: auto;
  }

  .conditions__text {
    font-size: 2rem;
  }

  .accordion__title,
  .accordion__answer {
    line-height: 1.65;
  }

  .button-group__wrap {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .button-group__button > span {
    font-size: 2.1rem;
    padding: 16px 18px;
  }
}

/* =========================
スマートクリニックで解決
========================= */

.about-sc{
  padding:30px 56px 40px;
  background:#eaf3f4;
}

.about-sc__wrap{
  max-width:1100px;
  margin:0 auto;
  text-align:center;

  border-radius:10px;
  padding:40px 34px;
}

.about-sc__lead{
  margin-top:18px;
  font-size:2.8rem;
  font-weight:700;
  line-height:1.6;
  color:#565656;
}

.about-sc__lead-em{
  background:linear-gradient(to bottom, transparent 0%, transparent calc(100% - 11px), #ffff7f calc(100% - 10px), #ffff7f 100%);
  padding-bottom:4px;
}

.about-sc__list{
  margin:32px auto 0;
  max-width:900px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.about-sc__list li{
  background:#f4f4f4;
  border-radius:10px;
  padding:18px 20px 18px 42px;
  font-size:2.0rem;
  font-weight:700;
  text-align:left;
  position:relative;
}

.about-sc__list li::before{
  content:"✓";
  position:absolute;
  left:18px;
  top:16px;
  color:#1b97b1;
  font-weight:900;
}

.about-sc__note{
  margin-top:26px;
  font-size:2.5rem;
  font-weight:700;
  color:#1b97b1;
}

@media (max-width:767px){

  .about-sc{
    padding:24px 8px 30px;
  }

  .about-sc__wrap{
    max-width:100%;
    padding:28px 14px;
    border-radius:8px;
  }

  .about-sc__lead{
    font-size:2rem;
  text-align:left;
  }

  .about-sc__list{
    max-width:100%;
    grid-template-columns:1fr;
    gap:10px;
  }

  .about-sc__list li{
    font-size:1.6rem;
    padding:14px 16px 14px 36px;
  }

  .about-sc__note{
    font-size:2rem;
  }

}
.about-sc .headline2::after{
  display:none;
}
.problem-arrow{
  text-align:center;
  font-size:32px;
  color:#1b97b1;
  margin:8px 0 4px;
  line-height:1;
  animation:arrowBounce 1.6s infinite;
}

@keyframes arrowBounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(6px)}
}

.pc-br{
  display:inline;
}

@media (max-width:767px){
  .pc-br{
    display:none;
  }
}
/* PCでは改行しない */
.sp-br{
  display:none;
}

/* スマホだけ改行 */
@media (max-width:767px){
  .sp-br{
    display:block;
  }
}

.scroll-guide{
  text-align:center;
  font-size:32px;
  color:#1b97b1;
  padding-top:20px;
  margin-bottom:-10px;
  animation:scrollBounce 1.6s infinite;
}


@keyframes scrollBounce{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(6px); }
}

.sc-accent{
  color:#1B97B1;
  font-weight:700;
}
.u-highlight{
  background:linear-gradient(
    to bottom,
    transparent 0%,
    transparent calc(100% - 10px),
    #ffff7f calc(100% - 9px),
    #ffff7f 100%
  );
}