@charset "UTF-8";

.lens-tab {display:flex;}
.lens-tab li {cursor:pointer;}
.lens-tab li.active {pointer-events:none;}
.lens-list .lens-item {display:block;}
@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 .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{padding: 12rem 5vw 14rem;}
#contentsmech .inner-Box {margin:0 auto;max-width: 80rem;}
#contentsmech .inner-Box ul {display:grid;grid-template-columns:repeat(2,1fr);gap: 4rem;}
#contentsmech .inner-Box figure.photo {margin-bottom: 1.6rem;}
#contentsmech .inner-Box figure.photo img{width:100%;}
#contentsmech .inner-Box p.cap {text-align:center;font-size:1.4rem;line-height:1.5;}
#contentsmech .text-Box {margin-top: 4rem;}
#contentsmech .text-Box h3 {margin-bottom: 1.6rem;font-size:2rem;font-weight:700;line-height:1.5;color:var(--blue);}
#contentsmech .text-Box p.text {font-size:1.6rem;line-height:2;}

#contentslens {margin: 0 auto;position: relative;padding: 12rem 5vw 14rem;}
#contentslens .ttl-Box {margin: 0 auto 4.8rem;position: relative;max-width: 120rem;}
#contentslens .ttl-Box .corettl {margin-bottom: 2.4rem;}
#contentslens .ttl-Box p.text {margin-bottom: 0rem;position: relative;text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;}
#contentslens .tab-Box {max-width: 120rem;margin: 0 auto 4.8rem;position: relative;}
#contentslens .tab-Box ul.lens-tab {display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
#contentslens .tab-Box ul.lens-tab li {width:auto;position:relative;color:var(--blue);}
#contentslens .tab-Box ul li.active { background: var(--blue); color: #fff; position:relative;}
#contentslens .tab-Box p.ltext {margin-bottom: 0px;position: relative;text-align: center;font-size:1.4rem;font-weight:400;line-height:1;letter-spacing:0em;border: 1px solid var(--blue);padding: 1rem 1.1rem;cursor: pointer;}
#contentslens .tab-Box ul li { position: relative; }
#contentslens .tab-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentslens .cont-Box {max-width: 120rem;margin: 0 auto 6.1rem;position: relative;}
#contentslens .inner-slag-Box { margin: 0 auto; position: relative; }
#contentslens .inner-slag-Box ul {display:grid;grid-template-columns:repeat(3,1fr);gap: 2.4rem;}
#contentslens .inner-slag-Box ul li {border: 1px solid #DDDDDD;padding: 2.4rem;}
#contentslens .inner-slag-Box figure.photo {position: relative;top: 0;left: 0;text-align: center;margin-bottom: 1.4rem;}
#contentslens .inner-slag-Box figure.photo img{width: auto;max-width: 100%;max-height: 12rem;}
#contentslens .inner-slag-Box p.cate {margin-bottom: 0.9rem;position: relative;}
#contentslens .inner-slag-Box p.cate span {width: auto;text-align: left;font-size: 1.1rem;font-weight: 500;line-height: 1;letter-spacing: 0em;display: inline-block;padding: 0.7rem 0.6rem;margin-right: 0.1rem;position: relative;background: #D8EBFC;color: var(--blue);}

#contentslens .inner-slag-Box h3 {margin-bottom: 1.4rem;position: relative;text-align: left;font-size:2rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);border-bottom: #DDD 1px solid;padding-bottom: 1rem;}
#contentslens .inner-slag-Box h3 span.f-en {display: block;text-align: left;font-size:1.2rem;font-weight:600;line-height:2.25;letter-spacing:0.08em;color:var(--blue);}
#contentslens .inner-slag-Box table.lens-tbl {text-align: left;font: normal normal normal 14px/25px Noto Sans JP;letter-spacing: 0.7px;color: #222222;width: 100%;margin-bottom: 1.7rem;}
#contentslens .inner-slag-Box table th {padding-bottom: 0.3rem;background: none;}
#contentslens .inner-slag-Box table td {text-align: right;font-weight: bold;}
#contentslens .inner-slag-Box table td.pri{ color:#AA1C1C;}
#contentslens .inner-slag-Box p.lenstext {font-size:1.4rem;line-height:1.6;}
#contentslens .tbl-Box {max-width: 120rem;margin: 0 auto 8rem;position: relative;}
#contentslens .tbl-Box h4 {margin-bottom: 2.4rem;position: relative;text-align: center;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:#222;}
#contentslens .tbl-Box ul.note {margin: 1.6rem 0 0;}
#contentslens .tbl-Box .scrollable .tblls {table-layout:fixed;width:100%;}
#contentslens .tbl-Box .tblls .tw1,
#contentslens .tbl-Box .tblls .tw2,
#contentslens .tbl-Box .tblls .tw3,
#contentslens .tbl-Box .tblls .tw4 {width:18%;}

