@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(3) {grid-column: 1 / -1;}

#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: 4.3rem;position: relative;text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;}
#contentstreat-list .inner-Box p.subttl span {font-weight: 700;}
#contentstreat-list .inner-Box ul {display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width: 100rem;margin: 0 auto;}
#contentstreat-list .inner-Box ul li {position: relative;border: 1px solid #DDDDDD;background: #fff;}
#contentstreat-list .inner-Box p.ltext::before{content:"";display: inline-block;width: 2.6rem;height: 2.6rem;position: absolute;border-radius: 50%;background: url(../images/common/ch.svg) no-repeat center center;background-size: cover;margin: 0 0.5rem 1.5rem 0rem;top: 1.5rem;left: 1.4rem;}
#contentstreat-list .inner-Box p.ltext {margin-bottom: 0px;padding: 1.5rem 1.5rem 1.5rem 4.9rem;position: relative;}
#contentstreat-list .inner-Box p.ltext span { font-weight: 700; }

#contentsmech{position:relative;padding: 12rem 5vw 14rem;}
#contentsmech .inner-Box {margin: 0 auto;position:relative;max-width: 100rem;display:flex;gap: 6.4%;}
#contentsmech .photo-Box {width: 39.9667%;}
#contentsmech .text-Box {width: 53.8%;}

#contentsmech .inner-Box p.text{margin-bottom: 1.6rem;text-align: left;font-size:1.6rem;font-weight:400;line-height: 2;letter-spacing:0.05em;color:#222;position: relative;top: -0.5rem;}
#contentsmech .inner-Box p.text:last-child{margin-bottom: 0px;}

#contentsmech .inner-Box3 {margin: 6.4rem auto 0;max-width: 120rem;}
#contentsmech .inner-Box3 > h3 {margin-bottom: 1.6rem;text-align:center;font-size:2.4rem;font-weight:700;line-height:1.5;color:var(--blue);}
#contentsmech .inner-Box3 p.lead {margin: 0 auto 4rem;text-align:center;font-size:1.6rem;line-height:2;}
#contentsmech .inner-Box3 ul {display:grid;grid-template-columns:repeat(2,1fr);gap: 2.4rem;}
#contentsmech .inner-Box3 ul li {background:#F0F7FD;border: 1px solid #DDD;padding: 2.4rem 3.2rem 3.2rem;}
#contentsmech .inner-Box3 li h3 {position:relative;display:block;margin-bottom: 2.4rem;padding-bottom: 1.6rem;border-bottom:#CCC solid 1px;font-size:2.4rem;font-weight:700;line-height:1.6;}
#contentsmech .inner-Box3 li h3 span {display:block;margin-top: 0.8rem;font-size:1.4rem;font-weight:400;line-height:1.5;}
#contentsmech .inner-Box3 p.text {margin-bottom: 2.4rem;font-size:1.5rem;line-height:1.8;}
#contentsmech .inner-Box3 dt {position:relative;margin-bottom: 0.8rem;padding-left: 1.6rem;font-size:1.7rem;font-weight:700;line-height:1.6;color:var(--blue);}
#contentsmech .inner-Box3 dd {margin: 0 0 2.4rem;font-size:1.5rem;line-height:1.8;}
#contentsmech .inner-Box3 dd:last-child {margin-bottom: 0;}
#contentsmech .inner-Box figure.photo{ margin-bottom: 2.5rem; }
#contentsmech .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentsmech .inner-Box h3{text-align: left;padding-bottom: 0;margin-bottom: 0.4rem;font-size: 1.8rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 700;color: var(--blue);position: relative;}

