@charset "UTF-8";

@media screen and (min-width: 768px),print {

#link01{display: block; padding-top: 80px; margin-top: -80px;}

#contentsmain{background: url(../images/common/cmback01.png)repeat bottom center,transparent linear-gradient(180deg, #2F3250 0%, #7F87A0 100%) 0% 0% no-repeat padding-box;overflow: hidden;position: relative;margin-bottom: 0;} 
#contentsmain::before{content:"";background: url(../images/cataract/contentsmain-icon.png) no-repeat top center;width: 53.8rem;height: 53.8rem;position: absolute;top: -20rem;margin-left: -31rem;left: 50%;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;}
#contentsmain::after{content:"";background: url(../images/cataract/contentsmain-icon.png) no-repeat top center;width: 48.6rem;height: 48.6rem;position: absolute;bottom: -19rem;left: -22rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;}

#contentsmain .inner-Box {display:flex;flex-direction:row-reverse;align-items:stretch;min-height: 64rem;position: relative;z-index: 3;}
#contentsmain .photo-Box {width:50%;position:relative;overflow:hidden;}
#contentsmain .text-Box {width:50%;display:flex;align-items:center;color: var(--blue);}
#contentsmain .photo-Box figure.photo {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;}
#contentsmain .photo-Box figure.photo picture {display:block;width:100%;height:100%;}
#contentsmain .photo-Box figure.photo img {width:100%;height:100%;object-fit:cover;display:block;}

#contentsmain .text-Box ul{display:grid;grid-template-columns:1fr 1fr;gap: 1.6rem;margin: 0 auto;}
#contentsmain .text-Box ul li {position: relative;width: 100%;}
#contentsmain .text-Box ul li:nth-child(2) { margin-right: 0px; }
#contentsmain .text-Box ul li .bluebtn:not(.linebtn){ background: none; border: 1px solid #fff; }
#contentsmain .text-Box ul li .bluebtn:not(.linebtn):hover{ color: #fff; }
#contentsmain .text-Box ul li .bluebtn:not(.linebtn):hover .arr{background-color:#fff;}
#contentsmain .text-Box ul li .bluebtn:not(.linebtn):hover .arr img {filter:none;}
#contentsmain .text-Box ul li .bluebtn:not(.linebtn):hover .arr::after {filter:none;}
#contentsmain .text-Box ul li.telbox .bluebtn{background:var(--blue);border-color:var(--blue);color:#fff;}
#contentsmain .text-Box ul li.telbox .bluebtn:hover{background:#fff;border-color:#fff;color:var(--blue);}
#contentsmain .text-Box ul li.telbox .bluebtn:hover .arr{background:var(--blue);}
#contentsmain .text-Box ul li.telbox .bluebtn:hover .arr img,
#contentsmain .text-Box ul li.telbox .bluebtn:hover .arr::after{filter:brightness(0) invert(1);}
.seo_bread_list{text-align: left;padding-left: 2.1vw;}
.seo_bread_list ul{align-items: left; }
.seo_bread_list .bread-inner{justify-content: left;align-items: baseline;}
.seo_bread_list a{padding-right: 2.2rem;}
.seo_bread_list a::before{right: 0;}

#contentstreat-list{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 3rem 0 12rem;margin-bottom: 0;}
#contentstreat-list .inner-Box {margin: 0 auto;position:relative;padding: 8rem 5vw 0;}
#contentstreat-list .inner-Box h2 {margin-bottom: 2rem;position: relative;text-align: center;font-size:3rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);}
#contentstreat-list .inner-Box p.subttl {margin-bottom: 1.5rem;position: relative;text-align: center;font-size:1.6rem;line-height:2;}
#contentstreat-list .inner-Box p.subttl + p.subttl {margin-bottom: 0;}
#contentstreat-list .inner-Box p.subttl span {font-weight: 700;}

#contentsapproach {position: relative;padding: 12rem 5vw 14rem;}
#contentsapproach .inner-Box {margin:0 auto;position:relative;max-width: 100rem;display:flex;gap: 5.6667%;}
#contentsapproach .left-Box {width: 47.1667%;}
#contentsapproach .right-Box {width: 47.1667%;}

#contentsapproach .inner-Box h3{text-align: left;border-bottom: #CCC solid 1px;margin-bottom: 1.4rem;font-size: 2.2rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;color: var(--blue);padding-bottom: 1.4rem;position: relative;padding-left: 8.3rem;}
#contentsapproach .inner-Box h3 span{text-align:left;font-size:1.1rem;font-weight:500;line-height:1;letter-spacing:0em;color:#fff;background: var(--blue);padding: 0.9rem 0.6rem;position: absolute;top: 0.3rem;left: 0;margin-right: 0.7rem;}

#contentsapproach .inner-Box p.text{ text-align: left; font-size:1.6rem; font-weight:400; line-height:1.813; letter-spacing:0.05em; color:#222; margin-bottom: 1.9rem; }
#contentsapproach .inner-Box figure.photo{ margin-bottom: 2.5rem; }
#contentsapproach .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentsapproach .minBox{background: #F0F7FD;padding: 2.1rem 3.3rem 2.9rem;}
#contentsapproach .minBox h4{text-align: left;padding-bottom: 0;padding-left: 2rem;margin-bottom: 0.4rem;font-size: 1.8rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 700;color: var(--blue);position: relative;}

#contentsapproach .minBox ul.dotlist{margin-bottom: 0.8rem;font-size:1.5rem;}

#contentsapproach .minBox p.bbtext{ text-align: left; font-size:1.2rem; font-weight:400; line-height:2.417; letter-spacing:0.05em; color:#222; }

#contentsflow {background:#fff;padding: 12rem 5vw 14rem;}
#contentsflow .inner-Box {margin:0 auto;position:relative;max-width: 80rem;}

#contentsflow .flow-Box {margin: 0 auto;position: relative;padding-left: 11.7rem;padding-bottom: 4.1rem;}
#contentsflow .flow-Box::before{ content: ""; position: absolute; top: 0; left: 3.5rem; width:2px; height: 100%; background: url(../images/first-visit/line.svg)repeat; }
#contentsflow .flow-Box:last-child::before{ content: none; }
#contentsflow .flow-Box p.notext {margin-bottom: 0px;position: absolute;top: 0;left: 0;display: block;width: 7.2rem;height: 7.2rem;border: 1px solid #DDDDDD;border-radius: 50%;background: #ECEDF2;text-align: center;padding-top: 1.5rem;color: var(--blue);line-height: 1;}
#contentsflow .flow-Box p.notext span.step {display: block;font-size: 1.2rem;margin-bottom: -0.7rem;text-align: center;}
#contentsflow .flow-Box p.notext span.no {font-size: 3.2rem;}
#contentsflow .flow-Box p.notext.ope{ background: var(--blue); color: #fff; }
#contentsflow .flow-Box h3 {margin-bottom: 1.2rem;position: relative;text-align: left;font-size:2rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);}
#contentsflow .flow-Box p.text {margin-bottom: 0;position: relative;text-align: left;font-size:1.6rem;font-weight:400;line-height:1.813;letter-spacing:0.05em;color:#222;}

#contentslineup{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12rem 5vw 14rem;}
#contentslineup .inner-Box {margin: 0rem auto;position:relative;max-width: 100rem;}
#contentslineup .inner-Box p.subtext {margin-bottom: 6rem;position: relative;text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;}
#contentslineup .inner-Box p.subtext span { font-weight: 700; }
#contentslineup .inner-Box ul {display:grid;grid-template-columns: repeat(2,48.7%);gap: 2.53%;}
#contentslineup .inner-Box ul li {position:relative;border: 1px solid #DDDDDD;background: #fff;padding: 3rem 3rem;}
#contentslineup .inner-Box h3 {margin-bottom: 1.3rem;padding-bottom: 1.5rem;position: relative;text-align: left;font-size: 2rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);border-bottom: 1px solid #DDDDDD;}
#contentslineup .inner-Box p.ltext {margin-bottom: 0px;position: relative;text-align: left;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0.05em;color:#222;}
#contentslineup .inner-Box p.clinic-name span{text-align: left;font-size:1.1rem;font-weight:500;line-height:1;letter-spacing:0em;color:var(--blue);background: #D8EBFC;display: inline-block;padding: 0.9rem 0.7rem;margin: 0 0.3rem 0.7rem 0rem;}
#contentslineup .inner-Box p.clinic-name span{ }

#contentslineup .inner-Box table{width: 100%;text-align: left;font-size:1.4rem;font-weight:400;line-height: 2;letter-spacing:0.05em;color:#222;margin-bottom: 1.1rem;}
#contentslineup .inner-Box table th{ }
#contentslineup .inner-Box table td{font-weight: bold;text-align: right;}

#contentprice{overflow: hidden;position: relative;padding: 12rem 5vw 14rem;} 
#contentprice::before{content:"";background: url(../images/cataract/contentsmain-icon.png) no-repeat top center;width: 53.8rem;height: 53.8rem;position: absolute;top: -20rem;right: -12rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;}
#contentprice::after{content:"";background: url(../images/cataract/contentsmain-icon.png) no-repeat top center;width: 48.6rem;height: 48.6rem;position: absolute;bottom: -19rem;left: -12rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;}
#contentprice h2 .f-min{ color:#fff; }
#contentprice h2 .f-min::before{ background: #fff; }
#contentprice h2 .f-en{ color:#fff; }
#contentprice .inner-Box {margin: 0.3rem auto;position:relative;max-width: 120rem;z-index: 4;}

#contentprice .inBox1 {position: relative;background: #FFFFFF08 0% 0% no-repeat padding-box;border: 1px solid #FFFFFF40;width: 100rem;margin: 0 auto 6.4rem;text-align: center;padding: 3.3rem 8rem 4.4rem;}
#contentprice .inBox1 h3 {margin-bottom: 2.1rem;position: relative;text-align: center;font-size:1.8rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:#fff;}
#contentprice .inBox1 p.text {margin-bottom: 2.7rem;position: relative;text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#fff;}
#contentprice .inBox1 p.text span {font-weight: bold;}
#contentprice .inBox1 .btnn{width: 30rem;margin: 0 auto;padding-top: 2.9rem;}

#contentprice .inBox1 .pri-text{border-bottom: 1px solid #FFFFFF40;color: #fff;text-align: center;padding-bottom: 2.9rem;margin-bottom: 2.5rem;}
#contentprice .inBox1 .pri-text span.min{font-size:1.4rem;font-weight:400;line-height:1;letter-spacing:0.05em;color:#fff;display: inline-block;margin-left: 1rem;position: relative;top: -0.4rem;}
#contentprice .inBox1 .pri-text span.pri{text-align:left;font-size:4rem;font-weight:700;line-height:0.75;letter-spacing:0;color:#fff;}
#contentprice .inBox1 .pri-text span.yen{ text-align: left; font-size:3rem; font-weight:700; line-height:1; letter-spacing:0.05em; color:#fff; }

#contentprice .inBox1 .mc-text{margin-top: -0.2rem;text-align: center;font-size:1.6rem;line-height:2;color:#fff;}

#contentprice .inBox1 .bluebtn {background:#FFF;color:var(--blue);}
#contentprice .inBox1 .bluebtn .arr {background:var(--blue);transform:scale(1.1);}
#contentprice .inBox1 .bluebtn .arr img {opacity:0;transform:translateX(20px);filter:brightness(0) invert(1);}
#contentprice .inBox1 .bluebtn .arr::after {left:50%;transform:translate(-50%,-50%);opacity:1;filter:brightness(0) invert(1);}
#contentprice .inBox1 .bluebtn:hover {background:var(--blue);color:#FFF;}
#contentprice .inBox1 .bluebtn:hover .arr {background:#FFF;transform:scale(1);}
#contentprice .inBox1 .bluebtn:hover .arr img{ animation:blueBtnArrowOut .5s cubic-bezier(.4,0,.2,1) forwards; filter:none; }
#contentprice .inBox1 .bluebtn:hover .arr::after{ animation:blueBtnArrowIn .5s cubic-bezier(.4,0,.2,1) forwards; filter:none; }

#contentprice .inBox2 {position: relative;width: 100rem;margin: 0 auto;}
#contentsendtel {margin: 0 auto;position: relative;padding: 12rem 5vw 14rem;}
footer {margin-top: 0;}
#contentsendtel .inner-Box {margin: 0 auto;position: relative;max-width: 110.6rem;}
#contentsendtel .inner-Box figure.photo {position: absolute;top: 4.3rem;left: 50%;width: 13.4rem;margin-left: 40rem;}
#contentsendtel .inner-Box figure.photo img{width: 100%;height: auto;}
#contentsendtel .inner-Box h2 {margin-bottom: 2rem;position: relative;text-align: center;font-size:3rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);}
#contentsendtel .inner-Box p.text1 {position: relative;text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;}
#contentsendtel .inner-Box p.text1 span{font-weight: bold;}
#contentsendtel .inner-Box ul {display: block;}
#contentsendtel .inner-Box ul li {width: 30rem;position:relative;margin: 0 auto;}
}
@media screen and (min-width:768px) and ( max-width:1000px) {

}

