@charset "UTF-8";


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

#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: 3rem;} 
#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 p.text span {font-weight: 700;color: #fff177;}
#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) .bluebtn .arr{ transform: none;}

#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;}

#contentsinsurance {margin: 8rem auto 14rem;position: relative;padding: 0 5vw;}
#contentsinsurance .inner-Box {margin:0 auto;position:relative;max-width:100rem;display:flex;gap:6.4%;}
#contentsinsurance .photo-Box {width:23.3%;position:relative;}
#contentsinsurance .text-Box {width:70.3%;position:relative;}

#contentsinsurance .photo-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsinsurance .photo-Box figure.photo img{width: 100%;height: auto;}
#contentsinsurance .text-Box p.text {margin-bottom: 1rem;position: relative;text-align: left;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;}
#contentsinsurance .text-Box p.text span { font-weight: 700; }
#contentsinsurance .text-Box .bbb{text-align: right;padding-top: 1rem;}
#contentsinsurance .text-Box .whitebtn__text{ text-align:left;font-size:1.4rem;font-weight:700;line-height:1;letter-spacing:0.05em;color:var(--blue); }


#contentsmonofocal{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12rem 5vw 14rem;}
#contentsmonofocal .inner-Box {margin: 0 auto;position:relative;max-width: 120rem;}
#contentsmonofocal .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;}
#contentsmonofocal .inner-Box p.subtext span { font-weight: 700; }
#contentsmonofocal .inner-Box ul {display:grid;grid-template-columns:repeat(3,31.1111%);gap:3.3333%;}
#contentsmonofocal .inner-Box ul li {position:relative;}
#contentsmonofocal .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.5rem;}
#contentsmonofocal .inner-Box figure.photo img{width: 100%;height: auto;}
#contentsmonofocal .inner-Box h3 {text-align:left;font-size:20px;font-weight:700;line-height:1.6;letter-spacing:.05em;color:var(--blue);margin-bottom: 1.1rem;position: relative;}
#contentsmonofocal .inner-Box p.ltext { margin-bottom: 0px; position: relative; text-align:left;font-size:15px;font-weight:400;line-height:1.8;letter-spacing:.05em;color:#222;}

#contentsfeature {margin: 0 auto;position: relative;padding: 12rem 5vw 14rem;background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;}
#contentsfeature .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;}
#contentsfeature .inner-Box > ul {display:grid;grid-template-columns:repeat(2,1fr);gap: 2.4rem;}
#contentsfeature .inner-Box > ul > li {position:relative;background:#fff;border: 1px solid #DDD;padding: 3.2rem;}
#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;position: absolute;top: 1.7rem;right: 0rem;}
#contentsfeature .inner-Box p.text {margin-bottom: 1.6rem;text-align: left;font-size: 1.5rem;line-height: 1.8;}
#contentsfeature .inner-Box p.text:last-child {margin-bottom: 0;}
#contentsfeature .inner-Box p.midttl {margin: 0 0 0.8rem;text-align: left;font-size: 1.6rem;font-weight: 700;line-height: 1.5;}
#contentsfeature .inner-Box ul.dotlist {margin-bottom: 1.6rem;font-size:1.5rem;}
#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 .inner-Box {margin: 0 auto;position:relative;max-width: 120rem;z-index: 4;display:flex;align-items:center;gap: 6.4%;}

#contentprice .inBox1 {position: relative;width: 46%;}
#contentprice .inBox1 h3 {margin-bottom: 2.4rem;text-align: left;font-size:2.8rem;font-weight:700;line-height:1.5;color:#fff;}
#contentprice .inBox1 p.text {margin-bottom: 4rem;text-align: left;font-size:1.6rem;line-height:2;color:#fff;}
#contentprice .inBox1 p.text span {font-weight: 700;color: #fff177;}
#contentprice .inBox1 .btnn{width: 30rem;}

#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: 47.6%;background: #FFFFFF08;border: 1px solid #FFFFFF40;padding: 3.2rem 4rem 4rem;}
#contentprice .inBox2 .midttl {margin: 0 0 1.6rem;padding-bottom: 1.6rem;border-bottom: 1px solid #FFFFFF40;text-align: left;font-size: 2rem;font-weight: 700;line-height: 1.5;color:#fff;}