#contentsfeature{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12rem 5vw 14rem;}
#contentsfeature .inner-Box {margin:0 auto;position:relative;max-width: 120rem;}
#contentsfeature .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;}
#contentsfeature .inner-Box p.subtext span { font-weight: 700; }
#contentsfeature .inner-Box ul {display:grid;grid-template-columns:repeat(2,1fr);gap: 2.4rem;margin-bottom: 6.4rem;}
#contentsfeature .inner-Box ul li {background:#fff;border: 1px solid #DDD;padding: 3.2rem;}
#contentsfeature .inner-Box ul li.wide {grid-column: 1 / -1;}
#contentsfeature .inner-Box h3 {margin-bottom: 1.6rem;position: relative;text-align: left;font-size: 2rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);padding-left: 6.1rem;}
#contentsfeature .inner-Box h3 span.f-en {text-align: left;font-size:3rem;font-weight:400;letter-spacing:0.1em;color:var(--blue);position: absolute;top: -0.9rem;left: 0.2rem;width: 5.5rem;}
#contentsfeature .inner-Box h3 span.f-en::before{content:"";width: 1px;height: 2rem;border-radius: 50%;background: var(--blue);display: inline-block;margin-right: 1rem;position: absolute;top: 1.7rem;right: 0rem;}
#contentsfeature .inner-Box p.ltext {margin-bottom: 0;position: relative;text-align:left;font-size:1.6rem;line-height:1.8;}
#contentsfeature .inner-Box p.ltext span.note {display:block;margin-top: 0.8rem;font-size:1.2rem;line-height:1.5;}

#contentsmethod,
#contentsflow{position:relative;padding: 12rem 5vw 14rem;}
#contentsflow{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;}
#contentsmethod .inner-Box {margin:0 auto;max-width: 120rem;}
#contentsmethod .inner-Box ul {display:grid;grid-template-columns:repeat(3,1fr);gap: 2.4rem;align-items:stretch;margin-top: 2.4rem;}
#contentsmethod .inner-Box ul li {position:relative;background:#F0F7FD;border: 1px solid #DDD;padding: 3.2rem;}
#contentsmethod .inner-Box h3 {margin-bottom: 1.6rem;color:var(--blue);font-size:2rem;font-weight:700;line-height:1.5;}
#contentsmethod .inner-Box h3 span.f-en {position:absolute;top: -2.4rem;left: 2.4rem;font-size:3.6rem;font-weight:400;letter-spacing:0.1em;line-height:1;}
#contentsmethod .inner-Box p.text {font-size:1.5rem;line-height:1.8;}

#contentsflow .inner-Box {margin:0 auto;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 {padding-bottom: 0;}
#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: #fff;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;font-size:2rem;font-weight:700;line-height:1.5;color:var(--blue);}
#contentsflow .flow-Box p.text {margin-bottom: 0;font-size:1.6rem;line-height:1.813;}

#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 auto;position:relative;max-width: 120rem;z-index: 4;}

#contentprice .inBox1 {position: relative;background: #FFFFFF08;border: 1px solid #FFFFFF40;width: 100rem;margin: 0 auto 6.4rem;padding: 4.8rem;}
#contentprice .inBox1 h3 {margin: 0 0 1.2rem;font-size:1.8rem;font-weight:700;line-height:1.5;color:#fff;}
#contentprice .inBox1 .scrollable {margin-bottom: 2.4rem;}
#contentprice .inBox1 .scrollable .tblls {table-layout:fixed;width:100%;}
#contentprice .inBox1 .tblls th,
#contentprice .inBox1 .tblls td {padding: 1.2rem 2rem;}
#contentprice .inBox1 ul.note {margin: 0 0 2.4rem;}
#contentprice .inBox1 ul.note li {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;}

#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{text-align: center;font-size:1.2rem;font-weight:400;line-height:1.786;letter-spacing:0.05em;color:#fff;margin-top: -0.2rem;}
#contentprice .inBox1 .mc-text::before{ content:"※"; }

