@charset "UTF-8";


@media screen and (min-width: 768px),print {  
body#index {padding-top: 0!important;}
#index header{background: rgba(255,255,255,0);position: fixed;backdrop-filter: blur(0rem);-webkit-backdrop-filter: blur(0rem);transition: background 0.45s ease, backdrop-filter 0.45s ease, -webkit-backdrop-filter 0.45s ease;}
#index header .h-logo{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#index #pc-glnavi .h-menu .zdo_drawer_buttonsp{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#index #pc-glnavi.active .h-menu .zdo_drawer_buttonsp,#index.pull #pc-glnavi .h-menu .zdo_drawer_buttonsp{-webkit-filter: none; filter: none; }
#index header .gl-navi li a{ color: #fff; transition: none; }
#index header .gl-navi li a:hover{ color: #fff; }
#index header #h-clinic a{ border: 1px solid #fff; }

#index.pull header{position: fixed;background: rgba(255, 255, 255, 0.5);backdrop-filter: blur(5rem);-webkit-backdrop-filter: blur(5rem);}
#index.pull header #h-clinic a{background:var(--blue);text-align:center;border:var(--blue) 1px solid;}
#index.pull header .h-logo{-webkit-filter: none; filter: none;}
#index.pull header .gl-navi li a{ color:#222; transition: none; }
#index.pull header .gl-navi li a:hover{ color: var(--blue); }
#index.pull header #h-clinic a{ color: #fff; }


#contentsmain{background: url(../images/common/cmback01.png)repeat bottom center, transparent linear-gradient(180deg, var(--blue) 0%, #182545 100%) 0% 0% no-repeat padding-box;overflow: hidden;position: relative;padding: 0 5vw 14vw;} 
#contentsmain::before{background: url(../images/about/ttl-bttomback.png)no-repeat top center;width:100%;height: 10.4vw;content:"";position:absolute;bottom: -2px;left:0;z-index:0;display: block;background-size: cover;z-index: 4;}
#contentsmain::after{content:"";background: url(../images/index/landolt.png) no-repeat top center;width: 38.6rem;height: 38.6rem;position: absolute;top: 12rem;left: 11rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;opacity: 0.4;}

#contentsmain .inner-Box::before{content:"";background: url(../images/about/main-icon.png) no-repeat top center;width: 123.8rem;height: 123.8rem;position: absolute;top: -49rem;right: -37rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;}
#contentsmain .inner-Box::after{content:"";background: url(../images/index/landolt.png) no-repeat top center;width: 38.6rem;height: 38.6rem;position: absolute;bottom: -24rem;left: 31rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;opacity: 0.4;}
#contentsmain .inner-Box {margin:0 auto;position:relative;display:flex;align-items:center;gap: 1.3%;padding: clamp(2.4rem, 7rem - 2.5vw, 4rem) 0 0 4rem;z-index:3;max-width: 155.3rem;}
#contentsmain .lens-mv {width:60.2846%;order:2;}
#contentsmain .text-Box {width: 41.9%;order:1;}
#contentsmain .lens-mv {position:relative;width: 100%;max-width: 85rem;aspect-ratio:1/1;top: 2.1rem;left: 3.2rem;}
#contentsmain .lens-mv__photo-wrap {position:absolute;top:15.987%;left:15.987%;width:68.025%;height:68.025%;border-radius:50%;overflow:hidden;z-index:1;}
#contentsmain .lens-mv__photo {display:block;width:100%;height:100%;object-fit:cover;transition:filter .8s ease-out,transform .8s ease-out;will-change:filter,transform;}
#contentsmain .lens-mv__photo.is-blur {filter:blur(14px) brightness(.85);transform:scale(1.06);}
#contentsmain .lens-mv__photo.is-clear {filter:blur(0) brightness(1);transform:scale(1);}
#contentsmain .lens-mv__frame {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;transition:transform .7s cubic-bezier(.34,1.4,.64,1);transform-origin:center center;will-change:transform;}
#contentsmain .lens-mv__svg {display:block;width:100%;height:100%;object-fit:contain;}
#contentsmain .lens-mv__svg.--sp {display:none;}

#contentsmain .text-Box h2{text-align: left;font-weight:400;line-height:1.6;letter-spacing:0em;color:#fff;margin-right: -1rem;margin-bottom: 4rem;font-size: clamp(3.8rem,3.13vw,5rem);}
#contentsmain .text-Box p.text{text-align:left;font-size: clamp(1.4rem,1vw,1.8rem);font-weight:400;line-height:2.389;letter-spacing:0.05em;color:#fff;margin-bottom: 4rem;}
#contentsmain .text-Box ul {max-width: 53.6rem;margin: 0 auto 0 0;display: flex;flex-wrap: wrap;gap: 2.7304%;justify-content: center;}
#contentsmain .text-Box li {position: relative;width: 48.6348%;}
#contentsmain .text-Box li .bluebtn{ border: 1px solid #fff; background: none; }
#contentsmain .text-Box li .bluebtn .arr{  }
#contentsmain .text-Box li .bluebtn:hover{ color: #fff;  }
#contentsmain .text-Box li:hover .bluebtn .arr{ background:#fff; }
#contentsmain .text-Box li .bluebtn .arr img{ -webkit-filter: none;filter: none; }
#contentsmain .text-Box li .bluebtn .arr::after{filter:none;}

.backk{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;padding: 0.1rem 0;}
#contentsclinic {padding: 0rem 5vw 11.3rem;position: relative;}
#contentsclinic::before{content:"";background: url(../images/common/c-rollimg01.png) no-repeat top center;width: 44.6rem;height: 44.6rem;position: absolute;bottom: -21rem;right: -11rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;}

#contentsclinic .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;top: -5rem;z-index: 4;}
#contentsclinic .corettl{margin-bottom: 2.4rem;}
#contentsclinic .inner-Box .sibtt{text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;margin-bottom: 6.4rem;}

#contentsnews {position:relative;padding: 12rem 0 5.1rem;margin-bottom: 17.7rem;}
#contentsnews::before {content:"";position:absolute;top:0;bottom:0;left:0;width: calc(50% + 71.7rem);background:#fff;box-shadow: 0px 0px 2rem var(--blue)0D;z-index: 1;}
#contentsnews::after {content:"TOPICS";position:absolute;bottom: 6rem;: 4.2rem;left: 50%;font-family: "Cormorant Garamond", serif;text-align: center;font-size:10rem;font-weight:400;line-height: 1;letter-spacing:0em;color:var(--blue);transform: rotate(90deg);transform-origin: center;opacity: 0.08;margin-left: 57rem;}
#contentsnews .inner-Box {max-width: 139.3rem;padding: 0 5vw;margin:0 auto;display:flex;gap:12rem;position:relative;z-index: 2;}
#contentsnews .ttl-Box {width:8.2rem;flex-shrink:0;}
#contentsnews .list-Box {flex:1;min-width:0;}

#contentsnews .ttl-Box h2{text-align:left;font-size:3rem;font-weight:500;line-height:1.067;letter-spacing:0.05em;color:var(--blue);writing-mode: vertical-rl;padding: 1.2rem 0 0 2.6rem;margin-bottom: 4.3rem;}
#contentsnews .ttl-Box .whitebtn__text{ font-size: 1.6rem;}
#contentsnews .ttl-Box .dl-butn{margin: 0 0 0 -1rem;position: relative;left: 1rem;}

#contentsnews .list-Box .arrt-Box {background: #F0F7FD;position: relative;padding: 2.2rem 3.1rem 2.5rem 3.1rem;border: 1px solid #DDDDDD;margin: 0 auto 3.1rem;}
#contentsnews .list-Box .arrt-Box h3 {margin-bottom: 0.8rem;text-align: left;font-size:1.6rem;font-weight:700;line-height:1.625;letter-spacing:0.05em;color: #222222;}
#contentsnews .list-Box .arrt-Box h3 span { position: relative; top: -0.2rem; display: inline-block; margin-right: 0.3rem; }
#contentsnews .list-Box .arrt-Box h3 span img {}
#contentsnews .list-Box .arrt-Box p.artext { text-align: left; font-size:1.4rem; font-weight:400; line-height:1.786; letter-spacing:0.05em; }
#contentsnews .list-Box .arrt-Box p.artext span { color: #AA1C1C; }
#contentsnews .list-Box .arrt-Box p.artext a{ color: var(--blue); text-decoration: underline; }

#contentsnews .list-Box .listbox{padding: 1px;margin: 0 auto 6.8rem;}
#contentsnews .list-Box .listbox li{margin-bottom: 2.2rem;}
#contentsnews .list-Box .listbox li a{display:flex;gap:3.2rem;padding: 0rem 6rem 0.7rem 0rem;position:relative;border-bottom: #DDD 1px solid;}
#contentsnews .list-Box .listbox li .databox{margin-bottom: 1.4rem;flex:1;padding-top: 0.8rem;font-size: 1.1rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;color: #111111;}
#contentsnews .list-Box .listbox li .databox .timebox{font-size: 1.6rem;line-height: 1;letter-spacing: 0.08em;font-weight: 500;color: var(--blue);position: relative;left: 0.7rem;display: inline-block;margin-right: 1.2rem;margin-bottom: 1.6rem;}
#contentsnews .list-Box .listbox li .databox .categ{color: #fff;display: inline-block;background: var(--blue);border: none;margin-right: 0.2rem;padding: 0.6rem;line-height: 1;letter-spacing: 0;position: relative;top: 0rem;}
#contentsnews .list-Box .listbox li .arr{position: absolute;/* right: 0rem; */width: 2rem;height: 2rem;padding: 0;top: 64%;}
#contentsnews .list-Box .listbox li .systtl{font-size: 1.6rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 400;color: #222;}
#contentsnews .list-Box .listbox li .systtl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#contentsnews .list-Box .listbox li .whitebtn__circle{position: absolute;top: 42%;right: 0.7rem;transform: translateY(-50%);}

#contentssymptom {padding: 0rem 5vw 9rem;position: relative;}
#contentssymptom::before{content:"";background: url(../images/index/contentssymptom-icon.svg) no-repeat top center;width: 43.2rem;height: 43.2rem;position: absolute;top: -27.3rem;margin-left: -83.7rem;left: 50%;z-index: 0;display: block;background-size: 100%;}

#contentssymptom .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;top: -5.9rem;z-index: 4;}
#contentssymptom .inner-Box .subttl{text-align: left;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;margin-bottom: 6.1rem;}
#contentssymptom .inner-Box h2.corettl{ text-align: left; }
#contentssymptom .inner-Box h2.corettl span.f-min{ text-align: left; }
#contentssymptom .inner-Box h2.corettl span.f-en{ text-align: left; }

#contentssymptom .inner-Box .dl-butn{position: absolute;top: 15rem;right: 0;}
#contentssymptom .inner-Box .dl-butn .whitebtn__text{ font-size: 1.6rem;}
#contentssymptom .inner-Box .dl-butn .whitebtn__circle-bg{ background: #fff;}

#contentssymptom .listbox {display: grid;grid-template-columns: repeat(4, 24%);gap: 1.3333%;max-width: 120rem;margin: 0 auto;}
#contentssymptom .listbox li {border: 1px solid #DDDDDD;margin-bottom: 1rem;background: #fff;}
#contentssymptom .listbox li a {display: flex;align-items: center;gap: 4.6875%;padding: 3rem 1.6rem;position: relative;}
#contentssymptom .listbox li a .photo {width: 23.4375%;aspect-ratio: 1 / 1;border-radius: 50%;overflow: hidden;text-align: center;position: relative;}
#contentssymptom .listbox li a .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contentssymptom .listbox li a .min-box {width: 71.875%;}
#contentssymptom .listbox li a .min-box .sys-ttl{text-align: left;font-size:1.6rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:#222;margin-bottom: 0.9rem;}
#contentssymptom .listbox li a .min-box .sys-text{text-align: left;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0.05em;color:#666;}
#contentssymptom .listbox li a::before{content:"";display:block;width: 1rem;height: 1rem;background: url(../images/common/arr02.svg)no-repeat bottom right;position:absolute;bottom: 0.8rem;right: 0.8rem;transition: all 0.3s ease-in-out;}
#contentssymptom .listbox li a:hover::before{bottom:0.5rem; right: 0.5rem;}


#contentstreat {margin: 0 auto 23.6rem;position: relative;background: url('../images/index/contentstreat-back01.jpg')no-repeat top center;padding: 13.9rem 5vw 0;background-size: 100% auto;}
#contentstreat .ttl-Box {margin: 0 auto 11.5rem;position: relative;max-width: 120rem;}
#contentstreat .ttl-Box .iconn {mix-blend-mode: plus-lighter;position: absolute;top: 3rem;left: 13.4rem;width: 5.6rem;margin-left: 9.2rem;}
#contentstreat .ttl-Box .iconn img{ width: 100%; height:auto;}
#contentstreat .ttl-Box .subttl{text-align: left;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color: #fff;margin-bottom: 6.1rem;}
#contentstreat .ttl-Box h2.corettl{text-align: left;color: #fff;}
#contentstreat .ttl-Box h2.corettl span.f-min::before{ background: #fff; }
#contentstreat .ttl-Box h2.corettl span.f-min{ text-align: left; }
#contentstreat .ttl-Box h2.corettl span.f-en{ text-align: left; }
#contentstreat .ttl-Box .dl-butn{position: absolute;top: 15rem;right: 0;}
#contentstreat .ttl-Box .dl-butn .whitebtn__text{ font-size: 1.6rem; color: #fff; }
#contentstreat .ttl-Box .dl-butn .whitebtn__circle-bg{ background: #fff;}


#contentstreat .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;}
#contentstreat .inner-Box ul {display:flex;flex-wrap:wrap;gap:1.3333%;}
#contentstreat .inner-Box ul li {position:relative;width:24%;box-shadow: 0px 0px 2rem var(--blue)0D;background: #fff;margin-bottom: 1.4rem;}
#contentstreat .inner-Box li::before{content:"";display:block;width: 1rem;height: 1rem;background: url(../images/common/arr02.svg)no-repeat bottom right;position:absolute;bottom: 0.8rem;right: 0.8rem;transition: all 0.3s ease-in-out;}
#contentstreat .inner-Box li:hover::before{bottom:0.5rem; right: 0.5rem;}
#contentstreat .inner-Box ul li:last-child{display: none;}


#contentstreat .inner-Box ul li a { display: block; position: relative;  }
#contentstreat .inner-Box ul li a:hover {  }
#contentstreat .inner-Box ul li .mBox{padding: 2rem 2.5rem 3rem;}
#contentstreat .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentstreat .inner-Box figure.photo img{width: 100%;height: auto;}
#contentstreat .inner-Box h3 {margin-bottom: 1.6rem;padding-bottom: 1.2rem;position: relative;border-bottom: #DDD 1px solid;text-align: left;font-size:2rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);}
#contentstreat .inner-Box p.ltext {margin-bottom: 0px;position: relative;text-align: left;font-size:1.5rem;font-weight:400;line-height:1.8;letter-spacing:0.05em;color:#222;}


#contentsdisease {position:relative;padding: 8.9rem 0 18.3rem;margin-bottom: 19.4rem;background: #fff;}
#contentsdisease::before{content:"";width: 100%;aspect-ratio: 192 / 9;background: url(../images/index/contentsdisease-back01.svg) no-repeat top center;position: absolute;top: 0;left: 0;z-index: 0;display: block;background-size: 100% auto;transform: translateY(-99%);}
#contentsdisease::after{content:"";width: 100%;aspect-ratio: 1920 / 125;background: url(../images/index/contentsdisease-back02.svg) no-repeat bottom center;position: absolute;bottom: 0;left: 0;z-index: 3;display: block;background-size: 100% auto;transform: translateY(31%);}
#contentsdisease .inner-Box {max-width: 139.3rem;padding: 0 5vw;margin:0 auto;display:flex;gap: 11rem;position:relative;z-index: 2;}
#contentsdisease .indextag{position: absolute;top: -19rem;right: 9.6rem;}
#contentsdisease .ttl-Box {width: 10.2rem;flex-shrink:0;padding-left: 4.8rem;position: relative;}
#contentsdisease .ttl-Box h2{text-align:left;font-size: 4.9rem;font-weight:500;line-height:1.067;letter-spacing:0.05em;color:var(--blue);writing-mode: vertical-rl;padding: 1.2rem 0 0;margin-bottom: 4.3rem;position: absolute;top: -3.8rem;left: 0;}
#contentsdisease .ttl-Box p.subttl{writing-mode: vertical-rl;padding: 0.4rem 0 0 2.6rem;margin-bottom: 4.3rem;text-align: left;font-size:1.4rem;font-weight:400;line-height:1.071;letter-spacing:0.05em;color:#222;}


#contentsdisease .list-Box {flex:1;min-width:0;padding-top: 3.1rem;}

#contentsdisease ul {display: grid;grid-template-columns: repeat(2, 49%);gap: 2%;max-width: 120rem;margin: 0 auto 5.6rem;}
#contentsdisease ul li {border-bottom: 1px solid #DDDDDD;margin-bottom: 0.5rem;}

#contentsdisease ul li a {display: flex;/* align-items: center; */gap: 3.6%;padding: 0rem 0.8rem 1.8rem;position: relative;}
#contentsdisease ul li a .photo {width: 21.1%;aspect-ratio: 1 / 1;border-radius: 0;overflow: hidden;text-align: center;position: relative;}
#contentsdisease ul li a .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contentsdisease ul li a .min-box {width: 71.875%;padding-top: 0.9rem;}
#contentsdisease ul li a .min-box .sys-ttl{margin-bottom: 0.6rem;text-align: left;font-size:1.8rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);}
#contentsdisease ul 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;}
#contentsdisease ul li a::before{content:"";display:block;width: 1rem;height: 1rem;background: url(../images/common/arr02.svg)no-repeat bottom right;position:absolute;bottom: 1.7rem;right: 1.2rem;transition: all 0.3s ease-in-out;}
#contentsdisease ul 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;}
#contentsdisease ul li a:hover::after{ width: 100%; }
#contentsdisease ul li a:hover::before{bottom: 1.3rem;right: 0.5rem;}
#contentsdisease .dl-butn{position: relative;top: 0;right: 0;text-align: right;}
#contentsdisease .dl-butn .whitebtn__text{font-size: 1.6rem;}
#contentsdisease .dl-butn .whitebtn__circle-bg{}

#contentscolumn {padding: 0rem 5vw 11rem;position: relative;}

#contentscolumn .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;top: -5.9rem;z-index: 4;}
#contentscolumn .inner-Box .subttl{text-align: left;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;margin-bottom: 6.1rem;}
#contentscolumn .inner-Box h2.corettl{ text-align: left; }
#contentscolumn .inner-Box h2.corettl span.f-min{ text-align: left; }
#contentscolumn .inner-Box h2.corettl span.f-en{ text-align: left; }
#contentscolumn .inner-Box .dl-butn{position: absolute;top: 15rem;right: 0;}
#contentscolumn .inner-Box .dl-butn .whitebtn__text{ font-size: 1.6rem;}
#contentscolumn .inner-Box .dl-butn .whitebtn__circle-bg{ background: #fff;}

#contentscolumn .listbox {display: grid;grid-template-columns: repeat(3, 1fr);gap: 5rem 2%;margin-bottom: 0;}
#contentscolumn .listbox li {position: relative;width: 100%;margin: 0;}


#contentscolumn .listbox li a{display: block;padding-left: 2.4rem;}
#contentscolumn .listbox li .databox{margin-bottom: 0.4rem;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;color: #111111;}
#contentscolumn .listbox li .databox .categ{color: #fff;display: inline-block;background: var(--blue);border: 1px solid var(--blue);margin: 0 0.8rem 0.8rem 0;padding: 0.6rem;line-height: 1;font-size: 1.2rem;letter-spacing: 0.05em;position: relative;top: 0rem;}
#contentscolumn .listbox li .arr{position: absolute;right: 0.6rem;width: 3.2rem;height: 3.2rem;bottom: 5rem;}
#contentscolumn .listbox li .timebox{font-size: 1.6rem;transform: rotate(90deg);transform-origin: top left;display: block;position: absolute;top: 0;left: 1.8rem;line-height: 1;}

#contentscolumn .listbox li .figbo {width: 100%;aspect-ratio: 1600 / 963;overflow: hidden;text-align: center;margin-bottom: 1.6rem;position: relative;}
#contentscolumn .listbox li .figbo img { width: 100%; height: 100%; object-fit: contain; display: block; }
#contentscolumn .listbox li h3{font-size: 2rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;color: #222;margin-bottom: -0.1rem;}
#contentscolumn .listbox li h3 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#contentscolumn .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);}
#contentscolumn .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;}
#contentscolumn .listbox li a:hover .dlmo::before{right: -2.6rem;}
#contentscolumn .listbox li .whitebtn__circle{display: inline-block;top: 1.2rem;margin-left: 0.5rem;}
#contentscolumn .listbox li .dlmo .whitebtn__circle-bg{background: #fff;}

#contentsabout{background: #fff;overflow: hidden;position: relative;padding: 0 10rem 24rem;margin-bottom: -18rem;} 
#contentsabout figure img{ width:100%;height:auto; }

#contentsabout .inner-Box {margin:0 auto;position:relative;display:flex;gap: 5%;padding: 16.2rem 0 0;z-index: 3;}
#contentsabout .inner-Box::before{content:"";background: url(../images/common/c-rollimg01.png) no-repeat top center;width: 53.8rem;height: 53.8rem;position: absolute;top: 22rem;right: -19rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;}
#contentsabout .inner-Box::after{content:"";background: url(../images/common/c-rollimg01.png) no-repeat top center;width: 38.6rem;height: 38.6rem;position: absolute;bottom: 13rem;left: 21rem;z-index: 0;display: block;background-size: 100%;transform-origin:center center;animation:rollImg 40s linear infinite;}

#contentsabout .left-Box {width: 25.6246%;position:relative;z-index: 3;}
#contentsabout .center-Box {width:37.9928%;position:relative;text-align: center;left: 0.5rem;z-index: 3;}
#contentsabout .right-Box {width: 23.6728%;position:relative;padding-top: 3.6rem;z-index: 3;}
#contentsabout .left-Box figure.photo04 {position: relative;top: 0;left: 0;margin-right: 38.4%;margin-bottom: -2.8rem;}
#contentsabout .left-Box figure.photo01 {position: relative;top: 0;left: 0;margin-left: 28%;}
#contentsabout .center-Box h2{margin-bottom: 2.7rem;}
#contentsabout .center-Box h2 .f-min {text-align: center;}
#contentsabout .center-Box h2 .f-en {text-align: center;}
#contentsabout .center-Box p.text {margin: 0px -1rem 4.8rem;position: relative;text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;}
#contentsabout .center-Box p.bbb{ width: 30rem; margin: 0 auto; }
#contentsabout .right-Box figure.photo02 {position: relative;top: 0;left: 0;margin-left: 16rem;margin-bottom: -7.6rem;}
#contentsabout .right-Box figure.photo03 {position: relative;top: 0;left: 0;margin-right: 38.5%;}

#index footer {margin-top: 8rem;}



}
@media screen and (min-width:768px) and ( max-width:1919px) {

#contentsmain .inner-Box {margin:0 0 0 auto;}
#contentstreat {background: url('../images/index/contentstreat-back01.jpg')no-repeat top right;background-size: auto auto;}

#contentsdisease::before{content:"";width: 100%;height: 9rem;background-size: auto auto;}
#contentsdisease::after{content:"";width: 100%;height: 125px;background-size: auto auto;aspect-ratio: auto;}






}
@media screen and (min-width:768px) and ( max-width:1600px) {

#contentsmain .inner-Box {gap: 1.3%;}
#contentsmain .lens-mv {width:60.2846%;z-index: 3;}
#contentsmain .text-Box {width: 41.9%;z-index: 3;}





}