#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: 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;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;}
#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);}
}
@media screen and (min-width:768px) and ( max-width:1000px) {

}

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

.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: 4.6vw;}
#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 p.text span{font-weight:700;color:#fff177;}
#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:nth-child(2) .bluebtn .arr{ transform: none;}

#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;}

#contentsinsurance{margin: 8.533vw auto 14.933vw;position:relative;padding: 0 5vw;}
#contentsinsurance .inner-Box{margin:0 auto;position:relative;max-width:100%;display:block;}
#contentsinsurance .photo-Box{position:relative;margin: 0 21vw 6vw;}
#contentsinsurance .text-Box{width:100%;position:relative;}
#contentsinsurance .photo-Box figure.photo{position:relative;top:0;left:0;}
#contentsinsurance .photo-Box figure.photo img{width:100%;height:auto;}
#contentsinsurance .text-Box p.text{margin-bottom: 4.9vw;position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:0.05em;}
#contentsinsurance .text-Box p.text span{font-weight:700;}
#contentsinsurance .text-Box .bbb{text-align:right;margin-top: -1.8vw;}
#contentsinsurance .text-Box .whitebtn__text{text-align:left;font-size: 3.7vw;font-weight:700;line-height:1;letter-spacing:.05em;color:var(--blue);}
#contentsinsurance .text-Box .bbb .whitebtn__circle{width:8.8vw;height:8.8vw;margin-left: -0.8vw;}
#contentsinsurance .text-Box .bbb .whitebtn__circle-bg{width:8.8vw;height:8.8vw;}
#contentsinsurance .text-Box .bbb .whitebtn__border{width:8.8vw;height:8.8vw;}



#contentsmonofocal{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 12.8vw 5vw 14.933vw;}
#contentsmonofocal .inner-Box{margin: 0 auto;position:relative;max-width:100%;}
#contentsmonofocal .inner-Box p.subtext{margin-bottom: 7.7vw;position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.8;letter-spacing:0.05em;}
#contentsmonofocal .inner-Box p.subtext span{font-weight:700;}
#contentsmonofocal .inner-Box ul{display:grid;grid-template-columns:repeat(1,100%);gap: 8vw;}
#contentsmonofocal .inner-Box ul li{position:relative;}
#contentsmonofocal .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom: 3.2vw;}
#contentsmonofocal .inner-Box figure.photo img{width:100%;height:auto;}
#contentsmonofocal .inner-Box h3{text-align:left;font-size:5.3vw;font-weight:700;line-height:1.5;letter-spacing:.05em;color:var(--blue);margin-bottom: 1.333vw;position:relative;}
#contentsmonofocal .inner-Box p.ltext{font-size:4vw;line-height:1.7;}

#contentsfeature{margin:0 auto;position:relative;padding: 12.8vw 5vw 14.933vw;background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;}
#contentsfeature .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsfeature .inner-Box > ul{display:grid;grid-template-columns:repeat(1,100%);gap: 4.267vw;}
#contentsfeature .inner-Box > ul > li{position:relative;background:#fff;border:1px solid #DDD;padding: 5.333vw;}
#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;position:absolute;top:4.5vw;right: 0vw;}
#contentsfeature .inner-Box p.text{margin-bottom: 3.2vw;position:relative;text-align:left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:.05em;}
#contentsfeature .inner-Box p.text:last-child{margin-bottom:0;}
#contentsfeature .inner-Box p.midttl{margin:0 0 2.4vw;position:relative;text-align:left;font-size:4.267vw;font-weight:700;line-height:1.8;letter-spacing:.05em;color:#222;}
#contentsfeature .inner-Box ul.dotlist{margin-bottom: 3.2vw;}