#contentsflacs{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;padding: 12rem 5vw 14rem;}
#contentsflacs .corettl{margin: 0 auto 1.2rem;max-width: 120rem;}
#contentsflacs .sibtt{text-align:center;margin: 0 auto 4rem;}
#contentsflacs .sibtt span{font-size:1.1rem;font-weight:500;line-height:1;letter-spacing:0;color:var(--blue);background:#D8EBFC;display:inline-block;padding: 0.6rem;}
#contentsflacs .inner-Box {margin:0 auto;max-width: 120rem;}
#contentsflacs .inBox {display:flex;align-items:flex-start;gap: 6.4%;margin-bottom: 5.6rem;}
#contentsflacs .photo-Box {width: 26.7%;}
#contentsflacs .text-Box {width: 66.9%;}

#contentsflacs .inner-Box p.text{margin-bottom: 1.6rem;font-size:1.6rem;line-height:2;}
#contentsflacs .inner-Box p.text:last-child{margin-bottom: 0;}
#contentsflacs .inner-Box figure.photo img{width: 100%;}
#contentsflacs .inner-Box ul {display:grid;grid-template-columns:repeat(3,1fr);gap: 2.4rem;}
#contentsflacs .inner-Box ul li {background:#fff;border: 1px solid #DDD;padding: 2.4rem 3.2rem 3.2rem;}
#contentsflacs .inner-Box ul li h3{margin-bottom: 1.2rem;font-size:1.8rem;line-height:1.5;font-weight:700;color:var(--blue);}
#contentsflacs .inner-Box ul li p.ltext{font-size:1.5rem;line-height:1.7;}

#contentsprocedure{padding: 12rem 5vw 14rem;}
#contentsprocedure .inner-Box {margin:0 auto;max-width: 120rem;}
#contentsprocedure .inner-Box > ul {display:grid;grid-template-columns:repeat(2,1fr);gap: 2.4rem;align-items:stretch;}
#contentsprocedure .inner-Box > ul > li {background:#fff;border: 1px solid #DDDDDD;box-shadow: 0 0 2rem var(--blue)0D;padding: 3.2rem;}
#contentsprocedure .inner-Box > ul > li:last-child {background:#F0F7FD;border: 1px solid var(--blue);}
#contentsprocedure h3 {margin-bottom: 2.4rem;padding-bottom: 1.6rem;font-size:2.2rem;font-weight:700;line-height:1.6;position:relative;border-bottom: #CCC solid 1px;}
#contentsprocedure .sibtt {margin: 0 0 1.2rem;}
#contentsprocedure .sibtt span {display:inline-block;background:#D8EBFC;color:var(--blue);font-size:1.1rem;font-weight:500;line-height:1;letter-spacing:0;padding: 0.6rem;}
#contentsprocedure h4 {margin: 2.4rem 0 0.8rem;padding-left: 1.6rem;font-size:1.8rem;font-weight:700;line-height:1.5;color:var(--blue);position:relative;}
#contentsprocedure h4::before {content:"";display:block;width: 0.6rem;height: 0.6rem;border: var(--blue) 2px solid;border-radius:50%;position:absolute;top: 0.5lh;left:0;transform: translateY(-50%);}
#contentsprocedure h3 + h4 {margin-top: 0;}
#contentsprocedure p.subttl {margin: 0 0 0.8rem;font-size:1.6rem;font-weight:500;line-height:1.5;}
#contentsprocedure .tblls {font-size:1.5rem;table-layout:fixed;}
#contentsprocedure ul.dotlist {font-size:1.5rem;}
#contentsprocedure p.text {font-size:1.5rem;line-height:1.8;}
#contentsprocedure p.plus {margin: 0.8rem 0 1.6rem;font-size:1.2rem;}
#contentsprocedure p.priitem {font-size:1.5rem;line-height:1.8;}
#contentsprocedure p.priitem span {margin-left: 0.8rem;font-weight:700;}
#contentsprocedure ul.note {margin: 1.2rem 0 0;}
#contentsprocedure .priBox {background:#fff;padding: 2rem 2.4rem;margin: 1.6rem 0;}
#contentsprocedure .priBox p {text-align:center;}
#contentsprocedure .priBox .label {margin-bottom: 0.8rem;font-size:1.4rem;line-height:1.5;}
#contentsprocedure .priBox .pri {margin-bottom: 0.8rem;font-size:2.4rem;font-weight:700;line-height:1.2;color:var(--blue);}
#contentsprocedure .priBox .pri span {font-size:1.6rem;}
#contentsprocedure .priBox .sub {font-size:1.4rem;line-height:1.8;}

#contentsflow{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;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: #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;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: 1.6rem;font-size:1.6rem;line-height:1.813;}
#contentsflow .flow-Box p.text:last-child {margin-bottom: 0;}

