@charset "UTF-8";
 @font-face{
font-family : "Noto Sans JP";
font-style : normal;
font-weight : 100 900;
font-optical-sizing : auto;
src : url(//umekitaclinic.org/wp-content/themes/umekita-clinic/assets/fonts/Noto_Sans_JP/NotoSansJP-VariableFont_wght.woff2) format( "woff2" );
font-display : swap;
}
:root{
--fontFamily : "Noto Sans JP" , serif;
}
@font-face{
font-family : Jost;
font-style : normal;
font-weight : 100 900;
font-optical-sizing : auto;
src : url(//umekitaclinic.org/wp-content/themes/umekita-clinic/assets/fonts/Jost/Jost-VariableFont_wght.woff2) format( "woff2" );
font-display : swap;
}
.jost{
font-family : Jost , sans-serif;
} @media screen and ( width <= 750px ){
@property --breakPoint{
syntax : "<number>";
inherits : false;
initial-value : 375;
}
@property --wrapperSize{
syntax : "<number>";
inherits : false;
initial-value : 335;
}
@property --gutter{
syntax : "<number>";
inherits : false;
initial-value : 20;
}
}
@media print , screen and ( width > 750px ){
@property --breakPoint{
syntax : "<number>";
inherits : false;
initial-value : 1366 ;
}
@property --wrapperSize{
syntax : "<number>";
inherits : false;
initial-value : 1118;
}
@property --gutter{
syntax : "<number>";
inherits : false;
initial-value : 124;
}
}
@property --remBase{
syntax : "*";
inherits : false;
initial-value : * .1rem;
}
:root{
--percentBase : * 100% / var( --wrapperSize );
--viewportBase : * 100% / var( --breakPoint );
} @property --base{
syntax : "<color>";
inherits : false;
initial-value : black;
}
@property --green{
syntax : "<color>";
inherits : false;
initial-value : #006a32;
}
@property --accent{
syntax : "<color>";
inherits : false;
initial-value : #64aeaa;
}
@property --lightGreen{
syntax : "<color>";
inherits : false;
initial-value : #82c26d;
}
@property --brown01{
syntax : "<color>";
inherits : false;
initial-value : #9c9278;
}
@property --brown02{
syntax : "<color>";
inherits : false;
initial-value : #a29477;
}
@property --brown03{
syntax : "<color>";
inherits : false;
initial-value : #a09678;
}
@property --brown04{
syntax : "<color>";
inherits : false;
initial-value : #896e36;
}
@property --brown05{
syntax : "<color>";
inherits : false;
initial-value : #826e3c;
} @property --filterWhite{
syntax : "*";
inherits : false;
initial-value : brightness( 0 ) invert( 1 );
}
@property --filterGreen{
syntax : "*";
inherits : false;
initial-value : invert( 25% ) sepia( 75% ) saturate( 1226% ) hue-rotate( 119deg ) brightness( 94% ) contrast( 102% );
}
@property --filterLightGreen{
syntax : "*";
inherits : false;
initial-value : invert( 69% ) sepia( 80% ) saturate( 232% ) hue-rotate( 60deg ) brightness( 87% ) contrast( 90% );
}
@property --filterBrown01{
syntax : "*";
inherits : false;
initial-value : invert( 61% ) sepia( 28% ) saturate( 258% ) hue-rotate( 6deg ) brightness( 91% ) contrast( 88% );
}
@property --filterBrown02{
syntax : "*";
inherits : false;
initial-value : invert( 61% ) sepia( 15% ) saturate( 516% ) hue-rotate( 2deg ) brightness( 94% ) contrast( 93% );
} @media screen and ( width <= 750px ){
:root{
--min : 10px;
--max : 20rem;
}
}
@media print , screen and ( width > 750px ){
:root{
--min : 10px;
--max : 20rem;
}
} @property --easeInSine{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .47 ,  , .745 , .715 );
}
@property --easeOutSine{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .39 , .575 , .565 , 1 );
}
@property --easeInOutSine{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .445 , .05 , .55 , .95 );
}
@property --easeInQuad{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .55 , .085 , .68 , .53 );
}
@property --easeOutQuad{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .25 , .46 , .45 , .94 );
}
@property --easeInOutQuad{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .455 , .03 , .515 , .955 );
}
@property --easeInCubic{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .55 , .055 , .675 , .19 );
}
@property --easeOutCubic{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .215 , .61 , .355 , 1 );
}
@property --easeInOutCubic{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .645 , .045 , .355 , 1 );
}
@property --easeInQuart{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .895 , .03 , .685 , .22 );
}
@property --easeOutQuart{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .165 , .84 , .44 , 1 );
}
@property --easeInOutQuart{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .77 ,  , .175 , 1 );
}
@property --easeInQuint{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .755 , .05 , .855 , .06 );
}
@property --easeOutQuint{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .23 , 1 , .32 , 1 );
}
@property --easeInOutQuint{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .86 ,  , .07 , 1 );
}
@property --easeInExpo{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .95 , .05 , .795 , .035 );
}
@property --easeOutExpo{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .19 , 1 , .22 , 1 );
}
@property --easeInOutExpo{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( 1 ,  ,  , 1 );
}
@property --easeInCirc{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .6 , .04 , .98 , .335 );
}
@property --easeOutCirc{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .075 , .82 , .165 , 1 );
}
@property --easeInOutCirc{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .785 , .135 , .15 , .86 );
}
@property --easeInBack{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .6 , -.28 , .735 , .045 );
}
@property --easeOutBack{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .175 , .885 , .32 , 1.275 );
}
@property --easeInOutBack{
syntax : "*";
inherits : false;
initial-value : cubic-bezier( .68 , -.55 , .265 , 1.55 );
}
@property --transitionAppearance{
syntax : "*";
inherits : false;
initial-value : .3s ease-out;
}
@property --transitionBoundsTiming{
syntax : "*";
inherits : false;
initial-value : linear( 0 , .009 , .035 2.1% , .141 , .281 6.7% , .723 12.9% , .938 16.7% , 1.017 , 1.077 , 1.121 , 1.149 24.3% , 1.159 , 1.163 , 1.161 , 1.154 29.9% , 1.129 32.8% , 1.051 39.6% , 1.017 43.1% , .991 , .977 51% , .974 53.8% , .975 57.1% , .997 69.8% , 1.003 76.9% , 1.004 83.8% , 1 );
}
:root{
--transitionBase : 1s var( --easeOutExpo );
--transitionBounds : 1s var( --transitionBoundsTiming );
} *{
padding : 0;
margin : 0;
word-break : break-all;
}
* , *::before , *::after{
box-sizing : border-box;
}
*:not(fieldset, progress, meter){
background-repeat : no-repeat;
background-origin : border-box;
border-style : solid;
border-width : 0;
}
:root{
color-scheme : light ! important;
}
:where( html ){
block-size : 100%;
-webkit-text-size-adjust : none;
tab-size : 2;
}
@media ( prefers-reduced-motion : no-preference ){
html{
scroll-behavior : smooth;
}
}
:where( html:has( dialog[open] ) ){
overflow : clip;
}
:where( body ){
overflow-x : clip;
overflow-y : auto;
font-family : var( --fontFamily );
font-weight : 400;
font-optical-sizing : auto;
line-height : 1;
color : var( --base );
overflow-wrap : anywhere;
text-rendering : optimizeSpeed;
min-block-size : 100%;
line-break : strict; }
main{
overflow-x : clip;
}
:where( svg, video, canvas, audio, iframe, embed, object ){
display : block;
}
:where( img, svg, video ){
max-width : inherit;
font-size : 0;
vertical-align : top;
inline-size : auto;
}
:where( img ){
image-rendering : -webkit-optimize-contrast;
}
:where( svg ){
fill : currentColor;
stroke : none;
}
:where( svg:not( [fill] ) ){
fill : none;
stroke : currentColor;
stroke-linecap : round;
stroke-linejoin : round;
}
:where( svg:not( [width] ) ){
inline-size : 5rem;
}
:where( input, button, textarea, select , input[type="file"]::-webkit-file-upload-button ){
font : inherit;
font-size : inherit;
color : inherit;
letter-spacing : inherit;
outline : none;
}
:where( p, h1, h2, h3, h4, h5, h6 ){
overflow-wrap : break-word;
}
:where( p, h1, h2, h3, h4, h5, h6 , a ){
&:has( > img:only-child ){
font-size : 0;
line-height : 1;
}
}
:where( ul, ol ){
list-style : none;
}
:where( a ){
color : var( --base );
-webkit-text-decoration : none;
text-decoration : none;
text-underline-offset : calc( ( 1lh - 1em ) / 2 );
touch-action : manipulation;
cursor : pointer;
text-decoration-skip-ink : auto;
}
:where( button , [type="button"] , [type="reset"] , [type="submit"] ){
touch-action : manipulation;
}
:where( button ){
background-color : transparent;
}
:where( button, input, label[for], select, summary, textarea, [tabindex]:not( [tabindex*="-"] ) ){
touch-action : manipulation;
cursor : pointer;
}
:where( :disabled ){
cursor : not-allowed;
}
:where( label:has( > input:disabled ), label:has( + input:disabled ) ){
cursor : not-allowed;
}
:where( button, button[type], input[type="button"], input[type="submit"], input[type="reset"],input[type="file"]::-webkit-file-upload-button,input[type="file"]::file-selector-button ){
-webkit-tap-highlight-color : transparent;
-webkit-touch-callout : none;
user-select : none;
}
:where( select ){
appearance : none;
}
:where( table ){
border-collapse : collapse;
}
:where( picture ){
display : block;
font-size : 0;
}
:where( em,dfn ){
font-style : normal;
}
:where( dialog , [popover] ){
inset : unset;
max-width : unset;
max-width : 100%;
max-height : unset;
max-height : 100%;
color : inherit;
background : none;
border : none;
}
:where( dialog:not( [open] ), [popover]:not( :popover-open ) ){
display : none;
}
:where( summary  ){
display : block;
list-style : none;
}
:where( summary  ){
&::-webkit-details-marker{
display : none;
}
}
@view-transition{
navigation : auto;
} @media print{
body{
width : 100%;
overflow-x : hidden;
}
@page{
margin : .5cm;
margin-top : .4cm;
size : a4 portrait;
}
.no-print{
display : none;
}
}