#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 .inBox5 {position: relative;width: 100rem;margin: 0 auto;}
#contentprice .inBox5 h4 {margin-bottom: 2.2rem;border-bottom: #8B8E9F 1px solid;font-size:2.2rem;font-weight:700;line-height:1.591;color:#fff;padding-bottom: 1.4rem;}
#contentprice .inBox5 .risk-item h5 {position:relative;padding-left: 1.6rem;margin-bottom: 0.8rem;font-size:1.8rem;font-weight:700;line-height:1.6;}
#contentprice .inBox2,
#contentprice .inBox4 {width: 100rem;margin: 0 auto 6.4rem;}
#contentprice .inBox2 h4,
#contentprice .inBox4 h4 {margin-bottom: 1.6rem;border-bottom: #8B8E9F 1px solid;font-size:2.2rem;font-weight:700;line-height:1.5;color:#fff;padding-bottom: 1.4rem;}
#contentprice .inBox2 h4 + h4,
#contentprice .inBox4 h4 + h4 {margin-top: 3.2rem;}
#contentprice .inBox4 .caution-Box {background:#FFFFFF08;border: 1px solid #FFFFFF40;padding: 2.4rem 3.2rem 3.2rem;}
#contentprice .inBox4 .caution-Box h5 {margin-top: 0;}
#contentprice .inBox4 .caution-Box ul {margin-bottom: 0;}
#contentprice .inBox4 .caution-Box ul li:last-child {margin-bottom: 0;}
#contentprice .inBox2 .text3,
#contentprice .inBox4 .text3 {margin-bottom: 1.6rem;font-size:1.6rem;line-height:2;color:#fff;}
#contentprice .inBox2 h5,
#contentprice .inBox4 h5 {margin-bottom: 0.8rem;font-size:1.6rem;font-weight:700;line-height:1.5;color:#fff;}
#contentprice .inBox4 h5 {font-size:1.8rem;margin-bottom: 1.2rem;}
#contentprice .inBox2 ul,
#contentprice .inBox4 ul {margin-bottom: 1.6rem;}
#contentprice .inBox4 > ul {margin-bottom: 3.2rem;}
#contentprice .inBox3 {position: relative;width: 100rem;margin: 0 auto 6.4rem;}
#contentprice .inBox3 h4 {margin-bottom: 2.2rem;position: relative;border-bottom: #8B8E9F 1px solid;text-align: left;font-size:2.2rem;font-weight:700;line-height:1.591;letter-spacing:0.05em;color:#fff;padding: 0 0 0 8.7rem;padding-bottom: 1.4rem;}
#contentprice .inBox3 h4 span{display: inline-block;background: #AA1C1C;text-align: left;font-size:1.4rem;font-weight:600;line-height:1;letter-spacing:0em;color:#fff;position: absolute;height: 3.3rem;padding: 1rem 0.6rem 0rem 1.2rem;top: 0.1rem;left: 0;}
#contentprice .inBox3 h4 span::before{content:"";background: url(../images/icl/pointicon.svg) no-repeat center center;background-size: cover;width: 1.4rem;height: 3.3rem;display: inline-block;position: absolute;right: -1rem;top: 0;}
#contentprice .inBox3 .text3{text-align: left;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#fff;}
#contentprice .inBox3 .bbb{text-align: right;}
#contentprice .inBox3 .whitebtn__circle{display: inline-block;top: 1.2rem;margin-left: 0rem;width: 3.2rem;height: 3.2rem;}
#contentprice .inBox3 .whitebtn__border{ display:none;}
#contentprice .inBox3 .whitebtn__circle-bg{ width: 3.2rem;height: 3.2rem;}
#contentprice .inBox3 .whitebtn__text{color: #fff;top: 1.3rem;position: relative;}