#contentslenschoice{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12rem 5vw 14rem;}
#contentslenschoice .inner-Box {margin: 0rem auto;position:relative;max-width: 120rem;}
#contentslenschoice .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;}
#contentslenschoice .inner-Box p.subtext span { font-weight: 700; }
#contentslenschoice .inner-Box ul {display:grid;grid-template-columns:repeat(2,1fr);gap: 2.4rem;}
#contentslenschoice .inner-Box ul li {position:relative;border: 1px solid #DDDDDD;background: #fff;padding: 2.4rem 3.2rem 3.2rem;}
#contentslenschoice .inner-Box ul li:first-child {padding-bottom: 6.4rem;}
#contentslenschoice .inner-Box h3 {display:flex;align-items:center;flex-wrap:wrap;gap: 0.8rem;margin-bottom: 1.6rem;font-size: 2rem;font-weight:700;line-height:1.5;color:var(--blue);}
#contentslenschoice .inner-Box h3 span {font-size: 1.1rem;font-weight: 500;line-height: 1;letter-spacing: 0;display: inline-block;padding: 0.6rem;background: #D8EBFC;color: var(--blue);}
#contentslenschoice .inner-Box p.ltext {font-size:1.5rem;line-height:1.6;color:#222222;}
#contentslenschoice .inner-Box ul li a{display: block;text-align: left;}
#contentslenschoice .inner-Box ul li .bbb{position: absolute;font-size: 1.4rem;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: right;color: var(--blue);bottom: 3.1rem;right: 3rem;}
#contentslenschoice .inner-Box ul li .bbb::before{content: "";background: url(../images/common/arr-red.svg)no-repeat top left;background-size: 100% auto;width: 1.5rem;height: 1.5rem;display: inline-block;margin-right: 0rem;position: absolute;top: 0.1rem;right: -2.1rem;transition: all 0.3s ease-in-out;}
#contentslenschoice .inner-Box ul li a:hover .bbb::before{right: -2.6rem;}
#contentslenschoice .inner-Box ul li .whitebtn__circle{display: inline-block;top: 1.2rem;margin-left: 0.5rem;width: 3.2rem;height: 3.2rem;}
#contentslenschoice .inner-Box ul li .whitebtn__border{ width: 3.2rem;height: 3.2rem;}
#contentslenschoice .inner-Box ul li .whitebtn__circle-bg{ width: 3.2rem;height: 3.2rem;}

#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 {background:#FFFFFF08;border: 1px solid #FFFFFF40;width: 100rem;margin: 0 auto 6.4rem;padding: 5.6rem 6.4rem 6.4rem;}
#contentprice .inBox1 .pri-list .pri-text {text-align:left;}
#contentprice .inBox1 .lead-Box {margin-bottom: 3.2rem;}
#contentprice .inBox1 .lead-Box h3 {margin-bottom: 1.6rem;font-size:1.8rem;font-weight:700;line-height:1.5;color:#fff;}
#contentprice .inBox1 .lead-Box p.text {font-size:1.5rem;line-height:1.8;color:#fff;}
#contentprice .inBox1 .pri-list {display:grid;grid-template-columns:repeat(2,1fr);gap: 1.6rem;margin-bottom: 2.4rem;}
#contentprice .inBox1 .pri-list li {background:#fff;padding: 2.4rem;}
#contentprice .inBox1 .pri-list h3 {margin-bottom: 1.2rem;font-size:1.6rem;font-weight:700;line-height:1.5;}
#contentprice .inBox1 .pri-text span.min {display:inline-block;margin-left: 0.8rem;position:relative;top: -0.4rem;font-size:1.4rem;line-height:1;}
#contentprice .inBox1 .pri-text span.pri {font-size:3.2rem;font-weight:700;line-height:1;letter-spacing:0;color:var(--blue);}
#contentprice .inBox1 .pri-text span.yen {font-size:2rem;font-weight:700;line-height:1;color:var(--blue);}
#contentprice .inBox1 .mc-text {font-size:1.2rem;line-height:1.8;color:#fff;}
#contentprice .inBox1 .mc-text::before {content:"※";}
#contentprice .inBox1 .btnn {width: 30rem;margin: 2.4rem auto 0;}
#contentprice .inBox1 .bluebtn {background:#FFF;color:var(--blue);}
#contentprice .inBox1 .bluebtn .arr {background:var(--blue);}
#contentprice .inBox1 .bluebtn .arr img {filter:brightness(0) invert(1);}
#contentprice .inBox1 .bluebtn:hover {background:var(--blue);color:#FFF;}
#contentprice .inBox1 .bluebtn:hover .arr {background:#FFF;}
#contentprice .inBox1 .bluebtn:hover .arr img {filter:none;}
#contentprice .inBox1 .bluebtn:hover .arr::after {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: 80rem;}
#contentsendtel .inner-Box figure.photo {position: absolute;top: 4.3rem;left: 50%;width: 13.4rem;margin-left: 44rem;}
#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:flex;gap: 1.6rem;}
#contentsendtel .inner-Box ul li {flex:1;width: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: 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{padding: 12.8vw 5vw 14.933vw;}
#contentsmech .inner-Box{margin:0 auto;max-width:100%;}
#contentsmech .inner-Box ul{display:grid;grid-template-columns:repeat(2,1fr);gap: 4.267vw;}
#contentsmech .inner-Box figure.photo{margin-bottom: 2.133vw;}
#contentsmech .inner-Box figure.photo img{width:100%;}
#contentsmech .inner-Box p.cap{text-align:center;font-size:3.2vw;line-height:1.5;}
#contentsmech .text-Box{margin-top: 8vw;}
#contentsmech .text-Box h3{margin-bottom: 3.2vw;font-size:4.8vw;font-weight:700;line-height:1.5;color:var(--blue);}
#contentsmech .text-Box p.text{font-size:4vw;line-height:1.7;}