#contentprice{overflow:hidden;position:relative;padding: 12.8vw 5vw 14.933vw;}
#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 .inner-Box{margin:0 auto;position:relative;max-width:100%;z-index:4;display:block;}
#contentprice .inBox1{position:relative;width:100%;margin: 0 auto 8.533vw;padding:0;}
#contentprice .inBox1 h3{margin-bottom:4.8vw;color:#fff;text-align: center;font-size:5.3vw;font-weight:700;line-height:1.5;}
#contentprice .inBox1 p.text{margin-bottom: 6.4vw;color:#fff;text-align: left;font-size:4vw;line-height:1.7;}
#contentprice .inBox1 p.text span{font-weight:700;color:#fff177;}
#contentprice .inBox1 .btnn{width:100%;margin:0;}
#contentprice .inBox1 .bluebtn{background:#fff;color:var(--blue);}
#contentprice .inBox1 .bluebtn .arr{background:var(--blue);}
#contentprice .inBox1 .bluebtn .arr img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#contentprice .inBox2{position:relative;width:100%;margin:0 auto;background:#FFFFFF08;border:1px solid #FFFFFF40;padding: 5.333vw;}
#contentprice .inBox2 .midttl{margin:0 0 4.267vw;padding-bottom:3.2vw;border-bottom:1px solid #FFFFFF40;text-align:left;font-size:4.8vw;font-weight:700;line-height:1.5;color:#fff;}
#contentsendtel{margin:0 auto;position:relative;padding: 12.8vw 5vw 12.8vw;}
footer{margin-top: 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;}
}