#contentsendtel {background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12rem 5vw 14rem;overflow: hidden;}
footer {margin-top: 0;}
#contentsendtel .inner-Box {margin: 0 auto;position: relative;max-width: 110.6rem;}
#contentsendtel .inner-Box figure.photo {position: absolute;bottom: -12.2rem;left: 50%;width: 15.9rem;margin-left: 44rem;mix-blend-mode: darken;}
#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;color:var(--blue);}
#contentsendtel .inner-Box p.text1 {position: relative;text-align: center;font-size:1.6rem;line-height:2;}
#contentsendtel .inner-Box ul {display:flex;gap: 1.6rem;margin-left: auto;margin-right: auto;max-width: 80rem;}
#contentsendtel .inner-Box ul li {flex:1;width:auto;position:relative;}
#contentsendtel .inner-Box ul li.telbox .bluebtn{background:var(--blue);border-color:var(--blue);color:#fff;}
#contentsendtel .inner-Box ul li.telbox .bluebtn:hover{background:#fff;border-color:var(--blue);color:var(--blue);}
#contentsendtel .inner-Box ul li.telbox .bluebtn:hover .arr{background:var(--blue);}
#contentsendtel .inner-Box ul li.telbox .bluebtn:hover .arr img,
#contentsendtel .inner-Box ul li.telbox .bluebtn:hover .arr::after{filter:brightness(0) invert(1);}
#contentsclinic {position:relative;padding: 12rem 5vw 14rem;overflow: hidden;}
#contentsclinic .corettl {margin-bottom: 2.4rem;}
#contentsclinic .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;}
#contentsclinic .inner-Box .sibtt{text-align: center;font-size:1.6rem;line-height:2;margin-bottom: 6.4rem;}

#contentsrelated {position:relative;padding: 0 5vw 14rem;overflow: hidden;}
#contentsrelated .inner-Box {margin:0 auto;max-width:120rem;display:flex;gap:6.6667%;}
#contentsrelated .left-Box {width:46.6667%;}
#contentsrelated .right-Box {width:46.6667%;}
#contentsrelated h2{border-bottom: #CCC solid 1px;margin-bottom: 2.4rem;font-size: 1.8rem;line-height: 1.6;font-weight: 700;padding-bottom: 1.6rem;position: relative;}
#contentsrelated h2::before{content: "";display: block;width: 8.2rem;height: 1px;background: var(--blue);position: absolute;bottom: -1px;left: 0;}
#contentsrelated p.text {margin-bottom: 0;text-decoration:underline;font-size:1.6rem;line-height:1.813;color:var(--blue);}

}
@media screen and (min-width:768px) and ( max-width:1000px) {
	
#contentsmain .text-Box ul{display:grid;grid-template-columns:1fr 1fr;gap: 1.6rem;}
#contentsmain .text-Box ul li {position: relative;width: 100%;margin-right: 0;margin-bottom: 0;}
#contentsmain .text-Box ul li:nth-child(3) {grid-column: 1 / -1;}

	
}

@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;max-width:100%;margin:0 auto;}
#contentsmain .text-Box ul li{position:relative;width:100%;margin:0;}
#contentsmain .text-Box ul li:nth-child(3){grid-column:1 / -1;}

#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: 5.4vw;position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.8;letter-spacing:0.05em;}
#contentstreat-list .inner-Box p.subttl span{font-weight:700;}
#contentstreat-list .inner-Box ul{display:grid;grid-template-columns:repeat(1,100%);gap: 3vw;max-width:100%;margin:0 auto;}
#contentstreat-list .inner-Box ul li{position:relative;border:1px solid #DDDDDD;background:#fff;margin-bottom:0;}
#contentstreat-list .inner-Box p.ltext::before{content:"";display:inline-block;width:6.9vw;height:6.9vw;position:absolute;border-radius:50%;background:url(../images/common/ch.svg) no-repeat center center;background-size:cover;margin:0;top: 50%;left: 3.5vw;transform: translateY(-50%);}
#contentstreat-list .inner-Box p.ltext{margin-bottom:0;padding: 3vw 4vw 3vw 13.1vw;position:relative;text-align: left;font-size:4vw;font-weight:400;line-height:1.6;letter-spacing:0.05em;}
#contentstreat-list .inner-Box p.ltext span{font-weight:700;}