#contentsflacs{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;padding: 12.8vw 5vw 14.933vw;}
#contentsflacs .corettl{margin: 0 auto 3.2vw;}
#contentsflacs .sibtt{text-align:center;margin: 0 auto 8vw;}
#contentsflacs .sibtt span{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.6vw;}
#contentsflacs .inner-Box{margin:0 auto;max-width:100%;}
#contentsflacs .inBox{display:block;}
#contentsflacs .photo-Box{width:auto;margin: 0 21vw 6.4vw;}
#contentsflacs .text-Box{width:100%;}
#contentsflacs .inner-Box p.text{margin-bottom: 4.267vw;font-size:4vw;line-height:1.7;}
#contentsflacs .inner-Box p.text:last-child{margin-bottom:0;}
#contentsflacs .inner-Box figure.photo img{width:100%;}
#contentsflacs .inner-Box ul{display:grid;grid-template-columns:repeat(1,1fr);gap: 4.267vw;margin-top: 6.4vw;}
#contentsflacs .inner-Box ul li{background:#fff;border:1px solid #DDD;padding: 5.333vw;}
#contentsflacs .inner-Box ul li h3{margin-bottom: 3.2vw;font-size:4.8vw;line-height:1.5;font-weight:700;color:var(--blue);}
#contentsflacs .inner-Box ul li p.ltext{font-size:4vw;line-height:1.7;}

#contentsprocedure{padding: 12.8vw 5vw 14.933vw;}
#contentsprocedure .inner-Box{margin:0 auto;max-width:100%;}
#contentsprocedure .inner-Box > ul{display:grid;grid-template-columns:repeat(1,1fr);gap: 6.4vw;}
#contentsprocedure .inner-Box > ul > li{background:#fff;border:1px solid #DDDDDD;box-shadow: 0 0 5.3vw var(--blue)0D;padding: 5.333vw;}
#contentsprocedure .inner-Box > ul > li:last-child{background:#F0F7FD;border:1px solid var(--blue);}
#contentsprocedure h3{margin-bottom: 6.4vw;padding-bottom: 2.67vw;font-size:4.8vw;font-weight:700;line-height:1.6;position:relative;border-bottom:#CCC solid 1px;}
#contentsprocedure .sibtt{margin: 0 0 3.2vw;}
#contentsprocedure .sibtt span{display:inline-block;background:#D8EBFC;color:var(--blue);font-size:2.9vw;font-weight:500;line-height:1;letter-spacing:0;padding: 1.6vw;}
#contentsprocedure h4{margin: 6.4vw 0 2.133vw;padding-left: 4.267vw;font-size:4.533vw;font-weight:700;line-height:1.5;color:var(--blue);position:relative;}
#contentsprocedure h4::before{content:"";display:block;width: 1.6vw;height: 1.6vw;border: var(--blue) 2px solid;border-radius:50%;position:absolute;top: 0.5lh;left:0;transform: translateY(-50%);}
#contentsprocedure h3 + h4{margin-top:0;}
#contentsprocedure p.subttl{margin: 0 0 2.133vw;font-size:4.267vw;font-weight:500;line-height:1.5;}
#contentsprocedure p.text{font-size:4vw;line-height:1.7;}
#contentsprocedure p.plus{margin: 2.133vw 0 4.267vw;font-size:3.2vw;}
#contentsprocedure p.priitem{font-size:4vw;line-height:1.7;}
#contentsprocedure p.priitem span{margin-left: 2.133vw;font-weight:700;}
#contentsprocedure ul.note{margin: 3.2vw 0 0;}
#contentsprocedure .priBox{background:#fff;padding: 5.333vw;margin: 4.267vw 0;}
#contentsprocedure .priBox p{text-align:center;}
#contentsprocedure .priBox .label{margin-bottom: 2.133vw;font-size:3.733vw;line-height:1.5;}
#contentsprocedure .priBox .pri{margin-bottom: 2.133vw;font-size:6.4vw;font-weight:700;line-height:1.2;color:var(--blue);}
#contentsprocedure .priBox .pri span{font-size:4.267vw;}
#contentsprocedure .priBox .sub{font-size:3.2vw;line-height:1.5;}