@media screen and (min-width:768px) and ( max-width:1290px) {

#contentsabout{padding: 0 1rem 24rem;} 
#contentsabout .inner-Box {gap:2.7%;}
#contentsabout .center-Box {width:42.9928%;}

#contentsabout .center-Box h1.f-min {font-size:4.5rem;}
#contentsabout .center-Box p.text {font-size:1.4rem;}

}


@media screen and (min-width:768px) and ( max-width:960px) {

#contentsmain{ padding: 10rem 1vw 14vw; }
#contentsmain .text-Box ul {gap: 0;}
#contentsmain .text-Box li {width: 100%; margin-bottom: 0.8rem;}
#contentsmain .text-Box li:last-child { margin-bottom: 0rem;}



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





}

@media screen and (max-width:767px) {
.lens-mv {position:relative;width: 100%;max-width:932px;aspect-ratio:1/1;}
.lens-mv__photo-wrap {position:absolute;top:15.987%;left:15.987%;width:68.025%;height:68.025%;border-radius:50%;overflow:hidden;z-index:1;}
.lens-mv__photo {display:block;width:100%;height:100%;object-fit:cover;transition:filter .8s ease-out,transform .8s ease-out;will-change:filter,transform;}
.lens-mv__photo.is-blur {filter:blur(14px) brightness(.85);transform:scale(1.06);}
.lens-mv__photo.is-clear {filter:blur(0) brightness(1);transform:scale(1);}
.lens-mv__frame {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;transition:transform .7s cubic-bezier(.34,1.4,.64,1);transform-origin:center center;will-change:transform;}
.lens-mv__svg {display:block;width:100%;height:100%;object-fit:contain;}


.lens-mv__svg.--pc {display:none;}
.lens-mv__svg.--sp {display:block;}
.lens-mv__photo-wrap {top:15.957%;left:15.957%;width:68.085%;height:68.085%;}

#pc-glnavi .h-menu .zdo_drawer_buttonsp{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

#pc-glnavi.active .h-menu .zdo_drawer_buttonsp,#index.pull #pc-glnavi .h-menu .zdo_drawer_buttonsp{-webkit-filter: none; filter: none; }


body#index{padding-top:0!important;overflow: hidden;}


#index header{background:rgba(255,255,255,0);position:fixed;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .45s ease,backdrop-filter .45s ease,-webkit-backdrop-filter .45s ease;}
#index header .h-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
#index header .gl-navi li a{color:#fff;transition:none;}
#index header #h-clinic a{border:1px solid #fff;}
#index.pull header{position:fixed;background:rgba(255,255,255,.5);backdrop-filter:blur(13.3vw);-webkit-backdrop-filter:blur(13.3vw);}
#index.pull header #h-clinic a{background:var(--blue);text-align:center;border:var(--blue) 1px solid;}
#index.pull header .h-logo{-webkit-filter:none;filter:none;}
#index.pull header .gl-navi li a{color:#222;transition:none;}
#index.pull header #h-clinic a{color:#fff;}

#contentsmain{background:url(../images/common/cmback01.png) repeat bottom center,transparent linear-gradient(180deg,var(--blue) 0%,#182545 100%) 0 0 no-repeat padding-box;overflow:hidden;position:relative;padding: 0 0vw 25.3vw;}
#contentsmain::before{background:url(../images/about/sp-ttl-bttomback.png) no-repeat top center;width:100%;height: 13.1vw;content:"";position:absolute;bottom: -0.2vw;left:0;display:block;background-size:cover;z-index:3;}

#contentsmain::after{content:"";background:url(../images/index/landolt.png) no-repeat top center;width: 72.9vw;height: 72.9vw;position:absolute;top: 193vw;right: -29.3vw;z-index:0;display:block;background-size:100%;transform-origin:center center;animation:rollImg 40s linear infinite;opacity: 1;}
#contentsmain .inner-Box::after{content:"";background:url(../images/index/landolt.png) no-repeat top center;width: 79.9vw;height:102.9vw;position:absolute;top: 76vw;left: -46vw;z-index:0;display:block;background-size:100%;transform-origin:center center;animation:rollImg 40s linear infinite;opacity: 1;}
#contentsmain .inner-Box{margin:0 auto;position:relative;display:block;padding: 6.9vw 0 0;z-index:3;max-width:100%;}
#contentsmain .lens-mv{position:relative;width: 108vw;aspect-ratio:1/1;top:0;left:50%;transform:translateX(-50%);order:1;margin: 0 0 -7.2vw;}
#contentsmain .text-Box{width:100%;order:2;position:relative;z-index:3;}
#contentsmain .lens-mv__photo-wrap{position:absolute;top:15.987%;left:15.987%;width:68.025%;height:68.025%;border-radius:50%;overflow:hidden;z-index:1;}
#contentsmain .lens-mv__photo{display:block;width:100%;height:100%;object-fit:cover;transition:filter .8s ease-out,transform .8s ease-out;will-change:filter,transform;}
#contentsmain .lens-mv__photo.is-blur{filter:blur(3.7vw) brightness(.85);transform:scale(1.06);}
#contentsmain .lens-mv__photo.is-clear{filter:blur(0) brightness(1);transform:scale(1);}
#contentsmain .lens-mv__frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;transition:transform .7s cubic-bezier(.34,1.4,.64,1);transform-origin:center center;will-change:transform;}
#contentsmain .lens-mv__svg{display:none;width:100%;height:100%;object-fit:contain;}
#contentsmain .lens-mv__svg.--sp{display:block;}
#contentsmain .text-Box h2{color:#fff;margin-right:0;margin-bottom: 6.4vw;text-align: center;font-size:8vw;font-weight:400;line-height:1.6;letter-spacing:0em;}
#contentsmain .text-Box p.text{color:#fff;margin: 0 6.4vw 10.667vw;text-align: left;font-size: 4vw;font-weight:400;line-height:2;letter-spacing:0.05em;}
#contentsmain .text-Box ul{max-width:100%;margin: 0 6.3vw;display:block;}
#contentsmain .text-Box li{position:relative;width:100%;margin-bottom: 2.9vw;}
#contentsmain .text-Box li .bluebtn{border:1px solid #fff;background:none;}
#contentsmain .text-Box li .bluebtn .arr img{-webkit-filter:none;filter:none;}
#contentsmain .text-Box li .bluebtn .arr::after{filter:none;}
.backk{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;padding: 11.4vw 0 12.4vw 0;}
#contentsclinic{padding:0 5vw 30.1vw;position:relative;}
#contentsclinic .inner-Box{margin:0 auto;position:relative;max-width:100%;top:-13.333vw;z-index:4;}
#contentsclinic .corettl{margin-bottom: 6.4vw;}
#contentsclinic .inner-Box .sibtt{text-align:center;font-size:4.3vw;font-weight:400;line-height:2;letter-spacing:.05em;color:#222;margin-top:-6.9vw;margin-bottom:16.3vw;}
#contentsclinic .inner-Box .whitebtn__text{font-size: 3.7vw;}

#contentsnews{position:relative;padding: 10.9vw 5.3vw 13.6vw;margin-bottom: 12.8vw;}
#contentsnews::before{content:"";position:absolute;top:0;bottom:0;left:0;width:95%;background:#fff;box-shadow:0 0 5.3vw var(--blue)0D;z-index:1;}
#contentsnews::after{content:"TOPICS";position:absolute;top: -5.7vw;left: -0.2vw;font-family:"Cormorant Garamond",serif;text-align:center;font-size: 16.1vw;font-weight:400;line-height:.2;letter-spacing:0;color:var(--blue);opacity:.08;}
#contentsnews .inner-Box{max-width:100%;padding:0;margin:0 auto;display:block;position:relative;z-index:2;}
#contentsnews .ttl-Box{width:100%;margin-bottom: 2.2vw;}
#contentsnews .list-Box{width: auto;min-width:0;padding: 0 5.4vw 0 0;}
#contentsnews .ttl-Box h2{color:var(--blue);writing-mode:horizontal-tb;padding:0;margin-bottom: 6vw;text-align: left;font-size:5.9vw;font-weight:500;line-height:1.5;letter-spacing:0em;}
#contentsnews .ttl-Box .whitebtn__text{font-size: 3.7vw;margin-right: -0.7vw;}
#contentsnews .ttl-Box .whitebtn__circle{width: 8.4vw;height: 8.4vw;}
#contentsnews .ttl-Box .whitebtn__circle-bg{background: #fff;}
#contentsnews .ttl-Box .dl-butn{margin:0;position: absolute;right: 5.5vw;top: 0;}
#contentsnews .list-Box .arrt-Box{background:#F0F7FD;position:relative;padding: 3.7vw 6.2vw 5.8vw;border:1px solid #DDDDDD;margin: 0 auto 6.3vw;}
#contentsnews .list-Box .arrt-Box h3{margin-bottom: 0.9vw;color:#222;text-align: left;font-size:3.7vw;font-weight:700;line-height:1.857;letter-spacing:0.05em;}
#contentsnews .list-Box .arrt-Box h3 span{position:relative;top: -1.3vw;display:inline-block;margin-right:.8vw;width: 5.5vw;}
#contentsnews .list-Box .arrt-Box p.artext{text-align:left;font-size:3.7vw;font-weight:400;line-height:1.786;letter-spacing:.05em;text-align: left;font-size:3.2vw;font-weight:400;line-height:1.583;letter-spacing:0.05em;}
#contentsnews .list-Box .arrt-Box p.artext span{color:#AA1C1C;}
#contentsnews .list-Box .arrt-Box p.artext a{color:var(--blue);text-decoration:underline;}
#contentsnews .listbox{padding:1px;margin: 0 auto -4.7vw;max-width:100%;}
#contentsnews .listbox li{margin-bottom: 3.7vw;}
#contentsnews .listbox li a{display:block;padding: 0 0vw 1.9vw 0;position:relative;border-bottom:#DDD 1px solid;}
#contentsnews .listbox li .databox{margin-bottom: 2.1vw;padding-top:2.1vw;font-size:2.9vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;color:#111;}
#contentsnews .listbox li .databox .timebox{position:relative;left:1.9vw;display:inline-block;margin-right:3.2vw;font-size: 4.3vw;line-height: 1;letter-spacing: 0.08em;font-weight: 500;color: var(--blue);}
#contentsnews .listbox li .databox .categ{color:#fff;display:inline-block;background:var(--blue);border:none;margin-right:.5vw;padding:2.4vw 1.6vw;line-height:1;letter-spacing:0;position:relative;top:0;}
#contentsnews .listbox li .arr{position:absolute;width:5.3vw;height:5.3vw;padding:0;top:64%;}
#contentsnews .listbox li .systtl{margin-top: 2.5vw;font-size: 4vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 400;color: #222;}
#contentsnews .listbox li .systtl span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
#contentsnews .listbox li .whitebtn__circle{position:absolute;top:42%;right:1.9vw;transform:translateY(-50%);display: none;}
#contentsnews .list-Box .listbox li .whitebtn__circle{position:absolute;top:50%;right:1.9vw;transform:translateY(-50%);}


#contentssymptom{padding: 0 5vw 12.6vw;position:relative;}
#contentssymptom::before{content:"";background:url(../images/index/contentssymptom-icon.svg) no-repeat top center;width: 48.2vw;height: 48.2vw;position:absolute;top: -25vw;margin-left:0;left: -2.1vw;z-index:0;display:block;background-size:100%;}
#contentssymptom .inner-Box{margin:0 auto;position:relative;max-width:100%;z-index:4;}
#contentssymptom .inner-Box .subttl{color:#222;margin-top: -2.5vw;margin-bottom: 5.2vw;text-align: left;font-size:4vw;font-weight:400;line-height:1.8;letter-spacing:0.05em;}
#contentssymptom .inner-Box h2.corettl{text-align:left;}
#contentssymptom .inner-Box .dl-butn{position:relative;top:0;right:0;text-align:right;margin-bottom: 0;}
#contentssymptom .inner-Box .dl-butn .whitebtn__text{font-size: 3.7vw;margin-right: -0.1vw;}
#contentssymptom .inner-Box .dl-butn .whitebtn__circle-bg{background:#fff;}
#contentssymptom .inner-Box .dl-butn .whitebtn__circle{width: 8.4vw;height: 8.4vw;}
#contentssymptom .listbox {margin-bottom: 5vw;}
#contentssymptom .listbox li{border:1px solid #DDDDDD;margin-bottom: 1.8vw;background: #fff;}
#contentssymptom .listbox li:last-child{margin-bottom: 0;}
#contentssymptom .listbox li a{display:flex;align-items:center;gap: 3.7%;padding: 4.2vw 3.3vw 4.2vw 3.3vw;position:relative;}
#contentssymptom .listbox li a .photo{width: 13%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;text-align:center;position:relative;}
#contentssymptom .listbox li a .photo img{width:100%;height:100%;object-fit:cover;display:block;}
#contentssymptom .listbox li a .min-box{width:71.875%;}
#contentssymptom .listbox li a .min-box .sys-ttl{color:#222;margin-bottom: 1vw;text-align: left;font-size:4vw;font-weight:700;line-height:1.533;letter-spacing:0.05em;}
#contentssymptom .listbox li a .min-box .sys-text{color:#666;text-align: left;font-size:3.2vw;font-weight:400;line-height:1.917;letter-spacing:0.05em;}
#contentssymptom .listbox li a::before{content:"";display:block;width: 3.1vw;height: 3.1vw;background:url(../images/common/arr02.svg)no-repeat bottom right;position:absolute;bottom: 2.4vw;right:2.133vw;transition:all .3s ease-in-out;background-size: 100% auto;}
#contentssymptom .listbox li a:hover::before{bottom:1.333vw;right:1.333vw;}

#contentstreat{margin: 0 auto 21.8vw;position:relative;background: url(../images/index/sp-contentstreat-back01.jpg) no-repeat top right;padding: 13vw 5.7vw 0;background-size: auto 100vw;}
#contentstreat .ttl-Box{margin: 0 auto 6.4vw;position:relative;max-width:100%;}
#contentstreat .ttl-Box .iconn{mix-blend-mode:plus-lighter;position:absolute;top: 1.1vw;left:auto;right: 15.3vw;width:14.9vw;margin-left:0;}
#contentstreat .ttl-Box .iconn img{width:100%;height:auto;}
#contentstreat .ttl-Box .subttl{color:#fff;margin-top: -2.8vw;margin-bottom: 3.4vw;text-align: left;font-size:4vw;font-weight:400;line-height:1.8;letter-spacing:0.05em;}
#contentstreat .ttl-Box h2.corettl{text-align:left;color:#fff;}
#contentstreat .ttl-Box h2.corettl span.f-min::before{background:#fff;}
#contentstreat .ttl-Box .dl-butn{position:relative;top:0;right: 0vw;text-align:right;}
#contentstreat .ttl-Box .dl-butn .whitebtn__text{font-size: 3.7vw;color:#fff;position: relative;left: 1vw;}
#contentstreat .ttl-Box .dl-butn .whitebtn__circle-bg{background:#fff;}
#contentstreat .ttl-Box .dl-butn .whitebtn__circle{width: 8.4vw;height: 8.4vw;}

#contentstreat .inner-Box{margin:0 auto;position:relative;width:100%;}
#contentstreat .inner-Box ul{display:grid;grid-template-columns:repeat(2,48.5%);gap: 0% 3%;}
#contentstreat .inner-Box ul li{position:relative;width:100%;box-shadow:0 0 5.3vw var(--blue)0D;background:#fff;margin-bottom: 2.7vw;}
#contentstreat .inner-Box ul li:last-child{margin-bottom: 0;background: none;box-shadow: none;text-align: center;}
#contentstreat .inner-Box ul li:last-child a{text-align: center;display: block;padding: 19.7vw 0 4.2vw 3.7vw;position: relative;}
#contentstreat .inner-Box ul li:last-child a .whitebtn__circle{display: inline-block;width: 8.3vw;height: 8.3vw;margin-left: 1vw;position: relative;top: 2.3vw;}
#contentstreat .inner-Box ul li:last-child a .whitebtn__text{font-size: 3.7vw;}
#contentstreat .inner-Box ul li:last-child::before{ content:none;}
#contentstreat .inner-Box ul li:last-child .whitebtn__circle-bg{background:#fff;}

#contentstreat .inner-Box li::before{content:"";display:block;width: 2.6vw;height: 2.6vw;background:url(../images/common/arr02.svg) no-repeat bottom right;position:absolute;bottom: 1.5vw;right: 1.5vw;background-size: 100% auto;}
#contentstreat .inner-Box ul li a{display:block;position:relative;}
#contentstreat .inner-Box ul li .mBox{padding: 2.8vw 2.4vw 4vw;}
#contentstreat .inner-Box figure.photo{position:relative;top:0;left:0;}
#contentstreat .inner-Box figure.photo img{width:100%;height:auto;}
#contentstreat .inner-Box h3{margin-bottom: 2.1vw;padding-bottom: 2.4vw;position:relative;border-bottom:#DDD 1px solid;color:var(--blue);text-align: left;font-size:3.7vw;font-weight:700;line-height:1.286;letter-spacing:0.05em;}
#contentstreat .inner-Box p.ltext{margin-bottom:0;position:relative;color:#222;text-align: left;font-size:3.2vw;font-weight:400;line-height:1.583;letter-spacing:0.05em;}

#contentsdisease{position:relative;padding: 6.3vw 5vw 16.7vw;margin-bottom: 32vw;background:#fff;}
#contentsdisease::before{content:"";width:100%;aspect-ratio: 375/44;background: url(../images/index/sp-contentsdisease-back01.svg) no-repeat top center;position:absolute;top:0;left:0;z-index:0;display:block;background-size:cover;transform:translateY(-99%);}
#contentsdisease::after{content:"";width:100%;aspect-ratio: 375/44;background: url(../images/index/sp-contentsdisease-back02.svg) no-repeat bottom center;position:absolute;bottom:0;left:0;z-index:3;display:block;background-size:cover;transform:translateY(31%);}
#contentsdisease .inner-Box{max-width:100%;padding:0;margin:0 auto;display:block;position:relative;z-index:2;}
#contentsdisease .indextag{position:absolute;top: -19.1vw;right:0;width: 13.4vw;}
#contentsdisease .ttl-Box{width:100%;padding-left:0;margin-bottom: 5.8vw;}
#contentsdisease .ttl-Box h2{text-align: center;font-size: 6.6vw;font-weight:500;line-height:1.067;letter-spacing:.05em;color:var(--blue);writing-mode:horizontal-tb;padding:0;margin-bottom: 5.7vw;position:relative;top:0;left:0;}
#contentsdisease .ttl-Box p.subttl{writing-mode:horizontal-tb;padding:0;margin-bottom:0;text-align:left;font-size: 4vw;font-weight:400;line-height:1.571;letter-spacing:.05em;color:#222;text-align: center;}
#contentsdisease .list-Box{width:100%;padding-top:0;}
#contentsdisease ul{display:block;max-width:100%;margin: 0 auto 4.3vw;}
#contentsdisease ul li{border-bottom:1px solid #DDDDDD;margin-bottom:4vw;}
#contentsdisease ul li a{display:flex;gap: 5.3%;padding: 0 2.1vw 4.3vw;position:relative;}
#contentsdisease ul li a .photo{width:25%;aspect-ratio:1/1;border-radius:0;overflow:hidden;text-align:center;position:relative;flex-shrink:0;}
#contentsdisease ul li a .photo img{width:100%;height:100%;object-fit:cover;display:block;}
#contentsdisease ul li a .min-box{width:70.7%;padding-top: 3.9vw;}
#contentsdisease ul li a .min-box .sys-ttl{margin-bottom:1.6vw;text-align:left;font-size: 4.4vw;font-weight:700;line-height:1.5;letter-spacing:.05em;color:var(--blue);}
#contentsdisease ul li a .min-box .sys-text{text-align:left;font-size:3.7vw;font-weight:400;line-height:1.571;letter-spacing:.05em;color:#222;}
#contentsdisease ul 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.4vw;right: 2.5vw;background-size: 100% auto;}
#contentsdisease ul li a::after{content:"";display:block;width:0;height:1px;background:var(--blue);position:absolute;bottom:-1px;left:0;}
#contentsdisease .dl-butn{position:relative;top:0;right:0;text-align:right;}
#contentsdisease .dl-butn .whitebtn__text{font-size: 3.7vw;}
#contentsdisease .dl-butn .whitebtn__circle{width: 8.4vw;height: 8.4vw;}
#contentscolumn{padding: 0 5vw 0vw;position:relative;}
#contentscolumn .inner-Box{margin:0 auto;position:relative;max-width:100%;top: 0;z-index:4;padding-top: 3.6vw;}
#contentscolumn .inner-Box .subttl{text-align:left;font-size: 4vw;font-weight:400;line-height:2;letter-spacing:.05em;color:#222;margin-top: -3.1vw;margin-bottom: 7.2vw;text-align: center;}
#contentscolumn .inner-Box h2.corettl{text-align:left;color: var(--blue);}
#contentscolumn .inner-Box .dl-butn{position:relative;top:0;right:0;text-align:right;margin-bottom: 0vw;}
#contentscolumn .inner-Box .dl-butn .whitebtn__text{font-size: 3.7vw;}
#contentscolumn .inner-Box .dl-butn .whitebtn__circle{width: 8.4vw;height: 8.4vw;}

#contentscolumn .inner-Box .dl-butn .whitebtn__circle-bg{background:#fff;}
#contentscolumn .listbox{display:grid;grid-template-columns:repeat(1,100%);gap: 8.1vw;margin-bottom: 5.6vw;}
#contentscolumn .listbox li{position:relative;width:100%;}
#contentscolumn .listbox li a{display:block;padding-left:6.4vw;}
#contentscolumn .listbox li .databox{margin-bottom:1.1vw;font-size:3.7vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;color:#111;}
#contentscolumn .listbox li .databox .categ{color:#fff;display:inline-block;background:var(--blue);border:1px solid var(--blue);margin:0 2.1vw 2.1vw 0;padding: 2.2vw 1.5vw;line-height:1;font-size: 2.9vw;letter-spacing:.05em;position:relative;top:0;}
#contentscolumn .listbox li .arr{position:absolute;right:1.6vw;width:8.5vw;height:8.5vw;bottom:13.3vw;}
#contentscolumn .listbox li .timebox{font-size:4.3vw;transform:rotate(90deg);transform-origin:top left;display:block;position:absolute;top:0;left:4.8vw;line-height:1;}
#contentscolumn .listbox li .figbo{width:100%;aspect-ratio:1600/963;overflow:hidden;text-align:center;margin-bottom: 2.2vw;position:relative;}
#contentscolumn .listbox li .figbo img{width:100%;height:100%;object-fit:contain;display:block;}
#contentscolumn .listbox li h3{color:#222;margin-bottom:-.3vw;text-align: left;font-size:4.3vw;font-weight:700;line-height:1.813;letter-spacing:0.05em;}
#contentscolumn .listbox li h3 span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#contentscolumn .listbox li .dlmo{position:relative;font-size:3.7vw;line-height:1;letter-spacing:.05em;font-weight:700;text-align:right;color:var(--blue);display: none;}
#contentscolumn .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;}
#contentscolumn .listbox li .whitebtn__circle{display:inline-block;top:3.2vw;margin-left:1.3vw;}
#contentscolumn .listbox li .dlmo .whitebtn__circle-bg{background:#fff;}

#contentsabout{background:#fff;overflow:hidden;position:relative;padding:0 5vw 14.4vw;}
#contentsabout figure img{width:100%;height:auto;}
#contentsabout .inner-Box{margin:0 auto;position:relative;display:block;padding: 39.6vw 0 0;z-index:3;}
#contentsabout .inner-Box::before{content:"";background:url(../images/common/c-rollimg01.png) no-repeat top center;width: 73.5vw;height: 73.5vw;position:absolute;top: 83.3vw;right: -8vw;z-index:0;display:block;background-size:100%;transform-origin:center center;animation:rollImg 40s linear infinite;}
#contentsabout .inner-Box::after{content:"";background:url(../images/common/c-rollimg01.png) no-repeat top center;width: 82.9vw;height: 82.9vw;position:absolute;top: -25vw;left: -29vw;z-index:0;display:block;background-size:100%;transform-origin:center center;animation:rollImg 40s linear infinite;}

#contentsabout .left-Box{z-index:3;margin: 0 0 18.3vw 6.4vw;padding-top: 10.5vw;}
#contentsabout .center-Box{width:100%;text-align:center;color:#fff;padding-top:4.5vw;left:0;z-index:3;}
#contentsabout .right-Box{}
#contentsabout .left-Box figure.photo04{position:relative;top:0;left:0;width:40%;margin:0 0 -7.5vw;display: none;}
#contentsabout .left-Box figure.photo01{position:relative;top:0;left:0;width: 46.4%;margin-right: auto;}
#contentsabout .center-Box p.text{margin:0;position:relative;color: #222;text-align: left;font-size:4vw;font-weight:400;line-height:1.8;letter-spacing:0.05em;margin-bottom: 5.7vw;}
#contentsabout .right-Box figure.photo02{position: absolute;top: 40.1vw;right: 6.4vw;width: 31.1%;margin:0 0 -20.3vw auto;}
#contentsabout .right-Box figure.photo03{position: absolute;top: 70.4vw;left: 33.5vw;width: 33.5vw;margin-right:auto;}

#contentsabout .center-Box h2{margin-bottom:7.2vw;position: absolute;top: 12.8vw;left: 50%;transform: translateX(-50%);width: 72vw;color: var(--blue);}
#contentsabout .center-Box h2 .f-min{text-align:center;}
#contentsabout .center-Box h2 .f-en{text-align:center;}
#contentsabout .center-Box p.bbb{width: 89.3vw;margin:0 auto;position: relative;z-index: 3;}

#contentsclinic{background:url(../images/common/cmback01.png) repeat bottom center #F8F8FA;position:relative;padding: 8.5vw 5.4vw 0.2vw 5.4vw;margin-bottom: 0.9vw;}
#contentsclinic .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsclinic .inner-Box .sibtt{text-align: left;font-size: 4vw;font-weight:400;line-height:2;letter-spacing:.05em;color:#222;margin-top:-6.9vw;margin-bottom: 6.8vw;padding-top: 3.5vw;}

}


/* トップ：オープニング（画面全体）2026-09-24 */
html.is-opening{overflow:hidden;}
#opening{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#fff 0%,#F6F7FB 60%,#E9EDF5 100%);}
#opening .op-inner{display:flex;flex-direction:column;align-items:center;gap:3.2rem;}
#opening .op-mark{width:12rem;height:auto;opacity:0;filter:blur(16px);transform:scale(1.18);transition:opacity .6s ease,filter 1s ease-out,transform 1s ease-out;}
#opening .op-word{width:28rem;height:auto;opacity:0;transform:translateY(1.2rem);transition:opacity .7s ease,transform .7s ease-out;}
#opening.is-focus .op-mark{opacity:1;filter:blur(0);transform:scale(1);}
#opening.is-word .op-word{opacity:1;transform:translateY(0);}
#opening.is-open .op-inner{opacity:0;transform:scale(.96);transition:opacity .45s ease,transform .6s ease;}
@media screen and (max-width: 767px){
#opening .op-inner{gap:6vw;}
#opening .op-mark{width:26vw;}
#opening .op-word{width:62vw;}
}