#contentsmech{position:relative;padding: 12.8vw 5vw 14.933vw;}
#contentsmech .inner-Box{margin:0 auto;position:relative;max-width:100%;display:block;}
#contentsmech .photo-Box{width:100%;margin-bottom: 6.3vw;}
#contentsmech .text-Box{width:100%;}
#contentsmech .inner-Box p.text{margin-bottom: 5vw;color:#222;position:relative;top:-1.3vw;text-align: left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:0.05em;}
#contentsmech .inner-Box p.text:last-child{margin-bottom:0;}
#contentsmech .inner-Box p.text2{margin-bottom: 2.6vw;color:#222;position:relative;top:-1.3vw;text-align: left;font-size:4vw;font-weight:400;line-height:1.6;letter-spacing:0.05em;}
#contentsmech .inner-Box p.text2:last-child{margin-bottom:0;}
#contentsmech .inner-Box figure.photo{margin-bottom:6.7vw;}
#contentsmech .inner-Box figure.photo img{width:100%;height:auto;}
#contentsmech .inner-Box  h3{padding-bottom:0;margin-bottom: 2.133vw;color:var(--blue);position:relative;text-align: left;font-size:4.5vw;font-weight:700;line-height:1.588;letter-spacing:0.05em;}
#contentsmech .inner-Box3{margin: 12.8vw auto 0;max-width:100%;}
#contentsmech .inner-Box3 > h3{margin-bottom: 4.267vw;text-align:left;font-size:5.333vw;font-weight:700;line-height:1.5;color:var(--blue);}
#contentsmech .inner-Box3 p.lead{margin: 0 auto 8vw;text-align:left;font-size:4vw;line-height:1.7;}
#contentsmech .inner-Box3 ul{display:grid;grid-template-columns:1fr;gap: 6.4vw;}
#contentsmech .inner-Box3 ul li{background:#F0F7FD;border:1px solid #DDD;padding: 5.333vw;}
#contentsmech .inner-Box3 li h3{position:relative;display:block;margin-bottom: 6.4vw;padding-bottom: 4.267vw;border-bottom:#CCC solid 1px;font-size:5.867vw;font-weight:700;line-height:1.5;}
#contentsmech .inner-Box3 li h3 span{display:block;margin-top: 2.133vw;font-size:3.733vw;font-weight:400;line-height:1.5;}
#contentsmech .inner-Box3 p.text{margin-bottom: 6.4vw;font-size:4vw;line-height:1.7;}
#contentsmech .inner-Box3 dt{position:relative;margin-bottom: 2.133vw;padding-left: 4.267vw;font-size:4.533vw;font-weight:700;line-height:1.6;color:var(--blue);}
#contentsmech .inner-Box3 dd{margin: 0 0 4.267vw;font-size:4vw;line-height:1.7;}
#contentsmech .inner-Box3 dd:last-child{margin-bottom:0;}

#contentsmethod,
#contentsflow{position:relative;padding: 12.8vw 5vw 14.933vw;margin-bottom: 0;}
#contentsflow{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;}
#contentsmethod .inner-Box{margin:0 auto;}
#contentsmethod .inner-Box ul{display:grid;grid-template-columns:1fr;gap: 6.4vw;margin-top: 6.4vw;}
#contentsmethod .inner-Box ul li{position:relative;background:#F0F7FD;border:1px solid #DDD;padding: 5.333vw;}
#contentsmethod .inner-Box h3{margin-bottom: 3.2vw;color:var(--blue);font-size:4.8vw;font-weight:700;line-height:1.5;}
#contentsmethod .inner-Box h3 span.f-en{position:absolute;top: -6.4vw;left: 6.4vw;font-size:9.6vw;font-weight:400;letter-spacing:0.1em;line-height:1;}
#contentsmethod .inner-Box p.text{font-size:4vw;line-height:1.7;}