#contentsflow{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;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: #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;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: 4.267vw;font-size:4vw;line-height:1.7;}
#contentsflow .flow-Box p.text:last-child{margin-bottom:0;}
#contentsflow .flow-Box p.notext.ope{ background: var(--blue); color: #fff; }

#contentslens{margin:0 auto;position:relative;padding: 12.8vw 5vw 14.933vw;}
#contentslens .ttl-Box{margin: 0 auto 6.4vw;position:relative;max-width:100%;}
#contentslens .ttl-Box .corettl{margin-bottom: 6.4vw;}
#contentslens .ttl-Box p.text{margin-bottom:0;position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.8;letter-spacing:0.05em;}
#contentslens .tab-Box{max-width:100%;margin: 0 auto 6.4vw;position:relative;}
#contentslens .tab-Box ul.lens-tab{display:flex;flex-wrap:wrap;justify-content:center;gap:2.1vw;}
#contentslens .tab-Box ul.lens-tab li{width:auto;position:relative;color:var(--blue);}
#contentslens .tab-Box ul li.active{background:var(--blue);color:#fff;position:relative;}
#contentslens .tab-Box p.ltext{margin-bottom:0;position:relative;text-align:center;font-size:3.7vw;font-weight:400;line-height:1;letter-spacing:0;border:1px solid var(--blue);padding:2.7vw 2.9vw;cursor:pointer;}
#contentslens .tab-Box ul li{position:relative;}
#contentslens .tab-Box ul li:nth-child(3n){margin-right:0;}
#contentslens .cont-Box{max-width:100%;margin: 0 auto 8.5vw;position:relative;}
#contentslens .inner-slag-Box{margin:0 auto;position:relative;}
#contentslens .inner-slag-Box ul{display:grid;grid-template-columns:1fr;gap: 4.267vw;}
#contentslens .inner-slag-Box ul li{border:1px solid #DDDDDD;padding: 5.333vw;}
#contentslens .inner-slag-Box figure.photo{position:relative;top:0;left:0;text-align:center;margin-bottom: 4.8vw;}
#contentslens .inner-slag-Box figure.photo img{width:auto;max-width:100%;max-height:32vw;}
#contentslens .inner-slag-Box p.cate{margin-bottom:2.4vw;position:relative;}
#contentslens .inner-slag-Box p.cate span{width:auto;text-align:left;font-size:2.9vw;font-weight:500;line-height:1;letter-spacing:0;display:inline-block;padding: 2.1vw 1.6vw;margin-right:.3vw;position:relative;background:#D8EBFC;color:var(--blue);}
#contentslens .inner-slag-Box h3{margin-bottom:3.7vw;position:relative;color:var(--blue);border-bottom:#DDD 1px solid;padding-bottom:2.7vw;text-align: left;font-size:5.333vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;}
#contentslens .inner-slag-Box h3 span.f-en{display:block;text-align:left;font-size:3.2vw;font-weight:600;line-height:2.25;letter-spacing:.08em;color:var(--blue);}
#contentslens .inner-slag-Box table.lens-tbl{text-align:left;font-size:3.7vw;font-weight:400;line-height:1.786;letter-spacing:.05em;color:#222;width:100%;margin-bottom: 2.5vw;}
#contentslens .inner-slag-Box table th{padding-bottom:.8vw;background:none;}
#contentslens .inner-slag-Box table td{text-align:right;font-weight:700;}
#contentslens .inner-slag-Box table td.pri{color:#AA1C1C;}
#contentslens .inner-slag-Box p.lenstext{font-size:3.7vw;line-height:1.6;}
#contentslens .tbl-Box{max-width:100%;margin: 0 auto 8.4vw;position:relative;z-index: 3;}
#contentslens .tbl-Box h4{margin-bottom: 6.4vw;position:relative;text-align:center;font-size: 4.8vw;font-weight:700;line-height:1.5;letter-spacing:.05em;color:#222;}
#contentslens .tbl-Box ul.note{margin: 4.267vw 0 0;}
#contentslenschoice{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12.8vw 5vw 14.933vw;}
#contentslenschoice .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentslenschoice .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;}
#contentslenschoice .inner-Box p.subtext span{font-weight:700;}
#contentslenschoice .inner-Box ul{display:grid;grid-template-columns:repeat(1,100%);gap: 4.267vw;}
#contentslenschoice .inner-Box ul li{position:relative;border:1px solid #DDDDDD;background:#fff;padding: 5.333vw;}
#contentslenschoice .inner-Box h3{display:flex;align-items:center;flex-wrap:wrap;gap: 1.333vw;margin-bottom: 3.2vw;font-size: 4.8vw;font-weight:700;line-height:1.5;color:var(--blue);}
#contentslenschoice .inner-Box h3 span{font-size:2.9vw;font-weight:500;line-height:1;letter-spacing:0;display:inline-block;padding: 1.6vw;background:#D8EBFC;color:var(--blue);}
#contentslenschoice .inner-Box p.ltext{margin-bottom: -0.8vw;font-size:3.7vw;line-height:1.6;color:#222222;}
#contentslenschoice .inner-Box ul li a{display:block;text-align:left;}
#contentslenschoice .inner-Box ul li .bbb{position: relative;font-size:3.7vw;line-height:1;letter-spacing:.05em;font-weight:700;text-align:right;color:var(--blue);}
#contentslenschoice .inner-Box ul li .bbb::before{content:"";background:url(../images/common/arr-red.svg) no-repeat top left;background-size:100% auto;width:4vw;height:4vw;display:inline-block;margin-right:0;position:absolute;top:.3vw;right:-5.6vw;}
#contentslenschoice .inner-Box ul li .whitebtn__circle{display:inline-block;top:3.2vw;margin-left:1.3vw;width:8.5vw;height:8.5vw;}
#contentslenschoice .inner-Box ul li .whitebtn__border{width:8.5vw;height:8.5vw;}
#contentslenschoice .inner-Box ul li .whitebtn__circle-bg{width:8.5vw;height:8.5vw;}