/* 2026-09-24 原稿03（通常の白内障手術）で追加したセクション */
@media screen and (min-width: 768px),print {
.cat-sec{padding:12rem 5vw 12rem;position:relative;}
.cat-sec.cat-gray{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;}
.cat-sec .inner-Box{margin:0 auto;max-width:100rem;position:relative;}
.cat-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;}
.cat-sec h3{text-align:left;font-size:2rem;font-weight:700;line-height:1.6;letter-spacing:.05em;color:var(--blue);margin-bottom:1.2rem;}
.cat-sec h3.cat-lead{margin-bottom:2rem;}
.cat-flex{display:flex;gap:6.4%;align-items:flex-start;}
.cat-flex .cat-fig{width:36%;flex-shrink:0;}
.cat-flex .cat-text{flex:1;}
.cat-fig{margin:0 0 3.2rem;}
.cat-fig img{display:block;width:100%;height:auto;}
.cat-fig-wide{max-width:72rem;margin:3.2rem auto;}
.cat-table{width:100%;border-collapse:collapse;margin:3.2rem 0 1.2rem;background:#fff;}
.cat-table th,.cat-table td{border:1px solid #DDD;padding:1.5rem 2rem;font-size:1.5rem;line-height:1.6;letter-spacing:.05em;color:#222;text-align:center;}
.cat-table th{background:#F8F8FA;font-weight:700;}
.cat-table tr:first-child th{background:var(--blue);color:#fff;}
.cat-note{font-size:1.2rem;line-height:1.5;color:#666;margin-bottom:2.4rem;text-align:left;}
.cat-sec .bbb{text-align:right;padding-top:1.6rem;}
.cat-sec .whitebtn__text{font-size:1.4rem;font-weight:700;line-height:1;letter-spacing:.05em;color:var(--blue);}
.cat-steps{counter-reset:catstep;margin:0 auto;max-width:72rem;}
.cat-steps li{counter-increment:catstep;position:relative;padding-left:4.4rem;margin-bottom:1.6rem;font-size:1.6rem;line-height:1.9;letter-spacing:.05em;color:#222;text-align:left;}
.cat-steps li::before{content:counter(catstep);position:absolute;left:0;top:.2rem;width:3rem;height:3rem;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:1.5rem;line-height:3rem;text-align:center;}
.cat-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem;}
.cat-flow li{background:#fff;border:1px solid #DDD;padding:2.4rem 2rem;}
.cat-flow .cat-no{font-size:1.3rem;font-weight:700;letter-spacing:.1em;color:var(--blue);margin-bottom:.8rem;}
.cat-flow h3{font-size:1.8rem;}
.cat-flow p.text{font-size:1.4rem;line-height:1.8;margin-bottom:0;}
.cat-risk{display:grid;grid-template-columns:1fr 1fr;gap:4rem;}
.cat-dot li{position:relative;padding-left:1.6rem;margin-bottom:.8rem;font-size:1.6rem;line-height:1.8;color:#222;text-align:left;}
.cat-dot li::before{content:"";position:absolute;left:0;top:1.1rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--blue);}
}
@media screen and (max-width: 767px) {
.cat-sec{padding:16vw 5vw;position:relative;}
.cat-sec.cat-gray{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;}
.cat-sec p.text{margin-bottom:4vw;text-align:left;font-size:3.7vw;font-weight:400;line-height:1.9;letter-spacing:.05em;color:#222;}
.cat-sec h3{text-align:left;font-size:4.5vw;font-weight:700;line-height:1.6;color:var(--blue);margin-bottom:3vw;}
.cat-flex{display:block;}
.cat-fig{margin:0 0 6vw;}
.cat-fig img{display:block;width:100%;height:auto;}
.cat-scroll{overflow-x:auto;}
.cat-table{width:150vw;border-collapse:collapse;margin:6vw 0 3vw;background:#fff;}
.cat-table th,.cat-table td{border:1px solid #DDD;padding:3vw;font-size:3.4vw;line-height:1.6;color:#222;text-align:center;}
.cat-table th{background:#F8F8FA;font-weight:700;}
.cat-table tr:first-child th{background:var(--blue);color:#fff;}
.cat-note{font-size:3.2vw;line-height:1.5;color:#666;margin-bottom:5vw;text-align:left;}
.cat-sec .bbb{text-align:right;padding-top:3vw;}
.cat-sec .whitebtn__text{font-size:3.4vw;font-weight:700;color:var(--blue);}
.cat-steps{counter-reset:catstep;}
.cat-steps li{counter-increment:catstep;position:relative;padding-left:9vw;margin-bottom:4vw;font-size:3.7vw;line-height:1.8;color:#222;text-align:left;}
.cat-steps li::before{content:counter(catstep);position:absolute;left:0;top:.5vw;width:6.4vw;height:6.4vw;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:3.4vw;line-height:6.4vw;text-align:center;}
.cat-flow li{background:#fff;border:1px solid #DDD;padding:5vw 4.5vw;margin-bottom:3vw;}
.cat-flow .cat-no{font-size:3.2vw;font-weight:700;letter-spacing:.1em;color:var(--blue);margin-bottom:1.6vw;}
.cat-flow p.text{margin-bottom:0;}
.cat-risk > div{margin-bottom:6vw;}
.cat-dot li{position:relative;padding-left:4vw;margin-bottom:2vw;font-size:3.7vw;line-height:1.8;color:#222;text-align:left;}
.cat-dot li::before{content:"";position:absolute;left:0;top:2.6vw;width:1.6vw;height:1.6vw;border-radius:50%;background:var(--blue);}
}

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

/* 2026-10-12 INSURANCE の図（単焦点の見え方）と注記 */
.cat-single-view img{width:100%;height:auto;display:block;}
.cat-single-view figcaption{font-size:1.3rem;line-height:1.6;color:#555;margin-top:.8rem;text-align:left;}
@media screen and (max-width: 767px){ .cat-single-view figcaption{font-size:3.2vw;} }
@media screen and (min-width: 768px),print {
#contentsinsurance .photo-Box{width:46%;}
#contentsinsurance .text-Box{width:47.6%;}
#contentsinsurance .inner-Box{align-items:center;}
}

/* 2026-10-27 特徴カードの写真をICLと同じ作りに（16:9・カードの内側・05は横長）／流れの注記 */
#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;}
#contentsfeature .inner-Box > ul > li.wide{grid-column:1 / -1;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;}
@media screen and (min-width:768px),print{#contentsfeature .inner-Box > ul > li:not(.wide) h3{min-height:6rem;}} /* 見出しが1行・2行でも横並びの写真の高さをそろえる */
#contentscatflow .cat-flow-note{margin-top:2.4rem;font-size:1.4rem;line-height:1.8;}
@media screen and (max-width:767px){
#contentsfeature .inner-Box figure.feature-photo{margin:0 0 3.2vw;}
#contentsfeature .inner-Box > ul > li.wide{display:block;}
#contentsfeature .inner-Box > ul > li.wide figure.feature-photo{margin:0 0 3.2vw;}
#contentscatflow .cat-flow-note{margin-top:4.8vw;font-size:3.4vw;}
}