#contentsflow .inner-Box{margin:0 auto;}
#contentsflow .flow-Box{margin:0 auto;position:relative;padding-left: 16vw;padding-bottom: 5vw;}
#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{padding-bottom:0;}
#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: #fff;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;color:var(--blue);font-size:4.8vw;font-weight:700;line-height:1.5;padding-top: 3vw;}
#contentsflow .flow-Box p.text{margin-bottom:0;font-size:4vw;line-height:1.7;}
#contentsflow .flow-Box p.notext.ope{ background: var(--blue); color: #fff; }

#contentsfeature{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12.8vw 5vw 14.933vw;margin-bottom: 0;}
#contentsfeature .inner-Box{margin:0 auto;position:relative;}
#contentsfeature .inner-Box p.subtext{margin-bottom: 7.7vw;position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.6;letter-spacing:0.05em;}
#contentsfeature .inner-Box p.subtext span{font-weight:700;}
#contentsfeature .inner-Box ul{display:grid;grid-template-columns:1fr;gap: 4.267vw;margin-bottom: 8.533vw;}
#contentsfeature .inner-Box ul li{background:#fff;border:1px solid #DDD;padding: 5.333vw;}
#contentsfeature .inner-Box ul li.wide{grid-column:auto;}
#contentsfeature .inner-Box h3{margin-bottom: 4.267vw;position:relative;color:var(--blue);padding-left: 13.1vw;text-align: left;font-size:4.8vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;}
#contentsfeature .inner-Box h3 span.f-en{text-align:left;font-size: 7.467vw;font-weight:400;letter-spacing:.1em;color:var(--blue);position:absolute;top: -2.8vw;left:.5vw;width: 12.6vw;}
#contentsfeature .inner-Box h3 span.f-en::before{content:"";width:1px;height:4.5vw;border-radius:50%;background:var(--blue);display:inline-block;margin-right:2.7vw;position:absolute;top:4.5vw;right: 0vw;}
#contentsfeature .inner-Box p.ltext{margin-bottom:0;position:relative;text-align: left;font-size:4vw;line-height:1.7;}
#contentsfeature .inner-Box p.ltext span.note{display:block;margin-top: 2.133vw;font-size:3.2vw;line-height:1.5;}