#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{background:#FFFFFF08;border:1px solid #FFFFFF40;width:100%;margin: 0 auto 10.2vw;padding: 6.4vw;}
#contentprice .inBox1 .pri-list .pri-text{text-align:left;}
#contentprice .inBox1 .lead-Box{margin-bottom: 6.4vw;}
#contentprice .inBox1 .lead-Box h3{margin-bottom: 3.2vw;font-size:4.267vw;font-weight:700;line-height:1.5;color:#fff;}
#contentprice .inBox1 .lead-Box p.text{font-size:4vw;line-height:1.7;color:#fff;}
#contentprice .inBox1 .pri-list{margin-bottom: 4.267vw;}
#contentprice .inBox1 .pri-list li{background:#fff;padding: 5.333vw;margin-bottom: 3.2vw;}
#contentprice .inBox1 .pri-list li:last-child{margin-bottom:0;}
#contentprice .inBox1 .pri-list h3{margin-bottom: 3.2vw;font-size:4.267vw;font-weight:700;line-height:1.5;}
#contentprice .inBox1 .btnn{width:100%;margin: 6.4vw auto 0;}
#contentprice .inBox1 .bluebtn{background:#fff;color:var(--blue);}
#contentprice .inBox1 .bluebtn .arr{background:var(--blue);}
#contentprice .inBox1 .bluebtn .arr img{filter:brightness(0) invert(1);}
#contentprice .inBox1 .pri-text span.min{display:inline-block;margin-left: 1.6vw;position:relative;top: -0.8vw;font-size:3.2vw;line-height:1;}
#contentprice .inBox1 .pri-text span.pri{font-size:6.4vw;font-weight:700;line-height:1;letter-spacing:0;color:var(--blue);}
#contentprice .inBox1 .pri-text span.yen{font-size:4.267vw;font-weight:700;line-height:1;color:var(--blue);}
#contentprice .inBox1 .mc-text{position:relative;font-size:3.2vw;line-height:1.6;margin-bottom: 1.067vw;padding-left: 4.267vw;color:#fff;}
#contentprice .inBox1 .mc-text::before{content:"※";position:absolute;top:0;left:0;}
#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;}

}

