@charset "UTF-8"; #dl-ttlbox .disease-cate-Box .textbotx .text strong{ font-weight: bold; } @media screen and (min-width: 768px),print { #contentsdisease{position: relative;z-index: 3;top: -2.3rem;padding: 0 5vw 0;margin-bottom: 5.7rem;} #contentsdisease .inner-Box{max-width: 80rem;margin: 0 auto;} #contentsdisease .inner-Box .text{text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;margin: 0 -4rem 3.2rem;} #contentsdisease .inBox {background: #FFF5F5;position: relative;padding: 2.4rem 3.2rem 3.2rem;border: 1px solid #AA1C1C;} #contentsdisease .inBox h3 {margin-bottom: 0.9rem;text-align: left;font-size:1.6rem;font-weight:700;line-height:1.625;letter-spacing:0.05em;color:#AA1C1C;} #contentsdisease .inBox h3 span { position: relative; top: -0.2rem; display: inline-block; margin-right: 0.3rem; } #contentsdisease .inBox h3 span img {} #contentsdisease .inBox p.redtext { text-align: left; font-size:1.4rem; font-weight:400; line-height:1.786; letter-spacing:0.05em; } #contentsdisease .inBox p.redtext span { color: #AA1C1C; } #diseasecontents{padding: 0 5vw 0rem;margin-bottom: 19rem;} #diseasecontents .listbox {display: grid;grid-template-columns: repeat(3, 31.1%);gap: 3.3%;max-width: 120rem;margin: 0 auto;} #diseasecontents .listbox li {margin-bottom: 2rem;} #diseasecontents .listbox li a { display: block; } #diseasecontents .listbox li a .photo {width: 100%;aspect-ratio: 1.7 / 1.1;overflow: hidden;text-align: center;position: relative;margin-bottom: 1.9rem;} #diseasecontents .listbox li a .photo img { width: 100%; height: 100%; object-fit: cover; display: block; } #diseasecontents .listbox li a .min-box {} #diseasecontents .listbox li a .min-box .sys-ttl{margin-bottom: 1.2rem;text-align: left;font-size:2rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);} #diseasecontents .listbox li a .min-box .sys-ttl span {text-align: left;font-size:1.1rem;font-weight:500;line-height:1;letter-spacing:0em;display: inline-block;padding: 0.6rem;margin-right: 0.8rem;position: relative;top: -0.2rem;} #diseasecontents .listbox li a .min-box .sys-ttl .regular-checkup { color: #1A673B; background: #D9F0E4; } #diseasecontents .listbox li a .min-box .sys-ttl .consider-visit { color: #550202; background: #FFF9AD; } #diseasecontents .listbox li a .min-box .sys-ttl .early-visit { color: #AA1C1C; background: #FFE6E0; } #diseasecontents .listbox li a .min-box .sys-text{text-align: left;font-size:1.5rem;font-weight:400;line-height:1.8;letter-spacing:0.05em;color:#222;margin-bottom: 0rem;} #diseasecontents .listbox li a::before{} #diseasecontents .listbox li a:hover::before{bottom:0.5rem; right: 0.5rem;} #diseasecontents .listbox li .dlmo{position: relative;font-size: 1.4rem;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: right;color: var(--blue);} #diseasecontents .listbox li .dlmo::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;} #diseasecontents .listbox li a:hover .dlmo::before{right: -2.6rem;} #diseasecontents .listbox li .whitebtn__circle{display: inline-block;top: 1.2rem;margin-left: 0.5rem;} #contentsbtmm {margin: 0 auto;position: relative;padding: 0 5vw;} #contentsbtmm .inner-Box {margin: 0 auto;position: relative;background: #ECEDF2;max-width: 80rem;padding: 4.9rem 5.6rem 5.5rem 5.6rem;} #contentsbtmm .inner-Box figure.photo {position: absolute;bottom: -0;left: 50%;width: 12.6rem;margin-left: 24.5rem;} #contentsbtmm .inner-Box figure.photo img{width: 100%;height: auto;} #contentsbtmm .inner-Box h2 {margin-bottom: 1rem;position: relative;text-align: center;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);} #contentsbtmm .inner-Box p.subttl {margin-bottom: 2.8rem;position: relative;text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;} #contentsbtmm .inner-Box .bbb{ width: 30rem; margin: 0 auto; } #contentsbtmm .inner-Box .bbb a{padding-left: 4.7rem;} #contentsbtmm .inner-Box .bbb a::after{content: "";background: url(../images/disease/zoom.svg)no-repeat top left;background-size: 100% auto;width: 1.5rem;height: 1.5rem;display: inline-block;margin-right: 0rem;position: absolute;top: 2.4rem;transition: all 0.3s ease-in-out;left: 2.2rem;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transition: all 0.3s ease-in-out;} #contentsbtmm .inner-Box .bbb a:hover::after{-webkit-filter: none;filter: none;} /* single disease page */ #dl-ttlbox {padding: 0 5vw 2.8rem;position: relative;top: -2rem;z-index: 3;} #dl-ttlbox .ttl-Box { max-width: 80rem; margin: 0 auto 4.5rem; border-left: var(--blue) 3px solid; padding: 0.1rem 0 0 2.4rem; } #dl-ttlbox .ttl-Box h1 { text-align: left; font-size:3rem; font-weight:700; line-height:1.5; letter-spacing:0.05em; color:var(--blue); margin-bottom: 1.3rem; } #dl-ttlbox .ttl-Box .subttl { text-align: left; font-size:1.4rem; font-weight:400; line-height:1.786; letter-spacing:0.05em; color:#222; } #dl-ttlbox .disease-cate-Box {width:80rem;margin:0 auto;padding: 3.2rem 3.2rem;display:flex;gap: 2.3%;align-items:center;background: #FFF9AD;} #dl-ttlbox .disease-cate-Box .ttlbotx {width: 25.1%;} #dl-ttlbox .disease-cate-Box .textbotx {width: 70.7%;border-left: 1px solid #550202;padding-left: 3.2rem;} #dl-ttlbox .disease-cate-Box .ttlbotx h2 { text-align: center; font-size:2.4rem; font-weight:700; line-height:1; letter-spacing:0.05em; color:#550202; padding-left: 3.1rem; position: relative; } #dl-ttlbox .disease-cate-Box .ttlbotx h2::before{content:"";background: url(../images/disease/consider-visit.svg) no-repeat top left;background-size: 100% auto;width: 3.5rem;height: 3.5rem;display: inline-block;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} #dl-ttlbox .disease-cate-Box .textbotx .text { text-align: left; font-size:1.6rem; font-weight:400; line-height:1.813; letter-spacing:0.05em; color:#550202; } #dl-ttlbox .disease-cate-Box .textbotx .text span { font-weight:700; } #dl-ttlbox .disease-cate-Box.regular-checkup { color: #1A673B; background: #D9F0E4; } #dl-ttlbox .disease-cate-Box.regular-checkup .ttlbotx h2 {color: #1A673B;} #dl-ttlbox .disease-cate-Box.regular-checkup .ttlbotx h2::before{background: url(../images/disease/regular-checkup.svg) no-repeat top left;} #dl-ttlbox .disease-cate-Box.regular-checkup .textbotx {border-left: 1px solid #1A673B;} #dl-ttlbox .disease-cate-Box.regular-checkup .textbotx .text {color: #1A673B;} #dl-ttlbox .disease-cate-Box.early-visit { color: #AA1C1C; background: #FFE6E0; } #dl-ttlbox .disease-cate-Box.early-visit .ttlbotx h2 {color: #AA1C1C;} #dl-ttlbox .disease-cate-Box.early-visit .ttlbotx h2::before{background: url(../images/disease/early-visit.svg) no-repeat top left;} #dl-ttlbox .disease-cate-Box.early-visit .textbotx {border-left: 1px solid #AA1C1C;} #dl-ttlbox .disease-cate-Box.early-visit .textbotx .text {color: #AA1C1C;} #symptom-box {max-width: 80rem;margin: 0 auto 8rem;border: 1px solid var(--blue);background: #F0F7FD;padding-bottom: 3.2rem;} #symptom-box h3 {background: var(--blue);text-align: center;font-size:2rem;font-weight:700;line-height:1.65;letter-spacing:0.05em;margin-bottom: 3.2rem;color:#fff;padding: 1.2rem;} #symptom-box .inner-Box {} #symptom-box .symptom-list {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 8px;padding: 0.9rem 0;} #symptom-box .symptom-list li {width: auto;} #symptom-box .symptom-list li a {position: relative;border: 1px solid var(--blue);background: #fff;text-align: left;font-size: 14px;line-height: 1.5;letter-spacing: 0em;font-weight: 500;color: var(--blue);padding: 1.1rem 2.6rem 1.1rem 0.9rem;transition: all 0.3s ease-in-out;} #symptom-box .symptom-list li a::before{content: "";display: block;width: 0.9rem;height: 1.5rem;background: url(../images/common/arr.svg) no-repeat bottom right;position: absolute;bottom: 1.5rem;right: 1.2rem;transition: all 0.3s ease-in-out;background-size: 100% auto;transition: all 0.3s ease-in-out;} #symptom-box .symptom-list li a:hover{ background: var(--blue);color: #fff;} #symptom-box .symptom-list li a:hover::before{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1); } #dl-ttlbox2 {padding: 0 5vw 0rem;margin-bottom: 6.1rem;} #dl-ttlbox2 .inner-Box {width: 80rem;margin: 0 auto 6.4rem;} #dl-ttlbox2 .inner-Box h3{text-align: left;border-bottom: #CCC solid 1px;margin-bottom: 3.2rem;font-size: 2.2rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;color: #222222;padding-bottom: 1.7rem;position: relative;} #dl-ttlbox2 .inner-Box ul {display:grid;grid-template-columns:repeat(2,49%);column-gap:2%;row-gap:1.6rem;} #dl-ttlbox2 .inner-Box ul li {border:1px solid #DDDDDD;padding:2.4rem;} #dl-ttlbox2 .inner-Box ul li a{ display: block; } #dl-ttlbox2 .inner-Box ul li h4 {text-align: left;font-size:1.8rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:#222;margin-bottom: 0.8rem;} #dl-ttlbox2 .inner-Box ul li h4 span {text-align: left;font-size:1.1rem;font-weight:500;line-height:1;letter-spacing:0em;display: inline-block;padding: 0.6rem;margin-right: 0.8rem;position: relative;top: -0.2rem;background: #D8EBFC;color: var(--blue);} #dl-ttlbox2 .inner-Box ul li .ltext {text-align: left;font-size:1.4rem;font-weight:400;line-height:1.786;letter-spacing:0.05em;color:#222;margin-bottom: 1.6rem;min-height: 5rem;} #dl-ttlbox2 .inner-Box ul li .btext {display: inline-flex;align-items: center;gap: 10px;text-decoration: none;cursor: pointer;-webkit-font-smoothing: antialiased;} #dl-ttlbox2 .inner-Box ul li .btextal{ text-align: right; } #dl-ttlbox2 .inner-Box ul li .btext .whitebtn__circle{width: 3.2rem;height: 3.2rem;} #dl-ttlbox2 .inner-Box ul li .btext .whitebtn__border{width: 3.2rem;height: 3.2rem;} #dl-ttlbox2 .inner-Box ul li.blue { border: 1px solid var(--blue); background: #F0F7FD;} #dl-ttlbox2 .inner-Box ul li.blue h4,#dl-ttlbox2 .inner-Box ul li.blue .ltext{color: var(--blue);} #dl-ttlbox2 .inner-Box ul li.blue .btext .whitebtn__circle-bg{ background: #fff;} #kdoctor {padding: 0 5vw;margin-bottom: 6.4rem;} #kdoctor .inner-Box {max-width: 80rem;margin: 0 auto;position: relative;background: #F8F8FA;border-top: var(--blue) 1px solid;border-bottom: var(--blue) 1px solid;padding: 4.1rem 2.4rem 4.1rem;} #kdoctor .inner-Box h2 { text-align: left; font-size:2rem; font-weight:700; line-height:1.5; letter-spacing:0.05em; color:var(--blue); background: #F8F8FA; position: absolute; top: -1px; left: 33px; width: 10.7rem; } #kdoctor .inner-Box h2 span { display: inline-block; position: relative; top: -1.4rem; left: 1.2rem; } #kdoctor .inner-Box .inBox {display:flex;align-items:center;gap:4.2553%;} #kdoctor .inner-Box .photoBox {width:15.9574%;flex-shrink:0;} #kdoctor .inner-Box .textBox {width:79.7872%;flex:none;} #kdoctor .inner-Box .photo { width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; text-align: center; position: relative;} #kdoctor .inner-Box .photo img { width: 100%; height: 100%; object-fit: cover; display: block; } #kdoctor .inner-Box .job { text-align: left; font-size:1.2rem; font-weight:400; line-height:1.583; letter-spacing:0.05em; color:#666; margin-bottom: 0.7rem; } #kdoctor .inner-Box h3 { text-align: left; font-size:2.2rem; font-weight:700; line-height:1.5; letter-spacing:0.05em; color:var(--blue); margin-bottom: 1rem; } #kdoctor .inner-Box h3 .f-en {display: inline-block;text-align: left;font-size:1.4rem;font-weight:400;line-height:1.143;letter-spacing:0em;position: relative;top: -0.4rem;margin-left: 1rem;} #kdoctor .inner-Box .prftext { text-align: left; font-size:1.6rem; font-weight:400; line-height:1.813; letter-spacing:0.05em; color:#222; } #dl-ttlbox4 {padding: 0 5vw 6.4rem;overflow: hidden;} #dl-ttlbox4 .inner-Box {width: 80rem;margin: 0 auto;background: url(../images/common/cmback02.png) var(--blue);padding: 4.8rem 4rem 5.5rem 4rem;/* overflow: hidden; */position: relative;} #dl-ttlbox4 .inner-Box::before{content:"";background: url(../images/common/c-rollimg01.png) no-repeat top center;width: 37.6rem;height: 37.6rem;position: absolute;top: -11rem;left: -3rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;} #dl-ttlbox4 .inner-Box h3{margin-bottom: 1.2rem;position: relative;text-align: center;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color: #fff;} #dl-ttlbox4 .inner-Box .text {text-align: center;font-size:1.5rem;font-weight:400;line-height:1.8;letter-spacing:0.05em;color: #fff;margin-bottom: 2.8rem;} #dl-ttlbox4 .inner-Box .bluebtn{ border: 1px solid #fff; background: none; } #dl-ttlbox4 .inner-Box .bluebtn .arr{ background: none; border: 1px solid #fff; } #dl-ttlbox4 .inner-Box .bluebtn .arr img{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1); } #dl-ttlbox4 .inner-Box .bluebtn:hover{ color: #fff; } #dl-ttlbox4 .inner-Box ul {width: 58.6rem;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 2.7304%;justify-content: center;} #dl-ttlbox4 .inner-Box li {position: relative;width: 48.6348%;} #dl-ttlbox4 .inner-Box li:only-child {margin: 0 auto;} #dl-ttlbox-rec {padding: 0 5vw 0rem;} #dl-ttlbox-rec .inner-Box { width: 80rem; margin: 0 auto; position: relative; } #dl-ttlbox-rec .inner-Box h3{text-align: left;border-bottom: #CCC solid 1px;margin-bottom: 2.8rem;font-size: 2.2rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;color: #222222;padding-bottom: 1.6rem;position: relative;} #dl-ttlbox-rec .inner-Box .allistlink{position: absolute;top: -0.6rem;right: 0;} #dl-ttlbox-rec .reclistbox {display: grid;grid-template-columns: repeat(2, 49%);gap: 2%;max-width: 120rem;margin: 0 auto;} #dl-ttlbox-rec .reclistbox li {border-bottom: 1px solid #DDDDDD;margin-bottom: 1rem;} #dl-ttlbox-rec .reclistbox li a {display: flex;/* align-items: center; */gap: 4.7%;padding: 0rem 0.8rem 1.8rem;position: relative;} #dl-ttlbox-rec .reclistbox li a .photo {width: 27.4%;aspect-ratio: 1 / 1;border-radius: 0;overflow: hidden;text-align: center;position: relative;} #dl-ttlbox-rec .reclistbox li a .photo img { width: 100%; height: 100%; object-fit: cover; display: block; } #dl-ttlbox-rec .reclistbox li a .min-box {width: 71.875%;padding-top: 0.9rem;} #dl-ttlbox-rec .reclistbox li a .min-box .sys-ttl{margin-bottom: 0.8rem;text-align: left;font-size:1.8rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);} #dl-ttlbox-rec .reclistbox li a .min-box .sys-text{text-align: left;font-size:1.4rem;font-weight:400;line-height:1.571;letter-spacing:0.05em;color:#222;} #dl-ttlbox-rec .reclistbox li a::before{content:"";display:block;width: 1rem;height: 1rem;background: url(../images/common/arr02.svg)no-repeat bottom right;position:absolute;bottom: 1.6rem;right: 0.8rem;transition: all 0.3s ease-in-out;} #dl-ttlbox-rec .reclistbox li a::after{ content:"";display:block;width: 0rem;height: 1px;background: var(--blue);position:absolute;bottom: -1px;left: 0rem;transition: all 0.3s ease-in-out;} #dl-ttlbox-rec .reclistbox li a:hover::after{ width: 100%; } #dl-ttlbox-rec .reclistbox li a:hover::before{bottom: 1.3rem;right: 0.5rem;} #dryeye-box {padding: 0 5vw 0;margin-bottom: 6rem;margin-top: -4rem;} #dryeye-box .inner-Box {background: #F0F7FD;border: var(--blue) 1px solid;width: 80rem;margin: 0 auto;padding: 3.2rem 4.8rem;} #dryeye-box .inner-Box h2 { text-align: left; font-size:2rem; font-weight:700; line-height:1.5; letter-spacing:0.05em; color:var(--blue); margin-bottom: 1rem; } #dryeye-box .inner-Box .text { text-align: left; font-size:1.6rem; font-weight:400; line-height:1.813; letter-spacing:0.05em; color:#222; margin-bottom: 1.4rem; } #dryeye-box .inner-Box .dryeye-list { margin-bottom: 1.3rem; } #dryeye-box .inner-Box .dryeye-list li { position: relative; padding-left: 1rem; margin-bottom: 0.7rem; } #dryeye-box .inner-Box .dryeye-list li::before {content: "";position: absolute;left: 0rem;width: 0.7rem;height: 0.7rem;border-radius: 50%;background: var(--blue);top: 0.65em;top: calc(0.5lh - 0.35rem); /* テキスト1行目の垂直中央 */} #dryeye-box .inner-Box .dryeye-list li .listt {} #dryeye-box .inner-Box .mintext { text-align: left; font-size:1.2rem; font-weight:400; line-height:1.583; letter-spacing:0.05em; color:#222; margin-bottom: 2.3rem; } #dryeye-box .inner-Box .bbb { text-align: right; } #dryeye-box .inner-Box .whitebtn__circle{width: 3.2rem;height: 3.2rem;} #dryeye-box .inner-Box .whitebtn__border{width: 3.2rem;height: 3.2rem;} #dryeye-box .inner-Box .whitebtn__circle-bg{ background: #fff;} #disease-dl .wysiwyg{margin-bottom: 6.4rem;padding: 0 2rem;} } @media screen and (min-width:768px) and ( max-width:900px) { } @media screen and (max-width: 767px) { #contentsdisease{position:relative;z-index:3;top: 0;padding: 3.8vw 5.4vw 4.5vw;} #contentsdisease .inner-Box{max-width:100%;margin:0 auto;} #contentsdisease .inner-Box .text{text-align: left;font-size: 4vw;font-weight:400;line-height: 1.8;letter-spacing:.05em;color:#222;margin: 0 0 5.3vw;} #contentsdisease .inBox{background:#FFF5F5;position:relative;padding: 6.3vw 6.2vw 5.8vw;margin-bottom: 4.2vw;border:1px solid #AA1C1C;} #contentsdisease .inBox h3{margin-bottom:2.4vw;color:#AA1C1C;text-align: left;font-size:4.3vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;} #contentsdisease .inBox h3 span{position:relative;top: -0.4vw;display:inline-block;margin-right:.8vw;width: 6.2vw;} #contentsdisease .inBox p.redtext{font-size:3.7vw;font-weight:400;line-height:1.714;letter-spacing:0.05em;} #contentsdisease .inBox p.redtext span{color:#AA1C1C;} #diseasecontents{padding:0 5vw;margin-bottom: 23.7vw;} #diseasecontents .listbox{display:grid;grid-template-columns:repeat(1,100%);gap:8vw;max-width:100%;margin:0 auto;} #diseasecontents .listbox li{margin-bottom: 1.1vw;} #diseasecontents .listbox li a{display:block;} #diseasecontents .listbox li a .photo{width:100%;aspect-ratio:1.7 / 1.1;overflow:hidden;text-align:center;position:relative;margin-bottom: 3.1vw;} #diseasecontents .listbox li a .photo img{width:100%;height:100%;object-fit:cover;display:block;} #diseasecontents .listbox li a .min-box .sys-ttl{margin-bottom: 1.7vw;color:var(--blue);text-align: left;font-size:4.5vw;font-weight:700;line-height:1.529;letter-spacing:0.05em;} #diseasecontents .listbox li a .min-box .sys-ttl span{text-align:left;font-size:2.9vw;font-weight:500;line-height:1;letter-spacing:0;display:inline-block;padding: 2.1vw 2vw;margin-right:.8vw;position:relative;top: -0.8vw;} #diseasecontents .listbox li a .min-box .sys-ttl .regular-checkup{color:#1A673B;background:#D9F0E4;} #diseasecontents .listbox li a .min-box .sys-ttl .consider-visit{color:#550202;background:#FFF9AD;} #diseasecontents .listbox li a .min-box .sys-ttl .early-visit{color:#AA1C1C;background:#FFE6E0;} #diseasecontents .listbox li a .min-box .sys-text{text-align:left;font-size:4vw;font-weight:400;line-height:1.8;letter-spacing:.05em;color:#222;margin-bottom: -0.8vw;} #diseasecontents .listbox li .dlmo{position:relative;font-size:3.7vw;line-height:1;letter-spacing:.05em;font-weight:700;text-align:right;color:var(--blue);} #diseasecontents .listbox li .dlmo::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;} #diseasecontents .listbox li .whitebtn__circle{display:inline-block;top: 2.8vw;margin-left: 1.6vw;width: 8.3vw;height: 8.3vw;} #contentsbtmm{margin:0 auto;position:relative;padding: 0 5vw 11.6vw;} #contentsbtmm .inner-Box{margin:0 auto;position:relative;background:#ECEDF2;max-width:100%;padding: 15.1vw 5.6vw 6.7vw;} #contentsbtmm .inner-Box figure.photo{position: absolute;top: -13.8vw;left: 37.9%;width: 21.6vw;margin: 0 auto 6.4vw;overflow: hidden;height: 25.5vw;} #contentsbtmm .inner-Box figure.photo img{width:100%;height:auto;} #contentsbtmm .inner-Box h2{margin-bottom: 2vw;position:relative;color:var(--blue);text-align: center;font-size:4.8vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;} #contentsbtmm .inner-Box p.subttl{margin-bottom: 3.7vw;position:relative;color:#222;text-align: center;font-size:3.7vw;font-weight:400;line-height:1.714;letter-spacing:0.05em;} #contentsbtmm .inner-Box .bbb{width: 78.8vw;margin:0 auto;} #contentsbtmm .inner-Box .bbb a{padding-left: 11vw;position: relative;} #contentsbtmm .inner-Box .bbb a::after{content:"";background:url(../images/disease/zoom.svg) no-repeat top left;background-size:100% auto;width:4vw;height:4vw;display:inline-block;margin-right:0;position:absolute;top: 6.1vw;left: 5.1vw;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);} /* single disease page */ #dl-ttlbox{padding: 4.4vw 5.4vw 6.9vw;position:relative;z-index:3;} #dl-ttlbox .ttl-Box{max-width:100%;margin: 0 auto 6vw;border-left:var(--blue) 3px solid;padding: .3vw 0 0 4.4vw;} #dl-ttlbox .ttl-Box h1{color:var(--blue);margin-bottom: 2.6vw;text-align: left;font-size:5.9vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;} #dl-ttlbox .ttl-Box .subttl{color:#222;text-align: left;font-size:3.7vw;font-weight:400;line-height:1.5;letter-spacing:0.05em;} #dl-ttlbox .disease-cate-Box{width:100%;margin:0 auto;padding: 5.1vw 6.5vw;display:block;background:#FFF9AD;} #dl-ttlbox .disease-cate-Box .ttlbotx{width:100%;margin-bottom: 4.7vw;} #dl-ttlbox .disease-cate-Box .textbotx{width:100%;border-left:none;border-top:1px solid #550202;padding: 4vw 0 0;} #dl-ttlbox .disease-cate-Box .ttlbotx h2{text-align:center;font-size: 5.4vw;font-weight:700;line-height:1;letter-spacing:.05em;color:#550202;position:relative;padding-right: 4.1vw;} #dl-ttlbox .disease-cate-Box .ttlbotx h2::before{content:"";background:url(../images/disease/consider-visit.svg) no-repeat top left;background-size:100% auto;width: 8.1vw;height: 8.1vw;display:inline-block;position: relative;top: 1.7vw;left: -1.8vw;margin-right: 0vw;transform: none;} #dl-ttlbox .disease-cate-Box .textbotx .text{color:#550202;text-align: left;font-size:3.7vw;font-weight:400;line-height:1.714;letter-spacing:0.05em;} #dl-ttlbox .disease-cate-Box .textbotx .text span{font-weight:700;} #dl-ttlbox .disease-cate-Box.regular-checkup{color:#1A673B;background:#D9F0E4;} #dl-ttlbox .disease-cate-Box.regular-checkup .ttlbotx h2{color:#1A673B;} #dl-ttlbox .disease-cate-Box.regular-checkup .ttlbotx h2::before{background:url(../images/disease/regular-checkup.svg) no-repeat top left;background-size:100% auto;} #dl-ttlbox .disease-cate-Box.regular-checkup .textbotx{border-top:1px solid #1A673B;} #dl-ttlbox .disease-cate-Box.regular-checkup .textbotx .text{color:#1A673B;} #dl-ttlbox .disease-cate-Box.early-visit{color:#AA1C1C;background:#FFE6E0;} #dl-ttlbox .disease-cate-Box.early-visit .ttlbotx h2{color:#AA1C1C;} #dl-ttlbox .disease-cate-Box.early-visit .ttlbotx h2::before{background:url(../images/disease/early-visit.svg) no-repeat top left;background-size:100% auto;} #dl-ttlbox .disease-cate-Box.early-visit .textbotx{border-top:1px solid #AA1C1C;} #dl-ttlbox .disease-cate-Box.early-visit .textbotx .text{color:#AA1C1C;} #symptom-box{margin: 0 5.4vw 19.5vw;border:1px solid var(--blue);background:#F0F7FD;padding-bottom: 5.4vw;} #symptom-box h3{background:var(--blue);margin-bottom: 5.3vw;color:#fff;padding:2.7vw;text-align: center;font-size:4.3vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;} #symptom-box .symptom-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2.1vw;padding: 0 5.3vw;} #symptom-box .symptom-list li{width: 100%;} #symptom-box .symptom-list li a{position:relative;border:1px solid var(--blue);background:#fff;color:var(--blue);padding: 3.4vw 6.9vw 2.9vw 7.5vw;display:block;text-align: center;font-size:3.2vw;font-weight:500;line-height:1;letter-spacing:0em;} #symptom-box .symptom-list li a::before{content:"";display:block;width:2.4vw;height:4vw;background:url(../images/common/arr.svg) no-repeat bottom right;position:absolute;bottom: 3.1vw;right: 2.2vw;background-size:100% auto;} #dl-ttlbox2{padding:0 5vw;margin-bottom: 12.2vw;} #dl-ttlbox2 .inner-Box{width:100%;margin:0 auto;} #dl-ttlbox2 .inner-Box h3{border-bottom:#CCC solid 1px;margin-bottom: 6.5vw;color:#222;padding-bottom:4.3vw;position:relative;text-align: left;font-size:4.8vw;font-weight:700;line-height:1.556;letter-spacing:0.05em;} #dl-ttlbox2 .inner-Box ul{display:block;} #dl-ttlbox2 .inner-Box ul li{width:100%;border:1px solid #DDDDDD;padding: 5.333vw;margin-bottom: 2.7vw;} #dl-ttlbox2 .inner-Box ul li a{display:block;} #dl-ttlbox2 .inner-Box ul li h4{color:#222;margin-bottom:2.1vw;text-align: left;font-size:4.5vw;font-weight:700;line-height:1.529;letter-spacing:0.05em;} #dl-ttlbox2 .inner-Box ul li h4 .icon01{color:#1A673B;background:#D9F0E4;} #dl-ttlbox2 .inner-Box ul li h4 .icon02{color:#550202;background:#FFF9AD;} #dl-ttlbox2 .inner-Box ul li h4 .icon03{color:#AA1C1C;background:#FFE6E0;} #dl-ttlbox2 .inner-Box ul li .ltext{text-align:left;font-size:3.7vw;font-weight:400;line-height:1.786;letter-spacing:.05em;color:#222;margin-bottom: 2.4vw;} #dl-ttlbox2 .inner-Box ul li .btext{display:inline-flex;align-items:center;gap:2.7vw;text-decoration:none;cursor:pointer;-webkit-font-smoothing:antialiased;} #dl-ttlbox2 .inner-Box ul li .btextal{text-align:right;margin-right: 0.7vw;} #dl-ttlbox2 .inner-Box ul li .btext .whitebtn__text{text-align:right;font-size:3.2vw;font-weight:700;line-height:1;letter-spacing:0.05em; } #dl-ttlbox2 .inner-Box ul li .btext .whitebtn__circle{width:8.5vw;height:8.5vw;} #dl-ttlbox2 .inner-Box ul li .btext .whitebtn__border{width:8.5vw;height:8.5vw;} #dl-ttlbox2 .inner-Box ul li h4 span{text-align:left;font-size:2.9vw;font-weight:500;line-height:1;letter-spacing:0;display:inline-block;padding:1.9vw 1.6vw;margin-right:.3vw;position:relative;top:-.5vw;background:#D8EBFC;color:var(--blue);} #dl-ttlbox2 .inner-Box ul li.blue{border:1px solid var(--blue);background:#F0F7FD;} #dl-ttlbox2 .inner-Box ul li.blue h4,#dl-ttlbox2 .inner-Box ul li.blue .ltext{color:var(--blue);} #dl-ttlbox2 .inner-Box ul li.blue .btext .whitebtn__circle-bg{background:#fff;} #kdoctor{padding:0 5vw;margin-bottom: 8.4vw;} #kdoctor .inner-Box{max-width:100%;margin:0 auto;position:relative;background:#F8F8FA;border-top:var(--blue) 1px solid;border-bottom:var(--blue) 1px solid;padding: 7vw 5.4vw 6.2vw 5.4vw;} #kdoctor .inner-Box h2{color:var(--blue);background:#F8F8FA;position:absolute;top: -1px;left: 32.5vw;width: 24vw;text-align: left;font-size:4.3vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;} #kdoctor .inner-Box h2 span{display:inline-block;position:relative;top: -3.3vw;left:3.2vw;} #kdoctor .inner-Box .inBox{display:block;} #kdoctor .inner-Box .photoBox{width: 21.6vw;margin: 0 auto 4.3vw;} #kdoctor .inner-Box .textBox{width:100%;} #kdoctor .inner-Box .photo{width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;text-align:center;position:relative;} #kdoctor .inner-Box .photo img{width:100%;height:100%;object-fit:cover;display:block;} #kdoctor .inner-Box .job{text-align:center;font-size:3.2vw;font-weight:400;line-height:1.583;letter-spacing:.05em;color:#666;margin-bottom:1.9vw;} #kdoctor .inner-Box h3{color:var(--blue);margin-bottom: 4.1vw;text-align: center;font-size:4.8vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;} #kdoctor .inner-Box h3 .f-en{display:inline-block;position:relative;top: -0.9vw;margin-left:2.7vw;text-align: center;font-size:3.2vw;font-weight:400;line-height:1;letter-spacing:0em;} #kdoctor .inner-Box .prftext{color:#222;text-align: left;font-size:3.7vw;font-weight:400;line-height:1.571;letter-spacing:0.05em;} #dl-ttlbox4{padding: 0 5vw 10.9vw;overflow:hidden;} #dl-ttlbox4 .inner-Box{width:100%;margin:0 auto;background:url(../images/common/cmback02.png) var(--blue);padding: 5.8vw 5.5vw 6.5vw;position:relative;} #dl-ttlbox4 .inner-Box::before{content:"";background:url(../images/common/c-rollimg01.png) no-repeat top center;width:100.3vw;height:100.3vw;position:absolute;top:-29.3vw;left:-8vw;z-index:0;display:block;background-size:100%;transform-origin:center center;animation:rollImg 40s linear infinite;} #dl-ttlbox4 .inner-Box h3{margin-bottom: 1.2vw;position:relative;color:#fff;text-align: center;font-size:4.8vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;} #dl-ttlbox4 .inner-Box .text{color:#fff;margin-bottom: 4.4vw;position:relative;text-align: center;font-size:3.7vw;font-weight:400;line-height:1.714;letter-spacing:0.05em;} #dl-ttlbox4 .inner-Box .bluebtn{border:1px solid #fff;background:none;} #dl-ttlbox4 .inner-Box .bluebtn .arr{background:none;border:1px solid #fff;} #dl-ttlbox4 .inner-Box .bluebtn .arr img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);} #dl-ttlbox4 .inner-Box ul{width:100%;margin:0 auto;display:block;} #dl-ttlbox4 .inner-Box li{position:relative;width:100%;margin-bottom: 2.6vw;} #dl-ttlbox4 .inner-Box li:last-child{margin-bottom:0;} #dl-ttlbox4 .inner-Box li:only-child{margin:0 auto;} #dl-ttlbox-rec{padding:0 5vw;margin-bottom: 13.3vw;} #dl-ttlbox-rec .inner-Box{width:100%;margin:0 auto;position: relative;} #dl-ttlbox-rec .inner-Box h3{border-bottom:#CCC solid 1px;margin-bottom: 7.3vw;color:#222;padding-bottom:4.3vw;position:relative;text-align: left;font-size:4.8vw;font-weight:700;line-height:1.556;letter-spacing:0.05em;} #dl-ttlbox-rec .inner-Box .allistlink{position:absolute;top: -0.9vw;right:0;} #dl-ttlbox-rec .inner-Box .allistlink .whitebtn__text{text-align: right;font-size:3.2vw;font-weight:700;line-height:1;letter-spacing:0.05em;} #dl-ttlbox-rec .inner-Box .allistlink .whitebtn__circle{width:8.5vw;height:8.5vw;} #dl-ttlbox-rec .inner-Box .allistlink .whitebtn__border{width:8.5vw;height:8.5vw;} #dl-ttlbox-rec .reclistbox{display:grid;grid-template-columns:repeat(1,100%);gap:5.3vw;max-width:100%;margin:0 auto;} #dl-ttlbox-rec .reclistbox li{border-bottom:1px solid #DDDDDD;margin-bottom:2.7vw;} #dl-ttlbox-rec .reclistbox li a{display:flex;gap:4.7%;padding: 0 0.2vw 4.8vw;position:relative;} #dl-ttlbox-rec .reclistbox li a .photo{width:27.4%;aspect-ratio:1 / 1;border-radius:0;overflow:hidden;text-align:center;position:relative;flex-shrink:0;} #dl-ttlbox-rec .reclistbox li a .photo img{width:100%;height:100%;object-fit:cover;display:block;} #dl-ttlbox-rec .reclistbox li a .min-box{width:67.9%;padding-top:2.4vw;} #dl-ttlbox-rec .reclistbox li a .min-box .sys-ttl{margin-bottom:2.4vw;color:var(--blue);text-align: left;font-size:4vw;font-weight:700;line-height:1.533;letter-spacing:0.05em;} #dl-ttlbox-rec .reclistbox li a .min-box .sys-text{color:#222;text-align: left;font-size:3.2vw;font-weight:400;line-height:1.917;letter-spacing:0.05em;} #dl-ttlbox-rec .reclistbox li a::before{content:"";display:block;width:2.7vw;height:2.7vw;background:url(../images/common/arr02.svg) no-repeat bottom right;position:absolute;bottom:4.3vw;right:2.1vw;background-size:100% auto;} #dryeye-box{padding:0 5vw;margin-bottom:16vw;} #dryeye-box .inner-Box{background:#F0F7FD;border:var(--blue) 1px solid;width:100%;margin:0 auto;padding: 5.5vw 5.8vw;} #dryeye-box .inner-Box h2{text-align:left;font-size: 4.6vw;font-weight:700;line-height:1.5;letter-spacing:.05em;color:var(--blue);margin-bottom:2.7vw;} #dryeye-box .inner-Box .text{text-align:left;font-size: 3.7vw;font-weight:400;line-height:1.813;letter-spacing:.05em;color:#222;margin-bottom:3.7vw;} #dryeye-box .inner-Box .dryeye-list{margin-bottom:3.5vw;} #dryeye-box .inner-Box .dryeye-list li{position:relative;padding-left:2.7vw;margin-bottom:1.9vw;} #dryeye-box .inner-Box .dryeye-list li::before{content:"";position:absolute;left:0;width:1.9vw;height:1.9vw;border-radius:50%;background:var(--blue);top:calc(0.5lh - .9vw);} #dryeye-box .inner-Box .mintext{text-align:left;font-size:3.2vw;font-weight:400;line-height:1.583;letter-spacing:.05em;color:#222;margin-bottom:6.1vw;} #dryeye-box .inner-Box .bbb{text-align:right;} #dryeye-box .inner-Box .whitebtn__circle{width:8.5vw;height:8.5vw;} #dryeye-box .inner-Box .whitebtn__border{width:8.5vw;height:8.5vw;} #dryeye-box .inner-Box .whitebtn__circle-bg{background:#fff;} #disease-dl .wysiwyg{margin-bottom: 19vw;padding: 0 5.4vw;} } /* stg用の要確認表示（本番前に .stg-confirm ごと消す）2026-09-24 */ .stg-confirm{color:#AA1C1C;font-weight:700;} /* 2026-10-14 IPL欄に機械の写真（PCは右に回り込み・SPは本文の上に中央） */ #dryeye-box .inner-Box::after{content:"";display:block;clear:both;} #dryeye-box .inner-Box .dryeye-fig{float:right;width:24rem;margin:0 0 1.6rem 3.2rem;background:#fff;border:1px solid #DDE3EE;padding:1.2rem;} #dryeye-box .inner-Box .dryeye-fig img{display:block;width:100%;height:auto;} @media screen and (max-width: 767px){ #dryeye-box .inner-Box .dryeye-fig{float:none;width:70%;margin:0 auto 4vw;padding:2.4vw;} } /* 2026-10-19 ドライアイ「対応可能施設」を費用ページと同じ白抜きの札に */ #dryeye-box .inner-Box .dryeye-list li.is-facility{padding-left:0;margin-bottom:1.2rem;} #dryeye-box .inner-Box .dryeye-list li.is-facility::before{content:none;} #dryeye-box .inner-Box .dryeye-list li.is-facility .listt{display:inline-block;background:var(--blue);color:#fff;font-size:1.1rem;font-weight:400;line-height:1;letter-spacing:0;padding:.9rem .6rem;} /* 2026-10-19 stg用：小澤さんが画像を入れる予定の場所（本番前に .stg-confirm ごと消す） */ .stg-img-slot{display:flex;align-items:center;justify-content:center;min-height:16rem;margin:1.6rem 0 2.4rem;padding:2rem;border:2px dashed #AA1C1C;background:#FFF5F5;text-align:center;font-size:1.5rem;line-height:1.7;} @media screen and (max-width: 767px){ #dryeye-box .inner-Box .dryeye-list li.is-facility{padding-left:0;margin-bottom:3.2vw;} #dryeye-box .inner-Box .dryeye-list li.is-facility .listt{font-size:2.7vw;padding:2vw .9vw;} .stg-img-slot{min-height:40vw;margin:4vw 0 6vw;padding:4vw;font-size:3.6vw;} }