#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;border:1px solid #FFFFFF40;width:100%;margin: 0 auto 10.667vw;padding: 6.4vw;}
#contentprice .inBox1 h3{margin: 0 0 3.2vw;color:#fff;font-size: 4.267vw;font-weight:700;line-height:1.5;}
#contentprice .inBox1 .scrollable{margin-bottom: 4.267vw;}
#contentprice .inBox1 ul.note{margin: 0 0 6.4vw;}
#contentprice .inBox1 ul.note li{color:#fff;}
#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;}
#contentprice .inBox1 .bluebtn{background:#fff;color:var(--blue);}
#contentprice .inBox1 .bluebtn .arr{background:var(--blue);transform:scale(1.1);}
#contentprice .inBox1 .bluebtn .arr img{-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: center;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:3.2vw;font-weight:400;line-height:1.6;letter-spacing:.05em;color:#fff;margin-top: -1.4vw;text-align: left;margin-bottom: 1.3vw;padding-left: 5.2vw;margin-right: 1vw;position: relative;}
#contentprice .inBox1 .mc-text::before{content:"※";position: absolute;top: 0;left: 0;}
#contentprice .inBox5{position:relative;width:100%;margin:0 auto;}
#contentprice .inBox5 h4{margin-bottom: 6.6vw;border-bottom:#8B8E9F 1px solid;font-size: 4.8vw;font-weight:700;line-height:1.591;color:#fff;padding-bottom:3.7vw;}
#contentprice .inBox5 .risk-item h5{position:relative;padding-left: 4.267vw;margin-bottom: 2.133vw;font-size: 4.8vw;font-weight:700;line-height:1.6;}
#contentprice .inBox2,
#contentprice .inBox4{width:100%;margin: 0 auto 10.667vw;}
#contentprice .inBox2 h4,
#contentprice .inBox4 h4{margin-bottom: 4.267vw;border-bottom:#8B8E9F 1px solid;font-size:4.8vw;font-weight:700;line-height:1.5;color:#fff;padding-bottom: 3.733vw;}
#contentprice .inBox2 h4 + h4,
#contentprice .inBox4 h4 + h4{margin-top: 8.533vw;}
#contentprice .inBox4 .caution-Box{background:#FFFFFF08;border:1px solid #FFFFFF40;padding: 5.333vw;}
#contentprice .inBox4 .caution-Box h5{margin-top:0;}
#contentprice .inBox4 .caution-Box ul{margin-bottom:0;}
#contentprice .inBox4 .caution-Box ul li:last-child{margin-bottom:0;}
#contentprice .inBox2 .text3,
#contentprice .inBox4 .text3{margin-bottom: 4.267vw;font-size:4vw;line-height:1.7;color:#fff;}
#contentprice .inBox2 h5,
#contentprice .inBox4 h5{margin-bottom: 2.133vw;font-size:4vw;font-weight:700;line-height:1.5;color:#fff;}
#contentprice .inBox4 h5{font-size: 4.8vw;margin-bottom: 3.2vw;}
#contentprice .inBox2 ul,
#contentprice .inBox4 ul{margin-bottom: 4.267vw;}
#contentprice .inBox4 > ul{margin-bottom: 8.533vw;}
#contentprice .inBox3{position:relative;width:100%;margin: 0 auto 10.667vw;}
#contentprice .inBox3 h4{margin-bottom:5.9vw;position:relative;border-bottom:#8B8E9F 1px solid;color:#fff;padding: 0 6vw 3.7vw 16.9vw;text-align: left;font-size:4.8vw;font-weight:700;line-height:1.556;letter-spacing:0.05em;}
#contentprice .inBox3 h4 span{display:inline-block;background:#AA1C1C;text-align:left;font-size: 3.3vw;font-weight:600;line-height:1;letter-spacing:0;color:#fff;position:absolute;height: 6.7vw;padding: 1.8vw 1.6vw 0 2.2vw;top:.3vw;left:0;}
#contentprice .inBox3 h4 span::before{content:"";background: url(../images/icl/pointicon.svg) no-repeat top right;background-size:cover;width: 2.3vw;height: 6.8vw;display:inline-block;position:absolute;right: -1.5vw;top:0;background-size: auto 100%;z-index: -1;}
#contentprice .inBox3 .text3{color:#fff;text-align: left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:0.05em;margin-bottom: -1.1vw;}
#contentprice .inBox3 .bbb{text-align:right;margin-right: 0.7vw;}
#contentprice .inBox3 .whitebtn__circle{display:inline-block;top:3.2vw;margin-left:0;width:8.5vw;height:8.5vw;}
#contentprice .inBox3 .whitebtn__border{display:none;}
#contentprice .inBox3 .whitebtn__circle-bg{width:8.5vw;height:8.5vw;}
#contentprice .inBox3 .whitebtn__text{color:#fff;top:3.5vw;position:relative;font-size: 3.2vw;}