/* stg用の要確認表示（本番前に .stg-confirm ごと消す）2026-09-24 */
.stg-confirm{color:#AA1C1C;font-weight:700;}

/* ===== 多焦点眼内レンズとは：LENS（単焦点と多焦点の違い）／TYPE（種類）を画像→テキストに（2026-10-06） ===== */
#contentsmech .inner-Box{max-width:100rem;}
#contentsmech .mech-block{margin:0 0 6.4rem;text-align:center;}
#contentsmech .mech-types{margin:6.4rem 0 1.6rem;}
#contentsmech .mech-eyebrow{font-size:1.5rem;font-weight:500;color:var(--blue);letter-spacing:.06em;margin:0;}
#contentsmech .mech-eyebrow::before{content:"";display:inline-block;width:.8rem;height:.8rem;border-radius:50%;background:var(--blue);margin-right:.8rem;vertical-align:.2rem;}
#contentsmech .mech-en{font-size:5.6rem;line-height:1.1;color:var(--blue);margin:.4rem 0 .8rem;}
#contentsmech .mech-ttl{font-size:2.4rem;font-weight:700;line-height:1.5;color:var(--blue);letter-spacing:.06em;margin:0 0 2.4rem;}
#contentsmech .mech-lead{font-size:1.5rem;line-height:1.9;color:#333;margin:-.8rem 0 2.8rem;}
#contentsmech .mech-cards{display:grid;gap:2.4rem;text-align:left;}
#contentsmech .mech-cards--2{grid-template-columns:repeat(2,1fr);}
#contentsmech .mech-cards--3{grid-template-columns:repeat(3,1fr);}
#contentsmech .mech-card{background:#fff;border:1px solid #DCE3EE;border-radius:.6rem;padding:2.8rem 2.8rem 2.4rem;display:flex;flex-direction:column;}
#contentsmech .mech-card--multi{background:#FFFCFA;}
#contentsmech .mech-cards--3 .mech-card{background:#F7FAFE;}
#contentsmech .mech-card-ttl{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-size:2.4rem;font-weight:700;line-height:1.4;color:var(--blue);margin:0 0 1rem;}
#contentsmech .mech-card-ttl .tag{font-size:1.3rem;font-weight:500;line-height:1;padding:.6rem .8rem;background:#D8EBFC;color:var(--blue);border-radius:.3rem;}
#contentsmech .mech-card-lead{font-size:1.7rem;font-weight:700;line-height:1.6;color:var(--blue);margin:0 0 1rem;}
#contentsmech .mech-card-text{font-size:1.5rem;line-height:1.9;color:#333;margin:0 0 1.6rem;}
#contentsmech .mech-points{background:#EEF4FB;border-radius:.6rem;padding:1.6rem 2rem;margin:0 0 1.6rem;list-style:none;}
#contentsmech .mech-points li{position:relative;padding-left:1.8rem;font-size:1.5rem;line-height:1.8;color:#333;}
#contentsmech .mech-points li::before{content:"";position:absolute;left:0;top:.75em;width:.8rem;height:.8rem;border-radius:50%;background:var(--blue);}
#contentsmech .mech-caution{background:#FBEDEE;border-radius:.6rem;padding:1.6rem 2rem;margin:0 0 .8rem;}
#contentsmech .mech-caution-ttl{font-size:1.6rem;font-weight:700;color:#C8323C;margin:0 0 .6rem;}
#contentsmech .mech-caution-ttl::before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#C8323C;color:#fff;font-size:1.4rem;margin-right:.8rem;vertical-align:.1rem;}
#contentsmech .mech-caution ul{list-style:none;margin:0;padding:0;}
#contentsmech .mech-caution li{position:relative;padding-left:1.6rem;font-size:1.4rem;line-height:1.8;color:#333;}
#contentsmech .mech-caution li::before{content:"・";position:absolute;left:0;}
#contentsmech .mech-small{font-size:1.2rem;color:#666;text-align:right;margin:0;}
#contentsmech .mech-link{margin:auto 0 0;text-align:right;}
#contentsmech .mech-link a{font-size:1.4rem;font-weight:700;color:var(--blue);}
#contentsmech .mech-link a::after{content:"›";margin-left:.6rem;font-size:1.2em;}
@media screen and (max-width: 767px){
#contentsmech .mech-block{margin-bottom:12vw;}
#contentsmech .mech-types{margin-top:12vw;}
#contentsmech .mech-eyebrow{font-size:3.4vw;}
#contentsmech .mech-en{font-size:10.6vw;}
#contentsmech .mech-ttl{font-size:4.8vw;margin-bottom:5.3vw;}
#contentsmech .mech-lead{font-size:3.6vw;text-align:left;margin:-1.6vw 0 5.3vw;}
#contentsmech .mech-cards--2, #contentsmech .mech-cards--3{grid-template-columns:1fr;gap:4vw;}
#contentsmech .mech-card{padding:5.3vw 4.8vw;}
#contentsmech .mech-card-ttl{font-size:5.1vw;gap:1.6vw;}
#contentsmech .mech-card-ttl .tag{font-size:2.9vw;padding:1.2vw 1.6vw;}
#contentsmech .mech-card-lead{font-size:3.9vw;}
#contentsmech .mech-card-text, #contentsmech .mech-points li{font-size:3.6vw;}
#contentsmech .mech-points, #contentsmech .mech-caution{padding:3.6vw 4vw;}
#contentsmech .mech-caution-ttl{font-size:3.8vw;}
#contentsmech .mech-caution li{font-size:3.4vw;}
#contentsmech .mech-small{font-size:2.9vw;}
#contentsmech .mech-link a{font-size:3.4vw;}
}
/* 既存の「#contentsmech .inner-Box ul（2列）」と左寄せの指定に負けないように */
#contentsmech .inner-Box .mech-block ul{display:block !important;}
#contentsmech .inner-Box .mech-block > .mech-eyebrow,
#contentsmech .inner-Box .mech-block > .mech-en,
#contentsmech .inner-Box .mech-block > .mech-ttl{text-align:center !important;}
#contentsmech .inner-Box .mech-types > .mech-lead{text-align:center;}
#contentsmech .mech-card-lead, #contentsmech .mech-card-ttl, #contentsmech .mech-ttl{text-wrap:balance;word-break:auto-phrase;}
@media screen and (max-width: 767px){
#contentsmech .inner-Box .mech-types > .mech-lead{text-align:left;}
#contentsmech .mech-caution-ttl::before{width:4.8vw;height:4.8vw;font-size:3.2vw;margin-right:1.6vw;}
}
@media screen and (max-width: 767px){
#contentsmech .mech-eyebrow::before{width:1.8vw;height:1.8vw;margin-right:1.6vw;vertical-align:.4vw;}
}
/* 2026-10-06 ページ全体のデザインに合わせる（見出し＝「こんな方におすすめです」と同じ形、カード＝「レンズを選ぶ」と同じ形） */
#contentsmech .inner-Box .mech-block > .mech-ttl{font-size:2.6rem;font-weight:700;line-height:1.5;letter-spacing:.05em;color:var(--blue);margin:0 0 2rem;}
#contentsmech .inner-Box .mech-block > .mech-lead{font-size:1.6rem;line-height:2;letter-spacing:.05em;color:#222;margin:0 0 3.6rem;}
#contentsmech .mech-lens > .mech-ttl{margin-bottom:3.6rem;}
#contentsmech .mech-card, #contentsmech .mech-card--multi, #contentsmech .mech-cards--3 .mech-card{background:#fff;border:1px solid #DDDDDD;border-radius:0;padding:2.4rem 3.2rem 3.2rem;}
#contentsmech .mech-card-ttl{font-size:2rem;gap:.8rem;margin-bottom:1.6rem;}
#contentsmech .mech-card-ttl .tag{font-size:1.1rem;padding:.6rem;border-radius:0;letter-spacing:0;}
#contentsmech .mech-card-lead{font-size:1.6rem;}
#contentsmech .mech-card-text{font-size:1.5rem;line-height:2;color:#222;}
#contentsmech .mech-points{background:#F2F7FC;border-radius:0;}
#contentsmech .mech-caution{background:#FDF3F3;border-radius:0;}
#contentsmech .mech-caution-ttl{color:#AA1C1C;}
#contentsmech .mech-caution-ttl::before{background:#AA1C1C;}
@media screen and (max-width: 767px){
#contentsmech .inner-Box .mech-block > .mech-ttl{font-size:5.3vw;margin-bottom:3.3vw;}
#contentsmech .inner-Box .mech-block > .mech-lead{font-size:4vw;line-height:1.8;text-align:left;margin-bottom:5.4vw;}
#contentsmech .mech-lens > .mech-ttl{margin-bottom:5.4vw;}
#contentsmech .mech-card, #contentsmech .mech-card--multi, #contentsmech .mech-cards--3 .mech-card{padding:5.333vw;}
#contentsmech .mech-card-ttl{font-size:4.8vw;}
#contentsmech .mech-card-ttl .tag{font-size:2.9vw;padding:1.6vw;}
#contentsmech .mech-card-lead{font-size:3.9vw;}
}
@media screen and (max-width: 767px){
#contentsmech .mech-card-text{font-size:3.6vw;line-height:1.9;}
#contentsmech .mech-lens > .mech-ttl{margin-top:2.4vw;}
}

/* 2026-10-12 白内障手術の方法（SURGERY）: LENS CATALOG と FLACS の間 */
#contentssurgery{padding: 0 5vw 12rem;}
#contentssurgery .inner-Box{max-width:80rem;margin:0 auto;}
#contentssurgery p.text{font-size:1.6rem;line-height:2;letter-spacing:.05em;color:#222;}
@media screen and (max-width: 767px){
#contentssurgery{padding: 0 5vw 12.8vw;}
#contentssurgery p.text{font-size:3.7vw;}
}

/* 2026-10-14 レンズ写真（先方支給）を同じ大きさにそろえる：画像は正方形・透明背景で用意済み */
#contentslens .inner-slag-Box figure.photo{height:18rem;}
#contentslens .inner-slag-Box figure.photo picture{display:block;height:100%;}
#contentslens .inner-slag-Box figure.photo img{display:block;width:auto;height:100%;max-height:none;margin:0 auto;object-fit:contain;}
@media screen and (max-width: 767px){
#contentslens .inner-slag-Box figure.photo{height:40vw;}
}

/* 2026-10-19 スペック比較表：乱視矯正の列をなくし、費用を「通常」「乱視用」の2列に */
#contentslens .tbl-Box .tblls .tw0 {width:32%;}
#contentslens .tbl-Box .tblls .tw1 {width:20%;}
#contentslens .tbl-Box .tblls .tw3 {width:12%;}
#contentslens .tbl-Box .tblls .tw4 {width:auto;}
#contentslens .tbl-Box .tblls .tw5 {width:18%;}
/* レンズカードの費用：見出し行＋通常／乱視用の行 */
#contentslens .inner-slag-Box table.lens-tbl tr.cost-head th{padding-bottom:0;}
#contentslens .inner-slag-Box table.lens-tbl tr.cost-row th{padding-left:1em;font-weight:400;}

/* 2026-10-19 「手術対応施設」を費用ページの対応可能施設と同じ白抜きの札に */
#contentsflacs .sibtt span,#contentsprocedure .sibtt span{background:var(--blue);color:#fff;font-weight:400;padding:.9rem .6rem;}
@media screen and (max-width: 767px){
#contentsflacs .sibtt span,#contentsprocedure .sibtt span{font-size:2.7vw;padding:2vw .9vw;}
}