@media screen and (max-width: 767px) {

#link01{display:block;padding-top:21.3vw;margin-top:-21.3vw;}

.seo_bread_list{text-align: left;padding-left: 5.2vw;padding-bottom: 3.7vw;}
.seo_bread_list ul{align-items: left; }
.seo_bread_list .bread-inner{justify-content: left;align-items: baseline;}
.seo_bread_list a{padding-right: 5vw;}

#contentsmain{background:url(../images/common/cmback01.png) repeat bottom center,transparent linear-gradient(180deg,#2F3250 0%,#7F87A0 100%) 0 0 no-repeat padding-box;overflow:hidden;position:relative;margin-bottom: 0;}
#contentsmain::before{content:"";background: url(../images/cataract/contentsmain-icon.png) no-repeat top center;width: 53.5vw;height: 53.5vw;position:absolute;top: 45.7vw;margin-left: 0;right: -18vw;z-index:0;display:block;background-size:100%;transform-origin:center center;animation:rollImg 40s linear infinite;}
#contentsmain::after{content:"";background: url(../images/cataract/contentsmain-icon.png) no-repeat top center;width: 53.5vw;height: 53.5vw;position:absolute;bottom: -13vw;left: -19vw;z-index:0;display:block;background-size:100%;transform-origin:center center;animation:rollImg 40s linear infinite;}

#contentsmain .inner-Box{display:block;min-height:0;position:relative;z-index:3;}
#contentsmain .photo-Box{width:100%;position:relative;overflow:hidden;}
#contentsmain .text-Box{width:100%;display:block;color:var(--blue);}
#contentsmain .photo-Box figure.photo{position:relative;top:0;left:0;width:100%;height:auto;margin:0;}
#contentsmain .photo-Box figure.photo picture{display:block;width:100%;height:auto;}
#contentsmain .photo-Box figure.photo img{width:100%;height:auto;object-fit:cover;display:block;}
#contentsmain .text-Box ul{display:grid;grid-template-columns:1fr;gap: 2.7vw;margin:0 auto;}
#contentsmain .text-Box ul li{position:relative;width:100%;margin:0;}
#contentsmain .text-Box ul li:nth-child(2){margin-right:0;}
#contentsmain .text-Box ul li .bluebtn:not(.linebtn){background:none;border:1px solid #fff;}
#contentsmain .text-Box ul li.telbox .bluebtn{background:var(--blue);border-color:var(--blue);color:#fff;}

#contentstreat-list{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 4.7vw 0 0;}
#contentstreat-list .inner-Box{margin:0 auto;position:relative;padding: 4.8vw 5vw 12.8vw;}
#contentstreat-list .inner-Box h2{margin-bottom: 3.3vw;position:relative;color:var(--blue);text-align: center;font-size:5.3vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;}
#contentstreat-list .inner-Box p.subttl{margin-bottom: 2.8vw;position:relative;text-align: left;font-size:4vw;line-height:1.8;}
#contentstreat-list .inner-Box p.subttl + p.subttl{margin-bottom: 0;}
#contentstreat-list .inner-Box p.subttl span{font-weight:700;}

#contentsapproach{position:relative;padding: 12.8vw 5vw 14.933vw;}
#contentsapproach .inner-Box{margin:0 auto;position:relative;max-width:100%;}

#contentsapproach .left-Box{width:100%;margin-bottom: 8.6vw;}
#contentsapproach .right-Box{width:100%;}

#contentsapproach .inner-Box h3{border-bottom:#CCC solid 1px;margin-bottom:3.7vw;color:var(--blue);padding-bottom:3.7vw;position:relative;padding-left:22.1vw;text-align: left;font-size:4.8vw;font-weight:700;line-height:1.556;letter-spacing:0.05em;}
#contentsapproach .inner-Box h3 span{text-align:left;font-size:2.9vw;font-weight:500;line-height:1;letter-spacing:0;color:#fff;background:var(--blue);padding: 2.4vw 1.6vw;position:absolute;top: 0.4vw;left:0;}

#contentsapproach .inner-Box p.text{color:#222;margin-bottom:5.1vw;text-align: left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:0.05em;}
#contentsapproach .inner-Box figure.photo{margin: 0 2.5vw 0;}
#contentsapproach .inner-Box figure.photo img{width:100%;height:auto;}
#contentsapproach .minBox{background:#F0F7FD;padding: 5.333vw;margin-top: 4.267vw;}
#contentsapproach .minBox h4{text-align:left;padding-bottom:0;padding-left: 5.5vw;margin-bottom: 2.133vw;font-size:4.8vw;line-height:1.5;letter-spacing:.05em;font-weight:700;color:var(--blue);position:relative;}

#contentsapproach .minBox ul.dotlist{margin-bottom:2.1vw;}

#contentsapproach .minBox p.bbtext{text-align:left;font-size:3.2vw;font-weight:400;line-height:1.5;letter-spacing:.05em;color:#222;}

#contentsflow{background:#fff;padding: 12.8vw 5vw 14.933vw;}
#contentsflow .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsflow .flow-Box{margin:0 auto;position:relative;padding-left: 16vw;padding-bottom: 5vw;}
#contentsflow .flow-Box:last-child{padding-bottom:0;}
#contentsflow .flow-Box::before{content:"";position:absolute;bottom: 0;left: 7.1vw;width:2px;height: 90%;background:url(../images/first-visit/line.svg) repeat;}
#contentsflow .flow-Box:last-child::before{content:none;}
#contentsflow .flow-Box p.notext{margin-bottom:0;position:absolute;top:0;left:0;display:block;width: 13.5vw;height: 13.5vw;border:1px solid #DDDDDD;border-radius:50%;background:#ECEDF2;text-align:center;padding-top: 2vw;color:var(--blue);line-height:1;}
#contentsflow .flow-Box p.notext span.step{display:block;margin-bottom: -1.1vw;text-align: center;font-size:2.7vw;font-weight:600;line-height:1.6;letter-spacing:0em;}
#contentsflow .flow-Box p.notext span.no{text-align: center;font-size:6.4vw;font-weight:600;line-height:0.667;letter-spacing:0em;}
#contentsflow .flow-Box h3{margin-bottom: 2.2vw;position:relative;color:var(--blue);text-align: left;font-size:4.8vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;padding-top: 3vw;}
#contentsflow .flow-Box p.text{margin-bottom:0;position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:0.05em;}
#contentsflow .flow-Box p.notext.ope{ background: var(--blue); color: #fff; }

#contentslineup{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12.8vw 5vw 14.933vw;}
#contentslineup .inner-Box{margin: 0vw auto;position:relative;max-width:100%;}
#contentslineup .inner-Box p.subtext{margin-bottom:16vw;position:relative;text-align:center;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:.05em;color:#222;}
#contentslineup .inner-Box p.subtext span{font-weight:700;}
#contentslineup .inner-Box ul{display:grid;grid-template-columns:repeat(1,100%);gap: 2.8vw;}
#contentslineup .inner-Box ul li{position:relative;border:1px solid #DDDDDD;background:#fff;padding: 5.333vw;}
#contentslineup .inner-Box h3{margin-bottom:3.5vw;padding-bottom:4vw;position:relative;text-align:left;font-size: 4.8vw;font-weight:700;line-height:1.5;letter-spacing:.05em;color:var(--blue);border-bottom:1px solid #DDDDDD;}
#contentslineup .inner-Box p.ltext{margin-bottom:0;position:relative;text-align:left;font-size:3.2vw;font-weight:400;line-height:1.5;letter-spacing:.05em;color:#222;}
#contentslineup .inner-Box p.clinic-name span{text-align:left;font-size:2.9vw;font-weight:500;line-height:1;letter-spacing:0;color:var(--blue);background:#D8EBFC;display:inline-block;padding:2.4vw 1.9vw;margin:0 .8vw 1.9vw 0;}

#contentslineup .inner-Box table{width:100%;text-align:left;font-size:3.7vw;font-weight:400;line-height:2;letter-spacing:.05em;color:#222;margin-bottom:2.9vw;}
#contentslineup .inner-Box table td{font-weight:700;text-align:right;}

#contentprice{overflow:hidden;position:relative;padding: 12.8vw 5vw 13.5vw;}
#contentprice::before{content:"";background:url(../images/cataract/contentsmain-icon.png) no-repeat top center;width: 83.5vw;height: 83.5vw;position:absolute;top: -41.3vw;right: -42vw;z-index:0;display:block;background-size:100%;transform-origin:center center;animation:rollImg 40s linear infinite;}
#contentprice::after{content:"";background:url(../images/cataract/contentsmain-icon.png) no-repeat top center;width: 89.6vw;height: 89.6vw;position:absolute;bottom: -40.7vw;left: -39vw;z-index:0;display:block;background-size:100%;transform-origin:center center;animation:rollImg 40s linear infinite;}
#contentprice h2 .f-min{color:#fff;}
#contentprice h2 .f-min::before{background:#fff;}
#contentprice h2 .f-en{color:#fff;}
#contentprice .inner-Box{margin:.8vw auto;position:relative;max-width:100%;z-index:4;}
#contentprice .inBox1{position:relative;background:#FFFFFF08 0 0 no-repeat padding-box;border:1px solid #FFFFFF40;width:100%;margin: 0 auto 10.2vw;text-align:center;padding: 5.9vw 5.4vw 6.2vw;}
#contentprice .inBox1 h3{margin-bottom: 5.4vw;position:relative;color:#fff;text-align: center;font-size: 4.3vw;font-weight:700;line-height:1.222;letter-spacing:0.05em;}
#contentprice .inBox1 p.text{margin-bottom: 5.2vw;position:relative;color:#fff;text-align: left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:0.05em;}
#contentprice .inBox1 p.text span{font-weight:700;}
#contentprice .inBox1 .btnn{width:100%;margin:0 auto;margin-top: 5vw;}
#contentprice .inBox1 .bluebtn{background:#fff;color:var(--blue);padding-left:4vw;}
#contentprice .inBox1 .bluebtn .arr{background:var(--blue);transform:scale(1.1);}
#contentprice .inBox1 .bluebtn .arr img{/* opacity:0; *//* transform: translateX(5.3vw); */-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#contentprice .inBox1 .bluebtn .arr::after{left:50%;transform:translate(-50%,-50%);opacity:1;filter:brightness(0) invert(1);}

#contentprice .inBox1 .pri-text{border-bottom:1px solid #FFFFFF40;color:#fff;text-align: left;padding-bottom: 4.9vw;margin-bottom: 5.1vw;}
#contentprice .inBox1 .pri-text span.min{color:#fff;display:inline-block;margin-left: 1.6vw;position:relative;top: -0.8vw;font-size:3.2vw;font-weight:400;line-height:1;letter-spacing:0.05em;}
#contentprice .inBox1 .pri-text span.pri{text-align:left;font-size: 7.47vw;font-weight:700;line-height:.75;letter-spacing:0;color:#fff;}
#contentprice .inBox1 .pri-text span.yen{text-align:left;font-size: 4.80vw;font-weight:700;line-height:1;letter-spacing:.05em;color:#fff;}
#contentprice .inBox1 .mc-text{font-size:4vw;line-height:1.7;color:#fff;margin-top: -1.4vw;text-align: left;margin-bottom: 1.3vw;}
#contentprice .inBox2{position:relative;width:100%;margin:0 auto;}
#contentsendtel{margin:0 auto;position:relative;padding: 12.8vw 5vw 12.8vw;}
#contentsendtel .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsendtel .inner-Box figure.photo{position:relative;top:0;left:0;width:35.7vw;margin:0 auto 8.5vw;}
#contentsendtel .inner-Box figure.photo img{width:100%;height:auto;}
#contentsendtel .inner-Box h2{margin-bottom: 4.267vw;position:relative;color:var(--blue);text-align: center;font-size:5.333vw;font-weight:700;line-height:1.8;}
#contentsendtel .inner-Box p.text1{position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.8;letter-spacing:0.05em;}
#contentsendtel .inner-Box ul{display:block;}
#contentsendtel .inner-Box ul li{width:100%;position:relative;margin-bottom: 2.7vw;}
#contentsendtel .inner-Box ul li:last-child{margin-bottom:0;}
#contentsendtel .inner-Box p.text1 span{font-weight: bold;}

}
/* 2026-09-24 原稿06（子どもの近視治療）で作り直したセクション */
@media screen and (min-width: 768px),print {
#contentsapproach.my-sec .inner-Box{display:block;}
#contentstreat-list .my-fig{max-width:72rem;margin:0 auto 3.2rem;}
.my-sec{padding:12rem 5vw 12rem;position:relative;}
.my-sec.my-gray{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;}
.my-sec .inner-Box{margin:0 auto;max-width:100rem;position:relative;}
.my-sec p.text{margin-bottom:1.6rem;text-align:left;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:.05em;color:#222;}
.my-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem;}
.my-cards li a{display:block;height:100%;background:#fff;border:1px solid #DDD;padding:2.8rem 3.2rem;text-decoration:none;color:#222;}
.my-cards li a:hover{border-color:var(--blue);}
#contentsapproach .my-cards h3{border-bottom:0;padding:0;margin-bottom:.8rem;font-size:2rem;line-height:1.6;color:var(--blue);}
#contentsapproach .my-cards h3 small{display:block;font-size:1.3rem;color:#AA1C1C;font-weight:700;}
.my-num{font-size:2.4rem;color:var(--blue);margin-bottom:.4rem;}
.my-catch{font-size:1.5rem;line-height:1.7;margin-bottom:1.6rem;}
.my-feat{font-size:1.4rem;font-weight:700;color:var(--blue);margin-bottom:.6rem;}
.my-note{font-size:1.3rem;line-height:1.7;color:#666;margin-top:1.2rem;text-align:left;}
.my-dot li{position:relative;padding-left:1.6rem;margin-bottom:.6rem;font-size:1.5rem;line-height:1.8;color:#222;text-align:left;}
.my-dot li::before{content:"";position:absolute;left:0;top:1.1rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--blue);}
.my-flex{display:flex;gap:5%;align-items:flex-start;margin-bottom:2.4rem;}
.my-flex .my-fig{width:36%;flex-shrink:0;margin:0;}
.my-flex .my-text{flex:1;}
.my-fig img{display:block;width:100%;height:auto;}
.my-fig figcaption{margin-top:.8rem;font-size:1.3rem;text-align:center;}
.my-fig-wide{max-width:80rem;margin:0 auto 3.2rem;}
.my-block{background:#fff;border:1px solid #DDD;padding:2.4rem 3.2rem;margin-top:2rem;}
.my-sec.my-gray .my-block{background:#fff;}
.my-block h4{font-size:1.8rem;font-weight:700;color:var(--blue);margin-bottom:1.2rem;text-align:left;}
.my-block h4 .stg-confirm{font-size:1.3rem;margin-left:1rem;}
.my-block h4 .my-tax{font-size:1.3rem;font-weight:400;color:#666;margin-left:1rem;} /* 2026-10-27 税込は見出しに1回だけ */
.my-block p.text:last-child{margin-bottom:0;}
.my-table{width:100%;border-collapse:collapse;margin:1rem 0;}
.my-table th,.my-table td{border:1px solid #DDD;padding:1.2rem 1.6rem;font-size:1.5rem;line-height:1.6;color:#222;text-align:left;}
.my-table th{background:#F8F8FA;font-weight:700;width:36%;}
.my-table tr:first-child th{background:var(--blue);color:#fff;}
.my-clinic{font-size:1.6rem;font-weight:700;color:var(--blue);margin:2rem 0 .8rem;text-align:left;}
.my-clinic span{display:block;font-size:1.4rem;font-weight:400;color:#222;}
.my-sub{font-size:1.5rem;font-weight:700;margin:1.6rem 0 .6rem;text-align:left;}
.my-flow{counter-reset:myf;}
.my-flow li{counter-increment:myf;position:relative;padding-left:4rem;margin-bottom:1.2rem;font-size:1.5rem;line-height:1.8;text-align:left;}
.my-flow li::before{content:counter(myf);position:absolute;left:0;top:.2rem;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;line-height:2.8rem;text-align:center;font-size:1.4rem;}
.stg-confirm{color:#AA1C1C;font-weight:700;}
}
@media screen and (max-width: 767px) {
#contentstreat-list .my-fig{margin:0 0 5vw;}
.my-sec{padding:16vw 5vw;position:relative;}
.my-sec.my-gray{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;}
.my-sec p.text{margin-bottom:4vw;text-align:left;font-size:3.7vw;line-height:1.9;color:#222;}
.my-cards li{margin-bottom:4vw;}
.my-cards li a{display:block;background:#fff;border:1px solid #DDD;padding:5vw;text-decoration:none;color:#222;}
#contentsapproach .my-cards h3{border-bottom:0;padding:0;margin-bottom:2vw;font-size:4.8vw;line-height:1.5;color:var(--blue);}
#contentsapproach .my-cards h3 small{display:block;font-size:3.2vw;color:#AA1C1C;font-weight:700;}
.my-num{font-size:5.6vw;color:var(--blue);margin-bottom:1vw;}
.my-catch{font-size:3.7vw;line-height:1.7;margin-bottom:3vw;}
.my-feat{font-size:3.5vw;font-weight:700;color:var(--blue);margin-bottom:1.5vw;}
.my-note{font-size:3.2vw;line-height:1.6;color:#666;margin-top:3vw;text-align:left;}
.my-dot li{position:relative;padding-left:4vw;margin-bottom:1.6vw;font-size:3.7vw;line-height:1.7;color:#222;text-align:left;}
.my-dot li::before{content:"";position:absolute;left:0;top:2.5vw;width:1.6vw;height:1.6vw;border-radius:50%;background:var(--blue);}
.my-fig{margin:0 0 5vw;}
.my-fig img{display:block;width:100%;height:auto;}
.my-fig figcaption{margin-top:2vw;font-size:3.2vw;text-align:center;}
.my-block{background:#fff;border:1px solid #DDD;padding:5vw;margin-top:4vw;}
.my-block h4{font-size:4.3vw;font-weight:700;color:var(--blue);margin-bottom:3vw;text-align:left;}
.my-block h4 .stg-confirm{display:block;font-size:3.2vw;}
.my-block h4 .my-tax{font-size:3.2vw;font-weight:400;color:#666;margin-left:2vw;}
.my-scroll{overflow-x:auto;}
.my-table{width:100%;border-collapse:collapse;margin:2vw 0;}
.my-table th,.my-table td{border:1px solid #DDD;padding:2.6vw;font-size:3.4vw;line-height:1.6;color:#222;text-align:left;}
.my-table th{background:#F8F8FA;font-weight:700;width:36%;}
.my-table tr:first-child th{background:var(--blue);color:#fff;}
.my-clinic{font-size:4vw;font-weight:700;color:var(--blue);margin:5vw 0 2vw;text-align:left;}
.my-clinic span{display:block;font-size:3.4vw;font-weight:400;color:#222;}
.my-sub{font-size:3.7vw;font-weight:700;margin:4vw 0 1.5vw;text-align:left;}
.my-flow{counter-reset:myf;}
.my-flow li{counter-increment:myf;position:relative;padding-left:9vw;margin-bottom:3vw;font-size:3.7vw;line-height:1.7;text-align:left;}
.my-flow li::before{content:counter(myf);position:absolute;left:0;top:.5vw;width:6.4vw;height:6.4vw;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;line-height:6.4vw;text-align:center;font-size:3.4vw;}
.stg-confirm{color:#AA1C1C;font-weight:700;}
}

/* ===== オルソケラトロジーの仕組み（イラストだけ画像・文字はテキスト・2026-10-06） ===== */
.ok-steps{max-width:106rem;margin:0 auto 4rem;}
.ok-list{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2rem;list-style:none;margin:0;padding:0;}
.ok-step{display:flex;flex-direction:column;align-items:center;}
.ok-tag{display:inline-block;min-width:80%;margin:0 0 1.6rem;padding:.8rem 2rem;border:1px solid var(--blue);border-radius:10rem;background:#fff;color:var(--blue);font-size:1.6rem;font-weight:700;line-height:1.4;text-align:center;letter-spacing:.04em;}
.ok-step.is-current .ok-tag{background:var(--blue);color:#fff;}
.ok-fig{width:100%;margin:0 0 1.6rem;}
.ok-fig img{display:block;width:100%;height:auto;}
.ok-text{width:100%;font-size:1.5rem;line-height:1.9;color:#222;text-wrap:pretty;}
.ok-note{margin:2.4rem auto 0;padding:1rem 2rem;background:#EAF2FB;border-radius:10rem;color:var(--blue);font-size:1.4rem;line-height:1.6;text-align:center;}
@media screen and (max-width: 767px){
.ok-steps{margin-bottom:8vw;}
.ok-list{grid-template-columns:1fr;gap:8vw;}
.ok-step{display:grid;grid-template-columns:1fr;grid-template-areas:"tag" "fig" "text";row-gap:3.2vw;align-items:center;}
.ok-tag{grid-area:tag;justify-self:start;min-width:0;margin-bottom:0;padding:1.6vw 4.8vw;font-size:3.7vw;}
.ok-fig{grid-area:fig;margin:0;}
.ok-text{grid-area:text;font-size:3.6vw;line-height:1.8;}
.ok-note{border-radius:2.4vw;padding:3.2vw 4vw;font-size:3.3vw;text-align:left;}
}

/* 2026-10-24 カードの対応施設（費用ページの表記に合わせる） */
#contentsapproach .my-cards .my-facility{margin:0 0 .8rem;}
#contentsapproach .my-cards .my-facility span{display:inline-block;background:var(--blue);color:#fff;font-size:1.1rem;line-height:1;padding:.6rem .8rem;}
@media screen and (max-width:767px){#contentsapproach .my-cards .my-facility{margin-bottom:1.6vw;}#contentsapproach .my-cards .my-facility span{font-size:2.9vw;padding:1.6vw 1.7vw;}}

/* 2026-10-27 03本文の対応施設もカード・費用ページと同じ札にする */
#contentsmy03 .my-facility--sec{margin:0 0 1.6rem;text-align:left;}
#contentsmy03 .my-facility--sec span{display:inline-block;background:var(--blue);color:#fff;font-size:1.1rem;font-weight:400;line-height:1;letter-spacing:0;padding:.9rem .6rem;}
@media screen and (max-width:767px){#contentsmy03 .my-facility--sec{margin-bottom:3.2vw;}#contentsmy03 .my-facility--sec span{font-size:2.9vw;padding:1.6vw 1.7vw;}}
@media screen and (min-width:768px) and (max-width:1100px){.ok-list{grid-template-columns:1fr;max-width:44rem;margin:0 auto;gap:4.8rem;}}