#contentsendtel{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12.8vw 5vw 12.8vw;margin-bottom: 0;}
#contentsendtel .inner-Box{margin:0 auto;}
#contentsendtel .inner-Box figure.photo{position:relative;top:0;left:0;width:35.7vw;margin:0 auto 8.533vw;}
#contentsendtel .inner-Box figure.photo img{width:100%;height:auto;}
#contentsendtel .inner-Box h2{margin-bottom: 4.267vw;color:var(--blue);text-align: center;font-size:5.333vw;font-weight:700;line-height:1.8;}
#contentsendtel .inner-Box p.text1{text-align: left;font-size:4vw;line-height:1.8;}
#contentsendtel .inner-Box ul{display:block;}
#contentsendtel .inner-Box ul li{width:100%;position:relative;margin-bottom: 2.667vw;}
#contentsendtel .inner-Box ul li:last-child{margin-bottom:0;}
#contentsendtel .inner-Box ul li.telbox .bluebtn{background:var(--blue);border-color:var(--blue);color:#fff;}
#contentsclinic{position:relative;padding: 10.7vw 5.8vw 7.5vw;overflow:hidden;}
#contentsclinic .corettl{margin-bottom: 6.4vw;}
#contentsclinic .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsclinic .inner-Box .sibtt{text-align: left;font-size: 4vw;line-height:2;margin-bottom: 6.4vw;}

#contentsrelated{position:relative;padding: 5.333vw 5vw 12.8vw;}
#contentsrelated .inner-Box{margin:0 auto;display:block;}
#contentsrelated .left-Box{width:100%;margin-bottom: 9.6vw;}
#contentsrelated .right-Box{width:100%;}
#contentsrelated h2{border-bottom:#CCC solid 1px;margin-bottom: 3.2vw;font-size:4.8vw;line-height:1.6;font-weight:700;padding-bottom: 3.2vw;position:relative;}
#contentsrelated h2::before{content:"";display:block;width:21.867vw;height:1px;background:var(--blue);position:absolute;bottom:-1px;left:0;}
#contentsrelated p.text{margin-bottom:0;text-decoration:underline;font-size: 3.733vw;line-height:1.813;color:var(--blue);}

}

/* 2026-10-01 小澤さん指示: 特徴カードの写真・手術方法の図・アフターケアを目立たせる */
#contentsfeature .inner-Box figure.feature-photo {margin:0 0 1.6rem;}
#contentsfeature .inner-Box figure.feature-photo img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
#contentsmethod .inner-Box figure.method-photo {margin:0 0 2rem;}
#contentsmethod .inner-Box figure.method-photo img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:0.4rem;}
#contentprice .inBox1 p.price-note {margin:-0.8rem 0 3.2rem;font-size:1.4rem;line-height:1.7;color:#fff;}
#contentprice .inBox2 {background:#fff;border-top:0.6rem solid #fff177;padding:3.2rem 4rem 3.6rem;box-shadow:0 0.8rem 2.4rem rgba(0,0,0,.25);}
#contentprice .inBox2 h4 {color:var(--blue);border-bottom-color:#DDD;}
#contentprice .inBox2 .text3 {color:#222;}
#contentprice .inBox2 .text3 strong {color:#AA1C1C;}
#contentprice .inBox2 h5 {display:inline-block;background:var(--blue);color:#fff;padding:0.4rem 1.2rem;}
#contentprice .inBox2 ul.dotlist {color:#222;font-weight:700;}
#contentprice .inBox2 ul li::before {background:var(--blue);}
#contentprice .inBox2 p.mmtext {color:#555;}
#contentprice .inBox2 p.mmtext::before {color:#555;border-color:#555;}
@media screen and (max-width: 767px) {
#contentsfeature .inner-Box figure.feature-photo {margin:0 0 3.2vw;}
#contentsmethod .inner-Box figure.method-photo {margin:0 0 4vw;}
#contentprice .inBox1 p.price-note {margin:-2vw 0 6.4vw;font-size:3.2vw;}
#contentprice .inBox2 {padding:6.4vw 5.333vw;}
}

/* 2026-10-12 05（横長カード）にも写真: PCは写真左・文右 */
@media screen and (min-width: 768px),print {
#contentsfeature .inner-Box ul li.wide{display:grid;grid-template-columns:1fr 1fr;column-gap:3.2rem;align-items:start;}
#contentsfeature .inner-Box ul li.wide h3{grid-column:1 / -1;}
#contentsfeature .inner-Box ul li.wide figure.feature-photo{margin:0;}
}